@d4gger/design-system 2.7.0

package/dist/components/accordion/Accordion.js

@@ -0,0 +1,185 @@
+"use client";
+import * as React from "react";
+import classNames from "classnames";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { Slot, Slottable } from "@radix-ui/react-slot";
+import { extractProps } from "../../_internal/helpers/extractProps.js";
+import { Icon } from "../icon/Icon.js";
+import {
+  accordionContentPropDefs,
+  accordionHeaderPropDefs,
+  accordionItemBodyPropDefs,
+  accordionItemIndicatorPropDefs,
+  accordionItemPropDefs,
+  accordionPropDefs,
+  accordionTriggerPropDefs
+} from "./accordion.props.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+const ACCORDION_MOTION_STYLE_ID = "dsx-accordion-motion-styles";
+const ACCORDION_MOTION_STYLES = `
+@keyframes dsx-accordion-expand {
+  from {
+    height: 0;
+    opacity: 0;
+  }
+
+  to {
+    height: var(--radix-accordion-content-height);
+    opacity: 1;
+  }
+}
+
+@keyframes dsx-accordion-collapse {
+  from {
+    height: var(--radix-accordion-content-height);
+    opacity: 1;
+  }
+
+  to {
+    height: 0;
+    opacity: 0;
+  }
+}
+
+.dsx-accordion__content[data-state='open'] {
+  animation: dsx-accordion-expand var(--dsx-motion-duration-normal) var(--dsx-motion-easing-in-out);
+}
+
+.dsx-accordion__content[data-state='closed'] {
+  animation: dsx-accordion-collapse var(--dsx-motion-duration-normal) var(--dsx-motion-easing-in-out);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .dsx-accordion__content[data-state='open'],
+  .dsx-accordion__content[data-state='closed'] {
+    animation: none !important;
+  }
+}
+`;
+function useAccordionMotionStyles() {
+  React.useInsertionEffect(() => {
+    if (typeof document === "undefined") {
+      return;
+    }
+    if (document.getElementById(ACCORDION_MOTION_STYLE_ID)) {
+      return;
+    }
+    const style = document.createElement("style");
+    style.id = ACCORDION_MOTION_STYLE_ID;
+    style.textContent = ACCORDION_MOTION_STYLES;
+    document.head.appendChild(style);
+  }, []);
+}
+const AccordionContext = React.createContext({
+  density: "comfortable",
+  disabled: false
+});
+function useAccordionStyles() {
+  return React.useContext(AccordionContext);
+}
+const AccordionRoot = React.forwardRef(
+  ({ children, disabled = false, ...props }, forwardedRef) => {
+    const { asChild, className, ...accordionProps } = extractProps(props, accordionPropDefs);
+    const rootProps = accordionProps;
+    const contextValue = React.useMemo(
+      () => ({ density: "comfortable", disabled }),
+      [disabled]
+    );
+    if (!asChild) {
+      return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(AccordionPrimitive.Root, { ...rootProps, ref: forwardedRef, className, disabled, children }) });
+    }
+    return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(AccordionPrimitive.Root, { ...rootProps, ref: forwardedRef, asChild: true, disabled, children: /* @__PURE__ */ jsx(Slot, { className, children }) }) });
+  }
+);
+AccordionRoot.displayName = "Accordion";
+const AccordionItem = React.forwardRef(
+  ({ children, ...props }, forwardedRef) => {
+    const { asChild, className, ...itemProps } = extractProps(props, accordionItemPropDefs);
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(AccordionPrimitive.Item, { ...itemProps, ref: forwardedRef, asChild: true, children: /* @__PURE__ */ jsx(Comp, { className: classNames("dsx-accordion__item", className), children }) });
+  }
+);
+AccordionItem.displayName = "AccordionItem";
+const AccordionHeader = React.forwardRef(
+  ({ children, ...props }, forwardedRef) => {
+    const { asChild, className, ...headerProps } = extractProps(props, accordionHeaderPropDefs);
+    const Comp = asChild ? Slot : "h3";
+    return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { ...headerProps, ref: forwardedRef, asChild: true, children: /* @__PURE__ */ jsx(Comp, { className: classNames("dsx-accordion__header", className), children }) });
+  }
+);
+AccordionHeader.displayName = "AccordionHeader";
+const AccordionTrigger = React.forwardRef(
+  ({ children, ...props }, forwardedRef) => {
+    const { asChild, className, indicator, ...triggerProps } = extractProps(props, accordionTriggerPropDefs);
+    const Comp = asChild ? Slot : "button";
+    const indicatorContent = indicator === void 0 ? /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: "lg" }) : indicator;
+    return /* @__PURE__ */ jsx(AccordionPrimitive.Trigger, { ...triggerProps, ref: forwardedRef, asChild: true, children: /* @__PURE__ */ jsxs(Comp, { className: classNames("dsx-accordion__trigger", className), children: [
+      /* @__PURE__ */ jsx("span", { className: "dsx-accordion__label", children: asChild ? /* @__PURE__ */ jsx(Slottable, { children }) : children }),
+      indicator !== false && /* @__PURE__ */ jsx("span", { className: "dsx-accordion__chevron", "data-slot": "accordion-trigger-indicator", "aria-hidden": "true", children: indicatorContent })
+    ] }) });
+  }
+);
+AccordionTrigger.displayName = "AccordionTrigger";
+const AccordionContent = React.forwardRef(
+  ({ children, ...props }, forwardedRef) => {
+    useAccordionMotionStyles();
+    const { asChild, className, ...contentProps } = extractProps(props, accordionContentPropDefs);
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(AccordionPrimitive.Content, { ...contentProps, ref: forwardedRef, asChild: true, children: /* @__PURE__ */ jsx(Comp, { className: classNames("dsx-accordion__content", className), children: /* @__PURE__ */ jsx("div", { className: "dsx-accordion__content-inner", children: asChild ? /* @__PURE__ */ jsx(Slottable, { children }) : children }) }) });
+  }
+);
+AccordionContent.displayName = "AccordionContent";
+const AccordionItemIndicator = React.forwardRef(
+  ({ children, className, asChild, ...props }, forwardedRef) => {
+    const Comp = asChild ? Slot : "div";
+    const indicatorContent = children ?? /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: "lg", className: "dsx-accordion__chevron" });
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref: forwardedRef,
+        className: classNames("dsx-accordion__indicator", className),
+        "data-slot": "accordion-item-indicator",
+        ...props,
+        children: indicatorContent
+      }
+    );
+  }
+);
+AccordionItemIndicator.displayName = "AccordionItemIndicator";
+const AccordionItemBody = React.forwardRef(
+  ({ children, className, asChild, ...props }, forwardedRef) => {
+    useAccordionMotionStyles();
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(AccordionPrimitive.Content, { asChild: true, children: /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref: forwardedRef,
+        className: classNames("dsx-accordion__body", className),
+        "data-slot": "accordion-item-body",
+        ...props,
+        children: /* @__PURE__ */ jsx("div", { className: "dsx-accordion__body-inner", children })
+      }
+    ) });
+  }
+);
+AccordionItemBody.displayName = "AccordionItemBody";
+const Accordion = Object.assign(AccordionRoot, {
+  Item: AccordionItem,
+  Header: AccordionHeader,
+  Trigger: AccordionTrigger,
+  Content: AccordionContent,
+  ItemBody: AccordionItemBody,
+  ItemIndicator: AccordionItemIndicator
+});
+export {
+  Accordion,
+  AccordionContent,
+  AccordionHeader,
+  AccordionItem,
+  AccordionItemBody,
+  AccordionItemIndicator,
+  AccordionRoot,
+  AccordionTrigger,
+  useAccordionStyles
+};
+//# sourceMappingURL=Accordion.js.map

