@raystack/apsara 0.27.0 → 0.27.2

package/dist/v1/components/callout/callout.cjs

@@ -2,8 +2,8 @@
 
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
 var React = require('react');
-var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var callout_module = require('./callout.module.css.cjs');
 
 function _interopNamespaceDefault(e) {

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

@@ -1 +1 @@
-{"version":3,"file":"callout.cjs","sources":["../../../../v1/components/callout/callout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { type ComponentPropsWithoutRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { InfoCircledIcon } from '@radix-ui/react-icons';\nimport styles from './callout.module.css';\n\nconst callout = cva(styles.callout, {\n  variants: {\n    type: {\n      grey: styles['callout-grey'],\n      success: styles['callout-success'],\n      alert: styles['callout-alert'],\n      gradient: styles['callout-gradient'],\n      accent: styles['callout-accent'],\n      attention: styles['callout-attention'],\n      normal: styles['callout-normal'],\n    },\n    outline: {\n      true: styles['callout-outline'],\n    },\n    highContrast: {\n      true: styles['callout-high-contrast'],\n    },\n  },\n  defaultVariants: {\n    type: 'grey',\n  },\n});\n\nexport interface CalloutProps extends ComponentPropsWithoutRef<'div'>, VariantProps<typeof callout> {\n  children: React.ReactNode;\n  action?: React.ReactNode;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  width?: string | number;\n}\n\nexport const Callout = React.forwardRef<HTMLDivElement, CalloutProps>(\n  ({ \n    className,\n    type = 'grey',\n    outline,\n    highContrast,\n    children,\n    action,\n    dismissible,\n    onDismiss,\n    width,\n    ...props\n  }, ref) => {\n    const style = width ? { width: typeof width === 'number' ? `${width}px` : width } : undefined;\n\n    const getRole = () => {\n      switch (type) {\n        case 'alert':\n          return 'alert';\n        case 'success':\n          return 'status';\n        default:\n          return 'status';\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={`${callout({ type, outline, highContrast })} ${className || ''}`}\n        style={style}\n        role={getRole()}\n        aria-live={type === 'alert' ? 'assertive' : 'polite'}\n        {...props}\n      >\n        <div className={styles.container}>\n          <div className={styles.messageContainer}>\n            <InfoCircledIcon \n              className={styles.icon} \n              aria-hidden=\"true\"\n            />\n            <div className={styles.message}>{children}</div>\n          </div>\n          \n          <div className={styles.actionsContainer}>\n            {action && (\n              <div className={styles.action}>\n                {action}\n              </div>\n            )}\n            {dismissible && (\n              <button \n                className={styles.dismiss} \n                onClick={onDismiss}\n                aria-label=\"Dismiss message\"\n                type=\"button\"\n              >\n                <svg \n                  width=\"12\" \n                  height=\"12\" \n                  viewBox=\"0 0 12 12\" \n                  fill=\"none\" \n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                >\n                  <path \n                    fillRule=\"evenodd\" \n                    clipRule=\"evenodd\" \n                    d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\" \n                    fill=\"currentColor\"\n                  />\n                </svg>\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nCallout.displayName = 'Callout';"],"names":["cva","styles","React","_jsx","_jsxs","InfoCircledIcon"],"mappings":"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"}
+{"version":3,"file":"callout.cjs","sources":["../../../../v1/components/callout/callout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { type ComponentPropsWithoutRef } from 'react';\nimport { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport styles from './callout.module.css';\n\nconst callout = cva(styles.callout, {\n  variants: {\n    type: {\n      grey: styles['callout-grey'],\n      success: styles['callout-success'],\n      alert: styles['callout-alert'],\n      gradient: styles['callout-gradient'],\n      accent: styles['callout-accent'],\n      attention: styles['callout-attention'],\n      normal: styles['callout-normal'],\n    },\n    outline: {\n      true: styles['callout-outline'],\n    },\n    highContrast: {\n      true: styles['callout-high-contrast'],\n    },\n  },\n  defaultVariants: {\n    type: 'grey',\n  },\n});\n\nexport interface CalloutProps extends ComponentPropsWithoutRef<'div'>, VariantProps<typeof callout> {\n  children: React.ReactNode;\n  action?: React.ReactNode;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  width?: string | number;\n}\n\nexport const Callout = React.forwardRef<HTMLDivElement, CalloutProps>(\n  ({ \n    className,\n    type = 'grey',\n    outline,\n    highContrast,\n    children,\n    action,\n    dismissible,\n    onDismiss,\n    width,\n    ...props\n  }, ref) => {\n    const style = width ? { width: typeof width === 'number' ? `${width}px` : width } : undefined;\n\n    const getRole = () => {\n      switch (type) {\n        case 'alert':\n          return 'alert';\n        case 'success':\n          return 'status';\n        default:\n          return 'status';\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={`${callout({ type, outline, highContrast })} ${className || ''}`}\n        style={style}\n        role={getRole()}\n        aria-live={type === 'alert' ? 'assertive' : 'polite'}\n        {...props}\n      >\n        <div className={styles.container}>\n          <div className={styles.messageContainer}>\n            <InfoCircledIcon \n              className={styles.icon} \n              aria-hidden=\"true\"\n            />\n            <div className={styles.message}>{children}</div>\n          </div>\n          \n          <div className={styles.actionsContainer}>\n            {action && (\n              <div className={styles.action}>\n                {action}\n              </div>\n            )}\n            {dismissible && (\n              <button \n                className={styles.dismiss} \n                onClick={onDismiss}\n                aria-label=\"Dismiss message\"\n                type=\"button\"\n              >\n                <svg \n                  width=\"12\" \n                  height=\"12\" \n                  viewBox=\"0 0 12 12\" \n                  fill=\"none\" \n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                >\n                  <path \n                    fillRule=\"evenodd\" \n                    clipRule=\"evenodd\" \n                    d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\" \n                    fill=\"currentColor\"\n                  />\n                </svg>\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nCallout.displayName = 'Callout';"],"names":["cva","styles","React","_jsx","_jsxs","InfoCircledIcon"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../../v1/components/callout/callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,OAAO;;;;mFAqBX,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,wBAAwB,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,OAAO,CAAC;IACjG,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,OAAO,qFAgFnB,CAAC"}
+{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../../v1/components/callout/callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,OAAO;;;;mFAqBX,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,wBAAwB,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,OAAO,CAAC;IACjG,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,OAAO,qFAgFnB,CAAC"}

package/dist/v1/components/callout/callout.js

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
 import * as React from 'react';
-import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { InfoCircledIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import styles from './callout.module.css.js';
 
 const callout = cva(styles.callout, {

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

@@ -1 +1 @@
-{"version":3,"file":"callout.js","sources":["../../../../v1/components/callout/callout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { type ComponentPropsWithoutRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { InfoCircledIcon } from '@radix-ui/react-icons';\nimport styles from './callout.module.css';\n\nconst callout = cva(styles.callout, {\n  variants: {\n    type: {\n      grey: styles['callout-grey'],\n      success: styles['callout-success'],\n      alert: styles['callout-alert'],\n      gradient: styles['callout-gradient'],\n      accent: styles['callout-accent'],\n      attention: styles['callout-attention'],\n      normal: styles['callout-normal'],\n    },\n    outline: {\n      true: styles['callout-outline'],\n    },\n    highContrast: {\n      true: styles['callout-high-contrast'],\n    },\n  },\n  defaultVariants: {\n    type: 'grey',\n  },\n});\n\nexport interface CalloutProps extends ComponentPropsWithoutRef<'div'>, VariantProps<typeof callout> {\n  children: React.ReactNode;\n  action?: React.ReactNode;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  width?: string | number;\n}\n\nexport const Callout = React.forwardRef<HTMLDivElement, CalloutProps>(\n  ({ \n    className,\n    type = 'grey',\n    outline,\n    highContrast,\n    children,\n    action,\n    dismissible,\n    onDismiss,\n    width,\n    ...props\n  }, ref) => {\n    const style = width ? { width: typeof width === 'number' ? `${width}px` : width } : undefined;\n\n    const getRole = () => {\n      switch (type) {\n        case 'alert':\n          return 'alert';\n        case 'success':\n          return 'status';\n        default:\n          return 'status';\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={`${callout({ type, outline, highContrast })} ${className || ''}`}\n        style={style}\n        role={getRole()}\n        aria-live={type === 'alert' ? 'assertive' : 'polite'}\n        {...props}\n      >\n        <div className={styles.container}>\n          <div className={styles.messageContainer}>\n            <InfoCircledIcon \n              className={styles.icon} \n              aria-hidden=\"true\"\n            />\n            <div className={styles.message}>{children}</div>\n          </div>\n          \n          <div className={styles.actionsContainer}>\n            {action && (\n              <div className={styles.action}>\n                {action}\n              </div>\n            )}\n            {dismissible && (\n              <button \n                className={styles.dismiss} \n                onClick={onDismiss}\n                aria-label=\"Dismiss message\"\n                type=\"button\"\n              >\n                <svg \n                  width=\"12\" \n                  height=\"12\" \n                  viewBox=\"0 0 12 12\" \n                  fill=\"none\" \n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                >\n                  <path \n                    fillRule=\"evenodd\" \n                    clipRule=\"evenodd\" \n                    d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\" \n                    fill=\"currentColor\"\n                  />\n                </svg>\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nCallout.displayName = 'Callout';"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"callout.js","sources":["../../../../v1/components/callout/callout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { type ComponentPropsWithoutRef } from 'react';\nimport { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport styles from './callout.module.css';\n\nconst callout = cva(styles.callout, {\n  variants: {\n    type: {\n      grey: styles['callout-grey'],\n      success: styles['callout-success'],\n      alert: styles['callout-alert'],\n      gradient: styles['callout-gradient'],\n      accent: styles['callout-accent'],\n      attention: styles['callout-attention'],\n      normal: styles['callout-normal'],\n    },\n    outline: {\n      true: styles['callout-outline'],\n    },\n    highContrast: {\n      true: styles['callout-high-contrast'],\n    },\n  },\n  defaultVariants: {\n    type: 'grey',\n  },\n});\n\nexport interface CalloutProps extends ComponentPropsWithoutRef<'div'>, VariantProps<typeof callout> {\n  children: React.ReactNode;\n  action?: React.ReactNode;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  width?: string | number;\n}\n\nexport const Callout = React.forwardRef<HTMLDivElement, CalloutProps>(\n  ({ \n    className,\n    type = 'grey',\n    outline,\n    highContrast,\n    children,\n    action,\n    dismissible,\n    onDismiss,\n    width,\n    ...props\n  }, ref) => {\n    const style = width ? { width: typeof width === 'number' ? `${width}px` : width } : undefined;\n\n    const getRole = () => {\n      switch (type) {\n        case 'alert':\n          return 'alert';\n        case 'success':\n          return 'status';\n        default:\n          return 'status';\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={`${callout({ type, outline, highContrast })} ${className || ''}`}\n        style={style}\n        role={getRole()}\n        aria-live={type === 'alert' ? 'assertive' : 'polite'}\n        {...props}\n      >\n        <div className={styles.container}>\n          <div className={styles.messageContainer}>\n            <InfoCircledIcon \n              className={styles.icon} \n              aria-hidden=\"true\"\n            />\n            <div className={styles.message}>{children}</div>\n          </div>\n          \n          <div className={styles.actionsContainer}>\n            {action && (\n              <div className={styles.action}>\n                {action}\n              </div>\n            )}\n            {dismissible && (\n              <button \n                className={styles.dismiss} \n                onClick={onDismiss}\n                aria-label=\"Dismiss message\"\n                type=\"button\"\n              >\n                <svg \n                  width=\"12\" \n                  height=\"12\" \n                  viewBox=\"0 0 12 12\" \n                  fill=\"none\" \n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                >\n                  <path \n                    fillRule=\"evenodd\" \n                    clipRule=\"evenodd\" \n                    d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\" \n                    fill=\"currentColor\"\n                  />\n                </svg>\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nCallout.displayName = 'Callout';"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/v1/components/chip/chip.cjs

@@ -30,7 +30,7 @@ const Chip = ({ variant, size, style, trailingIcon, leadingIcon, isDismissible,
         e.stopPropagation();
         onDismiss?.();
     };
-    return (jsxRuntime.jsxRuntimeExports.jsxs("span", { className: chip({ variant, size, style, className }), role: role, "aria-label": ariaLabel || (typeof children === 'string' ? children : undefined), children: [leadingIcon && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: chip_module.default['leading-icon'], "aria-hidden": "true", role: "presentation", children: leadingIcon })), children, isDismissible ? (jsxRuntime.jsxRuntimeExports.jsx("button", { onClick: handleDismiss, className: chip_module.default['dismiss-button'], "aria-label": `Remove ${typeof children === 'string' ? children : 'item'}`, type: "button", children: jsxRuntime.jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntime.jsxRuntimeExports.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) })) : trailingIcon ? (jsxRuntime.jsxRuntimeExports.jsx("span", { className: chip_module.default['trailing-icon'], "aria-hidden": "true", role: "presentation", children: trailingIcon })) : null] }));
+    return (jsxRuntime.jsxRuntimeExports.jsxs("span", { className: chip({ variant, size, style, className }), role: role, "aria-label": ariaLabel || (typeof children === 'string' ? children : undefined), children: [leadingIcon && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: chip_module.default['leading-icon'], "aria-hidden": "true", role: "presentation", children: leadingIcon })), children, isDismissible ? (jsxRuntime.jsxRuntimeExports.jsx("button", { onClick: handleDismiss, className: chip_module.default['dismiss-button'], "aria-label": `Remove ${typeof children === 'string' ? children : 'item'}`, type: "button", children: jsxRuntime.jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntime.jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) })) : trailingIcon ? (jsxRuntime.jsxRuntimeExports.jsx("span", { className: chip_module.default['trailing-icon'], "aria-hidden": "true", role: "presentation", children: trailingIcon })) : null] }));
 };
 Chip.displayName = "Chip";
 

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

@@ -1 +1 @@
-{"version":3,"file":"chip.cjs","sources":["../../../../v1/components/chip/chip.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n  variants: {\n    variant: {\n      outline: styles[\"chip-variant-outline\"],\n      filled: styles[\"chip-variant-filled\"],\n    },\n    size: {\n      large: styles[\"chip-size-large\"],\n      small: styles[\"chip-size-small\"],\n    },\n    style: {\n      neutral: styles[\"chip-style-neutral\"],\n      accent: styles[\"chip-style-accent\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"outline\",\n    size: \"small\",\n    style: \"neutral\"\n  },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n  trailingIcon?: ReactNode;\n  leadingIcon?: ReactNode;\n  isDismissible?: boolean;\n  children: ReactNode;\n  className?: string;\n  onDismiss?: () => void;\n  role?: string;\n  ariaLabel?: string;\n}\n\nexport const Chip = ({ \n  variant,\n  size,\n  style,\n  trailingIcon,\n  leadingIcon,\n  isDismissible,\n  children,\n  className,\n  onDismiss,\n  role = \"status\",\n  ariaLabel,\n}: ChipProps) => {\n  const handleDismiss = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onDismiss?.();\n  };\n\n  return (\n    <span \n      className={chip({ variant, size, style, className })}\n      role={role}\n      aria-label={ariaLabel || (typeof children === 'string' ? children : undefined)}\n    >\n      {leadingIcon && (\n        <span \n          className={styles['leading-icon']} \n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {leadingIcon}\n        </span>\n      )}\n      {children}\n      {isDismissible ? (\n        <button \n          onClick={handleDismiss} \n          className={styles['dismiss-button']}\n          aria-label={`Remove ${typeof children === 'string' ? children : 'item'}`}\n          type=\"button\"\n        >\n          <svg \n            width=\"12\" \n            height=\"12\" \n            viewBox=\"0 0 12 12\" \n            fill=\"none\" \n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path \n              fill-rule=\"evenodd\" \n              clip-rule=\"evenodd\" \n              d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\" \n              fill=\"currentColor\"\n            />\n          </svg>\n        </button>\n      ) : trailingIcon ? (\n        <span \n          className={styles['trailing-icon']}\n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {trailingIcon}\n        </span>\n      ) : null}\n    </span>\n  );\n};\n\nChip.displayName = \"Chip\";"],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,IAAI,GAAGA,SAAG,CAACC,mBAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAEA,mBAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAEA,mBAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAEA,mBAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAEA,mBAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAaI,MAAM,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,SAAS,GACC,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEC,iCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EAAA,YAAA,EACE,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAAA,QAAA,EAAA,CAE7E,WAAW,KACVC,gCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,mBAAM,CAAC,cAAc,CAAC,EAAA,aAAA,EACrB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,WAAW,EAAA,CACP,CACR,EACA,QAAQ,EACR,aAAa,IACZE,gCACE,CAAA,QAAA,EAAA,EAAA,OAAO,EAAE,aAAa,EACtB,SAAS,EAAEF,mBAAM,CAAC,gBAAgB,CAAC,EACvB,YAAA,EAAA,CAAA,OAAA,EAAU,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAE,CAAA,EACxE,IAAI,EAAC,QAAQ,EAEb,QAAA,EAAAE,gCAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,aAAA,EACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAEnBA,gCACY,CAAA,MAAA,EAAA,EAAA,WAAA,EAAA,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,EAAA,CACnB,GACE,EACC,CAAA,IACP,YAAY,IACdA,2CACE,SAAS,EAAEF,mBAAM,CAAC,eAAe,CAAC,EAAA,aAAA,EACtB,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"chip.cjs","sources":["../../../../v1/components/chip/chip.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n  variants: {\n    variant: {\n      outline: styles[\"chip-variant-outline\"],\n      filled: styles[\"chip-variant-filled\"],\n    },\n    size: {\n      large: styles[\"chip-size-large\"],\n      small: styles[\"chip-size-small\"],\n    },\n    style: {\n      neutral: styles[\"chip-style-neutral\"],\n      accent: styles[\"chip-style-accent\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"outline\",\n    size: \"small\",\n    style: \"neutral\"\n  },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n  trailingIcon?: ReactNode;\n  leadingIcon?: ReactNode;\n  isDismissible?: boolean;\n  children: ReactNode;\n  className?: string;\n  onDismiss?: () => void;\n  role?: string;\n  ariaLabel?: string;\n}\n\nexport const Chip = ({ \n  variant,\n  size,\n  style,\n  trailingIcon,\n  leadingIcon,\n  isDismissible,\n  children,\n  className,\n  onDismiss,\n  role = \"status\",\n  ariaLabel,\n}: ChipProps) => {\n  const handleDismiss = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onDismiss?.();\n  };\n\n  return (\n    <span \n      className={chip({ variant, size, style, className })}\n      role={role}\n      aria-label={ariaLabel || (typeof children === 'string' ? children : undefined)}\n    >\n      {leadingIcon && (\n        <span \n          className={styles['leading-icon']} \n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {leadingIcon}\n        </span>\n      )}\n      {children}\n      {isDismissible ? (\n        <button \n          onClick={handleDismiss} \n          className={styles['dismiss-button']}\n          aria-label={`Remove ${typeof children === 'string' ? children : 'item'}`}\n          type=\"button\"\n        >\n          <svg \n            width=\"12\" \n            height=\"12\" \n            viewBox=\"0 0 12 12\" \n            fill=\"none\" \n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path \n              fillRule=\"evenodd\" \n              clipRule=\"evenodd\" \n              d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\" \n              fill=\"currentColor\"\n            />\n          </svg>\n        </button>\n      ) : trailingIcon ? (\n        <span \n          className={styles['trailing-icon']}\n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {trailingIcon}\n        </span>\n      ) : null}\n    </span>\n  );\n};\n\nChip.displayName = \"Chip\";"],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,IAAI,GAAGA,SAAG,CAACC,mBAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAEA,mBAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAEA,mBAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAEA,mBAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAEA,mBAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAaI,MAAM,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,SAAS,GACC,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEC,iCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EACE,YAAA,EAAA,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAE7E,QAAA,EAAA,CAAA,WAAW,KACVC,gCAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAEF,mBAAM,CAAC,cAAc,CAAC,EACrB,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,WAAW,EACP,CAAA,CACR,EACA,QAAQ,EACR,aAAa,IACZE,6CACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAEF,mBAAM,CAAC,gBAAgB,CAAC,EAAA,YAAA,EACvB,UAAU,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA,CAAE,EACxE,IAAI,EAAC,QAAQ,EAEb,QAAA,EAAAE,gCAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAEnBA,gCACE,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,GACnB,EACE,CAAA,EAAA,CACC,IACP,YAAY,IACdA,gCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,mBAAM,CAAC,eAAe,CAAC,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/v1/components/chip/chip.js

@@ -28,7 +28,7 @@ const Chip = ({ variant, size, style, trailingIcon, leadingIcon, isDismissible,
         e.stopPropagation();
         onDismiss?.();
     };
-    return (jsxRuntimeExports.jsxs("span", { className: chip({ variant, size, style, className }), role: role, "aria-label": ariaLabel || (typeof children === 'string' ? children : undefined), children: [leadingIcon && (jsxRuntimeExports.jsx("span", { className: styles['leading-icon'], "aria-hidden": "true", role: "presentation", children: leadingIcon })), children, isDismissible ? (jsxRuntimeExports.jsx("button", { onClick: handleDismiss, className: styles['dismiss-button'], "aria-label": `Remove ${typeof children === 'string' ? children : 'item'}`, type: "button", children: jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntimeExports.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) })) : trailingIcon ? (jsxRuntimeExports.jsx("span", { className: styles['trailing-icon'], "aria-hidden": "true", role: "presentation", children: trailingIcon })) : null] }));
+    return (jsxRuntimeExports.jsxs("span", { className: chip({ variant, size, style, className }), role: role, "aria-label": ariaLabel || (typeof children === 'string' ? children : undefined), children: [leadingIcon && (jsxRuntimeExports.jsx("span", { className: styles['leading-icon'], "aria-hidden": "true", role: "presentation", children: leadingIcon })), children, isDismissible ? (jsxRuntimeExports.jsx("button", { onClick: handleDismiss, className: styles['dismiss-button'], "aria-label": `Remove ${typeof children === 'string' ? children : 'item'}`, type: "button", children: jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) })) : trailingIcon ? (jsxRuntimeExports.jsx("span", { className: styles['trailing-icon'], "aria-hidden": "true", role: "presentation", children: trailingIcon })) : null] }));
 };
 Chip.displayName = "Chip";
 

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

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sources":["../../../../v1/components/chip/chip.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n  variants: {\n    variant: {\n      outline: styles[\"chip-variant-outline\"],\n      filled: styles[\"chip-variant-filled\"],\n    },\n    size: {\n      large: styles[\"chip-size-large\"],\n      small: styles[\"chip-size-small\"],\n    },\n    style: {\n      neutral: styles[\"chip-style-neutral\"],\n      accent: styles[\"chip-style-accent\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"outline\",\n    size: \"small\",\n    style: \"neutral\"\n  },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n  trailingIcon?: ReactNode;\n  leadingIcon?: ReactNode;\n  isDismissible?: boolean;\n  children: ReactNode;\n  className?: string;\n  onDismiss?: () => void;\n  role?: string;\n  ariaLabel?: string;\n}\n\nexport const Chip = ({ \n  variant,\n  size,\n  style,\n  trailingIcon,\n  leadingIcon,\n  isDismissible,\n  children,\n  className,\n  onDismiss,\n  role = \"status\",\n  ariaLabel,\n}: ChipProps) => {\n  const handleDismiss = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onDismiss?.();\n  };\n\n  return (\n    <span \n      className={chip({ variant, size, style, className })}\n      role={role}\n      aria-label={ariaLabel || (typeof children === 'string' ? children : undefined)}\n    >\n      {leadingIcon && (\n        <span \n          className={styles['leading-icon']} \n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {leadingIcon}\n        </span>\n      )}\n      {children}\n      {isDismissible ? (\n        <button \n          onClick={handleDismiss} \n          className={styles['dismiss-button']}\n          aria-label={`Remove ${typeof children === 'string' ? children : 'item'}`}\n          type=\"button\"\n        >\n          <svg \n            width=\"12\" \n            height=\"12\" \n            viewBox=\"0 0 12 12\" \n            fill=\"none\" \n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path \n              fill-rule=\"evenodd\" \n              clip-rule=\"evenodd\" \n              d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\" \n              fill=\"currentColor\"\n            />\n          </svg>\n        </button>\n      ) : trailingIcon ? (\n        <span \n          className={styles['trailing-icon']}\n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {trailingIcon}\n        </span>\n      ) : null}\n    </span>\n  );\n};\n\nChip.displayName = \"Chip\";"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAaI,MAAM,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,SAAS,GACC,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEA,sBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EAAA,YAAA,EACE,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAAA,QAAA,EAAA,CAE7E,WAAW,KACVC,qBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EAAA,aAAA,EACrB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,WAAW,EAAA,CACP,CACR,EACA,QAAQ,EACR,aAAa,IACZA,qBACE,CAAA,QAAA,EAAA,EAAA,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EACvB,YAAA,EAAA,CAAA,OAAA,EAAU,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAE,CAAA,EACxE,IAAI,EAAC,QAAQ,EAEb,QAAA,EAAAA,qBAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,aAAA,EACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAEnBA,qBACY,CAAA,MAAA,EAAA,EAAA,WAAA,EAAA,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,EAAA,CACnB,GACE,EACC,CAAA,IACP,YAAY,IACdA,gCACE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAAA,aAAA,EACtB,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"chip.js","sources":["../../../../v1/components/chip/chip.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n  variants: {\n    variant: {\n      outline: styles[\"chip-variant-outline\"],\n      filled: styles[\"chip-variant-filled\"],\n    },\n    size: {\n      large: styles[\"chip-size-large\"],\n      small: styles[\"chip-size-small\"],\n    },\n    style: {\n      neutral: styles[\"chip-style-neutral\"],\n      accent: styles[\"chip-style-accent\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"outline\",\n    size: \"small\",\n    style: \"neutral\"\n  },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n  trailingIcon?: ReactNode;\n  leadingIcon?: ReactNode;\n  isDismissible?: boolean;\n  children: ReactNode;\n  className?: string;\n  onDismiss?: () => void;\n  role?: string;\n  ariaLabel?: string;\n}\n\nexport const Chip = ({ \n  variant,\n  size,\n  style,\n  trailingIcon,\n  leadingIcon,\n  isDismissible,\n  children,\n  className,\n  onDismiss,\n  role = \"status\",\n  ariaLabel,\n}: ChipProps) => {\n  const handleDismiss = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onDismiss?.();\n  };\n\n  return (\n    <span \n      className={chip({ variant, size, style, className })}\n      role={role}\n      aria-label={ariaLabel || (typeof children === 'string' ? children : undefined)}\n    >\n      {leadingIcon && (\n        <span \n          className={styles['leading-icon']} \n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {leadingIcon}\n        </span>\n      )}\n      {children}\n      {isDismissible ? (\n        <button \n          onClick={handleDismiss} \n          className={styles['dismiss-button']}\n          aria-label={`Remove ${typeof children === 'string' ? children : 'item'}`}\n          type=\"button\"\n        >\n          <svg \n            width=\"12\" \n            height=\"12\" \n            viewBox=\"0 0 12 12\" \n            fill=\"none\" \n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path \n              fillRule=\"evenodd\" \n              clipRule=\"evenodd\" \n              d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\" \n              fill=\"currentColor\"\n            />\n          </svg>\n        </button>\n      ) : trailingIcon ? (\n        <span \n          className={styles['trailing-icon']}\n          aria-hidden=\"true\"\n          role=\"presentation\"\n        >\n          {trailingIcon}\n        </span>\n      ) : null}\n    </span>\n  );\n};\n\nChip.displayName = \"Chip\";"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAaI,MAAM,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,SAAS,GACC,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEA,sBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EACE,YAAA,EAAA,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAE7E,QAAA,EAAA,CAAA,WAAW,KACVC,qBAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EACrB,aAAA,EAAA,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,WAAW,EACP,CAAA,CACR,EACA,QAAQ,EACR,aAAa,IACZA,kCACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAAA,YAAA,EACvB,UAAU,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA,CAAE,EACxE,IAAI,EAAC,QAAQ,EAEb,QAAA,EAAAA,qBAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAEnBA,qBACE,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,GACnB,EACE,CAAA,EAAA,CACC,IACP,YAAY,IACdA,qBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

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

@@ -1,32 +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 clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
-var React = require('react');
+var chip = require('../chip/chip.cjs');
 var inputField_module = require('./input-field.module.css.cjs');
 
-const InputField = React.forwardRef(({ className, disabled, label, helperText, placeholder, error, leadingIcon, trailingIcon, optional, prefix, suffix, width, ...props }, ref) => {
-    const prefixRef = React.useRef(null);
-    const suffixRef = React.useRef(null);
-    const [prefixWidth, setPrefixWidth] = React.useState(0);
-    const [suffixWidth, setSuffixWidth] = React.useState(0);
-    React.useEffect(() => {
-        if (prefixRef.current && prefix) {
-            const width = prefixRef.current.getBoundingClientRect().width;
-            setPrefixWidth(width);
+// Todo: Add a dropdown and chip support
+const inputWrapper = index.cva(inputField_module.default.inputWrapper, {
+    variants: {
+        size: {
+            small: inputField_module.default["size-small"],
+            large: inputField_module.default["size-large"],
         }
-    }, [prefix]);
-    React.useEffect(() => {
-        if (suffixRef.current && suffix) {
-            const width = suffixRef.current.getBoundingClientRect().width;
-            setSuffixWidth(width);
-        }
-    }, [suffix]);
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: inputField_module.default.container, style: { width: width || '100%' }, children: [label && (jsxRuntime.jsxRuntimeExports.jsxs("label", { className: clsx.clsx(inputField_module.default.label, disabled && inputField_module.default["label-disabled"]), children: [label, optional && jsxRuntime.jsxRuntimeExports.jsx("span", { className: inputField_module.default.optional, children: "(optional)" })] })), jsxRuntime.jsxRuntimeExports.jsxs("div", { className: inputField_module.default.inputWrapper, children: [leadingIcon && jsxRuntime.jsxRuntimeExports.jsx("span", { className: inputField_module.default.leadingIcon, children: leadingIcon }), prefix && jsxRuntime.jsxRuntimeExports.jsx("span", { ref: prefixRef, className: inputField_module.default.prefix, children: prefix }), jsxRuntime.jsxRuntimeExports.jsx("input", { ref: ref, style: {
-                            paddingLeft: prefix ? `calc(${prefixWidth}px + var(--rs-space-3))` : undefined,
-                            paddingRight: suffix ? `calc(${suffixWidth}px + var(--rs-space-3))` : undefined,
-                        }, className: clsx.clsx(inputField_module.default.inputField, leadingIcon && inputField_module.default.hasLeadingIcon, trailingIcon && inputField_module.default.hasTrailingIcon, error && inputField_module.default["input-error"], disabled && inputField_module.default["input-disabled"], className), "aria-invalid": !!error, placeholder: placeholder, disabled: disabled, ...props }), suffix && jsxRuntime.jsxRuntimeExports.jsx("span", { ref: suffixRef, className: inputField_module.default.suffix, children: suffix }), trailingIcon && jsxRuntime.jsxRuntimeExports.jsx("span", { className: inputField_module.default.trailingIcon, children: trailingIcon })] }), (error || helperText) && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: clsx.clsx(inputField_module.default.helperText, error && inputField_module.default["helperText-error"], disabled && inputField_module.default["helperText-disabled"]), children: error || helperText }))] }));
+    },
+    defaultVariants: {
+        size: "large",
+    }
 });
+const InputField = ({ className, disabled, label, helperText, placeholder, error, leadingIcon, trailingIcon, optional, prefix, suffix, width, chips, maxChipsVisible = 2, ref, size, ...props }) => {
+    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: inputField_module.default.container, style: { width: width || '100%' }, children: [label && (jsxRuntime.jsxRuntimeExports.jsxs("label", { className: clsx.clsx(inputField_module.default.label, disabled && inputField_module.default["label-disabled"]), children: [label, optional && jsxRuntime.jsxRuntimeExports.jsx("span", { className: inputField_module.default.optional, children: "(optional)" })] })), jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx.clsx(inputWrapper({ size, className }), chips?.length && inputField_module.default['has-chips']), children: [leadingIcon && jsxRuntime.jsxRuntimeExports.jsx("span", { className: inputField_module.default['leading-icon'], children: leadingIcon }), prefix && jsxRuntime.jsxRuntimeExports.jsx("span", { className: inputField_module.default.prefix, children: prefix }), jsxRuntime.jsxRuntimeExports.jsxs("div", { className: inputField_module.default['chip-input-container'], children: [chips?.slice(0, maxChipsVisible).map((chip$1, index) => (jsxRuntime.jsxRuntimeExports.jsx(chip.Chip, { variant: "outline", isDismissible: !!chip$1.onRemove, onDismiss: chip$1.onRemove, className: inputField_module.default.chip, children: chip$1.label }, index))), chips && chips.length > maxChipsVisible && (jsxRuntime.jsxRuntimeExports.jsxs("span", { className: inputField_module.default['chip-overflow'], children: ["+", chips.length - maxChipsVisible] })), jsxRuntime.jsxRuntimeExports.jsx("input", { ref: ref, className: clsx.clsx(inputField_module.default['input-field'], leadingIcon && inputField_module.default['has-leading-icon'], trailingIcon && inputField_module.default['has-trailing-icon'], prefix && inputField_module.default['has-prefix'], suffix && inputField_module.default['has-suffix'], error && inputField_module.default['input-error'], disabled && inputField_module.default['input-disabled'], className), "aria-invalid": !!error, placeholder: placeholder, disabled: disabled, ...props })] }), suffix && jsxRuntime.jsxRuntimeExports.jsx("span", { className: inputField_module.default.suffix, children: suffix }), trailingIcon && jsxRuntime.jsxRuntimeExports.jsx("span", { className: inputField_module.default['trailing-icon'], children: trailingIcon })] }), (error || helperText) && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: clsx.clsx(inputField_module.default['helper-text'], error && inputField_module.default['helper-text-error'], disabled && inputField_module.default['helper-text-disabled']), children: error || helperText }))] }));
+};
 InputField.displayName = "InputField";
 
 exports.InputField = InputField;

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

