@raystack/apsara 0.39.0 → 0.40.1

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"input-field.js","sources":["../../../../v1/components/input-field/input-field.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { InfoCircledIcon } from \"@radix-ui/react-icons\";\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  ref?: React.RefObject<HTMLInputElement>;\n  infoTooltip?: string;\n  variant?: \"default\" | \"borderless\";\n}\n\nexport const InputField = ({ \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  ref,\n  size,\n  infoTooltip,\n  variant = \"default\",\n  ...props \n}: InputFieldProps) => {\n  return (\n    <div className={styles.container} style={{ width: width || '100%' }}>\n      {label && (\n        <div className={styles.labelContainer}>\n          <label className={clsx(styles.label, disabled && styles[\"label-disabled\"])}>\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={clsx(\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 && <div className={styles['leading-icon']}>{leadingIcon}</div>}\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={clsx(\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 && <div className={styles['trailing-icon']}>{trailingIcon}</div>}\n      </div>\n      {(error || helperText) && (\n        <span \n          className={clsx(\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\nInputField.displayName = \"InputField\";"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"input-field.js","sources":["../../../../v1/components/input-field/input-field.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\nimport { ComponentPropsWithoutRef, ReactNode, forwardRef } from \"react\";\nimport { InfoCircledIcon } from \"@radix-ui/react-icons\";\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  ref?: React.RefObject<HTMLInputElement>;\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={clsx(\n                styles.label,\n                disabled && styles[\"label-disabled\"]\n              )}\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={clsx(\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={clsx(\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={clsx(\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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"}

package/dist/v1/components/label/label.d.ts

@@ -3,7 +3,7 @@ import { HTMLAttributes, PropsWithChildren } from "react";
 declare const label: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
     required?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface LabelProps extends PropsWithChildren<VariantProps<typeof label>>, Omit<HTMLAttributes<HTMLLabelElement>, 'required'> {
     required?: boolean;
     requiredIndicator?: string;

package/dist/v1/components/label/label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../v1/components/label/label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1D,QAAA,MAAM,KAAK;;;mFAeT,CAAC;AAEH,UAAU,UAAW,SAAQ,iBAAiB,CAAC,YAAY,CAAC,OAAO,KAAK,CAAC,CAAC,EACxE,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,iBAAuB,EACvB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,UAAU,2CAmBZ;AAED,YAAY,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../v1/components/label/label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1D,QAAA,MAAM,KAAK;;;8EAeT,CAAC;AAEH,UAAU,UAAW,SAAQ,iBAAiB,CAAC,YAAY,CAAC,OAAO,KAAK,CAAC,CAAC,EACxE,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,iBAAuB,EACvB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,UAAU,2CAmBZ;AAED,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/v1/components/link/link.cjs

@@ -1,72 +1,26 @@
 'use strict';
 
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
-var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
-var text_module = require('../text/text.module.css.cjs');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var text = require('../text/text.cjs');
 var link_module = require('./link.module.css.cjs');
 
-const link = index.cva([link_module.default.link], {
-    variants: {
-        variant: {
-            primary: text_module.default["text-primary"],
-            secondary: text_module.default["text-secondary"],
-            tertiary: text_module.default["text-tertiary"],
-            emphasis: text_module.default["text-emphasis"],
-            accent: text_module.default["text-accent"],
-            attention: text_module.default["text-attention"],
-            danger: text_module.default["text-danger"],
-            success: text_module.default["text-success"],
-        },
-        size: {
-            1: text_module.default["text-1"],
-            2: text_module.default["text-2"],
-            3: text_module.default["text-3"],
-            4: text_module.default["text-4"],
-            5: text_module.default["text-5"],
-            6: text_module.default["text-6"],
-            7: text_module.default["text-7"],
-            8: text_module.default["text-8"],
-            9: text_module.default["text-9"],
-            10: text_module.default["text-10"],
-        },
-        weight: {
-            bold: text_module.default["text-weight-bold"],
-            bolder: text_module.default["text-weight-bolder"],
-            normal: text_module.default["text-weight-normal"],
-            lighter: text_module.default["text-weight-lighter"],
-            100: text_module.default["text-weight-100"],
-            200: text_module.default["text-weight-200"],
-            300: text_module.default["text-weight-300"],
-            400: text_module.default["text-weight-400"],
-            500: text_module.default["text-weight-500"],
-            600: text_module.default["text-weight-600"],
-            700: text_module.default["text-weight-700"],
-            800: text_module.default["text-weight-800"],
-            900: text_module.default["text-weight-900"],
-        },
-        underline: {
-            true: link_module.default["link-underline"],
-        },
-    },
-    defaultVariants: {
-        variant: "accent",
-        size: 2,
-        weight: 400,
-        underline: false,
-    },
-});
-const Link = React.forwardRef(({ className, children, href, size, weight, variant, underline, external, download, rel, hrefLang, "aria-label": ariaLabel, ...props }, ref) => {
-    const externalProps = external ? {
-        target: "_blank",
-        rel: "noopener noreferrer",
-        "aria-label": ariaLabel || `${children} (opens in new tab)`
-    } : {};
-    const downloadProps = download ? {
-        download: typeof download === "string" ? download : true,
-        "aria-label": ariaLabel || `${children} (download)`
-    } : {};
-    return (jsxRuntime.jsxRuntimeExports.jsx("a", { ref: ref, className: link({ size, weight, variant, underline, className }), href: href, hrefLang: hrefLang, rel: rel, role: "link", ...externalProps, ...downloadProps, ...props, children: children }));
+const Link = React.forwardRef(({ children, className, variant = "accent", size = "small", external, download, ...props }, ref) => {
+    const externalProps = external
+        ? {
+            target: "_blank",
+            rel: "noopener noreferrer",
+            "aria-label": `${children} (opens in new tab)`,
+        }
+        : {};
+    const downloadProps = download
+        ? {
+            download: typeof download === "string" ? download : true,
+            "aria-label": `${children} (download)`,
+        }
+        : {};
+    return (jsxRuntime.jsxRuntimeExports.jsx(text.Text, { ref: ref, className: index.cx(link_module.default.link, className), variant: variant, size: size, role: "link", ...externalProps, ...downloadProps, ...props, as: "a", children: children }));
 });
 Link.displayName = "Link";
 

package/dist/v1/components/link/link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"link.cjs","sources":["../../../../v1/components/link/link.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { AnchorHTMLAttributes, forwardRef } from \"react\";\n\nimport textStyles from \"../text/text.module.css\";\nimport styles from \"./link.module.css\";\n\nconst link = cva([styles.link], {\n  variants: {\n    variant: {\n      primary: textStyles[\"text-primary\"],\n      secondary: textStyles[\"text-secondary\"],\n      tertiary: textStyles[\"text-tertiary\"],\n      emphasis: textStyles[\"text-emphasis\"],\n      accent: textStyles[\"text-accent\"],\n      attention: textStyles[\"text-attention\"],\n      danger: textStyles[\"text-danger\"],\n      success: textStyles[\"text-success\"],\n    },\n    size: {\n      1: textStyles[\"text-1\"],\n      2: textStyles[\"text-2\"],\n      3: textStyles[\"text-3\"],\n      4: textStyles[\"text-4\"],\n      5: textStyles[\"text-5\"],\n      6: textStyles[\"text-6\"],\n      7: textStyles[\"text-7\"],\n      8: textStyles[\"text-8\"],\n      9: textStyles[\"text-9\"],\n      10: textStyles[\"text-10\"],\n    },\n    weight: {\n      bold: textStyles[\"text-weight-bold\"],\n      bolder: textStyles[\"text-weight-bolder\"],\n      normal: textStyles[\"text-weight-normal\"],\n      lighter: textStyles[\"text-weight-lighter\"],\n      100: textStyles[\"text-weight-100\"],\n      200: textStyles[\"text-weight-200\"],\n      300: textStyles[\"text-weight-300\"],\n      400: textStyles[\"text-weight-400\"],\n      500: textStyles[\"text-weight-500\"],\n      600: textStyles[\"text-weight-600\"],\n      700: textStyles[\"text-weight-700\"],\n      800: textStyles[\"text-weight-800\"],\n      900: textStyles[\"text-weight-900\"],\n    },\n    underline: {\n      true: styles[\"link-underline\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"accent\",\n    size: 2,\n    weight: 400,\n    underline: false,\n  },\n});\n\nexport interface LinkProps\n  extends AnchorHTMLAttributes<HTMLAnchorElement>,\n    VariantProps<typeof link> {\n  href: string;\n  external?: boolean;\n  download?: boolean | string;\n  rel?: string;\n  hrefLang?: string;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      className,\n      children,\n      href,\n      size,\n      weight,\n      variant,\n      underline,\n      external,\n      download,\n      rel,\n      hrefLang,\n      \"aria-label\": ariaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const externalProps = external ? {\n      target: \"_blank\",\n      rel: \"noopener noreferrer\",\n      \"aria-label\": ariaLabel || `${children} (opens in new tab)`\n    } : {};\n\n    const downloadProps = download ? {\n      download: typeof download === \"string\" ? download : true,\n      \"aria-label\": ariaLabel || `${children} (download)`\n    } : {};\n\n    return (\n      <a\n        ref={ref}\n        className={link({ size, weight, variant, underline, className })}\n        href={href}\n        hrefLang={hrefLang}\n        rel={rel}\n        role=\"link\"\n        {...externalProps}\n        {...downloadProps}\n        {...props}\n      >\n        {children}\n      </a>\n    );\n  }\n);\n\nLink.displayName = \"Link\"; "],"names":["cva","styles","textStyles","forwardRef","_jsx"],"mappings":"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"}
+{"version":3,"file":"link.cjs","sources":["../../../../v1/components/link/link.tsx"],"sourcesContent":["import { AnchorHTMLAttributes, forwardRef } from \"react\";\nimport { cx } from \"class-variance-authority\";\nimport { Text, type TextBaseProps } from \"../text\";\nimport styles from \"./link.module.css\";\n\nexport interface LinkProps\n  extends TextBaseProps,\n    AnchorHTMLAttributes<HTMLAnchorElement> {\n  href: string;\n  external?: boolean;\n  download?: boolean | string;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      children,\n      className,\n      variant = \"accent\",\n      size = \"small\",\n      external,\n      download,\n      ...props\n    },\n    ref,\n  ) => {\n    const externalProps = external\n      ? {\n          target: \"_blank\",\n          rel: \"noopener noreferrer\",\n          \"aria-label\": `${children} (opens in new tab)`,\n        }\n      : {};\n\n    const downloadProps = download\n      ? {\n          download: typeof download === \"string\" ? download : true,\n          \"aria-label\": `${children} (download)`,\n        }\n      : {};\n\n    return (\n      <Text\n        ref={ref}\n        className={cx(styles.link, className)}\n        variant={variant}\n        size={size}\n        role=\"link\"\n        {...externalProps}\n        {...downloadProps}\n        {...props}\n        as=\"a\">\n        {children}\n      </Text>\n    );\n  },\n);\n\nLink.displayName = \"Link\";\n"],"names":["forwardRef","_jsx","Text","cx","styles"],"mappings":";;;;;;;;AAaO,MAAM,IAAI,GAAGA,gBAAU,CAC5B,CACE,EACE,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,OAAO,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,aAAa,GAAG,QAAQ;AAC5B,UAAE;AACE,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,GAAG,EAAE,qBAAqB;YAC1B,YAAY,EAAE,CAAG,EAAA,QAAQ,CAAqB,mBAAA,CAAA;AAC/C,SAAA;UACD,EAAE,CAAC;IAEP,MAAM,aAAa,GAAG,QAAQ;AAC5B,UAAE;AACE,YAAA,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,IAAI;YACxD,YAAY,EAAE,CAAG,EAAA,QAAQ,CAAa,WAAA,CAAA;AACvC,SAAA;UACD,EAAE,CAAC;IAEP,QACEC,iCAACC,SAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,QAAE,CAACC,mBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EACrC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,MAAM,EAAA,GACP,aAAa,EACb,GAAA,aAAa,KACb,KAAK,EACT,EAAE,EAAC,GAAG,YACL,QAAQ,EAAA,CACJ,EACP;AACJ,CAAC,EACD;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/v1/components/link/link.d.ts

@@ -1,18 +1,9 @@
-import { type VariantProps } from "class-variance-authority";
 import { AnchorHTMLAttributes } from "react";
-declare const link: (props?: ({
-    variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
-    size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | null | undefined;
-    weight?: "bold" | "bolder" | "normal" | "lighter" | 400 | 100 | 200 | 300 | 500 | 600 | 700 | 800 | 900 | null | undefined;
-    underline?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof link> {
+import { type TextBaseProps } from "../text";
+export interface LinkProps extends TextBaseProps, AnchorHTMLAttributes<HTMLAnchorElement> {
     href: string;
     external?: boolean;
     download?: boolean | string;
-    rel?: string;
-    hrefLang?: string;
 }
 export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
-export {};
 //# sourceMappingURL=link.d.ts.map

package/dist/v1/components/link/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../v1/components/link/link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAKzD,QAAA,MAAM,IAAI;;;;;mFAiDR,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,IAAI,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,IAAI,yGA8ChB,CAAC"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../v1/components/link/link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAGnD,MAAM,WAAW,SACf,SAAQ,aAAa,EACnB,oBAAoB,CAAC,iBAAiB,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,IAAI,yGA2ChB,CAAC"}

package/dist/v1/components/link/link.js

@@ -1,70 +1,24 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef } from 'react';
-import textStyles from '../text/text.module.css.js';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { Text } from '../text/text.js';
 import styles from './link.module.css.js';
 
-const link = cva([styles.link], {
-    variants: {
-        variant: {
-            primary: textStyles["text-primary"],
-            secondary: textStyles["text-secondary"],
-            tertiary: textStyles["text-tertiary"],
-            emphasis: textStyles["text-emphasis"],
-            accent: textStyles["text-accent"],
-            attention: textStyles["text-attention"],
-            danger: textStyles["text-danger"],
-            success: textStyles["text-success"],
-        },
-        size: {
-            1: textStyles["text-1"],
-            2: textStyles["text-2"],
-            3: textStyles["text-3"],
-            4: textStyles["text-4"],
-            5: textStyles["text-5"],
-            6: textStyles["text-6"],
-            7: textStyles["text-7"],
-            8: textStyles["text-8"],
-            9: textStyles["text-9"],
-            10: textStyles["text-10"],
-        },
-        weight: {
-            bold: textStyles["text-weight-bold"],
-            bolder: textStyles["text-weight-bolder"],
-            normal: textStyles["text-weight-normal"],
-            lighter: textStyles["text-weight-lighter"],
-            100: textStyles["text-weight-100"],
-            200: textStyles["text-weight-200"],
-            300: textStyles["text-weight-300"],
-            400: textStyles["text-weight-400"],
-            500: textStyles["text-weight-500"],
-            600: textStyles["text-weight-600"],
-            700: textStyles["text-weight-700"],
-            800: textStyles["text-weight-800"],
-            900: textStyles["text-weight-900"],
-        },
-        underline: {
-            true: styles["link-underline"],
-        },
-    },
-    defaultVariants: {
-        variant: "accent",
-        size: 2,
-        weight: 400,
-        underline: false,
-    },
-});
-const Link = forwardRef(({ className, children, href, size, weight, variant, underline, external, download, rel, hrefLang, "aria-label": ariaLabel, ...props }, ref) => {
-    const externalProps = external ? {
-        target: "_blank",
-        rel: "noopener noreferrer",
-        "aria-label": ariaLabel || `${children} (opens in new tab)`
-    } : {};
-    const downloadProps = download ? {
-        download: typeof download === "string" ? download : true,
-        "aria-label": ariaLabel || `${children} (download)`
-    } : {};
-    return (jsxRuntimeExports.jsx("a", { ref: ref, className: link({ size, weight, variant, underline, className }), href: href, hrefLang: hrefLang, rel: rel, role: "link", ...externalProps, ...downloadProps, ...props, children: children }));
+const Link = forwardRef(({ children, className, variant = "accent", size = "small", external, download, ...props }, ref) => {
+    const externalProps = external
+        ? {
+            target: "_blank",
+            rel: "noopener noreferrer",
+            "aria-label": `${children} (opens in new tab)`,
+        }
+        : {};
+    const downloadProps = download
+        ? {
+            download: typeof download === "string" ? download : true,
+            "aria-label": `${children} (download)`,
+        }
+        : {};
+    return (jsxRuntimeExports.jsx(Text, { ref: ref, className: cx(styles.link, className), variant: variant, size: size, role: "link", ...externalProps, ...downloadProps, ...props, as: "a", children: children }));
 });
 Link.displayName = "Link";
 

package/dist/v1/components/link/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../../../../v1/components/link/link.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { AnchorHTMLAttributes, forwardRef } from \"react\";\n\nimport textStyles from \"../text/text.module.css\";\nimport styles from \"./link.module.css\";\n\nconst link = cva([styles.link], {\n  variants: {\n    variant: {\n      primary: textStyles[\"text-primary\"],\n      secondary: textStyles[\"text-secondary\"],\n      tertiary: textStyles[\"text-tertiary\"],\n      emphasis: textStyles[\"text-emphasis\"],\n      accent: textStyles[\"text-accent\"],\n      attention: textStyles[\"text-attention\"],\n      danger: textStyles[\"text-danger\"],\n      success: textStyles[\"text-success\"],\n    },\n    size: {\n      1: textStyles[\"text-1\"],\n      2: textStyles[\"text-2\"],\n      3: textStyles[\"text-3\"],\n      4: textStyles[\"text-4\"],\n      5: textStyles[\"text-5\"],\n      6: textStyles[\"text-6\"],\n      7: textStyles[\"text-7\"],\n      8: textStyles[\"text-8\"],\n      9: textStyles[\"text-9\"],\n      10: textStyles[\"text-10\"],\n    },\n    weight: {\n      bold: textStyles[\"text-weight-bold\"],\n      bolder: textStyles[\"text-weight-bolder\"],\n      normal: textStyles[\"text-weight-normal\"],\n      lighter: textStyles[\"text-weight-lighter\"],\n      100: textStyles[\"text-weight-100\"],\n      200: textStyles[\"text-weight-200\"],\n      300: textStyles[\"text-weight-300\"],\n      400: textStyles[\"text-weight-400\"],\n      500: textStyles[\"text-weight-500\"],\n      600: textStyles[\"text-weight-600\"],\n      700: textStyles[\"text-weight-700\"],\n      800: textStyles[\"text-weight-800\"],\n      900: textStyles[\"text-weight-900\"],\n    },\n    underline: {\n      true: styles[\"link-underline\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"accent\",\n    size: 2,\n    weight: 400,\n    underline: false,\n  },\n});\n\nexport interface LinkProps\n  extends AnchorHTMLAttributes<HTMLAnchorElement>,\n    VariantProps<typeof link> {\n  href: string;\n  external?: boolean;\n  download?: boolean | string;\n  rel?: string;\n  hrefLang?: string;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      className,\n      children,\n      href,\n      size,\n      weight,\n      variant,\n      underline,\n      external,\n      download,\n      rel,\n      hrefLang,\n      \"aria-label\": ariaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const externalProps = external ? {\n      target: \"_blank\",\n      rel: \"noopener noreferrer\",\n      \"aria-label\": ariaLabel || `${children} (opens in new tab)`\n    } : {};\n\n    const downloadProps = download ? {\n      download: typeof download === \"string\" ? download : true,\n      \"aria-label\": ariaLabel || `${children} (download)`\n    } : {};\n\n    return (\n      <a\n        ref={ref}\n        className={link({ size, weight, variant, underline, className })}\n        href={href}\n        hrefLang={hrefLang}\n        rel={rel}\n        role=\"link\"\n        {...externalProps}\n        {...downloadProps}\n        {...props}\n      >\n        {children}\n      </a>\n    );\n  }\n);\n\nLink.displayName = \"Link\"; "],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"link.js","sources":["../../../../v1/components/link/link.tsx"],"sourcesContent":["import { AnchorHTMLAttributes, forwardRef } from \"react\";\nimport { cx } from \"class-variance-authority\";\nimport { Text, type TextBaseProps } from \"../text\";\nimport styles from \"./link.module.css\";\n\nexport interface LinkProps\n  extends TextBaseProps,\n    AnchorHTMLAttributes<HTMLAnchorElement> {\n  href: string;\n  external?: boolean;\n  download?: boolean | string;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      children,\n      className,\n      variant = \"accent\",\n      size = \"small\",\n      external,\n      download,\n      ...props\n    },\n    ref,\n  ) => {\n    const externalProps = external\n      ? {\n          target: \"_blank\",\n          rel: \"noopener noreferrer\",\n          \"aria-label\": `${children} (opens in new tab)`,\n        }\n      : {};\n\n    const downloadProps = download\n      ? {\n          download: typeof download === \"string\" ? download : true,\n          \"aria-label\": `${children} (download)`,\n        }\n      : {};\n\n    return (\n      <Text\n        ref={ref}\n        className={cx(styles.link, className)}\n        variant={variant}\n        size={size}\n        role=\"link\"\n        {...externalProps}\n        {...downloadProps}\n        {...props}\n        as=\"a\">\n        {children}\n      </Text>\n    );\n  },\n);\n\nLink.displayName = \"Link\";\n"],"names":["_jsx"],"mappings":";;;;;;AAaO,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EACE,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,OAAO,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,aAAa,GAAG,QAAQ;AAC5B,UAAE;AACE,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,GAAG,EAAE,qBAAqB;YAC1B,YAAY,EAAE,CAAG,EAAA,QAAQ,CAAqB,mBAAA,CAAA;AAC/C,SAAA;UACD,EAAE,CAAC;IAEP,MAAM,aAAa,GAAG,QAAQ;AAC5B,UAAE;AACE,YAAA,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,IAAI;YACxD,YAAY,EAAE,CAAG,EAAA,QAAQ,CAAa,WAAA,CAAA;AACvC,SAAA;UACD,EAAE,CAAC;IAEP,QACEA,sBAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EACrC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,MAAM,EAAA,GACP,aAAa,EACb,GAAA,aAAa,KACb,KAAK,EACT,EAAE,EAAC,GAAG,YACL,QAAQ,EAAA,CACJ,EACP;AACJ,CAAC,EACD;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/v1/components/link/link.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"link":"link-module_link__ulWU8","link-underline":"link-module_link-underline__KuTbM","link___underline":"link-module_link-underline__KuTbM"};
+var styles = {"link":"link-module_link__ulWU8"};
 
 exports.default = styles;
 //# sourceMappingURL=link.module.css.cjs.map

package/dist/v1/components/link/link.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"link":"link-module_link__ulWU8","link-underline":"link-module_link-underline__KuTbM","link___underline":"link-module_link-underline__KuTbM"};
+var styles = {"link":"link-module_link__ulWU8"};
 
 export { styles as default };
 //# sourceMappingURL=link.module.css.js.map

package/dist/v1/components/list/list.d.ts

@@ -1,6 +1,6 @@
 import { type VariantProps } from "class-variance-authority";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-declare const list: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+declare const list: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 interface ListRootProps extends ComponentPropsWithoutRef<"ul">, VariantProps<typeof list> {
     children: ReactNode;
     maxWidth?: string | number;

package/dist/v1/components/list/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../v1/components/list/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5D,QAAA,MAAM,IAAI,yFAAmB,CAAC;AAO9B,UAAU,aAAc,SAAQ,wBAAwB,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,IAAI,CAAC;IACvF,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,UAAU,aAAc,SAAQ,wBAAwB,CAAC,IAAI,CAAC;IAC5D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,cAAe,SAAQ,wBAAwB,CAAC,MAAM,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,cAAe,SAAQ,wBAAwB,CAAC,MAAM,CAAC;IAC/D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,eAAgB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC/D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAuED,eAAO,MAAM,IAAI;;6DArEqD,aAAa;;;;4CAwD5B,eAAe;;;;4CA1CjB,aAAa;;;;6DAkB/D,cAAc;;;;4CAgBd,cAAc;;;CA2BhB,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../v1/components/list/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5D,QAAA,MAAM,IAAI,oFAAmB,CAAC;AAO9B,UAAU,aAAc,SAAQ,wBAAwB,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,IAAI,CAAC;IACvF,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,UAAU,aAAc,SAAQ,wBAAwB,CAAC,IAAI,CAAC;IAC5D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,cAAe,SAAQ,wBAAwB,CAAC,MAAM,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,cAAe,SAAQ,wBAAwB,CAAC,MAAM,CAAC;IAC/D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,eAAgB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC/D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAuED,eAAO,MAAM,IAAI;;6DArEqD,aAAa;;;;4CAwD5B,eAAe;;;;4CA1CjB,aAAa;;;;6DAkB/D,cAAc;;;;4CAgBd,cAAc;;;CA2BhB,CAAC"}

package/dist/v1/components/radio/radio.d.ts

@@ -4,7 +4,7 @@ import { ComponentPropsWithoutRef } from "react";
 export interface RadioItemProps extends ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
 }
 export declare const RadioItem: import("react").ForwardRefExoticComponent<RadioItemProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare const indicator: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+declare const indicator: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export interface thumbProps extends ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Indicator>, VariantProps<typeof indicator> {
 }
 export declare const Radio: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {

package/dist/v1/components/radio/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../v1/components/radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAA0B,MAAM,OAAO,CAAC;AAazE,MAAM,WAAW,cACf,SAAQ,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;CAAG;AAEtE,eAAO,MAAM,SAAS,8GAWpB,CAAC;AAEH,QAAA,MAAM,SAAS,yFAAwB,CAAC;AACxC,MAAM,WAAW,UACf,SAAQ,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,EACpE,YAAY,CAAC,OAAO,SAAS,CAAC;CAAG;AAerC,eAAO,MAAM,KAAK;;;;CAIhB,CAAC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../v1/components/radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAA0B,MAAM,OAAO,CAAC;AAazE,MAAM,WAAW,cACf,SAAQ,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;CAAG;AAEtE,eAAO,MAAM,SAAS,8GAWpB,CAAC;AAEH,QAAA,MAAM,SAAS,oFAAwB,CAAC;AACxC,MAAM,WAAW,UACf,SAAQ,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,EACpE,YAAY,CAAC,OAAO,SAAS,CAAC;CAAG;AAerC,eAAO,MAAM,KAAK;;;;CAIhB,CAAC"}

package/dist/v1/components/search/search.cjs

@@ -5,16 +5,17 @@ var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3
 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 React = require('react');
 
-const Search = ({ className, disabled, placeholder = "Search", size, showClearButton, onClear, value, onChange, width = "100%", variant = "default", ...props }) => {
-    const trailingIconWithClear = showClearButton && value ? (jsxRuntime.jsxRuntimeExports.jsx("div", { className: search_module.default.clearButtonWrapper, children: jsxRuntime.jsxRuntimeExports.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.jsxRuntimeExports.jsx("div", { className: search_module.default.clearButtonWrapper, children: jsxRuntime.jsxRuntimeExports.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.jsxRuntimeExports.jsx(reactIcons_esm.CrossCircledIcon, {}) }) })) : undefined;
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: search_module.default.container, role: "search", style: { width }, children: jsxRuntime.jsxRuntimeExports.jsx(inputField.InputField, { leadingIcon: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.MagnifyingGlassIcon, {}), trailingIcon: trailingIconWithClear, placeholder: placeholder, disabled: disabled, value: value, onChange: onChange, size: size, className: className, "aria-label": placeholder, variant: variant, ...props }) }));
-};
+    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: search_module.default.container, role: "search", style: { width }, children: jsxRuntime.jsxRuntimeExports.jsx(inputField.InputField, { leadingIcon: jsxRuntime.jsxRuntimeExports.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";
 
 exports.Search = Search;

package/dist/v1/components/search/search.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"search.cjs","sources":["../../../../v1/components/search/search.tsx"],"sourcesContent":["import { CrossCircledIcon, MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { InputField } from \"../input-field\";\nimport { InputFieldProps } from \"../input-field/input-field\";\nimport { IconButton } from \"../icon-button\";\n\nimport styles from \"./search.module.css\";\n\nexport interface SearchProps extends Omit<InputFieldProps, 'leadingIcon'> {\n  showClearButton?: boolean;\n  onClear?: () => void;\n  variant?: 'default' | 'borderless';\n}\n\nexport const Search = ({ \n  className, \n  disabled, \n  placeholder = \"Search\", \n  size, \n  showClearButton, \n  onClear, \n  value,\n  onChange,\n  width = \"100%\",\n  variant = \"default\",\n  ...props \n}: SearchProps) => {\n  const trailingIconWithClear = showClearButton && value ? (\n    <div className={styles.clearButtonWrapper}>\n      <IconButton\n        size={size === 'small' ? 2 : 3}\n        onClick={(e) => {\n          e.stopPropagation();\n          if (!disabled && onClear) {\n            onClear();\n          }\n        }}\n        disabled={disabled}\n        aria-label=\"Clear search\"\n        className={styles.clearButton}\n      >\n        <CrossCircledIcon />\n      </IconButton>\n    </div>\n  ) : undefined;\n\n  return (\n    <div className={styles.container} role=\"search\" style={{ width }}>\n      <InputField\n        leadingIcon={<MagnifyingGlassIcon />}\n        trailingIcon={trailingIconWithClear}\n        placeholder={placeholder}\n        disabled={disabled}\n        value={value}\n        onChange={onChange}\n        size={size}\n        className={className}\n        aria-label={placeholder}\n        variant={variant}\n        {...props}\n      />\n    </div>\n  );\n};\n\nSearch.displayName = \"Search\";"],"names":["_jsx","styles","IconButton","CrossCircledIcon","InputField","MagnifyingGlassIcon"],"mappings":";;;;;;;;AAaa,MAAA,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,MAAM,qBAAqB,GAAG,eAAe,IAAI,KAAK,IACpDA,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,qBAAM,CAAC,kBAAkB,EAAA,QAAA,EACvCD,iCAACE,qBAAU,EAAA,EACT,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,CAAC,GAAG,CAAC,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,CAAC,CAAC,eAAe,EAAE,CAAC;AACpB,gBAAA,IAAI,CAAC,QAAQ,IAAI,OAAO,EAAE;AACxB,oBAAA,OAAO,EAAE,CAAC;iBACX;aACF,EACD,QAAQ,EAAE,QAAQ,gBACP,cAAc,EACzB,SAAS,EAAED,qBAAM,CAAC,WAAW,EAE7B,QAAA,EAAAD,gCAAA,CAACG,+BAAgB,EAAA,EAAA,CAAG,EACT,CAAA,EAAA,CACT,IACJ,SAAS,CAAC;AAEd,IAAA,QACEH,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,qBAAM,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAC9D,QAAA,EAAAD,gCAAA,CAACI,qBAAU,EAAA,EACT,WAAW,EAAEJ,gCAAC,CAAAK,kCAAmB,EAAG,EAAA,CAAA,EACpC,YAAY,EAAE,qBAAqB,EACnC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EAAA,YAAA,EACR,WAAW,EACvB,OAAO,EAAE,OAAO,EACZ,GAAA,KAAK,EACT,CAAA,EAAA,CACE,EACN;AACJ,EAAE;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"search.cjs","sources":["../../../../v1/components/search/search.tsx"],"sourcesContent":["import { CrossCircledIcon, MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { InputField } from \"../input-field\";\nimport { InputFieldProps } from \"../input-field/input-field\";\nimport { IconButton } from \"../icon-button\";\n\nimport styles from \"./search.module.css\";\nimport { forwardRef } from \"react\";\n\nexport interface SearchProps extends Omit<InputFieldProps, \"leadingIcon\"> {\n  showClearButton?: boolean;\n  onClear?: () => void;\n  variant?: \"default\" | \"borderless\";\n}\n\nexport const Search = forwardRef<HTMLInputElement, SearchProps>(\n  (\n    {\n      className,\n      disabled,\n      placeholder = \"Search\",\n      size,\n      showClearButton,\n      onClear,\n      value,\n      onChange,\n      width = \"100%\",\n      variant = \"default\",\n      ...props\n    }: SearchProps,\n    ref\n  ) => {\n    const trailingIconWithClear =\n      showClearButton && value ? (\n        <div className={styles.clearButtonWrapper}>\n          <IconButton\n            size={size === \"small\" ? 2 : 3}\n            onClick={(e) => {\n              e.stopPropagation();\n              if (!disabled && onClear) {\n                onClear();\n              }\n            }}\n            disabled={disabled}\n            aria-label=\"Clear search\"\n            className={styles.clearButton}\n          >\n            <CrossCircledIcon />\n          </IconButton>\n        </div>\n      ) : undefined;\n\n    return (\n      <div className={styles.container} role=\"search\" style={{ width }}>\n        <InputField\n          leadingIcon={<MagnifyingGlassIcon />}\n          trailingIcon={trailingIconWithClear}\n          placeholder={placeholder}\n          disabled={disabled}\n          value={value}\n          onChange={onChange}\n          size={size}\n          className={className}\n          aria-label={placeholder}\n          variant={variant}\n          ref={ref}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nSearch.displayName = \"Search\";\n"],"names":["forwardRef","_jsx","styles","IconButton","CrossCircledIcon","InputField","MagnifyingGlassIcon"],"mappings":";;;;;;;;;AAca,MAAA,MAAM,GAAGA,gBAAU,CAC9B,CACE,EACE,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACI,EACd,GAAG,KACD;AACF,IAAA,MAAM,qBAAqB,GACzB,eAAe,IAAI,KAAK,IACtBC,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,qBAAM,CAAC,kBAAkB,EAAA,QAAA,EACvCD,iCAACE,qBAAU,EAAA,EACT,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,CAAC,GAAG,CAAC,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,CAAC,CAAC,eAAe,EAAE,CAAC;AACpB,gBAAA,IAAI,CAAC,QAAQ,IAAI,OAAO,EAAE;AACxB,oBAAA,OAAO,EAAE,CAAC;iBACX;aACF,EACD,QAAQ,EAAE,QAAQ,gBACP,cAAc,EACzB,SAAS,EAAED,qBAAM,CAAC,WAAW,EAE7B,QAAA,EAAAD,gCAAA,CAACG,+BAAgB,EAAA,EAAA,CAAG,EACT,CAAA,EAAA,CACT,IACJ,SAAS,CAAC;AAEhB,IAAA,QACEH,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,qBAAM,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAC9DD,gCAAC,CAAAI,qBAAU,EACT,EAAA,WAAW,EAAEJ,gCAAC,CAAAK,kCAAmB,EAAG,EAAA,CAAA,EACpC,YAAY,EAAE,qBAAqB,EACnC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACR,YAAA,EAAA,WAAW,EACvB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACJ,GAAA,KAAK,EACT,CAAA,EAAA,CACE,EACN;AACJ,CAAC,EACD;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/v1/components/search/search.d.ts

@@ -1,11 +1,8 @@
 import { InputFieldProps } from "../input-field/input-field";
-export interface SearchProps extends Omit<InputFieldProps, 'leadingIcon'> {
+export interface SearchProps extends Omit<InputFieldProps, "leadingIcon"> {
     showClearButton?: boolean;
     onClear?: () => void;
-    variant?: 'default' | 'borderless';
+    variant?: "default" | "borderless";
 }
-export declare const Search: {
-    ({ className, disabled, placeholder, size, showClearButton, onClear, value, onChange, width, variant, ...props }: SearchProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const Search: import("react").ForwardRefExoticComponent<Omit<SearchProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=search.d.ts.map

package/dist/v1/components/search/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../v1/components/search/search.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAK7D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC;IACvE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;CACpC;AAED,eAAO,MAAM,MAAM;sHAYhB,WAAW;;CAqCb,CAAC"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../v1/components/search/search.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAM7D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC;IACvE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;CACpC;AAED,eAAO,MAAM,MAAM,uHAwDlB,CAAC"}

package/dist/v1/components/search/search.js

@@ -3,16 +3,17 @@ import { CrossCircledIcon, MagnifyingGlassIcon } from '../../node_modules/.pnpm/
 import { InputField } from '../input-field/input-field.js';
 import { IconButton } from '../icon-button/icon-button.js';
 import styles from './search.module.css.js';
+import { forwardRef } from 'react';
 
-const Search = ({ className, disabled, placeholder = "Search", size, showClearButton, onClear, value, onChange, width = "100%", variant = "default", ...props }) => {
-    const trailingIconWithClear = showClearButton && value ? (jsxRuntimeExports.jsx("div", { className: styles.clearButtonWrapper, children: jsxRuntimeExports.jsx(IconButton, { size: size === 'small' ? 2 : 3, onClick: (e) => {
+const Search = forwardRef(({ className, disabled, placeholder = "Search", size, showClearButton, onClear, value, onChange, width = "100%", variant = "default", ...props }, ref) => {
+    const trailingIconWithClear = showClearButton && value ? (jsxRuntimeExports.jsx("div", { className: styles.clearButtonWrapper, children: jsxRuntimeExports.jsx(IconButton, { size: size === "small" ? 2 : 3, onClick: (e) => {
                 e.stopPropagation();
                 if (!disabled && onClear) {
                     onClear();
                 }
             }, disabled: disabled, "aria-label": "Clear search", className: styles.clearButton, children: jsxRuntimeExports.jsx(CrossCircledIcon, {}) }) })) : undefined;
-    return (jsxRuntimeExports.jsx("div", { className: styles.container, role: "search", style: { width }, children: jsxRuntimeExports.jsx(InputField, { leadingIcon: jsxRuntimeExports.jsx(MagnifyingGlassIcon, {}), trailingIcon: trailingIconWithClear, placeholder: placeholder, disabled: disabled, value: value, onChange: onChange, size: size, className: className, "aria-label": placeholder, variant: variant, ...props }) }));
-};
+    return (jsxRuntimeExports.jsx("div", { className: styles.container, role: "search", style: { width }, children: jsxRuntimeExports.jsx(InputField, { leadingIcon: jsxRuntimeExports.jsx(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";
 
 export { Search };

package/dist/v1/components/search/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sources":["../../../../v1/components/search/search.tsx"],"sourcesContent":["import { CrossCircledIcon, MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { InputField } from \"../input-field\";\nimport { InputFieldProps } from \"../input-field/input-field\";\nimport { IconButton } from \"../icon-button\";\n\nimport styles from \"./search.module.css\";\n\nexport interface SearchProps extends Omit<InputFieldProps, 'leadingIcon'> {\n  showClearButton?: boolean;\n  onClear?: () => void;\n  variant?: 'default' | 'borderless';\n}\n\nexport const Search = ({ \n  className, \n  disabled, \n  placeholder = \"Search\", \n  size, \n  showClearButton, \n  onClear, \n  value,\n  onChange,\n  width = \"100%\",\n  variant = \"default\",\n  ...props \n}: SearchProps) => {\n  const trailingIconWithClear = showClearButton && value ? (\n    <div className={styles.clearButtonWrapper}>\n      <IconButton\n        size={size === 'small' ? 2 : 3}\n        onClick={(e) => {\n          e.stopPropagation();\n          if (!disabled && onClear) {\n            onClear();\n          }\n        }}\n        disabled={disabled}\n        aria-label=\"Clear search\"\n        className={styles.clearButton}\n      >\n        <CrossCircledIcon />\n      </IconButton>\n    </div>\n  ) : undefined;\n\n  return (\n    <div className={styles.container} role=\"search\" style={{ width }}>\n      <InputField\n        leadingIcon={<MagnifyingGlassIcon />}\n        trailingIcon={trailingIconWithClear}\n        placeholder={placeholder}\n        disabled={disabled}\n        value={value}\n        onChange={onChange}\n        size={size}\n        className={className}\n        aria-label={placeholder}\n        variant={variant}\n        {...props}\n      />\n    </div>\n  );\n};\n\nSearch.displayName = \"Search\";"],"names":["_jsx"],"mappings":";;;;;;AAaa,MAAA,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,MAAM,qBAAqB,GAAG,eAAe,IAAI,KAAK,IACpDA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAA,QAAA,EACvCA,sBAAC,UAAU,EAAA,EACT,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,CAAC,GAAG,CAAC,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,CAAC,CAAC,eAAe,EAAE,CAAC;AACpB,gBAAA,IAAI,CAAC,QAAQ,IAAI,OAAO,EAAE;AACxB,oBAAA,OAAO,EAAE,CAAC;iBACX;aACF,EACD,QAAQ,EAAE,QAAQ,gBACP,cAAc,EACzB,SAAS,EAAE,MAAM,CAAC,WAAW,EAE7B,QAAA,EAAAA,qBAAA,CAAC,gBAAgB,EAAA,EAAA,CAAG,EACT,CAAA,EAAA,CACT,IACJ,SAAS,CAAC;AAEd,IAAA,QACEA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAC9D,QAAA,EAAAA,qBAAA,CAAC,UAAU,EAAA,EACT,WAAW,EAAEA,qBAAC,CAAA,mBAAmB,EAAG,EAAA,CAAA,EACpC,YAAY,EAAE,qBAAqB,EACnC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EAAA,YAAA,EACR,WAAW,EACvB,OAAO,EAAE,OAAO,EACZ,GAAA,KAAK,EACT,CAAA,EAAA,CACE,EACN;AACJ,EAAE;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"search.js","sources":["../../../../v1/components/search/search.tsx"],"sourcesContent":["import { CrossCircledIcon, MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { InputField } from \"../input-field\";\nimport { InputFieldProps } from \"../input-field/input-field\";\nimport { IconButton } from \"../icon-button\";\n\nimport styles from \"./search.module.css\";\nimport { forwardRef } from \"react\";\n\nexport interface SearchProps extends Omit<InputFieldProps, \"leadingIcon\"> {\n  showClearButton?: boolean;\n  onClear?: () => void;\n  variant?: \"default\" | \"borderless\";\n}\n\nexport const Search = forwardRef<HTMLInputElement, SearchProps>(\n  (\n    {\n      className,\n      disabled,\n      placeholder = \"Search\",\n      size,\n      showClearButton,\n      onClear,\n      value,\n      onChange,\n      width = \"100%\",\n      variant = \"default\",\n      ...props\n    }: SearchProps,\n    ref\n  ) => {\n    const trailingIconWithClear =\n      showClearButton && value ? (\n        <div className={styles.clearButtonWrapper}>\n          <IconButton\n            size={size === \"small\" ? 2 : 3}\n            onClick={(e) => {\n              e.stopPropagation();\n              if (!disabled && onClear) {\n                onClear();\n              }\n            }}\n            disabled={disabled}\n            aria-label=\"Clear search\"\n            className={styles.clearButton}\n          >\n            <CrossCircledIcon />\n          </IconButton>\n        </div>\n      ) : undefined;\n\n    return (\n      <div className={styles.container} role=\"search\" style={{ width }}>\n        <InputField\n          leadingIcon={<MagnifyingGlassIcon />}\n          trailingIcon={trailingIconWithClear}\n          placeholder={placeholder}\n          disabled={disabled}\n          value={value}\n          onChange={onChange}\n          size={size}\n          className={className}\n          aria-label={placeholder}\n          variant={variant}\n          ref={ref}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nSearch.displayName = \"Search\";\n"],"names":["_jsx"],"mappings":";;;;;;;AAca,MAAA,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACI,EACd,GAAG,KACD;AACF,IAAA,MAAM,qBAAqB,GACzB,eAAe,IAAI,KAAK,IACtBA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAA,QAAA,EACvCA,sBAAC,UAAU,EAAA,EACT,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,CAAC,GAAG,CAAC,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,CAAC,CAAC,eAAe,EAAE,CAAC;AACpB,gBAAA,IAAI,CAAC,QAAQ,IAAI,OAAO,EAAE;AACxB,oBAAA,OAAO,EAAE,CAAC;iBACX;aACF,EACD,QAAQ,EAAE,QAAQ,gBACP,cAAc,EACzB,SAAS,EAAE,MAAM,CAAC,WAAW,EAE7B,QAAA,EAAAA,qBAAA,CAAC,gBAAgB,EAAA,EAAA,CAAG,EACT,CAAA,EAAA,CACT,IACJ,SAAS,CAAC;AAEhB,IAAA,QACEA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAC9DA,qBAAC,CAAA,UAAU,EACT,EAAA,WAAW,EAAEA,qBAAC,CAAA,mBAAmB,EAAG,EAAA,CAAA,EACpC,YAAY,EAAE,qBAAqB,EACnC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACR,YAAA,EAAA,WAAW,EACvB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACJ,GAAA,KAAK,EACT,CAAA,EAAA,CACE,EACN;AACJ,CAAC,EACD;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/v1/components/select/select.d.ts

@@ -1,7 +1,6 @@
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import { TextProps } from "../text/text";
 interface AriaProps {
     'aria-label'?: string;
     'aria-describedby'?: string;
@@ -25,17 +24,17 @@ export declare const Select: React.FC<SelectPrimitive.SelectProps> & {
     Viewport: React.ForwardRefExoticComponent<SelectPrimitive.SelectViewportProps & React.RefAttributes<HTMLDivElement>>;
     Trigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
         size?: "small" | "medium" | null | undefined;
-        variant?: "default" | "filter" | null | undefined;
-    } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & {
+        variant?: "filter" | "default" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
         children?: React.ReactNode;
     } & {
         iconProps?: IconProps | undefined;
     } & AriaProps & TriggerStyleProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string> & {
+    Content: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & {
         children?: React.ReactNode;
     } & React.RefAttributes<HTMLDivElement>>;
     Item: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-        textProps?: TextProps | undefined;
+        textProps?: any;
     } & React.RefAttributes<HTMLDivElement>>;
     Separator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };

package/dist/v1/components/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,UAAU,SAAS;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA2HD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAUjB,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,SAAS;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA2HD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAUjB,CAAC"}