@spark-ui/components 17.2.3-beta.1 → 17.2.4-beta.0

package/dist/DialogContent.styles-BSxCCi-u.mjs

@@ -0,0 +1,62 @@
+import { cva as e } from "class-variance-authority";
+//#region src/dialog/DialogContent.styles.tsx
+var t = e([
+	"z-modal flex flex-col bg-surface group transition-all",
+	"focus-visible:outline-hidden focus-visible:u-outline",
+	"[&:not(:has(footer))]:pb-lg",
+	"[&:not(:has(header))]:pt-lg",
+	"data-open:animation-duration-400 data-closed:animation-duration-200",
+	"data-starting-style:scale-90 data-starting-style:opacity-0",
+	"data-ending-style:scale-90 data-ending-style:opacity-0",
+	"data-nested-dialog-open:after:pointer-events-none",
+	"after:bg-transparent",
+	"after:transition-all",
+	"after:duration-200",
+	"data-nested-dialog-open:after:inset-0",
+	"data-nested-dialog-open:after:absolute",
+	"data-nested-dialog-open:after:rounded-[inherit]",
+	"data-nested-dialog-open:after:bg-overlay/dim-3"
+], {
+	variants: {
+		size: {
+			fullscreen: "fixed size-full top-0 left-0",
+			sm: "max-w-[min(480px,calc(100vw-2rem))] data-nested-dialog-open:scale-90",
+			md: "max-w-[min(672px,calc(100vw-2rem))] data-nested-dialog-open:scale-90",
+			lg: "max-w-[min(864px,calc(100vw-2rem))] data-nested-dialog-open:scale-90"
+		},
+		isNarrow: {
+			true: ["max-w-[calc(100vw-2rem)]"],
+			false: []
+		}
+	},
+	compoundVariants: [{
+		size: [
+			"sm",
+			"md",
+			"lg"
+		],
+		class: [
+			"fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
+			"max-h-[80%]",
+			"shadow-md rounded-lg",
+			"data-open:animate-fade-in",
+			"data-closed:animate-fade-out"
+		]
+	}, {
+		size: [
+			"sm",
+			"md",
+			"lg"
+		],
+		isNarrow: !1,
+		class: ["w-full"]
+	}],
+	defaultVariants: {
+		size: "md",
+		isNarrow: !1
+	}
+});
+//#endregion
+export { t };
+
+//# sourceMappingURL=DialogContent.styles-BSxCCi-u.mjs.map

package/dist/DialogContent.styles-BSxCCi-u.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.styles-BSxCCi-u.mjs","names":[],"sources":["../src/dialog/DialogContent.styles.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority'\n\nexport const dialogContentStyles = cva(\n  [\n    'z-modal flex flex-col bg-surface group transition-all',\n    'focus-visible:outline-hidden focus-visible:u-outline',\n    '[&:not(:has(footer))]:pb-lg',\n    '[&:not(:has(header))]:pt-lg',\n    'data-open:animation-duration-400 data-closed:animation-duration-200',\n    'data-starting-style:scale-90 data-starting-style:opacity-0',\n    'data-ending-style:scale-90 data-ending-style:opacity-0',\n    // Nested dialog effect\n    'data-nested-dialog-open:after:pointer-events-none',\n    'after:bg-transparent',\n    'after:transition-all',\n    'after:duration-200',\n    'data-nested-dialog-open:after:inset-0',\n    'data-nested-dialog-open:after:absolute',\n    'data-nested-dialog-open:after:rounded-[inherit]',\n    'data-nested-dialog-open:after:bg-overlay/dim-3',\n  ],\n  {\n    variants: {\n      size: {\n        fullscreen: 'fixed size-full top-0 left-0',\n        sm: 'max-w-[min(480px,calc(100vw-2rem))] data-nested-dialog-open:scale-90',\n        md: 'max-w-[min(672px,calc(100vw-2rem))] data-nested-dialog-open:scale-90',\n        lg: 'max-w-[min(864px,calc(100vw-2rem))] data-nested-dialog-open:scale-90',\n      },\n      isNarrow: {\n        true: ['max-w-[calc(100vw-2rem)]'],\n        false: [],\n      },\n    },\n    compoundVariants: [\n      {\n        size: ['sm', 'md', 'lg'],\n        class: [\n          'fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2',\n          'max-h-[80%]',\n          'shadow-md rounded-lg',\n          'data-open:animate-fade-in',\n          'data-closed:animate-fade-out',\n        ],\n      },\n      {\n        size: ['sm', 'md', 'lg'],\n        isNarrow: false,\n        class: ['w-full'],\n      },\n    ],\n    defaultVariants: {\n      size: 'md',\n      isNarrow: false,\n    },\n  }\n)\n\nexport type DialogContentStylesProps = VariantProps<typeof dialogContentStyles>\n"],"mappings":";;AAEA,IAAa,IAAsB,EACjC;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,MAAM;GACJ,YAAY;GACZ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,UAAU;GACR,MAAM,CAAC,2BAA2B;GAClC,OAAO,EAAE;GACV;EACF;CACD,kBAAkB,CAChB;EACE,MAAM;GAAC;GAAM;GAAM;GAAK;EACxB,OAAO;GACL;GACA;GACA;GACA;GACA;GACD;EACF,EACD;EACE,MAAM;GAAC;GAAM;GAAM;GAAK;EACxB,UAAU;EACV,OAAO,CAAC,SAAS;EAClB,CACF;CACD,iBAAiB;EACf,MAAM;EACN,UAAU;EACX;CACF,CACF"}

package/dist/DialogContent.styles-CAhJtUud.js

@@ -0,0 +1,2 @@
+require(`./chunk-C91j1N6u.js`);var e=(0,require(`class-variance-authority`).cva)([`z-modal flex flex-col bg-surface group transition-all`,`focus-visible:outline-hidden focus-visible:u-outline`,`[&:not(:has(footer))]:pb-lg`,`[&:not(:has(header))]:pt-lg`,`data-open:animation-duration-400 data-closed:animation-duration-200`,`data-starting-style:scale-90 data-starting-style:opacity-0`,`data-ending-style:scale-90 data-ending-style:opacity-0`,`data-nested-dialog-open:after:pointer-events-none`,`after:bg-transparent`,`after:transition-all`,`after:duration-200`,`data-nested-dialog-open:after:inset-0`,`data-nested-dialog-open:after:absolute`,`data-nested-dialog-open:after:rounded-[inherit]`,`data-nested-dialog-open:after:bg-overlay/dim-3`],{variants:{size:{fullscreen:`fixed size-full top-0 left-0`,sm:`max-w-[min(480px,calc(100vw-2rem))] data-nested-dialog-open:scale-90`,md:`max-w-[min(672px,calc(100vw-2rem))] data-nested-dialog-open:scale-90`,lg:`max-w-[min(864px,calc(100vw-2rem))] data-nested-dialog-open:scale-90`},isNarrow:{true:[`max-w-[calc(100vw-2rem)]`],false:[]}},compoundVariants:[{size:[`sm`,`md`,`lg`],class:[`fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2`,`max-h-[80%]`,`shadow-md rounded-lg`,`data-open:animate-fade-in`,`data-closed:animate-fade-out`]},{size:[`sm`,`md`,`lg`],isNarrow:!1,class:[`w-full`]}],defaultVariants:{size:`md`,isNarrow:!1}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});
+//# sourceMappingURL=DialogContent.styles-CAhJtUud.js.map

package/dist/DialogContent.styles-CAhJtUud.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.styles-CAhJtUud.js","names":[],"sources":["../src/dialog/DialogContent.styles.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority'\n\nexport const dialogContentStyles = cva(\n  [\n    'z-modal flex flex-col bg-surface group transition-all',\n    'focus-visible:outline-hidden focus-visible:u-outline',\n    '[&:not(:has(footer))]:pb-lg',\n    '[&:not(:has(header))]:pt-lg',\n    'data-open:animation-duration-400 data-closed:animation-duration-200',\n    'data-starting-style:scale-90 data-starting-style:opacity-0',\n    'data-ending-style:scale-90 data-ending-style:opacity-0',\n    // Nested dialog effect\n    'data-nested-dialog-open:after:pointer-events-none',\n    'after:bg-transparent',\n    'after:transition-all',\n    'after:duration-200',\n    'data-nested-dialog-open:after:inset-0',\n    'data-nested-dialog-open:after:absolute',\n    'data-nested-dialog-open:after:rounded-[inherit]',\n    'data-nested-dialog-open:after:bg-overlay/dim-3',\n  ],\n  {\n    variants: {\n      size: {\n        fullscreen: 'fixed size-full top-0 left-0',\n        sm: 'max-w-[min(480px,calc(100vw-2rem))] data-nested-dialog-open:scale-90',\n        md: 'max-w-[min(672px,calc(100vw-2rem))] data-nested-dialog-open:scale-90',\n        lg: 'max-w-[min(864px,calc(100vw-2rem))] data-nested-dialog-open:scale-90',\n      },\n      isNarrow: {\n        true: ['max-w-[calc(100vw-2rem)]'],\n        false: [],\n      },\n    },\n    compoundVariants: [\n      {\n        size: ['sm', 'md', 'lg'],\n        class: [\n          'fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2',\n          'max-h-[80%]',\n          'shadow-md rounded-lg',\n          'data-open:animate-fade-in',\n          'data-closed:animate-fade-out',\n        ],\n      },\n      {\n        size: ['sm', 'md', 'lg'],\n        isNarrow: false,\n        class: ['w-full'],\n      },\n    ],\n    defaultVariants: {\n      size: 'md',\n      isNarrow: false,\n    },\n  }\n)\n\nexport type DialogContentStylesProps = VariantProps<typeof dialogContentStyles>\n"],"mappings":"+BAEA,IAAa,GAAA,sCAAA,KACX,CACE,wDACA,uDACA,8BACA,8BACA,sEACA,6DACA,yDAEA,oDACA,uBACA,uBACA,qBACA,wCACA,yCACA,kDACA,iDACD,CACD,CACE,SAAU,CACR,KAAM,CACJ,WAAY,+BACZ,GAAI,uEACJ,GAAI,uEACJ,GAAI,uEACL,CACD,SAAU,CACR,KAAM,CAAC,2BAA2B,CAClC,MAAO,EAAE,CACV,CACF,CACD,iBAAkB,CAChB,CACE,KAAM,CAAC,KAAM,KAAM,KAAK,CACxB,MAAO,CACL,2DACA,cACA,uBACA,4BACA,+BACD,CACF,CACD,CACE,KAAM,CAAC,KAAM,KAAM,KAAK,CACxB,SAAU,GACV,MAAO,CAAC,SAAS,CAClB,CACF,CACD,gBAAiB,CACf,KAAM,KACN,SAAU,GACX,CACF,CACF"}

