{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "gummy-direction",
  "type": "registry:ui",
  "title": "Gummy Direction",
  "description": "Native dir wrapper and Base UI Direction Provider for scoped LTR or RTL component behaviour.",
  "registryDependencies": [
    "https://gummyui.dev/r/gummy-primitives-styles.json"
  ],
  "dependencies": [
    "@base-ui/react"
  ],
  "files": [
    {
      "path": "components/ui/GummyDirection.tsx",
      "type": "registry:ui",
      "content": "\"use client\";\n\nimport { DirectionProvider } from \"@base-ui/react/direction-provider\";\nimport * as React from \"react\";\n\nfunction joinClassNames(...values: Array<string | false | null | undefined>) {\n  return values.filter(Boolean).join(\" \");\n}\n\nexport type GummyDirectionProps = React.HTMLAttributes<HTMLDivElement> & {\n  direction: \"ltr\" | \"rtl\";\n};\n\nexport const GummyDirection = React.forwardRef<HTMLDivElement, GummyDirectionProps>(\n  function GummyDirection({ direction, className, children, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        dir={direction}\n        className={joinClassNames(\"gummy-direction\", className)}\n        data-direction={direction}\n      >\n        <DirectionProvider direction={direction}>{children}</DirectionProvider>\n      </div>\n    );\n  },\n);\n\nGummyDirection.displayName = \"GummyDirection\";\n"
    }
  ]
}