@spark-ui/components 13.0.7 → 13.1.0

package/dist/accordion/Accordion.d.ts

@@ -0,0 +1,27 @@
+import { Accordion as BaseAccordion } from '@base-ui/react/accordion';
+import { ComponentProps, Ref } from 'react';
+type ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Root>, 'multiple' | 'render'>;
+export interface AccordionProps extends ExtentedZagInterface {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+    /**
+     * Whether the accordion items are disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether multiple items can be open at the same time.
+     */
+    multiple?: boolean;
+    design?: 'filled' | 'outlined';
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const Accordion: {
+    ({ asChild, children, design, hiddenUntilFound, multiple, className, ref, ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const useAccordionContext: () => {
+    design: "filled" | "outlined";
+};
+export {};

package/dist/accordion/AccordionItem.d.ts

@@ -0,0 +1,12 @@
+import { Accordion as BaseAccordion } from '@base-ui/react/accordion';
+import { ComponentProps, Ref } from 'react';
+type ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Item>, 'render'>;
+export interface AccordionItemProps extends ExtentedZagInterface {
+    asChild?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const Item: {
+    ({ asChild, className, children, ref, ...props }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/accordion/AccordionItemContent.d.ts

@@ -0,0 +1,12 @@
+import { Accordion as BaseAccordion } from '@base-ui/react/accordion';
+import { ComponentProps, Ref } from 'react';
+type ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Panel>, 'render'>;
+export interface AccordionItemContentProps extends ExtentedZagInterface {
+    asChild?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const ItemContent: {
+    ({ asChild, className, children, ref, ...props }: AccordionItemContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/accordion/AccordionItemHeader.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps, Ref } from 'react';
+export interface AccordionItemHeaderProps extends ComponentProps<'h3'> {
+    asChild?: boolean;
+    ref?: Ref<HTMLHeadingElement>;
+}
+export declare const ItemHeader: {
+    ({ asChild, children, className, ref, }: AccordionItemHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/accordion/AccordionItemTrigger.d.ts

@@ -0,0 +1,12 @@
+import { Accordion as BaseAccordion } from '@base-ui/react/accordion';
+import { ComponentProps, Ref } from 'react';
+type ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Trigger>, 'render'>;
+export interface AccordionItemTriggerProps extends ExtentedZagInterface {
+    asChild?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const ItemTrigger: {
+    ({ asChild, children, className, ref, ...props }: AccordionItemTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/accordion/index.d.ts

@@ -1,73 +1,15 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Accordion as Accordion$2 } from '@base-ui/react/accordion';
-import { ComponentProps, Ref } from 'react';
-
-type ExtentedZagInterface$3 = Omit<ComponentProps<typeof Accordion$2.Root>, 'multiple' | 'render'>;
-interface AccordionProps extends ExtentedZagInterface$3 {
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     */
-    asChild?: boolean;
-    /**
-     * Whether the accordion items are disabled
-     */
-    disabled?: boolean;
-    /**
-     * Whether multiple items can be open at the same time.
-     */
-    multiple?: boolean;
-    design?: 'filled' | 'outlined';
-    ref?: Ref<HTMLDivElement>;
-}
-declare const Accordion$1: {
-    ({ asChild, children, design, hiddenUntilFound, multiple, className, ref, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type ExtentedZagInterface$2 = Omit<ComponentProps<typeof Accordion$2.Item>, 'render'>;
-interface AccordionItemProps extends ExtentedZagInterface$2 {
-    asChild?: boolean;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const Item: {
-    ({ asChild, className, children, ref, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type ExtentedZagInterface$1 = Omit<ComponentProps<typeof Accordion$2.Panel>, 'render'>;
-interface AccordionItemContentProps extends ExtentedZagInterface$1 {
-    asChild?: boolean;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const ItemContent: {
-    ({ asChild, className, children, ref, ...props }: AccordionItemContentProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface AccordionItemHeaderProps extends ComponentProps<'h3'> {
-    asChild?: boolean;
-    ref?: Ref<HTMLHeadingElement>;
-}
-declare const ItemHeader: {
-    ({ asChild, children, className, ref, }: AccordionItemHeaderProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type ExtentedZagInterface = Omit<ComponentProps<typeof Accordion$2.Trigger>, 'render'>;
-interface AccordionItemTriggerProps extends ExtentedZagInterface {
-    asChild?: boolean;
-    ref?: Ref<HTMLButtonElement>;
-}
-declare const ItemTrigger: {
-    ({ asChild, children, className, ref, ...props }: AccordionItemTriggerProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const Accordion: typeof Accordion$1 & {
+import { Accordion as Root } from './Accordion';
+import { Item } from './AccordionItem';
+import { ItemContent } from './AccordionItemContent';
+import { ItemHeader } from './AccordionItemHeader';
+import { ItemTrigger } from './AccordionItemTrigger';
+export declare const Accordion: typeof Root & {
     Item: typeof Item;
     ItemHeader: typeof ItemHeader;
     ItemTrigger: typeof ItemTrigger;
     ItemContent: typeof ItemContent;
 };
-
-export { Accordion, type AccordionItemContentProps, type AccordionItemHeaderProps, type AccordionItemTriggerProps, type AccordionProps };
+export { type AccordionProps } from './Accordion';
+export { type AccordionItemHeaderProps } from './AccordionItemHeader';
+export { type AccordionItemContentProps } from './AccordionItemContent';
+export { type AccordionItemTriggerProps } from './AccordionItemTrigger';

package/dist/accordion/index.js

@@ -1,325 +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/accordion/index.ts
-var accordion_exports = {};
-__export(accordion_exports, {
-  Accordion: () => Accordion2
-});
-module.exports = __toCommonJS(accordion_exports);
-
-// src/accordion/Accordion.tsx
-var import_accordion = require("@base-ui/react/accordion");
-var import_class_variance_authority = require("class-variance-authority");
-var import_react2 = require("react");
-
-// 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/accordion/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/accordion/Accordion.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var AccordionContext = (0, import_react2.createContext)(null);
-var Accordion = ({
-  asChild = false,
-  children,
-  design = "outlined",
-  hiddenUntilFound = true,
-  multiple = false,
-  className,
-  ref,
-  ...props
-}) => {
-  const renderSlot = useRenderSlot(asChild, "div");
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AccordionContext.Provider, { value: { design }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_accordion.Accordion.Root,
-    {
-      "data-spark-component": "accordion",
-      ref,
-      multiple,
-      hiddenUntilFound,
-      className: (0, import_class_variance_authority.cx)("bg-surface h-fit rounded-lg", className),
-      render: renderSlot,
-      ...props,
-      children
-    }
-  ) });
-};
-Accordion.displayName = "Accordion";
-var useAccordionContext = () => {
-  const context = (0, import_react2.useContext)(AccordionContext);
-  if (!context) {
-    throw Error("useAccordionContext must be used within a Accordion provider");
-  }
-  return context;
-};
-
-// src/accordion/AccordionItem.tsx
-var import_accordion2 = require("@base-ui/react/accordion");
-var import_class_variance_authority2 = require("class-variance-authority");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Item = ({
-  asChild = false,
-  className,
-  children,
-  ref,
-  ...props
-}) => {
-  const accordion = useAccordionContext();
-  const renderSlot = useRenderSlot(asChild, "div");
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_accordion2.Accordion.Item,
-    {
-      ref,
-      "data-spark-component": "accordion-item",
-      render: renderSlot,
-      className: (0, import_class_variance_authority2.cx)(
-        "relative first:rounded-t-lg last:rounded-b-lg",
-        "not-last:border-b-0",
-        { "border-sm border-outline": accordion.design === "outlined" },
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-};
-Item.displayName = "Accordion.Item";
-
-// src/accordion/AccordionItemContent.tsx
-var import_accordion3 = require("@base-ui/react/accordion");
-var import_class_variance_authority3 = require("class-variance-authority");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var ItemContent = ({
-  asChild = false,
-  className,
-  children,
-  ref,
-  ...props
-}) => {
-  const renderSlot = useRenderSlot(asChild, "div");
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_accordion3.Accordion.Panel,
-    {
-      ref,
-      "data-spark-component": "accordion-item-content",
-      className: (0, import_class_variance_authority3.cx)(
-        "[&>:first-child]:p-lg overflow-hidden",
-        "h-[var(--accordion-panel-height)] transition-all duration-200 data-[ending-style]:h-0 data-[starting-style]:h-0",
-        "text-body-1 text-on-surface",
-        className
-      ),
-      render: renderSlot,
-      ...props,
-      children
-    }
-  );
-};
-ItemContent.displayName = "Accordion.ItemContent";
-
-// src/accordion/AccordionItemHeader.tsx
-var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var ItemHeader = ({
-  asChild = false,
-  children,
-  className,
-  ref
-}) => {
-  const Component = asChild ? Slot : "h3";
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    Component,
-    {
-      ref,
-      "data-spark-component": "accordion-item-header",
-      className: (0, import_class_variance_authority4.cx)("rounded-[inherit]", className),
-      children
-    }
-  );
-};
-ItemHeader.displayName = "Accordion.ItemHeader";
-
-// src/accordion/AccordionItemTrigger.tsx
-var import_accordion4 = require("@base-ui/react/accordion");
-var import_ArrowHorizontalDown = require("@spark-ui/icons/ArrowHorizontalDown");
-var import_class_variance_authority6 = require("class-variance-authority");
-
-// src/icon/Icon.tsx
-var import_react3 = require("react");
-
-// src/visually-hidden/VisuallyHidden.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var VisuallyHidden = ({ asChild = false, ref, ...props }) => {
-  const Component = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    Component,
-    {
-      ...props,
-      ref,
-      style: {
-        // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
-        position: "absolute",
-        border: 0,
-        width: 1,
-        height: 1,
-        padding: 0,
-        margin: -1,
-        overflow: "hidden",
-        clip: "rect(0, 0, 0, 0)",
-        whiteSpace: "nowrap",
-        wordWrap: "normal",
-        ...props.style
-      }
-    }
-  );
-};
-VisuallyHidden.displayName = "VisuallyHidden";
-
-// src/icon/Icon.styles.tsx
-var import_internal_utils = require("@spark-ui/internal-utils");
-var import_class_variance_authority5 = require("class-variance-authority");
-var iconStyles = (0, import_class_variance_authority5.cva)(["fill-current shrink-0"], {
-  variants: {
-    /**
-     * Color scheme of the icon.
-     */
-    intent: (0, import_internal_utils.makeVariants)({
-      current: ["text-current"],
-      main: ["text-main"],
-      support: ["text-support"],
-      accent: ["text-accent"],
-      basic: ["text-basic"],
-      success: ["text-success"],
-      alert: ["text-alert"],
-      error: ["text-error"],
-      info: ["text-info"],
-      neutral: ["text-neutral"]
-    }),
-    /**
-     * Sets the size of the icon.
-     */
-    size: (0, import_internal_utils.makeVariants)({
-      current: ["u-current-font-size"],
-      sm: ["w-sz-16", "h-sz-16"],
-      md: ["w-sz-24", "h-sz-24"],
-      lg: ["w-sz-32", "h-sz-32"],
-      xl: ["w-sz-40", "h-sz-40"]
-    })
-  }
-});
-
-// src/icon/Icon.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var Icon = ({
-  label,
-  className,
-  size = "current",
-  intent = "current",
-  children,
-  ...others
-}) => {
-  const child = import_react3.Children.only(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    (0, import_react3.cloneElement)(child, {
-      className: iconStyles({ className, size, intent }),
-      "data-spark-component": "icon",
-      "aria-hidden": "true",
-      focusable: "false",
-      ...others
-    }),
-    label && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(VisuallyHidden, { children: label })
-  ] });
-};
-Icon.displayName = "Icon";
-
-// src/accordion/AccordionItemTrigger.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var ItemTrigger = ({
-  asChild = false,
-  children,
-  className,
-  ref,
-  ...props
-}) => {
-  const renderSlot = useRenderSlot(asChild, "button");
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-    import_accordion4.Accordion.Trigger,
-    {
-      ref,
-      "data-spark-component": "accordion-item-trigger",
-      render: renderSlot,
-      className: (0, import_class_variance_authority6.cx)(
-        "group",
-        "gap-lg min-h-sz-48 relative flex items-center justify-between",
-        "px-lg py-md text-headline-2 text-on-surface data-[panel-open]:rounded-b-0 w-full rounded-[inherit] text-left",
-        "hover:enabled:bg-surface-hovered focus:bg-surface-hovered",
-        "focus-visible:u-outline focus-visible:z-raised focus-visible:outline-hidden",
-        "disabled:opacity-dim-3 cursor-pointer disabled:cursor-not-allowed",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "gap-lg flex grow items-center", children }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          Icon,
-          {
-            intent: "neutral",
-            className: (0, import_class_variance_authority6.cx)(
-              "shrink-0 rotate-0 duration-100 ease-in motion-reduce:transition-none",
-              "group-data-[panel-open]:rotate-180"
-            ),
-            size: "sm",
-            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ArrowHorizontalDown.ArrowHorizontalDown, {})
-          }
-        )
-      ]
-    }
-  );
-};
-ItemTrigger.displayName = "Accordion.ItemTrigger";
-
-// src/accordion/index.ts
-var Accordion2 = Object.assign(Accordion, {
-  Item,
-  ItemHeader,
-  ItemTrigger,
-  ItemContent
-});
-Accordion2.displayName = "Accordion";
-Item.displayName = "Item";
-ItemHeader.displayName = "ItemHeader";
-ItemTrigger.displayName = "Accordion.Trigger";
-ItemContent.displayName = "Accordion.Content";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Accordion
-});
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-runtime"),j=require("../index-DnaHaH_0.js"),z=require("react"),ee=require("../Slot-ghrohQLA.js"),_=require("../useCollapsiblePanel-D1dCo0lf.js"),i=require("../useOpenChangeComplete-Dk-u_f2y.js"),Q=require("../useTransitionStatus-CqbEyvIj.js"),me=require("@spark-ui/icons/ArrowHorizontalDown"),ge=require("../Icon-Bf0XrmiR.js"),D=require("../composite-fJD9R7R0.js");function be(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const c=be(z),H=c.createContext({register:()=>{},unregister:()=>{},subscribeMapChange:()=>()=>{},elementsRef:{current:[]},nextIndexRef:{current:0}});process.env.NODE_ENV!=="production"&&(H.displayName="CompositeListContext");function he(){return c.useContext(H)}function xe(e){const{children:o,elementsRef:t,labelsRef:r,onMapChange:f}=e,s=i.useStableCallback(f),p=c.useRef(0),h=i.useRefWithInit(Ne).current,x=i.useRefWithInit(Ce).current,[E,R]=c.useState(0),m=c.useRef(E),I=i.useStableCallback((n,l)=>{x.set(n,l??null),m.current+=1,R(m.current)}),g=i.useStableCallback(n=>{x.delete(n),m.current+=1,R(m.current)}),u=c.useMemo(()=>{const n=new Map;return Array.from(x.keys()).filter(d=>d.isConnected).sort(Re).forEach((d,C)=>{const a=x.get(d)??{};n.set(d,{...a,index:C})}),n},[x,E]);i.useIsoLayoutEffect(()=>{if(typeof MutationObserver!="function"||u.size===0)return;const n=new MutationObserver(l=>{const d=new Set,C=a=>d.has(a)?d.delete(a):d.add(a);l.forEach(a=>{a.removedNodes.forEach(C),a.addedNodes.forEach(C)}),d.size===0&&(m.current+=1,R(m.current))});return u.forEach((l,d)=>{d.parentElement&&n.observe(d.parentElement,{childList:!0})}),()=>{n.disconnect()}},[u]),i.useIsoLayoutEffect(()=>{m.current===E&&(t.current.length!==u.size&&(t.current.length=u.size),r&&r.current.length!==u.size&&(r.current.length=u.size),p.current=u.size),s(u)},[s,u,t,r,E]),i.useIsoLayoutEffect(()=>()=>{t.current=[]},[t]),i.useIsoLayoutEffect(()=>()=>{r&&(r.current=[])},[r]);const b=i.useStableCallback(n=>(h.add(n),()=>{h.delete(n)}));i.useIsoLayoutEffect(()=>{h.forEach(n=>n(u))},[h,u]);const O=c.useMemo(()=>({register:I,unregister:g,subscribeMapChange:b,elementsRef:t,labelsRef:r,nextIndexRef:p}),[I,g,b,t,r,p]);return M.jsx(H.Provider,{value:O,children:o})}function Ce(){return new Map}function Ne(){return new Set}function Re(e,o){const t=e.compareDocumentPosition(o);return t&Node.DOCUMENT_POSITION_FOLLOWING||t&Node.DOCUMENT_POSITION_CONTAINED_BY?-1:t&Node.DOCUMENT_POSITION_PRECEDING||t&Node.DOCUMENT_POSITION_CONTAINS?1:0}const te=c.createContext(void 0);process.env.NODE_ENV!=="production"&&(te.displayName="DirectionContext");function Ee(){return c.useContext(te)?.direction??"ltr"}const q=c.createContext(void 0);process.env.NODE_ENV!=="production"&&(q.displayName="AccordionRootContext");function B(){const e=c.useContext(q);if(e===void 0)throw new Error(process.env.NODE_ENV!=="production"?"Base UI: AccordionRootContext is missing. Accordion parts must be placed within <Accordion.Root>.":i.formatErrorMessage(10));return e}const Ie={value:()=>null},ne=c.forwardRef(function(o,t){const{render:r,className:f,disabled:s=!1,hiddenUntilFound:p,keepMounted:h,loopFocus:x=!0,onValueChange:E,multiple:R=!1,orientation:m="vertical",value:I,defaultValue:g,...u}=o,b=Ee();process.env.NODE_ENV!=="production"&&i.useIsoLayoutEffect(()=>{p&&h===!1&&_.warn("The `keepMounted={false}` prop on a Accordion.Root will be ignored when using `hiddenUntilFound` since it requires Panels to remain mounted when closed.")},[p,h]);const O=c.useMemo(()=>{if(I===void 0)return g??[]},[I,g]),n=i.useStableCallback(E),l=c.useRef([]),[d,C]=_.useControlled({controlled:I,default:O,name:"Accordion",state:"value"}),a=i.useStableCallback((w,V)=>{const A=i.createChangeEventDetails(i.none);if(R)if(V){const N=d.slice();if(N.push(w),n(N,A),A.isCanceled)return;C(N)}else{const N=d.filter(y=>y!==w);if(n(N,A),A.isCanceled)return;C(N)}else{const N=d[0]===w?[]:[w];if(n(N,A),A.isCanceled)return;C(N)}}),P=c.useMemo(()=>({value:d,disabled:s,orientation:m}),[d,s,m]),L=c.useMemo(()=>({accordionItemRefs:l,direction:b,disabled:s,handleValueChange:a,hiddenUntilFound:p??!1,keepMounted:h??!1,loopFocus:x,orientation:m,state:P,value:d}),[b,s,a,p,h,x,m,P,d]),T=i.useRenderElement("div",o,{state:P,ref:t,props:[{dir:b,role:"region"},u],stateAttributesMapping:Ie});return M.jsx(q.Provider,{value:L,children:M.jsx(xe,{elementsRef:l,children:T})})});process.env.NODE_ENV!=="production"&&(ne.displayName="AccordionRoot");let Oe=(function(e){return e[e.None=0]="None",e[e.GuessFromOrder=1]="GuessFromOrder",e})({});function Ae(e={}){const{label:o,metadata:t,textRef:r,indexGuessBehavior:f,index:s}=e,{register:p,unregister:h,subscribeMapChange:x,elementsRef:E,labelsRef:R,nextIndexRef:m}=he(),I=c.useRef(-1),[g,u]=c.useState(s??(f===Oe.GuessFromOrder?()=>{if(I.current===-1){const n=m.current;m.current+=1,I.current=n}return I.current}:-1)),b=c.useRef(null),O=c.useCallback(n=>{if(b.current=n,g!==-1&&n!==null&&(E.current[g]=n,R)){const l=o!==void 0;R.current[g]=l?o:r?.current?.textContent??n.textContent}},[g,E,R,o,r]);return i.useIsoLayoutEffect(()=>{if(s!=null)return;const n=b.current;if(n)return p(n,t),()=>{h(n)}},[s,p,h,t]),i.useIsoLayoutEffect(()=>{if(s==null)return x(n=>{const l=b.current?n.get(b.current)?.index:null;l!=null&&u(l)})},[s,x,u]),c.useMemo(()=>({ref:O,index:g}),[g,O])}const G=c.createContext(void 0);process.env.NODE_ENV!=="production"&&(G.displayName="AccordionItemContext");function oe(){const e=c.useContext(G);if(e===void 0)throw new Error(process.env.NODE_ENV!=="production"?"Base UI: AccordionItemContext is missing. Accordion parts must be placed within <Accordion.Item>.":i.formatErrorMessage(9));return e}let ve=(function(e){return e.index="data-index",e.disabled="data-disabled",e.open="data-open",e})({});const re={..._.collapsibleOpenStateMapping,index:e=>Number.isInteger(e)?{[ve.index]:String(e)}:null,...i.transitionStatusMapping,value:()=>null},se=c.forwardRef(function(o,t){const{className:r,disabled:f=!1,onOpenChange:s,render:p,value:h,...x}=o,{ref:E,index:R}=Ae(),m=i.useMergedRefs(t,E),{disabled:I,handleValueChange:g,state:u,value:b}=B(),O=Q.useBaseUiId(),n=h??O,l=f||I,d=c.useMemo(()=>{if(!b)return!1;for(let y=0;y<b.length;y+=1)if(b[y]===n)return!0;return!1},[b,n]),C=i.useStableCallback((y,k)=>{s?.(y,k),!k.isCanceled&&g(n,y)}),a=_.useCollapsibleRoot({open:d,onOpenChange:C,disabled:l}),P=c.useMemo(()=>({open:a.open,disabled:a.disabled,hidden:!a.mounted,transitionStatus:a.transitionStatus}),[a.open,a.disabled,a.mounted,a.transitionStatus]),L=c.useMemo(()=>({...a,onOpenChange:C,state:P}),[a,P,C]),T=c.useMemo(()=>({...u,index:R,disabled:l,open:d}),[l,R,d,u]),[w,V]=c.useState(Q.useBaseUiId()),A=c.useMemo(()=>({open:d,state:T,setTriggerId:V,triggerId:w}),[d,T,V,w]),N=i.useRenderElement("div",o,{state:T,ref:m,props:x,stateAttributesMapping:re});return M.jsx(_.CollapsibleRootContext.Provider,{value:L,children:M.jsx(G.Provider,{value:A,children:N})})});process.env.NODE_ENV!=="production"&&(se.displayName="AccordionItem");function X(e){return e==null||e.hasAttribute("disabled")||e.getAttribute("aria-disabled")==="true"}const Me=new Set([D.ARROW_DOWN,D.ARROW_UP,D.ARROW_RIGHT,D.ARROW_LEFT,D.HOME,D.END]);function ye(e){const{current:o}=e,t=[];for(let r=0;r<o.length;r+=1){const f=o[r];if(!X(f)){const s=f?.querySelector('[type="button"]');X(s)||t.push(s)}}return t}const ie=c.forwardRef(function(o,t){const{disabled:r,className:f,id:s,render:p,nativeButton:h=!0,...x}=o,{panelId:E,open:R,handleTrigger:m,disabled:I}=_.useCollapsibleRootContext(),g=r??I,{getButtonProps:u,buttonRef:b}=i.useButton({disabled:g,focusableWhenDisabled:!0,native:h}),{accordionItemRefs:O,direction:n,loopFocus:l,orientation:d}=B(),C=n==="rtl",a=d==="horizontal",{state:P,setTriggerId:L,triggerId:T}=oe();i.useIsoLayoutEffect(()=>(s&&L(s),()=>{L(void 0)}),[s,L]);const w=c.useMemo(()=>({"aria-controls":R?E:void 0,"aria-expanded":R,disabled:g,id:T,onClick:m,onKeyDown(A){if(!Me.has(A.key))return;D.stopEvent(A);const N=ye(O),k=N.length-1;let v=-1;const S=N.indexOf(A.target);function F(){l?v=S+1>k?0:S+1:v=Math.min(S+1,k)}function U(){l?v=S===0?k:S-1:v=S-1}switch(A.key){case D.ARROW_DOWN:a||F();break;case D.ARROW_UP:a||U();break;case D.ARROW_RIGHT:a&&(C?U():F());break;case D.ARROW_LEFT:a&&(C?F():U());break;case"Home":v=0;break;case"End":v=k;break}v>-1&&N[v].focus()}}),[O,g,m,T,a,C,l,R,E]);return i.useRenderElement("button",o,{state:P,ref:[t,b],props:[w,x,u],stateAttributesMapping:_.triggerOpenStateMapping})});process.env.NODE_ENV!=="production"&&(ie.displayName="AccordionTrigger");let Z=(function(e){return e.accordionPanelHeight="--accordion-panel-height",e.accordionPanelWidth="--accordion-panel-width",e})({});const ce=c.forwardRef(function(o,t){const{className:r,hiddenUntilFound:f,keepMounted:s,id:p,render:h,...x}=o,{hiddenUntilFound:E,keepMounted:R}=B(),{abortControllerRef:m,animationTypeRef:I,height:g,mounted:u,onOpenChange:b,open:O,panelId:n,panelRef:l,runOnceAnimationsFinish:d,setDimensions:C,setHiddenUntilFound:a,setKeepMounted:P,setMounted:L,setOpen:T,setVisible:w,transitionDimensionRef:V,visible:A,width:N,setPanelIdState:y,transitionStatus:k}=_.useCollapsibleRootContext(),v=f??E,S=s??R;process.env.NODE_ENV!=="production"&&i.useIsoLayoutEffect(()=>{s===!1&&v&&_.warn("The `keepMounted={false}` prop on a Accordion.Panel will be ignored when using `contextHiddenUntilFound` on the Panel or the Root since it requires the panel to remain mounted when closed.")},[v,s]),i.useIsoLayoutEffect(()=>{if(p)return y(p),()=>{y(void 0)}},[p,y]),i.useIsoLayoutEffect(()=>{a(v)},[a,v]),i.useIsoLayoutEffect(()=>{P(S)},[P,S]),i.useOpenChangeComplete({open:O&&k==="idle",ref:l,onComplete(){O&&C({width:void 0,height:void 0})}});const{props:F}=_.useCollapsiblePanel({abortControllerRef:m,animationTypeRef:I,externalRef:t,height:g,hiddenUntilFound:v,id:p??n,keepMounted:S,mounted:u,onOpenChange:b,open:O,panelRef:l,runOnceAnimationsFinish:d,setDimensions:C,setMounted:L,setOpen:T,setVisible:w,transitionDimensionRef:V,visible:A,width:N}),{state:U,triggerId:le}=oe(),fe=c.useMemo(()=>({...U,transitionStatus:k}),[U,k]),pe=i.useRenderElement("div",o,{state:fe,ref:[t,l],props:[F,{"aria-labelledby":le,role:"region",style:{[Z.accordionPanelHeight]:g===void 0?"auto":`${g}px`,[Z.accordionPanelWidth]:N===void 0?"auto":`${N}px`}},x],stateAttributesMapping:re});return S||v||!S&&u?pe:null});process.env.NODE_ENV!=="production"&&(ce.displayName="AccordionPanel");function W(e,o){const t=e?ee.Slot:o;return e?({...r})=>M.jsx(t,{...r}):void 0}const ae=z.createContext(null),de=({asChild:e=!1,children:o,design:t="outlined",hiddenUntilFound:r=!0,multiple:f=!1,className:s,ref:p,...h})=>{const x=W(e,"div");return M.jsx(ae.Provider,{value:{design:t},children:M.jsx(ne,{"data-spark-component":"accordion",ref:p,multiple:f,hiddenUntilFound:r,className:j.cx("bg-surface h-fit rounded-lg",s),render:x,...h,children:o})})};de.displayName="Accordion";const Se=()=>{const e=z.useContext(ae);if(!e)throw Error("useAccordionContext must be used within a Accordion provider");return e},K=({asChild:e=!1,className:o,children:t,ref:r,...f})=>{const s=Se(),p=W(e,"div");return M.jsx(se,{ref:r,"data-spark-component":"accordion-item",render:p,className:j.cx("relative first:rounded-t-lg last:rounded-b-lg","not-last:border-b-0",{"border-sm border-outline":s.design==="outlined"},o),...f,children:t})};K.displayName="Accordion.Item";const $=({asChild:e=!1,className:o,children:t,ref:r,...f})=>{const s=W(e,"div");return M.jsx(ce,{ref:r,"data-spark-component":"accordion-item-content",className:j.cx("[&>:first-child]:p-lg overflow-hidden","h-[var(--accordion-panel-height)] transition-all duration-200 data-[ending-style]:h-0 data-[starting-style]:h-0","text-body-1 text-on-surface",o),render:s,...f,children:t})};$.displayName="Accordion.ItemContent";const Y=({asChild:e=!1,children:o,className:t,ref:r})=>{const f=e?ee.Slot:"h3";return M.jsx(f,{ref:r,"data-spark-component":"accordion-item-header",className:j.cx("rounded-[inherit]",t),children:o})};Y.displayName="Accordion.ItemHeader";const J=({asChild:e=!1,children:o,className:t,ref:r,...f})=>{const s=W(e,"button");return M.jsxs(ie,{ref:r,"data-spark-component":"accordion-item-trigger",render:s,className:j.cx("group","gap-lg min-h-sz-48 relative flex items-center justify-between","px-lg py-md text-headline-2 text-on-surface data-[panel-open]:rounded-b-0 w-full rounded-[inherit] text-left","hover:enabled:bg-surface-hovered focus:bg-surface-hovered","focus-visible:u-outline focus-visible:z-raised focus-visible:outline-hidden","disabled:opacity-dim-3 cursor-pointer disabled:cursor-not-allowed",t),...f,children:[M.jsx("div",{className:"gap-lg flex grow items-center",children:o}),M.jsx(ge.Icon,{intent:"neutral",className:j.cx("shrink-0 rotate-0 duration-100 ease-in motion-reduce:transition-none","group-data-[panel-open]:rotate-180"),size:"sm",children:M.jsx(me.ArrowHorizontalDown,{})})]})};J.displayName="Accordion.ItemTrigger";const ue=Object.assign(de,{Item:K,ItemHeader:Y,ItemTrigger:J,ItemContent:$});ue.displayName="Accordion";K.displayName="Item";Y.displayName="ItemHeader";J.displayName="Accordion.Trigger";$.displayName="Accordion.Content";exports.Accordion=ue;
+//# sourceMappingURL=index.js.map