package/dist/FormFieldRequiredIndicator-CtgkvPZo.js

@@ -0,0 +1,2 @@
+require(`./chunk-C91j1N6u.js`);const e=require(`./label-DU0p0d-f.js`);let t=require(`class-variance-authority`),n=require(`react/jsx-runtime`);var r=({className:r,ref:i,...a})=>(0,n.jsx)(e.t.RequiredIndicator,{ref:i,className:(0,t.cx)(`ml-sm`,r),...a});r.displayName=`FormField.RequiredIndicator`,Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=FormFieldRequiredIndicator-CtgkvPZo.js.map

package/dist/FormFieldRequiredIndicator-CtgkvPZo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldRequiredIndicator-CtgkvPZo.js","names":[],"sources":["../src/form-field/FormFieldRequiredIndicator.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport { Ref } from 'react'\n\nimport { Label, LabelRequiredIndicatorProps } from '../label'\n\nexport type FormFieldRequiredIndicatorProps = LabelRequiredIndicatorProps & {\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const FormFieldRequiredIndicator = ({\n  className,\n  ref,\n  ...props\n}: FormFieldRequiredIndicatorProps) => {\n  return <Label.RequiredIndicator ref={ref} className={cx('ml-sm', className)} {...props} />\n}\n\nFormFieldRequiredIndicator.displayName = 'FormField.RequiredIndicator'\n"],"mappings":"+IASA,IAAa,GAA8B,CACzC,YACA,MACA,GAAG,MAEI,EAAA,EAAA,KAAC,EAAA,EAAM,kBAAP,CAA8B,MAAK,WAAA,EAAA,EAAA,IAAc,QAAS,EAAU,CAAE,GAAI,EAAS,CAAA,CAG5F,EAA2B,YAAc"}

package/dist/FormFieldRequiredIndicator-DOGQ_HxO.mjs

@@ -0,0 +1,14 @@
+import { t as e } from "./label-BqRlrca0.mjs";
+import { cx as t } from "class-variance-authority";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/form-field/FormFieldRequiredIndicator.tsx
+var r = ({ className: r, ref: i, ...a }) => /* @__PURE__ */ n(e.RequiredIndicator, {
+	ref: i,
+	className: t("ml-sm", r),
+	...a
+});
+r.displayName = "FormField.RequiredIndicator";
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=FormFieldRequiredIndicator-DOGQ_HxO.mjs.map

package/dist/FormFieldRequiredIndicator-DOGQ_HxO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldRequiredIndicator-DOGQ_HxO.mjs","names":[],"sources":["../src/form-field/FormFieldRequiredIndicator.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport { Ref } from 'react'\n\nimport { Label, LabelRequiredIndicatorProps } from '../label'\n\nexport type FormFieldRequiredIndicatorProps = LabelRequiredIndicatorProps & {\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const FormFieldRequiredIndicator = ({\n  className,\n  ref,\n  ...props\n}: FormFieldRequiredIndicatorProps) => {\n  return <Label.RequiredIndicator ref={ref} className={cx('ml-sm', className)} {...props} />\n}\n\nFormFieldRequiredIndicator.displayName = 'FormField.RequiredIndicator'\n"],"mappings":";;;;AASA,IAAa,KAA8B,EACzC,cACA,QACA,GAAG,QAEI,kBAAC,EAAM,mBAAP;CAA8B;CAAK,WAAW,EAAG,SAAS,EAAU;CAAE,GAAI;CAAS,CAAA;AAG5F,EAA2B,cAAc"}

package/dist/accordion/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("@base-ui/react/accordion"),a=require("class-variance-authority"),x=require("react"),f=require("../Slot-DQ8z2zsy.js"),N=require("@spark-ui/icons/ArrowHorizontalDown"),j=require("../Icon-C-cNTnzd.js");function d(e,o){const t=e?f.Slot:o;return e?({...r})=>n.jsx(t,{...r}):void 0}const h=x.createContext(null),b=({asChild:e=!1,children:o,design:t="outlined",hiddenUntilFound:r=!0,multiple:c=!1,className:i,ref:l,...v})=>{const y=d(e,"div");return n.jsx(h.Provider,{value:{design:t},children:n.jsx(s.Accordion.Root,{"data-spark-component":"accordion",ref:l,multiple:c,hiddenUntilFound:r,className:a.cx("bg-surface h-fit rounded-lg",i),render:y,...v,children:o})})};b.displayName="Accordion";const I=()=>{const e=x.useContext(h);if(!e)throw Error("useAccordionContext must be used within a Accordion provider");return e},u=({asChild:e=!1,className:o,children:t,ref:r,...c})=>{const i=I(),l=d(e,"div");return n.jsx(s.Accordion.Item,{ref:r,"data-spark-component":"accordion-item",render:l,className:a.cx("relative first:rounded-t-lg last:rounded-b-lg","not-last:border-b-0",{"border-sm border-outline":i.design==="outlined"},o),...c,children:t})};u.displayName="Accordion.Item";const m=({asChild:e=!1,className:o,children:t,ref:r,...c})=>{const i=d(e,"div");return n.jsx(s.Accordion.Panel,{ref:r,"data-spark-component":"accordion-item-content",className:a.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:i,...c,children:t})};m.displayName="Accordion.ItemContent";const p=({asChild:e=!1,children:o,className:t,ref:r})=>{const c=e?f.Slot:"h3";return n.jsx(c,{ref:r,"data-spark-component":"accordion-item-header",className:a.cx("rounded-[inherit]",t),children:o})};p.displayName="Accordion.ItemHeader";const g=({asChild:e=!1,children:o,className:t,ref:r,...c})=>{const i=d(e,"button");return n.jsxs(s.Accordion.Trigger,{ref:r,"data-spark-component":"accordion-item-trigger",render:i,className:a.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),...c,children:[n.jsx("div",{className:"gap-lg flex grow items-center",children:o}),n.jsx(j.Icon,{intent:"neutral",className:a.cx("shrink-0 rotate-0 duration-100 ease-in motion-reduce:transition-none","group-data-[panel-open]:rotate-180"),size:"sm",children:n.jsx(N.ArrowHorizontalDown,{})})]})};g.displayName="Accordion.ItemTrigger";const A=Object.assign(b,{Item:u,ItemHeader:p,ItemTrigger:g,ItemContent:m});A.displayName="Accordion";u.displayName="Item";p.displayName="ItemHeader";g.displayName="Accordion.Trigger";m.displayName="Accordion.Content";exports.Accordion=A;
-//# sourceMappingURL=index.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-C91j1N6u.js`);const e=require(`../slot/index.js`),t=require(`../icon-CRPcdgYp.js`);let n=require(`@base-ui/react/accordion`),r=require(`class-variance-authority`),i=require(`react`),a=require(`react/jsx-runtime`),o=require(`@spark-ui/icons/ArrowHorizontalDown`);function s(t,n){let r=t?e.Slot:n;return t?({...e})=>(0,a.jsx)(r,{...e}):void 0}var c=(0,i.createContext)(null),l=({asChild:e=!1,children:t,design:i=`outlined`,hiddenUntilFound:o=!0,multiple:l=!1,className:u,ref:d,...f})=>{let p=s(e,`div`);return(0,a.jsx)(c.Provider,{value:{design:i},children:(0,a.jsx)(n.Accordion.Root,{"data-spark-component":`accordion`,ref:d,multiple:l,hiddenUntilFound:o,className:(0,r.cx)(`bg-surface h-fit rounded-lg`,u),render:p,...f,children:t})})};l.displayName=`Accordion`;var u=()=>{let e=(0,i.useContext)(c);if(!e)throw Error(`useAccordionContext must be used within a Accordion provider`);return e},d=({asChild:e=!1,className:t,children:i,ref:o,...c})=>{let l=u(),d=s(e,`div`);return(0,a.jsx)(n.Accordion.Item,{ref:o,"data-spark-component":`accordion-item`,render:d,className:(0,r.cx)(`relative first:rounded-t-lg last:rounded-b-lg`,`not-last:border-b-0`,{"border-sm border-outline":l.design===`outlined`},t),...c,children:i})};d.displayName=`Accordion.Item`;var f=({asChild:e=!1,className:t,children:i,ref:o,...c})=>{let l=s(e,`div`);return(0,a.jsx)(n.Accordion.Panel,{ref:o,"data-spark-component":`accordion-item-content`,className:(0,r.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`,t),render:l,...c,children:i})};f.displayName=`Accordion.ItemContent`;var p=({asChild:t=!1,children:n,className:i,ref:o})=>(0,a.jsx)(t?e.Slot:`h3`,{ref:o,"data-spark-component":`accordion-item-header`,className:(0,r.cx)(`rounded-[inherit]`,i),children:n});p.displayName=`Accordion.ItemHeader`;var m=({asChild:e=!1,children:i,className:c,ref:l,...u})=>{let d=s(e,`button`);return(0,a.jsxs)(n.Accordion.Trigger,{ref:l,"data-spark-component":`accordion-item-trigger`,render:d,className:(0,r.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`,c),...u,children:[(0,a.jsx)(`div`,{className:`gap-lg flex grow items-center`,children:i}),(0,a.jsx)(t.t,{intent:`neutral`,className:(0,r.cx)(`shrink-0 rotate-0 duration-100 ease-in motion-reduce:transition-none`,`group-data-[panel-open]:rotate-180`),size:`sm`,children:(0,a.jsx)(o.ArrowHorizontalDown,{})})]})};m.displayName=`Accordion.ItemTrigger`;var h=Object.assign(l,{Item:d,ItemHeader:p,ItemTrigger:m,ItemContent:f});h.displayName=`Accordion`,d.displayName=`Item`,p.displayName=`ItemHeader`,m.displayName=`Accordion.Trigger`,f.displayName=`Accordion.Content`,exports.Accordion=h;
+//# sourceMappingURL=index.js.map

package/dist/accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/accordion/useRenderSlot.tsx","../../src/accordion/Accordion.tsx","../../src/accordion/AccordionItem.tsx","../../src/accordion/AccordionItemContent.tsx","../../src/accordion/AccordionItemHeader.tsx","../../src/accordion/AccordionItemTrigger.tsx","../../src/accordion/index.ts"],"sourcesContent":["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 { Accordion as BaseAccordion } from '@base-ui/react/accordion'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps, createContext, Ref, useContext } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\ntype ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Root>, 'multiple' | 'render'>\n\nexport interface AccordionProps extends ExtentedZagInterface {\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   * Whether the accordion items are disabled\n   */\n  disabled?: boolean\n  /**\n   * Whether multiple items can be open at the same time.\n   */\n  multiple?: boolean\n  design?: 'filled' | 'outlined'\n  ref?: Ref<HTMLDivElement>\n}\n\nconst AccordionContext = createContext<{\n  design: 'filled' | 'outlined'\n} | null>(null)\n\nexport const Accordion = ({\n  asChild = false,\n  children,\n  design = 'outlined',\n  hiddenUntilFound = true,\n  multiple = false,\n  className,\n  ref,\n  ...props\n}: AccordionProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <AccordionContext.Provider value={{ design }}>\n      <BaseAccordion.Root\n        data-spark-component=\"accordion\"\n        ref={ref}\n        multiple={multiple}\n        hiddenUntilFound={hiddenUntilFound}\n        className={cx('bg-surface h-fit rounded-lg', className)}\n        render={renderSlot}\n        {...props}\n      >\n        {children}\n      </BaseAccordion.Root>\n    </AccordionContext.Provider>\n  )\n}\n\nAccordion.displayName = 'Accordion'\n\nexport const useAccordionContext = () => {\n  const context = useContext(AccordionContext)\n\n  if (!context) {\n    throw Error('useAccordionContext must be used within a Accordion provider')\n  }\n\n  return context\n}\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, Ref } from 'react'\n\nimport { useAccordionContext } from './Accordion'\nimport { useRenderSlot } from './useRenderSlot'\n\ntype ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Item>, 'render'>\n\nexport interface AccordionItemProps extends ExtentedZagInterface {\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Item = ({\n  asChild = false,\n  className,\n  children,\n  ref,\n  ...props\n}: AccordionItemProps) => {\n  const accordion = useAccordionContext()\n\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <BaseAccordion.Item\n      ref={ref}\n      data-spark-component=\"accordion-item\"\n      render={renderSlot}\n      className={cx(\n        'relative first:rounded-t-lg last:rounded-b-lg',\n        'not-last:border-b-0',\n        { 'border-sm border-outline': accordion.design === 'outlined' },\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </BaseAccordion.Item>\n  )\n}\n\nItem.displayName = 'Accordion.Item'\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, Ref } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\ntype ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Panel>, 'render'>\n\nexport interface AccordionItemContentProps extends ExtentedZagInterface {\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const ItemContent = ({\n  asChild = false,\n  className,\n  children,\n  ref,\n  ...props\n}: AccordionItemContentProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <BaseAccordion.Panel\n      ref={ref}\n      data-spark-component=\"accordion-item-content\"\n      className={cx(\n        '[&>:first-child]:p-lg overflow-hidden',\n        'h-[var(--accordion-panel-height)] transition-all duration-200 data-[ending-style]:h-0 data-[starting-style]:h-0',\n        'text-body-1 text-on-surface',\n        className\n      )}\n      render={renderSlot}\n      {...props}\n    >\n      {children}\n    </BaseAccordion.Panel>\n  )\n}\n\nItemContent.displayName = 'Accordion.ItemContent'\n","import { cx } from 'class-variance-authority'\nimport { type ComponentProps, Ref } from 'react'\n\nimport { Slot } from '../slot'\n\nexport interface AccordionItemHeaderProps extends ComponentProps<'h3'> {\n  asChild?: boolean\n  ref?: Ref<HTMLHeadingElement>\n}\n\nexport const ItemHeader = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n}: AccordionItemHeaderProps) => {\n  const Component = asChild ? Slot : 'h3'\n\n  return (\n    <Component\n      ref={ref}\n      data-spark-component=\"accordion-item-header\"\n      className={cx('rounded-[inherit]', className)}\n    >\n      {children}\n    </Component>\n  )\n}\n\nItemHeader.displayName = 'Accordion.ItemHeader'\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion'\nimport { ArrowHorizontalDown } from '@spark-ui/icons/ArrowHorizontalDown'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { useRenderSlot } from './useRenderSlot'\n\ntype ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Trigger>, 'render'>\n\nexport interface AccordionItemTriggerProps extends ExtentedZagInterface {\n  asChild?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const ItemTrigger = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n  ...props\n}: AccordionItemTriggerProps) => {\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return (\n    <BaseAccordion.Trigger\n      ref={ref}\n      data-spark-component=\"accordion-item-trigger\"\n      render={renderSlot}\n      className={cx(\n        'group',\n        'gap-lg min-h-sz-48 relative flex items-center justify-between',\n        'px-lg py-md text-headline-2 text-on-surface data-[panel-open]:rounded-b-0 w-full rounded-[inherit] text-left',\n        'hover:enabled:bg-surface-hovered focus:bg-surface-hovered',\n        'focus-visible:u-outline focus-visible:z-raised focus-visible:outline-hidden',\n        'disabled:opacity-dim-3 cursor-pointer disabled:cursor-not-allowed',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"gap-lg flex grow items-center\">{children}</div>\n      <Icon\n        intent=\"neutral\"\n        className={cx(\n          'shrink-0 rotate-0 duration-100 ease-in motion-reduce:transition-none',\n          'group-data-[panel-open]:rotate-180'\n        )}\n        size=\"sm\"\n      >\n        <ArrowHorizontalDown />\n      </Icon>\n    </BaseAccordion.Trigger>\n  )\n}\n\nItemTrigger.displayName = 'Accordion.ItemTrigger'\n","import { Accordion as Root } from './Accordion'\nimport { Item } from './AccordionItem'\nimport { ItemContent } from './AccordionItemContent'\nimport { ItemHeader } from './AccordionItemHeader'\nimport { ItemTrigger } from './AccordionItemTrigger'\n\nexport const Accordion: typeof Root & {\n  Item: typeof Item\n  ItemHeader: typeof ItemHeader\n  ItemTrigger: typeof ItemTrigger\n  ItemContent: typeof ItemContent\n} = Object.assign(Root, {\n  Item,\n  ItemHeader,\n  ItemTrigger,\n  ItemContent,\n})\n\nAccordion.displayName = 'Accordion'\nItem.displayName = 'Item'\nItemHeader.displayName = 'ItemHeader'\nItemTrigger.displayName = 'Accordion.Trigger'\nItemContent.displayName = 'Accordion.Content'\n\nexport { type AccordionProps } from './Accordion'\nexport { type AccordionItemHeaderProps } from './AccordionItemHeader'\nexport { type AccordionItemContentProps } from './AccordionItemContent'\nexport { type AccordionItemTriggerProps } from './AccordionItemTrigger'\n"],"names":["useRenderSlot","asChild","defaultTag","Component","Slot","props","jsx","AccordionContext","createContext","Accordion","children","design","hiddenUntilFound","multiple","className","ref","renderSlot","BaseAccordion","cx","useAccordionContext","context","useContext","Item","accordion","ItemContent","ItemHeader","ItemTrigger","jsxs","Icon","ArrowHorizontalDown","Root"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/accordion/useRenderSlot.tsx","../../src/accordion/Accordion.tsx","../../src/accordion/AccordionItem.tsx","../../src/accordion/AccordionItemContent.tsx","../../src/accordion/AccordionItemHeader.tsx","../../src/accordion/AccordionItemTrigger.tsx","../../src/accordion/index.ts"],"sourcesContent":["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 { Accordion as BaseAccordion } from '@base-ui/react/accordion'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps, createContext, Ref, useContext } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\ntype ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Root>, 'multiple' | 'render'>\n\nexport interface AccordionProps extends ExtentedZagInterface {\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   * Whether the accordion items are disabled\n   */\n  disabled?: boolean\n  /**\n   * Whether multiple items can be open at the same time.\n   */\n  multiple?: boolean\n  design?: 'filled' | 'outlined'\n  ref?: Ref<HTMLDivElement>\n}\n\nconst AccordionContext = createContext<{\n  design: 'filled' | 'outlined'\n} | null>(null)\n\nexport const Accordion = ({\n  asChild = false,\n  children,\n  design = 'outlined',\n  hiddenUntilFound = true,\n  multiple = false,\n  className,\n  ref,\n  ...props\n}: AccordionProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <AccordionContext.Provider value={{ design }}>\n      <BaseAccordion.Root\n        data-spark-component=\"accordion\"\n        ref={ref}\n        multiple={multiple}\n        hiddenUntilFound={hiddenUntilFound}\n        className={cx('bg-surface h-fit rounded-lg', className)}\n        render={renderSlot}\n        {...props}\n      >\n        {children}\n      </BaseAccordion.Root>\n    </AccordionContext.Provider>\n  )\n}\n\nAccordion.displayName = 'Accordion'\n\nexport const useAccordionContext = () => {\n  const context = useContext(AccordionContext)\n\n  if (!context) {\n    throw Error('useAccordionContext must be used within a Accordion provider')\n  }\n\n  return context\n}\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, Ref } from 'react'\n\nimport { useAccordionContext } from './Accordion'\nimport { useRenderSlot } from './useRenderSlot'\n\ntype ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Item>, 'render'>\n\nexport interface AccordionItemProps extends ExtentedZagInterface {\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Item = ({\n  asChild = false,\n  className,\n  children,\n  ref,\n  ...props\n}: AccordionItemProps) => {\n  const accordion = useAccordionContext()\n\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <BaseAccordion.Item\n      ref={ref}\n      data-spark-component=\"accordion-item\"\n      render={renderSlot}\n      className={cx(\n        'relative first:rounded-t-lg last:rounded-b-lg',\n        'not-last:border-b-0',\n        { 'border-sm border-outline': accordion.design === 'outlined' },\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </BaseAccordion.Item>\n  )\n}\n\nItem.displayName = 'Accordion.Item'\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, Ref } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\ntype ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Panel>, 'render'>\n\nexport interface AccordionItemContentProps extends ExtentedZagInterface {\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const ItemContent = ({\n  asChild = false,\n  className,\n  children,\n  ref,\n  ...props\n}: AccordionItemContentProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <BaseAccordion.Panel\n      ref={ref}\n      data-spark-component=\"accordion-item-content\"\n      className={cx(\n        '[&>:first-child]:p-lg overflow-hidden',\n        'h-[var(--accordion-panel-height)] transition-all duration-200 data-[ending-style]:h-0 data-[starting-style]:h-0',\n        'text-body-1 text-on-surface',\n        className\n      )}\n      render={renderSlot}\n      {...props}\n    >\n      {children}\n    </BaseAccordion.Panel>\n  )\n}\n\nItemContent.displayName = 'Accordion.ItemContent'\n","import { cx } from 'class-variance-authority'\nimport { type ComponentProps, Ref } from 'react'\n\nimport { Slot } from '../slot'\n\nexport interface AccordionItemHeaderProps extends ComponentProps<'h3'> {\n  asChild?: boolean\n  ref?: Ref<HTMLHeadingElement>\n}\n\nexport const ItemHeader = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n}: AccordionItemHeaderProps) => {\n  const Component = asChild ? Slot : 'h3'\n\n  return (\n    <Component\n      ref={ref}\n      data-spark-component=\"accordion-item-header\"\n      className={cx('rounded-[inherit]', className)}\n    >\n      {children}\n    </Component>\n  )\n}\n\nItemHeader.displayName = 'Accordion.ItemHeader'\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion'\nimport { ArrowHorizontalDown } from '@spark-ui/icons/ArrowHorizontalDown'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { useRenderSlot } from './useRenderSlot'\n\ntype ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Trigger>, 'render'>\n\nexport interface AccordionItemTriggerProps extends ExtentedZagInterface {\n  asChild?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const ItemTrigger = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n  ...props\n}: AccordionItemTriggerProps) => {\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return (\n    <BaseAccordion.Trigger\n      ref={ref}\n      data-spark-component=\"accordion-item-trigger\"\n      render={renderSlot}\n      className={cx(\n        'group',\n        'gap-lg min-h-sz-48 relative flex items-center justify-between',\n        'px-lg py-md text-headline-2 text-on-surface data-[panel-open]:rounded-b-0 w-full rounded-[inherit] text-left',\n        'hover:enabled:bg-surface-hovered focus:bg-surface-hovered',\n        'focus-visible:u-outline focus-visible:z-raised focus-visible:outline-hidden',\n        'disabled:opacity-dim-3 cursor-pointer disabled:cursor-not-allowed',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"gap-lg flex grow items-center\">{children}</div>\n      <Icon\n        intent=\"neutral\"\n        className={cx(\n          'shrink-0 rotate-0 duration-100 ease-in motion-reduce:transition-none',\n          'group-data-[panel-open]:rotate-180'\n        )}\n        size=\"sm\"\n      >\n        <ArrowHorizontalDown />\n      </Icon>\n    </BaseAccordion.Trigger>\n  )\n}\n\nItemTrigger.displayName = 'Accordion.ItemTrigger'\n","import { Accordion as Root } from './Accordion'\nimport { Item } from './AccordionItem'\nimport { ItemContent } from './AccordionItemContent'\nimport { ItemHeader } from './AccordionItemHeader'\nimport { ItemTrigger } from './AccordionItemTrigger'\n\nexport const Accordion: typeof Root & {\n  Item: typeof Item\n  ItemHeader: typeof ItemHeader\n  ItemTrigger: typeof ItemTrigger\n  ItemContent: typeof ItemContent\n} = Object.assign(Root, {\n  Item,\n  ItemHeader,\n  ItemTrigger,\n  ItemContent,\n})\n\nAccordion.displayName = 'Accordion'\nItem.displayName = 'Item'\nItemHeader.displayName = 'ItemHeader'\nItemTrigger.displayName = 'Accordion.Trigger'\nItemContent.displayName = 'Accordion.Content'\n\nexport { type AccordionProps } from './Accordion'\nexport { type AccordionItemHeaderProps } from './AccordionItemHeader'\nexport { type AccordionItemContentProps } from './AccordionItemContent'\nexport { type AccordionItemTriggerProps } from './AccordionItemTrigger'\n"],"mappings":"2VAEA,SAAgB,EAAc,EAAkB,EAAoB,CAClE,IAAM,EAAY,EAAU,EAAA,KAAO,EAEnC,OAAO,GAAW,CAAE,GAAG,MAAY,EAAA,EAAA,KAAC,EAAD,CAAW,GAAI,EAAS,CAAA,CAAG,IAAA,GCoBhE,IAAM,GAAA,EAAA,EAAA,eAEI,KAAK,CAEF,GAAa,CACxB,UAAU,GACV,WACA,SAAS,WACT,mBAAmB,GACnB,WAAW,GACX,YACA,MACA,GAAG,KACiB,CACpB,IAAM,EAAa,EAAc,EAAS,MAAM,CAEhD,OACE,EAAA,EAAA,KAAC,EAAiB,SAAlB,CAA2B,MAAO,CAAE,SAAQ,WAC1C,EAAA,EAAA,KAAC,EAAA,UAAc,KAAf,CACE,uBAAqB,YAChB,MACK,WACQ,mBAClB,WAAA,EAAA,EAAA,IAAc,8BAA+B,EAAU,CACvD,OAAQ,EACR,GAAI,EAEH,WACkB,CAAA,CACK,CAAA,EAIhC,EAAU,YAAc,YAExB,IAAa,MAA4B,CACvC,IAAM,GAAA,EAAA,EAAA,YAAqB,EAAiB,CAE5C,GAAI,CAAC,EACH,MAAM,MAAM,+DAA+D,CAG7E,OAAO,GCrDI,GAAQ,CACnB,UAAU,GACV,YACA,WACA,MACA,GAAG,KACqB,CACxB,IAAM,EAAY,GAAqB,CAEjC,EAAa,EAAc,EAAS,MAAM,CAEhD,OACE,EAAA,EAAA,KAAC,EAAA,UAAc,KAAf,CACO,MACL,uBAAqB,iBACrB,OAAQ,EACR,WAAA,EAAA,EAAA,IACE,gDACA,sBACA,CAAE,2BAA4B,EAAU,SAAW,WAAY,CAC/D,EACD,CACD,GAAI,EAEH,WACkB,CAAA,EAIzB,EAAK,YAAc,iBC9BnB,IAAa,GAAe,CAC1B,UAAU,GACV,YACA,WACA,MACA,GAAG,KAC4B,CAC/B,IAAM,EAAa,EAAc,EAAS,MAAM,CAEhD,OACE,EAAA,EAAA,KAAC,EAAA,UAAc,MAAf,CACO,MACL,uBAAqB,yBACrB,WAAA,EAAA,EAAA,IACE,wCACA,kHACA,8BACA,EACD,CACD,OAAQ,EACR,GAAI,EAEH,WACmB,CAAA,EAI1B,EAAY,YAAc,wBC9B1B,IAAa,GAAc,CACzB,UAAU,GACV,WACA,YACA,UAKE,EAAA,EAAA,KAHgB,EAAU,EAAA,KAAO,KAGjC,CACO,MACL,uBAAqB,wBACrB,WAAA,EAAA,EAAA,IAAc,oBAAqB,EAAU,CAE5C,WACS,CAAA,CAIhB,EAAW,YAAc,uBCdzB,IAAa,GAAe,CAC1B,UAAU,GACV,WACA,YACA,MACA,GAAG,KAC4B,CAC/B,IAAM,EAAa,EAAc,EAAS,SAAS,CAEnD,OACE,EAAA,EAAA,MAAC,EAAA,UAAc,QAAf,CACO,MACL,uBAAqB,yBACrB,OAAQ,EACR,WAAA,EAAA,EAAA,IACE,QACA,gEACA,+GACA,4DACA,8EACA,oEACA,EACD,CACD,GAAI,WAbN,EAeE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,gCAAiC,WAAe,CAAA,EAC/D,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,OAAO,UACP,WAAA,EAAA,EAAA,IACE,uEACA,qCACD,CACD,KAAK,eAEL,EAAA,EAAA,KAAC,EAAA,oBAAD,EAAuB,CAAA,CAClB,CAAA,CACe,IAI5B,EAAY,YAAc,wBCjD1B,IAAa,EAKT,OAAO,OAAO,EAAM,CACtB,OACA,aACA,cACA,cACD,CAAC,CAEF,EAAU,YAAc,YACxB,EAAK,YAAc,OACnB,EAAW,YAAc,aACzB,EAAY,YAAc,oBAC1B,EAAY,YAAc"}

