npm - @raystack/apsara - Versions diffs - 0.53.6 → 0.55.0-rc.1 - Mend

@raystack/apsara 0.53.6 → 0.55.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1722) hide show

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

	@@ -1 +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,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;;;;"}
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","_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,YAAI,CAAC,IAAI,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 CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
+import { Slot } from 'radix-ui';
 import { forwardRef } from 'react';
-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';
+    const Comp = asChild ? Slot.Root : 'div';
     return (jsx(Comp, { ref: ref, style: {
             gridArea: area,
             gridColumnStart: colStart,

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

	@@ -1 +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~~,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;;;;"}
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":["_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,GAAG,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IAEzC,QACEA,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 CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');
+var radixUi = require('radix-ui');
 var React = require('react');
-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)',
@@ -23,7 +23,7 @@ const Grid = React.forwardRef(({ templateAreas, autoFlow, autoColumns, autoRows,
         }
         return templateAreas;
     }, [templateAreas]);
-    const Comp = asChild ? index.Root : 'div';
+    const Comp = asChild ? radixUi.Slot.Root : 'div';
     return (jsxRuntime.jsx(Comp, { ref: ref, style: {
             display: inline ? 'inline-grid' : 'grid',
             gridTemplateAreas,

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

	@@ -1 +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,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;;;;"}
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","_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,YAAI,CAAC,IAAI,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 CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
+import { Slot } from 'radix-ui';
 import { forwardRef, useMemo } from 'react';
-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)',
@@ -21,7 +21,7 @@ const Grid = forwardRef(({ templateAreas, autoFlow, autoColumns, autoRows, colum
         }
         return templateAreas;
     }, [templateAreas]);
-    const Comp = asChild ? Slot : 'div';
+    const Comp = asChild ? Slot.Root : 'div';
     return (jsx(Comp, { ref: ref, style: {
             display: inline ? 'inline-grid' : 'grid',
             gridTemplateAreas,

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

	@@ -1 +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~~,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;;;;"}
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":["_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,GAAG,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IAEzC,QACEA,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 CHANGED Viewed

@@ -1,11 +1,11 @@
 'use strict';
 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 classVarianceAuthority = require('class-variance-authority');
 var React = require('react');
 var headline_module = require('./headline.module.css.cjs');
-const headline = index.cva(headline_module.default.headline, {
+const headline = classVarianceAuthority.cva(headline_module.default.headline, {
     variants: {
         size: {
             t1: headline_module.default['headline-t1'],

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

	@@ -1 +1 @@
1	- {"version":3,"file":"headline.cjs","sources":["../../../components/headline/headline.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { HTMLAttributes, forwardRef } 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 weight: {\n regular: styles['headline-weight-regular'],\n medium: styles['headline-weight-medium']\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 weight: 'medium',\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 {\n className,\n size,\n weight,\n align,\n truncate,\n as: Component = 'h2',\n ...props\n },\n ref\n ) => {\n return (\n <Component\n ref={ref}\n className={headline({ size, weight, 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,MAAM,EAAE;AACN,YAAA,OAAO,EAAEA,uBAAM,CAAC,yBAAyB,CAAC;AAC1C,YAAA,MAAM,EAAEA,uBAAM,CAAC,wBAAwB,CAAC;AACzC,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,MAAM,EAAE,QAAQ;AAChB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AAcI,MAAM,QAAQ,GAAGC,gBAAU,CAChC,CACE,EACE,SAAS,EACT,IAAI,EACJ,MAAM,EACN,KAAK,EACL,QAAQ,EACR,EAAE,EAAE,SAAS,GAAG,IAAI,EACpB,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,QACEC,cAAA,CAAC,SAAS,EAAA,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAC7D,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
1	+ {"version":3,"file":"headline.cjs","sources":["../../../components/headline/headline.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { HTMLAttributes, forwardRef } 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 weight: {\n regular: styles['headline-weight-regular'],\n medium: styles['headline-weight-medium']\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 weight: 'medium',\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 {\n className,\n size,\n weight,\n align,\n truncate,\n as: Component = 'h2',\n ...props\n },\n ref\n ) => {\n return (\n <Component\n ref={ref}\n className={headline({ size, weight, align, truncate, className })}\n {...props}\n />\n );\n }\n);\n\nHeadline.displayName = 'Headline';\n"],"names":["cva","styles","forwardRef","_jsx"],"mappings":";;;;;;;AAKA,MAAM,QAAQ,GAAGA,0BAAG,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,MAAM,EAAE;AACN,YAAA,OAAO,EAAEA,uBAAM,CAAC,yBAAyB,CAAC;AAC1C,YAAA,MAAM,EAAEA,uBAAM,CAAC,wBAAwB,CAAC;AACzC,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,MAAM,EAAE,QAAQ;AAChB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AAcI,MAAM,QAAQ,GAAGC,gBAAU,CAChC,CACE,EACE,SAAS,EACT,IAAI,EACJ,MAAM,EACN,KAAK,EACL,QAAQ,EACR,EAAE,EAAE,SAAS,GAAG,IAAI,EACpB,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,QACEC,cAAA,CAAC,SAAS,EAAA,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAC7D,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/headline/headline.js CHANGED Viewed

@@ -1,5 +1,5 @@
 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 { cva } from 'class-variance-authority';
 import { forwardRef } from 'react';
 import styles from './headline.module.css.js';

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

@@ -1,12 +1,12 @@
 'use strict';
 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 classVarianceAuthority = require('class-variance-authority');
 var React = require('react');
 var flex = require('../flex/flex.cjs');
 var iconButton_module = require('./icon-button.module.css.cjs');
-const iconButton = index.cva(iconButton_module.default.iconButton, {
+const iconButton = classVarianceAuthority.cva(iconButton_module.default.iconButton, {
     variants: {
         size: {
             1: iconButton_module.default['iconButton-size-1'],

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

	@@ -1 +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,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;;;;"}
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,0BAAG,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 CHANGED Viewed

@@ -1,5 +1,5 @@
 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 { cva } from 'class-variance-authority';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/flex.js';
 import styles from './icon-button.module.css.js';

package/dist/components/image/image.cjs CHANGED Viewed

@@ -2,10 +2,10 @@
 'use strict';
 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 classVarianceAuthority = require('class-variance-authority');
 var image_module = require('./image.module.css.cjs');
-const image = index.cva(image_module.default.image, {
+const image = classVarianceAuthority.cva(image_module.default.image, {
     variants: {
         fit: {
             contain: image_module.default['image-contain'],

package/dist/components/image/image.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 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 { cva } from 'class-variance-authority';
 import styles from './image.module.css.js';
 const image = cva(styles.image, {

package/dist/components/indicator/indicator.cjs CHANGED Viewed

@@ -1,10 +1,10 @@
 'use strict';
 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 classVarianceAuthority = require('class-variance-authority');
 var indicator_module = require('./indicator.module.css.cjs');
-const indicator = index.cva(indicator_module.default.indicator, {
+const indicator = classVarianceAuthority.cva(indicator_module.default.indicator, {
     variants: {
         variant: {
             accent: indicator_module.default["indicator-variant-accent"],

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

	@@ -1 +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,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;;;;"}
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,0BAAG,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 CHANGED Viewed

@@ -1,5 +1,5 @@
 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 { cva } from 'class-variance-authority';
 import styles from './indicator.module.css.js';
 const indicator = cva(styles.indicator, {

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

@@ -2,15 +2,15 @@
 'use strict';
 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 reactIcons = require('@radix-ui/react-icons');
+var classVarianceAuthority = require('class-variance-authority');
 var React = require('react');
 var tooltip = require('../tooltip/tooltip.cjs');
 var chip = require('../chip/chip.cjs');
 var inputField_module = require('./input-field.module.css.cjs');
 // Todo: Add a dropdown support
-const inputWrapper = index.cva(inputField_module.default.inputWrapper, {
+const inputWrapper = classVarianceAuthority.cva(inputField_module.default.inputWrapper, {
     variants: {
         size: {
             small: inputField_module.default['size-small'],
@@ -27,7 +27,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.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 }))] }));
+    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: classVarianceAuthority.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.InfoCircledIcon, {}) }) }))] })), jsxRuntime.jsxs("div", { className: classVarianceAuthority.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: classVarianceAuthority.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: classVarianceAuthority.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.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 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 { InfoCircledIcon } from '@radix-ui/react-icons';
+import { cva, cx } from 'class-variance-authority';
 import { forwardRef } from 'react';
 import { Tooltip } from '../tooltip/tooltip.js';
 import { Chip } from '../chip/chip.js';

package/dist/components/label/label.cjs CHANGED Viewed

@@ -1,10 +1,10 @@
 'use strict';
 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 classVarianceAuthority = require('class-variance-authority');
 var label_module = require('./label.module.css.cjs');
-const label = index.cva(label_module.default.label, {
+const label = classVarianceAuthority.cva(label_module.default.label, {
     variants: {
         size: {
             small: label_module.default["label-small"],

package/dist/components/label/label.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"label.cjs","sources":["../../../components/label/label.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport styles from \"./label.module.css\";\n\nconst label = cva(styles.label, {\n variants: {\n size: {\n small: styles[\"label-small\"],\n medium: styles[\"label-medium\"],\n large: styles[\"label-large\"],\n },\n required: {\n true: styles[\"label-required\"],\n }\n },\n defaultVariants: {\n size: \"small\",\n required: false,\n },\n});\n\ninterface LabelProps extends PropsWithChildren<VariantProps<typeof label>>, \n Omit<HTMLAttributes<HTMLLabelElement>, 'required'> {\n required?: boolean;\n requiredIndicator?: string;\n htmlFor?: string;\n}\n\nexport function Label({ \n children, \n className, \n size, \n required, \n requiredIndicator = \"*\",\n htmlFor,\n ...props \n}: LabelProps) {\n return (\n <label\n className={label({ size, required, className })}\n htmlFor={htmlFor}\n {...props}\n >\n {children}\n {required && (\n <span \n className={styles[\"required-indicator\"]} \n aria-hidden=\"true\"\n role=\"presentation\"\n >\n {requiredIndicator}\n </span>\n )}\n </label>\n );\n}\n\nexport type { LabelProps }; "],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,KAAK,GAAGA,~~SAAG~~,CAACC,oBAAM,CAAC,KAAK,EAAE;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,oBAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,MAAM,EAAEA,oBAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,KAAK,EAAEA,oBAAM,CAAC,aAAa,CAAC;AAC7B,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAEA,oBAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AASG,SAAU,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,iBAAiB,GAAG,GAAG,EACvB,OAAO,EACP,GAAG,KAAK,EACG,EAAA;IACX,QACEC,2BACE,SAAS,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAC/C,OAAO,EAAE,OAAO,EAAA,GACZ,KAAK,EAER,QAAA,EAAA,CAAA,QAAQ,EACR,QAAQ,KACPC,cACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,oBAAM,CAAC,oBAAoB,CAAC,EAAA,aAAA,EAC3B,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,iBAAiB,EACb,CAAA,CACR,CACK,EAAA,CAAA,EACR;AACJ;;;;"}
1	+ {"version":3,"file":"label.cjs","sources":["../../../components/label/label.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport styles from \"./label.module.css\";\n\nconst label = cva(styles.label, {\n variants: {\n size: {\n small: styles[\"label-small\"],\n medium: styles[\"label-medium\"],\n large: styles[\"label-large\"],\n },\n required: {\n true: styles[\"label-required\"],\n }\n },\n defaultVariants: {\n size: \"small\",\n required: false,\n },\n});\n\ninterface LabelProps extends PropsWithChildren<VariantProps<typeof label>>, \n Omit<HTMLAttributes<HTMLLabelElement>, 'required'> {\n required?: boolean;\n requiredIndicator?: string;\n htmlFor?: string;\n}\n\nexport function Label({ \n children, \n className, \n size, \n required, \n requiredIndicator = \"*\",\n htmlFor,\n ...props \n}: LabelProps) {\n return (\n <label\n className={label({ size, required, className })}\n htmlFor={htmlFor}\n {...props}\n >\n {children}\n {required && (\n <span \n className={styles[\"required-indicator\"]} \n aria-hidden=\"true\"\n role=\"presentation\"\n >\n {requiredIndicator}\n </span>\n )}\n </label>\n );\n}\n\nexport type { LabelProps }; "],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,KAAK,GAAGA,0BAAG,CAACC,oBAAM,CAAC,KAAK,EAAE;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,oBAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,MAAM,EAAEA,oBAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,KAAK,EAAEA,oBAAM,CAAC,aAAa,CAAC;AAC7B,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAEA,oBAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AASG,SAAU,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,iBAAiB,GAAG,GAAG,EACvB,OAAO,EACP,GAAG,KAAK,EACG,EAAA;IACX,QACEC,2BACE,SAAS,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAC/C,OAAO,EAAE,OAAO,EAAA,GACZ,KAAK,EAER,QAAA,EAAA,CAAA,QAAQ,EACR,QAAQ,KACPC,cACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,oBAAM,CAAC,oBAAoB,CAAC,EAAA,aAAA,EAC3B,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,iBAAiB,EACb,CAAA,CACR,CACK,EAAA,CAAA,EACR;AACJ;;;;"}

package/dist/components/label/label.js CHANGED Viewed

@@ -1,5 +1,5 @@
 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 { cva } from 'class-variance-authority';
 import styles from './label.module.css.js';
 const label = cva(styles.label, {

package/dist/components/link/link.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var classVarianceAuthority = require('class-variance-authority');
 var text = require('../text/text.cjs');
 var link_module = require('./link.module.css.cjs');
@@ -20,7 +20,7 @@ const Link = React.forwardRef(({ children, className, variant = "accent", size =
             "aria-label": `${children} (download)`,
         }
         : {};
-    return (jsxRuntime.jsx(text.Text, { ref: ref, className: index.cx(link_module.default.link, className), variant: variant, size: size, role: "link", ...externalProps, ...downloadProps, ...props, as: "a", children: children }));
+    return (jsxRuntime.jsx(text.Text, { ref: ref, className: classVarianceAuthority.cx(link_module.default.link, className), variant: variant, size: size, role: "link", ...externalProps, ...downloadProps, ...props, as: "a", children: children }));
 });
 Link.displayName = "Link";

package/dist/components/link/link.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link.cjs","sources":["../../../components/link/link.tsx"],"sourcesContent":["import { AnchorHTMLAttributes, forwardRef } from \"react\";\nimport { cx } from \"class-variance-authority\";\nimport { Text, type TextBaseProps } from \"../text\";\nimport styles from \"./link.module.css\";\n\nexport interface LinkProps\n extends TextBaseProps,\n AnchorHTMLAttributes<HTMLAnchorElement> {\n href: string;\n external?: boolean;\n download?: boolean \| string;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n (\n {\n children,\n className,\n variant = \"accent\",\n size = \"small\",\n external,\n download,\n ...props\n },\n ref,\n ) => {\n const externalProps = external\n ? {\n target: \"_blank\",\n rel: \"noopener noreferrer\",\n \"aria-label\": `${children} (opens in new tab)`,\n }\n : {};\n\n const downloadProps = download\n ? {\n download: typeof download === \"string\" ? download : true,\n \"aria-label\": `${children} (download)`,\n }\n : {};\n\n return (\n <Text\n ref={ref}\n className={cx(styles.link, className)}\n variant={variant}\n size={size}\n role=\"link\"\n {...externalProps}\n {...downloadProps}\n {...props}\n as=\"a\">\n {children}\n </Text>\n );\n },\n);\n\nLink.displayName = \"Link\";\n"],"names":["forwardRef","_jsx","Text","cx","styles"],"mappings":";;;;;;;;AAaO,MAAM,IAAI,GAAGA,gBAAU,CAC5B,CACE,EACE,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,OAAO,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,aAAa,GAAG,QAAQ;AAC5B,UAAE;AACE,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,GAAG,EAAE,qBAAqB;YAC1B,YAAY,EAAE,CAAG,EAAA,QAAQ,CAAqB,mBAAA,CAAA;AAC/C,SAAA;UACD,EAAE,CAAC;IAEP,MAAM,aAAa,GAAG,QAAQ;AAC5B,UAAE;AACE,YAAA,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,IAAI;YACxD,YAAY,EAAE,CAAG,EAAA,QAAQ,CAAa,WAAA,CAAA;AACvC,SAAA;UACD,EAAE,CAAC;IAEP,QACEC,eAACC,SAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,~~QAAE~~,CAACC,mBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EACrC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,MAAM,EAAA,GACP,aAAa,EACb,GAAA,aAAa,KACb,KAAK,EACT,EAAE,EAAC,GAAG,YACL,QAAQ,EAAA,CACJ,EACP;AACJ,CAAC,EACD;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
1	+ {"version":3,"file":"link.cjs","sources":["../../../components/link/link.tsx"],"sourcesContent":["import { AnchorHTMLAttributes, forwardRef } from \"react\";\nimport { cx } from \"class-variance-authority\";\nimport { Text, type TextBaseProps } from \"../text\";\nimport styles from \"./link.module.css\";\n\nexport interface LinkProps\n extends TextBaseProps,\n AnchorHTMLAttributes<HTMLAnchorElement> {\n href: string;\n external?: boolean;\n download?: boolean \| string;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n (\n {\n children,\n className,\n variant = \"accent\",\n size = \"small\",\n external,\n download,\n ...props\n },\n ref,\n ) => {\n const externalProps = external\n ? {\n target: \"_blank\",\n rel: \"noopener noreferrer\",\n \"aria-label\": `${children} (opens in new tab)`,\n }\n : {};\n\n const downloadProps = download\n ? {\n download: typeof download === \"string\" ? download : true,\n \"aria-label\": `${children} (download)`,\n }\n : {};\n\n return (\n <Text\n ref={ref}\n className={cx(styles.link, className)}\n variant={variant}\n size={size}\n role=\"link\"\n {...externalProps}\n {...downloadProps}\n {...props}\n as=\"a\">\n {children}\n </Text>\n );\n },\n);\n\nLink.displayName = \"Link\";\n"],"names":["forwardRef","_jsx","Text","cx","styles"],"mappings":";;;;;;;;AAaO,MAAM,IAAI,GAAGA,gBAAU,CAC5B,CACE,EACE,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,OAAO,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,aAAa,GAAG,QAAQ;AAC5B,UAAE;AACE,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,GAAG,EAAE,qBAAqB;YAC1B,YAAY,EAAE,CAAG,EAAA,QAAQ,CAAqB,mBAAA,CAAA;AAC/C,SAAA;UACD,EAAE,CAAC;IAEP,MAAM,aAAa,GAAG,QAAQ;AAC5B,UAAE;AACE,YAAA,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,IAAI;YACxD,YAAY,EAAE,CAAG,EAAA,QAAQ,CAAa,WAAA,CAAA;AACvC,SAAA;UACD,EAAE,CAAC;IAEP,QACEC,eAACC,SAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,yBAAE,CAACC,mBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EACrC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,MAAM,EAAA,GACP,aAAa,EACb,GAAA,aAAa,KACb,KAAK,EACT,EAAE,EAAC,GAAG,YACL,QAAQ,EAAA,CACJ,EACP;AACJ,CAAC,EACD;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/components/link/link.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { cx } from 'class-variance-authority';
 import { Text } from '../text/text.js';
 import styles from './link.module.css.js';

package/dist/components/list/list.cjs CHANGED Viewed

@@ -1,15 +1,15 @@
 'use strict';
 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 classVarianceAuthority = require('class-variance-authority');
 var list_module = require('./list.module.css.cjs');
-const list = index.cva(list_module.default.list);
-const listItem = index.cva(list_module.default['list-item']);
-const label = index.cva(list_module.default.label);
-const value = index.cva(list_module.default.value);
-const header = index.cva(list_module.default.header);
-const headerText = index.cva(list_module.default['header-text']);
+const list = classVarianceAuthority.cva(list_module.default.list);
+const listItem = classVarianceAuthority.cva(list_module.default['list-item']);
+const label = classVarianceAuthority.cva(list_module.default.label);
+const value = classVarianceAuthority.cva(list_module.default.value);
+const header = classVarianceAuthority.cva(list_module.default.header);
+const headerText = classVarianceAuthority.cva(list_module.default['header-text']);
 const ListRoot = ({ children, className, maxWidth, style, ...props }) => {
     return (jsxRuntime.jsx("ul", { className: list({ className }), style: { maxWidth, ...style }, role: 'list', "aria-label": props['aria-label'] || 'List', ...props, children: children }));
 };

package/dist/components/list/list.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list.cjs","sources":["../../../components/list/list.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport styles from './list.module.css';\n\nconst list = cva(styles.list);\nconst listItem = cva(styles['list-item']);\nconst label = cva(styles.label);\nconst value = cva(styles.value);\nconst header = cva(styles.header);\nconst headerText = cva(styles['header-text']);\n\ninterface ListRootProps\n extends ComponentPropsWithoutRef<'ul'>,\n VariantProps<typeof list> {\n children: ReactNode;\n maxWidth?: string \| number;\n}\n\ninterface ListItemProps extends ComponentPropsWithoutRef<'li'> {\n children: ReactNode;\n}\n\ninterface ListLabelProps extends ComponentPropsWithoutRef<'span'> {\n minWidth?: string;\n children: ReactNode;\n}\n\ninterface ListValueProps extends ComponentPropsWithoutRef<'span'> {\n children: ReactNode;\n}\n\ninterface ListHeaderProps extends ComponentPropsWithoutRef<'div'> {\n children: ReactNode;\n}\n\nconst ListRoot = ({\n children,\n className,\n maxWidth,\n style,\n ...props\n}: ListRootProps) => {\n return (\n <ul\n className={list({ className })}\n style={{ maxWidth, ...style }}\n role='list'\n aria-label={props['aria-label'] \|\| 'List'}\n {...props}\n >\n {children}\n </ul>\n );\n};\n\nconst ListItem = ({ children, className, ...props }: ListItemProps) => {\n return (\n <li className={listItem({ className })} role='listitem' {...props}>\n {children}\n </li>\n );\n};\n\nconst ListLabel = ({\n children,\n minWidth,\n className,\n style,\n ...props\n}: ListLabelProps) => {\n return (\n <span\n className={label({ className })}\n style={{ minWidth, ...style }}\n {...props}\n >\n {children}\n </span>\n );\n};\n\nconst ListValue = ({ children, className, ...props }: ListValueProps) => {\n return (\n <span className={value({ className })} {...props}>\n {children}\n </span>\n );\n};\n\nconst ListHeader = ({ children, className, ...props }: ListHeaderProps) => {\n return (\n <div\n className={header({ className })}\n role='heading'\n aria-level={3}\n {...props}\n >\n <span className={headerText()}>{children}</span>\n </div>\n );\n};\n\nListRoot.displayName = 'List';\nListHeader.displayName = 'ListHeader';\nListItem.displayName = 'ListItem';\nListLabel.displayName = 'ListLabel';\nListValue.displayName = 'ListValue';\n\nexport const List = Object.assign(ListRoot, {\n Header: ListHeader,\n Item: ListItem,\n Label: ListLabel,\n Value: ListValue\n});\n"],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAKA,MAAM,IAAI,GAAGA,~~SAAG~~,CAACC,mBAAM,CAAC,IAAI,CAAC,CAAC;AAC9B,MAAM,QAAQ,GAAGD,~~SAAG~~,CAACC,mBAAM,CAAC,WAAW,CAAC,CAAC,CAAC;AAC1C,MAAM,KAAK,GAAGD,~~SAAG~~,CAACC,mBAAM,CAAC,KAAK,CAAC,CAAC;AAChC,MAAM,KAAK,GAAGD,~~SAAG~~,CAACC,mBAAM,CAAC,KAAK,CAAC,CAAC;AAChC,MAAM,MAAM,GAAGD,~~SAAG~~,CAACC,mBAAM,CAAC,MAAM,CAAC,CAAC;AAClC,MAAM,UAAU,GAAGD,~~SAAG~~,CAACC,mBAAM,CAAC,aAAa,CAAC,CAAC,CAAC;AA0B9C,MAAM,QAAQ,GAAG,CAAC,EAChB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACM,KAAI;AAClB,IAAA,QACEC,cACE,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,EAC9B,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC7B,IAAI,EAAC,MAAM,EACC,YAAA,EAAA,KAAK,CAAC,YAAY,CAAC,IAAI,MAAM,KACrC,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACN,EACL;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB,KAAI;IACpE,QACEA,uBAAI,SAAS,EAAE,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,UAAU,EAAK,GAAA,KAAK,YAC9D,QAAQ,EAAA,CACN,EACL;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACO,KAAI;IACnB,QACEA,cACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,EAC/B,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACzB,GAAA,KAAK,EAER,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB,KAAI;AACtE,IAAA,QACEA,cAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,EAAA,QAAA,EAC7C,QAAQ,EAAA,CACJ,EACP;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB,KAAI;AACxE,IAAA,QACEA,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,EAChC,IAAI,EAAC,SAAS,EACF,YAAA,EAAA,CAAC,EACT,GAAA,KAAK,EAET,QAAA,EAAAA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,UAAU,EAAE,EAAG,QAAA,EAAA,QAAQ,EAAQ,CAAA,EAAA,CAC5C,EACN;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC;AAC9B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AACtC,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AACpC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;MAEvB,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;AAC1C,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,SAAS;AACjB,CAAA;;;;"}
1	+ {"version":3,"file":"list.cjs","sources":["../../../components/list/list.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport styles from './list.module.css';\n\nconst list = cva(styles.list);\nconst listItem = cva(styles['list-item']);\nconst label = cva(styles.label);\nconst value = cva(styles.value);\nconst header = cva(styles.header);\nconst headerText = cva(styles['header-text']);\n\ninterface ListRootProps\n extends ComponentPropsWithoutRef<'ul'>,\n VariantProps<typeof list> {\n children: ReactNode;\n maxWidth?: string \| number;\n}\n\ninterface ListItemProps extends ComponentPropsWithoutRef<'li'> {\n children: ReactNode;\n}\n\ninterface ListLabelProps extends ComponentPropsWithoutRef<'span'> {\n minWidth?: string;\n children: ReactNode;\n}\n\ninterface ListValueProps extends ComponentPropsWithoutRef<'span'> {\n children: ReactNode;\n}\n\ninterface ListHeaderProps extends ComponentPropsWithoutRef<'div'> {\n children: ReactNode;\n}\n\nconst ListRoot = ({\n children,\n className,\n maxWidth,\n style,\n ...props\n}: ListRootProps) => {\n return (\n <ul\n className={list({ className })}\n style={{ maxWidth, ...style }}\n role='list'\n aria-label={props['aria-label'] \|\| 'List'}\n {...props}\n >\n {children}\n </ul>\n );\n};\n\nconst ListItem = ({ children, className, ...props }: ListItemProps) => {\n return (\n <li className={listItem({ className })} role='listitem' {...props}>\n {children}\n </li>\n );\n};\n\nconst ListLabel = ({\n children,\n minWidth,\n className,\n style,\n ...props\n}: ListLabelProps) => {\n return (\n <span\n className={label({ className })}\n style={{ minWidth, ...style }}\n {...props}\n >\n {children}\n </span>\n );\n};\n\nconst ListValue = ({ children, className, ...props }: ListValueProps) => {\n return (\n <span className={value({ className })} {...props}>\n {children}\n </span>\n );\n};\n\nconst ListHeader = ({ children, className, ...props }: ListHeaderProps) => {\n return (\n <div\n className={header({ className })}\n role='heading'\n aria-level={3}\n {...props}\n >\n <span className={headerText()}>{children}</span>\n </div>\n );\n};\n\nListRoot.displayName = 'List';\nListHeader.displayName = 'ListHeader';\nListItem.displayName = 'ListItem';\nListLabel.displayName = 'ListLabel';\nListValue.displayName = 'ListValue';\n\nexport const List = Object.assign(ListRoot, {\n Header: ListHeader,\n Item: ListItem,\n Label: ListLabel,\n Value: ListValue\n});\n"],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAKA,MAAM,IAAI,GAAGA,0BAAG,CAACC,mBAAM,CAAC,IAAI,CAAC,CAAC;AAC9B,MAAM,QAAQ,GAAGD,0BAAG,CAACC,mBAAM,CAAC,WAAW,CAAC,CAAC,CAAC;AAC1C,MAAM,KAAK,GAAGD,0BAAG,CAACC,mBAAM,CAAC,KAAK,CAAC,CAAC;AAChC,MAAM,KAAK,GAAGD,0BAAG,CAACC,mBAAM,CAAC,KAAK,CAAC,CAAC;AAChC,MAAM,MAAM,GAAGD,0BAAG,CAACC,mBAAM,CAAC,MAAM,CAAC,CAAC;AAClC,MAAM,UAAU,GAAGD,0BAAG,CAACC,mBAAM,CAAC,aAAa,CAAC,CAAC,CAAC;AA0B9C,MAAM,QAAQ,GAAG,CAAC,EAChB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACM,KAAI;AAClB,IAAA,QACEC,cACE,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,EAC9B,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC7B,IAAI,EAAC,MAAM,EACC,YAAA,EAAA,KAAK,CAAC,YAAY,CAAC,IAAI,MAAM,KACrC,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACN,EACL;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB,KAAI;IACpE,QACEA,uBAAI,SAAS,EAAE,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,UAAU,EAAK,GAAA,KAAK,YAC9D,QAAQ,EAAA,CACN,EACL;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACO,KAAI;IACnB,QACEA,cACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,EAC/B,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACzB,GAAA,KAAK,EAER,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB,KAAI;AACtE,IAAA,QACEA,cAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,EAAA,QAAA,EAC7C,QAAQ,EAAA,CACJ,EACP;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB,KAAI;AACxE,IAAA,QACEA,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,EAChC,IAAI,EAAC,SAAS,EACF,YAAA,EAAA,CAAC,EACT,GAAA,KAAK,EAET,QAAA,EAAAA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,UAAU,EAAE,EAAG,QAAA,EAAA,QAAQ,EAAQ,CAAA,EAAA,CAC5C,EACN;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC;AAC9B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AACtC,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AACpC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;MAEvB,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;AAC1C,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,SAAS;AACjB,CAAA;;;;"}

package/dist/components/list/list.js CHANGED Viewed

@@ -1,5 +1,5 @@
 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 { cva } from 'class-variance-authority';
 import styles from './list.module.css.js';
 const list = cva(styles.list);

package/dist/components/navbar/__tests__/navbar.test.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=navbar.test.d.ts.map

package/dist/components/navbar/__tests__/navbar.test.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"navbar.test.d.ts","sourceRoot":"","sources":["../../../../components/navbar/__tests__/navbar.test.tsx"],"names":[],"mappings":""}

package/dist/components/navbar/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { Navbar } from './navbar';
2	+ //# sourceMappingURL=index.d.ts.map

package/dist/components/navbar/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/navbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/navbar/navbar-root.cjs ADDED Viewed

@@ -0,0 +1,16 @@
+"use client";
+'use strict';
+var jsxRuntime = require('react/jsx-runtime');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var flex = require('../flex/flex.cjs');
+var navbar_module = require('./navbar.module.css.cjs');
+const NavbarRoot = React.forwardRef(({ className, sticky = false, children, ...props }, ref) => {
+    return (jsxRuntime.jsx("nav", { ref: ref, className: classVarianceAuthority.cx(navbar_module.default.root, className), "data-sticky": sticky, role: 'navigation', ...props, children: jsxRuntime.jsx(flex.Flex, { align: 'center', justify: 'between', className: navbar_module.default.container, children: children }) }));
+});
+NavbarRoot.displayName = 'Navbar';
+exports.NavbarRoot = NavbarRoot;
+//# sourceMappingURL=navbar-root.cjs.map

package/dist/components/navbar/navbar-root.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"navbar-root.cjs","sources":["../../../components/navbar/navbar-root.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, ComponentRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport styles from './navbar.module.css';\n\nexport interface NavbarRootProps extends ComponentPropsWithoutRef<'nav'> {\n sticky?: boolean;\n}\n\nexport const NavbarRoot = forwardRef<ComponentRef<'nav'>, NavbarRootProps>(\n ({ className, sticky = false, children, ...props }, ref) => {\n return (\n <nav\n ref={ref}\n className={cx(styles.root, className)}\n data-sticky={sticky}\n role='navigation'\n {...props}\n >\n <Flex align='center' justify='between' className={styles.container}>\n {children}\n </Flex>\n </nav>\n );\n }\n);\n\nNavbarRoot.displayName = 'Navbar';\n"],"names":[],"mappings":";;;;;;;;;;;AA0BE;AAGF;;"}

package/dist/components/navbar/navbar-root.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface NavbarRootProps extends ComponentPropsWithoutRef<'nav'> {
+    sticky?: boolean;
+}
+export declare const NavbarRoot: import("react").ForwardRefExoticComponent<NavbarRootProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=navbar-root.d.ts.map

package/dist/components/navbar/navbar-root.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"navbar-root.d.ts","sourceRoot":"","sources":["../../../components/navbar/navbar-root.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAA4B,MAAM,OAAO,CAAC;AAI3E,MAAM,WAAW,eAAgB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACtE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,UAAU,yGAgBtB,CAAC"}

package/dist/components/navbar/navbar-root.js ADDED Viewed

@@ -0,0 +1,14 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { cx } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import { Flex } from '../flex/flex.js';
+import styles from './navbar.module.css.js';
+const NavbarRoot = forwardRef(({ className, sticky = false, children, ...props }, ref) => {
+    return (jsx("nav", { ref: ref, className: cx(styles.root, className), "data-sticky": sticky, role: 'navigation', ...props, children: jsx(Flex, { align: 'center', justify: 'between', className: styles.container, children: children }) }));
+});
+NavbarRoot.displayName = 'Navbar';
+export { NavbarRoot };
+//# sourceMappingURL=navbar-root.js.map

package/dist/components/navbar/navbar-root.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"navbar-root.js","sources":["../../../components/navbar/navbar-root.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, ComponentRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport styles from './navbar.module.css';\n\nexport interface NavbarRootProps extends ComponentPropsWithoutRef<'nav'> {\n sticky?: boolean;\n}\n\nexport const NavbarRoot = forwardRef<ComponentRef<'nav'>, NavbarRootProps>(\n ({ className, sticky = false, children, ...props }, ref) => {\n return (\n <nav\n ref={ref}\n className={cx(styles.root, className)}\n data-sticky={sticky}\n role='navigation'\n {...props}\n >\n <Flex align='center' justify='between' className={styles.container}>\n {children}\n </Flex>\n </nav>\n );\n }\n);\n\nNavbarRoot.displayName = 'Navbar';\n"],"names":[],"mappings":";;;;;;;;;AA0BE;AAGF;;"}

package/dist/components/navbar/navbar-sections.cjs ADDED Viewed

@@ -0,0 +1,17 @@
+"use client";
+'use strict';
+var jsxRuntime = require('react/jsx-runtime');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var flex = require('../flex/flex.cjs');
+var navbar_module = require('./navbar.module.css.cjs');
+const NavbarStart = React.forwardRef(({ className, children, 'aria-label': ariaLabel, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { ref: ref, align: 'center', gap: 3, className: classVarianceAuthority.cx(navbar_module.default.start, className), role: ariaLabel ? 'group' : undefined, "aria-label": ariaLabel, ...props, children: children })));
+NavbarStart.displayName = 'Navbar.Start';
+const NavbarEnd = React.forwardRef(({ className, children, 'aria-label': ariaLabel, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { ref: ref, align: 'center', gap: 3, className: classVarianceAuthority.cx(navbar_module.default.end, className), role: ariaLabel ? 'group' : undefined, "aria-label": ariaLabel, ...props, children: children })));
+NavbarEnd.displayName = 'Navbar.End';
+exports.NavbarEnd = NavbarEnd;
+exports.NavbarStart = NavbarStart;
+//# sourceMappingURL=navbar-sections.cjs.map

package/dist/components/navbar/navbar-sections.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"navbar-sections.cjs","sources":["../../../components/navbar/navbar-sections.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport styles from './navbar.module.css';\n\nexport interface NavbarStartProps\n extends ComponentPropsWithoutRef<typeof Flex> {}\n\nexport const NavbarStart = forwardRef<HTMLDivElement, NavbarStartProps>(\n ({ className, children, 'aria-label': ariaLabel, ...props }, ref) => (\n <Flex\n ref={ref}\n align='center'\n gap={3}\n className={cx(styles.start, className)}\n role={ariaLabel ? 'group' : undefined}\n aria-label={ariaLabel}\n {...props}\n >\n {children}\n </Flex>\n )\n);\n\nNavbarStart.displayName = 'Navbar.Start';\n\nexport interface NavbarEndProps extends ComponentPropsWithoutRef<typeof Flex> {}\n\nexport const NavbarEnd = forwardRef<HTMLDivElement, NavbarEndProps>(\n ({ className, children, 'aria-label': ariaLabel, ...props }, ref) => (\n <Flex\n ref={ref}\n align='center'\n gap={3}\n className={cx(styles.end, className)}\n role={ariaLabel ? 'group' : undefined}\n aria-label={ariaLabel}\n {...props}\n >\n {children}\n </Flex>\n )\n);\n\nNavbarEnd.displayName = 'Navbar.End';\n"],"names":[],"mappings":";;;;;;;;;AAUO;AAgBP;AAIO;AAgBP;;;"}

package/dist/components/navbar/navbar-sections.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { Flex } from '../flex';
+export interface NavbarStartProps extends ComponentPropsWithoutRef<typeof Flex> {
+}
+export declare const NavbarStart: import("react").ForwardRefExoticComponent<NavbarStartProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface NavbarEndProps extends ComponentPropsWithoutRef<typeof Flex> {
+}
+export declare const NavbarEnd: import("react").ForwardRefExoticComponent<NavbarEndProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=navbar-sections.d.ts.map