@dnanpm/ui-components 0.1.0 → 0.2.0

package/README.md

@@ -17,7 +17,7 @@ React component library for the DNA Design System. Built with TypeScript, CSS Mo
 - Themed with design tokens from `@dnanpm/design-tokens`
 - Supports server-side rendering and tree-shaking
 - Comprehensive documentation and examples
-- Single CSS file for easier consumption
+- One-line CSS setup via `styles.css`
 - Selective exports for optimal bundle sizes
 
 ## Installation
@@ -45,7 +45,7 @@ function App() {
 
 ## Implementation Model
 
-Components are written as plain React, with `forwardRef`, CSS Modules, and BEM naming. Design tokens are available as CSS custom properties: `var(--colors-primitive-pink-500)`, `var(--spacing-ui-md)`, etc.
+Components are written as plain React function components with CSS Modules and BEM naming. Design tokens are available as CSS custom properties: `var(--color-semantic-foreground-default)`, `var(--spacing-ui-md)`, etc.
 
 ### Tree-shaking
 

package/dist/components/Accordion/Accordion.cjs

@@ -5,7 +5,14 @@ const react = require("react");
 const Accordion_utils = require("./Accordion.utils.cjs");
 const Accordion_module = require("./Accordion.module.css.cjs");
 const cn = require("../../utils/cn/cn.cjs");
-const Accordion = react.forwardRef(function Accordion2({ variant = "box", autoCollapsible = false, children, className, ...props }, ref) {
+const Accordion = ({
+  variant = "box",
+  autoCollapsible = false,
+  children,
+  className,
+  ref,
+  ...props
+}) => {
   const groupName = react.useId();
   const contextValue = react.useMemo(
     () => ({ variant, groupName: autoCollapsible ? groupName : void 0 }),
@@ -20,7 +27,6 @@ const Accordion = react.forwardRef(function Accordion2({ variant = "box", autoCo
       children
     }
   ) });
-});
-Accordion.displayName = "Accordion";
+};
 exports.Accordion = Accordion;
 //# sourceMappingURL=Accordion.cjs.map

package/dist/components/Accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo } from 'react';\nimport { cn } from '../../utils/cn';\nimport { AccordionContext } from './Accordion.utils';\nimport styles from './Accordion.module.css';\nimport type { AccordionProps } from './Accordion.types';\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(function Accordion(\n    { variant = 'box', autoCollapsible = false, children, className, ...props },\n    ref,\n) {\n    const groupName = useId();\n    const contextValue = useMemo(\n        () => ({ variant, groupName: autoCollapsible ? groupName : undefined }),\n        [variant, autoCollapsible, groupName],\n    );\n\n    return (\n        <AccordionContext.Provider value={contextValue}>\n            <div\n                ref={ref}\n                className={cn(styles.accordion, styles[`accordion--${variant}`], className)}\n                {...props}\n            >\n                {children}\n            </div>\n        </AccordionContext.Provider>\n    );\n});\n\nAccordion.displayName = 'Accordion';\n"],"names":["forwardRef","Accordion","useId","useMemo","jsx","AccordionContext","cn","styles"],"mappings":";;;;;;;AAMO,MAAM,YAAYA,MAAAA,WAA2C,SAASC,WACzE,EAAE,UAAU,OAAO,kBAAkB,OAAO,UAAU,WAAW,GAAG,MAAA,GACpE,KACF;AACE,QAAM,YAAYC,MAAAA,MAAA;AAClB,QAAM,eAAeC,MAAAA;AAAAA,IACjB,OAAO,EAAE,SAAS,WAAW,kBAAkB,YAAY,OAAA;AAAA,IAC3D,CAAC,SAAS,iBAAiB,SAAS;AAAA,EAAA;AAGxC,SACIC,2BAAAA,IAACC,gBAAAA,iBAAiB,UAAjB,EAA0B,OAAO,cAC9B,UAAAD,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAWE,GAAAA,GAAGC,iBAAAA,QAAO,WAAWA,iBAAAA,QAAO,cAAc,OAAO,EAAE,GAAG,SAAS;AAAA,MACzE,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA,GAET;AAER,CAAC;AAED,UAAU,cAAc;;"}
+{"version":3,"file":"Accordion.cjs","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { useId, useMemo } from 'react';\nimport { cn } from '../../utils/cn';\nimport { AccordionContext } from './Accordion.utils';\nimport styles from './Accordion.module.css';\nimport type { AccordionProps } from './Accordion.types';\n\nexport const Accordion = ({\n    variant = 'box',\n    autoCollapsible = false,\n    children,\n    className,\n    ref,\n    ...props\n}: AccordionProps) => {\n    const groupName = useId();\n    const contextValue = useMemo(\n        () => ({ variant, groupName: autoCollapsible ? groupName : undefined }),\n        [variant, autoCollapsible, groupName],\n    );\n\n    return (\n        <AccordionContext.Provider value={contextValue}>\n            <div\n                ref={ref}\n                className={cn(styles.accordion, styles[`accordion--${variant}`], className)}\n                {...props}\n            >\n                {children}\n            </div>\n        </AccordionContext.Provider>\n    );\n};\n"],"names":["useId","useMemo","jsx","AccordionContext","cn","styles"],"mappings":";;;;;;;AAMO,MAAM,YAAY,CAAC;AAAA,EACtB,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAsB;AAClB,QAAM,YAAYA,MAAAA,MAAA;AAClB,QAAM,eAAeC,MAAAA;AAAAA,IACjB,OAAO,EAAE,SAAS,WAAW,kBAAkB,YAAY,OAAA;AAAA,IAC3D,CAAC,SAAS,iBAAiB,SAAS;AAAA,EAAA;AAGxC,SACIC,2BAAAA,IAACC,gBAAAA,iBAAiB,UAAjB,EAA0B,OAAO,cAC9B,UAAAD,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAWE,GAAAA,GAAGC,iBAAAA,QAAO,WAAWA,iBAAAA,QAAO,cAAc,OAAO,EAAE,GAAG,SAAS;AAAA,MACzE,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA,GAET;AAER;;"}

