@spark-ui/components 13.0.7 → 13.1.1

package/dist/collapsible/index.js

@@ -1,109 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/collapsible/index.ts
-var collapsible_exports = {};
-__export(collapsible_exports, {
-  Collapsible: () => Collapsible4
-});
-module.exports = __toCommonJS(collapsible_exports);
-
-// src/collapsible/Content.tsx
-var import_collapsible = require("@base-ui/react/collapsible");
-var import_class_variance_authority = require("class-variance-authority");
-
-// src/slot/Slot.tsx
-var import_radix_ui = require("radix-ui");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var Slottable = import_radix_ui.Slot.Slottable;
-var Slot = ({ ref, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_radix_ui.Slot.Root, { ref, ...props });
-};
-
-// src/collapsible/useRenderSlot.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function useRenderSlot(asChild, defaultTag) {
-  const Component = asChild ? Slot : defaultTag;
-  return asChild ? ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Component, { ...props }) : void 0;
-}
-
-// src/collapsible/Content.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Content = ({
-  asChild = false,
-  className,
-  children,
-  hiddenUntilFound = true,
-  ...props
-}) => {
-  const renderSlot = useRenderSlot(asChild, "div");
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_collapsible.Collapsible.Panel,
-    {
-      "data-spark-component": "collapsible-content",
-      className: (0, import_class_variance_authority.cx)(
-        "overflow-hidden",
-        "h-[var(--collapsible-panel-height)]",
-        "transition-all duration-200",
-        "motion-reduce:transition-none",
-        "data-[starting-style]:h-0",
-        "data-[ending-style]:h-0",
-        className
-      ),
-      render: renderSlot,
-      hiddenUntilFound,
-      ...props,
-      children
-    }
-  );
-};
-Content.displayName = "Collapsible.Content";
-
-// src/collapsible/Root.tsx
-var import_collapsible2 = require("@base-ui/react/collapsible");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Root = ({ asChild = false, children, ...props }) => {
-  const renderSlot = useRenderSlot(asChild, "div");
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_collapsible2.Collapsible.Root, { "data-spark-component": "collapsible", render: renderSlot, ...props, children });
-};
-Root.displayName = "Collapsible";
-
-// src/collapsible/Trigger.tsx
-var import_collapsible3 = require("@base-ui/react/collapsible");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var Trigger = ({ asChild = false, children, ...props }) => {
-  const renderSlot = useRenderSlot(asChild, "button");
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_collapsible3.Collapsible.Trigger, { "data-spark-component": "collapsible-trigger", render: renderSlot, ...props, children });
-};
-Trigger.displayName = "Collapsible.Trigger";
-
-// src/collapsible/index.ts
-var Collapsible4 = Object.assign(Root, {
-  Trigger,
-  Content
-});
-Collapsible4.displayName = "Collapsible";
-Trigger.displayName = "Collapsible.Trigger";
-Content.displayName = "Collapsible.Content";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Collapsible
-});
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),J=require("../index-DnaHaH_0.js"),Q=require("../Slot-ghrohQLA.js"),X=require("react"),s=require("../useOpenChangeComplete-Dk-u_f2y.js"),p=require("../useCollapsiblePanel-D1dCo0lf.js");function Y(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const b=Y(X),I={...p.collapsibleOpenStateMapping,...s.transitionStatusMapping},_=b.forwardRef(function(t,n){const{render:o,className:a,defaultOpen:i=!1,disabled:R=!1,onOpenChange:d,open:y,...u}=t,f=s.useStableCallback(d),l=p.useCollapsibleRoot({open:y,defaultOpen:i,onOpenChange:f,disabled:R}),r=b.useMemo(()=>({open:l.open,disabled:l.disabled,transitionStatus:l.transitionStatus}),[l.open,l.disabled,l.transitionStatus]),g=b.useMemo(()=>({...l,onOpenChange:f,state:r}),[l,f,r]),c=s.useRenderElement("div",t,{state:r,ref:n,props:u,stateAttributesMapping:I});return h.jsx(p.CollapsibleRootContext.Provider,{value:g,children:c})});process.env.NODE_ENV!=="production"&&(_.displayName="CollapsibleRoot");const Z={...p.triggerOpenStateMapping,...s.transitionStatusMapping},F=b.forwardRef(function(t,n){const{panelId:o,open:a,handleTrigger:i,state:R,disabled:d}=p.useCollapsibleRootContext(),{className:y,disabled:u=d,id:f,render:l,nativeButton:r=!0,...g}=t,{getButtonProps:c,buttonRef:O}=s.useButton({disabled:u,focusableWhenDisabled:!0,native:r}),m=b.useMemo(()=>({"aria-controls":a?o:void 0,"aria-expanded":a,disabled:u,onClick:i}),[o,u,a,i]);return s.useRenderElement("button",t,{state:R,ref:[n,O],props:[m,g,c],stateAttributesMapping:Z})});process.env.NODE_ENV!=="production"&&(F.displayName="CollapsibleTrigger");let q=(function(e){return e.collapsiblePanelHeight="--collapsible-panel-height",e.collapsiblePanelWidth="--collapsible-panel-width",e})({});const A=b.forwardRef(function(t,n){const{className:o,hiddenUntilFound:a,keepMounted:i,render:R,id:d,...y}=t;process.env.NODE_ENV!=="production"&&s.useIsoLayoutEffect(()=>{a&&i===!1&&p.warn("The `keepMounted={false}` prop on a Collapsible will be ignored when using `hiddenUntilFound` since it requires the Panel to remain mounted even when closed.")},[a,i]);const{abortControllerRef:u,animationTypeRef:f,height:l,mounted:r,onOpenChange:g,open:c,panelId:O,panelRef:m,runOnceAnimationsFinish:j,setDimensions:w,setHiddenUntilFound:T,setKeepMounted:k,setMounted:L,setPanelIdState:S,setOpen:B,setVisible:H,state:D,transitionDimensionRef:W,visible:$,width:M,transitionStatus:v}=p.useCollapsibleRootContext(),N=a??!1,C=i??!1;s.useIsoLayoutEffect(()=>{if(d)return S(d),()=>{S(void 0)}},[d,S]),s.useIsoLayoutEffect(()=>{T(N)},[T,N]),s.useIsoLayoutEffect(()=>{k(C)},[k,C]);const{props:z}=p.useCollapsiblePanel({abortControllerRef:u,animationTypeRef:f,externalRef:n,height:l,hiddenUntilFound:N,id:O,keepMounted:C,mounted:r,onOpenChange:g,open:c,panelRef:m,runOnceAnimationsFinish:j,setDimensions:w,setMounted:L,setOpen:B,setVisible:H,transitionDimensionRef:W,visible:$,width:M});s.useOpenChangeComplete({open:c&&v==="idle",ref:m,onComplete(){c&&w({height:void 0,width:void 0})}});const K=b.useMemo(()=>({...D,transitionStatus:v}),[D,v]),G=s.useRenderElement("div",t,{state:K,ref:[n,m],props:[z,{style:{[q.collapsiblePanelHeight]:l===void 0?"auto":`${l}px`,[q.collapsiblePanelWidth]:M===void 0?"auto":`${M}px`}},y],stateAttributesMapping:I});return C||N||!C&&r?G:null});process.env.NODE_ENV!=="production"&&(A.displayName="CollapsiblePanel");function P(e,t){const n=e?Q.Slot:t;return e?({...o})=>h.jsx(n,{...o}):void 0}const x=({asChild:e=!1,className:t,children:n,hiddenUntilFound:o=!0,...a})=>{const i=P(e,"div");return h.jsx(A,{"data-spark-component":"collapsible-content",className:J.cx("overflow-hidden","h-[var(--collapsible-panel-height)]","transition-all duration-200","motion-reduce:transition-none","data-[starting-style]:h-0","data-[ending-style]:h-0",t),render:i,hiddenUntilFound:o,...a,children:n})};x.displayName="Collapsible.Content";const U=({asChild:e=!1,children:t,...n})=>{const o=P(e,"div");return h.jsx(_,{"data-spark-component":"collapsible",render:o,...n,children:t})};U.displayName="Collapsible";const E=({asChild:e=!1,children:t,...n})=>{const o=P(e,"button");return h.jsx(F,{"data-spark-component":"collapsible-trigger",render:o,...n,children:t})};E.displayName="Collapsible.Trigger";const V=Object.assign(U,{Trigger:E,Content:x});V.displayName="Collapsible";E.displayName="Collapsible.Trigger";x.displayName="Collapsible.Content";exports.Collapsible=V;
+//# sourceMappingURL=index.js.map

package/dist/collapsible/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/collapsible/index.ts","../../src/collapsible/Content.tsx","../../src/slot/Slot.tsx","../../src/collapsible/useRenderSlot.tsx","../../src/collapsible/Root.tsx","../../src/collapsible/Trigger.tsx"],"sourcesContent":["import { Content } from './Content'\nimport { Root } from './Root'\nimport { Trigger } from './Trigger'\n\nexport const Collapsible: typeof Root & {\n  Trigger: typeof Trigger\n  Content: typeof Content\n} = Object.assign(Root, {\n  Trigger,\n  Content,\n})\n\nCollapsible.displayName = 'Collapsible'\nTrigger.displayName = 'Collapsible.Trigger'\nContent.displayName = 'Collapsible.Content'\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface ContentProps extends ComponentProps<typeof Collapsible.Panel> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\nexport const Content = ({\n  asChild = false,\n  className,\n  children,\n  hiddenUntilFound = true,\n  ...props\n}: ContentProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <Collapsible.Panel\n      data-spark-component=\"collapsible-content\"\n      className={cx(\n        'overflow-hidden',\n        'h-[var(--collapsible-panel-height)]',\n        'transition-all duration-200',\n        'motion-reduce:transition-none',\n        'data-[starting-style]:h-0',\n        'data-[ending-style]:h-0',\n        className\n      )}\n      render={renderSlot}\n      hiddenUntilFound={hiddenUntilFound}\n      {...props}\n    >\n      {children}\n    </Collapsible.Panel>\n  )\n}\n\nContent.displayName = 'Collapsible.Content'\n","import { Slot as RadixSlot } from 'radix-ui'\nimport {\n  cloneElement,\n  HTMLAttributes,\n  isValidElement,\n  PropsWithChildren,\n  ReactNode,\n  Ref,\n} from 'react'\n\nexport const Slottable: typeof RadixSlot.Slottable = RadixSlot.Slottable\n\nexport type SlotProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Slot = ({ ref, ...props }: SlotProps) => {\n  return <RadixSlot.Root ref={ref} {...props} />\n}\n\n/**\n * When using Radix `Slot` component, it will consider its first child to merge its props with.\n * In some cases, you might need to wrap the top child with additional markup without breaking this behaviour.\n */\nexport const wrapPolymorphicSlot = (\n  asChild: boolean | undefined,\n  children: ReactNode,\n  callback: (children: ReactNode) => ReactNode\n) => {\n  if (!asChild) return callback(children) // If polymorphic behaviour is not used, we keep the original children\n\n  return isValidElement(children)\n    ? cloneElement(\n        children,\n        undefined,\n        callback((children.props as { children: ReactNode }).children)\n      )\n    : null\n}\n","import { Slot } from '../slot'\n\nexport function useRenderSlot(asChild: boolean, defaultTag: string) {\n  const Component = asChild ? Slot : defaultTag\n\n  return asChild ? ({ ...props }) => <Component {...props} /> : undefined\n}\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { type ComponentProps } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface RootProps extends ComponentProps<typeof Collapsible.Root> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\nexport const Root = ({ asChild = false, children, ...props }: RootProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <Collapsible.Root data-spark-component=\"collapsible\" render={renderSlot} {...props}>\n      {children}\n    </Collapsible.Root>\n  )\n}\n\nRoot.displayName = 'Collapsible'\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { type ComponentProps } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface TriggerProps extends ComponentProps<'button'> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\nexport const Trigger = ({ asChild = false, children, ...props }: TriggerProps) => {\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return (\n    <Collapsible.Trigger data-spark-component=\"collapsible-trigger\" render={renderSlot} {...props}>\n      {children}\n    </Collapsible.Trigger>\n  )\n}\n\nTrigger.displayName = 'Collapsible.Trigger'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,qBAAAA;AAAA;AAAA;;;ACAA,yBAA4B;AAC5B,sCAAmB;;;ACDnB,sBAAkC;AAClC,mBAOO;AASE;AAPF,IAAM,YAAwC,gBAAAC,KAAU;AAMxD,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AACpD,SAAO,4CAAC,gBAAAA,KAAU,MAAV,EAAe,KAAW,GAAG,OAAO;AAC9C;;;ACbqC,IAAAC,sBAAA;AAH9B,SAAS,cAAc,SAAkB,YAAoB;AAClE,QAAM,YAAY,UAAU,OAAO;AAEnC,SAAO,UAAU,CAAC,EAAE,GAAG,MAAM,MAAM,6CAAC,aAAW,GAAG,OAAO,IAAK;AAChE;;;AFiBI,IAAAC,sBAAA;AAVG,IAAM,UAAU,CAAC;AAAA,EACtB,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,GAAG;AACL,MAAoB;AAClB,QAAM,aAAa,cAAc,SAAS,KAAK;AAE/C,SACE;AAAA,IAAC,+BAAY;AAAA,IAAZ;AAAA,MACC,wBAAqB;AAAA,MACrB,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,QAAQ,cAAc;;;AG3CtB,IAAAC,sBAA4B;AAgBxB,IAAAC,sBAAA;AAJG,IAAM,OAAO,CAAC,EAAE,UAAU,OAAO,UAAU,GAAG,MAAM,MAAiB;AAC1E,QAAM,aAAa,cAAc,SAAS,KAAK;AAE/C,SACE,6CAAC,gCAAY,MAAZ,EAAiB,wBAAqB,eAAc,QAAQ,YAAa,GAAG,OAC1E,UACH;AAEJ;AAEA,KAAK,cAAc;;;ACtBnB,IAAAC,sBAA4B;AAgBxB,IAAAC,sBAAA;AAJG,IAAM,UAAU,CAAC,EAAE,UAAU,OAAO,UAAU,GAAG,MAAM,MAAoB;AAChF,QAAM,aAAa,cAAc,SAAS,QAAQ;AAElD,SACE,6CAAC,gCAAY,SAAZ,EAAoB,wBAAqB,uBAAsB,QAAQ,YAAa,GAAG,OACrF,UACH;AAEJ;AAEA,QAAQ,cAAc;;;ALlBf,IAAMC,eAGT,OAAO,OAAO,MAAM;AAAA,EACtB;AAAA,EACA;AACF,CAAC;AAEDA,aAAY,cAAc;AAC1B,QAAQ,cAAc;AACtB,QAAQ,cAAc;","names":["Collapsible","RadixSlot","import_jsx_runtime","import_jsx_runtime","import_collapsible","import_jsx_runtime","import_collapsible","import_jsx_runtime","Collapsible"]}
+{"version":3,"file":"index.js","sources":["../../../../node_modules/@base-ui/react/esm/collapsible/root/stateAttributesMapping.js","../../../../node_modules/@base-ui/react/esm/collapsible/root/CollapsibleRoot.js","../../../../node_modules/@base-ui/react/esm/collapsible/trigger/CollapsibleTrigger.js","../../../../node_modules/@base-ui/react/esm/collapsible/panel/CollapsiblePanelCssVars.js","../../../../node_modules/@base-ui/react/esm/collapsible/panel/CollapsiblePanel.js","../../src/collapsible/useRenderSlot.tsx","../../src/collapsible/Content.tsx","../../src/collapsible/Root.tsx","../../src/collapsible/Trigger.tsx","../../src/collapsible/index.ts"],"sourcesContent":["import { collapsibleOpenStateMapping as baseMapping } from \"../../utils/collapsibleOpenStateMapping.js\";\nimport { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\nexport const collapsibleStateAttributesMapping = {\n  ...baseMapping,\n  ...transitionStatusMapping\n};","'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useCollapsibleRoot } from \"./useCollapsibleRoot.js\";\nimport { CollapsibleRootContext } from \"./CollapsibleRootContext.js\";\nimport { collapsibleStateAttributesMapping } from \"./stateAttributesMapping.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Groups all parts of the collapsible.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)\n */\nexport const CollapsibleRoot = /*#__PURE__*/React.forwardRef(function CollapsibleRoot(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    defaultOpen = false,\n    disabled = false,\n    onOpenChange: onOpenChangeProp,\n    open,\n    ...elementProps\n  } = componentProps;\n  const onOpenChange = useStableCallback(onOpenChangeProp);\n  const collapsible = useCollapsibleRoot({\n    open,\n    defaultOpen,\n    onOpenChange,\n    disabled\n  });\n  const state = React.useMemo(() => ({\n    open: collapsible.open,\n    disabled: collapsible.disabled,\n    transitionStatus: collapsible.transitionStatus\n  }), [collapsible.open, collapsible.disabled, collapsible.transitionStatus]);\n  const contextValue = React.useMemo(() => ({\n    ...collapsible,\n    onOpenChange,\n    state\n  }), [collapsible, onOpenChange, state]);\n  const element = useRenderElement('div', componentProps, {\n    state,\n    ref: forwardedRef,\n    props: elementProps,\n    stateAttributesMapping: collapsibleStateAttributesMapping\n  });\n  return /*#__PURE__*/_jsx(CollapsibleRootContext.Provider, {\n    value: contextValue,\n    children: element\n  });\n});\nif (process.env.NODE_ENV !== \"production\") CollapsibleRoot.displayName = \"CollapsibleRoot\";","'use client';\n\nimport * as React from 'react';\nimport { triggerOpenStateMapping } from \"../../utils/collapsibleOpenStateMapping.js\";\nimport { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useButton } from \"../../use-button/index.js\";\nimport { useCollapsibleRootContext } from \"../root/CollapsibleRootContext.js\";\nconst stateAttributesMapping = {\n  ...triggerOpenStateMapping,\n  ...transitionStatusMapping\n};\n\n/**\n * A button that opens and closes the collapsible panel.\n * Renders a `<button>` element.\n *\n * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)\n */\nexport const CollapsibleTrigger = /*#__PURE__*/React.forwardRef(function CollapsibleTrigger(componentProps, forwardedRef) {\n  const {\n    panelId,\n    open,\n    handleTrigger,\n    state,\n    disabled: contextDisabled\n  } = useCollapsibleRootContext();\n  const {\n    className,\n    disabled = contextDisabled,\n    id,\n    render,\n    nativeButton = true,\n    ...elementProps\n  } = componentProps;\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    focusableWhenDisabled: true,\n    native: nativeButton\n  });\n  const props = React.useMemo(() => ({\n    'aria-controls': open ? panelId : undefined,\n    'aria-expanded': open,\n    disabled,\n    onClick: handleTrigger\n  }), [panelId, disabled, open, handleTrigger]);\n  const element = useRenderElement('button', componentProps, {\n    state,\n    ref: [forwardedRef, buttonRef],\n    props: [props, elementProps, getButtonProps],\n    stateAttributesMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") CollapsibleTrigger.displayName = \"CollapsibleTrigger\";","export let CollapsiblePanelCssVars = /*#__PURE__*/function (CollapsiblePanelCssVars) {\n  /**\n   * The collapsible panel's height.\n   * @type {number}\n   */\n  CollapsiblePanelCssVars[\"collapsiblePanelHeight\"] = \"--collapsible-panel-height\";\n  /**\n   * The collapsible panel's width.\n   * @type {number}\n   */\n  CollapsiblePanelCssVars[\"collapsiblePanelWidth\"] = \"--collapsible-panel-width\";\n  return CollapsiblePanelCssVars;\n}({});","'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { warn } from '@base-ui/utils/warn';\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useCollapsibleRootContext } from \"../root/CollapsibleRootContext.js\";\nimport { collapsibleStateAttributesMapping } from \"../root/stateAttributesMapping.js\";\nimport { useCollapsiblePanel } from \"./useCollapsiblePanel.js\";\nimport { CollapsiblePanelCssVars } from \"./CollapsiblePanelCssVars.js\";\nimport { useOpenChangeComplete } from \"../../utils/useOpenChangeComplete.js\";\n/**\n * A panel with the collapsible contents.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)\n */\nexport const CollapsiblePanel = /*#__PURE__*/React.forwardRef(function CollapsiblePanel(componentProps, forwardedRef) {\n  const {\n    className,\n    hiddenUntilFound: hiddenUntilFoundProp,\n    keepMounted: keepMountedProp,\n    render,\n    id: idProp,\n    ...elementProps\n  } = componentProps;\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useIsoLayoutEffect(() => {\n      if (hiddenUntilFoundProp && keepMountedProp === false) {\n        warn('The `keepMounted={false}` prop on a Collapsible will be ignored when using `hiddenUntilFound` since it requires the Panel to remain mounted even when closed.');\n      }\n    }, [hiddenUntilFoundProp, keepMountedProp]);\n  }\n  const {\n    abortControllerRef,\n    animationTypeRef,\n    height,\n    mounted,\n    onOpenChange,\n    open,\n    panelId,\n    panelRef,\n    runOnceAnimationsFinish,\n    setDimensions,\n    setHiddenUntilFound,\n    setKeepMounted,\n    setMounted,\n    setPanelIdState,\n    setOpen,\n    setVisible,\n    state,\n    transitionDimensionRef,\n    visible,\n    width,\n    transitionStatus\n  } = useCollapsibleRootContext();\n  const hiddenUntilFound = hiddenUntilFoundProp ?? false;\n  const keepMounted = keepMountedProp ?? false;\n  useIsoLayoutEffect(() => {\n    if (idProp) {\n      setPanelIdState(idProp);\n      return () => {\n        setPanelIdState(undefined);\n      };\n    }\n    return undefined;\n  }, [idProp, setPanelIdState]);\n  useIsoLayoutEffect(() => {\n    setHiddenUntilFound(hiddenUntilFound);\n  }, [setHiddenUntilFound, hiddenUntilFound]);\n  useIsoLayoutEffect(() => {\n    setKeepMounted(keepMounted);\n  }, [setKeepMounted, keepMounted]);\n  const {\n    props\n  } = useCollapsiblePanel({\n    abortControllerRef,\n    animationTypeRef,\n    externalRef: forwardedRef,\n    height,\n    hiddenUntilFound,\n    id: panelId,\n    keepMounted,\n    mounted,\n    onOpenChange,\n    open,\n    panelRef,\n    runOnceAnimationsFinish,\n    setDimensions,\n    setMounted,\n    setOpen,\n    setVisible,\n    transitionDimensionRef,\n    visible,\n    width\n  });\n  useOpenChangeComplete({\n    open: open && transitionStatus === 'idle',\n    ref: panelRef,\n    onComplete() {\n      if (!open) {\n        return;\n      }\n      setDimensions({\n        height: undefined,\n        width: undefined\n      });\n    }\n  });\n  const panelState = React.useMemo(() => ({\n    ...state,\n    transitionStatus\n  }), [state, transitionStatus]);\n  const element = useRenderElement('div', componentProps, {\n    state: panelState,\n    ref: [forwardedRef, panelRef],\n    props: [props, {\n      style: {\n        [CollapsiblePanelCssVars.collapsiblePanelHeight]: height === undefined ? 'auto' : `${height}px`,\n        [CollapsiblePanelCssVars.collapsiblePanelWidth]: width === undefined ? 'auto' : `${width}px`\n      }\n    }, elementProps],\n    stateAttributesMapping: collapsibleStateAttributesMapping\n  });\n  const shouldRender = keepMounted || hiddenUntilFound || !keepMounted && mounted;\n  if (!shouldRender) {\n    return null;\n  }\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") CollapsiblePanel.displayName = \"CollapsiblePanel\";","import { Slot } from '../slot'\n\nexport function useRenderSlot(asChild: boolean, defaultTag: string) {\n  const Component = asChild ? Slot : defaultTag\n\n  return asChild ? ({ ...props }) => <Component {...props} /> : undefined\n}\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface ContentProps extends ComponentProps<typeof Collapsible.Panel> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\nexport const Content = ({\n  asChild = false,\n  className,\n  children,\n  hiddenUntilFound = true,\n  ...props\n}: ContentProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <Collapsible.Panel\n      data-spark-component=\"collapsible-content\"\n      className={cx(\n        'overflow-hidden',\n        'h-[var(--collapsible-panel-height)]',\n        'transition-all duration-200',\n        'motion-reduce:transition-none',\n        'data-[starting-style]:h-0',\n        'data-[ending-style]:h-0',\n        className\n      )}\n      render={renderSlot}\n      hiddenUntilFound={hiddenUntilFound}\n      {...props}\n    >\n      {children}\n    </Collapsible.Panel>\n  )\n}\n\nContent.displayName = 'Collapsible.Content'\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { type ComponentProps } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface RootProps extends ComponentProps<typeof Collapsible.Root> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\nexport const Root = ({ asChild = false, children, ...props }: RootProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <Collapsible.Root data-spark-component=\"collapsible\" render={renderSlot} {...props}>\n      {children}\n    </Collapsible.Root>\n  )\n}\n\nRoot.displayName = 'Collapsible'\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { type ComponentProps } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface TriggerProps extends ComponentProps<'button'> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\nexport const Trigger = ({ asChild = false, children, ...props }: TriggerProps) => {\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return (\n    <Collapsible.Trigger data-spark-component=\"collapsible-trigger\" render={renderSlot} {...props}>\n      {children}\n    </Collapsible.Trigger>\n  )\n}\n\nTrigger.displayName = 'Collapsible.Trigger'\n","import { Content } from './Content'\nimport { Root } from './Root'\nimport { Trigger } from './Trigger'\n\nexport const Collapsible: typeof Root & {\n  Trigger: typeof Trigger\n  Content: typeof Content\n} = Object.assign(Root, {\n  Trigger,\n  Content,\n})\n\nCollapsible.displayName = 'Collapsible'\nTrigger.displayName = 'Collapsible.Trigger'\nContent.displayName = 'Collapsible.Content'\n"],"names":["collapsibleStateAttributesMapping","baseMapping","transitionStatusMapping","CollapsibleRoot","React","componentProps","forwardedRef","render","className","defaultOpen","disabled","onOpenChangeProp","open","elementProps","onOpenChange","useStableCallback","collapsible","useCollapsibleRoot","state","contextValue","element","useRenderElement","_jsx","CollapsibleRootContext","stateAttributesMapping","triggerOpenStateMapping","CollapsibleTrigger","panelId","handleTrigger","contextDisabled","useCollapsibleRootContext","id","nativeButton","getButtonProps","buttonRef","useButton","props","CollapsiblePanelCssVars","CollapsiblePanel","hiddenUntilFoundProp","keepMountedProp","idProp","useIsoLayoutEffect","warn","abortControllerRef","animationTypeRef","height","mounted","panelRef","runOnceAnimationsFinish","setDimensions","setHiddenUntilFound","setKeepMounted","setMounted","setPanelIdState","setOpen","setVisible","transitionDimensionRef","visible","width","transitionStatus","hiddenUntilFound","keepMounted","useCollapsiblePanel","useOpenChangeComplete","panelState","useRenderSlot","asChild","defaultTag","Component","Slot","jsx","Content","children","renderSlot","Collapsible.Panel","cx","Root","Collapsible.Root","Trigger","Collapsible.Trigger","Collapsible"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4]}

