@raystack/apsara 0.50.0 → 0.50.1

package/dist/components/dropdown-menu/dropdown-menu.d.ts

@@ -6,9 +6,9 @@ export declare const DropdownMenu: (({ autocomplete, autocompleteMode, searchVal
     TriggerItem: import("react").ForwardRefExoticComponent<Omit<import("./dropdown-menu-trigger").DropdownMenuTriggerItemProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
     Content: import("react").ForwardRefExoticComponent<Omit<import("./dropdown-menu-content").MenuContentProps, "ref"> & import("react").RefAttributes<unknown>>;
     Item: import("react").ForwardRefExoticComponent<Omit<import("./dropdown-menu-item").DropdownMenuItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Group: import("react").ForwardRefExoticComponent<Omit<import("./types").WithAsChild<import("@ariakit/react").MenuGroupProps>, "ref"> & import("react").RefAttributes<unknown>>;
-    Label: import("react").ForwardRefExoticComponent<Omit<import("./types").WithAsChild<import("@ariakit/react").MenuGroupLabelProps>, "ref"> & import("react").RefAttributes<unknown>>;
-    Separator: import("react").ForwardRefExoticComponent<Omit<import("./types").WithAsChild<import("@ariakit/react").MenuSeparatorProps>, "ref"> & import("react").RefAttributes<unknown>>;
+    Group: import("react").ForwardRefExoticComponent<Omit<import("./types").WithAsChild<import("@ariakit/react").MenuGroupProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<import("./types").WithAsChild<import("@ariakit/react").MenuGroupLabelProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<import("./types").WithAsChild<import("@ariakit/react").MenuSeparatorProps>, "ref"> & import("react").RefAttributes<HTMLHRElement>>;
     EmptyState: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
         children: import("react").ReactNode;
     } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/filter-chip/filter-chip-operation.cjs

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/components/filter-chip/filter-chip-operation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"filter-chip-operation.cjs","sources":["../../../components/filter-chip/filter-chip-operation.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { useCallback } from 'react';\nimport { FilterOperation, FilterOperator } from '~/types/filters';\nimport { Select } from '../select';\nimport { Text } from '../text';\nimport styles from './filter-chip.module.css';\n\ninterface OperationProps {\n  label: string;\n  value?: FilterOperation;\n  onChange: (operation: FilterOperation) => void;\n  operations: FilterOperator<string>[];\n  showAlternateLabel?: boolean;\n}\n\nexport const Operation = ({\n  label,\n  value,\n  onChange,\n  operations,\n  showAlternateLabel = false\n}: OperationProps) => {\n  const operationValue = value?.value ?? '';\n\n  const handleValueChange = useCallback(\n    (newValue: string) => {\n      const operation = operations.find(o => o.value === newValue);\n      if (operation) onChange(operation);\n    },\n    [operations, onChange]\n  );\n\n  if (operations.length === 1)\n    return (\n      <Text\n        variant='secondary'\n        className={cx(styles.selectValue, styles.operationValue)}\n      >\n        {operations[0].label}\n      </Text>\n    );\n\n  return (\n    <Select\n      value={operationValue}\n      onValueChange={handleValueChange}\n      aria-labelledby={`${label}-label`}\n    >\n      <Select.Trigger\n        variant='text'\n        className={cx(styles.selectValue, styles.operationValue)}\n        aria-label={`${label} filter operation`}\n        iconProps={{\n          style: {\n            display: 'none'\n          }\n        }}\n      >\n        <Select.Value\n          placeholder='Select operation'\n          className={styles.operationText}\n        />\n      </Select.Trigger>\n      <Select.Content data-variant='filter'>\n        {operations.map(operation => {\n          return (\n            <Select.Item\n              key={operation.value}\n              value={operation.value}\n              aria-label={`Filter ${label} ${operation.label}`}\n            >\n              {showAlternateLabel && operation?.alternateLabel\n                ? operation.alternateLabel\n                : operation.label}\n            </Select.Item>\n          );\n        })}\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":["useCallback","_jsx","Text","cx","styles","_jsxs","Select"],"mappings":";;;;;;;;;AAea,MAAA,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,UAAU,EACV,kBAAkB,GAAG,KAAK,EACX,KAAI;AACnB,IAAA,MAAM,cAAc,GAAG,KAAK,EAAE,KAAK,IAAI,EAAE,CAAC;AAE1C,IAAA,MAAM,iBAAiB,GAAGA,iBAAW,CACnC,CAAC,QAAgB,KAAI;AACnB,QAAA,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC;AAC7D,QAAA,IAAI,SAAS;YAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;AACrC,KAAC,EACD,CAAC,UAAU,EAAE,QAAQ,CAAC,CACvB,CAAC;AAEF,IAAA,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;AACzB,QAAA,QACEC,cAAA,CAACC,SAAI,EAAA,EACH,OAAO,EAAC,WAAW,EACnB,SAAS,EAAEC,QAAE,CAACC,yBAAM,CAAC,WAAW,EAAEA,yBAAM,CAAC,cAAc,CAAC,EAEvD,QAAA,EAAA,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,EAAA,CACf,EACP;AAEJ,IAAA,QACEC,eAAC,CAAAC,aAAM,IACL,KAAK,EAAE,cAAc,EACrB,aAAa,EAAE,iBAAiB,EAAA,iBAAA,EACf,GAAG,KAAK,CAAA,MAAA,CAAQ,aAEjCL,cAAC,CAAAK,aAAM,CAAC,OAAO,EAAA,EACb,OAAO,EAAC,MAAM,EACd,SAAS,EAAEH,QAAE,CAACC,yBAAM,CAAC,WAAW,EAAEA,yBAAM,CAAC,cAAc,CAAC,EAC5C,YAAA,EAAA,CAAA,EAAG,KAAK,CAAmB,iBAAA,CAAA,EACvC,SAAS,EAAE;AACT,oBAAA,KAAK,EAAE;AACL,wBAAA,OAAO,EAAE,MAAM;AAChB,qBAAA;AACF,iBAAA,EAAA,QAAA,EAEDH,cAAC,CAAAK,aAAM,CAAC,KAAK,EACX,EAAA,WAAW,EAAC,kBAAkB,EAC9B,SAAS,EAAEF,yBAAM,CAAC,aAAa,EAAA,CAC/B,EACa,CAAA,EACjBH,cAAC,CAAAK,aAAM,CAAC,OAAO,EAAc,EAAA,cAAA,EAAA,QAAQ,EAClC,QAAA,EAAA,UAAU,CAAC,GAAG,CAAC,SAAS,IAAG;oBAC1B,QACEL,cAAC,CAAAK,aAAM,CAAC,IAAI,IAEV,KAAK,EAAE,SAAS,CAAC,KAAK,EAAA,YAAA,EACV,UAAU,KAAK,CAAA,CAAA,EAAI,SAAS,CAAC,KAAK,CAAA,CAAE,YAE/C,kBAAkB,IAAI,SAAS,EAAE,cAAc;8BAC5C,SAAS,CAAC,cAAc;8BACxB,SAAS,CAAC,KAAK,EAAA,EANd,SAAS,CAAC,KAAK,CAOR,EACd;AACJ,iBAAC,CAAC,EAAA,CACa,CACV,EAAA,CAAA,EACT;AACJ;;;;"}
+{"version":3,"file":"filter-chip-operation.cjs","sources":["../../../components/filter-chip/filter-chip-operation.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { useCallback } from 'react';\nimport { FilterOperation, FilterOperator } from '~/types/filters';\nimport { Select } from '../select';\nimport { Text } from '../text';\nimport styles from './filter-chip.module.css';\n\ninterface OperationProps {\n  label: string;\n  value?: FilterOperation;\n  onChange: (operation: FilterOperation) => void;\n  operations: FilterOperator<string>[];\n  showAlternateLabel?: boolean;\n}\n\nexport const Operation = ({\n  label,\n  value,\n  onChange,\n  operations,\n  showAlternateLabel = false\n}: OperationProps) => {\n  const operationValue = value?.value ?? '';\n\n  const handleValueChange = useCallback(\n    (newValue: string) => {\n      const operation = operations.find(o => o.value === newValue);\n      if (operation) onChange(operation);\n    },\n    [operations, onChange]\n  );\n\n  if (operations.length === 1)\n    return (\n      <Text\n        variant='secondary'\n        className={cx(styles.selectValue, styles.operationValue)}\n      >\n        {operations[0].label}\n      </Text>\n    );\n\n  return (\n    <Select\n      value={operationValue}\n      onValueChange={handleValueChange}\n      aria-labelledby={`${label}-label`}\n    >\n      <Select.Trigger\n        variant='text'\n        className={cx(styles.selectValue, styles.operationValue)}\n        aria-label={`${label} filter operation`}\n        iconProps={{\n          style: {\n            display: 'none'\n          }\n        }}\n      >\n        <Select.Value\n          placeholder='Select operation'\n          className={styles.operationText}\n        />\n      </Select.Trigger>\n      <Select.Content data-variant='filter'>\n        {operations.map(operation => {\n          return (\n            <Select.Item\n              key={operation.value}\n              value={operation.value}\n              aria-label={`Filter ${label} ${operation.label}`}\n            >\n              {showAlternateLabel && operation?.alternateLabel\n                ? operation.alternateLabel\n                : operation.label}\n            </Select.Item>\n          );\n        })}\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAiBa;AAOX;AAEA;AAEI;AACA;;AACF;AAIF;AACE;AASF;AAWQ;AACE;AACD;AACF;;;;AAoBD;AAIR;;"}

package/dist/components/filter-chip/filter-chip-operation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-chip-operation.d.ts","sourceRoot":"","sources":["../../../components/filter-chip/filter-chip-operation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAKlE,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS,+DAMnB,cAAc,4CA2DhB,CAAC"}
+{"version":3,"file":"filter-chip-operation.d.ts","sourceRoot":"","sources":["../../../components/filter-chip/filter-chip-operation.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAKlE,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS,+DAMnB,cAAc,4CA2DhB,CAAC"}

package/dist/components/filter-chip/filter-chip-operation.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { useCallback } from 'react';

package/dist/components/filter-chip/filter-chip-operation.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-chip-operation.js","sources":["../../../components/filter-chip/filter-chip-operation.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { useCallback } from 'react';\nimport { FilterOperation, FilterOperator } from '~/types/filters';\nimport { Select } from '../select';\nimport { Text } from '../text';\nimport styles from './filter-chip.module.css';\n\ninterface OperationProps {\n  label: string;\n  value?: FilterOperation;\n  onChange: (operation: FilterOperation) => void;\n  operations: FilterOperator<string>[];\n  showAlternateLabel?: boolean;\n}\n\nexport const Operation = ({\n  label,\n  value,\n  onChange,\n  operations,\n  showAlternateLabel = false\n}: OperationProps) => {\n  const operationValue = value?.value ?? '';\n\n  const handleValueChange = useCallback(\n    (newValue: string) => {\n      const operation = operations.find(o => o.value === newValue);\n      if (operation) onChange(operation);\n    },\n    [operations, onChange]\n  );\n\n  if (operations.length === 1)\n    return (\n      <Text\n        variant='secondary'\n        className={cx(styles.selectValue, styles.operationValue)}\n      >\n        {operations[0].label}\n      </Text>\n    );\n\n  return (\n    <Select\n      value={operationValue}\n      onValueChange={handleValueChange}\n      aria-labelledby={`${label}-label`}\n    >\n      <Select.Trigger\n        variant='text'\n        className={cx(styles.selectValue, styles.operationValue)}\n        aria-label={`${label} filter operation`}\n        iconProps={{\n          style: {\n            display: 'none'\n          }\n        }}\n      >\n        <Select.Value\n          placeholder='Select operation'\n          className={styles.operationText}\n        />\n      </Select.Trigger>\n      <Select.Content data-variant='filter'>\n        {operations.map(operation => {\n          return (\n            <Select.Item\n              key={operation.value}\n              value={operation.value}\n              aria-label={`Filter ${label} ${operation.label}`}\n            >\n              {showAlternateLabel && operation?.alternateLabel\n                ? operation.alternateLabel\n                : operation.label}\n            </Select.Item>\n          );\n        })}\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;AAea,MAAA,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,UAAU,EACV,kBAAkB,GAAG,KAAK,EACX,KAAI;AACnB,IAAA,MAAM,cAAc,GAAG,KAAK,EAAE,KAAK,IAAI,EAAE,CAAC;AAE1C,IAAA,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,QAAgB,KAAI;AACnB,QAAA,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC;AAC7D,QAAA,IAAI,SAAS;YAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;AACrC,KAAC,EACD,CAAC,UAAU,EAAE,QAAQ,CAAC,CACvB,CAAC;AAEF,IAAA,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;AACzB,QAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,EAEvD,QAAA,EAAA,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,EAAA,CACf,EACP;AAEJ,IAAA,QACEC,IAAC,CAAA,MAAM,IACL,KAAK,EAAE,cAAc,EACrB,aAAa,EAAE,iBAAiB,EAAA,iBAAA,EACf,GAAG,KAAK,CAAA,MAAA,CAAQ,aAEjCD,GAAC,CAAA,MAAM,CAAC,OAAO,EAAA,EACb,OAAO,EAAC,MAAM,EACd,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,EAC5C,YAAA,EAAA,CAAA,EAAG,KAAK,CAAmB,iBAAA,CAAA,EACvC,SAAS,EAAE;AACT,oBAAA,KAAK,EAAE;AACL,wBAAA,OAAO,EAAE,MAAM;AAChB,qBAAA;AACF,iBAAA,EAAA,QAAA,EAEDA,GAAC,CAAA,MAAM,CAAC,KAAK,EACX,EAAA,WAAW,EAAC,kBAAkB,EAC9B,SAAS,EAAE,MAAM,CAAC,aAAa,EAAA,CAC/B,EACa,CAAA,EACjBA,GAAC,CAAA,MAAM,CAAC,OAAO,EAAc,EAAA,cAAA,EAAA,QAAQ,EAClC,QAAA,EAAA,UAAU,CAAC,GAAG,CAAC,SAAS,IAAG;oBAC1B,QACEA,GAAC,CAAA,MAAM,CAAC,IAAI,IAEV,KAAK,EAAE,SAAS,CAAC,KAAK,EAAA,YAAA,EACV,UAAU,KAAK,CAAA,CAAA,EAAI,SAAS,CAAC,KAAK,CAAA,CAAE,YAE/C,kBAAkB,IAAI,SAAS,EAAE,cAAc;8BAC5C,SAAS,CAAC,cAAc;8BACxB,SAAS,CAAC,KAAK,EAAA,EANd,SAAS,CAAC,KAAK,CAOR,EACd;AACJ,iBAAC,CAAC,EAAA,CACa,CACV,EAAA,CAAA,EACT;AACJ;;;;"}
+{"version":3,"file":"filter-chip-operation.js","sources":["../../../components/filter-chip/filter-chip-operation.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { useCallback } from 'react';\nimport { FilterOperation, FilterOperator } from '~/types/filters';\nimport { Select } from '../select';\nimport { Text } from '../text';\nimport styles from './filter-chip.module.css';\n\ninterface OperationProps {\n  label: string;\n  value?: FilterOperation;\n  onChange: (operation: FilterOperation) => void;\n  operations: FilterOperator<string>[];\n  showAlternateLabel?: boolean;\n}\n\nexport const Operation = ({\n  label,\n  value,\n  onChange,\n  operations,\n  showAlternateLabel = false\n}: OperationProps) => {\n  const operationValue = value?.value ?? '';\n\n  const handleValueChange = useCallback(\n    (newValue: string) => {\n      const operation = operations.find(o => o.value === newValue);\n      if (operation) onChange(operation);\n    },\n    [operations, onChange]\n  );\n\n  if (operations.length === 1)\n    return (\n      <Text\n        variant='secondary'\n        className={cx(styles.selectValue, styles.operationValue)}\n      >\n        {operations[0].label}\n      </Text>\n    );\n\n  return (\n    <Select\n      value={operationValue}\n      onValueChange={handleValueChange}\n      aria-labelledby={`${label}-label`}\n    >\n      <Select.Trigger\n        variant='text'\n        className={cx(styles.selectValue, styles.operationValue)}\n        aria-label={`${label} filter operation`}\n        iconProps={{\n          style: {\n            display: 'none'\n          }\n        }}\n      >\n        <Select.Value\n          placeholder='Select operation'\n          className={styles.operationText}\n        />\n      </Select.Trigger>\n      <Select.Content data-variant='filter'>\n        {operations.map(operation => {\n          return (\n            <Select.Item\n              key={operation.value}\n              value={operation.value}\n              aria-label={`Filter ${label} ${operation.label}`}\n            >\n              {showAlternateLabel && operation?.alternateLabel\n                ? operation.alternateLabel\n                : operation.label}\n            </Select.Item>\n          );\n        })}\n      </Select.Content>\n    </Select>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAiBa;AAOX;AAEA;AAEI;AACA;;AACF;AAIF;AACE;AASF;AAWQ;AACE;AACD;AACF;;;;AAoBD;AAIR;;"}

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

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

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

@@ -1 +1 @@
-{"version":3,"file":"filter-chip.cjs","sources":["../../../components/filter-chip/filter-chip.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva, cx } 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 { Operation } from './filter-chip-operation';\nimport styles from './filter-chip.module.css';\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":["cva","styles","FilterType","filterOperators","useState","useCallback","_jsxs","Select","_jsx","cx","DatePicker","InputField","Flex","Text","Operation","Cross1Icon"],"mappings":"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"}
+{"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 { VariantProps, cva, cx } 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 { Operation } from './filter-chip-operation';\nimport styles from './filter-chip.module.css';\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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-chip.d.ts","sourceRoot":"","sources":["../../../components/filter-chip/filter-chip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAW,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AACvE,OAAO,EAEL,cAAc,EACd,kBAAkB,EAElB,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AASzB,QAAA,MAAM,IAAI;;8EAUR,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,IAAI,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;CACvC;AAED,eAAO,MAAM,UAAU;oJAcpB,eAAe;;CAqIjB,CAAC"}
+{"version":3,"file":"filter-chip.d.ts","sourceRoot":"","sources":["../../../components/filter-chip/filter-chip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAW,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AACvE,OAAO,EAEL,cAAc,EACd,kBAAkB,EAElB,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AASzB,QAAA,MAAM,IAAI;;8EAUR,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,IAAI,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;CACvC;AAED,eAAO,MAAM,UAAU;oJAcpB,eAAe;;CAqIjB,CAAC"}

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Cross1Icon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
 import { cva, cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';

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

@@ -1 +1 @@
-{"version":3,"file":"filter-chip.js","sources":["../../../components/filter-chip/filter-chip.tsx"],"sourcesContent":["import { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva, cx } 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 { Operation } from './filter-chip-operation';\nimport styles from './filter-chip.module.css';\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":["_jsxs","_jsx"],"mappings":"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"}
+{"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 { VariantProps, cva, cx } 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 { Operation } from './filter-chip-operation';\nimport styles from './filter-chip.module.css';\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/image/image.cjs

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
@@ -7,23 +8,23 @@ var image_module = require('./image.module.css.cjs');
 const image = index.cva(image_module.default.image, {
     variants: {
         fit: {
-            contain: image_module.default["image-contain"],
-            cover: image_module.default["image-cover"],
-            fill: image_module.default["image-fill"],
+            contain: image_module.default['image-contain'],
+            cover: image_module.default['image-cover'],
+            fill: image_module.default['image-fill']
         },
         radius: {
-            none: image_module.default["image-radius-none"],
-            small: image_module.default["image-radius-small"],
-            medium: image_module.default["image-radius-medium"],
-            full: image_module.default["image-radius-full"],
+            none: image_module.default['image-radius-none'],
+            small: image_module.default['image-radius-small'],
+            medium: image_module.default['image-radius-medium'],
+            full: image_module.default['image-radius-full']
         }
     },
     defaultVariants: {
-        fit: "cover",
-        radius: "none"
+        fit: 'cover',
+        radius: 'none'
     }
 });
-function Image({ alt = "", className, fit, radius, fallback, onError, width, height, style, loading = "lazy", decoding = "async", ...props }) {
+function Image({ alt = '', className, fit, radius, fallback, onError, width, height, style, loading = 'lazy', decoding = 'async', ...props }) {
     const handleError = (event) => {
         if (fallback) {
             event.currentTarget.src = fallback;
@@ -35,9 +36,9 @@ function Image({ alt = "", className, fit, radius, fallback, onError, width, hei
         height: height,
         ...style
     };
-    return (jsxRuntime.jsx("img", { alt: alt, className: image({ fit, radius, className }), onError: handleError, style: imageStyle, loading: loading, decoding: decoding, ...props, role: "img", "aria-label": alt }));
+    return (jsxRuntime.jsx("img", { alt: alt, className: image({ fit, radius, className }), onError: handleError, style: imageStyle, loading: loading, decoding: decoding, ...props, role: 'img', "aria-label": alt }));
 }
-Image.displayName = "Image";
+Image.displayName = 'Image';
 
 exports.Image = Image;
 //# sourceMappingURL=image.cjs.map

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

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

package/dist/components/image/image.d.ts

@@ -1,5 +1,5 @@
-import { type VariantProps } from "class-variance-authority";
-import { ImgHTMLAttributes } from "react";
+import { type VariantProps } from 'class-variance-authority';
+import { ImgHTMLAttributes } from 'react';
 declare const image: (props?: ({
     fit?: "fill" | "contain" | "cover" | null | undefined;
     radius?: "small" | "medium" | "full" | "none" | null | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../components/image/image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1C,QAAA,MAAM,KAAK;;;8EAkBT,CAAC;AAEH,UAAU,UACR,SAAQ,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,YAAY,CAAC,OAAO,KAAK,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,wBAAgB,KAAK,CAAC,EACpB,GAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAgB,EAChB,QAAkB,EAClB,GAAG,KAAK,EACT,EAAE,UAAU,2CA2BZ;yBAxCe,KAAK"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../components/image/image.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1C,QAAA,MAAM,KAAK;;;8EAkBT,CAAC;AAEH,UAAU,UACR,SAAQ,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,YAAY,CAAC,OAAO,KAAK,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,wBAAgB,KAAK,CAAC,EACpB,GAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAgB,EAChB,QAAkB,EAClB,GAAG,KAAK,EACT,EAAE,UAAU,2CA6BZ;yBA1Ce,KAAK"}

package/dist/components/image/image.js

@@ -1,3 +1,4 @@
+"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 styles from './image.module.css.js';
@@ -5,23 +6,23 @@ import styles from './image.module.css.js';
 const image = cva(styles.image, {
     variants: {
         fit: {
-            contain: styles["image-contain"],
-            cover: styles["image-cover"],
-            fill: styles["image-fill"],
+            contain: styles['image-contain'],
+            cover: styles['image-cover'],
+            fill: styles['image-fill']
         },
         radius: {
-            none: styles["image-radius-none"],
-            small: styles["image-radius-small"],
-            medium: styles["image-radius-medium"],
-            full: styles["image-radius-full"],
+            none: styles['image-radius-none'],
+            small: styles['image-radius-small'],
+            medium: styles['image-radius-medium'],
+            full: styles['image-radius-full']
         }
     },
     defaultVariants: {
-        fit: "cover",
-        radius: "none"
+        fit: 'cover',
+        radius: 'none'
     }
 });
-function Image({ alt = "", className, fit, radius, fallback, onError, width, height, style, loading = "lazy", decoding = "async", ...props }) {
+function Image({ alt = '', className, fit, radius, fallback, onError, width, height, style, loading = 'lazy', decoding = 'async', ...props }) {
     const handleError = (event) => {
         if (fallback) {
             event.currentTarget.src = fallback;
@@ -33,9 +34,9 @@ function Image({ alt = "", className, fit, radius, fallback, onError, width, hei
         height: height,
         ...style
     };
-    return (jsx("img", { alt: alt, className: image({ fit, radius, className }), onError: handleError, style: imageStyle, loading: loading, decoding: decoding, ...props, role: "img", "aria-label": alt }));
+    return (jsx("img", { alt: alt, className: image({ fit, radius, className }), onError: handleError, style: imageStyle, loading: loading, decoding: decoding, ...props, role: 'img', "aria-label": alt }));
 }
-Image.displayName = "Image";
+Image.displayName = 'Image';
 
 export { Image };
 //# sourceMappingURL=image.js.map

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

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

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

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../components/input-field/input-field.tsx"],"names":[],"mappings":"AACA,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"}
+{"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"}

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { InfoCircledIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
 import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';

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

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

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"container":"input-field-module_container__qpMrq","label":"input-field-module_label__N4w44","label-disabled":"input-field-module_label-disabled__7UB9d","inputWrapper":"input-field-module_inputWrapper__Xxmno","input-error-wrapper":"input-field-module_input-error-wrapper__Ul1uC","input-disabled-wrapper":"input-field-module_input-disabled-wrapper__WqXHC","leading-icon":"input-field-module_leading-icon__Z8tJv","trailing-icon":"input-field-module_trailing-icon__RGdjk","input-field":"input-field-module_input-field__utHeV","input-default":"input-field-module_input-default__w7wbX","input-disabled":"input-field-module_input-disabled__a9srJ","helper-text":"input-field-module_helper-text__PQPOo","helper-text-error":"input-field-module_helper-text-error__Cg5Sw","helper-text-disabled":"input-field-module_helper-text-disabled__eWCkz","has-leading-icon":"input-field-module_has-leading-icon__QO-sH","has-trailing-icon":"input-field-module_has-trailing-icon__oRF7l","optional":"input-field-module_optional__T6Nw3","has-chips":"input-field-module_has-chips__7uZTc","chip":"input-field-module_chip__vuEPB","chip-input-container":"input-field-module_chip-input-container__J-eOH","size-large":"input-field-module_size-large__yOQ-u","size-small":"input-field-module_size-small__-ptQB","chip-overflow":"input-field-module_chip-overflow__eDULv","prefix":"input-field-module_prefix__V4tid","suffix":"input-field-module_suffix__BnTRq","has-prefix":"input-field-module_has-prefix__0eDEm","has-suffix":"input-field-module_has-suffix__Fk2vH","labelContainer":"input-field-module_labelContainer__cs1-a","helpIcon":"input-field-module_helpIcon__ScZOP","variant-borderless":"input-field-module_variant-borderless__XDMoi","label___disabled":"input-field-module_label-disabled__7UB9d","input___error___wrapper":"input-field-module_input-error-wrapper__Ul1uC","input___disabled___wrapper":"input-field-module_input-disabled-wrapper__WqXHC","leading___icon":"input-field-module_leading-icon__Z8tJv","trailing___icon":"input-field-module_trailing-icon__RGdjk","input___field":"input-field-module_input-field__utHeV","input___default":"input-field-module_input-default__w7wbX","input___disabled":"input-field-module_input-disabled__a9srJ","helper___text":"input-field-module_helper-text__PQPOo","helper___text___error":"input-field-module_helper-text-error__Cg5Sw","helper___text___disabled":"input-field-module_helper-text-disabled__eWCkz","has___leading___icon":"input-field-module_has-leading-icon__QO-sH","has___trailing___icon":"input-field-module_has-trailing-icon__oRF7l","has___chips":"input-field-module_has-chips__7uZTc","chip___input___container":"input-field-module_chip-input-container__J-eOH","size___large":"input-field-module_size-large__yOQ-u","size___small":"input-field-module_size-small__-ptQB","chip___overflow":"input-field-module_chip-overflow__eDULv","has___prefix":"input-field-module_has-prefix__0eDEm","has___suffix":"input-field-module_has-suffix__Fk2vH","variant___borderless":"input-field-module_variant-borderless__XDMoi"};
+var styles = {"container":"input-field-module_container__qpMrq","label":"input-field-module_label__N4w44","label-disabled":"input-field-module_label-disabled__7UB9d","inputWrapper":"input-field-module_inputWrapper__Xxmno","input-field":"input-field-module_input-field__utHeV","input-error-wrapper":"input-field-module_input-error-wrapper__Ul1uC","input-disabled-wrapper":"input-field-module_input-disabled-wrapper__WqXHC","leading-icon":"input-field-module_leading-icon__Z8tJv","trailing-icon":"input-field-module_trailing-icon__RGdjk","input-default":"input-field-module_input-default__w7wbX","input-disabled":"input-field-module_input-disabled__a9srJ","helper-text":"input-field-module_helper-text__PQPOo","helper-text-error":"input-field-module_helper-text-error__Cg5Sw","helper-text-disabled":"input-field-module_helper-text-disabled__eWCkz","has-leading-icon":"input-field-module_has-leading-icon__QO-sH","has-trailing-icon":"input-field-module_has-trailing-icon__oRF7l","optional":"input-field-module_optional__T6Nw3","has-chips":"input-field-module_has-chips__7uZTc","chip":"input-field-module_chip__vuEPB","chip-input-container":"input-field-module_chip-input-container__J-eOH","size-large":"input-field-module_size-large__yOQ-u","size-small":"input-field-module_size-small__-ptQB","chip-overflow":"input-field-module_chip-overflow__eDULv","prefix":"input-field-module_prefix__V4tid","suffix":"input-field-module_suffix__BnTRq","has-prefix":"input-field-module_has-prefix__0eDEm","has-suffix":"input-field-module_has-suffix__Fk2vH","labelContainer":"input-field-module_labelContainer__cs1-a","helpIcon":"input-field-module_helpIcon__ScZOP","variant-borderless":"input-field-module_variant-borderless__XDMoi","label___disabled":"input-field-module_label-disabled__7UB9d","input___field":"input-field-module_input-field__utHeV","input___error___wrapper":"input-field-module_input-error-wrapper__Ul1uC","input___disabled___wrapper":"input-field-module_input-disabled-wrapper__WqXHC","leading___icon":"input-field-module_leading-icon__Z8tJv","trailing___icon":"input-field-module_trailing-icon__RGdjk","input___default":"input-field-module_input-default__w7wbX","input___disabled":"input-field-module_input-disabled__a9srJ","helper___text":"input-field-module_helper-text__PQPOo","helper___text___error":"input-field-module_helper-text-error__Cg5Sw","helper___text___disabled":"input-field-module_helper-text-disabled__eWCkz","has___leading___icon":"input-field-module_has-leading-icon__QO-sH","has___trailing___icon":"input-field-module_has-trailing-icon__oRF7l","has___chips":"input-field-module_has-chips__7uZTc","chip___input___container":"input-field-module_chip-input-container__J-eOH","size___large":"input-field-module_size-large__yOQ-u","size___small":"input-field-module_size-small__-ptQB","chip___overflow":"input-field-module_chip-overflow__eDULv","has___prefix":"input-field-module_has-prefix__0eDEm","has___suffix":"input-field-module_has-suffix__Fk2vH","variant___borderless":"input-field-module_variant-borderless__XDMoi"};
 
 exports.default = styles;
 //# sourceMappingURL=input-field.module.css.cjs.map

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

@@ -1,4 +1,4 @@
-var styles = {"container":"input-field-module_container__qpMrq","label":"input-field-module_label__N4w44","label-disabled":"input-field-module_label-disabled__7UB9d","inputWrapper":"input-field-module_inputWrapper__Xxmno","input-error-wrapper":"input-field-module_input-error-wrapper__Ul1uC","input-disabled-wrapper":"input-field-module_input-disabled-wrapper__WqXHC","leading-icon":"input-field-module_leading-icon__Z8tJv","trailing-icon":"input-field-module_trailing-icon__RGdjk","input-field":"input-field-module_input-field__utHeV","input-default":"input-field-module_input-default__w7wbX","input-disabled":"input-field-module_input-disabled__a9srJ","helper-text":"input-field-module_helper-text__PQPOo","helper-text-error":"input-field-module_helper-text-error__Cg5Sw","helper-text-disabled":"input-field-module_helper-text-disabled__eWCkz","has-leading-icon":"input-field-module_has-leading-icon__QO-sH","has-trailing-icon":"input-field-module_has-trailing-icon__oRF7l","optional":"input-field-module_optional__T6Nw3","has-chips":"input-field-module_has-chips__7uZTc","chip":"input-field-module_chip__vuEPB","chip-input-container":"input-field-module_chip-input-container__J-eOH","size-large":"input-field-module_size-large__yOQ-u","size-small":"input-field-module_size-small__-ptQB","chip-overflow":"input-field-module_chip-overflow__eDULv","prefix":"input-field-module_prefix__V4tid","suffix":"input-field-module_suffix__BnTRq","has-prefix":"input-field-module_has-prefix__0eDEm","has-suffix":"input-field-module_has-suffix__Fk2vH","labelContainer":"input-field-module_labelContainer__cs1-a","helpIcon":"input-field-module_helpIcon__ScZOP","variant-borderless":"input-field-module_variant-borderless__XDMoi","label___disabled":"input-field-module_label-disabled__7UB9d","input___error___wrapper":"input-field-module_input-error-wrapper__Ul1uC","input___disabled___wrapper":"input-field-module_input-disabled-wrapper__WqXHC","leading___icon":"input-field-module_leading-icon__Z8tJv","trailing___icon":"input-field-module_trailing-icon__RGdjk","input___field":"input-field-module_input-field__utHeV","input___default":"input-field-module_input-default__w7wbX","input___disabled":"input-field-module_input-disabled__a9srJ","helper___text":"input-field-module_helper-text__PQPOo","helper___text___error":"input-field-module_helper-text-error__Cg5Sw","helper___text___disabled":"input-field-module_helper-text-disabled__eWCkz","has___leading___icon":"input-field-module_has-leading-icon__QO-sH","has___trailing___icon":"input-field-module_has-trailing-icon__oRF7l","has___chips":"input-field-module_has-chips__7uZTc","chip___input___container":"input-field-module_chip-input-container__J-eOH","size___large":"input-field-module_size-large__yOQ-u","size___small":"input-field-module_size-small__-ptQB","chip___overflow":"input-field-module_chip-overflow__eDULv","has___prefix":"input-field-module_has-prefix__0eDEm","has___suffix":"input-field-module_has-suffix__Fk2vH","variant___borderless":"input-field-module_variant-borderless__XDMoi"};
+var styles = {"container":"input-field-module_container__qpMrq","label":"input-field-module_label__N4w44","label-disabled":"input-field-module_label-disabled__7UB9d","inputWrapper":"input-field-module_inputWrapper__Xxmno","input-field":"input-field-module_input-field__utHeV","input-error-wrapper":"input-field-module_input-error-wrapper__Ul1uC","input-disabled-wrapper":"input-field-module_input-disabled-wrapper__WqXHC","leading-icon":"input-field-module_leading-icon__Z8tJv","trailing-icon":"input-field-module_trailing-icon__RGdjk","input-default":"input-field-module_input-default__w7wbX","input-disabled":"input-field-module_input-disabled__a9srJ","helper-text":"input-field-module_helper-text__PQPOo","helper-text-error":"input-field-module_helper-text-error__Cg5Sw","helper-text-disabled":"input-field-module_helper-text-disabled__eWCkz","has-leading-icon":"input-field-module_has-leading-icon__QO-sH","has-trailing-icon":"input-field-module_has-trailing-icon__oRF7l","optional":"input-field-module_optional__T6Nw3","has-chips":"input-field-module_has-chips__7uZTc","chip":"input-field-module_chip__vuEPB","chip-input-container":"input-field-module_chip-input-container__J-eOH","size-large":"input-field-module_size-large__yOQ-u","size-small":"input-field-module_size-small__-ptQB","chip-overflow":"input-field-module_chip-overflow__eDULv","prefix":"input-field-module_prefix__V4tid","suffix":"input-field-module_suffix__BnTRq","has-prefix":"input-field-module_has-prefix__0eDEm","has-suffix":"input-field-module_has-suffix__Fk2vH","labelContainer":"input-field-module_labelContainer__cs1-a","helpIcon":"input-field-module_helpIcon__ScZOP","variant-borderless":"input-field-module_variant-borderless__XDMoi","label___disabled":"input-field-module_label-disabled__7UB9d","input___field":"input-field-module_input-field__utHeV","input___error___wrapper":"input-field-module_input-error-wrapper__Ul1uC","input___disabled___wrapper":"input-field-module_input-disabled-wrapper__WqXHC","leading___icon":"input-field-module_leading-icon__Z8tJv","trailing___icon":"input-field-module_trailing-icon__RGdjk","input___default":"input-field-module_input-default__w7wbX","input___disabled":"input-field-module_input-disabled__a9srJ","helper___text":"input-field-module_helper-text__PQPOo","helper___text___error":"input-field-module_helper-text-error__Cg5Sw","helper___text___disabled":"input-field-module_helper-text-disabled__eWCkz","has___leading___icon":"input-field-module_has-leading-icon__QO-sH","has___trailing___icon":"input-field-module_has-trailing-icon__oRF7l","has___chips":"input-field-module_has-chips__7uZTc","chip___input___container":"input-field-module_chip-input-container__J-eOH","size___large":"input-field-module_size-large__yOQ-u","size___small":"input-field-module_size-small__-ptQB","chip___overflow":"input-field-module_chip-overflow__eDULv","has___prefix":"input-field-module_has-prefix__0eDEm","has___suffix":"input-field-module_has-suffix__Fk2vH","variant___borderless":"input-field-module_variant-borderless__XDMoi"};
 
 export { styles as default };
 //# sourceMappingURL=input-field.module.css.js.map

package/dist/components/popover/popover.cjs

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/components/popover/popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"popover.cjs","sources":["../../../components/popover/popover.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport React from 'react';\n\nimport styles from './popover.module.css';\n\nconst popoverContent = cva(styles.popover);\n\ninterface PopoverContentProps\n  extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n  ariaLabel?: string;\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(\n  (\n    {\n      className,\n      align = 'center',\n      sideOffset = 4,\n      ariaLabel = 'Popover content',\n      collisionPadding = 3,\n      ...props\n    },\n    ref\n  ) => (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        ref={ref}\n        align={align}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        avoidCollisions\n        className={popoverContent({ className })}\n        role='dialog'\n        aria-modal='true'\n        aria-label={ariaLabel}\n        {...props}\n      >\n        {props.children}\n      </PopoverPrimitive.Content>\n    </PopoverPrimitive.Portal>\n  )\n);\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport const Popover = Object.assign(PopoverPrimitive.Root, {\n  Trigger: PopoverPrimitive.Trigger,\n  Close: PopoverPrimitive.Close,\n  Content: PopoverContent\n});\n"],"names":["cva","styles","_jsx","PopoverPrimitive.Portal","PopoverPrimitive.Content","PopoverPrimitive.Root","PopoverPrimitive.Trigger","PopoverPrimitive.Close"],"mappings":";;;;;;;;AAMA,MAAM,cAAc,GAAGA,WAAG,CAACC,sBAAM,CAAC,OAAO,CAAC,CAAC;AAO3C,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAIrC,CACE,EACE,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,SAAS,GAAG,iBAAiB,EAC7B,gBAAgB,GAAG,CAAC,EACpB,GAAG,KAAK,EACT,EACD,GAAG,MAEHC,eAACC,YAAuB,EACtB,EAAA,QAAA,EAAAD,cAAA,CAACE,aAAwB,EACvB,EAAA,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EACf,IAAA,EAAA,SAAS,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC,EACxC,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,MAAM,EACL,YAAA,EAAA,SAAS,KACjB,KAAK,EAAA,QAAA,EAER,KAAK,CAAC,QAAQ,GACU,EACH,CAAA,CAC3B,CACF,CAAC;AACF,cAAc,CAAC,WAAW,GAAGA,aAAwB,CAAC,WAAW,CAAC;AAErD,MAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAACC,UAAqB,EAAE;IAC1D,OAAO,EAAEC,aAAwB;IACjC,KAAK,EAAEC,WAAsB;AAC7B,IAAA,OAAO,EAAE,cAAc;AACxB,CAAA;;;;"}
+{"version":3,"file":"popover.cjs","sources":["../../../components/popover/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport React from 'react';\n\nimport styles from './popover.module.css';\n\nconst popoverContent = cva(styles.popover);\n\ninterface PopoverContentProps\n  extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n  ariaLabel?: string;\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(\n  (\n    {\n      className,\n      align = 'center',\n      sideOffset = 4,\n      ariaLabel = 'Popover content',\n      collisionPadding = 3,\n      ...props\n    },\n    ref\n  ) => (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        ref={ref}\n        align={align}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        avoidCollisions\n        className={popoverContent({ className })}\n        role='dialog'\n        aria-modal='true'\n        aria-label={ariaLabel}\n        {...props}\n      >\n        {props.children}\n      </PopoverPrimitive.Content>\n    </PopoverPrimitive.Portal>\n  )\n);\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport const Popover = Object.assign(PopoverPrimitive.Root, {\n  Trigger: PopoverPrimitive.Trigger,\n  Close: PopoverPrimitive.Close,\n  Content: PopoverContent\n});\n"],"names":[],"mappings":";;;;;;;;;AAQA;AAOA;AAiCA;AAEa;;;AAGX;AACD;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../components/popover/popover.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,mBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqCD,eAAO,MAAM,OAAO;;;;CAIlB,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../components/popover/popover.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,mBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqCD,eAAO,MAAM,OAAO;;;;CAIlB,CAAC"}

package/dist/components/popover/popover.js

@@ -1,3 +1,4 @@
+"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 React__default from 'react';

package/dist/components/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../../components/popover/popover.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport React from 'react';\n\nimport styles from './popover.module.css';\n\nconst popoverContent = cva(styles.popover);\n\ninterface PopoverContentProps\n  extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n  ariaLabel?: string;\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(\n  (\n    {\n      className,\n      align = 'center',\n      sideOffset = 4,\n      ariaLabel = 'Popover content',\n      collisionPadding = 3,\n      ...props\n    },\n    ref\n  ) => (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        ref={ref}\n        align={align}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        avoidCollisions\n        className={popoverContent({ className })}\n        role='dialog'\n        aria-modal='true'\n        aria-label={ariaLabel}\n        {...props}\n      >\n        {props.children}\n      </PopoverPrimitive.Content>\n    </PopoverPrimitive.Portal>\n  )\n);\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport const Popover = Object.assign(PopoverPrimitive.Root, {\n  Trigger: PopoverPrimitive.Trigger,\n  Close: PopoverPrimitive.Close,\n  Content: PopoverContent\n});\n"],"names":["React","_jsx","PopoverPrimitive.Portal","PopoverPrimitive.Content","PopoverPrimitive.Root","PopoverPrimitive.Trigger","PopoverPrimitive.Close"],"mappings":";;;;;;AAMA,MAAM,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAO3C,MAAM,cAAc,GAAGA,cAAK,CAAC,UAAU,CAIrC,CACE,EACE,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,SAAS,GAAG,iBAAiB,EAC7B,gBAAgB,GAAG,CAAC,EACpB,GAAG,KAAK,EACT,EACD,GAAG,MAEHC,IAACC,MAAuB,EACtB,EAAA,QAAA,EAAAD,GAAA,CAACE,QAAwB,EACvB,EAAA,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EACf,IAAA,EAAA,SAAS,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC,EACxC,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,MAAM,EACL,YAAA,EAAA,SAAS,KACjB,KAAK,EAAA,QAAA,EAER,KAAK,CAAC,QAAQ,GACU,EACH,CAAA,CAC3B,CACF,CAAC;AACF,cAAc,CAAC,WAAW,GAAGA,QAAwB,CAAC,WAAW,CAAC;AAErD,MAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAACC,KAAqB,EAAE;IAC1D,OAAO,EAAEC,OAAwB;IACjC,KAAK,EAAEC,KAAsB;AAC7B,IAAA,OAAO,EAAE,cAAc;AACxB,CAAA;;;;"}
+{"version":3,"file":"popover.js","sources":["../../../components/popover/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport React from 'react';\n\nimport styles from './popover.module.css';\n\nconst popoverContent = cva(styles.popover);\n\ninterface PopoverContentProps\n  extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n  ariaLabel?: string;\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(\n  (\n    {\n      className,\n      align = 'center',\n      sideOffset = 4,\n      ariaLabel = 'Popover content',\n      collisionPadding = 3,\n      ...props\n    },\n    ref\n  ) => (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        ref={ref}\n        align={align}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        avoidCollisions\n        className={popoverContent({ className })}\n        role='dialog'\n        aria-modal='true'\n        aria-label={ariaLabel}\n        {...props}\n      >\n        {props.children}\n      </PopoverPrimitive.Content>\n    </PopoverPrimitive.Portal>\n  )\n);\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport const Popover = Object.assign(PopoverPrimitive.Root, {\n  Trigger: PopoverPrimitive.Trigger,\n  Close: PopoverPrimitive.Close,\n  Content: PopoverContent\n});\n"],"names":[],"mappings":";;;;;;;AAQA;AAOA;AAiCA;AAEa;;;AAGX;AACD;;"}

package/dist/components/search/search.cjs

@@ -1,22 +1,23 @@
+"use client";
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
 var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.1.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
-var inputField = require('../input-field/input-field.cjs');
 var iconButton = require('../icon-button/icon-button.cjs');
-var search_module = require('./search.module.css.cjs');
+var inputField = require('../input-field/input-field.cjs');
 var React = require('react');
+var search_module = require('./search.module.css.cjs');
 
-const Search = React.forwardRef(({ className, disabled, placeholder = "Search", size, showClearButton, onClear, value, onChange, width = "100%", variant = "default", ...props }, ref) => {
-    const trailingIconWithClear = showClearButton && value ? (jsxRuntime.jsx("div", { className: search_module.default.clearButtonWrapper, children: jsxRuntime.jsx(iconButton.IconButton, { size: size === "small" ? 2 : 3, onClick: (e) => {
+const Search = React.forwardRef(({ className, disabled, placeholder = 'Search', size, showClearButton, onClear, value, onChange, width = '100%', variant = 'default', ...props }, ref) => {
+    const trailingIconWithClear = showClearButton && value ? (jsxRuntime.jsx("div", { className: search_module.default.clearButtonWrapper, children: jsxRuntime.jsx(iconButton.IconButton, { size: size === 'small' ? 2 : 3, onClick: e => {
                 e.stopPropagation();
                 if (!disabled && onClear) {
                     onClear();
                 }
-            }, disabled: disabled, "aria-label": "Clear search", className: search_module.default.clearButton, children: jsxRuntime.jsx(reactIcons_esm.CrossCircledIcon, {}) }) })) : undefined;
-    return (jsxRuntime.jsx("div", { className: search_module.default.container, role: "search", style: { width }, children: jsxRuntime.jsx(inputField.InputField, { leadingIcon: jsxRuntime.jsx(reactIcons_esm.MagnifyingGlassIcon, {}), trailingIcon: trailingIconWithClear, placeholder: placeholder, disabled: disabled, value: value, onChange: onChange, size: size, className: className, "aria-label": placeholder, variant: variant, ref: ref, ...props }) }));
+            }, disabled: disabled, "aria-label": 'Clear search', className: search_module.default.clearButton, children: jsxRuntime.jsx(reactIcons_esm.CrossCircledIcon, {}) }) })) : undefined;
+    return (jsxRuntime.jsx("div", { className: search_module.default.container, role: 'search', style: { width }, children: jsxRuntime.jsx(inputField.InputField, { leadingIcon: jsxRuntime.jsx(reactIcons_esm.MagnifyingGlassIcon, {}), trailingIcon: trailingIconWithClear, placeholder: placeholder, disabled: disabled, value: value, onChange: onChange, size: size, className: className, "aria-label": placeholder, variant: variant, ref: ref, ...props }) }));
 });
-Search.displayName = "Search";
+Search.displayName = 'Search';
 
 exports.Search = Search;
 //# sourceMappingURL=search.cjs.map