@@ -1 +1 @@
-{"version":3,"file":"input-field.cjs","sources":["../../../../v1/components/input-field/input-field.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef, ReactNode, useEffect, useRef, useState } from \"react\";\n\nimport styles from \"./input-field.module.css\";\n\n// Todo: Add a dropdown and chip support\n// Todo: Add small sizer variant. Updated in Figma\n\nexport interface InputFieldProps\n  extends Omit<ComponentPropsWithoutRef<\"input\">, \"error\"> {\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}\n\nexport const InputField = forwardRef<ElementRef<\"input\">, InputFieldProps>(\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    ...props\n  }, ref) => {\n    const prefixRef = useRef<HTMLSpanElement>(null);\n    const suffixRef = useRef<HTMLSpanElement>(null);\n    const [prefixWidth, setPrefixWidth] = useState(0);\n    const [suffixWidth, setSuffixWidth] = useState(0);\n\n    useEffect(() => {\n      if (prefixRef.current && prefix) {\n        const width = prefixRef.current.getBoundingClientRect().width;\n        setPrefixWidth(width);\n      }\n    }, [prefix]);\n\n    useEffect(() => {\n      if (suffixRef.current && suffix) {\n        const width = suffixRef.current.getBoundingClientRect().width;\n        setSuffixWidth(width);\n      }\n    }, [suffix]);\n\n    return (\n      <div className={styles.container} style={{ width: width || '100%' }}>\n        {label && (\n          <label className={clsx(styles.label, disabled && styles[\"label-disabled\"])}>\n            {label}\n            {optional && <span className={styles.optional}>(optional)</span>}\n          </label>\n        )}\n        <div className={styles.inputWrapper}>\n          {leadingIcon && <span className={styles.leadingIcon}>{leadingIcon}</span>}\n          {prefix && <span ref={prefixRef} className={styles.prefix}>{prefix}</span>}\n          <input\n            ref={ref}\n            style={{\n              paddingLeft: prefix ? `calc(${prefixWidth}px + var(--rs-space-3))` : undefined,\n              paddingRight: suffix ? `calc(${suffixWidth}px + var(--rs-space-3))` : undefined,\n            }}\n            className={clsx(\n              styles.inputField,\n              leadingIcon && styles.hasLeadingIcon,\n              trailingIcon && styles.hasTrailingIcon,\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          {suffix && <span ref={suffixRef} className={styles.suffix}>{suffix}</span>}\n          {trailingIcon && <span className={styles.trailingIcon}>{trailingIcon}</span>}\n        </div>\n        {(error || helperText) && (\n          <span \n            className={clsx(\n              styles.helperText, \n              error && styles[\"helperText-error\"],\n              disabled && styles[\"helperText-disabled\"]\n            )}\n          >\n            {error || helperText}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nInputField.displayName = \"InputField\";\n"],"names":["forwardRef","useRef","useState","useEffect","_jsxs","styles","clsx","_jsx"],"mappings":"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"}
+{"version":3,"file":"input-field.cjs","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 { Chip } from \"../chip\";\nimport styles from \"./input-field.module.css\";\n\n// Todo: Add a dropdown and chip support\n\nconst inputWrapper = cva(styles.inputWrapper, {\n  variants: {\n    size: {\n      small: styles[\"size-small\"],\n      large: styles[\"size-large\"],\n    }\n  },\n  defaultVariants: {\n    size: \"large\",\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}\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  ...props \n}: InputFieldProps) => {\n  return (\n    <div className={styles.container} style={{ width: width || '100%' }}>\n      {label && (\n        <label className={clsx(styles.label, disabled && styles[\"label-disabled\"])}>\n          {label}\n          {optional && <span className={styles.optional}>(optional)</span>}\n        </label>\n      )}\n      <div \n        className={clsx(\n          inputWrapper({ size, className }),\n          chips?.length && styles['has-chips']\n        )}\n      >\n        {leadingIcon && <span className={styles['leading-icon']}>{leadingIcon}</span>}\n        {prefix && <span className={styles.prefix}>{prefix}</span>}\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        {suffix && <span className={styles.suffix}>{suffix}</span>}\n        {trailingIcon && <span className={styles['trailing-icon']}>{trailingIcon}</span>}\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":["cva","styles","_jsxs","clsx","_jsx","chip","Chip"],"mappings":"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"}

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

