@spark-ui/components 10.0.0

package/dist/accordion/index.d.ts

@@ -0,0 +1,85 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as accordion from '@zag-js/accordion';
+import { ComponentPropsWithoutRef, Ref, ComponentProps } from 'react';
+
+type ExtentedZagInterface = Omit<accordion.Props, 'id' | 'ids' | 'orientation' | 'getRootNode' | 'onValueChange'> & Omit<ComponentPropsWithoutRef<'div'>, 'defaultChecked'>;
+interface AccordionProps extends ExtentedZagInterface {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
+    /**
+     * Whether an accordion item can be closed after it has been expanded.
+     */
+    collapsible?: boolean;
+    defaultValue?: accordion.Props['value'];
+    /**
+     * Whether the accordion items are disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether multiple accordion items can be expanded at the same time.
+     */
+    multiple?: boolean;
+    /**
+     * The `value` of the accordion items that are currently being expanded.
+     */
+    value?: string[];
+    /**
+     * The callback fired when the state of expanded/collapsed accordion items changes.
+     */
+    onValueChange?: (value: string[]) => void;
+    design?: 'filled' | 'outlined';
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Accordion$1: {
+    ({ asChild, children, collapsible, className, defaultValue, design, disabled, multiple, value, onValueChange, ref, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface AccordionItemProps extends ComponentPropsWithoutRef<'div'> {
+    value: string;
+    asChild?: boolean;
+    disabled?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Item: {
+    ({ asChild, className, children, disabled, value, ref, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface AccordionItemContentProps extends ComponentPropsWithoutRef<'div'> {
+    asChild?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+declare const ItemContent: {
+    ({ asChild, className, children, ref, ...props }: AccordionItemContentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface AccordionItemHeaderProps extends ComponentProps<'h3'> {
+    asChild?: boolean;
+    ref?: Ref<HTMLHeadingElement>;
+}
+declare const ItemHeader: {
+    ({ asChild, children, className, ref, }: AccordionItemHeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface AccordionItemTriggerProps extends ComponentPropsWithoutRef<'button'> {
+    asChild?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
+declare const ItemTrigger: {
+    ({ asChild, children, className, ref, ...props }: AccordionItemTriggerProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Accordion: typeof Accordion$1 & {
+    Item: typeof Item;
+    ItemHeader: typeof ItemHeader;
+    ItemTrigger: typeof ItemTrigger;
+    ItemContent: typeof ItemContent;
+};
+
+export { Accordion, type AccordionItemContentProps, type AccordionItemHeaderProps, type AccordionItemTriggerProps, type AccordionProps };

package/dist/accordion/index.js

@@ -0,0 +1,461 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/accordion/index.ts
+var accordion_exports = {};
+__export(accordion_exports, {
+  Accordion: () => Accordion2
+});
+module.exports = __toCommonJS(accordion_exports);
+
+// src/accordion/Accordion.tsx
+var accordion = __toESM(require("@zag-js/accordion"));
+var import_react2 = require("@zag-js/react");
+var import_class_variance_authority = require("class-variance-authority");
+var import_react3 = require("react");
+
+// src/slot/Slot.tsx
+var import_radix_ui = require("radix-ui");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Slottable = import_radix_ui.Slot.Slottable;
+var Slot = ({ ref, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_radix_ui.Slot.Root, { ref, ...props });
+};
+
+// src/accordion/Accordion.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var AccordionContext = (0, import_react3.createContext)(null);
+var Accordion = ({
+  asChild = false,
+  children,
+  collapsible: collapsible2 = true,
+  className,
+  defaultValue,
+  design = "outlined",
+  disabled = false,
+  multiple = false,
+  value,
+  onValueChange,
+  ref,
+  ...props
+}) => {
+  const [machineProps, localProps] = accordion.splitProps({
+    children,
+    multiple,
+    collapsible: collapsible2,
+    value,
+    disabled,
+    className: (0, import_class_variance_authority.cx)("bg-surface rounded-lg h-fit", className),
+    ...props
+  });
+  const service = (0, import_react2.useMachine)(accordion.machine, {
+    ...machineProps,
+    defaultValue,
+    value,
+    id: (0, import_react3.useId)(),
+    onValueChange(details) {
+      onValueChange?.(details.value);
+    }
+  });
+  const Component = asChild ? Slot : "div";
+  const api = accordion.connect(service, import_react2.normalizeProps);
+  const mergedProps = (0, import_react2.mergeProps)(api.getRootProps(), localProps);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AccordionContext.Provider, { value: { ...api, design }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Component, { "data-spark-component": "accordion", ref, ...mergedProps, children }) });
+};
+Accordion.displayName = "Accordion";
+var useAccordionContext = () => {
+  const context = (0, import_react3.useContext)(AccordionContext);
+  if (!context) {
+    throw Error("useAccordionContext must be used within a Accordion provider");
+  }
+  return context;
+};
+
+// src/accordion/AccordionItem.tsx
+var import_react9 = require("@zag-js/react");
+var import_class_variance_authority3 = require("class-variance-authority");
+
+// src/collapsible/Collapsible.tsx
+var collapsible = __toESM(require("@zag-js/collapsible"));
+var import_react4 = require("@zag-js/react");
+var import_react5 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var CollapsibleContext = (0, import_react5.createContext)(null);
+var Collapsible = ({
+  asChild = false,
+  children,
+  defaultOpen = false,
+  disabled = false,
+  onOpenChange,
+  open,
+  ids,
+  ref,
+  ...props
+}) => {
+  const service = (0, import_react4.useMachine)(collapsible.machine, {
+    open,
+    defaultOpen,
+    disabled,
+    id: (0, import_react5.useId)(),
+    ids,
+    onOpenChange(details) {
+      onOpenChange?.(details.open);
+    }
+  });
+  const api = collapsible.connect(service, import_react4.normalizeProps);
+  const Component = asChild ? Slot : "div";
+  const mergedProps = (0, import_react4.mergeProps)(api.getRootProps(), props);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CollapsibleContext.Provider, { value: api, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Component, { "data-spark-component": "collapsible", ref, ...mergedProps, children }) });
+};
+Collapsible.displayName = "Collapsible";
+var useCollapsibleContext = () => {
+  const context = (0, import_react5.useContext)(CollapsibleContext);
+  if (!context) {
+    throw Error("useCollapsibleContext must be used within a Collapsible provider");
+  }
+  return context;
+};
+
+// src/collapsible/CollapsibleContent.tsx
+var import_react6 = require("@zag-js/react");
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Content = ({
+  asChild = false,
+  className,
+  children,
+  ref,
+  ...props
+}) => {
+  const { getContentProps } = useCollapsibleContext();
+  const Component = asChild ? Slot : "div";
+  const contentProps = getContentProps();
+  const mergedProps = (0, import_react6.mergeProps)(contentProps, {
+    className: (0, import_class_variance_authority2.cx)(
+      "overflow-hidden",
+      "motion-reduce:animate-none!",
+      "[&[hidden]]:hidden",
+      "data-[state=open]:animate-standalone-collapse-in data-[state=closed]:animate-standalone-collapse-out",
+      className
+    ),
+    ...props
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Component, { ref, "data-spark-component": "collapsible-content", ...mergedProps, children });
+};
+Content.displayName = "Collapsible.Content";
+
+// src/collapsible/CollapsibleTrigger.tsx
+var import_react7 = require("@zag-js/react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Trigger = ({ asChild = false, children, ref, ...props }) => {
+  const collapsibleContext = useCollapsibleContext();
+  const Component = asChild ? Slot : "button";
+  const mergedProps = (0, import_react7.mergeProps)(collapsibleContext.getTriggerProps(), props);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Component, { ref, "data-spark-component": "collapsible-trigger", ...mergedProps, children });
+};
+Trigger.displayName = "Collapsible.Trigger";
+
+// src/collapsible/index.ts
+var Collapsible2 = Object.assign(Collapsible, {
+  Trigger,
+  Content
+});
+Collapsible2.displayName = "Collapsible";
+Trigger.displayName = "Collapsible.Trigger";
+Content.displayName = "Collapsible.Content";
+
+// src/accordion/AccordionItemContext.tsx
+var import_react8 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var AccordionItemContext = (0, import_react8.createContext)(null);
+var AccordionItemProvider = ({
+  value: valueProp,
+  disabled: disabledProp = false,
+  children
+}) => {
+  const [value, setValue] = (0, import_react8.useState)(valueProp);
+  const [disabled, setDisabled] = (0, import_react8.useState)(disabledProp);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionItemContext.Provider, { value: { value, setValue, disabled, setDisabled }, children });
+};
+var useAccordionItemContext = () => {
+  const context = (0, import_react8.useContext)(AccordionItemContext);
+  if (!context) {
+    throw Error("useAccordionItemContext must be used within a AccordionItem provider");
+  }
+  return context;
+};
+
+// src/accordion/AccordionItem.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Item = ({
+  asChild = false,
+  className,
+  children,
+  disabled = false,
+  value,
+  ref,
+  ...props
+}) => {
+  const accordion2 = useAccordionContext();
+  const localProps = {
+    className: (0, import_class_variance_authority3.cx)(
+      "relative first:rounded-t-lg last:rounded-b-lg",
+      "not-last:border-b-0",
+      { "border-sm border-outline": accordion2.design === "outlined" },
+      className
+    ),
+    asChild,
+    ...props
+  };
+  const itemProps = accordion2.getItemProps({ value, ...disabled && { disabled } });
+  const mergedProps = (0, import_react9.mergeProps)(itemProps, localProps);
+  const item = accordion2.getItemState({ value });
+  const itemContentProps = accordion2.getItemContentProps({ value });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AccordionItemProvider, { value, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    Collapsible2,
+    {
+      ref,
+      open: item.expanded,
+      "data-spark-component": "accordion-item",
+      ids: { content: itemContentProps.id },
+      ...mergedProps,
+      children
+    }
+  ) });
+};
+Item.displayName = "Accordion.Item";
+
+// src/accordion/AccordionItemContent.tsx
+var import_internal_utils = require("@spark-ui/internal-utils");
+var import_react10 = require("@zag-js/react");
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var splitVisibilityProps = (0, import_internal_utils.createSplitProps)();
+var ItemContent = ({
+  asChild = false,
+  className,
+  children,
+  ref,
+  ...props
+}) => {
+  const accordion2 = useAccordionContext();
+  const accordionItem = useAccordionItemContext();
+  const localProps = {
+    className: (0, import_class_variance_authority4.cx)("[&>:first-child]:p-lg", "text-body-1 text-on-surface", className),
+    asChild,
+    ...props
+  };
+  const contentProps = accordion2.getItemContentProps({
+    value: accordionItem.value,
+    ...accordionItem.disabled && { disabled: accordionItem.disabled }
+  });
+  const [, itemContentProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
+  const mergedProps = (0, import_react10.mergeProps)(itemContentProps, localProps);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Collapsible2.Content, { ref, "data-spark-component": "accordion-item-content", ...mergedProps, children });
+};
+ItemContent.displayName = "Accordion.ItemContent";
+
+// src/accordion/AccordionItemHeader.tsx
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var ItemHeader = ({
+  asChild = false,
+  children,
+  className,
+  ref
+}) => {
+  const Component = asChild ? Slot : "h3";
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    Component,
+    {
+      ref,
+      "data-spark-component": "accordion-item-header",
+      className: (0, import_class_variance_authority5.cx)("rounded-[inherit]", className),
+      children
+    }
+  );
+};
+ItemHeader.displayName = "Accordion.ItemHeader";
+
+// src/accordion/AccordionItemTrigger.tsx
+var import_ArrowHorizontalDown = require("@spark-ui/icons/ArrowHorizontalDown");
+var import_react12 = require("@zag-js/react");
+var import_class_variance_authority7 = require("class-variance-authority");
+
+// src/icon/Icon.tsx
+var import_react11 = require("react");
+
+// src/visually-hidden/VisuallyHidden.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var VisuallyHidden = ({ asChild = false, ref, ...props }) => {
+  const Component = asChild ? Slot : "span";
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    Component,
+    {
+      ...props,
+      ref,
+      style: {
+        // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+        position: "absolute",
+        border: 0,
+        width: 1,
+        height: 1,
+        padding: 0,
+        margin: -1,
+        overflow: "hidden",
+        clip: "rect(0, 0, 0, 0)",
+        whiteSpace: "nowrap",
+        wordWrap: "normal",
+        ...props.style
+      }
+    }
+  );
+};
+VisuallyHidden.displayName = "VisuallyHidden";
+
+// src/icon/Icon.styles.tsx
+var import_internal_utils2 = require("@spark-ui/internal-utils");
+var import_class_variance_authority6 = require("class-variance-authority");
+var iconStyles = (0, import_class_variance_authority6.cva)(["fill-current shrink-0"], {
+  variants: {
+    /**
+     * Color scheme of the icon.
+     */
+    intent: (0, import_internal_utils2.makeVariants)({
+      current: ["text-current"],
+      main: ["text-main"],
+      support: ["text-support"],
+      accent: ["text-accent"],
+      basic: ["text-basic"],
+      success: ["text-success"],
+      alert: ["text-alert"],
+      error: ["text-error"],
+      info: ["text-info"],
+      neutral: ["text-neutral"]
+    }),
+    /**
+     * Sets the size of the icon.
+     */
+    size: (0, import_internal_utils2.makeVariants)({
+      current: ["u-current-font-size"],
+      sm: ["w-sz-16", "h-sz-16"],
+      md: ["w-sz-24", "h-sz-24"],
+      lg: ["w-sz-32", "h-sz-32"],
+      xl: ["w-sz-40", "h-sz-40"]
+    })
+  }
+});
+
+// src/icon/Icon.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Icon = ({
+  label,
+  className,
+  size = "current",
+  intent = "current",
+  children,
+  ...others
+}) => {
+  const child = import_react11.Children.only(children);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    (0, import_react11.cloneElement)(child, {
+      className: iconStyles({ className, size, intent }),
+      "data-spark-component": "icon",
+      "aria-hidden": "true",
+      focusable: "false",
+      ...others
+    }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(VisuallyHidden, { children: label })
+  ] });
+};
+Icon.displayName = "Icon";
+
+// src/accordion/AccordionItemTrigger.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var ItemTrigger = ({
+  asChild = false,
+  children,
+  className,
+  ref,
+  ...props
+}) => {
+  const { getItemTriggerProps } = useAccordionContext();
+  const { value, disabled } = useAccordionItemContext();
+  const Component = asChild ? Slot : "button";
+  const localProps = {
+    ...props,
+    className: (0, import_class_variance_authority7.cx)(
+      "relative flex gap-lg justify-between items-center min-h-sz-48",
+      "w-full px-lg py-md text-left text-headline-2 text-on-surface rounded-[inherit] data-[state=open]:rounded-b-0",
+      "hover:enabled:bg-surface-hovered focus:bg-surface-hovered",
+      "focus-visible:u-outline focus-visible:outline-hidden focus-visible:z-raised",
+      "disabled:opacity-dim-3 cursor-pointer disabled:cursor-not-allowed",
+      className
+    )
+  };
+  const mergedProps = (0, import_react12.mergeProps)(
+    getItemTriggerProps({ value, ...disabled && { disabled } }),
+    localProps
+  );
+  const isOpen = !!mergedProps["aria-expanded"];
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Component, { ref, "data-spark-component": "accordion-item-trigger", ...mergedProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "gap-lg flex grow items-center", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      Icon,
+      {
+        intent: "neutral",
+        className: (0, import_class_variance_authority7.cx)("shrink-0 rotate-0 duration-100 ease-in motion-reduce:transition-none", {
+          "rotate-180": isOpen
+        }),
+        size: "sm",
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_ArrowHorizontalDown.ArrowHorizontalDown, {})
+      }
+    )
+  ] });
+};
+ItemTrigger.displayName = "Accordion.ItemTrigger";
+
+// src/accordion/index.ts
+var Accordion2 = Object.assign(Accordion, {
+  Item,
+  ItemHeader,
+  ItemTrigger,
+  ItemContent
+});
+Accordion2.displayName = "Accordion";
+Item.displayName = "Item";
+ItemHeader.displayName = "ItemHeader";
+ItemTrigger.displayName = "Accordion.Trigger";
+ItemContent.displayName = "Accordion.Content";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion
+});
+//# sourceMappingURL=index.js.map