package/dist/components/accordion/Accordion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/accordion/Accordion.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as AccordionPrimitive from '@radix-ui/react-accordion'\nimport { Slot, Slottable } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport {\n  accordionContentPropDefs,\n  accordionHeaderPropDefs,\n  accordionItemBodyPropDefs,\n  accordionItemIndicatorPropDefs,\n  accordionItemPropDefs,\n  accordionPropDefs,\n  accordionTriggerPropDefs,\n} from './accordion.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst ACCORDION_MOTION_STYLE_ID = 'dsx-accordion-motion-styles'\nconst ACCORDION_MOTION_STYLES = `\n@keyframes dsx-accordion-expand {\n  from {\n    height: 0;\n    opacity: 0;\n  }\n\n  to {\n    height: var(--radix-accordion-content-height);\n    opacity: 1;\n  }\n}\n\n@keyframes dsx-accordion-collapse {\n  from {\n    height: var(--radix-accordion-content-height);\n    opacity: 1;\n  }\n\n  to {\n    height: 0;\n    opacity: 0;\n  }\n}\n\n.dsx-accordion__content[data-state='open'] {\n  animation: dsx-accordion-expand var(--dsx-motion-duration-normal) var(--dsx-motion-easing-in-out);\n}\n\n.dsx-accordion__content[data-state='closed'] {\n  animation: dsx-accordion-collapse var(--dsx-motion-duration-normal) var(--dsx-motion-easing-in-out);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsx-accordion__content[data-state='open'],\n  .dsx-accordion__content[data-state='closed'] {\n    animation: none !important;\n  }\n}\n`\n\nfunction useAccordionMotionStyles() {\n  React.useInsertionEffect(() => {\n    if (typeof document === 'undefined') {\n      return\n    }\n\n    if (document.getElementById(ACCORDION_MOTION_STYLE_ID)) {\n      return\n    }\n\n    const style = document.createElement('style')\n\n    style.id = ACCORDION_MOTION_STYLE_ID\n    style.textContent = ACCORDION_MOTION_STYLES\n\n    document.head.appendChild(style)\n  }, [])\n}\n\ntype AccordionContextValue = {\n  density: 'comfortable' | 'compact'\n  disabled: boolean\n}\n\nconst AccordionContext = React.createContext<AccordionContextValue>({\n  density: 'comfortable',\n  disabled: false,\n})\n\nfunction useAccordionStyles() {\n  return React.useContext(AccordionContext)\n}\n\ntype AccordionOwnProps = GetPropDefTypes<typeof accordionPropDefs>\ntype AccordionItemOwnProps = GetPropDefTypes<typeof accordionItemPropDefs>\ntype AccordionHeaderOwnProps = GetPropDefTypes<typeof accordionHeaderPropDefs>\ntype AccordionTriggerOwnProps = GetPropDefTypes<typeof accordionTriggerPropDefs>\ntype AccordionContentOwnProps = GetPropDefTypes<typeof accordionContentPropDefs>\n\ntype AccordionProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & AccordionOwnProps\ntype AccordionItemProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> & AccordionItemOwnProps\ntype AccordionHeaderProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Header> & AccordionHeaderOwnProps\ntype AccordionTriggerProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & AccordionTriggerOwnProps\ntype AccordionContentProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & AccordionContentOwnProps\n\ntype AccordionItemBodyOwnProps = GetPropDefTypes<typeof accordionItemBodyPropDefs>\ntype AccordionItemIndicatorOwnProps = GetPropDefTypes<typeof accordionItemIndicatorPropDefs>\n\ntype AccordionItemBodyProps = React.ComponentPropsWithoutRef<'div'> & AccordionItemBodyOwnProps\ntype AccordionItemIndicatorProps = React.ComponentPropsWithoutRef<'div'> & AccordionItemIndicatorOwnProps\n\nconst AccordionRoot = React.forwardRef<React.ComponentRef<typeof AccordionPrimitive.Root>, AccordionProps>(\n  ({ children, disabled = false, ...props }, forwardedRef) => {\n    const { asChild, className, ...accordionProps } = extractProps(props, accordionPropDefs)\n\n    const rootProps = accordionProps as React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>\n\n    const contextValue = React.useMemo<AccordionContextValue>(\n      () => ({ density: 'comfortable', disabled }),\n      [disabled],\n    )\n\n    if (!asChild) {\n      return (\n        <AccordionContext.Provider value={contextValue}>\n          <AccordionPrimitive.Root {...rootProps} ref={forwardedRef} className={className} disabled={disabled}>\n            {children}\n          </AccordionPrimitive.Root>\n        </AccordionContext.Provider>\n      )\n    }\n\n    return (\n      <AccordionContext.Provider value={contextValue}>\n        <AccordionPrimitive.Root {...rootProps} ref={forwardedRef} asChild disabled={disabled}>\n          <Slot className={className}>{children}</Slot>\n        </AccordionPrimitive.Root>\n      </AccordionContext.Provider>\n    )\n  },\n)\nAccordionRoot.displayName = 'Accordion'\n\nconst AccordionItem = React.forwardRef<React.ComponentRef<typeof AccordionPrimitive.Item>, AccordionItemProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...itemProps } = extractProps(props, accordionItemPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <AccordionPrimitive.Item {...itemProps} ref={forwardedRef} asChild>\n        <Comp className={classNames('dsx-accordion__item', className)}>{children}</Comp>\n      </AccordionPrimitive.Item>\n    )\n  },\n)\nAccordionItem.displayName = 'AccordionItem'\n\nconst AccordionHeader = React.forwardRef<React.ComponentRef<typeof AccordionPrimitive.Header>, AccordionHeaderProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...headerProps } = extractProps(props, accordionHeaderPropDefs)\n    const Comp = asChild ? Slot : 'h3'\n\n    return (\n      <AccordionPrimitive.Header {...headerProps} ref={forwardedRef} asChild>\n        <Comp className={classNames('dsx-accordion__header', className)}>{children}</Comp>\n      </AccordionPrimitive.Header>\n    )\n  },\n)\nAccordionHeader.displayName = 'AccordionHeader'\n\nconst AccordionTrigger = React.forwardRef<React.ComponentRef<typeof AccordionPrimitive.Trigger>, AccordionTriggerProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, indicator, ...triggerProps } = extractProps(props, accordionTriggerPropDefs)\n    const Comp = asChild ? Slot : 'button'\n    const indicatorContent = indicator === undefined ? <Icon name=\"chevron-down\" size=\"lg\" /> : indicator\n\n    return (\n      <AccordionPrimitive.Trigger {...triggerProps} ref={forwardedRef} asChild>\n        <Comp className={classNames('dsx-accordion__trigger', className)}>\n          <span className=\"dsx-accordion__label\">{asChild ? <Slottable>{children}</Slottable> : children}</span>\n          {indicator !== false && (\n            <span className=\"dsx-accordion__chevron\" data-slot=\"accordion-trigger-indicator\" aria-hidden=\"true\">\n              {indicatorContent}\n            </span>\n          )}\n        </Comp>\n      </AccordionPrimitive.Trigger>\n    )\n  },\n)\nAccordionTrigger.displayName = 'AccordionTrigger'\n\nconst AccordionContent = React.forwardRef<React.ComponentRef<typeof AccordionPrimitive.Content>, AccordionContentProps>(\n  ({ children, ...props }, forwardedRef) => {\n    useAccordionMotionStyles()\n\n    const { asChild, className, ...contentProps } = extractProps(props, accordionContentPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <AccordionPrimitive.Content {...contentProps} ref={forwardedRef} asChild>\n        <Comp className={classNames('dsx-accordion__content', className)}>\n          <div className=\"dsx-accordion__content-inner\">{asChild ? <Slottable>{children}</Slottable> : children}</div>\n        </Comp>\n      </AccordionPrimitive.Content>\n    )\n  },\n)\nAccordionContent.displayName = 'AccordionContent'\n\n/**\n * @deprecated Prefer Accordion.Trigger's indicator prop. This compatibility\n * slot must not be composed alongside the trigger's built-in indicator.\n */\nconst AccordionItemIndicator = React.forwardRef<HTMLDivElement, AccordionItemIndicatorProps>(\n  ({ children, className, asChild, ...props }, forwardedRef) => {\n    const Comp = asChild ? Slot : 'div'\n    const indicatorContent = children ?? (\n      <Icon name=\"chevron-down\" size=\"lg\" className=\"dsx-accordion__chevron\" />\n    )\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        className={classNames('dsx-accordion__indicator', className)}\n        data-slot=\"accordion-item-indicator\"\n        {...props}\n      >\n        {indicatorContent}\n      </Comp>\n    )\n  },\n)\nAccordionItemIndicator.displayName = 'AccordionItemIndicator'\n\n/**\n * @deprecated Prefer Accordion.Content. ItemBody remains a compatibility alias\n * and must not be nested inside Accordion.Content.\n */\nconst AccordionItemBody = React.forwardRef<HTMLDivElement, AccordionItemBodyProps>(\n  ({ children, className, asChild, ...props }, forwardedRef) => {\n    useAccordionMotionStyles()\n\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <AccordionPrimitive.Content asChild>\n        <Comp\n          ref={forwardedRef}\n          className={classNames('dsx-accordion__body', className)}\n          data-slot=\"accordion-item-body\"\n          {...props}\n        >\n          <div className=\"dsx-accordion__body-inner\">{children}</div>\n        </Comp>\n      </AccordionPrimitive.Content>\n    )\n  },\n)\nAccordionItemBody.displayName = 'AccordionItemBody'\n\nconst Accordion: typeof AccordionRoot & {\n  Item: typeof AccordionItem\n  Header: typeof AccordionHeader\n  Trigger: typeof AccordionTrigger\n  Content: typeof AccordionContent\n  /** @deprecated Prefer Accordion.Content. */\n  ItemBody: typeof AccordionItemBody\n  /** @deprecated Prefer Accordion.Trigger's indicator prop. */\n  ItemIndicator: typeof AccordionItemIndicator\n} = Object.assign(AccordionRoot, {\n  Item: AccordionItem,\n  Header: AccordionHeader,\n  Trigger: AccordionTrigger,\n  Content: AccordionContent,\n  ItemBody: AccordionItemBody,\n  ItemIndicator: AccordionItemIndicator,\n})\n\nexport {\n  Accordion,\n  AccordionContent,\n  AccordionHeader,\n  AccordionItem,\n  AccordionItemBody,\n  AccordionItemIndicator,\n  AccordionRoot,\n  AccordionTrigger,\n  useAccordionStyles,\n}\nexport type {\n  AccordionContentProps,\n  AccordionHeaderProps,\n  AccordionItemBodyProps,\n  AccordionItemIndicatorProps,\n  AccordionItemProps,\n  AccordionProps,\n  AccordionTriggerProps,\n}\n"],
+  "mappings": ";AAEA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,YAAY,wBAAwB;AACpC,SAAS,MAAM,iBAAiB;AAEhC,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AA+GG,cAsDF,YAtDE;AA3GV,MAAM,4BAA4B;AAClC,MAAM,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyChC,SAAS,2BAA2B;AAClC,QAAM,mBAAmB,MAAM;AAC7B,QAAI,OAAO,aAAa,aAAa;AACnC;AAAA,IACF;AAEA,QAAI,SAAS,eAAe,yBAAyB,GAAG;AACtD;AAAA,IACF;AAEA,UAAM,QAAQ,SAAS,cAAc,OAAO;AAE5C,UAAM,KAAK;AACX,UAAM,cAAc;AAEpB,aAAS,KAAK,YAAY,KAAK;AAAA,EACjC,GAAG,CAAC,CAAC;AACP;AAOA,MAAM,mBAAmB,MAAM,cAAqC;AAAA,EAClE,SAAS;AAAA,EACT,UAAU;AACZ,CAAC;AAED,SAAS,qBAAqB;AAC5B,SAAO,MAAM,WAAW,gBAAgB;AAC1C;AAoBA,MAAM,gBAAgB,MAAM;AAAA,EAC1B,CAAC,EAAE,UAAU,WAAW,OAAO,GAAG,MAAM,GAAG,iBAAiB;AAC1D,UAAM,EAAE,SAAS,WAAW,GAAG,eAAe,IAAI,aAAa,OAAO,iBAAiB;AAEvF,UAAM,YAAY;AAElB,UAAM,eAAe,MAAM;AAAA,MACzB,OAAO,EAAE,SAAS,eAAe,SAAS;AAAA,MAC1C,CAAC,QAAQ;AAAA,IACX;AAEA,QAAI,CAAC,SAAS;AACZ,aACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,cAChC,8BAAC,mBAAmB,MAAnB,EAAyB,GAAG,WAAW,KAAK,cAAc,WAAsB,UAC9E,UACH,GACF;AAAA,IAEJ;AAEA,WACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,cAChC,8BAAC,mBAAmB,MAAnB,EAAyB,GAAG,WAAW,KAAK,cAAc,SAAO,MAAC,UACjE,8BAAC,QAAK,WAAuB,UAAS,GACxC,GACF;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;AAE5B,MAAM,gBAAgB,MAAM;AAAA,EAC1B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxC,UAAM,EAAE,SAAS,WAAW,GAAG,UAAU,IAAI,aAAa,OAAO,qBAAqB;AACtF,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE,oBAAC,mBAAmB,MAAnB,EAAyB,GAAG,WAAW,KAAK,cAAc,SAAO,MAChE,8BAAC,QAAK,WAAW,WAAW,uBAAuB,SAAS,GAAI,UAAS,GAC3E;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;AAE5B,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxC,UAAM,EAAE,SAAS,WAAW,GAAG,YAAY,IAAI,aAAa,OAAO,uBAAuB;AAC1F,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE,oBAAC,mBAAmB,QAAnB,EAA2B,GAAG,aAAa,KAAK,cAAc,SAAO,MACpE,8BAAC,QAAK,WAAW,WAAW,yBAAyB,SAAS,GAAI,UAAS,GAC7E;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;AAE9B,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxC,UAAM,EAAE,SAAS,WAAW,WAAW,GAAG,aAAa,IAAI,aAAa,OAAO,wBAAwB;AACvG,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,mBAAmB,cAAc,SAAY,oBAAC,QAAK,MAAK,gBAAe,MAAK,MAAK,IAAK;AAE5F,WACE,oBAAC,mBAAmB,SAAnB,EAA4B,GAAG,cAAc,KAAK,cAAc,SAAO,MACtE,+BAAC,QAAK,WAAW,WAAW,0BAA0B,SAAS,GAC7D;AAAA,0BAAC,UAAK,WAAU,wBAAwB,oBAAU,oBAAC,aAAW,UAAS,IAAe,UAAS;AAAA,MAC9F,cAAc,SACb,oBAAC,UAAK,WAAU,0BAAyB,aAAU,+BAA8B,eAAY,QAC1F,4BACH;AAAA,OAEJ,GACF;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAE/B,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxC,6BAAyB;AAEzB,UAAM,EAAE,SAAS,WAAW,GAAG,aAAa,IAAI,aAAa,OAAO,wBAAwB;AAC5F,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE,oBAAC,mBAAmB,SAAnB,EAA4B,GAAG,cAAc,KAAK,cAAc,SAAO,MACtE,8BAAC,QAAK,WAAW,WAAW,0BAA0B,SAAS,GAC7D,8BAAC,SAAI,WAAU,gCAAgC,oBAAU,oBAAC,aAAW,UAAS,IAAe,UAAS,GACxG,GACF;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAM/B,MAAM,yBAAyB,MAAM;AAAA,EACnC,CAAC,EAAE,UAAU,WAAW,SAAS,GAAG,MAAM,GAAG,iBAAiB;AAC5D,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,mBAAmB,YACvB,oBAAC,QAAK,MAAK,gBAAe,MAAK,MAAK,WAAU,0BAAyB;AAGzE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,WAAW,4BAA4B,SAAS;AAAA,QAC3D,aAAU;AAAA,QACT,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,uBAAuB,cAAc;AAMrC,MAAM,oBAAoB,MAAM;AAAA,EAC9B,CAAC,EAAE,UAAU,WAAW,SAAS,GAAG,MAAM,GAAG,iBAAiB;AAC5D,6BAAyB;AAEzB,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE,oBAAC,mBAAmB,SAAnB,EAA2B,SAAO,MACjC;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,WAAW,uBAAuB,SAAS;AAAA,QACtD,aAAU;AAAA,QACT,GAAG;AAAA,QAEJ,8BAAC,SAAI,WAAU,6BAA6B,UAAS;AAAA;AAAA,IACvD,GACF;AAAA,EAEJ;AACF;AACA,kBAAkB,cAAc;AAEhC,MAAM,YASF,OAAO,OAAO,eAAe;AAAA,EAC/B,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,eAAe;AACjB,CAAC;",
+  "names": []
+}