@@ -1,5 +1,9 @@
+import { type VariantProps } from "class-variance-authority";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-export interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "error"> {
+declare const inputWrapper: (props?: ({
+    size?: "small" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "error" | "size">, VariantProps<typeof inputWrapper> {
     label?: string;
     helperText?: string;
     error?: string;
@@ -10,6 +14,16 @@ export interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">,
     prefix?: string;
     suffix?: string;
     width?: string | number;
+    chips?: Array<{
+        label: string;
+        onRemove?: () => void;
+    }>;
+    maxChipsVisible?: number;
+    ref?: React.RefObject<HTMLInputElement>;
 }
-export declare const InputField: import("react").ForwardRefExoticComponent<InputFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const InputField: {
+    ({ className, disabled, label, helperText, placeholder, error, leadingIcon, trailingIcon, optional, prefix, suffix, width, chips, maxChipsVisible, ref, size, ...props }: InputFieldProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
 //# sourceMappingURL=input-field.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../../v1/components/input-field/input-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAA0B,SAAS,EAA+B,MAAM,OAAO,CAAC;AAOjH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IACxD,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;CACzB;AAED,eAAO,MAAM,UAAU,8GAkFtB,CAAC"}
+{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../../v1/components/input-field/input-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM5D,QAAA,MAAM,YAAY;;mFAUhB,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,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,UAAU;8KAkBpB,eAAe;;CAoEjB,CAAC"}

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

@@ -1,30 +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 { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
-import { forwardRef, useRef, useState, useEffect } from 'react';
+import { Chip } from '../chip/chip.js';
 import styles from './input-field.module.css.js';
 
-const InputField = forwardRef(({ className, disabled, label, helperText, placeholder, error, leadingIcon, trailingIcon, optional, prefix, suffix, width, ...props }, ref) => {
-    const prefixRef = useRef(null);
-    const suffixRef = useRef(null);
-    const [prefixWidth, setPrefixWidth] = useState(0);
-    const [suffixWidth, setSuffixWidth] = useState(0);
-    useEffect(() => {
-        if (prefixRef.current && prefix) {
-            const width = prefixRef.current.getBoundingClientRect().width;
-            setPrefixWidth(width);
+// Todo: Add a dropdown and chip support
+const inputWrapper = cva(styles.inputWrapper, {
+    variants: {
+        size: {
+            small: styles["size-small"],
+            large: styles["size-large"],
         }
-    }, [prefix]);
-    useEffect(() => {
-        if (suffixRef.current && suffix) {
-            const width = suffixRef.current.getBoundingClientRect().width;
-            setSuffixWidth(width);
-        }
-    }, [suffix]);
-    return (jsxRuntimeExports.jsxs("div", { className: styles.container, style: { width: width || '100%' }, children: [label && (jsxRuntimeExports.jsxs("label", { className: clsx(styles.label, disabled && styles["label-disabled"]), children: [label, optional && jsxRuntimeExports.jsx("span", { className: styles.optional, children: "(optional)" })] })), jsxRuntimeExports.jsxs("div", { className: styles.inputWrapper, children: [leadingIcon && jsxRuntimeExports.jsx("span", { className: styles.leadingIcon, children: leadingIcon }), prefix && jsxRuntimeExports.jsx("span", { ref: prefixRef, className: styles.prefix, children: prefix }), jsxRuntimeExports.jsx("input", { ref: ref, style: {
-                            paddingLeft: prefix ? `calc(${prefixWidth}px + var(--rs-space-3))` : undefined,
-                            paddingRight: suffix ? `calc(${suffixWidth}px + var(--rs-space-3))` : undefined,
-                        }, className: clsx(styles.inputField, leadingIcon && styles.hasLeadingIcon, trailingIcon && styles.hasTrailingIcon, error && styles["input-error"], disabled && styles["input-disabled"], className), "aria-invalid": !!error, placeholder: placeholder, disabled: disabled, ...props }), suffix && jsxRuntimeExports.jsx("span", { ref: suffixRef, className: styles.suffix, children: suffix }), trailingIcon && jsxRuntimeExports.jsx("span", { className: styles.trailingIcon, children: trailingIcon })] }), (error || helperText) && (jsxRuntimeExports.jsx("span", { className: clsx(styles.helperText, error && styles["helperText-error"], disabled && styles["helperText-disabled"]), children: error || helperText }))] }));
+    },
+    defaultVariants: {
+        size: "large",
+    }
 });
+const InputField = ({ className, disabled, label, helperText, placeholder, error, leadingIcon, trailingIcon, optional, prefix, suffix, width, chips, maxChipsVisible = 2, ref, size, ...props }) => {
+    return (jsxRuntimeExports.jsxs("div", { className: styles.container, style: { width: width || '100%' }, children: [label && (jsxRuntimeExports.jsxs("label", { className: clsx(styles.label, disabled && styles["label-disabled"]), children: [label, optional && jsxRuntimeExports.jsx("span", { className: styles.optional, children: "(optional)" })] })), jsxRuntimeExports.jsxs("div", { className: clsx(inputWrapper({ size, className }), chips?.length && styles['has-chips']), children: [leadingIcon && jsxRuntimeExports.jsx("span", { className: styles['leading-icon'], children: leadingIcon }), prefix && jsxRuntimeExports.jsx("span", { 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("span", { className: styles.suffix, children: suffix }), trailingIcon && jsxRuntimeExports.jsx("span", { 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 clsx from \"clsx\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef, ReactNode, useEffect, useRef, useState } from \"react\";\n\nimport styles from \"./input-field.module.css\";\n\n// Todo: Add a dropdown and chip support\n// Todo: Add small sizer variant. Updated in Figma\n\nexport interface InputFieldProps\n  extends Omit<ComponentPropsWithoutRef<\"input\">, \"error\"> {\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}\n\nexport const InputField = forwardRef<ElementRef<\"input\">, InputFieldProps>(\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    ...props\n  }, ref) => {\n    const prefixRef = useRef<HTMLSpanElement>(null);\n    const suffixRef = useRef<HTMLSpanElement>(null);\n    const [prefixWidth, setPrefixWidth] = useState(0);\n    const [suffixWidth, setSuffixWidth] = useState(0);\n\n    useEffect(() => {\n      if (prefixRef.current && prefix) {\n        const width = prefixRef.current.getBoundingClientRect().width;\n        setPrefixWidth(width);\n      }\n    }, [prefix]);\n\n    useEffect(() => {\n      if (suffixRef.current && suffix) {\n        const width = suffixRef.current.getBoundingClientRect().width;\n        setSuffixWidth(width);\n      }\n    }, [suffix]);\n\n    return (\n      <div className={styles.container} style={{ width: width || '100%' }}>\n        {label && (\n          <label className={clsx(styles.label, disabled && styles[\"label-disabled\"])}>\n            {label}\n            {optional && <span className={styles.optional}>(optional)</span>}\n          </label>\n        )}\n        <div className={styles.inputWrapper}>\n          {leadingIcon && <span className={styles.leadingIcon}>{leadingIcon}</span>}\n          {prefix && <span ref={prefixRef} className={styles.prefix}>{prefix}</span>}\n          <input\n            ref={ref}\n            style={{\n              paddingLeft: prefix ? `calc(${prefixWidth}px + var(--rs-space-3))` : undefined,\n              paddingRight: suffix ? `calc(${suffixWidth}px + var(--rs-space-3))` : undefined,\n            }}\n            className={clsx(\n              styles.inputField,\n              leadingIcon && styles.hasLeadingIcon,\n              trailingIcon && styles.hasTrailingIcon,\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          {suffix && <span ref={suffixRef} className={styles.suffix}>{suffix}</span>}\n          {trailingIcon && <span className={styles.trailingIcon}>{trailingIcon}</span>}\n        </div>\n        {(error || helperText) && (\n          <span \n            className={clsx(\n              styles.helperText, \n              error && styles[\"helperText-error\"],\n              disabled && styles[\"helperText-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":["../../../../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 { Chip } from \"../chip\";\nimport styles from \"./input-field.module.css\";\n\n// Todo: Add a dropdown and chip support\n\nconst inputWrapper = cva(styles.inputWrapper, {\n  variants: {\n    size: {\n      small: styles[\"size-small\"],\n      large: styles[\"size-large\"],\n    }\n  },\n  defaultVariants: {\n    size: \"large\",\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}\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  ...props \n}: InputFieldProps) => {\n  return (\n    <div className={styles.container} style={{ width: width || '100%' }}>\n      {label && (\n        <label className={clsx(styles.label, disabled && styles[\"label-disabled\"])}>\n          {label}\n          {optional && <span className={styles.optional}>(optional)</span>}\n        </label>\n      )}\n      <div \n        className={clsx(\n          inputWrapper({ size, className }),\n          chips?.length && styles['has-chips']\n        )}\n      >\n        {leadingIcon && <span className={styles['leading-icon']}>{leadingIcon}</span>}\n        {prefix && <span className={styles.prefix}>{prefix}</span>}\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        {suffix && <span className={styles.suffix}>{suffix}</span>}\n        {trailingIcon && <span className={styles['trailing-icon']}>{trailingIcon}</span>}\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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"}

package/dist/v1/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__EO1UE","label":"input-field-module_label__FIn-3","inputWrapper":"input-field-module_inputWrapper__rZaqO","icon":"input-field-module_icon__wsLZI","inputField":"input-field-module_inputField__eyo5h","input-default":"input-field-module_input-default__mI0I1","input-error":"input-field-module_input-error__uiUqP","input-disabled":"input-field-module_input-disabled__Wpj4W","label-disabled":"input-field-module_label-disabled__YTPfz","helperText":"input-field-module_helperText__ZSD7y","helperText-disabled":"input-field-module_helperText-disabled__u5dKI","helperText-error":"input-field-module_helperText-error__YrrtT","leadingIcon":"input-field-module_leadingIcon__I9A4J","trailingIcon":"input-field-module_trailingIcon__Khwfp","prefix":"input-field-module_prefix__WBsMj","suffix":"input-field-module_suffix__LiSQ0","hasLeadingIcon":"input-field-module_hasLeadingIcon__oaHij","hasTrailingIcon":"input-field-module_hasTrailingIcon__VKWXz","optional":"input-field-module_optional__awrgj","input___default":"input-field-module_input-default__mI0I1","input___error":"input-field-module_input-error__uiUqP","input___disabled":"input-field-module_input-disabled__Wpj4W","label___disabled":"input-field-module_label-disabled__YTPfz","helperText___disabled":"input-field-module_helperText-disabled__u5dKI","helperText___error":"input-field-module_helperText-error__YrrtT"};
+var styles = {"container":"input-field-module_container__EO1UE","label":"input-field-module_label__FIn-3","label-disabled":"input-field-module_label-disabled__YTPfz","input-wrapper":"input-field-module_input-wrapper__8El8V","leading-icon":"input-field-module_leading-icon__J2Bif","trailing-icon":"input-field-module_trailing-icon__dNS8s","input-field":"input-field-module_input-field__M-gOb","input-default":"input-field-module_input-default__mI0I1","input-error":"input-field-module_input-error__uiUqP","input-disabled":"input-field-module_input-disabled__Wpj4W","helper-text":"input-field-module_helper-text__PclGf","helper-text-error":"input-field-module_helper-text-error__1NSM-","helper-text-disabled":"input-field-module_helper-text-disabled__QcIBu","has-leading-icon":"input-field-module_has-leading-icon__Yxj6I","has-trailing-icon":"input-field-module_has-trailing-icon__uA7mP","optional":"input-field-module_optional__awrgj","has-chips":"input-field-module_has-chips__OvxNF","chip":"input-field-module_chip__Z2zua","chip-input-container":"input-field-module_chip-input-container__FJsHY","size-large":"input-field-module_size-large__nA2yK","size-small":"input-field-module_size-small__FFwSX","chip-overflow":"input-field-module_chip-overflow__n9kta","has-prefix":"input-field-module_has-prefix__wV726","has-suffix":"input-field-module_has-suffix__UgqC6","label___disabled":"input-field-module_label-disabled__YTPfz","input___wrapper":"input-field-module_input-wrapper__8El8V","leading___icon":"input-field-module_leading-icon__J2Bif","trailing___icon":"input-field-module_trailing-icon__dNS8s","input___field":"input-field-module_input-field__M-gOb","input___default":"input-field-module_input-default__mI0I1","input___error":"input-field-module_input-error__uiUqP","input___disabled":"input-field-module_input-disabled__Wpj4W","helper___text":"input-field-module_helper-text__PclGf","helper___text___error":"input-field-module_helper-text-error__1NSM-","helper___text___disabled":"input-field-module_helper-text-disabled__QcIBu","has___leading___icon":"input-field-module_has-leading-icon__Yxj6I","has___trailing___icon":"input-field-module_has-trailing-icon__uA7mP","has___chips":"input-field-module_has-chips__OvxNF","chip___input___container":"input-field-module_chip-input-container__FJsHY","size___large":"input-field-module_size-large__nA2yK","size___small":"input-field-module_size-small__FFwSX","chip___overflow":"input-field-module_chip-overflow__n9kta","has___prefix":"input-field-module_has-prefix__wV726","has___suffix":"input-field-module_has-suffix__UgqC6"};
 
 exports.default = styles;
 //# sourceMappingURL=input-field.module.css.cjs.map

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

@@ -1,4 +1,4 @@
-var styles = {"container":"input-field-module_container__EO1UE","label":"input-field-module_label__FIn-3","inputWrapper":"input-field-module_inputWrapper__rZaqO","icon":"input-field-module_icon__wsLZI","inputField":"input-field-module_inputField__eyo5h","input-default":"input-field-module_input-default__mI0I1","input-error":"input-field-module_input-error__uiUqP","input-disabled":"input-field-module_input-disabled__Wpj4W","label-disabled":"input-field-module_label-disabled__YTPfz","helperText":"input-field-module_helperText__ZSD7y","helperText-disabled":"input-field-module_helperText-disabled__u5dKI","helperText-error":"input-field-module_helperText-error__YrrtT","leadingIcon":"input-field-module_leadingIcon__I9A4J","trailingIcon":"input-field-module_trailingIcon__Khwfp","prefix":"input-field-module_prefix__WBsMj","suffix":"input-field-module_suffix__LiSQ0","hasLeadingIcon":"input-field-module_hasLeadingIcon__oaHij","hasTrailingIcon":"input-field-module_hasTrailingIcon__VKWXz","optional":"input-field-module_optional__awrgj","input___default":"input-field-module_input-default__mI0I1","input___error":"input-field-module_input-error__uiUqP","input___disabled":"input-field-module_input-disabled__Wpj4W","label___disabled":"input-field-module_label-disabled__YTPfz","helperText___disabled":"input-field-module_helperText-disabled__u5dKI","helperText___error":"input-field-module_helperText-error__YrrtT"};
+var styles = {"container":"input-field-module_container__EO1UE","label":"input-field-module_label__FIn-3","label-disabled":"input-field-module_label-disabled__YTPfz","input-wrapper":"input-field-module_input-wrapper__8El8V","leading-icon":"input-field-module_leading-icon__J2Bif","trailing-icon":"input-field-module_trailing-icon__dNS8s","input-field":"input-field-module_input-field__M-gOb","input-default":"input-field-module_input-default__mI0I1","input-error":"input-field-module_input-error__uiUqP","input-disabled":"input-field-module_input-disabled__Wpj4W","helper-text":"input-field-module_helper-text__PclGf","helper-text-error":"input-field-module_helper-text-error__1NSM-","helper-text-disabled":"input-field-module_helper-text-disabled__QcIBu","has-leading-icon":"input-field-module_has-leading-icon__Yxj6I","has-trailing-icon":"input-field-module_has-trailing-icon__uA7mP","optional":"input-field-module_optional__awrgj","has-chips":"input-field-module_has-chips__OvxNF","chip":"input-field-module_chip__Z2zua","chip-input-container":"input-field-module_chip-input-container__FJsHY","size-large":"input-field-module_size-large__nA2yK","size-small":"input-field-module_size-small__FFwSX","chip-overflow":"input-field-module_chip-overflow__n9kta","has-prefix":"input-field-module_has-prefix__wV726","has-suffix":"input-field-module_has-suffix__UgqC6","label___disabled":"input-field-module_label-disabled__YTPfz","input___wrapper":"input-field-module_input-wrapper__8El8V","leading___icon":"input-field-module_leading-icon__J2Bif","trailing___icon":"input-field-module_trailing-icon__dNS8s","input___field":"input-field-module_input-field__M-gOb","input___default":"input-field-module_input-default__mI0I1","input___error":"input-field-module_input-error__uiUqP","input___disabled":"input-field-module_input-disabled__Wpj4W","helper___text":"input-field-module_helper-text__PclGf","helper___text___error":"input-field-module_helper-text-error__1NSM-","helper___text___disabled":"input-field-module_helper-text-disabled__QcIBu","has___leading___icon":"input-field-module_has-leading-icon__Yxj6I","has___trailing___icon":"input-field-module_has-trailing-icon__uA7mP","has___chips":"input-field-module_has-chips__OvxNF","chip___input___container":"input-field-module_chip-input-container__FJsHY","size___large":"input-field-module_size-large__nA2yK","size___small":"input-field-module_size-small__FFwSX","chip___overflow":"input-field-module_chip-overflow__n9kta","has___prefix":"input-field-module_has-prefix__wV726","has___suffix":"input-field-module_has-suffix__UgqC6"};
 
 export { styles as default };
 //# sourceMappingURL=input-field.module.css.js.map

package/dist/v1/components/popover/index.d.ts

@@ -0,0 +1,2 @@
+export { Popover } from "./popover";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/v1/components/popover/popover.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-popover@1.0.6_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-popover/dist/index.cjs');
+var React = require('react');
+var popover_module = require('./popover.module.css.cjs');
+var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+
+const popoverContent = index$1.cva(popover_module.default.popover);
+const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.Portal, { children: jsxRuntime.jsxRuntimeExports.jsx(index.Content, { ref: ref, align: align, sideOffset: sideOffset, className: popoverContent({ className }), ...props }) })));
+PopoverContent.displayName = index.Content.displayName;
+const Popover = Object.assign(index.Root, {
+    Trigger: index.Trigger,
+    Close: index.Close,
+    Content: PopoverContent,
+});
+
+exports.Popover = Popover;
+//# sourceMappingURL=popover.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.cjs","sources":["../../../../v1/components/popover/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport React from \"react\";\nimport styles from \"./popover.module.css\";\nimport { cva } from \"class-variance-authority\";\n\nconst popoverContent = cva(styles.popover);\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={popoverContent({ className })}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\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":";;;;;;;;AAKA,MAAM,cAAc,GAAGA,WAAG,CAACC,sBAAM,CAAC,OAAO,CAAC,CAAC;AAE3C,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC/DC,gCAAA,CAACC,YAAuB,EACtB,EAAA,QAAA,EAAAD,gCAAA,CAACE,aAAwB,EAAA,EACvB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GACpC,KAAK,EAAA,CACT,EACsB,CAAA,CAC3B,CAAC,CAAC;AACH,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;;;;"}

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

@@ -0,0 +1,8 @@
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import React from "react";
+export declare const Popover: React.FC<PopoverPrimitive.PopoverProps> & {
+    Trigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Close: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../v1/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAsB1B,eAAO,MAAM,OAAO;;;;CAIlB,CAAC"}

package/dist/v1/components/popover/popover.js

@@ -0,0 +1,17 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { Portal as $cb5cc270b50c6fcd$export$602eac185826482c, Content as $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, Root as $cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, Trigger as $cb5cc270b50c6fcd$export$41fb9f06171c75f4, Close as $cb5cc270b50c6fcd$export$f39c2d165cd861fe } from '../../node_modules/.pnpm/@radix-ui_react-popover@1.0.6_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-popover/dist/index.js';
+import React__default from 'react';
+import styles from './popover.module.css.js';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+
+const popoverContent = cva(styles.popover);
+const PopoverContent = React__default.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (jsxRuntimeExports.jsx($cb5cc270b50c6fcd$export$602eac185826482c, { children: jsxRuntimeExports.jsx($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, { ref: ref, align: align, sideOffset: sideOffset, className: popoverContent({ className }), ...props }) })));
+PopoverContent.displayName = $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2.displayName;
+const Popover = Object.assign($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, {
+    Trigger: $cb5cc270b50c6fcd$export$41fb9f06171c75f4,
+    Close: $cb5cc270b50c6fcd$export$f39c2d165cd861fe,
+    Content: PopoverContent,
+});
+
+export { Popover };
+//# sourceMappingURL=popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sources":["../../../../v1/components/popover/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport React from \"react\";\nimport styles from \"./popover.module.css\";\nimport { cva } from \"class-variance-authority\";\n\nconst popoverContent = cva(styles.popover);\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={popoverContent({ className })}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\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":";;;;;;AAKA,MAAM,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAE3C,MAAM,cAAc,GAAGA,cAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC/DC,qBAAA,CAACC,yCAAuB,EACtB,EAAA,QAAA,EAAAD,qBAAA,CAACE,yCAAwB,EAAA,EACvB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GACpC,KAAK,EAAA,CACT,EACsB,CAAA,CAC3B,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAGA,yCAAwB,CAAC,WAAW,CAAC;AAErD,MAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAACC,yCAAqB,EAAE;IAC1D,OAAO,EAAEC,yCAAwB;IACjC,KAAK,EAAEC,yCAAsB;AAC7B,IAAA,OAAO,EAAE,cAAc;AACxB,CAAA;;;;"}