package/dist/accordion/index.mjs

@@ -1,167 +1,105 @@
-import { jsx as n, jsxs as A } from "react/jsx-runtime";
-import { Accordion as c } from "@base-ui/react/accordion";
-import { cx as d } from "class-variance-authority";
-import { createContext as N, useContext as y } from "react";
-import { S as g } from "../Slot-DLY1rJrG.mjs";
-import { ArrowHorizontalDown as I } from "@spark-ui/icons/ArrowHorizontalDown";
-import { I as C } from "../Icon-BO327oHU.mjs";
-function s(e, o) {
-  const t = e ? g : o;
-  return e ? ({ ...r }) => /* @__PURE__ */ n(t, { ...r }) : void 0;
+import { Slot as e } from "../slot/index.mjs";
+import { t } from "../icon-D05Uqh8_.mjs";
+import { Accordion as n } from "@base-ui/react/accordion";
+import { cx as r } from "class-variance-authority";
+import { createContext as i, useContext as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { ArrowHorizontalDown as c } from "@spark-ui/icons/ArrowHorizontalDown";
+//#region src/accordion/useRenderSlot.tsx
+function l(t, n) {
+	let r = t ? e : n;
+	return t ? ({ ...e }) => /* @__PURE__ */ o(r, { ...e }) : void 0;
 }
-const h = N(null), b = ({
-  asChild: e = !1,
-  children: o,
-  design: t = "outlined",
-  hiddenUntilFound: r = !0,
-  multiple: a = !1,
-  className: i,
-  ref: l,
-  ...v
-}) => {
-  const x = s(e, "div");
-  return /* @__PURE__ */ n(h.Provider, { value: { design: t }, children: /* @__PURE__ */ n(
-    c.Root,
-    {
-      "data-spark-component": "accordion",
-      ref: l,
-      multiple: a,
-      hiddenUntilFound: r,
-      className: d("bg-surface h-fit rounded-lg", i),
-      render: x,
-      ...v,
-      children: o
-    }
-  ) });
+//#endregion
+//#region src/accordion/Accordion.tsx
+var u = i(null), d = ({ asChild: e = !1, children: t, design: i = "outlined", hiddenUntilFound: a = !0, multiple: s = !1, className: c, ref: d, ...f }) => {
+	let p = l(e, "div");
+	return /* @__PURE__ */ o(u.Provider, {
+		value: { design: i },
+		children: /* @__PURE__ */ o(n.Root, {
+			"data-spark-component": "accordion",
+			ref: d,
+			multiple: s,
+			hiddenUntilFound: a,
+			className: r("bg-surface h-fit rounded-lg", c),
+			render: p,
+			...f,
+			children: t
+		})
+	});
 };
-b.displayName = "Accordion";
-const w = () => {
-  const e = y(h);
-  if (!e)
-    throw Error("useAccordionContext must be used within a Accordion provider");
-  return e;
-}, m = ({
-  asChild: e = !1,
-  className: o,
-  children: t,
-  ref: r,
-  ...a
-}) => {
-  const i = w(), l = s(e, "div");
-  return /* @__PURE__ */ n(
-    c.Item,
-    {
-      ref: r,
-      "data-spark-component": "accordion-item",
-      render: l,
-      className: d(
-        "relative first:rounded-t-lg last:rounded-b-lg",
-        "not-last:border-b-0",
-        { "border-sm border-outline": i.design === "outlined" },
-        o
-      ),
-      ...a,
-      children: t
-    }
-  );
+d.displayName = "Accordion";
+var f = () => {
+	let e = a(u);
+	if (!e) throw Error("useAccordionContext must be used within a Accordion provider");
+	return e;
+}, p = ({ asChild: e = !1, className: t, children: i, ref: a, ...s }) => {
+	let c = f(), u = l(e, "div");
+	return /* @__PURE__ */ o(n.Item, {
+		ref: a,
+		"data-spark-component": "accordion-item",
+		render: u,
+		className: r("relative first:rounded-t-lg last:rounded-b-lg", "not-last:border-b-0", { "border-sm border-outline": c.design === "outlined" }, t),
+		...s,
+		children: i
+	});
 };
-m.displayName = "Accordion.Item";
-const u = ({
-  asChild: e = !1,
-  className: o,
-  children: t,
-  ref: r,
-  ...a
-}) => {
-  const i = s(e, "div");
-  return /* @__PURE__ */ n(
-    c.Panel,
-    {
-      ref: r,
-      "data-spark-component": "accordion-item-content",
-      className: d(
-        "[&>: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: i,
-      ...a,
-      children: t
-    }
-  );
+p.displayName = "Accordion.Item";
+//#endregion
+//#region src/accordion/AccordionItemContent.tsx
+var m = ({ asChild: e = !1, className: t, children: i, ref: a, ...s }) => {
+	let c = l(e, "div");
+	return /* @__PURE__ */ o(n.Panel, {
+		ref: a,
+		"data-spark-component": "accordion-item-content",
+		className: r("[&>: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", t),
+		render: c,
+		...s,
+		children: i
+	});
 };
-u.displayName = "Accordion.ItemContent";
-const p = ({
-  asChild: e = !1,
-  children: o,
-  className: t,
-  ref: r
-}) => /* @__PURE__ */ n(
-  e ? g : "h3",
-  {
-    ref: r,
-    "data-spark-component": "accordion-item-header",
-    className: d("rounded-[inherit]", t),
-    children: o
-  }
-);
-p.displayName = "Accordion.ItemHeader";
-const f = ({
-  asChild: e = !1,
-  children: o,
-  className: t,
-  ref: r,
-  ...a
-}) => {
-  const i = s(e, "button");
-  return /* @__PURE__ */ A(
-    c.Trigger,
-    {
-      ref: r,
-      "data-spark-component": "accordion-item-trigger",
-      render: i,
-      className: d(
-        "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
-      ),
-      ...a,
-      children: [
-        /* @__PURE__ */ n("div", { className: "gap-lg flex grow items-center", children: o }),
-        /* @__PURE__ */ n(
-          C,
-          {
-            intent: "neutral",
-            className: d(
-              "shrink-0 rotate-0 duration-100 ease-in motion-reduce:transition-none",
-              "group-data-[panel-open]:rotate-180"
-            ),
-            size: "sm",
-            children: /* @__PURE__ */ n(I, {})
-          }
-        )
-      ]
-    }
-  );
-};
-f.displayName = "Accordion.ItemTrigger";
-const S = Object.assign(b, {
-  Item: m,
-  ItemHeader: p,
-  ItemTrigger: f,
-  ItemContent: u
+m.displayName = "Accordion.ItemContent";
+//#endregion
+//#region src/accordion/AccordionItemHeader.tsx
+var h = ({ asChild: t = !1, children: n, className: i, ref: a }) => /* @__PURE__ */ o(t ? e : "h3", {
+	ref: a,
+	"data-spark-component": "accordion-item-header",
+	className: r("rounded-[inherit]", i),
+	children: n
 });
-S.displayName = "Accordion";
-m.displayName = "Item";
-p.displayName = "ItemHeader";
-f.displayName = "Accordion.Trigger";
-u.displayName = "Accordion.Content";
-export {
-  S as Accordion
+h.displayName = "Accordion.ItemHeader";
+//#endregion
+//#region src/accordion/AccordionItemTrigger.tsx
+var g = ({ asChild: e = !1, children: i, className: a, ref: u, ...d }) => {
+	let f = l(e, "button");
+	return /* @__PURE__ */ s(n.Trigger, {
+		ref: u,
+		"data-spark-component": "accordion-item-trigger",
+		render: f,
+		className: r("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", a),
+		...d,
+		children: [/* @__PURE__ */ o("div", {
+			className: "gap-lg flex grow items-center",
+			children: i
+		}), /* @__PURE__ */ o(t, {
+			intent: "neutral",
+			className: r("shrink-0 rotate-0 duration-100 ease-in motion-reduce:transition-none", "group-data-[panel-open]:rotate-180"),
+			size: "sm",
+			children: /* @__PURE__ */ o(c, {})
+		})]
+	});
 };
-//# sourceMappingURL=index.mjs.map
+g.displayName = "Accordion.ItemTrigger";
+//#endregion
+//#region src/accordion/index.ts
+var _ = Object.assign(d, {
+	Item: p,
+	ItemHeader: h,
+	ItemTrigger: g,
+	ItemContent: m
+});
+_.displayName = "Accordion", p.displayName = "Item", h.displayName = "ItemHeader", g.displayName = "Accordion.Trigger", m.displayName = "Accordion.Content";
+//#endregion
+export { _ as Accordion };
+
+//# sourceMappingURL=index.mjs.map

package/dist/accordion/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/accordion/useRenderSlot.tsx","../../src/accordion/Accordion.tsx","../../src/accordion/AccordionItem.tsx","../../src/accordion/AccordionItemContent.tsx","../../src/accordion/AccordionItemHeader.tsx","../../src/accordion/AccordionItemTrigger.tsx","../../src/accordion/index.ts"],"sourcesContent":["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 { Accordion as BaseAccordion } from '@base-ui/react/accordion'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps, createContext, Ref, useContext } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\ntype ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Root>, 'multiple' | 'render'>\n\nexport interface AccordionProps extends ExtentedZagInterface {\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   * Whether the accordion items are disabled\n   */\n  disabled?: boolean\n  /**\n   * Whether multiple items can be open at the same time.\n   */\n  multiple?: boolean\n  design?: 'filled' | 'outlined'\n  ref?: Ref<HTMLDivElement>\n}\n\nconst AccordionContext = createContext<{\n  design: 'filled' | 'outlined'\n} | null>(null)\n\nexport const Accordion = ({\n  asChild = false,\n  children,\n  design = 'outlined',\n  hiddenUntilFound = true,\n  multiple = false,\n  className,\n  ref,\n  ...props\n}: AccordionProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <AccordionContext.Provider value={{ design }}>\n      <BaseAccordion.Root\n        data-spark-component=\"accordion\"\n        ref={ref}\n        multiple={multiple}\n        hiddenUntilFound={hiddenUntilFound}\n        className={cx('bg-surface h-fit rounded-lg', className)}\n        render={renderSlot}\n        {...props}\n      >\n        {children}\n      </BaseAccordion.Root>\n    </AccordionContext.Provider>\n  )\n}\n\nAccordion.displayName = 'Accordion'\n\nexport const useAccordionContext = () => {\n  const context = useContext(AccordionContext)\n\n  if (!context) {\n    throw Error('useAccordionContext must be used within a Accordion provider')\n  }\n\n  return context\n}\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, Ref } from 'react'\n\nimport { useAccordionContext } from './Accordion'\nimport { useRenderSlot } from './useRenderSlot'\n\ntype ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Item>, 'render'>\n\nexport interface AccordionItemProps extends ExtentedZagInterface {\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Item = ({\n  asChild = false,\n  className,\n  children,\n  ref,\n  ...props\n}: AccordionItemProps) => {\n  const accordion = useAccordionContext()\n\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <BaseAccordion.Item\n      ref={ref}\n      data-spark-component=\"accordion-item\"\n      render={renderSlot}\n      className={cx(\n        'relative first:rounded-t-lg last:rounded-b-lg',\n        'not-last:border-b-0',\n        { 'border-sm border-outline': accordion.design === 'outlined' },\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </BaseAccordion.Item>\n  )\n}\n\nItem.displayName = 'Accordion.Item'\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, Ref } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\ntype ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Panel>, 'render'>\n\nexport interface AccordionItemContentProps extends ExtentedZagInterface {\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const ItemContent = ({\n  asChild = false,\n  className,\n  children,\n  ref,\n  ...props\n}: AccordionItemContentProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <BaseAccordion.Panel\n      ref={ref}\n      data-spark-component=\"accordion-item-content\"\n      className={cx(\n        '[&>:first-child]:p-lg overflow-hidden',\n        'h-[var(--accordion-panel-height)] transition-all duration-200 data-[ending-style]:h-0 data-[starting-style]:h-0',\n        'text-body-1 text-on-surface',\n        className\n      )}\n      render={renderSlot}\n      {...props}\n    >\n      {children}\n    </BaseAccordion.Panel>\n  )\n}\n\nItemContent.displayName = 'Accordion.ItemContent'\n","import { cx } from 'class-variance-authority'\nimport { type ComponentProps, Ref } from 'react'\n\nimport { Slot } from '../slot'\n\nexport interface AccordionItemHeaderProps extends ComponentProps<'h3'> {\n  asChild?: boolean\n  ref?: Ref<HTMLHeadingElement>\n}\n\nexport const ItemHeader = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n}: AccordionItemHeaderProps) => {\n  const Component = asChild ? Slot : 'h3'\n\n  return (\n    <Component\n      ref={ref}\n      data-spark-component=\"accordion-item-header\"\n      className={cx('rounded-[inherit]', className)}\n    >\n      {children}\n    </Component>\n  )\n}\n\nItemHeader.displayName = 'Accordion.ItemHeader'\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion'\nimport { ArrowHorizontalDown } from '@spark-ui/icons/ArrowHorizontalDown'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { useRenderSlot } from './useRenderSlot'\n\ntype ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Trigger>, 'render'>\n\nexport interface AccordionItemTriggerProps extends ExtentedZagInterface {\n  asChild?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const ItemTrigger = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n  ...props\n}: AccordionItemTriggerProps) => {\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return (\n    <BaseAccordion.Trigger\n      ref={ref}\n      data-spark-component=\"accordion-item-trigger\"\n      render={renderSlot}\n      className={cx(\n        'group',\n        'gap-lg min-h-sz-48 relative flex items-center justify-between',\n        'px-lg py-md text-headline-2 text-on-surface data-[panel-open]:rounded-b-0 w-full rounded-[inherit] text-left',\n        'hover:enabled:bg-surface-hovered focus:bg-surface-hovered',\n        'focus-visible:u-outline focus-visible:z-raised focus-visible:outline-hidden',\n        'disabled:opacity-dim-3 cursor-pointer disabled:cursor-not-allowed',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"gap-lg flex grow items-center\">{children}</div>\n      <Icon\n        intent=\"neutral\"\n        className={cx(\n          'shrink-0 rotate-0 duration-100 ease-in motion-reduce:transition-none',\n          'group-data-[panel-open]:rotate-180'\n        )}\n        size=\"sm\"\n      >\n        <ArrowHorizontalDown />\n      </Icon>\n    </BaseAccordion.Trigger>\n  )\n}\n\nItemTrigger.displayName = 'Accordion.ItemTrigger'\n","import { Accordion as Root } from './Accordion'\nimport { Item } from './AccordionItem'\nimport { ItemContent } from './AccordionItemContent'\nimport { ItemHeader } from './AccordionItemHeader'\nimport { ItemTrigger } from './AccordionItemTrigger'\n\nexport const Accordion: typeof Root & {\n  Item: typeof Item\n  ItemHeader: typeof ItemHeader\n  ItemTrigger: typeof ItemTrigger\n  ItemContent: typeof ItemContent\n} = Object.assign(Root, {\n  Item,\n  ItemHeader,\n  ItemTrigger,\n  ItemContent,\n})\n\nAccordion.displayName = 'Accordion'\nItem.displayName = 'Item'\nItemHeader.displayName = 'ItemHeader'\nItemTrigger.displayName = 'Accordion.Trigger'\nItemContent.displayName = 'Accordion.Content'\n\nexport { type AccordionProps } from './Accordion'\nexport { type AccordionItemHeaderProps } from './AccordionItemHeader'\nexport { type AccordionItemContentProps } from './AccordionItemContent'\nexport { type AccordionItemTriggerProps } from './AccordionItemTrigger'\n"],"names":["useRenderSlot","asChild","defaultTag","Component","Slot","props","jsx","AccordionContext","createContext","Accordion","children","design","hiddenUntilFound","multiple","className","ref","renderSlot","BaseAccordion","cx","useAccordionContext","context","useContext","Item","accordion","ItemContent","ItemHeader","ItemTrigger","jsxs","Icon","ArrowHorizontalDown","Root"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/accordion/useRenderSlot.tsx","../../src/accordion/Accordion.tsx","../../src/accordion/AccordionItem.tsx","../../src/accordion/AccordionItemContent.tsx","../../src/accordion/AccordionItemHeader.tsx","../../src/accordion/AccordionItemTrigger.tsx","../../src/accordion/index.ts"],"sourcesContent":["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 { Accordion as BaseAccordion } from '@base-ui/react/accordion'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps, createContext, Ref, useContext } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\ntype ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Root>, 'multiple' | 'render'>\n\nexport interface AccordionProps extends ExtentedZagInterface {\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   * Whether the accordion items are disabled\n   */\n  disabled?: boolean\n  /**\n   * Whether multiple items can be open at the same time.\n   */\n  multiple?: boolean\n  design?: 'filled' | 'outlined'\n  ref?: Ref<HTMLDivElement>\n}\n\nconst AccordionContext = createContext<{\n  design: 'filled' | 'outlined'\n} | null>(null)\n\nexport const Accordion = ({\n  asChild = false,\n  children,\n  design = 'outlined',\n  hiddenUntilFound = true,\n  multiple = false,\n  className,\n  ref,\n  ...props\n}: AccordionProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <AccordionContext.Provider value={{ design }}>\n      <BaseAccordion.Root\n        data-spark-component=\"accordion\"\n        ref={ref}\n        multiple={multiple}\n        hiddenUntilFound={hiddenUntilFound}\n        className={cx('bg-surface h-fit rounded-lg', className)}\n        render={renderSlot}\n        {...props}\n      >\n        {children}\n      </BaseAccordion.Root>\n    </AccordionContext.Provider>\n  )\n}\n\nAccordion.displayName = 'Accordion'\n\nexport const useAccordionContext = () => {\n  const context = useContext(AccordionContext)\n\n  if (!context) {\n    throw Error('useAccordionContext must be used within a Accordion provider')\n  }\n\n  return context\n}\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, Ref } from 'react'\n\nimport { useAccordionContext } from './Accordion'\nimport { useRenderSlot } from './useRenderSlot'\n\ntype ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Item>, 'render'>\n\nexport interface AccordionItemProps extends ExtentedZagInterface {\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Item = ({\n  asChild = false,\n  className,\n  children,\n  ref,\n  ...props\n}: AccordionItemProps) => {\n  const accordion = useAccordionContext()\n\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <BaseAccordion.Item\n      ref={ref}\n      data-spark-component=\"accordion-item\"\n      render={renderSlot}\n      className={cx(\n        'relative first:rounded-t-lg last:rounded-b-lg',\n        'not-last:border-b-0',\n        { 'border-sm border-outline': accordion.design === 'outlined' },\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </BaseAccordion.Item>\n  )\n}\n\nItem.displayName = 'Accordion.Item'\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, Ref } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\ntype ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Panel>, 'render'>\n\nexport interface AccordionItemContentProps extends ExtentedZagInterface {\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const ItemContent = ({\n  asChild = false,\n  className,\n  children,\n  ref,\n  ...props\n}: AccordionItemContentProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <BaseAccordion.Panel\n      ref={ref}\n      data-spark-component=\"accordion-item-content\"\n      className={cx(\n        '[&>:first-child]:p-lg overflow-hidden',\n        'h-[var(--accordion-panel-height)] transition-all duration-200 data-[ending-style]:h-0 data-[starting-style]:h-0',\n        'text-body-1 text-on-surface',\n        className\n      )}\n      render={renderSlot}\n      {...props}\n    >\n      {children}\n    </BaseAccordion.Panel>\n  )\n}\n\nItemContent.displayName = 'Accordion.ItemContent'\n","import { cx } from 'class-variance-authority'\nimport { type ComponentProps, Ref } from 'react'\n\nimport { Slot } from '../slot'\n\nexport interface AccordionItemHeaderProps extends ComponentProps<'h3'> {\n  asChild?: boolean\n  ref?: Ref<HTMLHeadingElement>\n}\n\nexport const ItemHeader = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n}: AccordionItemHeaderProps) => {\n  const Component = asChild ? Slot : 'h3'\n\n  return (\n    <Component\n      ref={ref}\n      data-spark-component=\"accordion-item-header\"\n      className={cx('rounded-[inherit]', className)}\n    >\n      {children}\n    </Component>\n  )\n}\n\nItemHeader.displayName = 'Accordion.ItemHeader'\n","import { Accordion as BaseAccordion } from '@base-ui/react/accordion'\nimport { ArrowHorizontalDown } from '@spark-ui/icons/ArrowHorizontalDown'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { useRenderSlot } from './useRenderSlot'\n\ntype ExtentedZagInterface = Omit<ComponentProps<typeof BaseAccordion.Trigger>, 'render'>\n\nexport interface AccordionItemTriggerProps extends ExtentedZagInterface {\n  asChild?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const ItemTrigger = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n  ...props\n}: AccordionItemTriggerProps) => {\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return (\n    <BaseAccordion.Trigger\n      ref={ref}\n      data-spark-component=\"accordion-item-trigger\"\n      render={renderSlot}\n      className={cx(\n        'group',\n        'gap-lg min-h-sz-48 relative flex items-center justify-between',\n        'px-lg py-md text-headline-2 text-on-surface data-[panel-open]:rounded-b-0 w-full rounded-[inherit] text-left',\n        'hover:enabled:bg-surface-hovered focus:bg-surface-hovered',\n        'focus-visible:u-outline focus-visible:z-raised focus-visible:outline-hidden',\n        'disabled:opacity-dim-3 cursor-pointer disabled:cursor-not-allowed',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"gap-lg flex grow items-center\">{children}</div>\n      <Icon\n        intent=\"neutral\"\n        className={cx(\n          'shrink-0 rotate-0 duration-100 ease-in motion-reduce:transition-none',\n          'group-data-[panel-open]:rotate-180'\n        )}\n        size=\"sm\"\n      >\n        <ArrowHorizontalDown />\n      </Icon>\n    </BaseAccordion.Trigger>\n  )\n}\n\nItemTrigger.displayName = 'Accordion.ItemTrigger'\n","import { Accordion as Root } from './Accordion'\nimport { Item } from './AccordionItem'\nimport { ItemContent } from './AccordionItemContent'\nimport { ItemHeader } from './AccordionItemHeader'\nimport { ItemTrigger } from './AccordionItemTrigger'\n\nexport const Accordion: typeof Root & {\n  Item: typeof Item\n  ItemHeader: typeof ItemHeader\n  ItemTrigger: typeof ItemTrigger\n  ItemContent: typeof ItemContent\n} = Object.assign(Root, {\n  Item,\n  ItemHeader,\n  ItemTrigger,\n  ItemContent,\n})\n\nAccordion.displayName = 'Accordion'\nItem.displayName = 'Item'\nItemHeader.displayName = 'ItemHeader'\nItemTrigger.displayName = 'Accordion.Trigger'\nItemContent.displayName = 'Accordion.Content'\n\nexport { type AccordionProps } from './Accordion'\nexport { type AccordionItemHeaderProps } from './AccordionItemHeader'\nexport { type AccordionItemContentProps } from './AccordionItemContent'\nexport { type AccordionItemTriggerProps } from './AccordionItemTrigger'\n"],"mappings":";;;;;;;;AAEA,SAAgB,EAAc,GAAkB,GAAoB;CAClE,IAAM,IAAY,IAAU,IAAO;AAEnC,QAAO,KAAW,EAAE,GAAG,QAAY,kBAAC,GAAD,EAAW,GAAI,GAAS,CAAA,GAAG,KAAA;;;;ACoBhE,IAAM,IAAmB,EAEf,KAAK,EAEF,KAAa,EACxB,aAAU,IACV,aACA,YAAS,YACT,sBAAmB,IACnB,cAAW,IACX,cACA,QACA,GAAG,QACiB;CACpB,IAAM,IAAa,EAAc,GAAS,MAAM;AAEhD,QACE,kBAAC,EAAiB,UAAlB;EAA2B,OAAO,EAAE,WAAQ;YAC1C,kBAAC,EAAc,MAAf;GACE,wBAAqB;GAChB;GACK;GACQ;GAClB,WAAW,EAAG,+BAA+B,EAAU;GACvD,QAAQ;GACR,GAAI;GAEH;GACkB,CAAA;EACK,CAAA;;AAIhC,EAAU,cAAc;AAExB,IAAa,UAA4B;CACvC,IAAM,IAAU,EAAW,EAAiB;AAE5C,KAAI,CAAC,EACH,OAAM,MAAM,+DAA+D;AAG7E,QAAO;GCrDI,KAAQ,EACnB,aAAU,IACV,cACA,aACA,QACA,GAAG,QACqB;CACxB,IAAM,IAAY,GAAqB,EAEjC,IAAa,EAAc,GAAS,MAAM;AAEhD,QACE,kBAAC,EAAc,MAAf;EACO;EACL,wBAAqB;EACrB,QAAQ;EACR,WAAW,EACT,iDACA,uBACA,EAAE,4BAA4B,EAAU,WAAW,YAAY,EAC/D,EACD;EACD,GAAI;EAEH;EACkB,CAAA;;AAIzB,EAAK,cAAc;;;AC9BnB,IAAa,KAAe,EAC1B,aAAU,IACV,cACA,aACA,QACA,GAAG,QAC4B;CAC/B,IAAM,IAAa,EAAc,GAAS,MAAM;AAEhD,QACE,kBAAC,EAAc,OAAf;EACO;EACL,wBAAqB;EACrB,WAAW,EACT,yCACA,mHACA,+BACA,EACD;EACD,QAAQ;EACR,GAAI;EAEH;EACmB,CAAA;;AAI1B,EAAY,cAAc;;;AC9B1B,IAAa,KAAc,EACzB,aAAU,IACV,aACA,cACA,aAKE,kBAHgB,IAAU,IAAO,MAGjC;CACO;CACL,wBAAqB;CACrB,WAAW,EAAG,qBAAqB,EAAU;CAE5C;CACS,CAAA;AAIhB,EAAW,cAAc;;;ACdzB,IAAa,KAAe,EAC1B,aAAU,IACV,aACA,cACA,QACA,GAAG,QAC4B;CAC/B,IAAM,IAAa,EAAc,GAAS,SAAS;AAEnD,QACE,kBAAC,EAAc,SAAf;EACO;EACL,wBAAqB;EACrB,QAAQ;EACR,WAAW,EACT,SACA,iEACA,gHACA,6DACA,+EACA,qEACA,EACD;EACD,GAAI;YAbN,CAeE,kBAAC,OAAD;GAAK,WAAU;GAAiC;GAAe,CAAA,EAC/D,kBAAC,GAAD;GACE,QAAO;GACP,WAAW,EACT,wEACA,qCACD;GACD,MAAK;aAEL,kBAAC,GAAD,EAAuB,CAAA;GAClB,CAAA,CACe;;;AAI5B,EAAY,cAAc;;;ACjD1B,IAAa,IAKT,OAAO,OAAO,GAAM;CACtB;CACA;CACA;CACA;CACD,CAAC;AAEF,EAAU,cAAc,aACxB,EAAK,cAAc,QACnB,EAAW,cAAc,cACzB,EAAY,cAAc,qBAC1B,EAAY,cAAc"}

package/dist/alert-dialog/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("@base-ui/react/alert-dialog"),d=require("react"),S=require("../Slot-DQ8z2zsy.js"),A=require("@spark-ui/hooks/use-merge-refs"),P=require("@spark-ui/hooks/use-scroll-overflow"),c=require("class-variance-authority"),O=require("../DialogContent.styles-CziMQtYr.js"),y=d.createContext(null),q=({children:e,withFade:t=!1,cancelRef:a})=>l.jsx(y.Provider,{value:{cancelRef:a,withFade:t},children:e}),p=()=>{const e=d.useContext(y);if(!e)throw Error("useAlertDialog must be used within an AlertDialog provider");return e},m=({onOpenChange:e,withFade:t=!1,...a})=>{const o=d.useRef(null),s=e?(n,g)=>{e(n)}:void 0;return l.jsx(q,{withFade:t,cancelRef:o,children:l.jsx(i.AlertDialog.Root,{"data-spark-component":"alert-dialog",onOpenChange:s,...a})})};m.displayName="AlertDialog";function D(e,t){const a=e?S.Slot:t;return e?({...o})=>l.jsx(a,{...o}):void 0}const x=({asChild:e=!1,...t})=>{const a=D(e,"button");return l.jsx(i.AlertDialog.Close,{"data-spark-component":"alert-dialog-action",render:a,...t})};x.displayName="AlertDialog.Action";const f=({children:e,className:t,inset:a=!1,ref:o,...s})=>{const n=d.useRef(null),g=A.useMergeRefs(o,n),{withFade:w}=p(),{overflow:u}=P.useScrollOverflow(n);return l.jsx("div",{"data-spark-component":"alert-dialog-body",ref:g,className:c.cx("focus-visible:u-outline relative grow overflow-y-auto outline-hidden","transition-all duration-300",{"px-xl py-lg":!a},t),style:{...w&&{maskImage:"linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 44px, rgba(0, 0, 0, 1) calc(100% - 44px), rgba(0, 0, 0, 0))",maskSize:`100% calc(100% + ${u.top?"0px":"44px"} + ${u.bottom?"0px":"44px"})`,maskPosition:`0 ${u.top?"0px":"-44px"}`}},...s,children:e})};f.displayName="AlertDialog.Body";const N=({asChild:e=!1,ref:t,...a})=>{const{cancelRef:o}=p(),s=A.useMergeRefs(t,o),n=D(e,"button");return l.jsx(i.AlertDialog.Close,{ref:s,"data-spark-component":"alert-dialog-cancel",render:n,...a})};N.displayName="AlertDialog.Cancel";const v=({className:e,ref:t,initialFocus:a,...o})=>{const{cancelRef:s}=p(),n=a!==void 0?a:()=>s.current;return l.jsx(i.AlertDialog.Popup,{ref:t,"data-spark-component":"alert-dialog-content",role:"alertdialog",className:g=>c.cx(O.dialogContentStyles({size:"md",isNarrow:!0}),"min-w-[min(288px,calc(100vw-2rem))]","transition-all duration-150","data-starting-style:scale-90 data-starting-style:opacity-0","data-ending-style:scale-90 data-ending-style:opacity-0",typeof e=="function"?e(g):e),initialFocus:n,...o})};v.displayName="AlertDialog.Content";const j=e=>l.jsx(i.AlertDialog.Description,{"data-spark-component":"alert-dialog-description",...e});j.displayName="AlertDialog.Description";const C=({children:e,className:t,ref:a,...o})=>l.jsx("footer",{"data-spark-component":"alert-dialog-footer",ref:a,className:c.cx(t,["px-xl","py-lg"]),...o,children:e});C.displayName="AlertDialog.Footer";const b=({children:e,className:t,ref:a,...o})=>l.jsx("header",{"data-spark-component":"alert-dialog-header",ref:a,className:c.cx(t,["px-xl","py-lg"]),...o,children:e});b.displayName="AlertDialog.Header";const k=({className:e,...t})=>l.jsx(i.AlertDialog.Backdrop,{"data-spark-component":"alert-dialog-overlay",className:a=>c.cx("z-overlay fixed top-0 left-0 h-screen w-screen","bg-overlay/dim-1","data-starting-style:animate-fade-in","data-ending-style:animate-fade-out",typeof e=="function"?e(a):e),...t});k.displayName="AlertDialog.Overlay";const R=({className:e,...t})=>l.jsx(i.AlertDialog.Portal,{"data-spark-component":"alert-dialog-portal",className:c.cx(e,"z-modal absolute"),...t});R.displayName="AlertDialog.Portal";const T=({className:e,...t})=>l.jsx(i.AlertDialog.Title,{"data-spark-component":"alert-dialog-title",className:c.cx("text-headline-1 text-on-surface",e),...t});T.displayName="AlertDialog.Title";const h=({asChild:e=!1,...t})=>{const a=D(e,"button");return l.jsx(i.AlertDialog.Trigger,{"data-spark-component":"alert-dialog-trigger",render:a,...t})};h.displayName="AlertDialog.Trigger";const r=Object.assign(m,{Action:x,Body:f,Cancel:N,Content:v,Description:j,Footer:C,Header:b,Overlay:k,Portal:R,Title:T,Trigger:h});r.displayName="AlertDialog";r.Action.displayName="AlertDialog.Action";r.Body.displayName="AlertDialog.Body";r.Cancel.displayName="AlertDialog.Cancel";r.Content.displayName="AlertDialog.Content";r.Description.displayName="AlertDialog.Description";r.Footer.displayName="AlertDialog.Footer";r.Header.displayName="AlertDialog.Header";r.Overlay.displayName="AlertDialog.Overlay";r.Portal.displayName="AlertDialog.Portal";r.Title.displayName="AlertDialog.Title";r.Trigger.displayName="AlertDialog.Trigger";exports.AlertDialog=r;exports.useAlertDialog=p;
-//# sourceMappingURL=index.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-C91j1N6u.js`);const e=require(`../slot/index.js`),t=require(`../DialogContent.styles-CAhJtUud.js`);let n=require(`class-variance-authority`),r=require(`react`),i=require(`react/jsx-runtime`),a=require(`@base-ui/react/alert-dialog`),o=require(`@spark-ui/hooks/use-merge-refs`),s=require(`@spark-ui/hooks/use-scroll-overflow`);var c=(0,r.createContext)(null),l=({children:e,withFade:t=!1,cancelRef:n})=>(0,i.jsx)(c.Provider,{value:{cancelRef:n,withFade:t},children:e}),u=()=>{let e=(0,r.useContext)(c);if(!e)throw Error(`useAlertDialog must be used within an AlertDialog provider`);return e},d=({onOpenChange:e,withFade:t=!1,...n})=>{let o=(0,r.useRef)(null),s=e?(t,n)=>{e(t)}:void 0;return(0,i.jsx)(l,{withFade:t,cancelRef:o,children:(0,i.jsx)(a.AlertDialog.Root,{"data-spark-component":`alert-dialog`,onOpenChange:s,...n})})};d.displayName=`AlertDialog`;function f(t,n){let r=t?e.Slot:n;return t?({...e})=>(0,i.jsx)(r,{...e}):void 0}var p=({asChild:e=!1,...t})=>{let n=f(e,`button`);return(0,i.jsx)(a.AlertDialog.Close,{"data-spark-component":`alert-dialog-action`,render:n,...t})};p.displayName=`AlertDialog.Action`;var m=({children:e,className:t,inset:a=!1,ref:c,...l})=>{let d=(0,r.useRef)(null),f=(0,o.useMergeRefs)(c,d),{withFade:p}=u(),{overflow:m}=(0,s.useScrollOverflow)(d);return(0,i.jsx)(`div`,{"data-spark-component":`alert-dialog-body`,ref:f,className:(0,n.cx)(`focus-visible:u-outline relative grow overflow-y-auto outline-hidden`,`transition-all duration-300`,{"px-xl py-lg":!a},t),style:{...p&&{maskImage:`linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 44px, rgba(0, 0, 0, 1) calc(100% - 44px), rgba(0, 0, 0, 0))`,maskSize:`100% calc(100% + ${m.top?`0px`:`44px`} + ${m.bottom?`0px`:`44px`})`,maskPosition:`0 ${m.top?`0px`:`-44px`}`}},...l,children:e})};m.displayName=`AlertDialog.Body`;var h=({asChild:e=!1,ref:t,...n})=>{let{cancelRef:r}=u(),s=(0,o.useMergeRefs)(t,r),c=f(e,`button`);return(0,i.jsx)(a.AlertDialog.Close,{ref:s,"data-spark-component":`alert-dialog-cancel`,render:c,...n})};h.displayName=`AlertDialog.Cancel`;var g=({className:e,ref:r,initialFocus:o,...s})=>{let{cancelRef:c}=u(),l=o===void 0?()=>c.current:o;return(0,i.jsx)(a.AlertDialog.Popup,{ref:r,"data-spark-component":`alert-dialog-content`,role:`alertdialog`,className:r=>(0,n.cx)(t.t({size:`md`,isNarrow:!0}),`min-w-[min(288px,calc(100vw-2rem))]`,`transition-all duration-150`,`data-starting-style:scale-90 data-starting-style:opacity-0`,`data-ending-style:scale-90 data-ending-style:opacity-0`,typeof e==`function`?e(r):e),initialFocus:l,...s})};g.displayName=`AlertDialog.Content`;var _=e=>(0,i.jsx)(a.AlertDialog.Description,{"data-spark-component":`alert-dialog-description`,...e});_.displayName=`AlertDialog.Description`;var v=({children:e,className:t,ref:r,...a})=>(0,i.jsx)(`footer`,{"data-spark-component":`alert-dialog-footer`,ref:r,className:(0,n.cx)(t,[`px-xl`,`py-lg`]),...a,children:e});v.displayName=`AlertDialog.Footer`;var y=({children:e,className:t,ref:r,...a})=>(0,i.jsx)(`header`,{"data-spark-component":`alert-dialog-header`,ref:r,className:(0,n.cx)(t,[`px-xl`,`py-lg`]),...a,children:e});y.displayName=`AlertDialog.Header`;var b=({className:e,...t})=>(0,i.jsx)(a.AlertDialog.Backdrop,{"data-spark-component":`alert-dialog-overlay`,className:t=>(0,n.cx)(`z-overlay fixed top-0 left-0 h-screen w-screen`,`bg-overlay/dim-1`,`data-starting-style:animate-fade-in`,`data-ending-style:animate-fade-out`,typeof e==`function`?e(t):e),...t});b.displayName=`AlertDialog.Overlay`;var x=({className:e,...t})=>(0,i.jsx)(a.AlertDialog.Portal,{"data-spark-component":`alert-dialog-portal`,className:(0,n.cx)(e,`z-modal absolute`),...t});x.displayName=`AlertDialog.Portal`;var S=({className:e,...t})=>(0,i.jsx)(a.AlertDialog.Title,{"data-spark-component":`alert-dialog-title`,className:(0,n.cx)(`text-headline-1 text-on-surface`,e),...t});S.displayName=`AlertDialog.Title`;var C=({asChild:e=!1,...t})=>{let n=f(e,`button`);return(0,i.jsx)(a.AlertDialog.Trigger,{"data-spark-component":`alert-dialog-trigger`,render:n,...t})};C.displayName=`AlertDialog.Trigger`;var w=Object.assign(d,{Action:p,Body:m,Cancel:h,Content:g,Description:_,Footer:v,Header:y,Overlay:b,Portal:x,Title:S,Trigger:C});w.displayName=`AlertDialog`,w.Action.displayName=`AlertDialog.Action`,w.Body.displayName=`AlertDialog.Body`,w.Cancel.displayName=`AlertDialog.Cancel`,w.Content.displayName=`AlertDialog.Content`,w.Description.displayName=`AlertDialog.Description`,w.Footer.displayName=`AlertDialog.Footer`,w.Header.displayName=`AlertDialog.Header`,w.Overlay.displayName=`AlertDialog.Overlay`,w.Portal.displayName=`AlertDialog.Portal`,w.Title.displayName=`AlertDialog.Title`,w.Trigger.displayName=`AlertDialog.Trigger`,exports.AlertDialog=w,exports.useAlertDialog=u;
+//# sourceMappingURL=index.js.map