package/dist/components/accordion/accordion.props.cjs

@@ -0,0 +1,55 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var accordion_props_exports = {};
+__export(accordion_props_exports, {
+  accordionContentPropDefs: () => accordionContentPropDefs,
+  accordionHeaderPropDefs: () => accordionHeaderPropDefs,
+  accordionItemBodyPropDefs: () => accordionItemBodyPropDefs,
+  accordionItemIndicatorPropDefs: () => accordionItemIndicatorPropDefs,
+  accordionItemPropDefs: () => accordionItemPropDefs,
+  accordionPropDefs: () => accordionPropDefs,
+  accordionTriggerPropDefs: () => accordionTriggerPropDefs
+});
+module.exports = __toCommonJS(accordion_props_exports);
+var import_asChild = require("../../_internal/props/asChild.prop");
+const accordionPropDefs = {
+  ...import_asChild.asChildPropDef
+};
+const accordionItemPropDefs = {
+  ...import_asChild.asChildPropDef
+};
+const accordionHeaderPropDefs = {
+  ...import_asChild.asChildPropDef
+};
+const accordionTriggerPropDefs = {
+  ...import_asChild.asChildPropDef,
+  indicator: {
+    type: "ReactNode"
+  }
+};
+const accordionContentPropDefs = {
+  ...import_asChild.asChildPropDef
+};
+const accordionItemBodyPropDefs = {
+  ...import_asChild.asChildPropDef
+};
+const accordionItemIndicatorPropDefs = {
+  ...import_asChild.asChildPropDef
+};
+//# sourceMappingURL=accordion.props.cjs.map

