@spark-ui/components 13.1.4 → 13.2.0

package/dist/accordion/index.mjs

@@ -1,207 +1,167 @@
-import {
-  Icon
-} from "../chunk-UMUMFMFB.mjs";
-import "../chunk-KEGAAGJW.mjs";
-import {
-  Slot
-} from "../chunk-6QCEPQ3U.mjs";
-
-// src/accordion/Accordion.tsx
-import { Accordion as BaseAccordion } from "@base-ui/react/accordion";
-import { cx } from "class-variance-authority";
-import { createContext, useContext } from "react";
-
-// src/accordion/useRenderSlot.tsx
-import { jsx } from "react/jsx-runtime";
-function useRenderSlot(asChild, defaultTag) {
-  const Component = asChild ? Slot : defaultTag;
-  return asChild ? ({ ...props }) => /* @__PURE__ */ jsx(Component, { ...props }) : void 0;
+import { jsx as 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 { a as g } from "../Slot-D2Bbf8Gw.mjs";
+import { ArrowHorizontalDown as I } from "@spark-ui/icons/ArrowHorizontalDown";
+import { I as C } from "../Icon-Ck-dhfLd.mjs";
+function s(e, o) {
+  const t = e ? g : o;
+  return e ? ({ ...r }) => /* @__PURE__ */ n(t, { ...r }) : void 0;
 }
-
-// src/accordion/Accordion.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var AccordionContext = createContext(null);
-var Accordion = ({
-  asChild = false,
-  children,
-  design = "outlined",
-  hiddenUntilFound = true,
-  multiple = false,
-  className,
-  ref,
-  ...props
+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 renderSlot = useRenderSlot(asChild, "div");
-  return /* @__PURE__ */ jsx2(AccordionContext.Provider, { value: { design }, children: /* @__PURE__ */ jsx2(
-    BaseAccordion.Root,
+  const x = s(e, "div");
+  return /* @__PURE__ */ n(h.Provider, { value: { design: t }, children: /* @__PURE__ */ n(
+    c.Root,
     {
       "data-spark-component": "accordion",
-      ref,
-      multiple,
-      hiddenUntilFound,
-      className: cx("bg-surface h-fit rounded-lg", className),
-      render: renderSlot,
-      ...props,
-      children
+      ref: l,
+      multiple: a,
+      hiddenUntilFound: r,
+      className: d("bg-surface h-fit rounded-lg", i),
+      render: x,
+      ...v,
+      children: o
     }
   ) });
 };
-Accordion.displayName = "Accordion";
-var useAccordionContext = () => {
-  const context = useContext(AccordionContext);
-  if (!context) {
+b.displayName = "Accordion";
+const w = () => {
+  const e = y(h);
+  if (!e)
     throw Error("useAccordionContext must be used within a Accordion provider");
-  }
-  return context;
-};
-
-// src/accordion/AccordionItem.tsx
-import { Accordion as BaseAccordion2 } from "@base-ui/react/accordion";
-import { cx as cx2 } from "class-variance-authority";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Item = ({
-  asChild = false,
-  className,
-  children,
-  ref,
-  ...props
+  return e;
+}, m = ({
+  asChild: e = !1,
+  className: o,
+  children: t,
+  ref: r,
+  ...a
 }) => {
-  const accordion = useAccordionContext();
-  const renderSlot = useRenderSlot(asChild, "div");
-  return /* @__PURE__ */ jsx3(
-    BaseAccordion2.Item,
+  const i = w(), l = s(e, "div");
+  return /* @__PURE__ */ n(
+    c.Item,
     {
-      ref,
+      ref: r,
       "data-spark-component": "accordion-item",
-      render: renderSlot,
-      className: cx2(
+      render: l,
+      className: d(
         "relative first:rounded-t-lg last:rounded-b-lg",
         "not-last:border-b-0",
-        { "border-sm border-outline": accordion.design === "outlined" },
-        className
+        { "border-sm border-outline": i.design === "outlined" },
+        o
       ),
-      ...props,
-      children
+      ...a,
+      children: t
     }
   );
 };
-Item.displayName = "Accordion.Item";
-
-// src/accordion/AccordionItemContent.tsx
-import { Accordion as BaseAccordion3 } from "@base-ui/react/accordion";
-import { cx as cx3 } from "class-variance-authority";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var ItemContent = ({
-  asChild = false,
-  className,
-  children,
-  ref,
-  ...props
+m.displayName = "Accordion.Item";
+const u = ({
+  asChild: e = !1,
+  className: o,
+  children: t,
+  ref: r,
+  ...a
 }) => {
-  const renderSlot = useRenderSlot(asChild, "div");
-  return /* @__PURE__ */ jsx4(
-    BaseAccordion3.Panel,
+  const i = s(e, "div");
+  return /* @__PURE__ */ n(
+    c.Panel,
     {
-      ref,
+      ref: r,
       "data-spark-component": "accordion-item-content",
-      className: cx3(
+      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",
-        className
+        o
       ),
-      render: renderSlot,
-      ...props,
-      children
-    }
-  );
-};
-ItemContent.displayName = "Accordion.ItemContent";
-
-// src/accordion/AccordionItemHeader.tsx
-import { cx as cx4 } from "class-variance-authority";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var ItemHeader = ({
-  asChild = false,
-  children,
-  className,
-  ref
-}) => {
-  const Component = asChild ? Slot : "h3";
-  return /* @__PURE__ */ jsx5(
-    Component,
-    {
-      ref,
-      "data-spark-component": "accordion-item-header",
-      className: cx4("rounded-[inherit]", className),
-      children
+      render: i,
+      ...a,
+      children: t
     }
   );
 };
-ItemHeader.displayName = "Accordion.ItemHeader";
-
-// src/accordion/AccordionItemTrigger.tsx
-import { Accordion as BaseAccordion4 } from "@base-ui/react/accordion";
-import { ArrowHorizontalDown } from "@spark-ui/icons/ArrowHorizontalDown";
-import { cx as cx5 } from "class-variance-authority";
-import { jsx as jsx6, jsxs } from "react/jsx-runtime";
-var ItemTrigger = ({
-  asChild = false,
-  children,
-  className,
-  ref,
-  ...props
+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 renderSlot = useRenderSlot(asChild, "button");
-  return /* @__PURE__ */ jsxs(
-    BaseAccordion4.Trigger,
+  const i = s(e, "button");
+  return /* @__PURE__ */ A(
+    c.Trigger,
     {
-      ref,
+      ref: r,
       "data-spark-component": "accordion-item-trigger",
-      render: renderSlot,
-      className: cx5(
+      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",
-        className
+        t
       ),
-      ...props,
+      ...a,
       children: [
-        /* @__PURE__ */ jsx6("div", { className: "gap-lg flex grow items-center", children }),
-        /* @__PURE__ */ jsx6(
-          Icon,
+        /* @__PURE__ */ n("div", { className: "gap-lg flex grow items-center", children: o }),
+        /* @__PURE__ */ n(
+          C,
           {
             intent: "neutral",
-            className: cx5(
+            className: d(
               "shrink-0 rotate-0 duration-100 ease-in motion-reduce:transition-none",
               "group-data-[panel-open]:rotate-180"
             ),
             size: "sm",
-            children: /* @__PURE__ */ jsx6(ArrowHorizontalDown, {})
+            children: /* @__PURE__ */ n(I, {})
           }
         )
       ]
     }
   );
 };
-ItemTrigger.displayName = "Accordion.ItemTrigger";
-
-// src/accordion/index.ts
-var Accordion2 = Object.assign(Accordion, {
-  Item,
-  ItemHeader,
-  ItemTrigger,
-  ItemContent
+f.displayName = "Accordion.ItemTrigger";
+const k = Object.assign(b, {
+  Item: m,
+  ItemHeader: p,
+  ItemTrigger: f,
+  ItemContent: u
 });
-Accordion2.displayName = "Accordion";
-Item.displayName = "Item";
-ItemHeader.displayName = "ItemHeader";
-ItemTrigger.displayName = "Accordion.Trigger";
-ItemContent.displayName = "Accordion.Content";
+k.displayName = "Accordion";
+m.displayName = "Item";
+p.displayName = "ItemHeader";
+f.displayName = "Accordion.Trigger";
+u.displayName = "Accordion.Content";
 export {
-  Accordion2 as Accordion
+  k as Accordion
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/accordion/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/accordion/Accordion.tsx","../../src/accordion/useRenderSlot.tsx","../../src/accordion/AccordionItem.tsx","../../src/accordion/AccordionItemContent.tsx","../../src/accordion/AccordionItemHeader.tsx","../../src/accordion/AccordionItemTrigger.tsx","../../src/accordion/index.ts"],"sourcesContent":["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 { 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 { 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":"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","names":["jsx","BaseAccordion","cx","jsx","BaseAccordion","cx","BaseAccordion","cx","jsx","BaseAccordion","cx","cx","jsx","cx","BaseAccordion","cx","jsx","BaseAccordion","cx","Accordion"]}
+{"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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"}

package/dist/accordion/useRenderSlot.d.ts

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

package/dist/alert-dialog/AlertDialog.d.ts

@@ -0,0 +1,29 @@
+import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';
+import { ComponentProps, Ref } from 'react';
+export interface AlertDialogProps extends Omit<ComponentProps<typeof BaseAlertDialog.Root>, 'onOpenChange' | 'render'> {
+    /**
+     * Specifies if the dialog is open or not.
+     */
+    open?: boolean;
+    /**
+     * Default open state.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Handler executed on every dialog open state change.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Specifies if the dialog should have a fade animation on its body (in case it is scrollable).
+     */
+    withFade?: boolean;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const AlertDialog: {
+    ({ onOpenChange, withFade, ...props }: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/alert-dialog/AlertDialogAction.d.ts

@@ -0,0 +1,13 @@
+import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';
+import { ComponentProps, Ref } from 'react';
+export interface AlertDialogActionProps extends Omit<ComponentProps<typeof BaseAlertDialog.Close>, 'render'> {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const AlertDialogAction: {
+    ({ asChild, ...props }: AlertDialogActionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/alert-dialog/AlertDialogBody.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement, ReactNode, Ref } from 'react';
+export interface AlertDialogBodyProps {
+    children: ReactNode;
+    className?: string;
+    tabIndex?: number;
+    ref?: Ref<HTMLDivElement>;
+    inset?: boolean;
+}
+export declare const AlertDialogBody: {
+    ({ children, className, inset, ref: forwardedRef, ...rest }: AlertDialogBodyProps): ReactElement;
+    displayName: string;
+};

package/dist/alert-dialog/AlertDialogCancel.d.ts

@@ -0,0 +1,13 @@
+import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';
+import { ComponentProps, Ref } from 'react';
+export interface AlertDialogCancelProps extends Omit<ComponentProps<typeof BaseAlertDialog.Close>, 'render'> {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const AlertDialogCancel: {
+    ({ asChild, ref: forwardedRef, ...props }: AlertDialogCancelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/alert-dialog/AlertDialogContent.d.ts

@@ -0,0 +1,9 @@
+import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';
+import { ComponentProps, Ref } from 'react';
+export interface AlertDialogContentProps extends Omit<ComponentProps<typeof BaseAlertDialog.Popup>, 'render'> {
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const AlertDialogContent: {
+    ({ className, ref, initialFocus, ...others }: AlertDialogContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/alert-dialog/AlertDialogContext.d.ts

@@ -0,0 +1,12 @@
+import { MutableRefObject, ReactNode } from 'react';
+export interface AlertDialogContextValue {
+    cancelRef: MutableRefObject<HTMLButtonElement | null>;
+    withFade: boolean;
+}
+export declare const AlertDialogContext: import('react').Context<AlertDialogContextValue | null>;
+export declare const AlertDialogProvider: ({ children, withFade, cancelRef, }: {
+    children: ReactNode;
+    withFade?: boolean;
+    cancelRef: MutableRefObject<HTMLButtonElement | null>;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useAlertDialog: () => AlertDialogContextValue;

package/dist/alert-dialog/AlertDialogDescription.d.ts

@@ -0,0 +1,9 @@
+import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';
+import { ComponentProps, Ref } from 'react';
+export interface AlertDialogDescriptionProps extends Omit<ComponentProps<typeof BaseAlertDialog.Description>, 'render'> {
+    ref?: Ref<HTMLParagraphElement>;
+}
+export declare const AlertDialogDescription: {
+    (props: AlertDialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/alert-dialog/AlertDialogFooter.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement, ReactNode, Ref } from 'react';
+export interface AlertDialogFooterProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const AlertDialogFooter: {
+    ({ children, className, ref, ...rest }: AlertDialogFooterProps): ReactElement;
+    displayName: string;
+};

package/dist/alert-dialog/AlertDialogHeader.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement, ReactNode, Ref } from 'react';
+export interface AlertDialogHeaderProps {
+    children: ReactNode;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const AlertDialogHeader: {
+    ({ children, className, ref, ...rest }: AlertDialogHeaderProps): ReactElement;
+    displayName: string;
+};

package/dist/alert-dialog/AlertDialogOverlay.d.ts

@@ -0,0 +1,9 @@
+import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';
+import { ComponentProps, Ref } from 'react';
+export interface AlertDialogOverlayProps extends Omit<ComponentProps<typeof BaseAlertDialog.Backdrop>, 'render'> {
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const AlertDialogOverlay: {
+    ({ className, ...props }: AlertDialogOverlayProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/alert-dialog/AlertDialogPortal.d.ts

@@ -0,0 +1,7 @@
+import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';
+import { ComponentProps } from 'react';
+export type AlertDialogPortalProps = ComponentProps<typeof BaseAlertDialog.Portal>;
+export declare const AlertDialogPortal: {
+    (props: AlertDialogPortalProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/alert-dialog/AlertDialogTitle.d.ts

@@ -0,0 +1,9 @@
+import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';
+import { ComponentProps, Ref } from 'react';
+export interface AlertDialogTitleProps extends Omit<ComponentProps<typeof BaseAlertDialog.Title>, 'render'> {
+    ref?: Ref<HTMLHeadingElement>;
+}
+export declare const AlertDialogTitle: {
+    ({ className, ...props }: AlertDialogTitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/alert-dialog/AlertDialogTrigger.d.ts

@@ -0,0 +1,13 @@
+import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';
+import { ComponentProps, Ref } from 'react';
+export interface AlertDialogTriggerProps extends Omit<ComponentProps<typeof BaseAlertDialog.Trigger>, 'render'> {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const AlertDialogTrigger: {
+    ({ asChild, ...props }: AlertDialogTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};