package/dist/components/Accordion/Accordion.d.ts

@@ -1,3 +1,3 @@
 import { AccordionProps } from './Accordion.types';
-export declare const Accordion: import('react').ForwardRefExoticComponent<AccordionProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Accordion: ({ variant, autoCollapsible, children, className, ref, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Accordion.d.ts.map

package/dist/components/Accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,2GAqBpB,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,GAAI,kEAOvB,cAAc,4CAkBhB,CAAC"}

package/dist/components/Accordion/Accordion.js

@@ -1,9 +1,16 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef, useId, useMemo } from "react";
+import { useId, useMemo } from "react";
 import { AccordionContext } from "./Accordion.utils.js";
 import styles from "./Accordion.module.css.js";
 import { cn } from "../../utils/cn/cn.js";
-const Accordion = forwardRef(function Accordion2({ variant = "box", autoCollapsible = false, children, className, ...props }, ref) {
+const Accordion = ({
+  variant = "box",
+  autoCollapsible = false,
+  children,
+  className,
+  ref,
+  ...props
+}) => {
   const groupName = useId();
   const contextValue = useMemo(
     () => ({ variant, groupName: autoCollapsible ? groupName : void 0 }),
@@ -18,8 +25,7 @@ const Accordion = forwardRef(function Accordion2({ variant = "box", autoCollapsi
       children
     }
   ) });
-});
-Accordion.displayName = "Accordion";
+};
 export {
   Accordion
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo } from 'react';\nimport { cn } from '../../utils/cn';\nimport { AccordionContext } from './Accordion.utils';\nimport styles from './Accordion.module.css';\nimport type { AccordionProps } from './Accordion.types';\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(function Accordion(\n    { variant = 'box', autoCollapsible = false, children, className, ...props },\n    ref,\n) {\n    const groupName = useId();\n    const contextValue = useMemo(\n        () => ({ variant, groupName: autoCollapsible ? groupName : undefined }),\n        [variant, autoCollapsible, groupName],\n    );\n\n    return (\n        <AccordionContext.Provider value={contextValue}>\n            <div\n                ref={ref}\n                className={cn(styles.accordion, styles[`accordion--${variant}`], className)}\n                {...props}\n            >\n                {children}\n            </div>\n        </AccordionContext.Provider>\n    );\n});\n\nAccordion.displayName = 'Accordion';\n"],"names":["Accordion"],"mappings":";;;;;AAMO,MAAM,YAAY,WAA2C,SAASA,WACzE,EAAE,UAAU,OAAO,kBAAkB,OAAO,UAAU,WAAW,GAAG,MAAA,GACpE,KACF;AACE,QAAM,YAAY,MAAA;AAClB,QAAM,eAAe;AAAA,IACjB,OAAO,EAAE,SAAS,WAAW,kBAAkB,YAAY,OAAA;AAAA,IAC3D,CAAC,SAAS,iBAAiB,SAAS;AAAA,EAAA;AAGxC,SACI,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,cAC9B,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAW,GAAG,OAAO,WAAW,OAAO,cAAc,OAAO,EAAE,GAAG,SAAS;AAAA,MACzE,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA,GAET;AAER,CAAC;AAED,UAAU,cAAc;"}
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { useId, useMemo } from 'react';\nimport { cn } from '../../utils/cn';\nimport { AccordionContext } from './Accordion.utils';\nimport styles from './Accordion.module.css';\nimport type { AccordionProps } from './Accordion.types';\n\nexport const Accordion = ({\n    variant = 'box',\n    autoCollapsible = false,\n    children,\n    className,\n    ref,\n    ...props\n}: AccordionProps) => {\n    const groupName = useId();\n    const contextValue = useMemo(\n        () => ({ variant, groupName: autoCollapsible ? groupName : undefined }),\n        [variant, autoCollapsible, groupName],\n    );\n\n    return (\n        <AccordionContext.Provider value={contextValue}>\n            <div\n                ref={ref}\n                className={cn(styles.accordion, styles[`accordion--${variant}`], className)}\n                {...props}\n            >\n                {children}\n            </div>\n        </AccordionContext.Provider>\n    );\n};\n"],"names":[],"mappings":";;;;;AAMO,MAAM,YAAY,CAAC;AAAA,EACtB,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAsB;AAClB,QAAM,YAAY,MAAA;AAClB,QAAM,eAAe;AAAA,IACjB,OAAO,EAAE,SAAS,WAAW,kBAAkB,YAAY,OAAA;AAAA,IAC3D,CAAC,SAAS,iBAAiB,SAAS;AAAA,EAAA;AAGxC,SACI,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,cAC9B,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAW,GAAG,OAAO,WAAW,OAAO,cAAc,OAAO,EAAE,GAAG,SAAS;AAAA,MACzE,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}