package/dist/components/accordion/accordion.props.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/accordion/accordion.props.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst accordionPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst accordionItemPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst accordionHeaderPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst accordionTriggerPropDefs = {\n  ...asChildPropDef,\n  indicator: {\n    type: 'ReactNode',\n  },\n} satisfies {\n  asChild: PropDef\n  indicator: PropDef\n}\n\nconst accordionContentPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst accordionItemBodyPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst accordionItemIndicatorPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport {\n  accordionContentPropDefs,\n  accordionHeaderPropDefs,\n  accordionItemBodyPropDefs,\n  accordionItemIndicatorPropDefs,\n  accordionItemPropDefs,\n  accordionPropDefs,\n  accordionTriggerPropDefs,\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAI/B,MAAM,oBAAoB;AAAA,EACxB,GAAG;AACL;AAIA,MAAM,wBAAwB;AAAA,EAC5B,GAAG;AACL;AAIA,MAAM,0BAA0B;AAAA,EAC9B,GAAG;AACL;AAIA,MAAM,2BAA2B;AAAA,EAC/B,GAAG;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF;AAKA,MAAM,2BAA2B;AAAA,EAC/B,GAAG;AACL;AAIA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AACL;AAIA,MAAM,iCAAiC;AAAA,EACrC,GAAG;AACL;",
+  "names": []
+}

