@raystack/apsara 0.56.7 → 1.0.0-rc.1

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.cjs","sources":["../../../components/icon-button/icon-button.tsx"],"sourcesContent":["import { VariantProps, cva } from 'class-variance-authority';\nimport { ElementRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\n\nimport styles from './icon-button.module.css';\n\nconst iconButton = cva(styles.iconButton, {\n  variants: {\n    size: {\n      1: styles['iconButton-size-1'],\n      2: styles['iconButton-size-2'],\n      3: styles['iconButton-size-3'],\n      4: styles['iconButton-size-4']\n    }\n  },\n  defaultVariants: {\n    size: 2\n  }\n});\n\nexport interface IconButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof iconButton> {\n  size?: 1 | 2 | 3 | 4;\n  'aria-label'?: string;\n}\n\nexport const IconButton = forwardRef<ElementRef<'button'>, IconButtonProps>(\n  (\n    {\n      className,\n      size,\n      disabled,\n      children,\n      'aria-label': ariaLabel,\n      style,\n      ...props\n    },\n    ref\n  ) => (\n    <button\n      ref={ref}\n      className={iconButton({ size, className })}\n      disabled={disabled}\n      type='button'\n      aria-label={ariaLabel}\n      aria-disabled={disabled}\n      style={style}\n      {...props}\n    >\n      <Flex aria-hidden='true' align='center' justify='center'>\n        {children}\n      </Flex>\n    </button>\n  )\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["cva","styles","forwardRef","_jsx","Flex"],"mappings":";;;;;;;;AAMA,MAAM,UAAU,GAAGA,0BAAG,CAACC,yBAAM,CAAC,UAAU,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACF,CAAA,CAAC,CAAC;AASU,MAAA,UAAU,GAAGC,gBAAU,CAClC,CACE,EACE,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,MAEHC,cAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,gBACD,SAAS,EAAA,eAAA,EACN,QAAQ,EACvB,KAAK,EAAE,KAAK,EAAA,GACR,KAAK,EAAA,QAAA,EAETA,eAACC,SAAI,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EACrD,QAAA,EAAA,QAAQ,GACJ,EACA,CAAA,CACV,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"icon-button.cjs","sources":["../../../components/icon-button/icon-button.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority';\nimport { ComponentProps } from 'react';\nimport { Flex } from '../flex';\nimport styles from './icon-button.module.css';\n\nconst iconButton = cva(styles.iconButton, {\n  variants: {\n    size: {\n      1: styles['iconButton-size-1'],\n      2: styles['iconButton-size-2'],\n      3: styles['iconButton-size-3'],\n      4: styles['iconButton-size-4']\n    }\n  },\n  defaultVariants: {\n    size: 2\n  }\n});\n\nexport interface IconButtonProps\n  extends ComponentProps<'button'>,\n    VariantProps<typeof iconButton> {\n  size?: 1 | 2 | 3 | 4;\n  'aria-label'?: string;\n}\n\nexport function IconButton({\n  className,\n  size,\n  disabled,\n  children,\n  'aria-label': ariaLabel,\n  style,\n  ...props\n}: IconButtonProps) {\n  return (\n    <button\n      className={iconButton({ size, className })}\n      disabled={disabled}\n      type='button'\n      aria-label={ariaLabel}\n      aria-disabled={disabled}\n      style={style}\n      {...props}\n    >\n      <Flex aria-hidden='true' align='center' justify='center'>\n        {children}\n      </Flex>\n    </button>\n  );\n}\n\nIconButton.displayName = 'IconButton';\n"],"names":["cva","styles","_jsx","Flex"],"mappings":";;;;;;;AAKA,MAAM,UAAU,GAAGA,0BAAG,CAACC,yBAAM,CAAC,UAAU,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACF,CAAA,CAAC,CAAC;AASG,SAAU,UAAU,CAAC,EACzB,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,GAAG,KAAK,EACQ,EAAA;IAChB,QACEC,2BACE,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,SAAS,EACN,eAAA,EAAA,QAAQ,EACvB,KAAK,EAAE,KAAK,EACR,GAAA,KAAK,YAETA,cAAC,CAAAC,SAAI,EAAa,EAAA,aAAA,EAAA,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,YACrD,QAAQ,EAAA,CACJ,EACA,CAAA,EACT;AACJ,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/components/icon-button/icon-button.d.ts

@@ -1,11 +1,15 @@
 import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
 declare const iconButton: (props?: ({
     size?: 1 | 2 | 3 | 4 | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButton> {
+export interface IconButtonProps extends ComponentProps<'button'>, VariantProps<typeof iconButton> {
     size?: 1 | 2 | 3 | 4;
     'aria-label'?: string;
 }
-export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare function IconButton({ className, size, disabled, children, 'aria-label': ariaLabel, style, ...props }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace IconButton {
+    var displayName: string;
+}
 export {};
 //# sourceMappingURL=icon-button.d.ts.map

package/dist/components/icon-button/icon-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../components/icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAM7D,QAAA,MAAM,UAAU;;8EAYd,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,UAAU,CAAC;IACjC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,+GA4BtB,CAAC"}
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../components/icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,QAAA,MAAM,UAAU;;8EAYd,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,cAAc,CAAC,QAAQ,CAAC,EAC9B,YAAY,CAAC,OAAO,UAAU,CAAC;IACjC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,2CAgBjB;yBAxBe,UAAU"}

package/dist/components/icon-button/icon-button.js

@@ -1,6 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
-import { forwardRef } from 'react';
 import { Flex } from '../flex/flex.js';
 import styles from './icon-button.module.css.js';
 
@@ -17,7 +16,9 @@ const iconButton = cva(styles.iconButton, {
         size: 2
     }
 });
-const IconButton = forwardRef(({ className, size, disabled, children, 'aria-label': ariaLabel, style, ...props }, ref) => (jsx("button", { ref: ref, className: iconButton({ size, className }), disabled: disabled, type: 'button', "aria-label": ariaLabel, "aria-disabled": disabled, style: style, ...props, children: jsx(Flex, { "aria-hidden": 'true', align: 'center', justify: 'center', children: children }) })));
+function IconButton({ className, size, disabled, children, 'aria-label': ariaLabel, style, ...props }) {
+    return (jsx("button", { className: iconButton({ size, className }), disabled: disabled, type: 'button', "aria-label": ariaLabel, "aria-disabled": disabled, style: style, ...props, children: jsx(Flex, { "aria-hidden": 'true', align: 'center', justify: 'center', children: children }) }));
+}
 IconButton.displayName = 'IconButton';
 
 export { IconButton };

package/dist/components/icon-button/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sources":["../../../components/icon-button/icon-button.tsx"],"sourcesContent":["import { VariantProps, cva } from 'class-variance-authority';\nimport { ElementRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\n\nimport styles from './icon-button.module.css';\n\nconst iconButton = cva(styles.iconButton, {\n  variants: {\n    size: {\n      1: styles['iconButton-size-1'],\n      2: styles['iconButton-size-2'],\n      3: styles['iconButton-size-3'],\n      4: styles['iconButton-size-4']\n    }\n  },\n  defaultVariants: {\n    size: 2\n  }\n});\n\nexport interface IconButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof iconButton> {\n  size?: 1 | 2 | 3 | 4;\n  'aria-label'?: string;\n}\n\nexport const IconButton = forwardRef<ElementRef<'button'>, IconButtonProps>(\n  (\n    {\n      className,\n      size,\n      disabled,\n      children,\n      'aria-label': ariaLabel,\n      style,\n      ...props\n    },\n    ref\n  ) => (\n    <button\n      ref={ref}\n      className={iconButton({ size, className })}\n      disabled={disabled}\n      type='button'\n      aria-label={ariaLabel}\n      aria-disabled={disabled}\n      style={style}\n      {...props}\n    >\n      <Flex aria-hidden='true' align='center' justify='center'>\n        {children}\n      </Flex>\n    </button>\n  )\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACF,CAAA,CAAC,CAAC;AASU,MAAA,UAAU,GAAG,UAAU,CAClC,CACE,EACE,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,MAEHA,GAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,gBACD,SAAS,EAAA,eAAA,EACN,QAAQ,EACvB,KAAK,EAAE,KAAK,EAAA,GACR,KAAK,EAAA,QAAA,EAETA,IAAC,IAAI,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EACrD,QAAA,EAAA,QAAQ,GACJ,EACA,CAAA,CACV,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"icon-button.js","sources":["../../../components/icon-button/icon-button.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority';\nimport { ComponentProps } from 'react';\nimport { Flex } from '../flex';\nimport styles from './icon-button.module.css';\n\nconst iconButton = cva(styles.iconButton, {\n  variants: {\n    size: {\n      1: styles['iconButton-size-1'],\n      2: styles['iconButton-size-2'],\n      3: styles['iconButton-size-3'],\n      4: styles['iconButton-size-4']\n    }\n  },\n  defaultVariants: {\n    size: 2\n  }\n});\n\nexport interface IconButtonProps\n  extends ComponentProps<'button'>,\n    VariantProps<typeof iconButton> {\n  size?: 1 | 2 | 3 | 4;\n  'aria-label'?: string;\n}\n\nexport function IconButton({\n  className,\n  size,\n  disabled,\n  children,\n  'aria-label': ariaLabel,\n  style,\n  ...props\n}: IconButtonProps) {\n  return (\n    <button\n      className={iconButton({ size, className })}\n      disabled={disabled}\n      type='button'\n      aria-label={ariaLabel}\n      aria-disabled={disabled}\n      style={style}\n      {...props}\n    >\n      <Flex aria-hidden='true' align='center' justify='center'>\n        {children}\n      </Flex>\n    </button>\n  );\n}\n\nIconButton.displayName = 'IconButton';\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACF,CAAA,CAAC,CAAC;AASG,SAAU,UAAU,CAAC,EACzB,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,GAAG,KAAK,EACQ,EAAA;IAChB,QACEA,gBACE,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,SAAS,EACN,eAAA,EAAA,QAAQ,EACvB,KAAK,EAAE,KAAK,EACR,GAAA,KAAK,YAETA,GAAC,CAAA,IAAI,EAAa,EAAA,aAAA,EAAA,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,YACrD,QAAQ,EAAA,CACJ,EACA,CAAA,EACT;AACJ,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"image.cjs","sources":["../../../components/image/image.tsx"],"sourcesContent":["'use client';\n\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport { ImgHTMLAttributes } from 'react';\n\nimport styles from './image.module.css';\n\nconst image = cva(styles.image, {\n  variants: {\n    fit: {\n      contain: styles['image-contain'],\n      cover: styles['image-cover'],\n      fill: styles['image-fill']\n    },\n    radius: {\n      none: styles['image-radius-none'],\n      small: styles['image-radius-small'],\n      medium: styles['image-radius-medium'],\n      full: styles['image-radius-full']\n    }\n  },\n  defaultVariants: {\n    fit: 'cover',\n    radius: 'none'\n  }\n});\n\ninterface ImageProps\n  extends ImgHTMLAttributes<HTMLImageElement>,\n    VariantProps<typeof image> {\n  fallback?: string;\n  width?: string | number;\n  height?: string | number;\n}\n\nexport function Image({\n  alt = '',\n  className,\n  fit,\n  radius,\n  fallback,\n  onError,\n  width,\n  height,\n  style,\n  loading = 'lazy',\n  decoding = 'async',\n  ...props\n}: ImageProps) {\n  const handleError = (\n    event: React.SyntheticEvent<HTMLImageElement, Event>\n  ) => {\n    if (fallback) {\n      event.currentTarget.src = fallback;\n    }\n    onError?.(event);\n  };\n\n  const imageStyle = {\n    width: width,\n    height: height,\n    ...style\n  };\n\n  return (\n    <img\n      alt={alt}\n      className={image({ fit, radius, className })}\n      onError={handleError}\n      style={imageStyle}\n      loading={loading}\n      decoding={decoding}\n      {...props}\n      role='img'\n      aria-label={alt}\n    />\n  );\n}\n\nImage.displayName = 'Image';\n"],"names":[],"mappings":";;;;;;;AAOA;AACE;AACE;AACE;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACA;AACD;AACF;AAUe;AAcd;;AAII;;AAEF;AACF;AAEA;AACE;AACA;AACA;;;AAgBJ;AAEA;;"}
+{"version":3,"file":"image.cjs","sources":["../../../components/image/image.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ComponentProps, SyntheticEvent } from 'react';\n\nimport styles from './image.module.css';\n\nconst image = cva(styles.image, {\n  variants: {\n    fit: {\n      contain: styles['image-contain'],\n      cover: styles['image-cover'],\n      fill: styles['image-fill']\n    },\n    radius: {\n      none: styles['image-radius-none'],\n      small: styles['image-radius-small'],\n      medium: styles['image-radius-medium'],\n      full: styles['image-radius-full']\n    }\n  },\n  defaultVariants: {\n    fit: 'cover',\n    radius: 'none'\n  }\n});\n\ninterface ImageProps extends ComponentProps<'img'>, VariantProps<typeof image> {\n  fallback?: string;\n}\n\nexport function Image({\n  alt = '',\n  className,\n  fit,\n  radius,\n  fallback,\n  onError,\n  width,\n  height,\n  style,\n  loading = 'lazy',\n  decoding = 'async',\n  ...props\n}: ImageProps) {\n  const handleError = (event: SyntheticEvent<HTMLImageElement, Event>) => {\n    if (fallback) {\n      event.currentTarget.src = fallback;\n    }\n    onError?.(event);\n  };\n\n  const imageStyle = {\n    width: width,\n    height: height,\n    ...style\n  };\n\n  return (\n    <img\n      alt={alt}\n      className={image({ fit, radius, className })}\n      onError={handleError}\n      style={imageStyle}\n      loading={loading}\n      decoding={decoding}\n      {...props}\n      role='img'\n      aria-label={alt}\n    />\n  );\n}\n\nImage.displayName = 'Image';\n"],"names":[],"mappings":";;;;;;;AAOA;AACE;AACE;AACE;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACA;AACD;AACF;AAMe;AAcd;;AAEI;;AAEF;AACF;AAEA;AACE;AACA;AACA;;;AAgBJ;AAEA;;"}

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

@@ -1,13 +1,11 @@
 import { type VariantProps } from 'class-variance-authority';
-import { ImgHTMLAttributes } from 'react';
+import { ComponentProps } from 'react';
 declare const image: (props?: ({
     fit?: "fill" | "contain" | "cover" | null | undefined;
     radius?: "small" | "none" | "medium" | "full" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-interface ImageProps extends ImgHTMLAttributes<HTMLImageElement>, VariantProps<typeof image> {
+interface ImageProps extends ComponentProps<'img'>, VariantProps<typeof image> {
     fallback?: string;
-    width?: string | number;
-    height?: string | number;
 }
 export declare function Image({ alt, className, fit, radius, fallback, onError, width, height, style, loading, decoding, ...props }: ImageProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Image {

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"image.js","sources":["../../../components/image/image.tsx"],"sourcesContent":["'use client';\n\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport { ImgHTMLAttributes } from 'react';\n\nimport styles from './image.module.css';\n\nconst image = cva(styles.image, {\n  variants: {\n    fit: {\n      contain: styles['image-contain'],\n      cover: styles['image-cover'],\n      fill: styles['image-fill']\n    },\n    radius: {\n      none: styles['image-radius-none'],\n      small: styles['image-radius-small'],\n      medium: styles['image-radius-medium'],\n      full: styles['image-radius-full']\n    }\n  },\n  defaultVariants: {\n    fit: 'cover',\n    radius: 'none'\n  }\n});\n\ninterface ImageProps\n  extends ImgHTMLAttributes<HTMLImageElement>,\n    VariantProps<typeof image> {\n  fallback?: string;\n  width?: string | number;\n  height?: string | number;\n}\n\nexport function Image({\n  alt = '',\n  className,\n  fit,\n  radius,\n  fallback,\n  onError,\n  width,\n  height,\n  style,\n  loading = 'lazy',\n  decoding = 'async',\n  ...props\n}: ImageProps) {\n  const handleError = (\n    event: React.SyntheticEvent<HTMLImageElement, Event>\n  ) => {\n    if (fallback) {\n      event.currentTarget.src = fallback;\n    }\n    onError?.(event);\n  };\n\n  const imageStyle = {\n    width: width,\n    height: height,\n    ...style\n  };\n\n  return (\n    <img\n      alt={alt}\n      className={image({ fit, radius, className })}\n      onError={handleError}\n      style={imageStyle}\n      loading={loading}\n      decoding={decoding}\n      {...props}\n      role='img'\n      aria-label={alt}\n    />\n  );\n}\n\nImage.displayName = 'Image';\n"],"names":[],"mappings":";;;;;AAOA;AACE;AACE;AACE;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACA;AACD;AACF;AAUe;AAcd;;AAII;;AAEF;AACF;AAEA;AACE;AACA;AACA;;;AAgBJ;AAEA;;"}
+{"version":3,"file":"image.js","sources":["../../../components/image/image.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ComponentProps, SyntheticEvent } from 'react';\n\nimport styles from './image.module.css';\n\nconst image = cva(styles.image, {\n  variants: {\n    fit: {\n      contain: styles['image-contain'],\n      cover: styles['image-cover'],\n      fill: styles['image-fill']\n    },\n    radius: {\n      none: styles['image-radius-none'],\n      small: styles['image-radius-small'],\n      medium: styles['image-radius-medium'],\n      full: styles['image-radius-full']\n    }\n  },\n  defaultVariants: {\n    fit: 'cover',\n    radius: 'none'\n  }\n});\n\ninterface ImageProps extends ComponentProps<'img'>, VariantProps<typeof image> {\n  fallback?: string;\n}\n\nexport function Image({\n  alt = '',\n  className,\n  fit,\n  radius,\n  fallback,\n  onError,\n  width,\n  height,\n  style,\n  loading = 'lazy',\n  decoding = 'async',\n  ...props\n}: ImageProps) {\n  const handleError = (event: SyntheticEvent<HTMLImageElement, Event>) => {\n    if (fallback) {\n      event.currentTarget.src = fallback;\n    }\n    onError?.(event);\n  };\n\n  const imageStyle = {\n    width: width,\n    height: height,\n    ...style\n  };\n\n  return (\n    <img\n      alt={alt}\n      className={image({ fit, radius, className })}\n      onError={handleError}\n      style={imageStyle}\n      loading={loading}\n      decoding={decoding}\n      {...props}\n      role='img'\n      aria-label={alt}\n    />\n  );\n}\n\nImage.displayName = 'Image';\n"],"names":[],"mappings":";;;;;AAOA;AACE;AACE;AACE;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACA;AACD;AACF;AAMe;AAcd;;AAEI;;AAEF;AACF;AAEA;AACE;AACA;AACA;;;AAgBJ;AAEA;;"}

package/dist/components/indicator/indicator.cjs

@@ -7,20 +7,20 @@ var indicator_module = require('./indicator.module.css.cjs');
 const indicator = classVarianceAuthority.cva(indicator_module.default.indicator, {
     variants: {
         variant: {
-            accent: indicator_module.default["indicator-variant-accent"],
-            warning: indicator_module.default["indicator-variant-warning"],
-            danger: indicator_module.default["indicator-variant-danger"],
-            success: indicator_module.default["indicator-variant-success"],
-            neutral: indicator_module.default["indicator-variant-neutral"],
+            accent: indicator_module.default['indicator-variant-accent'],
+            warning: indicator_module.default['indicator-variant-warning'],
+            danger: indicator_module.default['indicator-variant-danger'],
+            success: indicator_module.default['indicator-variant-success'],
+            neutral: indicator_module.default['indicator-variant-neutral']
         }
     },
     defaultVariants: {
-        variant: "accent",
-    },
+        variant: 'accent'
+    }
 });
-const Indicator = ({ className, variant, label, children, "aria-label": ariaLabel, ...props }) => {
+const Indicator = ({ className, variant, label, children, 'aria-label': ariaLabel, ...props }) => {
     const accessibilityLabel = ariaLabel || label || `${variant} indicator`;
-    return (jsxRuntime.jsxs("div", { className: indicator_module.default.wrapper, ...props, children: [children, jsxRuntime.jsx("div", { className: indicator({ variant, className }), role: "status", "aria-label": accessibilityLabel, children: label ? (jsxRuntime.jsx("span", { className: indicator_module.default.label, "data-length": label.length.toString(), children: label })) : (jsxRuntime.jsx("span", { className: indicator_module.default.dot, "aria-hidden": "true" })) })] }));
+    return (jsxRuntime.jsxs("div", { className: indicator_module.default.wrapper, ...props, children: [children, jsxRuntime.jsx("div", { className: indicator({ variant, className }), role: 'status', "aria-label": accessibilityLabel, children: label ? (jsxRuntime.jsx("span", { className: indicator_module.default.label, "data-length": label.length.toString(), children: label })) : (jsxRuntime.jsx("span", { className: indicator_module.default.dot, "aria-hidden": 'true' })) })] }));
 };
 Indicator.displayName = 'Indicator';
 

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

@@ -1 +1 @@
-{"version":3,"file":"indicator.cjs","sources":["../../../components/indicator/indicator.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport styles from './indicator.module.css';\n\nconst indicator = cva(styles.indicator, {\n  variants: {\n    variant: {\n      accent: styles[\"indicator-variant-accent\"],\n      warning: styles[\"indicator-variant-warning\"],\n      danger: styles[\"indicator-variant-danger\"],\n      success: styles[\"indicator-variant-success\"],\n      neutral: styles[\"indicator-variant-neutral\"],\n    }\n  },\n  defaultVariants: {\n    variant: \"accent\",\n  },\n});\n\nexport interface IndicatorProps\n  extends ComponentPropsWithoutRef<\"div\">,\n    VariantProps<typeof indicator> {\n  label?: string;\n  children?: ReactNode;\n  \"aria-label\"?: string;\n}\n\nexport const Indicator = ({ \n  className, \n  variant, \n  label, \n  children, \n  \"aria-label\": ariaLabel,\n  ...props \n}: IndicatorProps) => {\n  const accessibilityLabel = ariaLabel || label || `${variant} indicator`;\n\n  return (\n    <div className={styles.wrapper} {...props}>\n      {children}\n      <div \n        className={indicator({ variant, className })}\n        role=\"status\"\n        aria-label={accessibilityLabel}\n      >\n        {label ? (\n          <span \n            className={styles.label} \n            data-length={label.length.toString()}\n          >\n            {label}\n          </span>\n        ) : (\n          <span \n            className={styles.dot} \n            aria-hidden=\"true\" \n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nIndicator.displayName = 'Indicator';\n"],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,SAAS,GAAGA,0BAAG,CAACC,wBAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,MAAM,EAAEA,wBAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAEA,wBAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,MAAM,EAAEA,wBAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAEA,wBAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,OAAO,EAAEA,wBAAM,CAAC,2BAA2B,CAAC;AAC7C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,QAAQ;AAClB,KAAA;AACF,CAAA,CAAC,CAAC;MAUU,SAAS,GAAG,CAAC,EACxB,SAAS,EACT,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACO,KAAI;IACnB,MAAM,kBAAkB,GAAG,SAAS,IAAI,KAAK,IAAI,CAAA,EAAG,OAAO,CAAA,UAAA,CAAY,CAAC;AAExE,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,wBAAM,CAAC,OAAO,EAAM,GAAA,KAAK,EACtC,QAAA,EAAA,CAAA,QAAQ,EACTE,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC5C,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,kBAAkB,EAE7B,QAAA,EAAA,KAAK,IACJA,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAEF,wBAAM,CAAC,KAAK,EACV,aAAA,EAAA,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAA,QAAA,EAEnC,KAAK,EACD,CAAA,KAEPE,cACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,wBAAM,CAAC,GAAG,EAAA,aAAA,EACT,MAAM,EAClB,CAAA,CACH,EACG,CAAA,CAAA,EAAA,CACF,EACN;AACJ,EAAE;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}
+{"version":3,"file":"indicator.cjs","sources":["../../../components/indicator/indicator.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority';\nimport { ComponentProps, ReactNode } from 'react';\n\nimport styles from './indicator.module.css';\n\nconst indicator = cva(styles.indicator, {\n  variants: {\n    variant: {\n      accent: styles['indicator-variant-accent'],\n      warning: styles['indicator-variant-warning'],\n      danger: styles['indicator-variant-danger'],\n      success: styles['indicator-variant-success'],\n      neutral: styles['indicator-variant-neutral']\n    }\n  },\n  defaultVariants: {\n    variant: 'accent'\n  }\n});\n\nexport interface IndicatorProps\n  extends ComponentProps<'div'>,\n    VariantProps<typeof indicator> {\n  label?: string;\n  children?: ReactNode;\n  'aria-label'?: string;\n}\n\nexport const Indicator = ({\n  className,\n  variant,\n  label,\n  children,\n  'aria-label': ariaLabel,\n  ...props\n}: IndicatorProps) => {\n  const accessibilityLabel = ariaLabel || label || `${variant} indicator`;\n\n  return (\n    <div className={styles.wrapper} {...props}>\n      {children}\n      <div\n        className={indicator({ variant, className })}\n        role='status'\n        aria-label={accessibilityLabel}\n      >\n        {label ? (\n          <span className={styles.label} data-length={label.length.toString()}>\n            {label}\n          </span>\n        ) : (\n          <span className={styles.dot} aria-hidden='true' />\n        )}\n      </div>\n    </div>\n  );\n};\n\nIndicator.displayName = 'Indicator';\n"],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,SAAS,GAAGA,0BAAG,CAACC,wBAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,MAAM,EAAEA,wBAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAEA,wBAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,MAAM,EAAEA,wBAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAEA,wBAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,OAAO,EAAEA,wBAAM,CAAC,2BAA2B,CAAC;AAC7C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,QAAQ;AAClB,KAAA;AACF,CAAA,CAAC,CAAC;MAUU,SAAS,GAAG,CAAC,EACxB,SAAS,EACT,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACO,KAAI;IACnB,MAAM,kBAAkB,GAAG,SAAS,IAAI,KAAK,IAAI,CAAA,EAAG,OAAO,CAAA,UAAA,CAAY,CAAC;AAExE,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,wBAAM,CAAC,OAAO,EAAM,GAAA,KAAK,EACtC,QAAA,EAAA,CAAA,QAAQ,EACTE,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC5C,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,kBAAkB,EAE7B,QAAA,EAAA,KAAK,IACJA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEF,wBAAM,CAAC,KAAK,EAAe,aAAA,EAAA,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAA,QAAA,EAChE,KAAK,EACD,CAAA,KAEPE,cAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,wBAAM,CAAC,GAAG,EAAA,aAAA,EAAc,MAAM,EAAG,CAAA,CACnD,EACG,CAAA,CAAA,EAAA,CACF,EACN;AACJ,EAAE;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

package/dist/components/indicator/indicator.d.ts

@@ -1,12 +1,12 @@
-import { VariantProps } from "class-variance-authority";
-import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps, ReactNode } from 'react';
 declare const indicator: (props?: ({
     variant?: "accent" | "danger" | "success" | "neutral" | "warning" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface IndicatorProps extends ComponentPropsWithoutRef<"div">, VariantProps<typeof indicator> {
+export interface IndicatorProps extends ComponentProps<'div'>, VariantProps<typeof indicator> {
     label?: string;
     children?: ReactNode;
-    "aria-label"?: string;
+    'aria-label'?: string;
 }
 export declare const Indicator: {
     ({ className, variant, label, children, "aria-label": ariaLabel, ...props }: IndicatorProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"indicator.d.ts","sourceRoot":"","sources":["../../../components/indicator/indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5D,QAAA,MAAM,SAAS;;8EAab,CAAC;AAEH,MAAM,WAAW,cACf,SAAQ,wBAAwB,CAAC,KAAK,CAAC,EACrC,YAAY,CAAC,OAAO,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,SAAS;iFAOnB,cAAc;;CA2BhB,CAAC"}
+{"version":3,"file":"indicator.d.ts","sourceRoot":"","sources":["../../../components/indicator/indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlD,QAAA,MAAM,SAAS;;8EAab,CAAC;AAEH,MAAM,WAAW,cACf,SAAQ,cAAc,CAAC,KAAK,CAAC,EAC3B,YAAY,CAAC,OAAO,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,SAAS;iFAOnB,cAAc;;CAqBhB,CAAC"}

package/dist/components/indicator/indicator.js

@@ -5,20 +5,20 @@ import styles from './indicator.module.css.js';
 const indicator = cva(styles.indicator, {
     variants: {
         variant: {
-            accent: styles["indicator-variant-accent"],
-            warning: styles["indicator-variant-warning"],
-            danger: styles["indicator-variant-danger"],
-            success: styles["indicator-variant-success"],
-            neutral: styles["indicator-variant-neutral"],
+            accent: styles['indicator-variant-accent'],
+            warning: styles['indicator-variant-warning'],
+            danger: styles['indicator-variant-danger'],
+            success: styles['indicator-variant-success'],
+            neutral: styles['indicator-variant-neutral']
         }
     },
     defaultVariants: {
-        variant: "accent",
-    },
+        variant: 'accent'
+    }
 });
-const Indicator = ({ className, variant, label, children, "aria-label": ariaLabel, ...props }) => {
+const Indicator = ({ className, variant, label, children, 'aria-label': ariaLabel, ...props }) => {
     const accessibilityLabel = ariaLabel || label || `${variant} indicator`;
-    return (jsxs("div", { className: styles.wrapper, ...props, children: [children, jsx("div", { className: indicator({ variant, className }), role: "status", "aria-label": accessibilityLabel, children: label ? (jsx("span", { className: styles.label, "data-length": label.length.toString(), children: label })) : (jsx("span", { className: styles.dot, "aria-hidden": "true" })) })] }));
+    return (jsxs("div", { className: styles.wrapper, ...props, children: [children, jsx("div", { className: indicator({ variant, className }), role: 'status', "aria-label": accessibilityLabel, children: label ? (jsx("span", { className: styles.label, "data-length": label.length.toString(), children: label })) : (jsx("span", { className: styles.dot, "aria-hidden": 'true' })) })] }));
 };
 Indicator.displayName = 'Indicator';
 

package/dist/components/indicator/indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"indicator.js","sources":["../../../components/indicator/indicator.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport styles from './indicator.module.css';\n\nconst indicator = cva(styles.indicator, {\n  variants: {\n    variant: {\n      accent: styles[\"indicator-variant-accent\"],\n      warning: styles[\"indicator-variant-warning\"],\n      danger: styles[\"indicator-variant-danger\"],\n      success: styles[\"indicator-variant-success\"],\n      neutral: styles[\"indicator-variant-neutral\"],\n    }\n  },\n  defaultVariants: {\n    variant: \"accent\",\n  },\n});\n\nexport interface IndicatorProps\n  extends ComponentPropsWithoutRef<\"div\">,\n    VariantProps<typeof indicator> {\n  label?: string;\n  children?: ReactNode;\n  \"aria-label\"?: string;\n}\n\nexport const Indicator = ({ \n  className, \n  variant, \n  label, \n  children, \n  \"aria-label\": ariaLabel,\n  ...props \n}: IndicatorProps) => {\n  const accessibilityLabel = ariaLabel || label || `${variant} indicator`;\n\n  return (\n    <div className={styles.wrapper} {...props}>\n      {children}\n      <div \n        className={indicator({ variant, className })}\n        role=\"status\"\n        aria-label={accessibilityLabel}\n      >\n        {label ? (\n          <span \n            className={styles.label} \n            data-length={label.length.toString()}\n          >\n            {label}\n          </span>\n        ) : (\n          <span \n            className={styles.dot} \n            aria-hidden=\"true\" \n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nIndicator.displayName = 'Indicator';\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,MAAM,EAAE,MAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAE,MAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,MAAM,EAAE,MAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAE,MAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,OAAO,EAAE,MAAM,CAAC,2BAA2B,CAAC;AAC7C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,QAAQ;AAClB,KAAA;AACF,CAAA,CAAC,CAAC;MAUU,SAAS,GAAG,CAAC,EACxB,SAAS,EACT,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACO,KAAI;IACnB,MAAM,kBAAkB,GAAG,SAAS,IAAI,KAAK,IAAI,CAAA,EAAG,OAAO,CAAA,UAAA,CAAY,CAAC;AAExE,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAM,GAAA,KAAK,EACtC,QAAA,EAAA,CAAA,QAAQ,EACTC,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC5C,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,kBAAkB,EAE7B,QAAA,EAAA,KAAK,IACJA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,KAAK,EACV,aAAA,EAAA,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAA,QAAA,EAEnC,KAAK,EACD,CAAA,KAEPA,GACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,GAAG,EAAA,aAAA,EACT,MAAM,EAClB,CAAA,CACH,EACG,CAAA,CAAA,EAAA,CACF,EACN;AACJ,EAAE;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}
+{"version":3,"file":"indicator.js","sources":["../../../components/indicator/indicator.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority';\nimport { ComponentProps, ReactNode } from 'react';\n\nimport styles from './indicator.module.css';\n\nconst indicator = cva(styles.indicator, {\n  variants: {\n    variant: {\n      accent: styles['indicator-variant-accent'],\n      warning: styles['indicator-variant-warning'],\n      danger: styles['indicator-variant-danger'],\n      success: styles['indicator-variant-success'],\n      neutral: styles['indicator-variant-neutral']\n    }\n  },\n  defaultVariants: {\n    variant: 'accent'\n  }\n});\n\nexport interface IndicatorProps\n  extends ComponentProps<'div'>,\n    VariantProps<typeof indicator> {\n  label?: string;\n  children?: ReactNode;\n  'aria-label'?: string;\n}\n\nexport const Indicator = ({\n  className,\n  variant,\n  label,\n  children,\n  'aria-label': ariaLabel,\n  ...props\n}: IndicatorProps) => {\n  const accessibilityLabel = ariaLabel || label || `${variant} indicator`;\n\n  return (\n    <div className={styles.wrapper} {...props}>\n      {children}\n      <div\n        className={indicator({ variant, className })}\n        role='status'\n        aria-label={accessibilityLabel}\n      >\n        {label ? (\n          <span className={styles.label} data-length={label.length.toString()}>\n            {label}\n          </span>\n        ) : (\n          <span className={styles.dot} aria-hidden='true' />\n        )}\n      </div>\n    </div>\n  );\n};\n\nIndicator.displayName = 'Indicator';\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,MAAM,EAAE,MAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAE,MAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,MAAM,EAAE,MAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAE,MAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,OAAO,EAAE,MAAM,CAAC,2BAA2B,CAAC;AAC7C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,QAAQ;AAClB,KAAA;AACF,CAAA,CAAC,CAAC;MAUU,SAAS,GAAG,CAAC,EACxB,SAAS,EACT,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACO,KAAI;IACnB,MAAM,kBAAkB,GAAG,SAAS,IAAI,KAAK,IAAI,CAAA,EAAG,OAAO,CAAA,UAAA,CAAY,CAAC;AAExE,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAM,GAAA,KAAK,EACtC,QAAA,EAAA,CAAA,QAAQ,EACTC,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC5C,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,kBAAkB,EAE7B,QAAA,EAAA,KAAK,IACJA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,KAAK,EAAe,aAAA,EAAA,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAA,QAAA,EAChE,KAAK,EACD,CAAA,KAEPA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,GAAG,EAAA,aAAA,EAAc,MAAM,EAAG,CAAA,CACnD,EACG,CAAA,CAAA,EAAA,CACF,EACN;AACJ,EAAE;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

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

@@ -4,7 +4,6 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactIcons = require('@radix-ui/react-icons');
 var classVarianceAuthority = require('class-variance-authority');
-var React = require('react');
 var chip = require('../chip/chip.cjs');
 var tooltip = require('../tooltip/tooltip.cjs');
 var inputField_module = require('./input-field.module.css.cjs');
@@ -26,9 +25,9 @@ const inputWrapper = classVarianceAuthority.cva(inputField_module.default.inputW
         variant: 'default'
     }
 });
-const InputField = React.forwardRef(({ className, disabled, label, helperText, placeholder, error, leadingIcon, trailingIcon, optional, prefix, suffix, width, chips, maxChipsVisible = 2, size, infoTooltip, variant = 'default', ...props }, ref) => {
-    return (jsxRuntime.jsxs("div", { className: inputField_module.default.container, style: { width: width || '100%' }, children: [label && (jsxRuntime.jsxs("div", { className: inputField_module.default.labelContainer, children: [jsxRuntime.jsxs("label", { className: classVarianceAuthority.cx(inputField_module.default.label, disabled && inputField_module.default['label-disabled']), children: [label, optional && jsxRuntime.jsx("span", { className: inputField_module.default.optional, children: "(optional)" })] }), infoTooltip && (jsxRuntime.jsx(tooltip.Tooltip, { message: infoTooltip, side: 'right', children: jsxRuntime.jsx("span", { className: inputField_module.default.helpIcon, children: jsxRuntime.jsx(reactIcons.InfoCircledIcon, {}) }) }))] })), jsxRuntime.jsxs("div", { className: classVarianceAuthority.cx(inputWrapper({ size, variant, className }), error && inputField_module.default['input-error-wrapper'], disabled && inputField_module.default['input-disabled-wrapper'], chips?.length && inputField_module.default['has-chips']), children: [leadingIcon && (jsxRuntime.jsx("div", { className: inputField_module.default['leading-icon'], children: leadingIcon })), prefix && jsxRuntime.jsx("div", { className: inputField_module.default.prefix, children: prefix }), jsxRuntime.jsxs("div", { className: inputField_module.default['chip-input-container'], children: [chips?.slice(0, maxChipsVisible).map((chip$1, index) => (jsxRuntime.jsx(chip.Chip, { variant: 'outline', isDismissible: !!chip$1.onRemove, onDismiss: chip$1.onRemove, className: inputField_module.default.chip, children: chip$1.label }, index))), chips && chips.length > maxChipsVisible && (jsxRuntime.jsxs("span", { className: inputField_module.default['chip-overflow'], children: ["+", chips.length - maxChipsVisible] })), jsxRuntime.jsx("input", { ref: ref, className: classVarianceAuthority.cx(inputField_module.default['input-field'], leadingIcon && inputField_module.default['has-leading-icon'], trailingIcon && inputField_module.default['has-trailing-icon'], prefix && inputField_module.default['has-prefix'], suffix && inputField_module.default['has-suffix'], error && inputField_module.default['input-error'], disabled && inputField_module.default['input-disabled'], className), "aria-invalid": !!error, placeholder: placeholder, disabled: disabled, ...props })] }), suffix && jsxRuntime.jsx("div", { className: inputField_module.default.suffix, children: suffix }), trailingIcon && (jsxRuntime.jsx("div", { className: inputField_module.default['trailing-icon'], children: trailingIcon }))] }), (error || helperText) && (jsxRuntime.jsx("span", { className: classVarianceAuthority.cx(inputField_module.default['helper-text'], error && inputField_module.default['helper-text-error'], disabled && inputField_module.default['helper-text-disabled']), children: error || helperText }))] }));
-});
+function InputField({ className, disabled, label, helperText, placeholder, error, leadingIcon, trailingIcon, optional, prefix, suffix, width, chips, maxChipsVisible = 2, size, infoTooltip, variant = 'default', containerRef, ...props }) {
+    return (jsxRuntime.jsxs("div", { className: inputField_module.default.container, style: { width: width || '100%' }, children: [label && (jsxRuntime.jsxs("div", { className: inputField_module.default.labelContainer, children: [jsxRuntime.jsxs("label", { className: classVarianceAuthority.cx(inputField_module.default.label, disabled && inputField_module.default['label-disabled']), children: [label, optional && jsxRuntime.jsx("span", { className: inputField_module.default.optional, children: "(optional)" })] }), infoTooltip && (jsxRuntime.jsxs(tooltip.Tooltip, { children: [jsxRuntime.jsx(tooltip.Tooltip.Trigger, { render: jsxRuntime.jsx("span", { className: inputField_module.default.helpIcon, children: jsxRuntime.jsx(reactIcons.InfoCircledIcon, {}) }) }), jsxRuntime.jsx(tooltip.Tooltip.Content, { side: 'right', children: infoTooltip })] }))] })), jsxRuntime.jsxs("div", { className: classVarianceAuthority.cx(inputWrapper({ size, variant, className }), error && inputField_module.default['input-error-wrapper'], disabled && inputField_module.default['input-disabled-wrapper'], chips?.length && inputField_module.default['has-chips']), ref: containerRef, children: [leadingIcon && (jsxRuntime.jsx("div", { className: inputField_module.default['leading-icon'], children: leadingIcon })), prefix && jsxRuntime.jsx("div", { className: inputField_module.default.prefix, children: prefix }), jsxRuntime.jsxs("div", { className: inputField_module.default['chip-input-container'], children: [chips?.slice(0, maxChipsVisible).map((chip$1, index) => (jsxRuntime.jsx(chip.Chip, { variant: 'outline', isDismissible: !!chip$1.onRemove, onDismiss: chip$1.onRemove, className: inputField_module.default.chip, children: chip$1.label }, index))), chips && chips.length > maxChipsVisible && (jsxRuntime.jsxs("span", { className: inputField_module.default['chip-overflow'], children: ["+", chips.length - maxChipsVisible] })), jsxRuntime.jsx("input", { className: classVarianceAuthority.cx(inputField_module.default['input-field'], leadingIcon && inputField_module.default['has-leading-icon'], trailingIcon && inputField_module.default['has-trailing-icon'], prefix && inputField_module.default['has-prefix'], suffix && inputField_module.default['has-suffix'], error && inputField_module.default['input-error'], disabled && inputField_module.default['input-disabled'], className), "aria-invalid": !!error, placeholder: placeholder, disabled: disabled, ...props })] }), suffix && jsxRuntime.jsx("div", { className: inputField_module.default.suffix, children: suffix }), trailingIcon && (jsxRuntime.jsx("div", { className: inputField_module.default['trailing-icon'], children: trailingIcon }))] }), (error || helperText) && (jsxRuntime.jsx("span", { className: classVarianceAuthority.cx(inputField_module.default['helper-text'], error && inputField_module.default['helper-text-error'], disabled && inputField_module.default['helper-text-disabled']), children: error || helperText }))] }));
+}
 InputField.displayName = 'InputField';
 
 exports.InputField = InputField;

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

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

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

@@ -1,10 +1,10 @@
 import { type VariantProps } from 'class-variance-authority';
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentProps, ReactNode, RefObject } from 'react';
 declare const inputWrapper: (props?: ({
     size?: "small" | "large" | null | undefined;
     variant?: "default" | "borderless" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface InputFieldProps extends Omit<ComponentPropsWithoutRef<'input'>, 'error' | 'size'>, VariantProps<typeof inputWrapper> {
+export interface InputFieldProps extends Omit<ComponentProps<'input'>, 'error' | 'size'>, VariantProps<typeof inputWrapper> {
     label?: string;
     helperText?: string;
     error?: string;
@@ -22,7 +22,11 @@ export interface InputFieldProps extends Omit<ComponentPropsWithoutRef<'input'>,
     maxChipsVisible?: number;
     infoTooltip?: string;
     variant?: 'default' | 'borderless';
+    containerRef?: RefObject<HTMLDivElement | null>;
+}
+export declare function InputField({ className, disabled, label, helperText, placeholder, error, leadingIcon, trailingIcon, optional, prefix, suffix, width, chips, maxChipsVisible, size, infoTooltip, variant, containerRef, ...props }: InputFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace InputField {
+    var displayName: string;
 }
-export declare const InputField: import("react").ForwardRefExoticComponent<InputFieldProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};
 //# sourceMappingURL=input-field.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../components/input-field/input-field.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAOxE,QAAA,MAAM,YAAY;;;8EAehB,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;CACpC;AAED,eAAO,MAAM,UAAU,8GA+GtB,CAAC"}
+{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../components/input-field/input-field.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO7D,QAAA,MAAM,YAAY;;;8EAehB,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,EACrD,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;IACnC,YAAY,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACjD;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,KAAK,EACL,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,eAAmB,EACnB,IAAI,EACJ,WAAW,EACX,OAAmB,EACnB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,eAAe,2CA4FjB;yBAhHe,UAAU"}

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

@@ -2,7 +2,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { InfoCircledIcon } from '@radix-ui/react-icons';
 import { cva, cx } from 'class-variance-authority';
-import { forwardRef } from 'react';
 import { Chip } from '../chip/chip.js';
 import { Tooltip } from '../tooltip/tooltip.js';
 import styles from './input-field.module.css.js';
@@ -24,9 +23,9 @@ const inputWrapper = cva(styles.inputWrapper, {
         variant: 'default'
     }
 });
-const InputField = forwardRef(({ className, disabled, label, helperText, placeholder, error, leadingIcon, trailingIcon, optional, prefix, suffix, width, chips, maxChipsVisible = 2, size, infoTooltip, variant = 'default', ...props }, ref) => {
-    return (jsxs("div", { className: styles.container, style: { width: width || '100%' }, children: [label && (jsxs("div", { className: styles.labelContainer, children: [jsxs("label", { className: cx(styles.label, disabled && styles['label-disabled']), children: [label, optional && jsx("span", { className: styles.optional, children: "(optional)" })] }), infoTooltip && (jsx(Tooltip, { message: infoTooltip, side: 'right', children: jsx("span", { className: styles.helpIcon, children: jsx(InfoCircledIcon, {}) }) }))] })), jsxs("div", { className: cx(inputWrapper({ size, variant, className }), error && styles['input-error-wrapper'], disabled && styles['input-disabled-wrapper'], chips?.length && styles['has-chips']), children: [leadingIcon && (jsx("div", { className: styles['leading-icon'], children: leadingIcon })), prefix && jsx("div", { className: styles.prefix, children: prefix }), jsxs("div", { className: styles['chip-input-container'], children: [chips?.slice(0, maxChipsVisible).map((chip, index) => (jsx(Chip, { variant: 'outline', isDismissible: !!chip.onRemove, onDismiss: chip.onRemove, className: styles.chip, children: chip.label }, index))), chips && chips.length > maxChipsVisible && (jsxs("span", { className: styles['chip-overflow'], children: ["+", chips.length - maxChipsVisible] })), jsx("input", { ref: ref, className: cx(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 && jsx("div", { className: styles.suffix, children: suffix }), trailingIcon && (jsx("div", { className: styles['trailing-icon'], children: trailingIcon }))] }), (error || helperText) && (jsx("span", { className: cx(styles['helper-text'], error && styles['helper-text-error'], disabled && styles['helper-text-disabled']), children: error || helperText }))] }));
-});
+function InputField({ className, disabled, label, helperText, placeholder, error, leadingIcon, trailingIcon, optional, prefix, suffix, width, chips, maxChipsVisible = 2, size, infoTooltip, variant = 'default', containerRef, ...props }) {
+    return (jsxs("div", { className: styles.container, style: { width: width || '100%' }, children: [label && (jsxs("div", { className: styles.labelContainer, children: [jsxs("label", { className: cx(styles.label, disabled && styles['label-disabled']), children: [label, optional && jsx("span", { className: styles.optional, children: "(optional)" })] }), infoTooltip && (jsxs(Tooltip, { children: [jsx(Tooltip.Trigger, { render: jsx("span", { className: styles.helpIcon, children: jsx(InfoCircledIcon, {}) }) }), jsx(Tooltip.Content, { side: 'right', children: infoTooltip })] }))] })), jsxs("div", { className: cx(inputWrapper({ size, variant, className }), error && styles['input-error-wrapper'], disabled && styles['input-disabled-wrapper'], chips?.length && styles['has-chips']), ref: containerRef, children: [leadingIcon && (jsx("div", { className: styles['leading-icon'], children: leadingIcon })), prefix && jsx("div", { className: styles.prefix, children: prefix }), jsxs("div", { className: styles['chip-input-container'], children: [chips?.slice(0, maxChipsVisible).map((chip, index) => (jsx(Chip, { variant: 'outline', isDismissible: !!chip.onRemove, onDismiss: chip.onRemove, className: styles.chip, children: chip.label }, index))), chips && chips.length > maxChipsVisible && (jsxs("span", { className: styles['chip-overflow'], children: ["+", chips.length - maxChipsVisible] })), jsx("input", { className: cx(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 && jsx("div", { className: styles.suffix, children: suffix }), trailingIcon && (jsx("div", { className: styles['trailing-icon'], children: trailingIcon }))] }), (error || helperText) && (jsx("span", { className: cx(styles['helper-text'], error && styles['helper-text-error'], disabled && styles['helper-text-disabled']), children: error || helperText }))] }));
+}
 InputField.displayName = 'InputField';
 
 export { InputField };

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

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

package/dist/components/label/label.cjs

@@ -7,22 +7,23 @@ var label_module = require('./label.module.css.cjs');
 const label = classVarianceAuthority.cva(label_module.default.label, {
     variants: {
         size: {
-            small: label_module.default["label-small"],
-            medium: label_module.default["label-medium"],
-            large: label_module.default["label-large"],
+            small: label_module.default['label-small'],
+            medium: label_module.default['label-medium'],
+            large: label_module.default['label-large']
         },
         required: {
-            true: label_module.default["label-required"],
+            true: label_module.default['label-required']
         }
     },
     defaultVariants: {
-        size: "small",
-        required: false,
-    },
+        size: 'small',
+        required: false
+    }
 });
-function Label({ children, className, size, required, requiredIndicator = "*", htmlFor, ...props }) {
-    return (jsxRuntime.jsxs("label", { className: label({ size, required, className }), htmlFor: htmlFor, ...props, children: [children, required && (jsxRuntime.jsx("span", { className: label_module.default["required-indicator"], "aria-hidden": "true", role: "presentation", children: requiredIndicator }))] }));
+function Label({ children, className, size, required, requiredIndicator = '*', htmlFor, ...props }) {
+    return (jsxRuntime.jsxs("label", { className: label({ size, required, className }), htmlFor: htmlFor, ...props, children: [children, required && (jsxRuntime.jsx("span", { className: label_module.default['required-indicator'], "aria-hidden": 'true', role: 'presentation', children: requiredIndicator }))] }));
 }
+Label.displayName = 'Label';
 
 exports.Label = Label;
 //# sourceMappingURL=label.cjs.map

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

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

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

@@ -1,14 +1,17 @@
-import { type VariantProps } from "class-variance-authority";
-import { HTMLAttributes, PropsWithChildren } from "react";
+import { type VariantProps } from 'class-variance-authority';
+import { ComponentProps, PropsWithChildren } from 'react';
 declare const label: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
     required?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-interface LabelProps extends PropsWithChildren<VariantProps<typeof label>>, Omit<HTMLAttributes<HTMLLabelElement>, 'required'> {
+interface LabelProps extends PropsWithChildren<VariantProps<typeof label>>, Omit<ComponentProps<'label'>, 'required'> {
     required?: boolean;
     requiredIndicator?: string;
     htmlFor?: string;
 }
 export declare function Label({ children, className, size, required, requiredIndicator, htmlFor, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Label {
+    var displayName: string;
+}
 export type { LabelProps };
 //# sourceMappingURL=label.d.ts.map

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

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

package/dist/components/label/label.js

@@ -5,22 +5,23 @@ import styles from './label.module.css.js';
 const label = cva(styles.label, {
     variants: {
         size: {
-            small: styles["label-small"],
-            medium: styles["label-medium"],
-            large: styles["label-large"],
+            small: styles['label-small'],
+            medium: styles['label-medium'],
+            large: styles['label-large']
         },
         required: {
-            true: styles["label-required"],
+            true: styles['label-required']
         }
     },
     defaultVariants: {
-        size: "small",
-        required: false,
-    },
+        size: 'small',
+        required: false
+    }
 });
-function Label({ children, className, size, required, requiredIndicator = "*", htmlFor, ...props }) {
-    return (jsxs("label", { className: label({ size, required, className }), htmlFor: htmlFor, ...props, children: [children, required && (jsx("span", { className: styles["required-indicator"], "aria-hidden": "true", role: "presentation", children: requiredIndicator }))] }));
+function Label({ children, className, size, required, requiredIndicator = '*', htmlFor, ...props }) {
+    return (jsxs("label", { className: label({ size, required, className }), htmlFor: htmlFor, ...props, children: [children, required && (jsx("span", { className: styles['required-indicator'], "aria-hidden": 'true', role: 'presentation', children: requiredIndicator }))] }));
 }
+Label.displayName = 'Label';
 
 export { Label };
 //# sourceMappingURL=label.js.map

package/dist/components/label/label.js.map

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