package/dist/collapsible/index.mjs

@@ -1,77 +1,233 @@
-import {
-  Slot
-} from "../chunk-6QCEPQ3U.mjs";
-
-// src/collapsible/Content.tsx
-import { Collapsible } from "@base-ui/react/collapsible";
-import { cx } from "class-variance-authority";
-
-// src/collapsible/useRenderSlot.tsx
-import { jsx } from "react/jsx-runtime";
-function useRenderSlot(asChild, defaultTag) {
-  const Component = asChild ? Slot : defaultTag;
-  return asChild ? ({ ...props }) => /* @__PURE__ */ jsx(Component, { ...props }) : void 0;
+import { jsx as g } from "react/jsx-runtime";
+import { a as Q } from "../index-BmAFn37q.mjs";
+import { a as X } from "../Slot-C98rL4yy.mjs";
+import * as u from "react";
+import { i as U, c as Y, j as P, k as Z, a as R, l as ee } from "../useOpenChangeComplete-RUbg6RBw.mjs";
+import { c as ne, u as te, C as oe, a as V, t as le, w as se, b as ae } from "../useCollapsiblePanel-kbMNl4Z4.mjs";
+const I = {
+  ...ne,
+  ...U
+}, _ = /* @__PURE__ */ u.forwardRef(function(e, t) {
+  const {
+    render: l,
+    className: s,
+    defaultOpen: a = !1,
+    disabled: h = !1,
+    onOpenChange: r,
+    open: C,
+    ...p
+  } = e, c = Y(r), o = te({
+    open: C,
+    defaultOpen: a,
+    onOpenChange: c,
+    disabled: h
+  }), i = u.useMemo(() => ({
+    open: o.open,
+    disabled: o.disabled,
+    transitionStatus: o.transitionStatus
+  }), [o.open, o.disabled, o.transitionStatus]), b = u.useMemo(() => ({
+    ...o,
+    onOpenChange: c,
+    state: i
+  }), [o, c, i]), d = P("div", e, {
+    state: i,
+    ref: t,
+    props: p,
+    stateAttributesMapping: I
+  });
+  return /* @__PURE__ */ g(oe.Provider, {
+    value: b,
+    children: d
+  });
+});
+process.env.NODE_ENV !== "production" && (_.displayName = "CollapsibleRoot");
+const ie = {
+  ...le,
+  ...U
+}, j = /* @__PURE__ */ u.forwardRef(function(e, t) {
+  const {
+    panelId: l,
+    open: s,
+    handleTrigger: a,
+    state: h,
+    disabled: r
+  } = V(), {
+    className: C,
+    disabled: p = r,
+    id: c,
+    render: o,
+    nativeButton: i = !0,
+    ...b
+  } = e, {
+    getButtonProps: d,
+    buttonRef: v
+  } = Z({
+    disabled: p,
+    focusableWhenDisabled: !0,
+    native: i
+  }), f = u.useMemo(() => ({
+    "aria-controls": s ? l : void 0,
+    "aria-expanded": s,
+    disabled: p,
+    onClick: a
+  }), [l, p, s, a]);
+  return P("button", e, {
+    state: h,
+    ref: [t, v],
+    props: [f, b, d],
+    stateAttributesMapping: ie
+  });
+});
+process.env.NODE_ENV !== "production" && (j.displayName = "CollapsibleTrigger");
+let A = /* @__PURE__ */ (function(n) {
+  return n.collapsiblePanelHeight = "--collapsible-panel-height", n.collapsiblePanelWidth = "--collapsible-panel-width", n;
+})({});
+const B = /* @__PURE__ */ u.forwardRef(function(e, t) {
+  const {
+    className: l,
+    hiddenUntilFound: s,
+    keepMounted: a,
+    render: h,
+    id: r,
+    ...C
+  } = e;
+  process.env.NODE_ENV !== "production" && R(() => {
+    s && a === !1 && se("The `keepMounted={false}` prop on a Collapsible will be ignored when using `hiddenUntilFound` since it requires the Panel to remain mounted even when closed.");
+  }, [s, a]);
+  const {
+    abortControllerRef: p,
+    animationTypeRef: c,
+    height: o,
+    mounted: i,
+    onOpenChange: b,
+    open: d,
+    panelId: v,
+    panelRef: f,
+    runOnceAnimationsFinish: k,
+    setDimensions: E,
+    setHiddenUntilFound: T,
+    setKeepMounted: D,
+    setMounted: W,
+    setPanelIdState: M,
+    setOpen: $,
+    setVisible: q,
+    state: F,
+    transitionDimensionRef: K,
+    visible: L,
+    width: S,
+    transitionStatus: O
+  } = V(), N = s ?? !1, m = a ?? !1;
+  R(() => {
+    if (r)
+      return M(r), () => {
+        M(void 0);
+      };
+  }, [r, M]), R(() => {
+    T(N);
+  }, [T, N]), R(() => {
+    D(m);
+  }, [D, m]);
+  const {
+    props: z
+  } = ae({
+    abortControllerRef: p,
+    animationTypeRef: c,
+    externalRef: t,
+    height: o,
+    hiddenUntilFound: N,
+    id: v,
+    keepMounted: m,
+    mounted: i,
+    onOpenChange: b,
+    open: d,
+    panelRef: f,
+    runOnceAnimationsFinish: k,
+    setDimensions: E,
+    setMounted: W,
+    setOpen: $,
+    setVisible: q,
+    transitionDimensionRef: K,
+    visible: L,
+    width: S
+  });
+  ee({
+    open: d && O === "idle",
+    ref: f,
+    onComplete() {
+      d && E({
+        height: void 0,
+        width: void 0
+      });
+    }
+  });
+  const G = u.useMemo(() => ({
+    ...F,
+    transitionStatus: O
+  }), [F, O]), J = P("div", e, {
+    state: G,
+    ref: [t, f],
+    props: [z, {
+      style: {
+        [A.collapsiblePanelHeight]: o === void 0 ? "auto" : `${o}px`,
+        [A.collapsiblePanelWidth]: S === void 0 ? "auto" : `${S}px`
+      }
+    }, C],
+    stateAttributesMapping: I
+  });
+  return m || N || !m && i ? J : null;
+});
+process.env.NODE_ENV !== "production" && (B.displayName = "CollapsiblePanel");
+function y(n, e) {
+  const t = n ? X : e;
+  return n ? ({ ...l }) => /* @__PURE__ */ g(t, { ...l }) : void 0;
 }
-
-// src/collapsible/Content.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Content = ({
-  asChild = false,
-  className,
-  children,
-  hiddenUntilFound = true,
-  ...props
+const w = ({
+  asChild: n = !1,
+  className: e,
+  children: t,
+  hiddenUntilFound: l = !0,
+  ...s
 }) => {
-  const renderSlot = useRenderSlot(asChild, "div");
-  return /* @__PURE__ */ jsx2(
-    Collapsible.Panel,
+  const a = y(n, "div");
+  return /* @__PURE__ */ g(
+    B,
     {
       "data-spark-component": "collapsible-content",
-      className: cx(
+      className: Q(
         "overflow-hidden",
         "h-[var(--collapsible-panel-height)]",
         "transition-all duration-200",
         "motion-reduce:transition-none",
         "data-[starting-style]:h-0",
         "data-[ending-style]:h-0",
-        className
+        e
       ),
-      render: renderSlot,
-      hiddenUntilFound,
-      ...props,
-      children
+      render: a,
+      hiddenUntilFound: l,
+      ...s,
+      children: t
     }
   );
 };
-Content.displayName = "Collapsible.Content";
-
-// src/collapsible/Root.tsx
-import { Collapsible as Collapsible2 } from "@base-ui/react/collapsible";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Root = ({ asChild = false, children, ...props }) => {
-  const renderSlot = useRenderSlot(asChild, "div");
-  return /* @__PURE__ */ jsx3(Collapsible2.Root, { "data-spark-component": "collapsible", render: renderSlot, ...props, children });
+w.displayName = "Collapsible.Content";
+const H = ({ asChild: n = !1, children: e, ...t }) => {
+  const l = y(n, "div");
+  return /* @__PURE__ */ g(_, { "data-spark-component": "collapsible", render: l, ...t, children: e });
 };
-Root.displayName = "Collapsible";
-
-// src/collapsible/Trigger.tsx
-import { Collapsible as Collapsible3 } from "@base-ui/react/collapsible";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var Trigger = ({ asChild = false, children, ...props }) => {
-  const renderSlot = useRenderSlot(asChild, "button");
-  return /* @__PURE__ */ jsx4(Collapsible3.Trigger, { "data-spark-component": "collapsible-trigger", render: renderSlot, ...props, children });
+H.displayName = "Collapsible";
+const x = ({ asChild: n = !1, children: e, ...t }) => {
+  const l = y(n, "button");
+  return /* @__PURE__ */ g(j, { "data-spark-component": "collapsible-trigger", render: l, ...t, children: e });
 };
-Trigger.displayName = "Collapsible.Trigger";
-
-// src/collapsible/index.ts
-var Collapsible4 = Object.assign(Root, {
-  Trigger,
-  Content
+x.displayName = "Collapsible.Trigger";
+const re = Object.assign(H, {
+  Trigger: x,
+  Content: w
 });
-Collapsible4.displayName = "Collapsible";
-Trigger.displayName = "Collapsible.Trigger";
-Content.displayName = "Collapsible.Content";
+re.displayName = "Collapsible";
+x.displayName = "Collapsible.Trigger";
+w.displayName = "Collapsible.Content";
 export {
-  Collapsible4 as Collapsible
+  re as Collapsible
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/collapsible/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/collapsible/Content.tsx","../../src/collapsible/useRenderSlot.tsx","../../src/collapsible/Root.tsx","../../src/collapsible/Trigger.tsx","../../src/collapsible/index.ts"],"sourcesContent":["import { Collapsible } from '@base-ui/react/collapsible'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface ContentProps extends ComponentProps<typeof Collapsible.Panel> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\nexport const Content = ({\n  asChild = false,\n  className,\n  children,\n  hiddenUntilFound = true,\n  ...props\n}: ContentProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <Collapsible.Panel\n      data-spark-component=\"collapsible-content\"\n      className={cx(\n        'overflow-hidden',\n        'h-[var(--collapsible-panel-height)]',\n        'transition-all duration-200',\n        'motion-reduce:transition-none',\n        'data-[starting-style]:h-0',\n        'data-[ending-style]:h-0',\n        className\n      )}\n      render={renderSlot}\n      hiddenUntilFound={hiddenUntilFound}\n      {...props}\n    >\n      {children}\n    </Collapsible.Panel>\n  )\n}\n\nContent.displayName = 'Collapsible.Content'\n","import { Slot } from '../slot'\n\nexport function useRenderSlot(asChild: boolean, defaultTag: string) {\n  const Component = asChild ? Slot : defaultTag\n\n  return asChild ? ({ ...props }) => <Component {...props} /> : undefined\n}\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { type ComponentProps } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface RootProps extends ComponentProps<typeof Collapsible.Root> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\nexport const Root = ({ asChild = false, children, ...props }: RootProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <Collapsible.Root data-spark-component=\"collapsible\" render={renderSlot} {...props}>\n      {children}\n    </Collapsible.Root>\n  )\n}\n\nRoot.displayName = 'Collapsible'\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { type ComponentProps } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface TriggerProps extends ComponentProps<'button'> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\nexport const Trigger = ({ asChild = false, children, ...props }: TriggerProps) => {\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return (\n    <Collapsible.Trigger data-spark-component=\"collapsible-trigger\" render={renderSlot} {...props}>\n      {children}\n    </Collapsible.Trigger>\n  )\n}\n\nTrigger.displayName = 'Collapsible.Trigger'\n","import { Content } from './Content'\nimport { Root } from './Root'\nimport { Trigger } from './Trigger'\n\nexport const Collapsible: typeof Root & {\n  Trigger: typeof Trigger\n  Content: typeof Content\n} = Object.assign(Root, {\n  Trigger,\n  Content,\n})\n\nCollapsible.displayName = 'Collapsible'\nTrigger.displayName = 'Collapsible.Trigger'\nContent.displayName = 'Collapsible.Content'\n"],"mappings":";;;;;AAAA,SAAS,mBAAmB;AAC5B,SAAS,UAAU;;;ACIkB;AAH9B,SAAS,cAAc,SAAkB,YAAoB;AAClE,QAAM,YAAY,UAAU,OAAO;AAEnC,SAAO,UAAU,CAAC,EAAE,GAAG,MAAM,MAAM,oBAAC,aAAW,GAAG,OAAO,IAAK;AAChE;;;ADiBI,gBAAAA,YAAA;AAVG,IAAM,UAAU,CAAC;AAAA,EACtB,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,GAAG;AACL,MAAoB;AAClB,QAAM,aAAa,cAAc,SAAS,KAAK;AAE/C,SACE,gBAAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,wBAAqB;AAAA,MACrB,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,QAAQ,cAAc;;;AE3CtB,SAAS,eAAAC,oBAAmB;AAgBxB,gBAAAC,YAAA;AAJG,IAAM,OAAO,CAAC,EAAE,UAAU,OAAO,UAAU,GAAG,MAAM,MAAiB;AAC1E,QAAM,aAAa,cAAc,SAAS,KAAK;AAE/C,SACE,gBAAAA,KAACC,aAAY,MAAZ,EAAiB,wBAAqB,eAAc,QAAQ,YAAa,GAAG,OAC1E,UACH;AAEJ;AAEA,KAAK,cAAc;;;ACtBnB,SAAS,eAAAC,oBAAmB;AAgBxB,gBAAAC,YAAA;AAJG,IAAM,UAAU,CAAC,EAAE,UAAU,OAAO,UAAU,GAAG,MAAM,MAAoB;AAChF,QAAM,aAAa,cAAc,SAAS,QAAQ;AAElD,SACE,gBAAAA,KAACC,aAAY,SAAZ,EAAoB,wBAAqB,uBAAsB,QAAQ,YAAa,GAAG,OACrF,UACH;AAEJ;AAEA,QAAQ,cAAc;;;AClBf,IAAMC,eAGT,OAAO,OAAO,MAAM;AAAA,EACtB;AAAA,EACA;AACF,CAAC;AAEDA,aAAY,cAAc;AAC1B,QAAQ,cAAc;AACtB,QAAQ,cAAc;","names":["jsx","Collapsible","jsx","Collapsible","Collapsible","jsx","Collapsible","Collapsible"]}
+{"version":3,"file":"index.mjs","sources":["../../../../node_modules/@base-ui/react/esm/collapsible/root/stateAttributesMapping.js","../../../../node_modules/@base-ui/react/esm/collapsible/root/CollapsibleRoot.js","../../../../node_modules/@base-ui/react/esm/collapsible/trigger/CollapsibleTrigger.js","../../../../node_modules/@base-ui/react/esm/collapsible/panel/CollapsiblePanelCssVars.js","../../../../node_modules/@base-ui/react/esm/collapsible/panel/CollapsiblePanel.js","../../src/collapsible/useRenderSlot.tsx","../../src/collapsible/Content.tsx","../../src/collapsible/Root.tsx","../../src/collapsible/Trigger.tsx","../../src/collapsible/index.ts"],"sourcesContent":["import { collapsibleOpenStateMapping as baseMapping } from \"../../utils/collapsibleOpenStateMapping.js\";\nimport { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\nexport const collapsibleStateAttributesMapping = {\n  ...baseMapping,\n  ...transitionStatusMapping\n};","'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useCollapsibleRoot } from \"./useCollapsibleRoot.js\";\nimport { CollapsibleRootContext } from \"./CollapsibleRootContext.js\";\nimport { collapsibleStateAttributesMapping } from \"./stateAttributesMapping.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Groups all parts of the collapsible.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)\n */\nexport const CollapsibleRoot = /*#__PURE__*/React.forwardRef(function CollapsibleRoot(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    defaultOpen = false,\n    disabled = false,\n    onOpenChange: onOpenChangeProp,\n    open,\n    ...elementProps\n  } = componentProps;\n  const onOpenChange = useStableCallback(onOpenChangeProp);\n  const collapsible = useCollapsibleRoot({\n    open,\n    defaultOpen,\n    onOpenChange,\n    disabled\n  });\n  const state = React.useMemo(() => ({\n    open: collapsible.open,\n    disabled: collapsible.disabled,\n    transitionStatus: collapsible.transitionStatus\n  }), [collapsible.open, collapsible.disabled, collapsible.transitionStatus]);\n  const contextValue = React.useMemo(() => ({\n    ...collapsible,\n    onOpenChange,\n    state\n  }), [collapsible, onOpenChange, state]);\n  const element = useRenderElement('div', componentProps, {\n    state,\n    ref: forwardedRef,\n    props: elementProps,\n    stateAttributesMapping: collapsibleStateAttributesMapping\n  });\n  return /*#__PURE__*/_jsx(CollapsibleRootContext.Provider, {\n    value: contextValue,\n    children: element\n  });\n});\nif (process.env.NODE_ENV !== \"production\") CollapsibleRoot.displayName = \"CollapsibleRoot\";","'use client';\n\nimport * as React from 'react';\nimport { triggerOpenStateMapping } from \"../../utils/collapsibleOpenStateMapping.js\";\nimport { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useButton } from \"../../use-button/index.js\";\nimport { useCollapsibleRootContext } from \"../root/CollapsibleRootContext.js\";\nconst stateAttributesMapping = {\n  ...triggerOpenStateMapping,\n  ...transitionStatusMapping\n};\n\n/**\n * A button that opens and closes the collapsible panel.\n * Renders a `<button>` element.\n *\n * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)\n */\nexport const CollapsibleTrigger = /*#__PURE__*/React.forwardRef(function CollapsibleTrigger(componentProps, forwardedRef) {\n  const {\n    panelId,\n    open,\n    handleTrigger,\n    state,\n    disabled: contextDisabled\n  } = useCollapsibleRootContext();\n  const {\n    className,\n    disabled = contextDisabled,\n    id,\n    render,\n    nativeButton = true,\n    ...elementProps\n  } = componentProps;\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    focusableWhenDisabled: true,\n    native: nativeButton\n  });\n  const props = React.useMemo(() => ({\n    'aria-controls': open ? panelId : undefined,\n    'aria-expanded': open,\n    disabled,\n    onClick: handleTrigger\n  }), [panelId, disabled, open, handleTrigger]);\n  const element = useRenderElement('button', componentProps, {\n    state,\n    ref: [forwardedRef, buttonRef],\n    props: [props, elementProps, getButtonProps],\n    stateAttributesMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") CollapsibleTrigger.displayName = \"CollapsibleTrigger\";","export let CollapsiblePanelCssVars = /*#__PURE__*/function (CollapsiblePanelCssVars) {\n  /**\n   * The collapsible panel's height.\n   * @type {number}\n   */\n  CollapsiblePanelCssVars[\"collapsiblePanelHeight\"] = \"--collapsible-panel-height\";\n  /**\n   * The collapsible panel's width.\n   * @type {number}\n   */\n  CollapsiblePanelCssVars[\"collapsiblePanelWidth\"] = \"--collapsible-panel-width\";\n  return CollapsiblePanelCssVars;\n}({});","'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { warn } from '@base-ui/utils/warn';\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useCollapsibleRootContext } from \"../root/CollapsibleRootContext.js\";\nimport { collapsibleStateAttributesMapping } from \"../root/stateAttributesMapping.js\";\nimport { useCollapsiblePanel } from \"./useCollapsiblePanel.js\";\nimport { CollapsiblePanelCssVars } from \"./CollapsiblePanelCssVars.js\";\nimport { useOpenChangeComplete } from \"../../utils/useOpenChangeComplete.js\";\n/**\n * A panel with the collapsible contents.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)\n */\nexport const CollapsiblePanel = /*#__PURE__*/React.forwardRef(function CollapsiblePanel(componentProps, forwardedRef) {\n  const {\n    className,\n    hiddenUntilFound: hiddenUntilFoundProp,\n    keepMounted: keepMountedProp,\n    render,\n    id: idProp,\n    ...elementProps\n  } = componentProps;\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useIsoLayoutEffect(() => {\n      if (hiddenUntilFoundProp && keepMountedProp === false) {\n        warn('The `keepMounted={false}` prop on a Collapsible will be ignored when using `hiddenUntilFound` since it requires the Panel to remain mounted even when closed.');\n      }\n    }, [hiddenUntilFoundProp, keepMountedProp]);\n  }\n  const {\n    abortControllerRef,\n    animationTypeRef,\n    height,\n    mounted,\n    onOpenChange,\n    open,\n    panelId,\n    panelRef,\n    runOnceAnimationsFinish,\n    setDimensions,\n    setHiddenUntilFound,\n    setKeepMounted,\n    setMounted,\n    setPanelIdState,\n    setOpen,\n    setVisible,\n    state,\n    transitionDimensionRef,\n    visible,\n    width,\n    transitionStatus\n  } = useCollapsibleRootContext();\n  const hiddenUntilFound = hiddenUntilFoundProp ?? false;\n  const keepMounted = keepMountedProp ?? false;\n  useIsoLayoutEffect(() => {\n    if (idProp) {\n      setPanelIdState(idProp);\n      return () => {\n        setPanelIdState(undefined);\n      };\n    }\n    return undefined;\n  }, [idProp, setPanelIdState]);\n  useIsoLayoutEffect(() => {\n    setHiddenUntilFound(hiddenUntilFound);\n  }, [setHiddenUntilFound, hiddenUntilFound]);\n  useIsoLayoutEffect(() => {\n    setKeepMounted(keepMounted);\n  }, [setKeepMounted, keepMounted]);\n  const {\n    props\n  } = useCollapsiblePanel({\n    abortControllerRef,\n    animationTypeRef,\n    externalRef: forwardedRef,\n    height,\n    hiddenUntilFound,\n    id: panelId,\n    keepMounted,\n    mounted,\n    onOpenChange,\n    open,\n    panelRef,\n    runOnceAnimationsFinish,\n    setDimensions,\n    setMounted,\n    setOpen,\n    setVisible,\n    transitionDimensionRef,\n    visible,\n    width\n  });\n  useOpenChangeComplete({\n    open: open && transitionStatus === 'idle',\n    ref: panelRef,\n    onComplete() {\n      if (!open) {\n        return;\n      }\n      setDimensions({\n        height: undefined,\n        width: undefined\n      });\n    }\n  });\n  const panelState = React.useMemo(() => ({\n    ...state,\n    transitionStatus\n  }), [state, transitionStatus]);\n  const element = useRenderElement('div', componentProps, {\n    state: panelState,\n    ref: [forwardedRef, panelRef],\n    props: [props, {\n      style: {\n        [CollapsiblePanelCssVars.collapsiblePanelHeight]: height === undefined ? 'auto' : `${height}px`,\n        [CollapsiblePanelCssVars.collapsiblePanelWidth]: width === undefined ? 'auto' : `${width}px`\n      }\n    }, elementProps],\n    stateAttributesMapping: collapsibleStateAttributesMapping\n  });\n  const shouldRender = keepMounted || hiddenUntilFound || !keepMounted && mounted;\n  if (!shouldRender) {\n    return null;\n  }\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") CollapsiblePanel.displayName = \"CollapsiblePanel\";","import { Slot } from '../slot'\n\nexport function useRenderSlot(asChild: boolean, defaultTag: string) {\n  const Component = asChild ? Slot : defaultTag\n\n  return asChild ? ({ ...props }) => <Component {...props} /> : undefined\n}\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface ContentProps extends ComponentProps<typeof Collapsible.Panel> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\nexport const Content = ({\n  asChild = false,\n  className,\n  children,\n  hiddenUntilFound = true,\n  ...props\n}: ContentProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <Collapsible.Panel\n      data-spark-component=\"collapsible-content\"\n      className={cx(\n        'overflow-hidden',\n        'h-[var(--collapsible-panel-height)]',\n        'transition-all duration-200',\n        'motion-reduce:transition-none',\n        'data-[starting-style]:h-0',\n        'data-[ending-style]:h-0',\n        className\n      )}\n      render={renderSlot}\n      hiddenUntilFound={hiddenUntilFound}\n      {...props}\n    >\n      {children}\n    </Collapsible.Panel>\n  )\n}\n\nContent.displayName = 'Collapsible.Content'\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { type ComponentProps } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface RootProps extends ComponentProps<typeof Collapsible.Root> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\nexport const Root = ({ asChild = false, children, ...props }: RootProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <Collapsible.Root data-spark-component=\"collapsible\" render={renderSlot} {...props}>\n      {children}\n    </Collapsible.Root>\n  )\n}\n\nRoot.displayName = 'Collapsible'\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { type ComponentProps } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface TriggerProps extends ComponentProps<'button'> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\nexport const Trigger = ({ asChild = false, children, ...props }: TriggerProps) => {\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return (\n    <Collapsible.Trigger data-spark-component=\"collapsible-trigger\" render={renderSlot} {...props}>\n      {children}\n    </Collapsible.Trigger>\n  )\n}\n\nTrigger.displayName = 'Collapsible.Trigger'\n","import { Content } from './Content'\nimport { Root } from './Root'\nimport { Trigger } from './Trigger'\n\nexport const Collapsible: typeof Root & {\n  Trigger: typeof Trigger\n  Content: typeof Content\n} = Object.assign(Root, {\n  Trigger,\n  Content,\n})\n\nCollapsible.displayName = 'Collapsible'\nTrigger.displayName = 'Collapsible.Trigger'\nContent.displayName = 'Collapsible.Content'\n"],"names":["collapsibleStateAttributesMapping","baseMapping","transitionStatusMapping","CollapsibleRoot","React","componentProps","forwardedRef","render","className","defaultOpen","disabled","onOpenChangeProp","open","elementProps","onOpenChange","useStableCallback","collapsible","useCollapsibleRoot","state","contextValue","element","useRenderElement","_jsx","CollapsibleRootContext","stateAttributesMapping","triggerOpenStateMapping","CollapsibleTrigger","panelId","handleTrigger","contextDisabled","useCollapsibleRootContext","id","nativeButton","getButtonProps","buttonRef","useButton","props","CollapsiblePanelCssVars","CollapsiblePanel","hiddenUntilFoundProp","keepMountedProp","idProp","useIsoLayoutEffect","warn","abortControllerRef","animationTypeRef","height","mounted","panelRef","runOnceAnimationsFinish","setDimensions","setHiddenUntilFound","setKeepMounted","setMounted","setPanelIdState","setOpen","setVisible","transitionDimensionRef","visible","width","transitionStatus","hiddenUntilFound","keepMounted","useCollapsiblePanel","useOpenChangeComplete","panelState","useRenderSlot","asChild","defaultTag","Component","Slot","jsx","Content","children","renderSlot","Collapsible.Panel","cx","Root","Collapsible.Root","Trigger","Collapsible.Trigger","Collapsible"],"mappings":";;;;;;AAEO,MAAMA,IAAoC;AAAA,EAC/C,GAAGC;AAAAA,EACH,GAAGC;AACL,GCUaC,IAA+B,gBAAAC,EAAM,WAAW,SAAyBC,GAAgBC,GAAc;AAClH,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,UAAAC,IAAW;AAAA,IACX,cAAcC;AAAA,IACd,MAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMR,GACES,IAAeC,EAAkBJ,CAAgB,GACjDK,IAAcC,GAAmB;AAAA,IACrC,MAAAL;AAAA,IACA,aAAAH;AAAA,IACA,cAAAK;AAAA,IACA,UAAAJ;AAAA,EACJ,CAAG,GACKQ,IAAQd,EAAM,QAAQ,OAAO;AAAA,IACjC,MAAMY,EAAY;AAAA,IAClB,UAAUA,EAAY;AAAA,IACtB,kBAAkBA,EAAY;AAAA,EAClC,IAAM,CAACA,EAAY,MAAMA,EAAY,UAAUA,EAAY,gBAAgB,CAAC,GACpEG,IAAef,EAAM,QAAQ,OAAO;AAAA,IACxC,GAAGY;AAAA,IACH,cAAAF;AAAA,IACA,OAAAI;AAAA,EACJ,IAAM,CAACF,GAAaF,GAAcI,CAAK,CAAC,GAChCE,IAAUC,EAAiB,OAAOhB,GAAgB;AAAA,IACtD,OAAAa;AAAA,IACA,KAAKZ;AAAA,IACL,OAAOO;AAAA,IACP,wBAAwBb;AAAA,EAC5B,CAAG;AACD,SAAoBsB,gBAAAA,EAAKC,GAAuB,UAAU;AAAA,IACxD,OAAOJ;AAAA,IACP,UAAUC;AAAA,EACd,CAAG;AACH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcjB,EAAgB,cAAc;AC7CzE,MAAMqB,KAAyB;AAAA,EAC7B,GAAGC;AAAA,EACH,GAAGvB;AACL,GAQawB,IAAkC,gBAAAtB,EAAM,WAAW,SAA4BC,GAAgBC,GAAc;AACxH,QAAM;AAAA,IACJ,SAAAqB;AAAA,IACA,MAAAf;AAAA,IACA,eAAAgB;AAAA,IACA,OAAAV;AAAA,IACA,UAAUW;AAAA,EACd,IAAMC,EAAyB,GACvB;AAAA,IACJ,WAAAtB;AAAA,IACA,UAAAE,IAAWmB;AAAA,IACX,IAAAE;AAAA,IACA,QAAAxB;AAAA,IACA,cAAAyB,IAAe;AAAA,IACf,GAAGnB;AAAA,EACP,IAAMR,GACE;AAAA,IACJ,gBAAA4B;AAAA,IACA,WAAAC;AAAA,EACJ,IAAMC,EAAU;AAAA,IACZ,UAAAzB;AAAA,IACA,uBAAuB;AAAA,IACvB,QAAQsB;AAAA,EACZ,CAAG,GACKI,IAAQhC,EAAM,QAAQ,OAAO;AAAA,IACjC,iBAAiBQ,IAAOe,IAAU;AAAA,IAClC,iBAAiBf;AAAA,IACjB,UAAAF;AAAA,IACA,SAASkB;AAAA,EACb,IAAM,CAACD,GAASjB,GAAUE,GAAMgB,CAAa,CAAC;AAO5C,SANgBP,EAAiB,UAAUhB,GAAgB;AAAA,IACzD,OAAAa;AAAA,IACA,KAAK,CAACZ,GAAc4B,CAAS;AAAA,IAC7B,OAAO,CAACE,GAAOvB,GAAcoB,CAAc;AAAA,IAC3C,wBAAAT;AAAA,EACJ,CAAG;AAEH,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAcE,EAAmB,cAAc;ACzDrE,IAAIW,IAAuC,0BAAUA,GAAyB;AAKnF,SAAAA,EAAwB,yBAA4B,8BAKpDA,EAAwB,wBAA2B,6BAC5CA;AACT,GAAE,EAAE;ACKG,MAAMC,IAAgC,gBAAAlC,EAAM,WAAW,SAA0BC,GAAgBC,GAAc;AACpH,QAAM;AAAA,IACJ,WAAAE;AAAA,IACA,kBAAkB+B;AAAA,IAClB,aAAaC;AAAA,IACb,QAAAjC;AAAA,IACA,IAAIkC;AAAA,IACJ,GAAG5B;AAAA,EACP,IAAMR;AACJ,EAAI,QAAQ,IAAI,aAAa,gBAE3BqC,EAAmB,MAAM;AACvB,IAAIH,KAAwBC,MAAoB,MAC9CG,GAAK,+JAA+J;AAAA,EAExK,GAAG,CAACJ,GAAsBC,CAAe,CAAC;AAE5C,QAAM;AAAA,IACJ,oBAAAI;AAAA,IACA,kBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAjC;AAAA,IACA,MAAAF;AAAA,IACA,SAAAe;AAAA,IACA,UAAAqB;AAAA,IACA,yBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAtC;AAAA,IACA,wBAAAuC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,kBAAAC;AAAA,EACJ,IAAM9B,EAAyB,GACvB+B,IAAmBtB,KAAwB,IAC3CuB,IAActB,KAAmB;AACvC,EAAAE,EAAmB,MAAM;AACvB,QAAID;AACF,aAAAa,EAAgBb,CAAM,GACf,MAAM;AACX,QAAAa,EAAgB,MAAS;AAAA,MAC3B;AAAA,EAGJ,GAAG,CAACb,GAAQa,CAAe,CAAC,GAC5BZ,EAAmB,MAAM;AACvB,IAAAS,EAAoBU,CAAgB;AAAA,EACtC,GAAG,CAACV,GAAqBU,CAAgB,CAAC,GAC1CnB,EAAmB,MAAM;AACvB,IAAAU,EAAeU,CAAW;AAAA,EAC5B,GAAG,CAACV,GAAgBU,CAAW,CAAC;AAChC,QAAM;AAAA,IACJ,OAAA1B;AAAA,EACJ,IAAM2B,GAAoB;AAAA,IACtB,oBAAAnB;AAAA,IACA,kBAAAC;AAAA,IACA,aAAavC;AAAA,IACb,QAAAwC;AAAA,IACA,kBAAAe;AAAA,IACA,IAAIlC;AAAA,IACJ,aAAAmC;AAAA,IACA,SAAAf;AAAA,IACA,cAAAjC;AAAA,IACA,MAAAF;AAAA,IACA,UAAAoC;AAAA,IACA,yBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAG;AAAA,IACA,SAAAE;AAAA,IACA,YAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EACJ,CAAG;AACD,EAAAK,GAAsB;AAAA,IACpB,MAAMpD,KAAQgD,MAAqB;AAAA,IACnC,KAAKZ;AAAA,IACL,aAAa;AACX,MAAKpC,KAGLsC,EAAc;AAAA,QACZ,QAAQ;AAAA,QACR,OAAO;AAAA,MACf,CAAO;AAAA,IACH;AAAA,EACJ,CAAG;AACD,QAAMe,IAAa7D,EAAM,QAAQ,OAAO;AAAA,IACtC,GAAGc;AAAA,IACH,kBAAA0C;AAAA,EACJ,IAAM,CAAC1C,GAAO0C,CAAgB,CAAC,GACvBxC,IAAUC,EAAiB,OAAOhB,GAAgB;AAAA,IACtD,OAAO4D;AAAA,IACP,KAAK,CAAC3D,GAAc0C,CAAQ;AAAA,IAC5B,OAAO,CAACZ,GAAO;AAAA,MACb,OAAO;AAAA,QACL,CAACC,EAAwB,sBAAsB,GAAGS,MAAW,SAAY,SAAS,GAAGA,CAAM;AAAA,QAC3F,CAACT,EAAwB,qBAAqB,GAAGsB,MAAU,SAAY,SAAS,GAAGA,CAAK;AAAA,MAChG;AAAA,IACA,GAAO9C,CAAY;AAAA,IACf,wBAAwBb;AAAA,EAC5B,CAAG;AAED,SADqB8D,KAAeD,KAAoB,CAACC,KAAef,IAIjE3B,IAFE;AAGX,CAAC;AACG,QAAQ,IAAI,aAAa,iBAAckB,EAAiB,cAAc;ACjInE,SAAS4B,EAAcC,GAAkBC,GAAoB;AAClE,QAAMC,IAAYF,IAAUG,IAAOF;AAEnC,SAAOD,IAAU,CAAC,EAAE,GAAG/B,EAAA,MAAY,gBAAAmC,EAACF,GAAA,EAAW,GAAGjC,EAAA,CAAO,IAAK;AAChE;ACOO,MAAMoC,IAAU,CAAC;AAAA,EACtB,SAAAL,IAAU;AAAA,EACV,WAAA3D;AAAA,EACA,UAAAiE;AAAA,EACA,kBAAAZ,IAAmB;AAAA,EACnB,GAAGzB;AACL,MAAoB;AAClB,QAAMsC,IAAaR,EAAcC,GAAS,KAAK;AAE/C,SACE,gBAAAI;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,wBAAqB;AAAA,MACrB,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACApE;AAAA,MAAA;AAAA,MAEF,QAAQkE;AAAA,MACR,kBAAAb;AAAA,MACC,GAAGzB;AAAA,MAEH,UAAAqC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEAD,EAAQ,cAAc;AC/Bf,MAAMK,IAAO,CAAC,EAAE,SAAAV,IAAU,IAAO,UAAAM,GAAU,GAAGrC,QAAuB;AAC1E,QAAMsC,IAAaR,EAAcC,GAAS,KAAK;AAE/C,SACE,gBAAAI,EAACO,GAAA,EAAiB,wBAAqB,eAAc,QAAQJ,GAAa,GAAGtC,GAC1E,UAAAqC,GACH;AAEJ;AAEAI,EAAK,cAAc;ACVZ,MAAME,IAAU,CAAC,EAAE,SAAAZ,IAAU,IAAO,UAAAM,GAAU,GAAGrC,QAA0B;AAChF,QAAMsC,IAAaR,EAAcC,GAAS,QAAQ;AAElD,SACE,gBAAAI,EAACS,GAAA,EAAoB,wBAAqB,uBAAsB,QAAQN,GAAa,GAAGtC,GACrF,UAAAqC,GACH;AAEJ;AAEAM,EAAQ,cAAc;AClBf,MAAME,KAGT,OAAO,OAAOJ,GAAM;AAAA,EACtB,SAAAE;AAAA,EACA,SAAAP;AACF,CAAC;AAEDS,GAAY,cAAc;AAC1BF,EAAQ,cAAc;AACtBP,EAAQ,cAAc;","x_google_ignoreList":[0,1,2,3,4]}

package/dist/collapsible/useRenderSlot.d.ts

@@ -0,0 +1,3 @@
+export declare function useRenderSlot(asChild: boolean, defaultTag: string): (({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element) | undefined;

package/dist/combobox/Combobox.d.ts

@@ -0,0 +1,6 @@
+import { ComboboxContextProps } from './ComboboxContext';
+export type ComboboxProps = ComboboxContextProps;
+export declare const Combobox: {
+    ({ children, ...props }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/combobox/ComboboxClearButton.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+export interface ClearButtonProps extends ComponentPropsWithoutRef<'button'> {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const ClearButton: {
+    ({ className, tabIndex, onClick, ref, ...others }: ClearButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};