package/dist/components/accordion/accordion.props.d.cts

@@ -0,0 +1,47 @@
+declare const accordionPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const accordionItemPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const accordionHeaderPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const accordionTriggerPropDefs: {
+    indicator: {
+        type: "ReactNode";
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const accordionContentPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const accordionItemBodyPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const accordionItemIndicatorPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { accordionContentPropDefs, accordionHeaderPropDefs, accordionItemBodyPropDefs, accordionItemIndicatorPropDefs, accordionItemPropDefs, accordionPropDefs, accordionTriggerPropDefs, };
+//# sourceMappingURL=accordion.props.d.cts.map

package/dist/components/accordion/accordion.props.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.props.d.cts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,iBAAiB;;;;;CAItB,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;CAI1B,CAAA;AAED,QAAA,MAAM,uBAAuB;;;;;CAI5B,CAAA;AAED,QAAA,MAAM,wBAAwB;;;;;;;;CAQ7B,CAAA;AAED,QAAA,MAAM,wBAAwB;;;;;CAI7B,CAAA;AAED,QAAA,MAAM,yBAAyB;;;;;CAI9B,CAAA;AAED,QAAA,MAAM,8BAA8B;;;;;CAInC,CAAA;AAED,OAAO,EACL,wBAAwB,EACxB,uBAAuB,EACvB,yBAAyB,EACzB,8BAA8B,EAC9B,qBAAqB,EACrB,iBAAiB,EACjB,wBAAwB,GACzB,CAAA"}

package/dist/components/accordion/accordion.props.d.mts

@@ -0,0 +1,47 @@
+declare const accordionPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const accordionItemPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const accordionHeaderPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const accordionTriggerPropDefs: {
+    indicator: {
+        type: "ReactNode";
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const accordionContentPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const accordionItemBodyPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const accordionItemIndicatorPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { accordionContentPropDefs, accordionHeaderPropDefs, accordionItemBodyPropDefs, accordionItemIndicatorPropDefs, accordionItemPropDefs, accordionPropDefs, accordionTriggerPropDefs, };
+//# sourceMappingURL=accordion.props.d.mts.map

package/dist/components/accordion/accordion.props.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.props.d.mts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,iBAAiB;;;;;CAItB,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;CAI1B,CAAA;AAED,QAAA,MAAM,uBAAuB;;;;;CAI5B,CAAA;AAED,QAAA,MAAM,wBAAwB;;;;;;;;CAQ7B,CAAA;AAED,QAAA,MAAM,wBAAwB;;;;;CAI7B,CAAA;AAED,QAAA,MAAM,yBAAyB;;;;;CAI9B,CAAA;AAED,QAAA,MAAM,8BAA8B;;;;;CAInC,CAAA;AAED,OAAO,EACL,wBAAwB,EACxB,uBAAuB,EACvB,yBAAyB,EACzB,8BAA8B,EAC9B,qBAAqB,EACrB,iBAAiB,EACjB,wBAAwB,GACzB,CAAA"}

package/dist/components/accordion/accordion.props.d.ts

@@ -0,0 +1,47 @@
+declare const accordionPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const accordionItemPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const accordionHeaderPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const accordionTriggerPropDefs: {
+    indicator: {
+        type: "ReactNode";
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const accordionContentPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const accordionItemBodyPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+declare const accordionItemIndicatorPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { accordionContentPropDefs, accordionHeaderPropDefs, accordionItemBodyPropDefs, accordionItemIndicatorPropDefs, accordionItemPropDefs, accordionPropDefs, accordionTriggerPropDefs, };
+//# sourceMappingURL=accordion.props.d.ts.map

package/dist/components/accordion/accordion.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.props.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.props.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,iBAAiB;;;;;CAItB,CAAA;AAED,QAAA,MAAM,qBAAqB;;;;;CAI1B,CAAA;AAED,QAAA,MAAM,uBAAuB;;;;;CAI5B,CAAA;AAED,QAAA,MAAM,wBAAwB;;;;;;;;CAQ7B,CAAA;AAED,QAAA,MAAM,wBAAwB;;;;;CAI7B,CAAA;AAED,QAAA,MAAM,yBAAyB;;;;;CAI9B,CAAA;AAED,QAAA,MAAM,8BAA8B;;;;;CAInC,CAAA;AAED,OAAO,EACL,wBAAwB,EACxB,uBAAuB,EACvB,yBAAyB,EACzB,8BAA8B,EAC9B,qBAAqB,EACrB,iBAAiB,EACjB,wBAAwB,GACzB,CAAA"}

package/dist/components/accordion/accordion.props.js

@@ -0,0 +1,35 @@
+import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
+const accordionPropDefs = {
+  ...asChildPropDef
+};
+const accordionItemPropDefs = {
+  ...asChildPropDef
+};
+const accordionHeaderPropDefs = {
+  ...asChildPropDef
+};
+const accordionTriggerPropDefs = {
+  ...asChildPropDef,
+  indicator: {
+    type: "ReactNode"
+  }
+};
+const accordionContentPropDefs = {
+  ...asChildPropDef
+};
+const accordionItemBodyPropDefs = {
+  ...asChildPropDef
+};
+const accordionItemIndicatorPropDefs = {
+  ...asChildPropDef
+};
+export {
+  accordionContentPropDefs,
+  accordionHeaderPropDefs,
+  accordionItemBodyPropDefs,
+  accordionItemIndicatorPropDefs,
+  accordionItemPropDefs,
+  accordionPropDefs,
+  accordionTriggerPropDefs
+};
+//# sourceMappingURL=accordion.props.js.map

package/dist/components/accordion/accordion.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/accordion/accordion.props.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst accordionPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst accordionItemPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst accordionHeaderPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst accordionTriggerPropDefs = {\n  ...asChildPropDef,\n  indicator: {\n    type: 'ReactNode',\n  },\n} satisfies {\n  asChild: PropDef\n  indicator: PropDef\n}\n\nconst accordionContentPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst accordionItemBodyPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst accordionItemIndicatorPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nexport {\n  accordionContentPropDefs,\n  accordionHeaderPropDefs,\n  accordionItemBodyPropDefs,\n  accordionItemIndicatorPropDefs,\n  accordionItemPropDefs,\n  accordionPropDefs,\n  accordionTriggerPropDefs,\n}\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAI/B,MAAM,oBAAoB;AAAA,EACxB,GAAG;AACL;AAIA,MAAM,wBAAwB;AAAA,EAC5B,GAAG;AACL;AAIA,MAAM,0BAA0B;AAAA,EAC9B,GAAG;AACL;AAIA,MAAM,2BAA2B;AAAA,EAC/B,GAAG;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF;AAKA,MAAM,2BAA2B;AAAA,EAC/B,GAAG;AACL;AAIA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AACL;AAIA,MAAM,iCAAiC;AAAA,EACrC,GAAG;AACL;",
+  "names": []
+}

package/dist/components/accordion.css

@@ -0,0 +1,91 @@
+
+
+.dsx-accordion__item {
+  width: 100%;
+  overflow: hidden;
+  border-bottom: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
+}
+
+.dsx-accordion__item:last-child {
+  border-bottom: 0;
+}
+
+.dsx-accordion__header {
+  display: flex;
+  width: 100%;
+}
+
+.dsx-accordion__trigger {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--dsx-space-sm);
+  padding: var(--dsx-space-md);
+  border: 0;
+  background: transparent;
+  color: var(--dsx-color-on-surface);
+  font-family: var(--dsx-typography-label-large-font-family), sans-serif;
+  font-size: var(--dsx-typography-label-large-font-size);
+}
+
+.dsx-accordion__label {
+  flex: 1;
+  min-width: 0;
+  text-align: start;
+}
+
+.dsx-accordion__trigger[data-state='open'] {
+  color: var(--dsx-color-primary);
+}
+
+.dsx-accordion__trigger:focus-visible {
+  outline: none;
+  box-shadow: var(--dsx-shadow-focus-ring);
+}
+
+.dsx-accordion__chevron {
+  flex-shrink: 0;
+  width: var(--dsx-space-lg);
+  height: var(--dsx-space-lg);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  transform-origin: center;
+  transition: transform var(--dsx-motion-duration-fast) var(--dsx-motion-easing-in-out);
+}
+
+.dsx-accordion__trigger[data-state='open'] .dsx-accordion__chevron {
+  transform: rotate(180deg);
+}
+
+.dsx-accordion__content {
+  overflow: hidden;
+}
+
+.dsx-accordion__content-inner {
+  padding: var(--dsx-space-md);
+  color: var(--dsx-color-on-surface-variant);
+  font-family: var(--dsx-typography-body-medium-font-family), sans-serif;
+  font-size: var(--dsx-typography-body-medium-font-size);
+}
+
+.dsx-accordion__indicator {
+  flex-shrink: 0;
+  width: var(--dsx-space-lg);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.dsx-accordion__body {
+  overflow: hidden;
+}
+
+.dsx-accordion__body-inner {
+  padding: var(--dsx-space-md);
+  color: var(--dsx-color-on-surface-variant);
+  font-family: var(--dsx-typography-body-medium-font-family), sans-serif;
+  font-size: var(--dsx-typography-body-medium-font-size);
+}