{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "Collapsible",
  "dependencies": [
    "@base-ui/react",
    "rescript-base-ui"
  ],
  "files": [
    {
      "path": "registry/base/ui/Collapsible.res",
      "content": "@@directive(\"'use client'\")\n\n@react.componentWithProps(BaseUi.Collapsible.Root.props)\nlet make = (props: BaseUi.Collapsible.Root.props) =>\n  <BaseUi.Collapsible.Root {...props} dataSlot={props.dataSlot->Option.getOr(\"collapsible\")} />\n\nmodule Trigger = {\n  @react.componentWithProps(BaseUi.Collapsible.Trigger.props)\n  let make = (props: BaseUi.Collapsible.Trigger.props) =>\n    <BaseUi.Collapsible.Trigger\n      {...props} dataSlot={props.dataSlot->Option.getOr(\"collapsible-trigger\")}\n    />\n}\n\nmodule Content = {\n  @react.componentWithProps(BaseUi.Collapsible.Panel.props)\n  let make = (props: BaseUi.Collapsible.Panel.props) => {\n    let children = props.children->Option.getOr(React.null)\n    <BaseUi.Collapsible.Panel\n      {...props} dataSlot={props.dataSlot->Option.getOr(\"collapsible-content\")}\n    >\n      {children}\n    </BaseUi.Collapsible.Panel>\n  }\n}\n",
      "type": "registry:file",
      "target": "@ui/Collapsible.res"
    }
  ],
  "type": "registry:ui"
}