package/dist/components/Accordion/Accordion.types.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-export interface AccordionProps extends ComponentPropsWithoutRef<'div'> {
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export interface AccordionProps extends ComponentPropsWithRef<'div'> {
     /**
      * Visual style variant that controls spacing between items.
      * - `box`: 16px gap between items

package/dist/components/Accordion/Accordion.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.types.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,WAAW,cAAe,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACnE;;;;;OAKG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IACnC;;;;OAIG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAChC"}
+{"version":3,"file":"Accordion.types.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,WAAW,cAAe,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAChE;;;;;OAKG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IACnC;;;;OAIG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAChC"}

package/dist/components/AccordionItem/AccordionItem.cjs

@@ -1,57 +1,57 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
 const icons = require("@dnanpm/icons");
 const Accordion_utils = require("../Accordion/Accordion.utils.cjs");
 const elevation_module = require("../../styles/utils/elevation.module.css.cjs");
 const focus_module = require("../../styles/utils/focus.module.css.cjs");
 const AccordionItem_module = require("./AccordionItem.module.css.cjs");
 const cn = require("../../utils/cn/cn.cjs");
-const AccordionItem = react.forwardRef(
-  function AccordionItem2({ label, variant: variantProp, image, imageSize, children, className, name, ...props }, ref) {
-    const { variant: contextVariant, groupName } = Accordion_utils.useAccordionContext();
-    const variant = variantProp ?? contextVariant;
-    const resolvedImageSize = image ? imageSize ?? "md" : void 0;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "details",
-      {
-        ref,
-        className: cn.cn(
-          AccordionItem_module["accordion-item"],
-          AccordionItem_module[`accordion-item--${variant}`],
-          variant === "box" && elevation_module.default.elevationLow,
-          className
-        ),
-        ...props,
-        name: groupName ?? name,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "summary",
+const AccordionItem = ({
+  label,
+  variant: variantProp,
+  image,
+  imageSize,
+  children,
+  className,
+  name,
+  ref,
+  ...props
+}) => {
+  const { variant: contextVariant, groupName } = Accordion_utils.useAccordionContext();
+  const variant = variantProp ?? contextVariant;
+  const resolvedImageSize = image ? imageSize ?? "md" : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "details",
+    {
+      ref,
+      className: cn.cn(
+        AccordionItem_module["accordion-item"],
+        AccordionItem_module[`accordion-item--${variant}`],
+        variant === "box" && elevation_module.default.elevationLow,
+        className
+      ),
+      ...props,
+      name: groupName ?? name,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: cn.cn(AccordionItem_module["accordion-item__summary"], focus_module.default.focusableInset), children: [
+          image && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
             {
-              className: cn.cn(AccordionItem_module["accordion-item__summary"], focus_module.default.focusableInset),
-              children: [
-                image && /* @__PURE__ */ jsxRuntime.jsx(
-                  "span",
-                  {
-                    className: cn.cn(
-                      AccordionItem_module["accordion-item__image"],
-                      resolvedImageSize && AccordionItem_module[`accordion-item__image--${resolvedImageSize}`]
-                    ),
-                    children: image
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: AccordionItem_module["accordion-item__label"], children: label }),
-                /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDown, { className: AccordionItem_module["accordion-item__chevron"], "aria-hidden": "true" })
-              ]
+              className: cn.cn(
+                AccordionItem_module["accordion-item__image"],
+                resolvedImageSize && AccordionItem_module[`accordion-item__image--${resolvedImageSize}`]
+              ),
+              children: image
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: AccordionItem_module["accordion-item__content"], children })
-        ]
-      }
-    );
-  }
-);
-AccordionItem.displayName = "AccordionItem";
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: AccordionItem_module["accordion-item__label"], children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDown, { className: AccordionItem_module["accordion-item__chevron"], "aria-hidden": "true" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: AccordionItem_module["accordion-item__content"], children })
+      ]
+    }
+  );
+};
 exports.AccordionItem = AccordionItem;
 //# sourceMappingURL=AccordionItem.cjs.map