package/dist/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/accordion/index.ts","../../src/accordion/Accordion.tsx","../../src/slot/Slot.tsx","../../src/accordion/AccordionItem.tsx","../../src/collapsible/Collapsible.tsx","../../src/collapsible/CollapsibleContent.tsx","../../src/collapsible/CollapsibleTrigger.tsx","../../src/collapsible/index.ts","../../src/accordion/AccordionItemContext.tsx","../../src/accordion/AccordionItemContent.tsx","../../src/accordion/AccordionItemHeader.tsx","../../src/accordion/AccordionItemTrigger.tsx","../../src/icon/Icon.tsx","../../src/visually-hidden/VisuallyHidden.tsx","../../src/icon/Icon.styles.tsx"],"sourcesContent":["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","import * as accordion from '@zag-js/accordion'\nimport { mergeProps, normalizeProps, type PropTypes, useMachine } from '@zag-js/react'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentPropsWithoutRef, createContext, Ref, useContext, useId } from 'react'\n\nimport { Slot } from '../slot'\n\ntype ExtentedZagInterface = Omit<\n  accordion.Props,\n  'id' | 'ids' | 'orientation' | 'getRootNode' | 'onValueChange'\n> &\n  Omit<ComponentPropsWithoutRef<'div'>, 'defaultChecked'>\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 an accordion item can be closed after it has been expanded.\n   */\n  collapsible?: boolean\n  defaultValue?: accordion.Props['value']\n  /**\n   * Whether the accordion items are disabled\n   */\n  disabled?: boolean\n  /**\n   * Whether multiple accordion items can be expanded at the same time.\n   */\n  multiple?: boolean\n  /**\n   * The `value` of the accordion items that are currently being expanded.\n   */\n  value?: string[]\n  /**\n   * The callback fired when the state of expanded/collapsed accordion items changes.\n   */\n  onValueChange?: (value: string[]) => void\n  design?: 'filled' | 'outlined'\n  ref?: Ref<HTMLDivElement>\n}\n\nconst AccordionContext = createContext<\n  | (accordion.Api<PropTypes> & {\n      design: 'filled' | 'outlined'\n    })\n  | null\n>(null)\n\nexport const Accordion = ({\n  asChild = false,\n  children,\n  collapsible = true,\n  className,\n  defaultValue,\n  design = 'outlined',\n  disabled = false,\n  multiple = false,\n  value,\n  onValueChange,\n  ref,\n  ...props\n}: AccordionProps) => {\n  const [machineProps, localProps] = accordion.splitProps({\n    children,\n    multiple,\n    collapsible,\n    value,\n    disabled,\n    className: cx('bg-surface rounded-lg h-fit', className),\n    ...props,\n  })\n\n  const service = useMachine(accordion.machine, {\n    ...machineProps,\n    defaultValue,\n    value,\n    id: useId(),\n    onValueChange(details) {\n      onValueChange?.(details.value)\n    },\n  })\n\n  const Component = asChild ? Slot : 'div'\n  const api = accordion.connect(service, normalizeProps)\n\n  const mergedProps = mergeProps(api.getRootProps(), localProps)\n\n  return (\n    <AccordionContext.Provider value={{ ...api, design }}>\n      <Component data-spark-component=\"accordion\" ref={ref} {...mergedProps}>\n        {children}\n      </Component>\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 as RadixSlot } from 'radix-ui'\nimport {\n  cloneElement,\n  HTMLAttributes,\n  isValidElement,\n  PropsWithChildren,\n  ReactNode,\n  Ref,\n} from 'react'\n\nexport const Slottable = RadixSlot.Slottable\n\nexport type SlotProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Slot = ({ ref, ...props }: SlotProps) => {\n  return <RadixSlot.Root ref={ref} {...props} />\n}\n\n/**\n * When using Radix `Slot` component, it will consider its first child to merge its props with.\n * In some cases, you might need to wrap the top child with additional markup without breaking this behaviour.\n */\nexport const wrapPolymorphicSlot = (\n  asChild: boolean | undefined,\n  children: ReactNode,\n  callback: (children: ReactNode) => ReactNode\n) => {\n  if (!asChild) return callback(children) // If polymorphic behaviour is not used, we keep the original children\n\n  return isValidElement(children)\n    ? cloneElement(\n        children,\n        undefined,\n        callback((children.props as { children: ReactNode }).children)\n      )\n    : null\n}\n","import { mergeProps } from '@zag-js/react'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Collapsible } from '../collapsible'\nimport { useAccordionContext } from './Accordion'\nimport { AccordionItemProvider } from './AccordionItemContext'\n\nexport interface AccordionItemProps extends ComponentPropsWithoutRef<'div'> {\n  value: string\n  asChild?: boolean\n  disabled?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Item = ({\n  asChild = false,\n  className,\n  children,\n  disabled = false,\n  value,\n  ref,\n  ...props\n}: AccordionItemProps) => {\n  const accordion = useAccordionContext()\n\n  const localProps = {\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    asChild,\n    ...props,\n  }\n\n  const itemProps = accordion.getItemProps({ value, ...(disabled && { disabled }) })\n  const mergedProps = mergeProps(itemProps, localProps)\n\n  const item = accordion.getItemState({ value })\n  const itemContentProps = accordion.getItemContentProps({ value })\n\n  return (\n    <AccordionItemProvider value={value} disabled={disabled}>\n      <Collapsible\n        ref={ref}\n        open={item.expanded}\n        data-spark-component=\"accordion-item\"\n        ids={{ content: itemContentProps.id }}\n        {...mergedProps}\n      >\n        {children}\n      </Collapsible>\n    </AccordionItemProvider>\n  )\n}\n\nItem.displayName = 'Accordion.Item'\n","import * as collapsible from '@zag-js/collapsible'\nimport { mergeProps, normalizeProps, type PropTypes, useMachine } from '@zag-js/react'\nimport { type ComponentProps, createContext, Ref, useContext, useId } from 'react'\n\nimport { Slot } from '../slot'\n\nexport interface CollapsibleProps extends ComponentProps<'div'> {\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   * The open state of the collapsible when it is initially rendered. Use when you do not need to control its open state.\n   */\n  defaultOpen?: boolean\n  /**\n   * When `true`, prevents the user from interacting with the collapsible.\n   */\n  disabled?: boolean\n  /**\n   * Event handler called when the open state of the collapsible changes.\n   */\n  onOpenChange?: (open: boolean) => void\n  /**\n   * The controlled open state of the collapsible. Must be used in conjunction with `onOpenChange`.\n   */\n  open?: boolean\n  /**\n   * The ids of the elements in the collapsible. Useful for composition\n   */\n  ids?: collapsible.Props['ids']\n  ref?: Ref<HTMLDivElement>\n}\n\nconst CollapsibleContext = createContext<collapsible.Api<PropTypes> | null>(null)\n\nexport const Collapsible = ({\n  asChild = false,\n  children,\n  defaultOpen = false,\n  disabled = false,\n  onOpenChange,\n  open,\n  ids,\n  ref,\n  ...props\n}: CollapsibleProps) => {\n  const service = useMachine(collapsible.machine, {\n    open,\n    defaultOpen,\n    disabled,\n    id: useId(),\n    ids,\n    onOpenChange(details) {\n      onOpenChange?.(details.open)\n    },\n  })\n  const api = collapsible.connect(service, normalizeProps)\n  const Component = asChild ? Slot : 'div'\n\n  const mergedProps = mergeProps(api.getRootProps(), props)\n\n  return (\n    <CollapsibleContext.Provider value={api}>\n      <Component data-spark-component=\"collapsible\" ref={ref} {...mergedProps}>\n        {children}\n      </Component>\n    </CollapsibleContext.Provider>\n  )\n}\n\nCollapsible.displayName = 'Collapsible'\n\nexport const useCollapsibleContext = () => {\n  const context = useContext(CollapsibleContext)\n\n  if (!context) {\n    throw Error('useCollapsibleContext must be used within a Collapsible provider')\n  }\n\n  return context\n}\n","import { mergeProps } from '@zag-js/react'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { useCollapsibleContext } from './Collapsible'\n\nexport interface CollapsibleContentProps extends ComponentPropsWithoutRef<'div'> {\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Content = ({\n  asChild = false,\n  className,\n  children,\n  ref,\n  ...props\n}: CollapsibleContentProps) => {\n  const { getContentProps } = useCollapsibleContext()\n\n  const Component = asChild ? Slot : 'div'\n  const contentProps = getContentProps()\n  const mergedProps = mergeProps(contentProps, {\n    className: cx(\n      'overflow-hidden',\n      'motion-reduce:animate-none!',\n      '[&[hidden]]:hidden',\n      'data-[state=open]:animate-standalone-collapse-in data-[state=closed]:animate-standalone-collapse-out',\n      className\n    ),\n    ...props,\n  })\n\n  return (\n    <Component ref={ref} data-spark-component=\"collapsible-content\" {...mergedProps}>\n      {children}\n    </Component>\n  )\n}\n\nContent.displayName = 'Collapsible.Content'\n","import { mergeProps } from '@zag-js/react'\nimport { type ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { useCollapsibleContext } from './Collapsible'\n\nexport interface CollapsibleTriggerProps extends ComponentPropsWithoutRef<'button'> {\n  asChild?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const Trigger = ({ asChild = false, children, ref, ...props }: CollapsibleTriggerProps) => {\n  const collapsibleContext = useCollapsibleContext()\n  const Component = asChild ? Slot : 'button'\n  const mergedProps = mergeProps(collapsibleContext.getTriggerProps(), props)\n\n  return (\n    <Component ref={ref} data-spark-component=\"collapsible-trigger\" {...mergedProps}>\n      {children}\n    </Component>\n  )\n}\n\nTrigger.displayName = 'Collapsible.Trigger'\n","import { Collapsible as Root } from './Collapsible'\nimport { Content } from './CollapsibleContent'\nimport { Trigger } from './CollapsibleTrigger'\n\nexport const Collapsible: typeof Root & {\n  Trigger: typeof Trigger\n  Content: typeof Content\n} = Object.assign(Root, {\n  Trigger,\n  Content,\n})\n\nCollapsible.displayName = 'Collapsible'\nTrigger.displayName = 'Collapsible.Trigger'\nContent.displayName = 'Collapsible.Content'\n\nexport { type CollapsibleProps } from './Collapsible'\nexport { type CollapsibleContentProps } from './CollapsibleContent'\nexport { type CollapsibleTriggerProps } from './CollapsibleTrigger'\n","import {\n  createContext,\n  Dispatch,\n  type PropsWithChildren,\n  SetStateAction,\n  useContext,\n  useState,\n} from 'react'\n\ninterface AccordionItemContextState {\n  value: string\n  setValue: Dispatch<SetStateAction<string>>\n  disabled: boolean\n  setDisabled: Dispatch<SetStateAction<boolean>>\n}\n\nconst AccordionItemContext = createContext<AccordionItemContextState | null>(null)\n\nexport const AccordionItemProvider = ({\n  value: valueProp,\n  disabled: disabledProp = false,\n  children,\n}: PropsWithChildren<{ value: string; disabled?: boolean }>) => {\n  const [value, setValue] = useState<string>(valueProp)\n  const [disabled, setDisabled] = useState<boolean>(disabledProp)\n\n  return (\n    <AccordionItemContext.Provider value={{ value, setValue, disabled, setDisabled }}>\n      {children}\n    </AccordionItemContext.Provider>\n  )\n}\n\nexport const useAccordionItemContext = () => {\n  const context = useContext(AccordionItemContext)\n\n  if (!context) {\n    throw Error('useAccordionItemContext must be used within a AccordionItem provider')\n  }\n\n  return context\n}\n","import { createSplitProps } from '@spark-ui/internal-utils'\nimport { mergeProps } from '@zag-js/react'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Collapsible } from '../collapsible'\nimport { useAccordionContext } from './Accordion'\nimport { useAccordionItemContext } from './AccordionItemContext'\n\nexport interface AccordionItemContentProps extends ComponentPropsWithoutRef<'div'> {\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nconst splitVisibilityProps = createSplitProps<{\n  hidden?: boolean\n  'data-state'?: string\n}>()\n\nexport const ItemContent = ({\n  asChild = false,\n  className,\n  children,\n  ref,\n  ...props\n}: AccordionItemContentProps) => {\n  const accordion = useAccordionContext()\n  const accordionItem = useAccordionItemContext()\n\n  const localProps = {\n    className: cx('[&>:first-child]:p-lg', 'text-body-1 text-on-surface', className),\n    asChild,\n    ...props,\n  }\n  const contentProps = accordion.getItemContentProps({\n    value: accordionItem.value,\n    ...(accordionItem.disabled && { disabled: accordionItem.disabled }),\n  })\n\n  const [, itemContentProps] = splitVisibilityProps(contentProps, ['hidden', 'data-state'])\n\n  const mergedProps = mergeProps(itemContentProps, localProps)\n\n  return (\n    <Collapsible.Content ref={ref} data-spark-component=\"accordion-item-content\" {...mergedProps}>\n      {children}\n    </Collapsible.Content>\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 { ArrowHorizontalDown } from '@spark-ui/icons/ArrowHorizontalDown'\nimport { mergeProps } from '@zag-js/react'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { Slot } from '../slot'\nimport { useAccordionContext } from './Accordion'\nimport { useAccordionItemContext } from './AccordionItemContext'\n\nexport interface AccordionItemTriggerProps extends ComponentPropsWithoutRef<'button'> {\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 { getItemTriggerProps } = useAccordionContext()\n  const { value, disabled } = useAccordionItemContext()\n\n  const Component = asChild ? Slot : 'button'\n\n  const localProps = {\n    ...props,\n    className: cx(\n      'relative flex gap-lg justify-between items-center min-h-sz-48',\n      'w-full px-lg py-md text-left text-headline-2 text-on-surface rounded-[inherit] data-[state=open]:rounded-b-0',\n      'hover:enabled:bg-surface-hovered focus:bg-surface-hovered',\n      'focus-visible:u-outline focus-visible:outline-hidden focus-visible:z-raised',\n      'disabled:opacity-dim-3 cursor-pointer disabled:cursor-not-allowed',\n      className\n    ),\n  }\n\n  const mergedProps = mergeProps(\n    getItemTriggerProps({ value, ...(disabled && { disabled }) }),\n    localProps\n  )\n\n  const isOpen = !!mergedProps['aria-expanded']\n\n  return (\n    <Component ref={ref} data-spark-component=\"accordion-item-trigger\" {...mergedProps}>\n      <div className=\"gap-lg flex grow items-center\">{children}</div>\n      <Icon\n        intent=\"neutral\"\n        className={cx('shrink-0 rotate-0 duration-100 ease-in motion-reduce:transition-none', {\n          'rotate-180': isOpen,\n        })}\n        size=\"sm\"\n      >\n        <ArrowHorizontalDown />\n      </Icon>\n    </Component>\n  )\n}\n\nItemTrigger.displayName = 'Accordion.ItemTrigger'\n","import { Children, cloneElement, ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react'\n\nimport { VisuallyHidden } from '../visually-hidden'\nimport { iconStyles, IconVariantsProps } from './Icon.styles'\n\nexport interface IconProps extends IconVariantsProps, ComponentPropsWithoutRef<'svg'> {\n  /**\n   * The svg icon that will be wrapped\n   */\n  children: ReactNode\n  /**\n   * The accessible label for the icon. This label will be visually hidden but announced to screen\n   * reader users, similar to `alt` text for `img` tags.\n   */\n  label?: string\n}\n\nexport const Icon = ({\n  label,\n  className,\n  size = 'current',\n  intent = 'current',\n  children,\n  ...others\n}: IconProps) => {\n  const child = Children.only(children)\n\n  return (\n    <>\n      {cloneElement(child as ReactElement<Record<string, any>>, {\n        className: iconStyles({ className, size, intent }),\n        'data-spark-component': 'icon',\n        'aria-hidden': 'true',\n        focusable: 'false',\n        ...others,\n      })}\n\n      {label && <VisuallyHidden>{label}</VisuallyHidden>}\n    </>\n  )\n}\n\nIcon.displayName = 'Icon'\n","import { HTMLAttributes, PropsWithChildren, Ref } from 'react'\n\nimport { Slot } from '../slot'\n\nexport type VisuallyHiddenProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLElement>\n}\n\nexport const VisuallyHidden = ({ asChild = false, ref, ...props }: VisuallyHiddenProps) => {\n  const Component = asChild ? Slot : 'span'\n\n  return (\n    <Component\n      {...props}\n      ref={ref}\n      style={{\n        // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss\n        position: 'absolute',\n        border: 0,\n        width: 1,\n        height: 1,\n        padding: 0,\n        margin: -1,\n        overflow: 'hidden',\n        clip: 'rect(0, 0, 0, 0)',\n        whiteSpace: 'nowrap',\n        wordWrap: 'normal',\n        ...props.style,\n      }}\n    />\n  )\n}\n\nVisuallyHidden.displayName = 'VisuallyHidden'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const iconStyles = cva(['fill-current shrink-0'], {\n  variants: {\n    /**\n     * Color scheme of the icon.\n     */\n    intent: makeVariants<\n      'intent',\n      [\n        'current',\n        'main',\n        'support',\n        'accent',\n        'basic',\n        'success',\n        'alert',\n        'error',\n        'info',\n        'neutral',\n      ]\n    >({\n      current: ['text-current'],\n      main: ['text-main'],\n      support: ['text-support'],\n      accent: ['text-accent'],\n      basic: ['text-basic'],\n      success: ['text-success'],\n      alert: ['text-alert'],\n      error: ['text-error'],\n      info: ['text-info'],\n      neutral: ['text-neutral'],\n    }),\n    /**\n     * Sets the size of the icon.\n     */\n    size: makeVariants<'size', ['current', 'sm', 'md', 'lg', 'xl']>({\n      current: ['u-current-font-size'],\n      sm: ['w-sz-16', 'h-sz-16'],\n      md: ['w-sz-24', 'h-sz-24'],\n      lg: ['w-sz-32', 'h-sz-32'],\n      xl: ['w-sz-40', 'h-sz-40'],\n    }),\n  },\n})\n\nexport type IconVariantsProps = VariantProps<typeof iconStyles>\n"],"mappings":"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","names":["Accordion","import_react","RadixSlot","import_jsx_runtime","collapsible","import_react","import_class_variance_authority","import_react","import_jsx_runtime","import_react","import_class_variance_authority","import_jsx_runtime","import_react","import_jsx_runtime","Collapsible","import_react","import_jsx_runtime","import_jsx_runtime","accordion","Collapsible","import_react","import_class_variance_authority","import_jsx_runtime","accordion","Collapsible","import_class_variance_authority","import_jsx_runtime","import_react","import_class_variance_authority","import_react","import_jsx_runtime","import_internal_utils","import_class_variance_authority","import_jsx_runtime","import_jsx_runtime","Accordion"]}