@raystack/apsara 0.49.0 → 0.50.0

package/dist/components/grid/grid-item.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-slot/dist/index.cjs');
 
 const GridItem = React.forwardRef(({ area, colStart, colEnd, rowStart, rowEnd, colSpan, rowSpan, justifySelf, alignSelf, style, asChild, ...props }, ref) => {
     const Comp = asChild ? index.Root : 'div';
-    return (jsxRuntime.jsxRuntimeExports.jsx(Comp, { ref: ref, style: {
+    return (jsxRuntime.jsx(Comp, { ref: ref, style: {
             gridArea: area,
             gridColumnStart: colStart,
             gridColumnEnd: colEnd,

package/dist/components/grid/grid-item.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"grid-item.cjs","sources":["../../../components/grid/grid-item.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport { AlignType } from './types';\n\ntype GridItemProps = HTMLAttributes<HTMLDivElement> & {\n  area?: string;\n  colStart?: number | string;\n  colEnd?: number | string;\n  rowStart?: number | string;\n  rowEnd?: number | string;\n  colSpan?: number | string;\n  rowSpan?: number | string;\n  justifySelf?: AlignType;\n  alignSelf?: AlignType;\n  asChild?: boolean;\n};\n\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  (\n    {\n      area,\n      colStart,\n      colEnd,\n      rowStart,\n      rowEnd,\n      colSpan,\n      rowSpan,\n      justifySelf,\n      alignSelf,\n      style,\n      asChild,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot.Root : 'div';\n\n    return (\n      <Comp\n        ref={ref}\n        style={{\n          gridArea: area,\n          gridColumnStart: colStart,\n          gridColumnEnd: colEnd,\n          gridRowStart: rowStart,\n          gridRowEnd: rowEnd,\n          gridColumn: colSpan ? `span ${colSpan}` : undefined,\n          gridRow: rowSpan ? `span ${rowSpan}` : undefined,\n          justifySelf,\n          alignSelf,\n          ...style\n        }}\n        {...props}\n      />\n    );\n  }\n);\n\nGridItem.displayName = 'GridItem';\n"],"names":["forwardRef","Slot.Root","_jsx"],"mappings":";;;;;;AAiBa,MAAA,QAAQ,GAAGA,gBAAU,CAChC,CACE,EACE,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,IAAI,GAAG,OAAO,GAAGC,UAAS,GAAG,KAAK,CAAC;IAEzC,QACEC,iCAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;AACL,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,eAAe,EAAE,QAAQ;AACzB,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YACnD,OAAO,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YAChD,WAAW;YACX,SAAS;AACT,YAAA,GAAG,KAAK;SACT,EACG,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"grid-item.cjs","sources":["../../../components/grid/grid-item.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport { AlignType } from './types';\n\ntype GridItemProps = HTMLAttributes<HTMLDivElement> & {\n  area?: string;\n  colStart?: number | string;\n  colEnd?: number | string;\n  rowStart?: number | string;\n  rowEnd?: number | string;\n  colSpan?: number | string;\n  rowSpan?: number | string;\n  justifySelf?: AlignType;\n  alignSelf?: AlignType;\n  asChild?: boolean;\n};\n\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  (\n    {\n      area,\n      colStart,\n      colEnd,\n      rowStart,\n      rowEnd,\n      colSpan,\n      rowSpan,\n      justifySelf,\n      alignSelf,\n      style,\n      asChild,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot.Root : 'div';\n\n    return (\n      <Comp\n        ref={ref}\n        style={{\n          gridArea: area,\n          gridColumnStart: colStart,\n          gridColumnEnd: colEnd,\n          gridRowStart: rowStart,\n          gridRowEnd: rowEnd,\n          gridColumn: colSpan ? `span ${colSpan}` : undefined,\n          gridRow: rowSpan ? `span ${rowSpan}` : undefined,\n          justifySelf,\n          alignSelf,\n          ...style\n        }}\n        {...props}\n      />\n    );\n  }\n);\n\nGridItem.displayName = 'GridItem';\n"],"names":["forwardRef","Slot.Root","_jsx"],"mappings":";;;;;;AAiBa,MAAA,QAAQ,GAAGA,gBAAU,CAChC,CACE,EACE,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,IAAI,GAAG,OAAO,GAAGC,UAAS,GAAG,KAAK,CAAC;IAEzC,QACEC,eAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;AACL,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,eAAe,EAAE,QAAQ;AACzB,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YACnD,OAAO,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YAChD,WAAW;YACX,SAAS;AACT,YAAA,GAAG,KAAK;SACT,EACG,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/grid/grid-item.js

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Root as Slot } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js';
+import { Root as Slot } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-slot/dist/index.js';
 
 const GridItem = forwardRef(({ area, colStart, colEnd, rowStart, rowEnd, colSpan, rowSpan, justifySelf, alignSelf, style, asChild, ...props }, ref) => {
     const Comp = asChild ? Slot : 'div';
-    return (jsxRuntimeExports.jsx(Comp, { ref: ref, style: {
+    return (jsx(Comp, { ref: ref, style: {
             gridArea: area,
             gridColumnStart: colStart,
             gridColumnEnd: colEnd,

package/dist/components/grid/grid-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid-item.js","sources":["../../../components/grid/grid-item.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport { AlignType } from './types';\n\ntype GridItemProps = HTMLAttributes<HTMLDivElement> & {\n  area?: string;\n  colStart?: number | string;\n  colEnd?: number | string;\n  rowStart?: number | string;\n  rowEnd?: number | string;\n  colSpan?: number | string;\n  rowSpan?: number | string;\n  justifySelf?: AlignType;\n  alignSelf?: AlignType;\n  asChild?: boolean;\n};\n\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  (\n    {\n      area,\n      colStart,\n      colEnd,\n      rowStart,\n      rowEnd,\n      colSpan,\n      rowSpan,\n      justifySelf,\n      alignSelf,\n      style,\n      asChild,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot.Root : 'div';\n\n    return (\n      <Comp\n        ref={ref}\n        style={{\n          gridArea: area,\n          gridColumnStart: colStart,\n          gridColumnEnd: colEnd,\n          gridRowStart: rowStart,\n          gridRowEnd: rowEnd,\n          gridColumn: colSpan ? `span ${colSpan}` : undefined,\n          gridRow: rowSpan ? `span ${rowSpan}` : undefined,\n          justifySelf,\n          alignSelf,\n          ...style\n        }}\n        {...props}\n      />\n    );\n  }\n);\n\nGridItem.displayName = 'GridItem';\n"],"names":["Slot.Root","_jsx"],"mappings":";;;;AAiBa,MAAA,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,IAAI,GAAG,OAAO,GAAGA,IAAS,GAAG,KAAK,CAAC;IAEzC,QACEC,sBAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;AACL,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,eAAe,EAAE,QAAQ;AACzB,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YACnD,OAAO,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YAChD,WAAW;YACX,SAAS;AACT,YAAA,GAAG,KAAK;SACT,EACG,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"grid-item.js","sources":["../../../components/grid/grid-item.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport { HTMLAttributes, forwardRef } from 'react';\nimport { AlignType } from './types';\n\ntype GridItemProps = HTMLAttributes<HTMLDivElement> & {\n  area?: string;\n  colStart?: number | string;\n  colEnd?: number | string;\n  rowStart?: number | string;\n  rowEnd?: number | string;\n  colSpan?: number | string;\n  rowSpan?: number | string;\n  justifySelf?: AlignType;\n  alignSelf?: AlignType;\n  asChild?: boolean;\n};\n\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  (\n    {\n      area,\n      colStart,\n      colEnd,\n      rowStart,\n      rowEnd,\n      colSpan,\n      rowSpan,\n      justifySelf,\n      alignSelf,\n      style,\n      asChild,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot.Root : 'div';\n\n    return (\n      <Comp\n        ref={ref}\n        style={{\n          gridArea: area,\n          gridColumnStart: colStart,\n          gridColumnEnd: colEnd,\n          gridRowStart: rowStart,\n          gridRowEnd: rowEnd,\n          gridColumn: colSpan ? `span ${colSpan}` : undefined,\n          gridRow: rowSpan ? `span ${rowSpan}` : undefined,\n          justifySelf,\n          alignSelf,\n          ...style\n        }}\n        {...props}\n      />\n    );\n  }\n);\n\nGridItem.displayName = 'GridItem';\n"],"names":["Slot.Root","_jsx"],"mappings":";;;;AAiBa,MAAA,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,IAAI,GAAG,OAAO,GAAGA,IAAS,GAAG,KAAK,CAAC;IAEzC,QACEC,IAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;AACL,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,eAAe,EAAE,QAAQ;AACzB,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YACnD,OAAO,EAAE,OAAO,GAAG,CAAQ,KAAA,EAAA,OAAO,CAAE,CAAA,GAAG,SAAS;YAChD,WAAW;YACX,SAAS;AACT,YAAA,GAAG,KAAK;SACT,EACG,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/grid/grid.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-slot/dist/index.cjs');
 
 const GAPS = {
     'extra-small': 'var(--rs-space-2)',
@@ -24,7 +24,7 @@ const Grid = React.forwardRef(({ templateAreas, autoFlow, autoColumns, autoRows,
         return templateAreas;
     }, [templateAreas]);
     const Comp = asChild ? index.Root : 'div';
-    return (jsxRuntime.jsxRuntimeExports.jsx(Comp, { ref: ref, style: {
+    return (jsxRuntime.jsx(Comp, { ref: ref, style: {
             display: inline ? 'inline-grid' : 'grid',
             gridTemplateAreas,
             gridAutoFlow: autoFlow,

package/dist/components/grid/grid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"grid.cjs","sources":["../../../components/grid/grid.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport { HTMLAttributes, forwardRef, useMemo } from 'react';\nimport { AlignExtendedType, AlignType } from './types';\n\nconst GAPS = {\n  'extra-small': 'var(--rs-space-2)',\n  small: 'var(--rs-space-3)',\n  medium: 'var(--rs-space-5)',\n  large: 'var(--rs-space-9)',\n  'extra-large': 'var(--rs-space-11)'\n} as const;\n\ntype GapType = keyof typeof GAPS;\n\ntype GridProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * Supports CSS Grid template areas syntax.\n   *\n   * @example\n   * <Grid templateAreas=\"header header header\" />\n   * <Grid templateAreas={[\"header header header\", \"sidebar main main\", \"footer footer footer\"]} />\n   */\n  templateAreas?: string | string[];\n  autoFlow?: 'row' | 'column' | 'dense' | 'row dense' | 'column dense';\n  autoColumns?: string;\n  autoRows?: string;\n\n  /**\n   * Supports CSS Grid template columns syntax.\n   *\n   * If you pass a number, columns will be created using repeat(n, 1fr).\n   *\n   * @example\n   * <Grid columns=\"1fr 1fr 1fr\" />\n   * <Grid columns={3} />\n   */\n  columns?: string | number;\n\n  /**\n   * Supports CSS Grid template rows syntax.\n   *\n   * If you pass a number, rows will be created using repeat(n, 1fr).\n   *\n   * @example\n   * <Grid rows=\"1fr 1fr 1fr\" />\n   * <Grid rows={3} />\n   */\n  rows?: string | number;\n  gap?: GapType;\n  columnGap?: GapType;\n  rowGap?: GapType;\n  justifyItems?: AlignType;\n  alignItems?: AlignType;\n  justifyContent?: AlignExtendedType;\n  alignContent?: AlignExtendedType;\n  inline?: boolean;\n  asChild?: boolean;\n};\n\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(\n  (\n    {\n      templateAreas,\n      autoFlow,\n      autoColumns,\n      autoRows,\n      columns,\n      rows,\n      gap,\n      columnGap,\n      rowGap,\n      justifyItems,\n      alignItems,\n      justifyContent,\n      alignContent,\n      inline = false,\n      style = {},\n      asChild,\n      ...props\n    },\n    ref\n  ) => {\n    const gridTemplateColumns =\n      typeof columns === 'number' ? `repeat(${columns}, 1fr)` : columns;\n    const gridTemplateRows =\n      typeof rows === 'number' ? `repeat(${rows}, 1fr)` : rows;\n\n    const gridTemplateAreas = useMemo(() => {\n      if (Array.isArray(templateAreas)) {\n        return templateAreas\n          .map(area => `\"${area}\"`)\n          .join(' ')\n          .trim();\n      }\n      return templateAreas;\n    }, [templateAreas]);\n\n    const Comp = asChild ? Slot.Root : 'div';\n\n    return (\n      <Comp\n        ref={ref}\n        style={{\n          display: inline ? 'inline-grid' : 'grid',\n          gridTemplateAreas,\n          gridAutoFlow: autoFlow,\n          gridAutoColumns: autoColumns,\n          gridAutoRows: autoRows,\n          gridTemplateColumns,\n          gridTemplateRows,\n          gap: gap && GAPS[gap],\n          columnGap: columnGap && GAPS[columnGap],\n          rowGap: rowGap && GAPS[rowGap],\n          justifyItems,\n          alignItems,\n          justifyContent,\n          alignContent,\n          ...style\n        }}\n        {...props}\n      />\n    );\n  }\n);\n\nGrid.displayName = 'Grid';\n"],"names":["forwardRef","useMemo","Slot.Root","_jsx"],"mappings":";;;;;;AAIA,MAAM,IAAI,GAAG;AACX,IAAA,aAAa,EAAE,mBAAmB;AAClC,IAAA,KAAK,EAAE,mBAAmB;AAC1B,IAAA,MAAM,EAAE,mBAAmB;AAC3B,IAAA,KAAK,EAAE,mBAAmB;AAC1B,IAAA,aAAa,EAAE,oBAAoB;CAC3B,CAAC;MAiDE,IAAI,GAAGA,gBAAU,CAC5B,CACE,EACE,aAAa,EACb,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,GAAG,EACH,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,cAAc,EACd,YAAY,EACZ,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,EAAE,EACV,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,mBAAmB,GACvB,OAAO,OAAO,KAAK,QAAQ,GAAG,CAAA,OAAA,EAAU,OAAO,CAAQ,MAAA,CAAA,GAAG,OAAO,CAAC;AACpE,IAAA,MAAM,gBAAgB,GACpB,OAAO,IAAI,KAAK,QAAQ,GAAG,CAAA,OAAA,EAAU,IAAI,CAAQ,MAAA,CAAA,GAAG,IAAI,CAAC;AAE3D,IAAA,MAAM,iBAAiB,GAAGC,aAAO,CAAC,MAAK;AACrC,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;AAChC,YAAA,OAAO,aAAa;iBACjB,GAAG,CAAC,IAAI,IAAI,CAAI,CAAA,EAAA,IAAI,GAAG,CAAC;iBACxB,IAAI,CAAC,GAAG,CAAC;AACT,iBAAA,IAAI,EAAE,CAAC;SACX;AACD,QAAA,OAAO,aAAa,CAAC;AACvB,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AAEpB,IAAA,MAAM,IAAI,GAAG,OAAO,GAAGC,UAAS,GAAG,KAAK,CAAC;IAEzC,QACEC,iCAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM;YACxC,iBAAiB;AACjB,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,eAAe,EAAE,WAAW;AAC5B,YAAA,YAAY,EAAE,QAAQ;YACtB,mBAAmB;YACnB,gBAAgB;AAChB,YAAA,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC;AACrB,YAAA,SAAS,EAAE,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC;AACvC,YAAA,MAAM,EAAE,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC;YAC9B,YAAY;YACZ,UAAU;YACV,cAAc;YACd,YAAY;AACZ,YAAA,GAAG,KAAK;SACT,EACG,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"grid.cjs","sources":["../../../components/grid/grid.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport { HTMLAttributes, forwardRef, useMemo } from 'react';\nimport { AlignExtendedType, AlignType } from './types';\n\nconst GAPS = {\n  'extra-small': 'var(--rs-space-2)',\n  small: 'var(--rs-space-3)',\n  medium: 'var(--rs-space-5)',\n  large: 'var(--rs-space-9)',\n  'extra-large': 'var(--rs-space-11)'\n} as const;\n\ntype GapType = keyof typeof GAPS;\n\ntype GridProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * Supports CSS Grid template areas syntax.\n   *\n   * @example\n   * <Grid templateAreas=\"header header header\" />\n   * <Grid templateAreas={[\"header header header\", \"sidebar main main\", \"footer footer footer\"]} />\n   */\n  templateAreas?: string | string[];\n  autoFlow?: 'row' | 'column' | 'dense' | 'row dense' | 'column dense';\n  autoColumns?: string;\n  autoRows?: string;\n\n  /**\n   * Supports CSS Grid template columns syntax.\n   *\n   * If you pass a number, columns will be created using repeat(n, 1fr).\n   *\n   * @example\n   * <Grid columns=\"1fr 1fr 1fr\" />\n   * <Grid columns={3} />\n   */\n  columns?: string | number;\n\n  /**\n   * Supports CSS Grid template rows syntax.\n   *\n   * If you pass a number, rows will be created using repeat(n, 1fr).\n   *\n   * @example\n   * <Grid rows=\"1fr 1fr 1fr\" />\n   * <Grid rows={3} />\n   */\n  rows?: string | number;\n  gap?: GapType;\n  columnGap?: GapType;\n  rowGap?: GapType;\n  justifyItems?: AlignType;\n  alignItems?: AlignType;\n  justifyContent?: AlignExtendedType;\n  alignContent?: AlignExtendedType;\n  inline?: boolean;\n  asChild?: boolean;\n};\n\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(\n  (\n    {\n      templateAreas,\n      autoFlow,\n      autoColumns,\n      autoRows,\n      columns,\n      rows,\n      gap,\n      columnGap,\n      rowGap,\n      justifyItems,\n      alignItems,\n      justifyContent,\n      alignContent,\n      inline = false,\n      style = {},\n      asChild,\n      ...props\n    },\n    ref\n  ) => {\n    const gridTemplateColumns =\n      typeof columns === 'number' ? `repeat(${columns}, 1fr)` : columns;\n    const gridTemplateRows =\n      typeof rows === 'number' ? `repeat(${rows}, 1fr)` : rows;\n\n    const gridTemplateAreas = useMemo(() => {\n      if (Array.isArray(templateAreas)) {\n        return templateAreas\n          .map(area => `\"${area}\"`)\n          .join(' ')\n          .trim();\n      }\n      return templateAreas;\n    }, [templateAreas]);\n\n    const Comp = asChild ? Slot.Root : 'div';\n\n    return (\n      <Comp\n        ref={ref}\n        style={{\n          display: inline ? 'inline-grid' : 'grid',\n          gridTemplateAreas,\n          gridAutoFlow: autoFlow,\n          gridAutoColumns: autoColumns,\n          gridAutoRows: autoRows,\n          gridTemplateColumns,\n          gridTemplateRows,\n          gap: gap && GAPS[gap],\n          columnGap: columnGap && GAPS[columnGap],\n          rowGap: rowGap && GAPS[rowGap],\n          justifyItems,\n          alignItems,\n          justifyContent,\n          alignContent,\n          ...style\n        }}\n        {...props}\n      />\n    );\n  }\n);\n\nGrid.displayName = 'Grid';\n"],"names":["forwardRef","useMemo","Slot.Root","_jsx"],"mappings":";;;;;;AAIA,MAAM,IAAI,GAAG;AACX,IAAA,aAAa,EAAE,mBAAmB;AAClC,IAAA,KAAK,EAAE,mBAAmB;AAC1B,IAAA,MAAM,EAAE,mBAAmB;AAC3B,IAAA,KAAK,EAAE,mBAAmB;AAC1B,IAAA,aAAa,EAAE,oBAAoB;CAC3B,CAAC;MAiDE,IAAI,GAAGA,gBAAU,CAC5B,CACE,EACE,aAAa,EACb,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,GAAG,EACH,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,cAAc,EACd,YAAY,EACZ,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,EAAE,EACV,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,mBAAmB,GACvB,OAAO,OAAO,KAAK,QAAQ,GAAG,CAAA,OAAA,EAAU,OAAO,CAAQ,MAAA,CAAA,GAAG,OAAO,CAAC;AACpE,IAAA,MAAM,gBAAgB,GACpB,OAAO,IAAI,KAAK,QAAQ,GAAG,CAAA,OAAA,EAAU,IAAI,CAAQ,MAAA,CAAA,GAAG,IAAI,CAAC;AAE3D,IAAA,MAAM,iBAAiB,GAAGC,aAAO,CAAC,MAAK;AACrC,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;AAChC,YAAA,OAAO,aAAa;iBACjB,GAAG,CAAC,IAAI,IAAI,CAAI,CAAA,EAAA,IAAI,GAAG,CAAC;iBACxB,IAAI,CAAC,GAAG,CAAC;AACT,iBAAA,IAAI,EAAE,CAAC;SACX;AACD,QAAA,OAAO,aAAa,CAAC;AACvB,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AAEpB,IAAA,MAAM,IAAI,GAAG,OAAO,GAAGC,UAAS,GAAG,KAAK,CAAC;IAEzC,QACEC,eAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM;YACxC,iBAAiB;AACjB,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,eAAe,EAAE,WAAW;AAC5B,YAAA,YAAY,EAAE,QAAQ;YACtB,mBAAmB;YACnB,gBAAgB;AAChB,YAAA,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC;AACrB,YAAA,SAAS,EAAE,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC;AACvC,YAAA,MAAM,EAAE,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC;YAC9B,YAAY;YACZ,UAAU;YACV,cAAc;YACd,YAAY;AACZ,YAAA,GAAG,KAAK;SACT,EACG,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/components/grid/grid.js

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useMemo } from 'react';
-import { Root as Slot } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js';
+import { Root as Slot } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-slot/dist/index.js';
 
 const GAPS = {
     'extra-small': 'var(--rs-space-2)',
@@ -22,7 +22,7 @@ const Grid = forwardRef(({ templateAreas, autoFlow, autoColumns, autoRows, colum
         return templateAreas;
     }, [templateAreas]);
     const Comp = asChild ? Slot : 'div';
-    return (jsxRuntimeExports.jsx(Comp, { ref: ref, style: {
+    return (jsx(Comp, { ref: ref, style: {
             display: inline ? 'inline-grid' : 'grid',
             gridTemplateAreas,
             gridAutoFlow: autoFlow,

package/dist/components/grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../../../components/grid/grid.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport { HTMLAttributes, forwardRef, useMemo } from 'react';\nimport { AlignExtendedType, AlignType } from './types';\n\nconst GAPS = {\n  'extra-small': 'var(--rs-space-2)',\n  small: 'var(--rs-space-3)',\n  medium: 'var(--rs-space-5)',\n  large: 'var(--rs-space-9)',\n  'extra-large': 'var(--rs-space-11)'\n} as const;\n\ntype GapType = keyof typeof GAPS;\n\ntype GridProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * Supports CSS Grid template areas syntax.\n   *\n   * @example\n   * <Grid templateAreas=\"header header header\" />\n   * <Grid templateAreas={[\"header header header\", \"sidebar main main\", \"footer footer footer\"]} />\n   */\n  templateAreas?: string | string[];\n  autoFlow?: 'row' | 'column' | 'dense' | 'row dense' | 'column dense';\n  autoColumns?: string;\n  autoRows?: string;\n\n  /**\n   * Supports CSS Grid template columns syntax.\n   *\n   * If you pass a number, columns will be created using repeat(n, 1fr).\n   *\n   * @example\n   * <Grid columns=\"1fr 1fr 1fr\" />\n   * <Grid columns={3} />\n   */\n  columns?: string | number;\n\n  /**\n   * Supports CSS Grid template rows syntax.\n   *\n   * If you pass a number, rows will be created using repeat(n, 1fr).\n   *\n   * @example\n   * <Grid rows=\"1fr 1fr 1fr\" />\n   * <Grid rows={3} />\n   */\n  rows?: string | number;\n  gap?: GapType;\n  columnGap?: GapType;\n  rowGap?: GapType;\n  justifyItems?: AlignType;\n  alignItems?: AlignType;\n  justifyContent?: AlignExtendedType;\n  alignContent?: AlignExtendedType;\n  inline?: boolean;\n  asChild?: boolean;\n};\n\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(\n  (\n    {\n      templateAreas,\n      autoFlow,\n      autoColumns,\n      autoRows,\n      columns,\n      rows,\n      gap,\n      columnGap,\n      rowGap,\n      justifyItems,\n      alignItems,\n      justifyContent,\n      alignContent,\n      inline = false,\n      style = {},\n      asChild,\n      ...props\n    },\n    ref\n  ) => {\n    const gridTemplateColumns =\n      typeof columns === 'number' ? `repeat(${columns}, 1fr)` : columns;\n    const gridTemplateRows =\n      typeof rows === 'number' ? `repeat(${rows}, 1fr)` : rows;\n\n    const gridTemplateAreas = useMemo(() => {\n      if (Array.isArray(templateAreas)) {\n        return templateAreas\n          .map(area => `\"${area}\"`)\n          .join(' ')\n          .trim();\n      }\n      return templateAreas;\n    }, [templateAreas]);\n\n    const Comp = asChild ? Slot.Root : 'div';\n\n    return (\n      <Comp\n        ref={ref}\n        style={{\n          display: inline ? 'inline-grid' : 'grid',\n          gridTemplateAreas,\n          gridAutoFlow: autoFlow,\n          gridAutoColumns: autoColumns,\n          gridAutoRows: autoRows,\n          gridTemplateColumns,\n          gridTemplateRows,\n          gap: gap && GAPS[gap],\n          columnGap: columnGap && GAPS[columnGap],\n          rowGap: rowGap && GAPS[rowGap],\n          justifyItems,\n          alignItems,\n          justifyContent,\n          alignContent,\n          ...style\n        }}\n        {...props}\n      />\n    );\n  }\n);\n\nGrid.displayName = 'Grid';\n"],"names":["Slot.Root","_jsx"],"mappings":";;;;AAIA,MAAM,IAAI,GAAG;AACX,IAAA,aAAa,EAAE,mBAAmB;AAClC,IAAA,KAAK,EAAE,mBAAmB;AAC1B,IAAA,MAAM,EAAE,mBAAmB;AAC3B,IAAA,KAAK,EAAE,mBAAmB;AAC1B,IAAA,aAAa,EAAE,oBAAoB;CAC3B,CAAC;MAiDE,IAAI,GAAG,UAAU,CAC5B,CACE,EACE,aAAa,EACb,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,GAAG,EACH,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,cAAc,EACd,YAAY,EACZ,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,EAAE,EACV,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,mBAAmB,GACvB,OAAO,OAAO,KAAK,QAAQ,GAAG,CAAA,OAAA,EAAU,OAAO,CAAQ,MAAA,CAAA,GAAG,OAAO,CAAC;AACpE,IAAA,MAAM,gBAAgB,GACpB,OAAO,IAAI,KAAK,QAAQ,GAAG,CAAA,OAAA,EAAU,IAAI,CAAQ,MAAA,CAAA,GAAG,IAAI,CAAC;AAE3D,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAK;AACrC,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;AAChC,YAAA,OAAO,aAAa;iBACjB,GAAG,CAAC,IAAI,IAAI,CAAI,CAAA,EAAA,IAAI,GAAG,CAAC;iBACxB,IAAI,CAAC,GAAG,CAAC;AACT,iBAAA,IAAI,EAAE,CAAC;SACX;AACD,QAAA,OAAO,aAAa,CAAC;AACvB,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AAEpB,IAAA,MAAM,IAAI,GAAG,OAAO,GAAGA,IAAS,GAAG,KAAK,CAAC;IAEzC,QACEC,sBAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM;YACxC,iBAAiB;AACjB,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,eAAe,EAAE,WAAW;AAC5B,YAAA,YAAY,EAAE,QAAQ;YACtB,mBAAmB;YACnB,gBAAgB;AAChB,YAAA,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC;AACrB,YAAA,SAAS,EAAE,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC;AACvC,YAAA,MAAM,EAAE,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC;YAC9B,YAAY;YACZ,UAAU;YACV,cAAc;YACd,YAAY;AACZ,YAAA,GAAG,KAAK;SACT,EACG,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"grid.js","sources":["../../../components/grid/grid.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport { HTMLAttributes, forwardRef, useMemo } from 'react';\nimport { AlignExtendedType, AlignType } from './types';\n\nconst GAPS = {\n  'extra-small': 'var(--rs-space-2)',\n  small: 'var(--rs-space-3)',\n  medium: 'var(--rs-space-5)',\n  large: 'var(--rs-space-9)',\n  'extra-large': 'var(--rs-space-11)'\n} as const;\n\ntype GapType = keyof typeof GAPS;\n\ntype GridProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * Supports CSS Grid template areas syntax.\n   *\n   * @example\n   * <Grid templateAreas=\"header header header\" />\n   * <Grid templateAreas={[\"header header header\", \"sidebar main main\", \"footer footer footer\"]} />\n   */\n  templateAreas?: string | string[];\n  autoFlow?: 'row' | 'column' | 'dense' | 'row dense' | 'column dense';\n  autoColumns?: string;\n  autoRows?: string;\n\n  /**\n   * Supports CSS Grid template columns syntax.\n   *\n   * If you pass a number, columns will be created using repeat(n, 1fr).\n   *\n   * @example\n   * <Grid columns=\"1fr 1fr 1fr\" />\n   * <Grid columns={3} />\n   */\n  columns?: string | number;\n\n  /**\n   * Supports CSS Grid template rows syntax.\n   *\n   * If you pass a number, rows will be created using repeat(n, 1fr).\n   *\n   * @example\n   * <Grid rows=\"1fr 1fr 1fr\" />\n   * <Grid rows={3} />\n   */\n  rows?: string | number;\n  gap?: GapType;\n  columnGap?: GapType;\n  rowGap?: GapType;\n  justifyItems?: AlignType;\n  alignItems?: AlignType;\n  justifyContent?: AlignExtendedType;\n  alignContent?: AlignExtendedType;\n  inline?: boolean;\n  asChild?: boolean;\n};\n\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(\n  (\n    {\n      templateAreas,\n      autoFlow,\n      autoColumns,\n      autoRows,\n      columns,\n      rows,\n      gap,\n      columnGap,\n      rowGap,\n      justifyItems,\n      alignItems,\n      justifyContent,\n      alignContent,\n      inline = false,\n      style = {},\n      asChild,\n      ...props\n    },\n    ref\n  ) => {\n    const gridTemplateColumns =\n      typeof columns === 'number' ? `repeat(${columns}, 1fr)` : columns;\n    const gridTemplateRows =\n      typeof rows === 'number' ? `repeat(${rows}, 1fr)` : rows;\n\n    const gridTemplateAreas = useMemo(() => {\n      if (Array.isArray(templateAreas)) {\n        return templateAreas\n          .map(area => `\"${area}\"`)\n          .join(' ')\n          .trim();\n      }\n      return templateAreas;\n    }, [templateAreas]);\n\n    const Comp = asChild ? Slot.Root : 'div';\n\n    return (\n      <Comp\n        ref={ref}\n        style={{\n          display: inline ? 'inline-grid' : 'grid',\n          gridTemplateAreas,\n          gridAutoFlow: autoFlow,\n          gridAutoColumns: autoColumns,\n          gridAutoRows: autoRows,\n          gridTemplateColumns,\n          gridTemplateRows,\n          gap: gap && GAPS[gap],\n          columnGap: columnGap && GAPS[columnGap],\n          rowGap: rowGap && GAPS[rowGap],\n          justifyItems,\n          alignItems,\n          justifyContent,\n          alignContent,\n          ...style\n        }}\n        {...props}\n      />\n    );\n  }\n);\n\nGrid.displayName = 'Grid';\n"],"names":["Slot.Root","_jsx"],"mappings":";;;;AAIA,MAAM,IAAI,GAAG;AACX,IAAA,aAAa,EAAE,mBAAmB;AAClC,IAAA,KAAK,EAAE,mBAAmB;AAC1B,IAAA,MAAM,EAAE,mBAAmB;AAC3B,IAAA,KAAK,EAAE,mBAAmB;AAC1B,IAAA,aAAa,EAAE,oBAAoB;CAC3B,CAAC;MAiDE,IAAI,GAAG,UAAU,CAC5B,CACE,EACE,aAAa,EACb,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,GAAG,EACH,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,cAAc,EACd,YAAY,EACZ,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,EAAE,EACV,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,mBAAmB,GACvB,OAAO,OAAO,KAAK,QAAQ,GAAG,CAAA,OAAA,EAAU,OAAO,CAAQ,MAAA,CAAA,GAAG,OAAO,CAAC;AACpE,IAAA,MAAM,gBAAgB,GACpB,OAAO,IAAI,KAAK,QAAQ,GAAG,CAAA,OAAA,EAAU,IAAI,CAAQ,MAAA,CAAA,GAAG,IAAI,CAAC;AAE3D,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAK;AACrC,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;AAChC,YAAA,OAAO,aAAa;iBACjB,GAAG,CAAC,IAAI,IAAI,CAAI,CAAA,EAAA,IAAI,GAAG,CAAC;iBACxB,IAAI,CAAC,GAAG,CAAC;AACT,iBAAA,IAAI,EAAE,CAAC;SACX;AACD,QAAA,OAAO,aAAa,CAAC;AACvB,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AAEpB,IAAA,MAAM,IAAI,GAAG,OAAO,GAAGA,IAAS,GAAG,KAAK,CAAC;IAEzC,QACEC,IAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM;YACxC,iBAAiB;AACjB,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,eAAe,EAAE,WAAW;AAC5B,YAAA,YAAY,EAAE,QAAQ;YACtB,mBAAmB;YACnB,gBAAgB;AAChB,YAAA,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC;AACrB,YAAA,SAAS,EAAE,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC;AACvC,YAAA,MAAM,EAAE,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC;YAC9B,YAAY;YACZ,UAAU;YACV,cAAc;YACd,YAAY;AACZ,YAAA,GAAG,KAAK;SACT,EACG,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/components/headline/headline.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
 var headline_module = require('./headline.module.css.cjs');
@@ -32,7 +32,7 @@ const headline = index.cva(headline_module.default.headline, {
     },
 });
 const Headline = React.forwardRef(({ className, size, align, truncate, as: Component = "h2", ...props }, ref) => {
-    return (jsxRuntime.jsxRuntimeExports.jsx(Component, { ref: ref, className: headline({ size, align, truncate, className }), ...props }));
+    return (jsxRuntime.jsx(Component, { ref: ref, className: headline({ size, align, truncate, className }), ...props }));
 });
 Headline.displayName = "Headline";
 

package/dist/components/headline/headline.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"headline.cjs","sources":["../../../components/headline/headline.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, HTMLAttributes } from \"react\";\n\nimport styles from \"./headline.module.css\";\n\nconst headline = cva(styles.headline, {\n  variants: {\n    size: {\n      t1: styles[\"headline-t1\"],\n      t2: styles[\"headline-t2\"],\n      t3: styles[\"headline-t3\"],\n      t4: styles[\"headline-t4\"],\n      small: styles[\"headline-small\"],\n      medium: styles[\"headline-medium\"],\n      large: styles[\"headline-large\"],\n    },\n    align: {\n      left: styles[\"headline-align-left\"],\n      center: styles[\"headline-align-center\"],\n      right: styles[\"headline-align-right\"],\n    },\n    truncate: {\n      true: styles[\"headline-truncate\"],\n    },\n  },\n  defaultVariants: {\n    size: \"t2\",\n    align: \"left\",\n    truncate: false,\n  },\n});\n\nexport type HeadlineBaseProps = VariantProps<typeof headline> & {\n  /**\n   * @remarks Use \"t1\" | \"t2\" | \"t3\" | \"t4\"\n   */\n  size?: \"t1\" | \"t2\" | \"t3\" | \"t4\" | \"small\" | \"medium\" | \"large\";\n};\n\ntype HeadlineProps = HeadlineBaseProps &\n  HTMLAttributes<HTMLHeadingElement> & {\n    as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  };\n\nexport const Headline = forwardRef<HTMLHeadingElement, HeadlineProps>(\n  (\n    { className, size, align, truncate, as: Component = \"h2\", ...props },\n    ref,\n  ) => {\n    return (\n      <Component\n        ref={ref}\n        className={headline({ size, align, truncate, className })}\n        {...props}\n      />\n    );\n  },\n);\n\nHeadline.displayName = \"Headline\";\n"],"names":["cva","styles","forwardRef","_jsx"],"mappings":";;;;;;;AAKA,MAAM,QAAQ,GAAGA,SAAG,CAACC,uBAAM,CAAC,QAAQ,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAEA,uBAAM,CAAC,aAAa,CAAC;AACzB,YAAA,EAAE,EAAEA,uBAAM,CAAC,aAAa,CAAC;AACzB,YAAA,EAAE,EAAEA,uBAAM,CAAC,aAAa,CAAC;AACzB,YAAA,EAAE,EAAEA,uBAAM,CAAC,aAAa,CAAC;AACzB,YAAA,KAAK,EAAEA,uBAAM,CAAC,gBAAgB,CAAC;AAC/B,YAAA,MAAM,EAAEA,uBAAM,CAAC,iBAAiB,CAAC;AACjC,YAAA,KAAK,EAAEA,uBAAM,CAAC,gBAAgB,CAAC;AAChC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAEA,uBAAM,CAAC,qBAAqB,CAAC;AACnC,YAAA,MAAM,EAAEA,uBAAM,CAAC,uBAAuB,CAAC;AACvC,YAAA,KAAK,EAAEA,uBAAM,CAAC,sBAAsB,CAAC;AACtC,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAEA,uBAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AAcI,MAAM,QAAQ,GAAGC,gBAAU,CAChC,CACE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EACpE,GAAG,KACD;IACF,QACEC,gCAAC,CAAA,SAAS,EACR,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EACrD,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"headline.cjs","sources":["../../../components/headline/headline.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, HTMLAttributes } from \"react\";\n\nimport styles from \"./headline.module.css\";\n\nconst headline = cva(styles.headline, {\n  variants: {\n    size: {\n      t1: styles[\"headline-t1\"],\n      t2: styles[\"headline-t2\"],\n      t3: styles[\"headline-t3\"],\n      t4: styles[\"headline-t4\"],\n      small: styles[\"headline-small\"],\n      medium: styles[\"headline-medium\"],\n      large: styles[\"headline-large\"],\n    },\n    align: {\n      left: styles[\"headline-align-left\"],\n      center: styles[\"headline-align-center\"],\n      right: styles[\"headline-align-right\"],\n    },\n    truncate: {\n      true: styles[\"headline-truncate\"],\n    },\n  },\n  defaultVariants: {\n    size: \"t2\",\n    align: \"left\",\n    truncate: false,\n  },\n});\n\nexport type HeadlineBaseProps = VariantProps<typeof headline> & {\n  /**\n   * @remarks Use \"t1\" | \"t2\" | \"t3\" | \"t4\"\n   */\n  size?: \"t1\" | \"t2\" | \"t3\" | \"t4\" | \"small\" | \"medium\" | \"large\";\n};\n\ntype HeadlineProps = HeadlineBaseProps &\n  HTMLAttributes<HTMLHeadingElement> & {\n    as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  };\n\nexport const Headline = forwardRef<HTMLHeadingElement, HeadlineProps>(\n  (\n    { className, size, align, truncate, as: Component = \"h2\", ...props },\n    ref,\n  ) => {\n    return (\n      <Component\n        ref={ref}\n        className={headline({ size, align, truncate, className })}\n        {...props}\n      />\n    );\n  },\n);\n\nHeadline.displayName = \"Headline\";\n"],"names":["cva","styles","forwardRef","_jsx"],"mappings":";;;;;;;AAKA,MAAM,QAAQ,GAAGA,SAAG,CAACC,uBAAM,CAAC,QAAQ,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAEA,uBAAM,CAAC,aAAa,CAAC;AACzB,YAAA,EAAE,EAAEA,uBAAM,CAAC,aAAa,CAAC;AACzB,YAAA,EAAE,EAAEA,uBAAM,CAAC,aAAa,CAAC;AACzB,YAAA,EAAE,EAAEA,uBAAM,CAAC,aAAa,CAAC;AACzB,YAAA,KAAK,EAAEA,uBAAM,CAAC,gBAAgB,CAAC;AAC/B,YAAA,MAAM,EAAEA,uBAAM,CAAC,iBAAiB,CAAC;AACjC,YAAA,KAAK,EAAEA,uBAAM,CAAC,gBAAgB,CAAC;AAChC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAEA,uBAAM,CAAC,qBAAqB,CAAC;AACnC,YAAA,MAAM,EAAEA,uBAAM,CAAC,uBAAuB,CAAC;AACvC,YAAA,KAAK,EAAEA,uBAAM,CAAC,sBAAsB,CAAC;AACtC,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAEA,uBAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AAcI,MAAM,QAAQ,GAAGC,gBAAU,CAChC,CACE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EACpE,GAAG,KACD;IACF,QACEC,cAAC,CAAA,SAAS,EACR,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EACrD,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/headline/headline.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef } from 'react';
 import styles from './headline.module.css.js';
@@ -30,7 +30,7 @@ const headline = cva(styles.headline, {
     },
 });
 const Headline = forwardRef(({ className, size, align, truncate, as: Component = "h2", ...props }, ref) => {
-    return (jsxRuntimeExports.jsx(Component, { ref: ref, className: headline({ size, align, truncate, className }), ...props }));
+    return (jsx(Component, { ref: ref, className: headline({ size, align, truncate, className }), ...props }));
 });
 Headline.displayName = "Headline";
 

package/dist/components/headline/headline.js.map

@@ -1 +1 @@
-{"version":3,"file":"headline.js","sources":["../../../components/headline/headline.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, HTMLAttributes } from \"react\";\n\nimport styles from \"./headline.module.css\";\n\nconst headline = cva(styles.headline, {\n  variants: {\n    size: {\n      t1: styles[\"headline-t1\"],\n      t2: styles[\"headline-t2\"],\n      t3: styles[\"headline-t3\"],\n      t4: styles[\"headline-t4\"],\n      small: styles[\"headline-small\"],\n      medium: styles[\"headline-medium\"],\n      large: styles[\"headline-large\"],\n    },\n    align: {\n      left: styles[\"headline-align-left\"],\n      center: styles[\"headline-align-center\"],\n      right: styles[\"headline-align-right\"],\n    },\n    truncate: {\n      true: styles[\"headline-truncate\"],\n    },\n  },\n  defaultVariants: {\n    size: \"t2\",\n    align: \"left\",\n    truncate: false,\n  },\n});\n\nexport type HeadlineBaseProps = VariantProps<typeof headline> & {\n  /**\n   * @remarks Use \"t1\" | \"t2\" | \"t3\" | \"t4\"\n   */\n  size?: \"t1\" | \"t2\" | \"t3\" | \"t4\" | \"small\" | \"medium\" | \"large\";\n};\n\ntype HeadlineProps = HeadlineBaseProps &\n  HTMLAttributes<HTMLHeadingElement> & {\n    as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  };\n\nexport const Headline = forwardRef<HTMLHeadingElement, HeadlineProps>(\n  (\n    { className, size, align, truncate, as: Component = \"h2\", ...props },\n    ref,\n  ) => {\n    return (\n      <Component\n        ref={ref}\n        className={headline({ size, align, truncate, className })}\n        {...props}\n      />\n    );\n  },\n);\n\nHeadline.displayName = \"Headline\";\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,MAAM,CAAC,aAAa,CAAC;AACzB,YAAA,EAAE,EAAE,MAAM,CAAC,aAAa,CAAC;AACzB,YAAA,EAAE,EAAE,MAAM,CAAC,aAAa,CAAC;AACzB,YAAA,EAAE,EAAE,MAAM,CAAC,aAAa,CAAC;AACzB,YAAA,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC/B,YAAA,MAAM,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACjC,YAAA,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAChC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACnC,YAAA,MAAM,EAAE,MAAM,CAAC,uBAAuB,CAAC;AACvC,YAAA,KAAK,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACtC,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AAcI,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EACpE,GAAG,KACD;IACF,QACEA,qBAAC,CAAA,SAAS,EACR,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EACrD,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"headline.js","sources":["../../../components/headline/headline.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, HTMLAttributes } from \"react\";\n\nimport styles from \"./headline.module.css\";\n\nconst headline = cva(styles.headline, {\n  variants: {\n    size: {\n      t1: styles[\"headline-t1\"],\n      t2: styles[\"headline-t2\"],\n      t3: styles[\"headline-t3\"],\n      t4: styles[\"headline-t4\"],\n      small: styles[\"headline-small\"],\n      medium: styles[\"headline-medium\"],\n      large: styles[\"headline-large\"],\n    },\n    align: {\n      left: styles[\"headline-align-left\"],\n      center: styles[\"headline-align-center\"],\n      right: styles[\"headline-align-right\"],\n    },\n    truncate: {\n      true: styles[\"headline-truncate\"],\n    },\n  },\n  defaultVariants: {\n    size: \"t2\",\n    align: \"left\",\n    truncate: false,\n  },\n});\n\nexport type HeadlineBaseProps = VariantProps<typeof headline> & {\n  /**\n   * @remarks Use \"t1\" | \"t2\" | \"t3\" | \"t4\"\n   */\n  size?: \"t1\" | \"t2\" | \"t3\" | \"t4\" | \"small\" | \"medium\" | \"large\";\n};\n\ntype HeadlineProps = HeadlineBaseProps &\n  HTMLAttributes<HTMLHeadingElement> & {\n    as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  };\n\nexport const Headline = forwardRef<HTMLHeadingElement, HeadlineProps>(\n  (\n    { className, size, align, truncate, as: Component = \"h2\", ...props },\n    ref,\n  ) => {\n    return (\n      <Component\n        ref={ref}\n        className={headline({ size, align, truncate, className })}\n        {...props}\n      />\n    );\n  },\n);\n\nHeadline.displayName = \"Headline\";\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,MAAM,CAAC,aAAa,CAAC;AACzB,YAAA,EAAE,EAAE,MAAM,CAAC,aAAa,CAAC;AACzB,YAAA,EAAE,EAAE,MAAM,CAAC,aAAa,CAAC;AACzB,YAAA,EAAE,EAAE,MAAM,CAAC,aAAa,CAAC;AACzB,YAAA,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAC/B,YAAA,MAAM,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACjC,YAAA,KAAK,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAChC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACnC,YAAA,MAAM,EAAE,MAAM,CAAC,uBAAuB,CAAC;AACvC,YAAA,KAAK,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACtC,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AAcI,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EACpE,GAAG,KACD;IACF,QACEA,GAAC,CAAA,SAAS,EACR,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EACrD,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/icon-button/icon-button.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
 var flex = require('../flex/flex.cjs');
@@ -19,7 +19,7 @@ const iconButton = index.cva(iconButton_module.default.iconButton, {
         size: 2
     }
 });
-const IconButton = React.forwardRef(({ className, size, disabled, children, 'aria-label': ariaLabel, style, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("button", { ref: ref, className: iconButton({ size, className }), disabled: disabled, type: 'button', "aria-label": ariaLabel, "aria-disabled": disabled, style: style, ...props, children: jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { "aria-hidden": 'true', align: 'center', justify: 'center', children: children }) })));
+const IconButton = React.forwardRef(({ className, size, disabled, children, 'aria-label': ariaLabel, style, ...props }, ref) => (jsxRuntime.jsx("button", { ref: ref, className: iconButton({ size, className }), disabled: disabled, type: 'button', "aria-label": ariaLabel, "aria-disabled": disabled, style: style, ...props, children: jsxRuntime.jsx(flex.Flex, { "aria-hidden": 'true', align: 'center', justify: 'center', children: children }) })));
 IconButton.displayName = 'IconButton';
 
 exports.IconButton = IconButton;

package/dist/components/icon-button/icon-button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.cjs","sources":["../../../components/icon-button/icon-button.tsx"],"sourcesContent":["import { VariantProps, cva } from 'class-variance-authority';\nimport { ElementRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\n\nimport styles from './icon-button.module.css';\n\nconst iconButton = cva(styles.iconButton, {\n  variants: {\n    size: {\n      1: styles['iconButton-size-1'],\n      2: styles['iconButton-size-2'],\n      3: styles['iconButton-size-3'],\n      4: styles['iconButton-size-4']\n    }\n  },\n  defaultVariants: {\n    size: 2\n  }\n});\n\nexport interface IconButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof iconButton> {\n  size?: 1 | 2 | 3 | 4;\n  'aria-label'?: string;\n}\n\nexport const IconButton = forwardRef<ElementRef<'button'>, IconButtonProps>(\n  (\n    {\n      className,\n      size,\n      disabled,\n      children,\n      'aria-label': ariaLabel,\n      style,\n      ...props\n    },\n    ref\n  ) => (\n    <button\n      ref={ref}\n      className={iconButton({ size, className })}\n      disabled={disabled}\n      type='button'\n      aria-label={ariaLabel}\n      aria-disabled={disabled}\n      style={style}\n      {...props}\n    >\n      <Flex aria-hidden='true' align='center' justify='center'>\n        {children}\n      </Flex>\n    </button>\n  )\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["cva","styles","forwardRef","_jsx","Flex"],"mappings":";;;;;;;;AAMA,MAAM,UAAU,GAAGA,SAAG,CAACC,yBAAM,CAAC,UAAU,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACF,CAAA,CAAC,CAAC;AASU,MAAA,UAAU,GAAGC,gBAAU,CAClC,CACE,EACE,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,MAEHC,gCAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,gBACD,SAAS,EAAA,eAAA,EACN,QAAQ,EACvB,KAAK,EAAE,KAAK,EAAA,GACR,KAAK,EAAA,QAAA,EAETA,iCAACC,SAAI,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EACrD,QAAA,EAAA,QAAQ,GACJ,EACA,CAAA,CACV,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"icon-button.cjs","sources":["../../../components/icon-button/icon-button.tsx"],"sourcesContent":["import { VariantProps, cva } from 'class-variance-authority';\nimport { ElementRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\n\nimport styles from './icon-button.module.css';\n\nconst iconButton = cva(styles.iconButton, {\n  variants: {\n    size: {\n      1: styles['iconButton-size-1'],\n      2: styles['iconButton-size-2'],\n      3: styles['iconButton-size-3'],\n      4: styles['iconButton-size-4']\n    }\n  },\n  defaultVariants: {\n    size: 2\n  }\n});\n\nexport interface IconButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof iconButton> {\n  size?: 1 | 2 | 3 | 4;\n  'aria-label'?: string;\n}\n\nexport const IconButton = forwardRef<ElementRef<'button'>, IconButtonProps>(\n  (\n    {\n      className,\n      size,\n      disabled,\n      children,\n      'aria-label': ariaLabel,\n      style,\n      ...props\n    },\n    ref\n  ) => (\n    <button\n      ref={ref}\n      className={iconButton({ size, className })}\n      disabled={disabled}\n      type='button'\n      aria-label={ariaLabel}\n      aria-disabled={disabled}\n      style={style}\n      {...props}\n    >\n      <Flex aria-hidden='true' align='center' justify='center'>\n        {children}\n      </Flex>\n    </button>\n  )\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["cva","styles","forwardRef","_jsx","Flex"],"mappings":";;;;;;;;AAMA,MAAM,UAAU,GAAGA,SAAG,CAACC,yBAAM,CAAC,UAAU,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACF,CAAA,CAAC,CAAC;AASU,MAAA,UAAU,GAAGC,gBAAU,CAClC,CACE,EACE,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,MAEHC,cAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,gBACD,SAAS,EAAA,eAAA,EACN,QAAQ,EACvB,KAAK,EAAE,KAAK,EAAA,GACR,KAAK,EAAA,QAAA,EAETA,eAACC,SAAI,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EACrD,QAAA,EAAA,QAAQ,GACJ,EACA,CAAA,CACV,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/components/icon-button/icon-button.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/flex.js';
@@ -17,7 +17,7 @@ const iconButton = cva(styles.iconButton, {
         size: 2
     }
 });
-const IconButton = forwardRef(({ className, size, disabled, children, 'aria-label': ariaLabel, style, ...props }, ref) => (jsxRuntimeExports.jsx("button", { ref: ref, className: iconButton({ size, className }), disabled: disabled, type: 'button', "aria-label": ariaLabel, "aria-disabled": disabled, style: style, ...props, children: jsxRuntimeExports.jsx(Flex, { "aria-hidden": 'true', align: 'center', justify: 'center', children: children }) })));
+const IconButton = forwardRef(({ className, size, disabled, children, 'aria-label': ariaLabel, style, ...props }, ref) => (jsx("button", { ref: ref, className: iconButton({ size, className }), disabled: disabled, type: 'button', "aria-label": ariaLabel, "aria-disabled": disabled, style: style, ...props, children: jsx(Flex, { "aria-hidden": 'true', align: 'center', justify: 'center', children: children }) })));
 IconButton.displayName = 'IconButton';
 
 export { IconButton };

package/dist/components/icon-button/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sources":["../../../components/icon-button/icon-button.tsx"],"sourcesContent":["import { VariantProps, cva } from 'class-variance-authority';\nimport { ElementRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\n\nimport styles from './icon-button.module.css';\n\nconst iconButton = cva(styles.iconButton, {\n  variants: {\n    size: {\n      1: styles['iconButton-size-1'],\n      2: styles['iconButton-size-2'],\n      3: styles['iconButton-size-3'],\n      4: styles['iconButton-size-4']\n    }\n  },\n  defaultVariants: {\n    size: 2\n  }\n});\n\nexport interface IconButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof iconButton> {\n  size?: 1 | 2 | 3 | 4;\n  'aria-label'?: string;\n}\n\nexport const IconButton = forwardRef<ElementRef<'button'>, IconButtonProps>(\n  (\n    {\n      className,\n      size,\n      disabled,\n      children,\n      'aria-label': ariaLabel,\n      style,\n      ...props\n    },\n    ref\n  ) => (\n    <button\n      ref={ref}\n      className={iconButton({ size, className })}\n      disabled={disabled}\n      type='button'\n      aria-label={ariaLabel}\n      aria-disabled={disabled}\n      style={style}\n      {...props}\n    >\n      <Flex aria-hidden='true' align='center' justify='center'>\n        {children}\n      </Flex>\n    </button>\n  )\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACF,CAAA,CAAC,CAAC;AASU,MAAA,UAAU,GAAG,UAAU,CAClC,CACE,EACE,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,MAEHA,qBAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,gBACD,SAAS,EAAA,eAAA,EACN,QAAQ,EACvB,KAAK,EAAE,KAAK,EAAA,GACR,KAAK,EAAA,QAAA,EAETA,sBAAC,IAAI,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EACrD,QAAA,EAAA,QAAQ,GACJ,EACA,CAAA,CACV,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"icon-button.js","sources":["../../../components/icon-button/icon-button.tsx"],"sourcesContent":["import { VariantProps, cva } from 'class-variance-authority';\nimport { ElementRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\n\nimport styles from './icon-button.module.css';\n\nconst iconButton = cva(styles.iconButton, {\n  variants: {\n    size: {\n      1: styles['iconButton-size-1'],\n      2: styles['iconButton-size-2'],\n      3: styles['iconButton-size-3'],\n      4: styles['iconButton-size-4']\n    }\n  },\n  defaultVariants: {\n    size: 2\n  }\n});\n\nexport interface IconButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof iconButton> {\n  size?: 1 | 2 | 3 | 4;\n  'aria-label'?: string;\n}\n\nexport const IconButton = forwardRef<ElementRef<'button'>, IconButtonProps>(\n  (\n    {\n      className,\n      size,\n      disabled,\n      children,\n      'aria-label': ariaLabel,\n      style,\n      ...props\n    },\n    ref\n  ) => (\n    <button\n      ref={ref}\n      className={iconButton({ size, className })}\n      disabled={disabled}\n      type='button'\n      aria-label={ariaLabel}\n      aria-disabled={disabled}\n      style={style}\n      {...props}\n    >\n      <Flex aria-hidden='true' align='center' justify='center'>\n        {children}\n      </Flex>\n    </button>\n  )\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACF,CAAA,CAAC,CAAC;AASU,MAAA,UAAU,GAAG,UAAU,CAClC,CACE,EACE,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,MAEHA,GAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,gBACD,SAAS,EAAA,eAAA,EACN,QAAQ,EACvB,KAAK,EAAE,KAAK,EAAA,GACR,KAAK,EAAA,QAAA,EAETA,IAAC,IAAI,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EACrD,QAAA,EAAA,QAAQ,GACJ,EACA,CAAA,CACV,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/components/image/image.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var image_module = require('./image.module.css.cjs');
 
@@ -35,7 +35,7 @@ function Image({ alt = "", className, fit, radius, fallback, onError, width, hei
         height: height,
         ...style
     };
-    return (jsxRuntime.jsxRuntimeExports.jsx("img", { alt: alt, className: image({ fit, radius, className }), onError: handleError, style: imageStyle, loading: loading, decoding: decoding, ...props, role: "img", "aria-label": alt }));
+    return (jsxRuntime.jsx("img", { alt: alt, className: image({ fit, radius, className }), onError: handleError, style: imageStyle, loading: loading, decoding: decoding, ...props, role: "img", "aria-label": alt }));
 }
 Image.displayName = "Image";
 

package/dist/components/image/image.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"image.cjs","sources":["../../../components/image/image.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ImgHTMLAttributes } from \"react\";\n\nimport styles from \"./image.module.css\";\n\nconst image = cva(styles.image, {\n  variants: {\n    fit: {\n      contain: styles[\"image-contain\"],\n      cover: styles[\"image-cover\"],\n      fill: styles[\"image-fill\"],\n    },\n    radius: {\n      none: styles[\"image-radius-none\"],\n      small: styles[\"image-radius-small\"],\n      medium: styles[\"image-radius-medium\"],\n      full: styles[\"image-radius-full\"],\n    }\n  },\n  defaultVariants: {\n    fit: \"cover\",\n    radius: \"none\"\n  }\n});\n\ninterface ImageProps \n  extends ImgHTMLAttributes<HTMLImageElement>,\n    VariantProps<typeof image> {\n  fallback?: string;\n  width?: string | number;\n  height?: string | number;\n}\n\nexport function Image({ \n  alt = \"\",\n  className,\n  fit,\n  radius,\n  fallback,\n  onError,\n  width,\n  height,\n  style,\n  loading = \"lazy\",\n  decoding = \"async\",\n  ...props \n}: ImageProps) {\n  const handleError = (event: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    if (fallback) {\n      event.currentTarget.src = fallback;\n    }\n    onError?.(event);\n  };\n\n  const imageStyle = {\n    width: width,\n    height: height,\n    ...style\n  };\n\n  return (\n    <img \n      alt={alt}\n      className={image({ fit, radius, className })}\n      onError={handleError}\n      style={imageStyle}\n      loading={loading}\n      decoding={decoding}\n      {...props}\n      role=\"img\"\n      aria-label={alt}\n    />\n  );\n}\n\nImage.displayName = \"Image\"; "],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAKA,MAAM,KAAK,GAAGA,SAAG,CAACC,oBAAM,CAAC,KAAK,EAAE;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,GAAG,EAAE;AACH,YAAA,OAAO,EAAEA,oBAAM,CAAC,eAAe,CAAC;AAChC,YAAA,KAAK,EAAEA,oBAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,IAAI,EAAEA,oBAAM,CAAC,YAAY,CAAC;AAC3B,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAEA,oBAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,KAAK,EAAEA,oBAAM,CAAC,oBAAoB,CAAC;AACnC,YAAA,MAAM,EAAEA,oBAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,IAAI,EAAEA,oBAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC,CAAC;AAUa,SAAA,KAAK,CAAC,EACpB,GAAG,GAAG,EAAE,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,OAAO,EAClB,GAAG,KAAK,EACG,EAAA;AACX,IAAA,MAAM,WAAW,GAAG,CAAC,KAAoD,KAAI;QAC3E,IAAI,QAAQ,EAAE;AACZ,YAAA,KAAK,CAAC,aAAa,CAAC,GAAG,GAAG,QAAQ,CAAC;SACpC;AACD,QAAA,OAAO,GAAG,KAAK,CAAC,CAAC;AACnB,KAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,GAAG,KAAK;KACT,CAAC;IAEF,QACEC,0CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAC5C,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,KACd,KAAK,EACT,IAAI,EAAC,KAAK,gBACE,GAAG,EAAA,CACf,EACF;AACJ,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"image.cjs","sources":["../../../components/image/image.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ImgHTMLAttributes } from \"react\";\n\nimport styles from \"./image.module.css\";\n\nconst image = cva(styles.image, {\n  variants: {\n    fit: {\n      contain: styles[\"image-contain\"],\n      cover: styles[\"image-cover\"],\n      fill: styles[\"image-fill\"],\n    },\n    radius: {\n      none: styles[\"image-radius-none\"],\n      small: styles[\"image-radius-small\"],\n      medium: styles[\"image-radius-medium\"],\n      full: styles[\"image-radius-full\"],\n    }\n  },\n  defaultVariants: {\n    fit: \"cover\",\n    radius: \"none\"\n  }\n});\n\ninterface ImageProps \n  extends ImgHTMLAttributes<HTMLImageElement>,\n    VariantProps<typeof image> {\n  fallback?: string;\n  width?: string | number;\n  height?: string | number;\n}\n\nexport function Image({ \n  alt = \"\",\n  className,\n  fit,\n  radius,\n  fallback,\n  onError,\n  width,\n  height,\n  style,\n  loading = \"lazy\",\n  decoding = \"async\",\n  ...props \n}: ImageProps) {\n  const handleError = (event: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    if (fallback) {\n      event.currentTarget.src = fallback;\n    }\n    onError?.(event);\n  };\n\n  const imageStyle = {\n    width: width,\n    height: height,\n    ...style\n  };\n\n  return (\n    <img \n      alt={alt}\n      className={image({ fit, radius, className })}\n      onError={handleError}\n      style={imageStyle}\n      loading={loading}\n      decoding={decoding}\n      {...props}\n      role=\"img\"\n      aria-label={alt}\n    />\n  );\n}\n\nImage.displayName = \"Image\"; "],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAKA,MAAM,KAAK,GAAGA,SAAG,CAACC,oBAAM,CAAC,KAAK,EAAE;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,GAAG,EAAE;AACH,YAAA,OAAO,EAAEA,oBAAM,CAAC,eAAe,CAAC;AAChC,YAAA,KAAK,EAAEA,oBAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,IAAI,EAAEA,oBAAM,CAAC,YAAY,CAAC;AAC3B,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAEA,oBAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,KAAK,EAAEA,oBAAM,CAAC,oBAAoB,CAAC;AACnC,YAAA,MAAM,EAAEA,oBAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,IAAI,EAAEA,oBAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC,CAAC;AAUa,SAAA,KAAK,CAAC,EACpB,GAAG,GAAG,EAAE,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,OAAO,EAClB,GAAG,KAAK,EACG,EAAA;AACX,IAAA,MAAM,WAAW,GAAG,CAAC,KAAoD,KAAI;QAC3E,IAAI,QAAQ,EAAE;AACZ,YAAA,KAAK,CAAC,aAAa,CAAC,GAAG,GAAG,QAAQ,CAAC;SACpC;AACD,QAAA,OAAO,GAAG,KAAK,CAAC,CAAC;AACnB,KAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,GAAG,KAAK;KACT,CAAC;IAEF,QACEC,wBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAC5C,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,KACd,KAAK,EACT,IAAI,EAAC,KAAK,gBACE,GAAG,EAAA,CACf,EACF;AACJ,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/components/image/image.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import styles from './image.module.css.js';
 
@@ -33,7 +33,7 @@ function Image({ alt = "", className, fit, radius, fallback, onError, width, hei
         height: height,
         ...style
     };
-    return (jsxRuntimeExports.jsx("img", { alt: alt, className: image({ fit, radius, className }), onError: handleError, style: imageStyle, loading: loading, decoding: decoding, ...props, role: "img", "aria-label": alt }));
+    return (jsx("img", { alt: alt, className: image({ fit, radius, className }), onError: handleError, style: imageStyle, loading: loading, decoding: decoding, ...props, role: "img", "aria-label": alt }));
 }
 Image.displayName = "Image";
 

package/dist/components/image/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sources":["../../../components/image/image.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ImgHTMLAttributes } from \"react\";\n\nimport styles from \"./image.module.css\";\n\nconst image = cva(styles.image, {\n  variants: {\n    fit: {\n      contain: styles[\"image-contain\"],\n      cover: styles[\"image-cover\"],\n      fill: styles[\"image-fill\"],\n    },\n    radius: {\n      none: styles[\"image-radius-none\"],\n      small: styles[\"image-radius-small\"],\n      medium: styles[\"image-radius-medium\"],\n      full: styles[\"image-radius-full\"],\n    }\n  },\n  defaultVariants: {\n    fit: \"cover\",\n    radius: \"none\"\n  }\n});\n\ninterface ImageProps \n  extends ImgHTMLAttributes<HTMLImageElement>,\n    VariantProps<typeof image> {\n  fallback?: string;\n  width?: string | number;\n  height?: string | number;\n}\n\nexport function Image({ \n  alt = \"\",\n  className,\n  fit,\n  radius,\n  fallback,\n  onError,\n  width,\n  height,\n  style,\n  loading = \"lazy\",\n  decoding = \"async\",\n  ...props \n}: ImageProps) {\n  const handleError = (event: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    if (fallback) {\n      event.currentTarget.src = fallback;\n    }\n    onError?.(event);\n  };\n\n  const imageStyle = {\n    width: width,\n    height: height,\n    ...style\n  };\n\n  return (\n    <img \n      alt={alt}\n      className={image({ fit, radius, className })}\n      onError={handleError}\n      style={imageStyle}\n      loading={loading}\n      decoding={decoding}\n      {...props}\n      role=\"img\"\n      aria-label={alt}\n    />\n  );\n}\n\nImage.displayName = \"Image\"; "],"names":["_jsx"],"mappings":";;;;AAKA,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,GAAG,EAAE;AACH,YAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC;AAC3B,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,KAAK,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACnC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC,CAAC;AAUa,SAAA,KAAK,CAAC,EACpB,GAAG,GAAG,EAAE,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,OAAO,EAClB,GAAG,KAAK,EACG,EAAA;AACX,IAAA,MAAM,WAAW,GAAG,CAAC,KAAoD,KAAI;QAC3E,IAAI,QAAQ,EAAE;AACZ,YAAA,KAAK,CAAC,aAAa,CAAC,GAAG,GAAG,QAAQ,CAAC;SACpC;AACD,QAAA,OAAO,GAAG,KAAK,CAAC,CAAC;AACnB,KAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,GAAG,KAAK;KACT,CAAC;IAEF,QACEA,+BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAC5C,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,KACd,KAAK,EACT,IAAI,EAAC,KAAK,gBACE,GAAG,EAAA,CACf,EACF;AACJ,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"image.js","sources":["../../../components/image/image.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ImgHTMLAttributes } from \"react\";\n\nimport styles from \"./image.module.css\";\n\nconst image = cva(styles.image, {\n  variants: {\n    fit: {\n      contain: styles[\"image-contain\"],\n      cover: styles[\"image-cover\"],\n      fill: styles[\"image-fill\"],\n    },\n    radius: {\n      none: styles[\"image-radius-none\"],\n      small: styles[\"image-radius-small\"],\n      medium: styles[\"image-radius-medium\"],\n      full: styles[\"image-radius-full\"],\n    }\n  },\n  defaultVariants: {\n    fit: \"cover\",\n    radius: \"none\"\n  }\n});\n\ninterface ImageProps \n  extends ImgHTMLAttributes<HTMLImageElement>,\n    VariantProps<typeof image> {\n  fallback?: string;\n  width?: string | number;\n  height?: string | number;\n}\n\nexport function Image({ \n  alt = \"\",\n  className,\n  fit,\n  radius,\n  fallback,\n  onError,\n  width,\n  height,\n  style,\n  loading = \"lazy\",\n  decoding = \"async\",\n  ...props \n}: ImageProps) {\n  const handleError = (event: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    if (fallback) {\n      event.currentTarget.src = fallback;\n    }\n    onError?.(event);\n  };\n\n  const imageStyle = {\n    width: width,\n    height: height,\n    ...style\n  };\n\n  return (\n    <img \n      alt={alt}\n      className={image({ fit, radius, className })}\n      onError={handleError}\n      style={imageStyle}\n      loading={loading}\n      decoding={decoding}\n      {...props}\n      role=\"img\"\n      aria-label={alt}\n    />\n  );\n}\n\nImage.displayName = \"Image\"; "],"names":["_jsx"],"mappings":";;;;AAKA,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,GAAG,EAAE;AACH,YAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC;AAC3B,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,KAAK,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACnC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC,CAAC;AAUa,SAAA,KAAK,CAAC,EACpB,GAAG,GAAG,EAAE,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,OAAO,EAClB,GAAG,KAAK,EACG,EAAA;AACX,IAAA,MAAM,WAAW,GAAG,CAAC,KAAoD,KAAI;QAC3E,IAAI,QAAQ,EAAE;AACZ,YAAA,KAAK,CAAC,aAAa,CAAC,GAAG,GAAG,QAAQ,CAAC;SACpC;AACD,QAAA,OAAO,GAAG,KAAK,CAAC,CAAC;AACnB,KAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,GAAG,KAAK;KACT,CAAC;IAEF,QACEA,aACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAC5C,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,KACd,KAAK,EACT,IAAI,EAAC,KAAK,gBACE,GAAG,EAAA,CACf,EACF;AACJ,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/components/indicator/indicator.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var indicator_module = require('./indicator.module.css.cjs');
 
@@ -20,7 +20,7 @@ const indicator = index.cva(indicator_module.default.indicator, {
 });
 const Indicator = ({ className, variant, label, children, "aria-label": ariaLabel, ...props }) => {
     const accessibilityLabel = ariaLabel || label || `${variant} indicator`;
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: indicator_module.default.wrapper, ...props, children: [children, jsxRuntime.jsxRuntimeExports.jsx("div", { className: indicator({ variant, className }), role: "status", "aria-label": accessibilityLabel, children: label ? (jsxRuntime.jsxRuntimeExports.jsx("span", { className: indicator_module.default.label, "data-length": label.length.toString(), children: label })) : (jsxRuntime.jsxRuntimeExports.jsx("span", { className: indicator_module.default.dot, "aria-hidden": "true" })) })] }));
+    return (jsxRuntime.jsxs("div", { className: indicator_module.default.wrapper, ...props, children: [children, jsxRuntime.jsx("div", { className: indicator({ variant, className }), role: "status", "aria-label": accessibilityLabel, children: label ? (jsxRuntime.jsx("span", { className: indicator_module.default.label, "data-length": label.length.toString(), children: label })) : (jsxRuntime.jsx("span", { className: indicator_module.default.dot, "aria-hidden": "true" })) })] }));
 };
 Indicator.displayName = 'Indicator';
 

package/dist/components/indicator/indicator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"indicator.cjs","sources":["../../../components/indicator/indicator.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport styles from './indicator.module.css';\n\nconst indicator = cva(styles.indicator, {\n  variants: {\n    variant: {\n      accent: styles[\"indicator-variant-accent\"],\n      warning: styles[\"indicator-variant-warning\"],\n      danger: styles[\"indicator-variant-danger\"],\n      success: styles[\"indicator-variant-success\"],\n      neutral: styles[\"indicator-variant-neutral\"],\n    }\n  },\n  defaultVariants: {\n    variant: \"accent\",\n  },\n});\n\nexport interface IndicatorProps\n  extends ComponentPropsWithoutRef<\"div\">,\n    VariantProps<typeof indicator> {\n  label?: string;\n  children?: ReactNode;\n  \"aria-label\"?: string;\n}\n\nexport const Indicator = ({ \n  className, \n  variant, \n  label, \n  children, \n  \"aria-label\": ariaLabel,\n  ...props \n}: IndicatorProps) => {\n  const accessibilityLabel = ariaLabel || label || `${variant} indicator`;\n\n  return (\n    <div className={styles.wrapper} {...props}>\n      {children}\n      <div \n        className={indicator({ variant, className })}\n        role=\"status\"\n        aria-label={accessibilityLabel}\n      >\n        {label ? (\n          <span \n            className={styles.label} \n            data-length={label.length.toString()}\n          >\n            {label}\n          </span>\n        ) : (\n          <span \n            className={styles.dot} \n            aria-hidden=\"true\" \n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nIndicator.displayName = 'Indicator';\n"],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,SAAS,GAAGA,SAAG,CAACC,wBAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,MAAM,EAAEA,wBAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAEA,wBAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,MAAM,EAAEA,wBAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAEA,wBAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,OAAO,EAAEA,wBAAM,CAAC,2BAA2B,CAAC;AAC7C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,QAAQ;AAClB,KAAA;AACF,CAAA,CAAC,CAAC;MAUU,SAAS,GAAG,CAAC,EACxB,SAAS,EACT,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACO,KAAI;IACnB,MAAM,kBAAkB,GAAG,SAAS,IAAI,KAAK,IAAI,CAAA,EAAG,OAAO,CAAA,UAAA,CAAY,CAAC;AAExE,IAAA,QACEC,iCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,wBAAM,CAAC,OAAO,EAAM,GAAA,KAAK,EACtC,QAAA,EAAA,CAAA,QAAQ,EACTE,gCAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC5C,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,kBAAkB,EAE7B,QAAA,EAAA,KAAK,IACJA,gCAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAEF,wBAAM,CAAC,KAAK,EACV,aAAA,EAAA,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAA,QAAA,EAEnC,KAAK,EACD,CAAA,KAEPE,gCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,wBAAM,CAAC,GAAG,EAAA,aAAA,EACT,MAAM,EAClB,CAAA,CACH,EACG,CAAA,CAAA,EAAA,CACF,EACN;AACJ,EAAE;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}
+{"version":3,"file":"indicator.cjs","sources":["../../../components/indicator/indicator.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport styles from './indicator.module.css';\n\nconst indicator = cva(styles.indicator, {\n  variants: {\n    variant: {\n      accent: styles[\"indicator-variant-accent\"],\n      warning: styles[\"indicator-variant-warning\"],\n      danger: styles[\"indicator-variant-danger\"],\n      success: styles[\"indicator-variant-success\"],\n      neutral: styles[\"indicator-variant-neutral\"],\n    }\n  },\n  defaultVariants: {\n    variant: \"accent\",\n  },\n});\n\nexport interface IndicatorProps\n  extends ComponentPropsWithoutRef<\"div\">,\n    VariantProps<typeof indicator> {\n  label?: string;\n  children?: ReactNode;\n  \"aria-label\"?: string;\n}\n\nexport const Indicator = ({ \n  className, \n  variant, \n  label, \n  children, \n  \"aria-label\": ariaLabel,\n  ...props \n}: IndicatorProps) => {\n  const accessibilityLabel = ariaLabel || label || `${variant} indicator`;\n\n  return (\n    <div className={styles.wrapper} {...props}>\n      {children}\n      <div \n        className={indicator({ variant, className })}\n        role=\"status\"\n        aria-label={accessibilityLabel}\n      >\n        {label ? (\n          <span \n            className={styles.label} \n            data-length={label.length.toString()}\n          >\n            {label}\n          </span>\n        ) : (\n          <span \n            className={styles.dot} \n            aria-hidden=\"true\" \n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nIndicator.displayName = 'Indicator';\n"],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,SAAS,GAAGA,SAAG,CAACC,wBAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,MAAM,EAAEA,wBAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAEA,wBAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,MAAM,EAAEA,wBAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAEA,wBAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,OAAO,EAAEA,wBAAM,CAAC,2BAA2B,CAAC;AAC7C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,QAAQ;AAClB,KAAA;AACF,CAAA,CAAC,CAAC;MAUU,SAAS,GAAG,CAAC,EACxB,SAAS,EACT,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACO,KAAI;IACnB,MAAM,kBAAkB,GAAG,SAAS,IAAI,KAAK,IAAI,CAAA,EAAG,OAAO,CAAA,UAAA,CAAY,CAAC;AAExE,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,wBAAM,CAAC,OAAO,EAAM,GAAA,KAAK,EACtC,QAAA,EAAA,CAAA,QAAQ,EACTE,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC5C,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,kBAAkB,EAE7B,QAAA,EAAA,KAAK,IACJA,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAEF,wBAAM,CAAC,KAAK,EACV,aAAA,EAAA,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAA,QAAA,EAEnC,KAAK,EACD,CAAA,KAEPE,cACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,wBAAM,CAAC,GAAG,EAAA,aAAA,EACT,MAAM,EAClB,CAAA,CACH,EACG,CAAA,CAAA,EAAA,CACF,EACN;AACJ,EAAE;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

package/dist/components/indicator/indicator.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import styles from './indicator.module.css.js';
 
@@ -18,7 +18,7 @@ const indicator = cva(styles.indicator, {
 });
 const Indicator = ({ className, variant, label, children, "aria-label": ariaLabel, ...props }) => {
     const accessibilityLabel = ariaLabel || label || `${variant} indicator`;
-    return (jsxRuntimeExports.jsxs("div", { className: styles.wrapper, ...props, children: [children, jsxRuntimeExports.jsx("div", { className: indicator({ variant, className }), role: "status", "aria-label": accessibilityLabel, children: label ? (jsxRuntimeExports.jsx("span", { className: styles.label, "data-length": label.length.toString(), children: label })) : (jsxRuntimeExports.jsx("span", { className: styles.dot, "aria-hidden": "true" })) })] }));
+    return (jsxs("div", { className: styles.wrapper, ...props, children: [children, jsx("div", { className: indicator({ variant, className }), role: "status", "aria-label": accessibilityLabel, children: label ? (jsx("span", { className: styles.label, "data-length": label.length.toString(), children: label })) : (jsx("span", { className: styles.dot, "aria-hidden": "true" })) })] }));
 };
 Indicator.displayName = 'Indicator';
 

package/dist/components/indicator/indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"indicator.js","sources":["../../../components/indicator/indicator.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport styles from './indicator.module.css';\n\nconst indicator = cva(styles.indicator, {\n  variants: {\n    variant: {\n      accent: styles[\"indicator-variant-accent\"],\n      warning: styles[\"indicator-variant-warning\"],\n      danger: styles[\"indicator-variant-danger\"],\n      success: styles[\"indicator-variant-success\"],\n      neutral: styles[\"indicator-variant-neutral\"],\n    }\n  },\n  defaultVariants: {\n    variant: \"accent\",\n  },\n});\n\nexport interface IndicatorProps\n  extends ComponentPropsWithoutRef<\"div\">,\n    VariantProps<typeof indicator> {\n  label?: string;\n  children?: ReactNode;\n  \"aria-label\"?: string;\n}\n\nexport const Indicator = ({ \n  className, \n  variant, \n  label, \n  children, \n  \"aria-label\": ariaLabel,\n  ...props \n}: IndicatorProps) => {\n  const accessibilityLabel = ariaLabel || label || `${variant} indicator`;\n\n  return (\n    <div className={styles.wrapper} {...props}>\n      {children}\n      <div \n        className={indicator({ variant, className })}\n        role=\"status\"\n        aria-label={accessibilityLabel}\n      >\n        {label ? (\n          <span \n            className={styles.label} \n            data-length={label.length.toString()}\n          >\n            {label}\n          </span>\n        ) : (\n          <span \n            className={styles.dot} \n            aria-hidden=\"true\" \n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nIndicator.displayName = 'Indicator';\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,MAAM,EAAE,MAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAE,MAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,MAAM,EAAE,MAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAE,MAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,OAAO,EAAE,MAAM,CAAC,2BAA2B,CAAC;AAC7C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,QAAQ;AAClB,KAAA;AACF,CAAA,CAAC,CAAC;MAUU,SAAS,GAAG,CAAC,EACxB,SAAS,EACT,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACO,KAAI;IACnB,MAAM,kBAAkB,GAAG,SAAS,IAAI,KAAK,IAAI,CAAA,EAAG,OAAO,CAAA,UAAA,CAAY,CAAC;AAExE,IAAA,QACEA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAM,GAAA,KAAK,EACtC,QAAA,EAAA,CAAA,QAAQ,EACTC,qBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC5C,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,kBAAkB,EAE7B,QAAA,EAAA,KAAK,IACJA,qBAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,KAAK,EACV,aAAA,EAAA,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAA,QAAA,EAEnC,KAAK,EACD,CAAA,KAEPA,qBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,GAAG,EAAA,aAAA,EACT,MAAM,EAClB,CAAA,CACH,EACG,CAAA,CAAA,EAAA,CACF,EACN;AACJ,EAAE;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}
+{"version":3,"file":"indicator.js","sources":["../../../components/indicator/indicator.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport styles from './indicator.module.css';\n\nconst indicator = cva(styles.indicator, {\n  variants: {\n    variant: {\n      accent: styles[\"indicator-variant-accent\"],\n      warning: styles[\"indicator-variant-warning\"],\n      danger: styles[\"indicator-variant-danger\"],\n      success: styles[\"indicator-variant-success\"],\n      neutral: styles[\"indicator-variant-neutral\"],\n    }\n  },\n  defaultVariants: {\n    variant: \"accent\",\n  },\n});\n\nexport interface IndicatorProps\n  extends ComponentPropsWithoutRef<\"div\">,\n    VariantProps<typeof indicator> {\n  label?: string;\n  children?: ReactNode;\n  \"aria-label\"?: string;\n}\n\nexport const Indicator = ({ \n  className, \n  variant, \n  label, \n  children, \n  \"aria-label\": ariaLabel,\n  ...props \n}: IndicatorProps) => {\n  const accessibilityLabel = ariaLabel || label || `${variant} indicator`;\n\n  return (\n    <div className={styles.wrapper} {...props}>\n      {children}\n      <div \n        className={indicator({ variant, className })}\n        role=\"status\"\n        aria-label={accessibilityLabel}\n      >\n        {label ? (\n          <span \n            className={styles.label} \n            data-length={label.length.toString()}\n          >\n            {label}\n          </span>\n        ) : (\n          <span \n            className={styles.dot} \n            aria-hidden=\"true\" \n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nIndicator.displayName = 'Indicator';\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,MAAM,EAAE,MAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAE,MAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,MAAM,EAAE,MAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAE,MAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,OAAO,EAAE,MAAM,CAAC,2BAA2B,CAAC;AAC7C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,QAAQ;AAClB,KAAA;AACF,CAAA,CAAC,CAAC;MAUU,SAAS,GAAG,CAAC,EACxB,SAAS,EACT,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACO,KAAI;IACnB,MAAM,kBAAkB,GAAG,SAAS,IAAI,KAAK,IAAI,CAAA,EAAG,OAAO,CAAA,UAAA,CAAY,CAAC;AAExE,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAM,GAAA,KAAK,EACtC,QAAA,EAAA,CAAA,QAAQ,EACTC,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC5C,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,kBAAkB,EAE7B,QAAA,EAAA,KAAK,IACJA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,KAAK,EACV,aAAA,EAAA,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAA,QAAA,EAEnC,KAAK,EACD,CAAA,KAEPA,GACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,GAAG,EAAA,aAAA,EACT,MAAM,EAClB,CAAA,CACH,EACG,CAAA,CAAA,EAAA,CACF,EACN;AACJ,EAAE;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

package/dist/components/input-field/input-field.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
-var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
 var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
 var tooltip = require('../tooltip/tooltip.cjs');
@@ -26,7 +26,7 @@ const inputWrapper = index.cva(inputField_module.default.inputWrapper, {
     }
 });
 const InputField = React.forwardRef(({ className, disabled, label, helperText, placeholder, error, leadingIcon, trailingIcon, optional, prefix, suffix, width, chips, maxChipsVisible = 2, size, infoTooltip, variant = 'default', ...props }, ref) => {
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: inputField_module.default.container, style: { width: width || '100%' }, children: [label && (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: inputField_module.default.labelContainer, children: [jsxRuntime.jsxRuntimeExports.jsxs("label", { className: index.cx(inputField_module.default.label, disabled && inputField_module.default['label-disabled']), children: [label, optional && jsxRuntime.jsxRuntimeExports.jsx("span", { className: inputField_module.default.optional, children: "(optional)" })] }), infoTooltip && (jsxRuntime.jsxRuntimeExports.jsx(tooltip.Tooltip, { message: infoTooltip, side: 'right', children: jsxRuntime.jsxRuntimeExports.jsx("span", { className: inputField_module.default.helpIcon, children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.InfoCircledIcon, {}) }) }))] })), jsxRuntime.jsxRuntimeExports.jsxs("div", { className: index.cx(inputWrapper({ size, variant, className }), error && inputField_module.default['input-error-wrapper'], disabled && inputField_module.default['input-disabled-wrapper'], chips?.length && inputField_module.default['has-chips']), children: [leadingIcon && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: inputField_module.default['leading-icon'], children: leadingIcon })), prefix && jsxRuntime.jsxRuntimeExports.jsx("div", { className: inputField_module.default.prefix, children: prefix }), jsxRuntime.jsxRuntimeExports.jsxs("div", { className: inputField_module.default['chip-input-container'], children: [chips?.slice(0, maxChipsVisible).map((chip$1, index) => (jsxRuntime.jsxRuntimeExports.jsx(chip.Chip, { variant: 'outline', isDismissible: !!chip$1.onRemove, onDismiss: chip$1.onRemove, className: inputField_module.default.chip, children: chip$1.label }, index))), chips && chips.length > maxChipsVisible && (jsxRuntime.jsxRuntimeExports.jsxs("span", { className: inputField_module.default['chip-overflow'], children: ["+", chips.length - maxChipsVisible] })), jsxRuntime.jsxRuntimeExports.jsx("input", { ref: ref, className: index.cx(inputField_module.default['input-field'], leadingIcon && inputField_module.default['has-leading-icon'], trailingIcon && inputField_module.default['has-trailing-icon'], prefix && inputField_module.default['has-prefix'], suffix && inputField_module.default['has-suffix'], error && inputField_module.default['input-error'], disabled && inputField_module.default['input-disabled'], className), "aria-invalid": !!error, placeholder: placeholder, disabled: disabled, ...props })] }), suffix && jsxRuntime.jsxRuntimeExports.jsx("div", { className: inputField_module.default.suffix, children: suffix }), trailingIcon && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: inputField_module.default['trailing-icon'], children: trailingIcon }))] }), (error || helperText) && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: index.cx(inputField_module.default['helper-text'], error && inputField_module.default['helper-text-error'], disabled && inputField_module.default['helper-text-disabled']), children: error || helperText }))] }));
+    return (jsxRuntime.jsxs("div", { className: inputField_module.default.container, style: { width: width || '100%' }, children: [label && (jsxRuntime.jsxs("div", { className: inputField_module.default.labelContainer, children: [jsxRuntime.jsxs("label", { className: index.cx(inputField_module.default.label, disabled && inputField_module.default['label-disabled']), children: [label, optional && jsxRuntime.jsx("span", { className: inputField_module.default.optional, children: "(optional)" })] }), infoTooltip && (jsxRuntime.jsx(tooltip.Tooltip, { message: infoTooltip, side: 'right', children: jsxRuntime.jsx("span", { className: inputField_module.default.helpIcon, children: jsxRuntime.jsx(reactIcons_esm.InfoCircledIcon, {}) }) }))] })), jsxRuntime.jsxs("div", { className: index.cx(inputWrapper({ size, variant, className }), error && inputField_module.default['input-error-wrapper'], disabled && inputField_module.default['input-disabled-wrapper'], chips?.length && inputField_module.default['has-chips']), children: [leadingIcon && (jsxRuntime.jsx("div", { className: inputField_module.default['leading-icon'], children: leadingIcon })), prefix && jsxRuntime.jsx("div", { className: inputField_module.default.prefix, children: prefix }), jsxRuntime.jsxs("div", { className: inputField_module.default['chip-input-container'], children: [chips?.slice(0, maxChipsVisible).map((chip$1, index) => (jsxRuntime.jsx(chip.Chip, { variant: 'outline', isDismissible: !!chip$1.onRemove, onDismiss: chip$1.onRemove, className: inputField_module.default.chip, children: chip$1.label }, index))), chips && chips.length > maxChipsVisible && (jsxRuntime.jsxs("span", { className: inputField_module.default['chip-overflow'], children: ["+", chips.length - maxChipsVisible] })), jsxRuntime.jsx("input", { ref: ref, className: index.cx(inputField_module.default['input-field'], leadingIcon && inputField_module.default['has-leading-icon'], trailingIcon && inputField_module.default['has-trailing-icon'], prefix && inputField_module.default['has-prefix'], suffix && inputField_module.default['has-suffix'], error && inputField_module.default['input-error'], disabled && inputField_module.default['input-disabled'], className), "aria-invalid": !!error, placeholder: placeholder, disabled: disabled, ...props })] }), suffix && jsxRuntime.jsx("div", { className: inputField_module.default.suffix, children: suffix }), trailingIcon && (jsxRuntime.jsx("div", { className: inputField_module.default['trailing-icon'], children: trailingIcon }))] }), (error || helperText) && (jsxRuntime.jsx("span", { className: index.cx(inputField_module.default['helper-text'], error && inputField_module.default['helper-text-error'], disabled && inputField_module.default['helper-text-disabled']), children: error || helperText }))] }));
 });
 InputField.displayName = 'InputField';
 

package/dist/components/input-field/input-field.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-field.cjs","sources":["../../../components/input-field/input-field.tsx"],"sourcesContent":["import { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { type VariantProps, cva, cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, ReactNode, forwardRef } from 'react';\nimport { Tooltip } from '../tooltip';\n\nimport { Chip } from '../chip';\nimport styles from './input-field.module.css';\n\n// Todo: Add a dropdown support\n\nconst inputWrapper = cva(styles.inputWrapper, {\n  variants: {\n    size: {\n      small: styles['size-small'],\n      large: styles['size-large']\n    },\n    variant: {\n      default: styles['variant-default'],\n      borderless: styles['variant-borderless']\n    }\n  },\n  defaultVariants: {\n    size: 'large',\n    variant: 'default'\n  }\n});\n\nexport interface InputFieldProps\n  extends Omit<ComponentPropsWithoutRef<'input'>, 'error' | 'size'>,\n    VariantProps<typeof inputWrapper> {\n  label?: string;\n  helperText?: string;\n  error?: string;\n  disabled?: boolean;\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n  optional?: boolean;\n  prefix?: string;\n  suffix?: string;\n  width?: string | number;\n  chips?: Array<{ label: string; onRemove?: () => void }>;\n  maxChipsVisible?: number;\n  infoTooltip?: string;\n  variant?: 'default' | 'borderless';\n}\n\nexport const InputField = forwardRef<HTMLInputElement, InputFieldProps>(\n  (\n    {\n      className,\n      disabled,\n      label,\n      helperText,\n      placeholder,\n      error,\n      leadingIcon,\n      trailingIcon,\n      optional,\n      prefix,\n      suffix,\n      width,\n      chips,\n      maxChipsVisible = 2,\n      size,\n      infoTooltip,\n      variant = 'default',\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div className={styles.container} style={{ width: width || '100%' }}>\n        {label && (\n          <div className={styles.labelContainer}>\n            <label\n              className={cx(styles.label, disabled && styles['label-disabled'])}\n            >\n              {label}\n              {optional && <span className={styles.optional}>(optional)</span>}\n            </label>\n            {infoTooltip && (\n              <Tooltip message={infoTooltip} side='right'>\n                <span className={styles.helpIcon}>\n                  <InfoCircledIcon />\n                </span>\n              </Tooltip>\n            )}\n          </div>\n        )}\n        <div\n          className={cx(\n            inputWrapper({ size, variant, className }),\n            error && styles['input-error-wrapper'],\n            disabled && styles['input-disabled-wrapper'],\n            chips?.length && styles['has-chips']\n          )}\n        >\n          {leadingIcon && (\n            <div className={styles['leading-icon']}>{leadingIcon}</div>\n          )}\n          {prefix && <div className={styles.prefix}>{prefix}</div>}\n\n          <div className={styles['chip-input-container']}>\n            {chips?.slice(0, maxChipsVisible).map((chip, index) => (\n              <Chip\n                key={index}\n                variant='outline'\n                isDismissible={!!chip.onRemove}\n                onDismiss={chip.onRemove}\n                className={styles.chip}\n              >\n                {chip.label}\n              </Chip>\n            ))}\n            {chips && chips.length > maxChipsVisible && (\n              <span className={styles['chip-overflow']}>\n                +{chips.length - maxChipsVisible}\n              </span>\n            )}\n            <input\n              ref={ref}\n              className={cx(\n                styles['input-field'],\n                leadingIcon && styles['has-leading-icon'],\n                trailingIcon && styles['has-trailing-icon'],\n                prefix && styles['has-prefix'],\n                suffix && styles['has-suffix'],\n                error && styles['input-error'],\n                disabled && styles['input-disabled'],\n                className\n              )}\n              aria-invalid={!!error}\n              placeholder={placeholder}\n              disabled={disabled}\n              {...props}\n            />\n          </div>\n\n          {suffix && <div className={styles.suffix}>{suffix}</div>}\n          {trailingIcon && (\n            <div className={styles['trailing-icon']}>{trailingIcon}</div>\n          )}\n        </div>\n        {(error || helperText) && (\n          <span\n            className={cx(\n              styles['helper-text'],\n              error && styles['helper-text-error'],\n              disabled && styles['helper-text-disabled']\n            )}\n          >\n            {error || helperText}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nInputField.displayName = 'InputField';\n"],"names":["cva","styles","forwardRef","_jsxs","cx","_jsx","Tooltip","InfoCircledIcon","chip","Chip"],"mappings":"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"}
+{"version":3,"file":"input-field.cjs","sources":["../../../components/input-field/input-field.tsx"],"sourcesContent":["import { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { type VariantProps, cva, cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, ReactNode, forwardRef } from 'react';\nimport { Tooltip } from '../tooltip';\n\nimport { Chip } from '../chip';\nimport styles from './input-field.module.css';\n\n// Todo: Add a dropdown support\n\nconst inputWrapper = cva(styles.inputWrapper, {\n  variants: {\n    size: {\n      small: styles['size-small'],\n      large: styles['size-large']\n    },\n    variant: {\n      default: styles['variant-default'],\n      borderless: styles['variant-borderless']\n    }\n  },\n  defaultVariants: {\n    size: 'large',\n    variant: 'default'\n  }\n});\n\nexport interface InputFieldProps\n  extends Omit<ComponentPropsWithoutRef<'input'>, 'error' | 'size'>,\n    VariantProps<typeof inputWrapper> {\n  label?: string;\n  helperText?: string;\n  error?: string;\n  disabled?: boolean;\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n  optional?: boolean;\n  prefix?: string;\n  suffix?: string;\n  width?: string | number;\n  chips?: Array<{ label: string; onRemove?: () => void }>;\n  maxChipsVisible?: number;\n  infoTooltip?: string;\n  variant?: 'default' | 'borderless';\n}\n\nexport const InputField = forwardRef<HTMLInputElement, InputFieldProps>(\n  (\n    {\n      className,\n      disabled,\n      label,\n      helperText,\n      placeholder,\n      error,\n      leadingIcon,\n      trailingIcon,\n      optional,\n      prefix,\n      suffix,\n      width,\n      chips,\n      maxChipsVisible = 2,\n      size,\n      infoTooltip,\n      variant = 'default',\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div className={styles.container} style={{ width: width || '100%' }}>\n        {label && (\n          <div className={styles.labelContainer}>\n            <label\n              className={cx(styles.label, disabled && styles['label-disabled'])}\n            >\n              {label}\n              {optional && <span className={styles.optional}>(optional)</span>}\n            </label>\n            {infoTooltip && (\n              <Tooltip message={infoTooltip} side='right'>\n                <span className={styles.helpIcon}>\n                  <InfoCircledIcon />\n                </span>\n              </Tooltip>\n            )}\n          </div>\n        )}\n        <div\n          className={cx(\n            inputWrapper({ size, variant, className }),\n            error && styles['input-error-wrapper'],\n            disabled && styles['input-disabled-wrapper'],\n            chips?.length && styles['has-chips']\n          )}\n        >\n          {leadingIcon && (\n            <div className={styles['leading-icon']}>{leadingIcon}</div>\n          )}\n          {prefix && <div className={styles.prefix}>{prefix}</div>}\n\n          <div className={styles['chip-input-container']}>\n            {chips?.slice(0, maxChipsVisible).map((chip, index) => (\n              <Chip\n                key={index}\n                variant='outline'\n                isDismissible={!!chip.onRemove}\n                onDismiss={chip.onRemove}\n                className={styles.chip}\n              >\n                {chip.label}\n              </Chip>\n            ))}\n            {chips && chips.length > maxChipsVisible && (\n              <span className={styles['chip-overflow']}>\n                +{chips.length - maxChipsVisible}\n              </span>\n            )}\n            <input\n              ref={ref}\n              className={cx(\n                styles['input-field'],\n                leadingIcon && styles['has-leading-icon'],\n                trailingIcon && styles['has-trailing-icon'],\n                prefix && styles['has-prefix'],\n                suffix && styles['has-suffix'],\n                error && styles['input-error'],\n                disabled && styles['input-disabled'],\n                className\n              )}\n              aria-invalid={!!error}\n              placeholder={placeholder}\n              disabled={disabled}\n              {...props}\n            />\n          </div>\n\n          {suffix && <div className={styles.suffix}>{suffix}</div>}\n          {trailingIcon && (\n            <div className={styles['trailing-icon']}>{trailingIcon}</div>\n          )}\n        </div>\n        {(error || helperText) && (\n          <span\n            className={cx(\n              styles['helper-text'],\n              error && styles['helper-text-error'],\n              disabled && styles['helper-text-disabled']\n            )}\n          >\n            {error || helperText}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nInputField.displayName = 'InputField';\n"],"names":["cva","styles","forwardRef","_jsxs","cx","_jsx","Tooltip","InfoCircledIcon","chip","Chip"],"mappings":"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"}

package/dist/components/input-field/input-field.js

@@ -1,5 +1,5 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { InfoCircledIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { InfoCircledIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
 import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef } from 'react';
 import { Tooltip } from '../tooltip/tooltip.js';
@@ -24,7 +24,7 @@ const inputWrapper = cva(styles.inputWrapper, {
     }
 });
 const InputField = forwardRef(({ className, disabled, label, helperText, placeholder, error, leadingIcon, trailingIcon, optional, prefix, suffix, width, chips, maxChipsVisible = 2, size, infoTooltip, variant = 'default', ...props }, ref) => {
-    return (jsxRuntimeExports.jsxs("div", { className: styles.container, style: { width: width || '100%' }, children: [label && (jsxRuntimeExports.jsxs("div", { className: styles.labelContainer, children: [jsxRuntimeExports.jsxs("label", { className: cx(styles.label, disabled && styles['label-disabled']), children: [label, optional && jsxRuntimeExports.jsx("span", { className: styles.optional, children: "(optional)" })] }), infoTooltip && (jsxRuntimeExports.jsx(Tooltip, { message: infoTooltip, side: 'right', children: jsxRuntimeExports.jsx("span", { className: styles.helpIcon, children: jsxRuntimeExports.jsx(InfoCircledIcon, {}) }) }))] })), jsxRuntimeExports.jsxs("div", { className: cx(inputWrapper({ size, variant, className }), error && styles['input-error-wrapper'], disabled && styles['input-disabled-wrapper'], chips?.length && styles['has-chips']), children: [leadingIcon && (jsxRuntimeExports.jsx("div", { className: styles['leading-icon'], children: leadingIcon })), prefix && jsxRuntimeExports.jsx("div", { className: styles.prefix, children: prefix }), jsxRuntimeExports.jsxs("div", { className: styles['chip-input-container'], children: [chips?.slice(0, maxChipsVisible).map((chip, index) => (jsxRuntimeExports.jsx(Chip, { variant: 'outline', isDismissible: !!chip.onRemove, onDismiss: chip.onRemove, className: styles.chip, children: chip.label }, index))), chips && chips.length > maxChipsVisible && (jsxRuntimeExports.jsxs("span", { className: styles['chip-overflow'], children: ["+", chips.length - maxChipsVisible] })), jsxRuntimeExports.jsx("input", { ref: ref, className: cx(styles['input-field'], leadingIcon && styles['has-leading-icon'], trailingIcon && styles['has-trailing-icon'], prefix && styles['has-prefix'], suffix && styles['has-suffix'], error && styles['input-error'], disabled && styles['input-disabled'], className), "aria-invalid": !!error, placeholder: placeholder, disabled: disabled, ...props })] }), suffix && jsxRuntimeExports.jsx("div", { className: styles.suffix, children: suffix }), trailingIcon && (jsxRuntimeExports.jsx("div", { className: styles['trailing-icon'], children: trailingIcon }))] }), (error || helperText) && (jsxRuntimeExports.jsx("span", { className: cx(styles['helper-text'], error && styles['helper-text-error'], disabled && styles['helper-text-disabled']), children: error || helperText }))] }));
+    return (jsxs("div", { className: styles.container, style: { width: width || '100%' }, children: [label && (jsxs("div", { className: styles.labelContainer, children: [jsxs("label", { className: cx(styles.label, disabled && styles['label-disabled']), children: [label, optional && jsx("span", { className: styles.optional, children: "(optional)" })] }), infoTooltip && (jsx(Tooltip, { message: infoTooltip, side: 'right', children: jsx("span", { className: styles.helpIcon, children: jsx(InfoCircledIcon, {}) }) }))] })), jsxs("div", { className: cx(inputWrapper({ size, variant, className }), error && styles['input-error-wrapper'], disabled && styles['input-disabled-wrapper'], chips?.length && styles['has-chips']), children: [leadingIcon && (jsx("div", { className: styles['leading-icon'], children: leadingIcon })), prefix && jsx("div", { className: styles.prefix, children: prefix }), jsxs("div", { className: styles['chip-input-container'], children: [chips?.slice(0, maxChipsVisible).map((chip, index) => (jsx(Chip, { variant: 'outline', isDismissible: !!chip.onRemove, onDismiss: chip.onRemove, className: styles.chip, children: chip.label }, index))), chips && chips.length > maxChipsVisible && (jsxs("span", { className: styles['chip-overflow'], children: ["+", chips.length - maxChipsVisible] })), jsx("input", { ref: ref, className: cx(styles['input-field'], leadingIcon && styles['has-leading-icon'], trailingIcon && styles['has-trailing-icon'], prefix && styles['has-prefix'], suffix && styles['has-suffix'], error && styles['input-error'], disabled && styles['input-disabled'], className), "aria-invalid": !!error, placeholder: placeholder, disabled: disabled, ...props })] }), suffix && jsx("div", { className: styles.suffix, children: suffix }), trailingIcon && (jsx("div", { className: styles['trailing-icon'], children: trailingIcon }))] }), (error || helperText) && (jsx("span", { className: cx(styles['helper-text'], error && styles['helper-text-error'], disabled && styles['helper-text-disabled']), children: error || helperText }))] }));
 });
 InputField.displayName = 'InputField';