npm - @raystack/apsara - Versions diffs - 0.55.0 → 0.56.0 - Mend

@raystack/apsara 0.55.0 → 0.56.0

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 (1744) hide show

package/dist/components/filter-chip/filter-chip.cjs CHANGED Viewed

@@ -2,24 +2,22 @@
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');
-var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.2.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 filters = require('../../types/filters.cjs');
-var flex = require('../flex/flex.cjs');
-require('../icon-button/icon-button.cjs');
-var select = require('../select/select.cjs');
-require('../skeleton/skeleton.cjs');
-require('../tooltip/tooltip.cjs');
+require('../calendar/calendar.cjs');
 var datePicker = require('../calendar/date-picker.cjs');
-require('../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.cjs');
+require('dayjs');
+var flex = require('../flex/flex.cjs');
 var inputField = require('../input-field/input-field.cjs');
 require('../popover/popover.cjs');
+var select = require('../select/select.cjs');
 var text = require('../text/text.cjs');
 var filterChip_module = require('./filter-chip.module.css.cjs');
 var filterChipOperation = require('./filter-chip-operation.cjs');
-const chip = index.cva(filterChip_module.default.chip, {
+const chip = classVarianceAuthority.cva(filterChip_module.default.chip, {
     variants: {
         variant: {
             default: filterChip_module.default['chip-default'],
@@ -55,7 +53,7 @@ const FilterChip = ({ label, value, onRemove, className, ref, columnType = filte
                                 style: {
                                     display: 'none'
                                 }
-                            }, variant: 'text', className: index.cx(filterChip_module.default.selectValue, !showOnRemove && filterChip_module.default.selectColumn), children: jsxRuntime.jsx(select.Select.Value, { placeholder: 'Select value', children: isMultiSelectColumn && filterValue.length > 1
+                            }, variant: 'text', className: classVarianceAuthority.cx(filterChip_module.default.selectValue, !showOnRemove && filterChip_module.default.selectColumn), children: jsxRuntime.jsx(select.Select.Value, { placeholder: 'Select value', children: isMultiSelectColumn && filterValue.length > 1
                                     ? `${filterValue.length} selected`
                                     : undefined }) }), jsxRuntime.jsx(select.Select.Content, { "data-variant": 'filter', children: options.map(opt => (jsxRuntime.jsx(select.Select.Item, { value: opt.value.toString(), children: opt.label }, opt.value.toString()))) })] }));
             case filters.FilterType.date:
@@ -64,7 +62,7 @@ const FilterChip = ({ label, value, onRemove, className, ref, columnType = filte
                 return (jsxRuntime.jsx("div", { className: filterChip_module.default.inputFieldWrapper, children: jsxRuntime.jsx(inputField.InputField, { variant: variant === 'text' ? 'borderless' : 'default', className: filterChip_module.default.inputField, value: filterValue, onChange: e => handleFilterValueChange(e.target.value) }) }));
         }
     };
-    return (jsxRuntime.jsxs(flex.Flex, { align: 'center', ref: ref, className: chip({ variant, className }), role: 'group', "aria-label": `Filter by ${label}`, "data-variant": variant, ...props, children: [jsxRuntime.jsxs(flex.Flex, { align: 'center', gap: 2, className: filterChip_module.default['chip-label'], children: [leadingIcon && (jsxRuntime.jsx("span", { className: filterChip_module.default.leadingIcon, "aria-hidden": 'true', children: leadingIcon })), jsxRuntime.jsx(text.Text, { size: 2, weight: 'normal', children: label })] }), jsxRuntime.jsx(filterChipOperation.Operation, { operations: computedOperations, label: label, value: operation, onChange: handleOperationChange, showAlternateLabel: isMultiSelectColumn && filterValue.length <= 1 }), renderValueInput(), showOnRemove && (jsxRuntime.jsx("button", { className: filterChip_module.default.removeIconContainer, "aria-label": `Remove ${label} filter`, onClick: onRemove, children: jsxRuntime.jsx(reactIcons_esm.Cross1Icon, { className: filterChip_module.default.removeIcon }) }))] }));
+    return (jsxRuntime.jsxs(flex.Flex, { align: 'center', ref: ref, className: chip({ variant, className }), role: 'group', "aria-label": `Filter by ${label}`, "data-variant": variant, ...props, children: [jsxRuntime.jsxs(flex.Flex, { align: 'center', gap: 2, className: filterChip_module.default['chip-label'], children: [leadingIcon && (jsxRuntime.jsx("span", { className: filterChip_module.default.leadingIcon, "aria-hidden": 'true', children: leadingIcon })), jsxRuntime.jsx(text.Text, { size: 2, weight: 'normal', children: label })] }), jsxRuntime.jsx(filterChipOperation.Operation, { operations: computedOperations, label: label, value: operation, onChange: handleOperationChange, showAlternateLabel: isMultiSelectColumn && filterValue.length <= 1 }), renderValueInput(), showOnRemove && (jsxRuntime.jsx("button", { className: filterChip_module.default.removeIconContainer, "aria-label": `Remove ${label} filter`, onClick: onRemove, children: jsxRuntime.jsx(reactIcons.Cross1Icon, { className: filterChip_module.default.removeIcon }) }))] }));
 };
 FilterChip.displayName = 'FilterChip';

package/dist/components/filter-chip/filter-chip.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"filter-chip.cjs","sources":["../../../components/filter-chip/filter-chip.tsx"],"sourcesContent":["'use client';\n\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cva, cx, VariantProps } from 'class-variance-authority';\nimport { ReactElement, ReactNode, useCallback, useState } from 'react';\nimport {\n FilterOperation,\n FilterOperator,\n FilterSelectOption,\n FilterType,\n FilterTypes,\n filterOperators\n} from '~/types/filters';\nimport { DatePicker } from '../calendar';\nimport { Flex } from '../flex';\nimport { InputField } from '../input-field';\nimport { Select } from '../select';\nimport { Text } from '../text';\nimport styles from './filter-chip.module.css';\nimport { Operation } from './filter-chip-operation';\n\nconst chip = cva(styles.chip, {\n variants: {\n variant: {\n default: styles['chip-default'],\n text: null\n }\n },\n defaultVariants: {\n variant: 'default'\n }\n});\n\nexport interface FilterChipProps extends VariantProps<typeof chip> {\n label: string;\n value?: string;\n onRemove?: () => void;\n className?: string;\n ref?: React.RefObject<HTMLDivElement>;\n children?: ReactNode;\n columnType?: FilterTypes;\n options?: FilterSelectOption[];\n onValueChange?: (value: any, operation: string) => void;\n onOperationChange?: (operation: string) => void;\n leadingIcon?: ReactElement;\n operations?: FilterOperator<string>[];\n}\n\nexport const FilterChip = ({\n label,\n value,\n onRemove,\n className,\n ref,\n columnType = FilterType.string,\n options = [],\n onValueChange,\n onOperationChange,\n leadingIcon,\n variant,\n operations,\n ...props\n}: FilterChipProps) => {\n const computedOperations = operations?.length\n ? operations\n : filterOperators[columnType];\n\n const [operation, setOperation] = useState<FilterOperation \| undefined>(\n computedOperations?.[0]\n );\n const [filterValue, setFilterValue] = useState<any>(value \|\| '');\n\n const showOnRemove = typeof onRemove === 'function';\n const isMultiSelectColumn = columnType === FilterType.multiselect;\n\n const handleOperationChange = useCallback(\n (operation: FilterOperation) => {\n setOperation(operation);\n if (operation?.value) onOperationChange?.(operation.value);\n },\n [onOperationChange]\n );\n\n const handleFilterValueChange = useCallback(\n (value: any) => {\n setFilterValue(value);\n onValueChange?.(value, operation?.value ?? '');\n },\n [operation, onValueChange]\n );\n\n const renderValueInput = () => {\n switch (columnType) {\n case FilterType.multiselect:\n case FilterType.select:\n return (\n <Select\n value={isMultiSelectColumn ? filterValue : filterValue.toString()}\n onValueChange={handleFilterValueChange}\n multiple={isMultiSelectColumn}\n >\n <Select.Trigger\n iconProps={{\n style: {\n display: 'none'\n }\n }}\n variant='text'\n className={cx(\n styles.selectValue,\n !showOnRemove && styles.selectColumn\n )}\n >\n <Select.Value placeholder='Select value'>\n {isMultiSelectColumn && filterValue.length > 1\n ? `${filterValue.length} selected`\n : undefined}\n </Select.Value>\n </Select.Trigger>\n <Select.Content data-variant='filter'>\n {options.map(opt => (\n <Select.Item\n key={opt.value.toString()}\n value={opt.value.toString()}\n >\n {opt.label}\n </Select.Item>\n ))}\n </Select.Content>\n </Select>\n );\n case FilterType.date:\n return (\n <div className={styles.dateFieldWrapper}>\n <DatePicker\n value={filterValue}\n onSelect={date => handleFilterValueChange(date)}\n showCalendarIcon={false}\n inputFieldProps={{ className: styles.dateField }}\n />\n </div>\n );\n default:\n return (\n <div className={styles.inputFieldWrapper}>\n <InputField\n variant={variant === 'text' ? 'borderless' : 'default'}\n className={styles.inputField}\n value={filterValue}\n onChange={e => handleFilterValueChange(e.target.value)}\n />\n </div>\n );\n }\n };\n\n return (\n <Flex\n align='center'\n ref={ref}\n className={chip({ variant, className })}\n role='group'\n aria-label={`Filter by ${label}`}\n data-variant={variant}\n {...props}\n >\n <Flex align='center' gap={2} className={styles['chip-label']}>\n {leadingIcon && (\n <span className={styles.leadingIcon} aria-hidden='true'>\n {leadingIcon}\n </span>\n )}\n <Text size={2} weight='normal'>\n {label}\n </Text>\n </Flex>\n <Operation\n operations={computedOperations}\n label={label}\n value={operation}\n onChange={handleOperationChange}\n showAlternateLabel={isMultiSelectColumn && filterValue.length <= 1}\n />\n {renderValueInput()}\n {showOnRemove && (\n <button\n className={styles.removeIconContainer}\n aria-label={`Remove ${label} filter`}\n onClick={onRemove}\n >\n <Cross1Icon className={styles.removeIcon} />\n </button>\n )}\n </Flex>\n );\n};\n\nFilterChip.displayName = 'FilterChip';\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;~~AAqBA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAiBY;AAeX;AACE;AACA;AAEF;AAGA;AAEA;AACA;AAEA;;;AAG0B;AACxB;AAIF;;;AAIE;;;;;AAQI;AAQQ;AACE;AACD;AACF;AASG;;;AAiBV;AAUF;;;AAYJ;AAEA;AAuCF;AAEA;;"}
1	+ {"version":3,"file":"filter-chip.cjs","sources":["../../../components/filter-chip/filter-chip.tsx"],"sourcesContent":["'use client';\n\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cva, cx, VariantProps } from 'class-variance-authority';\nimport { ReactElement, ReactNode, useCallback, useState } from 'react';\nimport {\n FilterOperation,\n FilterOperator,\n FilterSelectOption,\n FilterType,\n FilterTypes,\n filterOperators\n} from '~/types/filters';\nimport { DatePicker } from '../calendar';\nimport { Flex } from '../flex';\nimport { InputField } from '../input-field';\nimport { Select } from '../select';\nimport { Text } from '../text';\nimport styles from './filter-chip.module.css';\nimport { Operation } from './filter-chip-operation';\n\nconst chip = cva(styles.chip, {\n variants: {\n variant: {\n default: styles['chip-default'],\n text: null\n }\n },\n defaultVariants: {\n variant: 'default'\n }\n});\n\nexport interface FilterChipProps extends VariantProps<typeof chip> {\n label: string;\n value?: string;\n onRemove?: () => void;\n className?: string;\n ref?: React.RefObject<HTMLDivElement>;\n children?: ReactNode;\n columnType?: FilterTypes;\n options?: FilterSelectOption[];\n onValueChange?: (value: any, operation: string) => void;\n onOperationChange?: (operation: string) => void;\n leadingIcon?: ReactElement;\n operations?: FilterOperator<string>[];\n}\n\nexport const FilterChip = ({\n label,\n value,\n onRemove,\n className,\n ref,\n columnType = FilterType.string,\n options = [],\n onValueChange,\n onOperationChange,\n leadingIcon,\n variant,\n operations,\n ...props\n}: FilterChipProps) => {\n const computedOperations = operations?.length\n ? operations\n : filterOperators[columnType];\n\n const [operation, setOperation] = useState<FilterOperation \| undefined>(\n computedOperations?.[0]\n );\n const [filterValue, setFilterValue] = useState<any>(value \|\| '');\n\n const showOnRemove = typeof onRemove === 'function';\n const isMultiSelectColumn = columnType === FilterType.multiselect;\n\n const handleOperationChange = useCallback(\n (operation: FilterOperation) => {\n setOperation(operation);\n if (operation?.value) onOperationChange?.(operation.value);\n },\n [onOperationChange]\n );\n\n const handleFilterValueChange = useCallback(\n (value: any) => {\n setFilterValue(value);\n onValueChange?.(value, operation?.value ?? '');\n },\n [operation, onValueChange]\n );\n\n const renderValueInput = () => {\n switch (columnType) {\n case FilterType.multiselect:\n case FilterType.select:\n return (\n <Select\n value={isMultiSelectColumn ? filterValue : filterValue.toString()}\n onValueChange={handleFilterValueChange}\n multiple={isMultiSelectColumn}\n >\n <Select.Trigger\n iconProps={{\n style: {\n display: 'none'\n }\n }}\n variant='text'\n className={cx(\n styles.selectValue,\n !showOnRemove && styles.selectColumn\n )}\n >\n <Select.Value placeholder='Select value'>\n {isMultiSelectColumn && filterValue.length > 1\n ? `${filterValue.length} selected`\n : undefined}\n </Select.Value>\n </Select.Trigger>\n <Select.Content data-variant='filter'>\n {options.map(opt => (\n <Select.Item\n key={opt.value.toString()}\n value={opt.value.toString()}\n >\n {opt.label}\n </Select.Item>\n ))}\n </Select.Content>\n </Select>\n );\n case FilterType.date:\n return (\n <div className={styles.dateFieldWrapper}>\n <DatePicker\n value={filterValue}\n onSelect={date => handleFilterValueChange(date)}\n showCalendarIcon={false}\n inputFieldProps={{ className: styles.dateField }}\n />\n </div>\n );\n default:\n return (\n <div className={styles.inputFieldWrapper}>\n <InputField\n variant={variant === 'text' ? 'borderless' : 'default'}\n className={styles.inputField}\n value={filterValue}\n onChange={e => handleFilterValueChange(e.target.value)}\n />\n </div>\n );\n }\n };\n\n return (\n <Flex\n align='center'\n ref={ref}\n className={chip({ variant, className })}\n role='group'\n aria-label={`Filter by ${label}`}\n data-variant={variant}\n {...props}\n >\n <Flex align='center' gap={2} className={styles['chip-label']}>\n {leadingIcon && (\n <span className={styles.leadingIcon} aria-hidden='true'>\n {leadingIcon}\n </span>\n )}\n <Text size={2} weight='normal'>\n {label}\n </Text>\n </Flex>\n <Operation\n operations={computedOperations}\n label={label}\n value={operation}\n onChange={handleOperationChange}\n showAlternateLabel={isMultiSelectColumn && filterValue.length <= 1}\n />\n {renderValueInput()}\n {showOnRemove && (\n <button\n className={styles.removeIconContainer}\n aria-label={`Remove ${label} filter`}\n onClick={onRemove}\n >\n <Cross1Icon className={styles.removeIcon} />\n </button>\n )}\n </Flex>\n );\n};\n\nFilterChip.displayName = 'FilterChip';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAqBA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAiBY;AAeX;AACE;AACA;AAEF;AAGA;AAEA;AACA;AAEA;;;AAG0B;AACxB;AAIF;;;AAIE;;;;;AAQI;AAQQ;AACE;AACD;AACF;AASG;;;AAiBV;AAUF;;;AAYJ;AAEA;AAuCF;AAEA;;"}

package/dist/components/filter-chip/filter-chip.js CHANGED Viewed

@@ -1,18 +1,16 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Cross1Icon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.2.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
-import { cva, cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { Cross1Icon } from '@radix-ui/react-icons';
+import { cva, cx } from 'class-variance-authority';
 import { useState, useCallback } from 'react';
 import { filterOperators, FilterType } from '../../types/filters.js';
-import { Flex } from '../flex/flex.js';
-import '../icon-button/icon-button.js';
-import { Select } from '../select/select.js';
-import '../skeleton/skeleton.js';
-import '../tooltip/tooltip.js';
+import '../calendar/calendar.js';
 import { DatePicker } from '../calendar/date-picker.js';
-import '../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.js';
+import 'dayjs';
+import { Flex } from '../flex/flex.js';
 import { InputField } from '../input-field/input-field.js';
 import '../popover/popover.js';
+import { Select } from '../select/select.js';
 import { Text } from '../text/text.js';
 import styles from './filter-chip.module.css.js';
 import { Operation } from './filter-chip-operation.js';

package/dist/components/filter-chip/filter-chip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"filter-chip.js","sources":["../../../components/filter-chip/filter-chip.tsx"],"sourcesContent":["'use client';\n\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cva, cx, VariantProps } from 'class-variance-authority';\nimport { ReactElement, ReactNode, useCallback, useState } from 'react';\nimport {\n FilterOperation,\n FilterOperator,\n FilterSelectOption,\n FilterType,\n FilterTypes,\n filterOperators\n} from '~/types/filters';\nimport { DatePicker } from '../calendar';\nimport { Flex } from '../flex';\nimport { InputField } from '../input-field';\nimport { Select } from '../select';\nimport { Text } from '../text';\nimport styles from './filter-chip.module.css';\nimport { Operation } from './filter-chip-operation';\n\nconst chip = cva(styles.chip, {\n variants: {\n variant: {\n default: styles['chip-default'],\n text: null\n }\n },\n defaultVariants: {\n variant: 'default'\n }\n});\n\nexport interface FilterChipProps extends VariantProps<typeof chip> {\n label: string;\n value?: string;\n onRemove?: () => void;\n className?: string;\n ref?: React.RefObject<HTMLDivElement>;\n children?: ReactNode;\n columnType?: FilterTypes;\n options?: FilterSelectOption[];\n onValueChange?: (value: any, operation: string) => void;\n onOperationChange?: (operation: string) => void;\n leadingIcon?: ReactElement;\n operations?: FilterOperator<string>[];\n}\n\nexport const FilterChip = ({\n label,\n value,\n onRemove,\n className,\n ref,\n columnType = FilterType.string,\n options = [],\n onValueChange,\n onOperationChange,\n leadingIcon,\n variant,\n operations,\n ...props\n}: FilterChipProps) => {\n const computedOperations = operations?.length\n ? operations\n : filterOperators[columnType];\n\n const [operation, setOperation] = useState<FilterOperation \| undefined>(\n computedOperations?.[0]\n );\n const [filterValue, setFilterValue] = useState<any>(value \|\| '');\n\n const showOnRemove = typeof onRemove === 'function';\n const isMultiSelectColumn = columnType === FilterType.multiselect;\n\n const handleOperationChange = useCallback(\n (operation: FilterOperation) => {\n setOperation(operation);\n if (operation?.value) onOperationChange?.(operation.value);\n },\n [onOperationChange]\n );\n\n const handleFilterValueChange = useCallback(\n (value: any) => {\n setFilterValue(value);\n onValueChange?.(value, operation?.value ?? '');\n },\n [operation, onValueChange]\n );\n\n const renderValueInput = () => {\n switch (columnType) {\n case FilterType.multiselect:\n case FilterType.select:\n return (\n <Select\n value={isMultiSelectColumn ? filterValue : filterValue.toString()}\n onValueChange={handleFilterValueChange}\n multiple={isMultiSelectColumn}\n >\n <Select.Trigger\n iconProps={{\n style: {\n display: 'none'\n }\n }}\n variant='text'\n className={cx(\n styles.selectValue,\n !showOnRemove && styles.selectColumn\n )}\n >\n <Select.Value placeholder='Select value'>\n {isMultiSelectColumn && filterValue.length > 1\n ? `${filterValue.length} selected`\n : undefined}\n </Select.Value>\n </Select.Trigger>\n <Select.Content data-variant='filter'>\n {options.map(opt => (\n <Select.Item\n key={opt.value.toString()}\n value={opt.value.toString()}\n >\n {opt.label}\n </Select.Item>\n ))}\n </Select.Content>\n </Select>\n );\n case FilterType.date:\n return (\n <div className={styles.dateFieldWrapper}>\n <DatePicker\n value={filterValue}\n onSelect={date => handleFilterValueChange(date)}\n showCalendarIcon={false}\n inputFieldProps={{ className: styles.dateField }}\n />\n </div>\n );\n default:\n return (\n <div className={styles.inputFieldWrapper}>\n <InputField\n variant={variant === 'text' ? 'borderless' : 'default'}\n className={styles.inputField}\n value={filterValue}\n onChange={e => handleFilterValueChange(e.target.value)}\n />\n </div>\n );\n }\n };\n\n return (\n <Flex\n align='center'\n ref={ref}\n className={chip({ variant, className })}\n role='group'\n aria-label={`Filter by ${label}`}\n data-variant={variant}\n {...props}\n >\n <Flex align='center' gap={2} className={styles['chip-label']}>\n {leadingIcon && (\n <span className={styles.leadingIcon} aria-hidden='true'>\n {leadingIcon}\n </span>\n )}\n <Text size={2} weight='normal'>\n {label}\n </Text>\n </Flex>\n <Operation\n operations={computedOperations}\n label={label}\n value={operation}\n onChange={handleOperationChange}\n showAlternateLabel={isMultiSelectColumn && filterValue.length <= 1}\n />\n {renderValueInput()}\n {showOnRemove && (\n <button\n className={styles.removeIconContainer}\n aria-label={`Remove ${label} filter`}\n onClick={onRemove}\n >\n <Cross1Icon className={styles.removeIcon} />\n </button>\n )}\n </Flex>\n );\n};\n\nFilterChip.displayName = 'FilterChip';\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;~~AAqBA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAiBY;AAeX;AACE;AACA;AAEF;AAGA;AAEA;AACA;AAEA;;;AAG0B;AACxB;AAIF;;;AAIE;;;;;AAQI;AAQQ;AACE;AACD;AACF;AASG;;;AAiBV;AAUF;;;AAYJ;AAEA;AAuCF;AAEA;;"}
1	+ {"version":3,"file":"filter-chip.js","sources":["../../../components/filter-chip/filter-chip.tsx"],"sourcesContent":["'use client';\n\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cva, cx, VariantProps } from 'class-variance-authority';\nimport { ReactElement, ReactNode, useCallback, useState } from 'react';\nimport {\n FilterOperation,\n FilterOperator,\n FilterSelectOption,\n FilterType,\n FilterTypes,\n filterOperators\n} from '~/types/filters';\nimport { DatePicker } from '../calendar';\nimport { Flex } from '../flex';\nimport { InputField } from '../input-field';\nimport { Select } from '../select';\nimport { Text } from '../text';\nimport styles from './filter-chip.module.css';\nimport { Operation } from './filter-chip-operation';\n\nconst chip = cva(styles.chip, {\n variants: {\n variant: {\n default: styles['chip-default'],\n text: null\n }\n },\n defaultVariants: {\n variant: 'default'\n }\n});\n\nexport interface FilterChipProps extends VariantProps<typeof chip> {\n label: string;\n value?: string;\n onRemove?: () => void;\n className?: string;\n ref?: React.RefObject<HTMLDivElement>;\n children?: ReactNode;\n columnType?: FilterTypes;\n options?: FilterSelectOption[];\n onValueChange?: (value: any, operation: string) => void;\n onOperationChange?: (operation: string) => void;\n leadingIcon?: ReactElement;\n operations?: FilterOperator<string>[];\n}\n\nexport const FilterChip = ({\n label,\n value,\n onRemove,\n className,\n ref,\n columnType = FilterType.string,\n options = [],\n onValueChange,\n onOperationChange,\n leadingIcon,\n variant,\n operations,\n ...props\n}: FilterChipProps) => {\n const computedOperations = operations?.length\n ? operations\n : filterOperators[columnType];\n\n const [operation, setOperation] = useState<FilterOperation \| undefined>(\n computedOperations?.[0]\n );\n const [filterValue, setFilterValue] = useState<any>(value \|\| '');\n\n const showOnRemove = typeof onRemove === 'function';\n const isMultiSelectColumn = columnType === FilterType.multiselect;\n\n const handleOperationChange = useCallback(\n (operation: FilterOperation) => {\n setOperation(operation);\n if (operation?.value) onOperationChange?.(operation.value);\n },\n [onOperationChange]\n );\n\n const handleFilterValueChange = useCallback(\n (value: any) => {\n setFilterValue(value);\n onValueChange?.(value, operation?.value ?? '');\n },\n [operation, onValueChange]\n );\n\n const renderValueInput = () => {\n switch (columnType) {\n case FilterType.multiselect:\n case FilterType.select:\n return (\n <Select\n value={isMultiSelectColumn ? filterValue : filterValue.toString()}\n onValueChange={handleFilterValueChange}\n multiple={isMultiSelectColumn}\n >\n <Select.Trigger\n iconProps={{\n style: {\n display: 'none'\n }\n }}\n variant='text'\n className={cx(\n styles.selectValue,\n !showOnRemove && styles.selectColumn\n )}\n >\n <Select.Value placeholder='Select value'>\n {isMultiSelectColumn && filterValue.length > 1\n ? `${filterValue.length} selected`\n : undefined}\n </Select.Value>\n </Select.Trigger>\n <Select.Content data-variant='filter'>\n {options.map(opt => (\n <Select.Item\n key={opt.value.toString()}\n value={opt.value.toString()}\n >\n {opt.label}\n </Select.Item>\n ))}\n </Select.Content>\n </Select>\n );\n case FilterType.date:\n return (\n <div className={styles.dateFieldWrapper}>\n <DatePicker\n value={filterValue}\n onSelect={date => handleFilterValueChange(date)}\n showCalendarIcon={false}\n inputFieldProps={{ className: styles.dateField }}\n />\n </div>\n );\n default:\n return (\n <div className={styles.inputFieldWrapper}>\n <InputField\n variant={variant === 'text' ? 'borderless' : 'default'}\n className={styles.inputField}\n value={filterValue}\n onChange={e => handleFilterValueChange(e.target.value)}\n />\n </div>\n );\n }\n };\n\n return (\n <Flex\n align='center'\n ref={ref}\n className={chip({ variant, className })}\n role='group'\n aria-label={`Filter by ${label}`}\n data-variant={variant}\n {...props}\n >\n <Flex align='center' gap={2} className={styles['chip-label']}>\n {leadingIcon && (\n <span className={styles.leadingIcon} aria-hidden='true'>\n {leadingIcon}\n </span>\n )}\n <Text size={2} weight='normal'>\n {label}\n </Text>\n </Flex>\n <Operation\n operations={computedOperations}\n label={label}\n value={operation}\n onChange={handleOperationChange}\n showAlternateLabel={isMultiSelectColumn && filterValue.length <= 1}\n />\n {renderValueInput()}\n {showOnRemove && (\n <button\n className={styles.removeIconContainer}\n aria-label={`Remove ${label} filter`}\n onClick={onRemove}\n >\n <Cross1Icon className={styles.removeIcon} />\n </button>\n )}\n </Flex>\n );\n};\n\nFilterChip.displayName = 'FilterChip';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAqBA;AACE;AACE;AACE;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAiBY;AAeX;AACE;AACA;AAEF;AAGA;AAEA;AACA;AAEA;;;AAG0B;AACxB;AAIF;;;AAIE;;;;;AAQI;AAQQ;AACE;AACD;AACF;AASG;;;AAiBV;AAUF;;;AAYJ;AAEA;AAuCF;AAEA;;"}

package/dist/components/flex/flex.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 flex_module = require('./flex.module.css.cjs');
-const flex = index.cva(flex_module.default.flex, {
+const flex = classVarianceAuthority.cva(flex_module.default.flex, {
     variants: {
         direction: {
             row: flex_module.default['direction-row'],

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

	@@ -1 +1 @@
1	- {"version":3,"file":"flex.cjs","sources":["../../../components/flex/flex.tsx"],"sourcesContent":["import { VariantProps, cva } from 'class-variance-authority';\nimport { HTMLAttributes, PropsWithChildren, forwardRef } from 'react';\n\nimport styles from './flex.module.css';\n\nconst flex = cva(styles.flex, {\n variants: {\n direction: {\n row: styles['direction-row'],\n column: styles['direction-column'],\n rowReverse: styles['direction-rowReverse'],\n columnReverse: styles['direction-columnReverse']\n },\n align: {\n start: styles['align-start'],\n center: styles['align-center'],\n end: styles['align-end'],\n stretch: styles['align-stretch'],\n baseline: styles['align-baseline']\n },\n justify: {\n start: styles['justify-start'],\n center: styles['justify-center'],\n end: styles['justify-end'],\n between: styles['justify-between']\n },\n wrap: {\n noWrap: styles['wrap-noWrap'],\n wrap: styles['wrap-wrap'],\n wrapReverse: styles['wrap-wrapReverse']\n },\n gap: {\n 1: styles['gap-1'],\n 2: styles['gap-2'],\n 3: styles['gap-3'],\n 4: styles['gap-4'],\n 5: styles['gap-5'],\n 6: styles['gap-6'],\n 7: styles['gap-7'],\n 8: styles['gap-8'],\n 9: styles['gap-9'],\n 'extra-small': styles['gap-xs'],\n small: styles['gap-sm'],\n medium: styles['gap-md'],\n large: styles['gap-lg'],\n 'extra-large': styles['gap-xl']\n },\n width: {\n full: styles['width-full']\n }\n },\n defaultVariants: {\n direction: 'row',\n align: 'stretch',\n justify: 'start',\n wrap: 'noWrap'\n }\n});\n\ntype BoxProps = PropsWithChildren<VariantProps<typeof flex>> &\n HTMLAttributes<HTMLDivElement>;\n\nexport const Flex = forwardRef<HTMLDivElement, BoxProps>(\n (\n {\n children,\n direction,\n align,\n justify,\n wrap,\n gap,\n className,\n width,\n ...props\n },\n ref\n ) => {\n return (\n <div\n className={flex({\n direction,\n align,\n justify,\n wrap,\n gap,\n className,\n width\n })}\n {...props}\n ref={ref}\n >\n {children}\n </div>\n );\n }\n);\n"],"names":["cva","styles","forwardRef","_jsx"],"mappings":";;;;;;;AAKA,MAAM,IAAI,GAAGA,~~SAAG~~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"}
1	+ {"version":3,"file":"flex.cjs","sources":["../../../components/flex/flex.tsx"],"sourcesContent":["import { VariantProps, cva } from 'class-variance-authority';\nimport { HTMLAttributes, PropsWithChildren, forwardRef } from 'react';\n\nimport styles from './flex.module.css';\n\nconst flex = cva(styles.flex, {\n variants: {\n direction: {\n row: styles['direction-row'],\n column: styles['direction-column'],\n rowReverse: styles['direction-rowReverse'],\n columnReverse: styles['direction-columnReverse']\n },\n align: {\n start: styles['align-start'],\n center: styles['align-center'],\n end: styles['align-end'],\n stretch: styles['align-stretch'],\n baseline: styles['align-baseline']\n },\n justify: {\n start: styles['justify-start'],\n center: styles['justify-center'],\n end: styles['justify-end'],\n between: styles['justify-between']\n },\n wrap: {\n noWrap: styles['wrap-noWrap'],\n wrap: styles['wrap-wrap'],\n wrapReverse: styles['wrap-wrapReverse']\n },\n gap: {\n 1: styles['gap-1'],\n 2: styles['gap-2'],\n 3: styles['gap-3'],\n 4: styles['gap-4'],\n 5: styles['gap-5'],\n 6: styles['gap-6'],\n 7: styles['gap-7'],\n 8: styles['gap-8'],\n 9: styles['gap-9'],\n 'extra-small': styles['gap-xs'],\n small: styles['gap-sm'],\n medium: styles['gap-md'],\n large: styles['gap-lg'],\n 'extra-large': styles['gap-xl']\n },\n width: {\n full: styles['width-full']\n }\n },\n defaultVariants: {\n direction: 'row',\n align: 'stretch',\n justify: 'start',\n wrap: 'noWrap'\n }\n});\n\ntype BoxProps = PropsWithChildren<VariantProps<typeof flex>> &\n HTMLAttributes<HTMLDivElement>;\n\nexport const Flex = forwardRef<HTMLDivElement, BoxProps>(\n (\n {\n children,\n direction,\n align,\n justify,\n wrap,\n gap,\n className,\n width,\n ...props\n },\n ref\n ) => {\n return (\n <div\n className={flex({\n direction,\n align,\n justify,\n wrap,\n gap,\n className,\n width\n })}\n {...props}\n ref={ref}\n >\n {children}\n </div>\n );\n }\n);\n"],"names":["cva","styles","forwardRef","_jsx"],"mappings":"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"}

package/dist/components/flex/flex.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 './flex.module.css.js';

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

@@ -1,11 +1,11 @@
 '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.2.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';
+    const Comp = asChild ? radixUi.Slot.Root : 'div';
     return (jsxRuntime.jsx(Comp, { ref: ref, style: {
             gridArea: area,
             gridColumnStart: colStart,

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.2.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.2.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.2.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.2.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 tooltip = require('../tooltip/tooltip.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.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input-field.cjs","sources":["../../../components/input-field/input-field.tsx"],"sourcesContent":["'use client';\n\nimport { 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":[],"mappings":";;;;;;;;;;;~~AAUA~~;AAEA;AACE;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACF;AACD;AACE;AACA;AACD;AACF;AAqBY;;AA8GX;AAGF;;"}
1	+ {"version":3,"file":"input-field.cjs","sources":["../../../components/input-field/input-field.tsx"],"sourcesContent":["'use client';\n\nimport { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, forwardRef, ReactNode } from 'react';\nimport { Chip } from '../chip';\nimport { Tooltip } from '../tooltip';\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":[],"mappings":";;;;;;;;;;;AASA;AAEA;AACE;AACE;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACF;AACD;AACE;AACA;AACD;AACF;AAqBY;;AA8GX;AAGF;;"}

package/dist/components/input-field/input-field.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../components/input-field/input-field.tsx"],"names":[],"mappings":"AAGA,OAAO,~~EAAE~~,KAAK,YAAY,~~EAAW~~,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,wBAAwB,~~EAAE~~,SAAS,~~EAAc~~,MAAM,OAAO,CAAC;~~AAQxE~~,QAAA,MAAM,YAAY;;;8EAehB,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;CACpC;AAED,eAAO,MAAM,UAAU,8GA+GtB,CAAC"}
1	+ {"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../components/input-field/input-field.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAOxE,QAAA,MAAM,YAAY;;;8EAehB,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;CACpC;AAED,eAAO,MAAM,UAAU,8GA+GtB,CAAC"}