package/dist/components/AccordionItem/AccordionItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.cjs","sources":["../../../src/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { ChevronDown } from '@dnanpm/icons';\nimport { cn } from '../../utils/cn';\nimport { useAccordionContext } from '../Accordion/Accordion.utils';\nimport elevationStyles from '../../styles/utils/elevation.module.css';\nimport focusStyles from '../../styles/utils/focus.module.css';\nimport styles from './AccordionItem.module.css';\nimport type { AccordionItemProps } from './AccordionItem.types';\n\nexport const AccordionItem = forwardRef<HTMLDetailsElement, AccordionItemProps>(\n    function AccordionItem(\n        { label, variant: variantProp, image, imageSize, children, className, name, ...props },\n        ref,\n    ) {\n        const { variant: contextVariant, groupName } = useAccordionContext();\n        const variant = variantProp ?? contextVariant;\n        const resolvedImageSize = image ? (imageSize ?? 'md') : undefined;\n\n        return (\n            <details\n                ref={ref}\n                className={cn(\n                    styles['accordion-item'],\n                    styles[`accordion-item--${variant}`],\n                    variant === 'box' && elevationStyles.elevationLow,\n                    className,\n                )}\n                {...props}\n                name={groupName ?? name}\n            >\n                <summary\n                    className={cn(styles['accordion-item__summary'], focusStyles.focusableInset)}\n                >\n                    {image && (\n                        <span\n                            className={cn(\n                                styles['accordion-item__image'],\n                                resolvedImageSize &&\n                                    styles[`accordion-item__image--${resolvedImageSize}`],\n                            )}\n                        >\n                            {image}\n                        </span>\n                    )}\n                    <span className={styles['accordion-item__label']}>{label}</span>\n                    <ChevronDown className={styles['accordion-item__chevron']} aria-hidden=\"true\" />\n                </summary>\n                <div className={styles['accordion-item__content']}>{children}</div>\n            </details>\n        );\n    },\n);\n\nAccordionItem.displayName = 'AccordionItem';\n"],"names":["forwardRef","AccordionItem","useAccordionContext","jsxs","cn","styles","elevationStyles","focusStyles","jsx","ChevronDown"],"mappings":";;;;;;;;;;AASO,MAAM,gBAAgBA,MAAAA;AAAAA,EACzB,SAASC,eACL,EAAE,OAAO,SAAS,aAAa,OAAO,WAAW,UAAU,WAAW,MAAM,GAAG,MAAA,GAC/E,KACF;AACE,UAAM,EAAE,SAAS,gBAAgB,UAAA,IAAcC,gBAAAA,oBAAA;AAC/C,UAAM,UAAU,eAAe;AAC/B,UAAM,oBAAoB,QAAS,aAAa,OAAQ;AAExD,WACIC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,WAAWC,GAAAA;AAAAA,UACPC,qBAAO,gBAAgB;AAAA,UACvBA,qBAAO,mBAAmB,OAAO,EAAE;AAAA,UACnC,YAAY,SAASC,iBAAAA,QAAgB;AAAA,UACrC;AAAA,QAAA;AAAA,QAEH,GAAG;AAAA,QACJ,MAAM,aAAa;AAAA,QAEnB,UAAA;AAAA,UAAAH,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWC,GAAAA,GAAGC,qBAAO,yBAAyB,GAAGE,aAAAA,QAAY,cAAc;AAAA,cAE1E,UAAA;AAAA,gBAAA,SACGC,2BAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAWJ,GAAAA;AAAAA,sBACPC,qBAAO,uBAAuB;AAAA,sBAC9B,qBACIA,qBAAO,0BAA0B,iBAAiB,EAAE;AAAA,oBAAA;AAAA,oBAG3D,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,+CAGR,QAAA,EAAK,WAAWA,qBAAO,uBAAuB,GAAI,UAAA,OAAM;AAAA,+CACxDI,MAAAA,aAAA,EAAY,WAAWJ,qBAAO,yBAAyB,GAAG,eAAY,OAAA,CAAO;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,yCAEjF,OAAA,EAAI,WAAWA,qBAAO,yBAAyB,GAAI,SAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGzE;AACJ;AAEA,cAAc,cAAc;;"}
+{"version":3,"file":"AccordionItem.cjs","sources":["../../../src/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import { ChevronDown } from '@dnanpm/icons';\nimport { cn } from '../../utils/cn';\nimport { useAccordionContext } from '../Accordion/Accordion.utils';\nimport elevationStyles from '../../styles/utils/elevation.module.css';\nimport focusStyles from '../../styles/utils/focus.module.css';\nimport styles from './AccordionItem.module.css';\nimport type { AccordionItemProps } from './AccordionItem.types';\n\nexport const AccordionItem = ({\n    label,\n    variant: variantProp,\n    image,\n    imageSize,\n    children,\n    className,\n    name,\n    ref,\n    ...props\n}: AccordionItemProps) => {\n    const { variant: contextVariant, groupName } = useAccordionContext();\n    const variant = variantProp ?? contextVariant;\n    const resolvedImageSize = image ? (imageSize ?? 'md') : undefined;\n\n    return (\n        <details\n            ref={ref}\n            className={cn(\n                styles['accordion-item'],\n                styles[`accordion-item--${variant}`],\n                variant === 'box' && elevationStyles.elevationLow,\n                className,\n            )}\n            {...props}\n            name={groupName ?? name}\n        >\n            <summary className={cn(styles['accordion-item__summary'], focusStyles.focusableInset)}>\n                {image && (\n                    <span\n                        className={cn(\n                            styles['accordion-item__image'],\n                            resolvedImageSize &&\n                                styles[`accordion-item__image--${resolvedImageSize}`],\n                        )}\n                    >\n                        {image}\n                    </span>\n                )}\n                <span className={styles['accordion-item__label']}>{label}</span>\n                <ChevronDown className={styles['accordion-item__chevron']} aria-hidden=\"true\" />\n            </summary>\n            <div className={styles['accordion-item__content']}>{children}</div>\n        </details>\n    );\n};\n"],"names":["useAccordionContext","jsxs","cn","styles","elevationStyles","focusStyles","jsx","ChevronDown"],"mappings":";;;;;;;;;AAQO,MAAM,gBAAgB,CAAC;AAAA,EAC1B;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAA0B;AACtB,QAAM,EAAE,SAAS,gBAAgB,UAAA,IAAcA,gBAAAA,oBAAA;AAC/C,QAAM,UAAU,eAAe;AAC/B,QAAM,oBAAoB,QAAS,aAAa,OAAQ;AAExD,SACIC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAWC,GAAAA;AAAAA,QACPC,qBAAO,gBAAgB;AAAA,QACvBA,qBAAO,mBAAmB,OAAO,EAAE;AAAA,QACnC,YAAY,SAASC,iBAAAA,QAAgB;AAAA,QACrC;AAAA,MAAA;AAAA,MAEH,GAAG;AAAA,MACJ,MAAM,aAAa;AAAA,MAEnB,UAAA;AAAA,QAAAH,2BAAAA,KAAC,WAAA,EAAQ,WAAWC,MAAGC,qBAAO,yBAAyB,GAAGE,aAAAA,QAAY,cAAc,GAC/E,UAAA;AAAA,UAAA,SACGC,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWJ,GAAAA;AAAAA,gBACPC,qBAAO,uBAAuB;AAAA,gBAC9B,qBACIA,qBAAO,0BAA0B,iBAAiB,EAAE;AAAA,cAAA;AAAA,cAG3D,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,yCAGR,QAAA,EAAK,WAAWA,qBAAO,uBAAuB,GAAI,UAAA,OAAM;AAAA,yCACxDI,MAAAA,aAAA,EAAY,WAAWJ,qBAAO,yBAAyB,GAAG,eAAY,OAAA,CAAO;AAAA,QAAA,GAClF;AAAA,uCACC,OAAA,EAAI,WAAWA,qBAAO,yBAAyB,GAAI,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzE;;"}

package/dist/components/AccordionItem/AccordionItem.css

@@ -7,21 +7,21 @@
 
 /* === Box variant === */
 
-._accordion-item--box_1724u_10 {
-    background: var(--colors-semantic-surface-base);
-    color: var(--colors-semantic-foreground-default);
+._accordion-item--box_8bxcn_10 {
+    background: var(--color-semantic-surface-base);
+    color: var(--color-semantic-foreground-default);
 }
 
 /* === Panel variant === */
 /* Inherits text color from parent context intentionally */
 
-._accordion-item--panel_1724u_18 {
-    border-bottom: var(--borderwidth-semantic-xs) solid var(--colors-semantic-border-neutral-mid);
+._accordion-item--panel_8bxcn_18 {
+    border-bottom: var(--borderwidth-semantic-xs) solid var(--color-semantic-border-neutral-mid);
 }
 
 /* === Summary (clickable header) === */
 
-._accordion-item__summary_1724u_24 {
+._accordion-item__summary_8bxcn_24 {
     display: flex;
     align-items: center;
     gap: var(--spacing-ui-lg);
@@ -33,14 +33,14 @@
 }
 
 /* Remove default marker in all browsers */
-._accordion-item__summary_1724u_24::-webkit-details-marker,
-._accordion-item__summary_1724u_24::marker {
+._accordion-item__summary_8bxcn_24::-webkit-details-marker,
+._accordion-item__summary_8bxcn_24::marker {
     display: none;
 }
 
 /* === Image === */
 
-._accordion-item__image_1724u_43 {
+._accordion-item__image_8bxcn_43 {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -57,45 +57,45 @@
 
 /* === Image size variants === */
 
-._accordion-item__image--sm_1724u_60 {
+._accordion-item__image--sm_8bxcn_60 {
     width: 1.5rem;
     height: 1.5rem;
 }
 
-._accordion-item__image--md_1724u_65 {
+._accordion-item__image--md_8bxcn_65 {
     width: 2.5rem;
     height: 2.5rem;
 }
 
-._accordion-item__image--lg_1724u_70 {
+._accordion-item__image--lg_8bxcn_70 {
     width: 5rem;
     height: 5rem;
 }
 
 /* === Label === */
 
-._accordion-item__label_1724u_77 {
+._accordion-item__label_8bxcn_77 {
     flex: 1 1 auto;
     min-width: 0;
-    font-weight: 700;
+    font-weight: var(--typography-font-weight-bold);
 }
 
 /* === Chevron icon === */
 
-._accordion-item__chevron_1724u_85 {
+._accordion-item__chevron_8bxcn_85 {
     flex: 0 0 auto;
     width: 1.5rem;
     height: 1.5rem;
     transition: transform 0.2s ease-in-out;
 }
 
-._accordion-item_1724u_10[open] > ._accordion-item__summary_1724u_24 ._accordion-item__chevron_1724u_85 {
+._accordion-item_8bxcn_10[open] > ._accordion-item__summary_8bxcn_24 ._accordion-item__chevron_8bxcn_85 {
     transform: rotate(180deg);
 }
 
 /* === Content area === */
 
-._accordion-item__content_1724u_98 {
+._accordion-item__content_8bxcn_98 {
     padding: 0 var(--spacing-ui-lg) var(--spacing-ui-lg);
 
     & > *:last-child {
@@ -104,7 +104,7 @@
 }
 
 /* === Animation === */
-._accordion-item_1724u_10::details-content {
+._accordion-item_8bxcn_10::details-content {
     display: block;
     block-size: 0;
     opacity: 0;
@@ -116,7 +116,7 @@
         transition-behavior: allow-discrete;
     }
 }
-._accordion-item_1724u_10[open]::details-content {
+._accordion-item_8bxcn_10[open]::details-content {
     /* Fallback for browsers that don't support calc-size() function */
     block-size: auto;
     opacity: 1;

package/dist/components/AccordionItem/AccordionItem.d.ts

@@ -1,3 +1,3 @@
 import { AccordionItemProps } from './AccordionItem.types';
-export declare const AccordionItem: import('react').ForwardRefExoticComponent<AccordionItemProps & import('react').RefAttributes<HTMLDetailsElement>>;
+export declare const AccordionItem: ({ label, variant: variantProp, image, imageSize, children, className, name, ref, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AccordionItem.d.ts.map

package/dist/components/AccordionItem/AccordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,aAAa,mHA0CzB,CAAC"}
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,aAAa,GAAI,6FAU3B,kBAAkB,4CAmCpB,CAAC"}

package/dist/components/AccordionItem/AccordionItem.js

@@ -1,56 +1,56 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { ChevronDown } from "@dnanpm/icons";
 import { useAccordionContext } from "../Accordion/Accordion.utils.js";
 import elevationStyles from "../../styles/utils/elevation.module.css.js";
 import focusStyles from "../../styles/utils/focus.module.css.js";
 import styles from "./AccordionItem.module.css.js";
 import { cn } from "../../utils/cn/cn.js";
-const AccordionItem = forwardRef(
-  function AccordionItem2({ label, variant: variantProp, image, imageSize, children, className, name, ...props }, ref) {
-    const { variant: contextVariant, groupName } = useAccordionContext();
-    const variant = variantProp ?? contextVariant;
-    const resolvedImageSize = image ? imageSize ?? "md" : void 0;
-    return /* @__PURE__ */ jsxs(
-      "details",
-      {
-        ref,
-        className: cn(
-          styles["accordion-item"],
-          styles[`accordion-item--${variant}`],
-          variant === "box" && elevationStyles.elevationLow,
-          className
-        ),
-        ...props,
-        name: groupName ?? name,
-        children: [
-          /* @__PURE__ */ jsxs(
-            "summary",
+const AccordionItem = ({
+  label,
+  variant: variantProp,
+  image,
+  imageSize,
+  children,
+  className,
+  name,
+  ref,
+  ...props
+}) => {
+  const { variant: contextVariant, groupName } = useAccordionContext();
+  const variant = variantProp ?? contextVariant;
+  const resolvedImageSize = image ? imageSize ?? "md" : void 0;
+  return /* @__PURE__ */ jsxs(
+    "details",
+    {
+      ref,
+      className: cn(
+        styles["accordion-item"],
+        styles[`accordion-item--${variant}`],
+        variant === "box" && elevationStyles.elevationLow,
+        className
+      ),
+      ...props,
+      name: groupName ?? name,
+      children: [
+        /* @__PURE__ */ jsxs("summary", { className: cn(styles["accordion-item__summary"], focusStyles.focusableInset), children: [
+          image && /* @__PURE__ */ jsx(
+            "span",
             {
-              className: cn(styles["accordion-item__summary"], focusStyles.focusableInset),
-              children: [
-                image && /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: cn(
-                      styles["accordion-item__image"],
-                      resolvedImageSize && styles[`accordion-item__image--${resolvedImageSize}`]
-                    ),
-                    children: image
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: styles["accordion-item__label"], children: label }),
-                /* @__PURE__ */ jsx(ChevronDown, { className: styles["accordion-item__chevron"], "aria-hidden": "true" })
-              ]
+              className: cn(
+                styles["accordion-item__image"],
+                resolvedImageSize && styles[`accordion-item__image--${resolvedImageSize}`]
+              ),
+              children: image
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: styles["accordion-item__content"], children })
-        ]
-      }
-    );
-  }
-);
-AccordionItem.displayName = "AccordionItem";
+          /* @__PURE__ */ jsx("span", { className: styles["accordion-item__label"], children: label }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: styles["accordion-item__chevron"], "aria-hidden": "true" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: styles["accordion-item__content"], children })
+      ]
+    }
+  );
+};
 export {
   AccordionItem
 };

package/dist/components/AccordionItem/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../src/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { ChevronDown } from '@dnanpm/icons';\nimport { cn } from '../../utils/cn';\nimport { useAccordionContext } from '../Accordion/Accordion.utils';\nimport elevationStyles from '../../styles/utils/elevation.module.css';\nimport focusStyles from '../../styles/utils/focus.module.css';\nimport styles from './AccordionItem.module.css';\nimport type { AccordionItemProps } from './AccordionItem.types';\n\nexport const AccordionItem = forwardRef<HTMLDetailsElement, AccordionItemProps>(\n    function AccordionItem(\n        { label, variant: variantProp, image, imageSize, children, className, name, ...props },\n        ref,\n    ) {\n        const { variant: contextVariant, groupName } = useAccordionContext();\n        const variant = variantProp ?? contextVariant;\n        const resolvedImageSize = image ? (imageSize ?? 'md') : undefined;\n\n        return (\n            <details\n                ref={ref}\n                className={cn(\n                    styles['accordion-item'],\n                    styles[`accordion-item--${variant}`],\n                    variant === 'box' && elevationStyles.elevationLow,\n                    className,\n                )}\n                {...props}\n                name={groupName ?? name}\n            >\n                <summary\n                    className={cn(styles['accordion-item__summary'], focusStyles.focusableInset)}\n                >\n                    {image && (\n                        <span\n                            className={cn(\n                                styles['accordion-item__image'],\n                                resolvedImageSize &&\n                                    styles[`accordion-item__image--${resolvedImageSize}`],\n                            )}\n                        >\n                            {image}\n                        </span>\n                    )}\n                    <span className={styles['accordion-item__label']}>{label}</span>\n                    <ChevronDown className={styles['accordion-item__chevron']} aria-hidden=\"true\" />\n                </summary>\n                <div className={styles['accordion-item__content']}>{children}</div>\n            </details>\n        );\n    },\n);\n\nAccordionItem.displayName = 'AccordionItem';\n"],"names":["AccordionItem"],"mappings":";;;;;;;;AASO,MAAM,gBAAgB;AAAA,EACzB,SAASA,eACL,EAAE,OAAO,SAAS,aAAa,OAAO,WAAW,UAAU,WAAW,MAAM,GAAG,MAAA,GAC/E,KACF;AACE,UAAM,EAAE,SAAS,gBAAgB,UAAA,IAAc,oBAAA;AAC/C,UAAM,UAAU,eAAe;AAC/B,UAAM,oBAAoB,QAAS,aAAa,OAAQ;AAExD,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,WAAW;AAAA,UACP,OAAO,gBAAgB;AAAA,UACvB,OAAO,mBAAmB,OAAO,EAAE;AAAA,UACnC,YAAY,SAAS,gBAAgB;AAAA,UACrC;AAAA,QAAA;AAAA,QAEH,GAAG;AAAA,QACJ,MAAM,aAAa;AAAA,QAEnB,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,GAAG,OAAO,yBAAyB,GAAG,YAAY,cAAc;AAAA,cAE1E,UAAA;AAAA,gBAAA,SACG;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW;AAAA,sBACP,OAAO,uBAAuB;AAAA,sBAC9B,qBACI,OAAO,0BAA0B,iBAAiB,EAAE;AAAA,oBAAA;AAAA,oBAG3D,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,oCAGR,QAAA,EAAK,WAAW,OAAO,uBAAuB,GAAI,UAAA,OAAM;AAAA,oCACxD,aAAA,EAAY,WAAW,OAAO,yBAAyB,GAAG,eAAY,OAAA,CAAO;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,8BAEjF,OAAA,EAAI,WAAW,OAAO,yBAAyB,GAAI,SAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGzE;AACJ;AAEA,cAAc,cAAc;"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../src/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import { ChevronDown } from '@dnanpm/icons';\nimport { cn } from '../../utils/cn';\nimport { useAccordionContext } from '../Accordion/Accordion.utils';\nimport elevationStyles from '../../styles/utils/elevation.module.css';\nimport focusStyles from '../../styles/utils/focus.module.css';\nimport styles from './AccordionItem.module.css';\nimport type { AccordionItemProps } from './AccordionItem.types';\n\nexport const AccordionItem = ({\n    label,\n    variant: variantProp,\n    image,\n    imageSize,\n    children,\n    className,\n    name,\n    ref,\n    ...props\n}: AccordionItemProps) => {\n    const { variant: contextVariant, groupName } = useAccordionContext();\n    const variant = variantProp ?? contextVariant;\n    const resolvedImageSize = image ? (imageSize ?? 'md') : undefined;\n\n    return (\n        <details\n            ref={ref}\n            className={cn(\n                styles['accordion-item'],\n                styles[`accordion-item--${variant}`],\n                variant === 'box' && elevationStyles.elevationLow,\n                className,\n            )}\n            {...props}\n            name={groupName ?? name}\n        >\n            <summary className={cn(styles['accordion-item__summary'], focusStyles.focusableInset)}>\n                {image && (\n                    <span\n                        className={cn(\n                            styles['accordion-item__image'],\n                            resolvedImageSize &&\n                                styles[`accordion-item__image--${resolvedImageSize}`],\n                        )}\n                    >\n                        {image}\n                    </span>\n                )}\n                <span className={styles['accordion-item__label']}>{label}</span>\n                <ChevronDown className={styles['accordion-item__chevron']} aria-hidden=\"true\" />\n            </summary>\n            <div className={styles['accordion-item__content']}>{children}</div>\n        </details>\n    );\n};\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,gBAAgB,CAAC;AAAA,EAC1B;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAA0B;AACtB,QAAM,EAAE,SAAS,gBAAgB,UAAA,IAAc,oBAAA;AAC/C,QAAM,UAAU,eAAe;AAC/B,QAAM,oBAAoB,QAAS,aAAa,OAAQ;AAExD,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAW;AAAA,QACP,OAAO,gBAAgB;AAAA,QACvB,OAAO,mBAAmB,OAAO,EAAE;AAAA,QACnC,YAAY,SAAS,gBAAgB;AAAA,QACrC;AAAA,MAAA;AAAA,MAEH,GAAG;AAAA,MACJ,MAAM,aAAa;AAAA,MAEnB,UAAA;AAAA,QAAA,qBAAC,WAAA,EAAQ,WAAW,GAAG,OAAO,yBAAyB,GAAG,YAAY,cAAc,GAC/E,UAAA;AAAA,UAAA,SACG;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW;AAAA,gBACP,OAAO,uBAAuB;AAAA,gBAC9B,qBACI,OAAO,0BAA0B,iBAAiB,EAAE;AAAA,cAAA;AAAA,cAG3D,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,8BAGR,QAAA,EAAK,WAAW,OAAO,uBAAuB,GAAI,UAAA,OAAM;AAAA,8BACxD,aAAA,EAAY,WAAW,OAAO,yBAAyB,GAAG,eAAY,OAAA,CAAO;AAAA,QAAA,GAClF;AAAA,4BACC,OAAA,EAAI,WAAW,OAAO,yBAAyB,GAAI,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzE;"}

package/dist/components/AccordionItem/AccordionItem.module.css.cjs

@@ -1,17 +1,17 @@
 require('./AccordionItem.css');
 "use strict";
 const styles = {
-  "accordion-item--box": "_accordion-item--box_1724u_10",
-  "accordion-item--panel": "_accordion-item--panel_1724u_18",
-  "accordion-item__summary": "_accordion-item__summary_1724u_24",
-  "accordion-item__image": "_accordion-item__image_1724u_43",
-  "accordion-item__image--sm": "_accordion-item__image--sm_1724u_60",
-  "accordion-item__image--md": "_accordion-item__image--md_1724u_65",
-  "accordion-item__image--lg": "_accordion-item__image--lg_1724u_70",
-  "accordion-item__label": "_accordion-item__label_1724u_77",
-  "accordion-item__chevron": "_accordion-item__chevron_1724u_85",
-  "accordion-item": "_accordion-item_1724u_10",
-  "accordion-item__content": "_accordion-item__content_1724u_98"
+  "accordion-item--box": "_accordion-item--box_8bxcn_10",
+  "accordion-item--panel": "_accordion-item--panel_8bxcn_18",
+  "accordion-item__summary": "_accordion-item__summary_8bxcn_24",
+  "accordion-item__image": "_accordion-item__image_8bxcn_43",
+  "accordion-item__image--sm": "_accordion-item__image--sm_8bxcn_60",
+  "accordion-item__image--md": "_accordion-item__image--md_8bxcn_65",
+  "accordion-item__image--lg": "_accordion-item__image--lg_8bxcn_70",
+  "accordion-item__label": "_accordion-item__label_8bxcn_77",
+  "accordion-item__chevron": "_accordion-item__chevron_8bxcn_85",
+  "accordion-item": "_accordion-item_8bxcn_10",
+  "accordion-item__content": "_accordion-item__content_8bxcn_98"
 };
 module.exports = styles;
 //# sourceMappingURL=AccordionItem.module.css.cjs.map

package/dist/components/AccordionItem/AccordionItem.module.css.js

@@ -1,16 +1,16 @@
 import './AccordionItem.css';
 const styles = {
-  "accordion-item--box": "_accordion-item--box_1724u_10",
-  "accordion-item--panel": "_accordion-item--panel_1724u_18",
-  "accordion-item__summary": "_accordion-item__summary_1724u_24",
-  "accordion-item__image": "_accordion-item__image_1724u_43",
-  "accordion-item__image--sm": "_accordion-item__image--sm_1724u_60",
-  "accordion-item__image--md": "_accordion-item__image--md_1724u_65",
-  "accordion-item__image--lg": "_accordion-item__image--lg_1724u_70",
-  "accordion-item__label": "_accordion-item__label_1724u_77",
-  "accordion-item__chevron": "_accordion-item__chevron_1724u_85",
-  "accordion-item": "_accordion-item_1724u_10",
-  "accordion-item__content": "_accordion-item__content_1724u_98"
+  "accordion-item--box": "_accordion-item--box_8bxcn_10",
+  "accordion-item--panel": "_accordion-item--panel_8bxcn_18",
+  "accordion-item__summary": "_accordion-item__summary_8bxcn_24",
+  "accordion-item__image": "_accordion-item__image_8bxcn_43",
+  "accordion-item__image--sm": "_accordion-item__image--sm_8bxcn_60",
+  "accordion-item__image--md": "_accordion-item__image--md_8bxcn_65",
+  "accordion-item__image--lg": "_accordion-item__image--lg_8bxcn_70",
+  "accordion-item__label": "_accordion-item__label_8bxcn_77",
+  "accordion-item__chevron": "_accordion-item__chevron_8bxcn_85",
+  "accordion-item": "_accordion-item_8bxcn_10",
+  "accordion-item__content": "_accordion-item__content_8bxcn_98"
 };
 export {
   styles as default

package/dist/components/AccordionItem/AccordionItem.types.d.ts

@@ -1,6 +1,6 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithRef, ReactNode } from 'react';
 export type ImageSize = 'sm' | 'md' | 'lg';
-export interface AccordionItemProps extends ComponentPropsWithoutRef<'details'> {
+export interface AccordionItemProps extends ComponentPropsWithRef<'details'> {
     /**
      * The visible label text displayed in the summary row.
      */

package/dist/components/AccordionItem/AccordionItem.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionItem/AccordionItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,kBAAmB,SAAQ,wBAAwB,CAAC,SAAS,CAAC;IAC3E;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;;;;OAKG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B;;;;;;OAMG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAChC"}
+{"version":3,"file":"AccordionItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionItem/AccordionItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB,CAAC,SAAS,CAAC;IACxE;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;;;;OAKG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B;;;;;;OAMG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAChC"}

package/dist/components/Breadcrumb/Breadcrumb.cjs

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
 const icons = require("@dnanpm/icons");
 const focus_module = require("../../styles/utils/focus.module.css.cjs");
 const textDecoration_module = require("../../styles/utils/text-decoration.module.css.cjs");
 const Breadcrumb_module = require("./Breadcrumb.module.css.cjs");
 const cn = require("../../utils/cn/cn.cjs");
 const defaultRenderLink = (props) => /* @__PURE__ */ jsxRuntime.jsx("a", { ...props });
-const Breadcrumb = react.forwardRef(function Breadcrumb2({
+const Breadcrumb = ({
   items,
   lastItemAsLink = false,
   renderLink = defaultRenderLink,
   className,
   "aria-label": ariaLabel = "Murupolku",
+  ref,
   ...props
-}, ref) {
+}) => {
   if (items.length === 0) {
     return null;
   }
@@ -67,7 +67,6 @@ const Breadcrumb = react.forwardRef(function Breadcrumb2({
       }) })
     }
   );
-});
-Breadcrumb.displayName = "Breadcrumb";
+};
 exports.Breadcrumb = Breadcrumb;
 //# sourceMappingURL=Breadcrumb.cjs.map