@raystack/apsara 0.44.2 → 0.44.3

package/dist/textfield/textfield.cjs

@@ -27,6 +27,9 @@ const textfield = index.cva(textfield_module.default.textfield, {
         size: "small",
     },
 });
+/**
+ * @deprecated Use InputField from '@raystack/apsara/v1' instead.
+ */
 const TextField = React.forwardRef(({ leading, trailing, className, src, size, state, style, iconClass, ...props }, ref) => {
     const hasLeadingElement = Boolean(leading);
     const hasTrailingElement = Boolean(trailing);

package/dist/textfield/textfield.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"textfield.cjs","sources":["../../textfield/textfield.tsx"],"sourcesContent":["import { cva, cx, VariantProps } from \"class-variance-authority\";\nimport { forwardRef, InputHTMLAttributes, PropsWithChildren } from \"react\";\nimport { Flex } from \"../flex\";\nimport styles from \"./textfield.module.css\";\n\nconst textfield = cva(styles.textfield, {\n  variants: {\n    size: {\n      small: styles[\"textfield-sm\"],\n      medium: styles[\"textfield-md\"],\n    },\n\n    state: {\n      invalid: styles[\"textfield-invalid\"],\n      valid: styles[\"textfield-valid\"],\n    },\n\n    hasLeadingElement: {\n      true: styles[\"textfield-leading\"],\n    },\n    hasTrailingElement: {\n      true: styles[\"textfield-trailing\"],\n    },\n  },\n  defaultVariants: {\n    size: \"small\",\n  },\n});\n\nexport type TextfieldProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"size\"\n> &\n  PropsWithChildren<VariantProps<typeof textfield>> & {\n    leading?: React.ReactElement;\n    trailing?: React.ReactElement;\n    iconClass?: { leadingIcon?: string; trailingIcon?: string };\n  };\n\nexport const TextField = forwardRef<HTMLInputElement, TextfieldProps>(\n  (\n    {\n      leading,\n      trailing,\n      className,\n      src,\n      size,\n      state,\n      style,\n      iconClass,\n      ...props\n    },\n    ref\n  ) => {\n    const hasLeadingElement = Boolean(leading);\n    const hasTrailingElement = Boolean(trailing);\n\n    return (\n      <Flex align=\"center\" style={{ position: \"relative\", width: \"100%\" }}>\n        {hasLeadingElement ? (\n          <Flex\n            style={{ left: \"8px\" }}\n            className={cx(styles.leadingIcon, iconClass?.leadingIcon)}\n          >\n            {leading}\n          </Flex>\n        ) : null}\n\n        <input\n          className={cx(\n            textfield({\n              size,\n              state,\n              className,\n              hasLeadingElement,\n              hasTrailingElement,\n            })\n          )}\n          {...props}\n          ref={ref}\n        />\n\n        {hasTrailingElement ? (\n          <Flex\n            style={{ right: \"8px\" }}\n            className={cx(styles.trailingIcon, iconClass?.trailingIcon)}\n          >\n            {trailing}\n          </Flex>\n        ) : null}\n      </Flex>\n    );\n  }\n);\n\nTextField.displayName = \"TextField\";\n"],"names":["cva","styles","forwardRef","_jsxs","Flex","_jsx","cx"],"mappings":";;;;;;;;AAKA,MAAM,SAAS,GAAGA,SAAG,CAACC,wBAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,wBAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,MAAM,EAAEA,wBAAM,CAAC,cAAc,CAAC;AAC/B,SAAA;AAED,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAEA,wBAAM,CAAC,mBAAmB,CAAC;AACpC,YAAA,KAAK,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AAED,QAAA,iBAAiB,EAAE;AACjB,YAAA,IAAI,EAAEA,wBAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACD,QAAA,kBAAkB,EAAE;AAClB,YAAA,IAAI,EAAEA,wBAAM,CAAC,oBAAoB,CAAC;AACnC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAYI,MAAM,SAAS,GAAGC,gBAAU,CACjC,CACE,EACE,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,EACH,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;AAC3C,IAAA,MAAM,kBAAkB,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AAE7C,IAAA,QACEC,iCAAA,CAACC,SAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAChE,iBAAiB,IAChBC,gCAAA,CAACD,SAAI,EAAA,EACH,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EACtB,SAAS,EAAEE,QAAE,CAACL,wBAAM,CAAC,WAAW,EAAE,SAAS,EAAE,WAAW,CAAC,EAExD,QAAA,EAAA,OAAO,EACH,CAAA,IACL,IAAI,EAERI,gCAAA,CAAA,OAAA,EAAA,EACE,SAAS,EAAEC,QAAE,CACX,SAAS,CAAC;oBACR,IAAI;oBACJ,KAAK;oBACL,SAAS;oBACT,iBAAiB;oBACjB,kBAAkB;iBACnB,CAAC,CACH,KACG,KAAK,EACT,GAAG,EAAE,GAAG,GACR,EAED,kBAAkB,IACjBD,gCAAC,CAAAD,SAAI,IACH,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EACvB,SAAS,EAAEE,QAAE,CAACL,wBAAM,CAAC,YAAY,EAAE,SAAS,EAAE,YAAY,CAAC,EAE1D,QAAA,EAAA,QAAQ,GACJ,IACL,IAAI,CACH,EAAA,CAAA,EACP;AACJ,CAAC,EACD;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}
+{"version":3,"file":"textfield.cjs","sources":["../../textfield/textfield.tsx"],"sourcesContent":["import { cva, cx, VariantProps } from \"class-variance-authority\";\nimport { forwardRef, InputHTMLAttributes, PropsWithChildren } from \"react\";\nimport { Flex } from \"../flex\";\nimport styles from \"./textfield.module.css\";\n\nconst textfield = cva(styles.textfield, {\n  variants: {\n    size: {\n      small: styles[\"textfield-sm\"],\n      medium: styles[\"textfield-md\"],\n    },\n\n    state: {\n      invalid: styles[\"textfield-invalid\"],\n      valid: styles[\"textfield-valid\"],\n    },\n\n    hasLeadingElement: {\n      true: styles[\"textfield-leading\"],\n    },\n    hasTrailingElement: {\n      true: styles[\"textfield-trailing\"],\n    },\n  },\n  defaultVariants: {\n    size: \"small\",\n  },\n});\n\n/**\n * @deprecated Use InputFieldProps from '@raystack/apsara/v1' instead.\n */\nexport type TextfieldProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"size\"\n> &\n  PropsWithChildren<VariantProps<typeof textfield>> & {\n    leading?: React.ReactElement;\n    trailing?: React.ReactElement;\n    iconClass?: { leadingIcon?: string; trailingIcon?: string };\n  };\n\n/**\n * @deprecated Use InputField from '@raystack/apsara/v1' instead.\n */\nexport const TextField = forwardRef<HTMLInputElement, TextfieldProps>(\n  (\n    {\n      leading,\n      trailing,\n      className,\n      src,\n      size,\n      state,\n      style,\n      iconClass,\n      ...props\n    },\n    ref\n  ) => {\n    const hasLeadingElement = Boolean(leading);\n    const hasTrailingElement = Boolean(trailing);\n\n    return (\n      <Flex align=\"center\" style={{ position: \"relative\", width: \"100%\" }}>\n        {hasLeadingElement ? (\n          <Flex\n            style={{ left: \"8px\" }}\n            className={cx(styles.leadingIcon, iconClass?.leadingIcon)}\n          >\n            {leading}\n          </Flex>\n        ) : null}\n\n        <input\n          className={cx(\n            textfield({\n              size,\n              state,\n              className,\n              hasLeadingElement,\n              hasTrailingElement,\n            })\n          )}\n          {...props}\n          ref={ref}\n        />\n\n        {hasTrailingElement ? (\n          <Flex\n            style={{ right: \"8px\" }}\n            className={cx(styles.trailingIcon, iconClass?.trailingIcon)}\n          >\n            {trailing}\n          </Flex>\n        ) : null}\n      </Flex>\n    );\n  }\n);\n\nTextField.displayName = \"TextField\";\n"],"names":["cva","styles","forwardRef","_jsxs","Flex","_jsx","cx"],"mappings":";;;;;;;;AAKA,MAAM,SAAS,GAAGA,SAAG,CAACC,wBAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,wBAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,MAAM,EAAEA,wBAAM,CAAC,cAAc,CAAC;AAC/B,SAAA;AAED,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAEA,wBAAM,CAAC,mBAAmB,CAAC;AACpC,YAAA,KAAK,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AAED,QAAA,iBAAiB,EAAE;AACjB,YAAA,IAAI,EAAEA,wBAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACD,QAAA,kBAAkB,EAAE;AAClB,YAAA,IAAI,EAAEA,wBAAM,CAAC,oBAAoB,CAAC;AACnC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAeH;;AAEG;AACI,MAAM,SAAS,GAAGC,gBAAU,CACjC,CACE,EACE,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,EACH,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;AAC3C,IAAA,MAAM,kBAAkB,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AAE7C,IAAA,QACEC,iCAAA,CAACC,SAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAChE,iBAAiB,IAChBC,gCAAA,CAACD,SAAI,EAAA,EACH,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EACtB,SAAS,EAAEE,QAAE,CAACL,wBAAM,CAAC,WAAW,EAAE,SAAS,EAAE,WAAW,CAAC,EAExD,QAAA,EAAA,OAAO,EACH,CAAA,IACL,IAAI,EAERI,gCAAA,CAAA,OAAA,EAAA,EACE,SAAS,EAAEC,QAAE,CACX,SAAS,CAAC;oBACR,IAAI;oBACJ,KAAK;oBACL,SAAS;oBACT,iBAAiB;oBACjB,kBAAkB;iBACnB,CAAC,CACH,KACG,KAAK,EACT,GAAG,EAAE,GAAG,GACR,EAED,kBAAkB,IACjBD,gCAAC,CAAAD,SAAI,IACH,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EACvB,SAAS,EAAEE,QAAE,CAACL,wBAAM,CAAC,YAAY,EAAE,SAAS,EAAE,YAAY,CAAC,EAE1D,QAAA,EAAA,QAAQ,GACJ,IACL,IAAI,CACH,EAAA,CAAA,EACP;AACJ,CAAC,EACD;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

package/dist/textfield/textfield.d.ts

@@ -6,6 +6,9 @@ declare const textfield: (props?: ({
     hasLeadingElement?: boolean | null | undefined;
     hasTrailingElement?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * @deprecated Use InputFieldProps from '@raystack/apsara/v1' instead.
+ */
 export type TextfieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & PropsWithChildren<VariantProps<typeof textfield>> & {
     leading?: React.ReactElement;
     trailing?: React.ReactElement;
@@ -14,6 +17,9 @@ export type TextfieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size">
         trailingIcon?: string;
     };
 };
+/**
+ * @deprecated Use InputField from '@raystack/apsara/v1' instead.
+ */
 export declare const TextField: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & VariantProps<(props?: ({
     size?: "small" | "medium" | null | undefined;
     state?: "invalid" | "valid" | null | undefined;

package/dist/textfield/textfield.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textfield.d.ts","sourceRoot":"","sources":["../../textfield/textfield.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAc,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI3E,QAAA,MAAM,SAAS;;;;;8EAsBb,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACP,GACC,iBAAiB,CAAC,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,GAAG;IAClD,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,SAAS,CAAC,EAAE;QAAE,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC7D,CAAC;AAEJ,eAAO,MAAM,SAAS;;;;;;;;;;;;;;oDAsDrB,CAAC"}
+{"version":3,"file":"textfield.d.ts","sourceRoot":"","sources":["../../textfield/textfield.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAc,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI3E,QAAA,MAAM,SAAS;;;;;8EAsBb,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACP,GACC,iBAAiB,CAAC,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,GAAG;IAClD,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,SAAS,CAAC,EAAE;QAAE,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC7D,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;oDAsDrB,CAAC"}

package/dist/textfield/textfield.js

@@ -25,6 +25,9 @@ const textfield = cva(styles.textfield, {
         size: "small",
     },
 });
+/**
+ * @deprecated Use InputField from '@raystack/apsara/v1' instead.
+ */
 const TextField = forwardRef(({ leading, trailing, className, src, size, state, style, iconClass, ...props }, ref) => {
     const hasLeadingElement = Boolean(leading);
     const hasTrailingElement = Boolean(trailing);

package/dist/textfield/textfield.js.map

@@ -1 +1 @@
-{"version":3,"file":"textfield.js","sources":["../../textfield/textfield.tsx"],"sourcesContent":["import { cva, cx, VariantProps } from \"class-variance-authority\";\nimport { forwardRef, InputHTMLAttributes, PropsWithChildren } from \"react\";\nimport { Flex } from \"../flex\";\nimport styles from \"./textfield.module.css\";\n\nconst textfield = cva(styles.textfield, {\n  variants: {\n    size: {\n      small: styles[\"textfield-sm\"],\n      medium: styles[\"textfield-md\"],\n    },\n\n    state: {\n      invalid: styles[\"textfield-invalid\"],\n      valid: styles[\"textfield-valid\"],\n    },\n\n    hasLeadingElement: {\n      true: styles[\"textfield-leading\"],\n    },\n    hasTrailingElement: {\n      true: styles[\"textfield-trailing\"],\n    },\n  },\n  defaultVariants: {\n    size: \"small\",\n  },\n});\n\nexport type TextfieldProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"size\"\n> &\n  PropsWithChildren<VariantProps<typeof textfield>> & {\n    leading?: React.ReactElement;\n    trailing?: React.ReactElement;\n    iconClass?: { leadingIcon?: string; trailingIcon?: string };\n  };\n\nexport const TextField = forwardRef<HTMLInputElement, TextfieldProps>(\n  (\n    {\n      leading,\n      trailing,\n      className,\n      src,\n      size,\n      state,\n      style,\n      iconClass,\n      ...props\n    },\n    ref\n  ) => {\n    const hasLeadingElement = Boolean(leading);\n    const hasTrailingElement = Boolean(trailing);\n\n    return (\n      <Flex align=\"center\" style={{ position: \"relative\", width: \"100%\" }}>\n        {hasLeadingElement ? (\n          <Flex\n            style={{ left: \"8px\" }}\n            className={cx(styles.leadingIcon, iconClass?.leadingIcon)}\n          >\n            {leading}\n          </Flex>\n        ) : null}\n\n        <input\n          className={cx(\n            textfield({\n              size,\n              state,\n              className,\n              hasLeadingElement,\n              hasTrailingElement,\n            })\n          )}\n          {...props}\n          ref={ref}\n        />\n\n        {hasTrailingElement ? (\n          <Flex\n            style={{ right: \"8px\" }}\n            className={cx(styles.trailingIcon, iconClass?.trailingIcon)}\n          >\n            {trailing}\n          </Flex>\n        ) : null}\n      </Flex>\n    );\n  }\n);\n\nTextField.displayName = \"TextField\";\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC;AAC/B,SAAA;AAED,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACpC,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AAED,QAAA,iBAAiB,EAAE;AACjB,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACD,QAAA,kBAAkB,EAAE;AAClB,YAAA,IAAI,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACnC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAYI,MAAM,SAAS,GAAG,UAAU,CACjC,CACE,EACE,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,EACH,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;AAC3C,IAAA,MAAM,kBAAkB,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AAE7C,IAAA,QACEA,sBAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAChE,iBAAiB,IAChBC,qBAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EACtB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,EAAE,WAAW,CAAC,EAExD,QAAA,EAAA,OAAO,EACH,CAAA,IACL,IAAI,EAERA,qBAAA,CAAA,OAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,SAAS,CAAC;oBACR,IAAI;oBACJ,KAAK;oBACL,SAAS;oBACT,iBAAiB;oBACjB,kBAAkB;iBACnB,CAAC,CACH,KACG,KAAK,EACT,GAAG,EAAE,GAAG,GACR,EAED,kBAAkB,IACjBA,qBAAC,CAAA,IAAI,IACH,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EACvB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,EAAE,YAAY,CAAC,EAE1D,QAAA,EAAA,QAAQ,GACJ,IACL,IAAI,CACH,EAAA,CAAA,EACP;AACJ,CAAC,EACD;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}
+{"version":3,"file":"textfield.js","sources":["../../textfield/textfield.tsx"],"sourcesContent":["import { cva, cx, VariantProps } from \"class-variance-authority\";\nimport { forwardRef, InputHTMLAttributes, PropsWithChildren } from \"react\";\nimport { Flex } from \"../flex\";\nimport styles from \"./textfield.module.css\";\n\nconst textfield = cva(styles.textfield, {\n  variants: {\n    size: {\n      small: styles[\"textfield-sm\"],\n      medium: styles[\"textfield-md\"],\n    },\n\n    state: {\n      invalid: styles[\"textfield-invalid\"],\n      valid: styles[\"textfield-valid\"],\n    },\n\n    hasLeadingElement: {\n      true: styles[\"textfield-leading\"],\n    },\n    hasTrailingElement: {\n      true: styles[\"textfield-trailing\"],\n    },\n  },\n  defaultVariants: {\n    size: \"small\",\n  },\n});\n\n/**\n * @deprecated Use InputFieldProps from '@raystack/apsara/v1' instead.\n */\nexport type TextfieldProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"size\"\n> &\n  PropsWithChildren<VariantProps<typeof textfield>> & {\n    leading?: React.ReactElement;\n    trailing?: React.ReactElement;\n    iconClass?: { leadingIcon?: string; trailingIcon?: string };\n  };\n\n/**\n * @deprecated Use InputField from '@raystack/apsara/v1' instead.\n */\nexport const TextField = forwardRef<HTMLInputElement, TextfieldProps>(\n  (\n    {\n      leading,\n      trailing,\n      className,\n      src,\n      size,\n      state,\n      style,\n      iconClass,\n      ...props\n    },\n    ref\n  ) => {\n    const hasLeadingElement = Boolean(leading);\n    const hasTrailingElement = Boolean(trailing);\n\n    return (\n      <Flex align=\"center\" style={{ position: \"relative\", width: \"100%\" }}>\n        {hasLeadingElement ? (\n          <Flex\n            style={{ left: \"8px\" }}\n            className={cx(styles.leadingIcon, iconClass?.leadingIcon)}\n          >\n            {leading}\n          </Flex>\n        ) : null}\n\n        <input\n          className={cx(\n            textfield({\n              size,\n              state,\n              className,\n              hasLeadingElement,\n              hasTrailingElement,\n            })\n          )}\n          {...props}\n          ref={ref}\n        />\n\n        {hasTrailingElement ? (\n          <Flex\n            style={{ right: \"8px\" }}\n            className={cx(styles.trailingIcon, iconClass?.trailingIcon)}\n          >\n            {trailing}\n          </Flex>\n        ) : null}\n      </Flex>\n    );\n  }\n);\n\nTextField.displayName = \"TextField\";\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC;AAC/B,SAAA;AAED,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACpC,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AAED,QAAA,iBAAiB,EAAE;AACjB,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACD,QAAA,kBAAkB,EAAE;AAClB,YAAA,IAAI,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACnC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAeH;;AAEG;AACI,MAAM,SAAS,GAAG,UAAU,CACjC,CACE,EACE,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,EACH,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;AAC3C,IAAA,MAAM,kBAAkB,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AAE7C,IAAA,QACEA,sBAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAChE,iBAAiB,IAChBC,qBAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EACtB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,EAAE,WAAW,CAAC,EAExD,QAAA,EAAA,OAAO,EACH,CAAA,IACL,IAAI,EAERA,qBAAA,CAAA,OAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,SAAS,CAAC;oBACR,IAAI;oBACJ,KAAK;oBACL,SAAS;oBACT,iBAAiB;oBACjB,kBAAkB;iBACnB,CAAC,CACH,KACG,KAAK,EACT,GAAG,EAAE,GAAG,GACR,EAED,kBAAkB,IACjBA,qBAAC,CAAA,IAAI,IACH,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EACvB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,EAAE,YAAY,CAAC,EAE1D,QAAA,EAAA,QAAQ,GACJ,IACL,IAAI,CACH,EAAA,CAAA,EACP;AACJ,CAAC,EACD;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

package/dist/v1/components/avatar/avatar.cjs

@@ -1,10 +1,11 @@
 'use strict';
 
 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/@radix-ui_react-avatar@1.0.3_@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-avatar/dist/index.cjs');
 var index$1 = 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 utils = require('./utils.cjs');
 var box = require('../box/box.cjs');
 var avatar_module = require('./avatar.module.css.cjs');
 
@@ -92,7 +93,9 @@ const Avatar = AvatarRoot;
 const AvatarGroup = React.forwardRef(({ children, max, className, ...props }, ref) => {
     const avatars = max ? children.slice(0, max) : children;
     const count = max && children.length > max ? children.length - max : 0;
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { ref: ref, className: clsx.clsx(avatar_module.default.avatarGroup, className), ...props, children: [avatars.map((avatar, index) => (jsxRuntime.jsxRuntimeExports.jsx("div", { className: avatar_module.default.avatarWrapper, children: avatar }, index))), count > 0 && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: avatar_module.default.avatarWrapper, children: jsxRuntime.jsxRuntimeExports.jsx(Avatar, { size: avatars[0].props.size, radius: avatars[0].props.radius, variant: avatars[0].props.variant, color: 'neutral', fallback: jsxRuntime.jsxRuntimeExports.jsxs("span", { children: ["+", count] }) }) }))] }));
+    // Overflow avatar matches the first avatar styling
+    const firstAvatarProps = utils.getAvatarProps(avatars[0]);
+    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { ref: ref, className: clsx.clsx(avatar_module.default.avatarGroup, className), ...props, children: [avatars.map((avatar, index) => (jsxRuntime.jsxRuntimeExports.jsx("div", { className: avatar_module.default.avatarWrapper, children: avatar }, index))), count > 0 && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: avatar_module.default.avatarWrapper, children: jsxRuntime.jsxRuntimeExports.jsx(Avatar, { size: firstAvatarProps.size, radius: firstAvatarProps.radius, variant: firstAvatarProps.variant, color: 'neutral', fallback: `+${count}` }) }))] }));
 });
 AvatarGroup.displayName = 'AvatarGroup';
 

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.cjs","sources":["../../../../v1/components/avatar/avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { clsx } from 'clsx';\nimport {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n  ReactNode,\n} from \"react\";\n\nimport { Box } from \"../box\";\nimport styles from \"./avatar.module.css\";\nimport {AVATAR_COLORS} from './utils'\n\nconst avatar = cva(styles.avatar, {\n  variants: {\n    radius: {\n      small: styles[\"avatar-small\"],\n      full: styles[\"avatar-full\"],\n    },\n    size: {\n      1: styles[\"avatar-size-1\"],\n      2: styles[\"avatar-size-2\"],\n      3: styles[\"avatar-size-3\"],\n      4: styles[\"avatar-size-4\"],\n      5: styles[\"avatar-size-5\"],\n      6: styles[\"avatar-size-6\"],\n      7: styles[\"avatar-size-7\"],\n      8: styles[\"avatar-size-8\"],\n      9: styles[\"avatar-size-9\"],\n      10: styles[\"avatar-size-10\"],\n      11: styles[\"avatar-size-11\"],\n      12: styles[\"avatar-size-12\"],\n      13: styles[\"avatar-size-13\"],\n    },\n    variant: {\n      solid: styles[\"avatar-solid\"],\n      soft: styles[\"avatar-soft\"],\n    },\n    disabled: {\n      true: styles[\"avatar-disabled\"],\n    },\n    color: {\n      indigo: styles[\"avatar-color-indigo\"],\n      orange: styles[\"avatar-color-orange\"],\n      mint: styles[\"avatar-color-mint\"],\n      neutral: styles[\"avatar-color-neutral\"],\n      sky: styles[\"avatar-color-sky\"],\n      lime: styles[\"avatar-color-lime\"],\n      grass: styles[\"avatar-color-grass\"],\n      cyan: styles[\"avatar-color-cyan\"],\n      iris: styles[\"avatar-color-iris\"],\n      purple: styles[\"avatar-color-purple\"],\n      pink: styles[\"avatar-color-pink\"],\n      crimson: styles[\"avatar-color-crimson\"],\n      gold: styles[\"avatar-color-gold\"],\n    },\n  },\n  compoundVariants: [\n    { variant: 'solid', color: 'indigo', className: styles['avatar-solid-indigo'] },\n    { variant: 'solid', color: 'orange', className: styles['avatar-solid-orange'] },\n    { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n    { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n    { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n    { variant: 'solid', color: 'grass', className: styles['avatar-solid-grass'] },\n    { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n    { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n    { variant: 'solid', color: 'purple', className: styles['avatar-solid-purple'] },\n    { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n    { variant: 'solid', color: 'crimson', className: styles['avatar-solid-crimson'] },\n    { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n    { variant: 'soft', color: 'indigo', className: styles['avatar-soft-indigo'] },\n    { variant: 'soft', color: 'orange', className: styles['avatar-soft-orange'] },\n    { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n    { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n    { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n    { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n    { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n    { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n    { variant: 'soft', color: 'purple', className: styles['avatar-soft-purple'] },\n    { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n    { variant: 'soft', color: 'crimson', className: styles['avatar-soft-crimson'] },\n    { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] },\n  ],\n  defaultVariants: {\n    size: 3,\n    radius: \"small\",\n    variant: \"soft\",\n    color: \"indigo\",\n  },\n});\n\nconst image = cva(styles.image);\n\nexport interface AvatarProps\n  extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatar> {\n  size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;\n  src?: string;\n  alt?: string;\n  fallback?: ReactNode;\n  variant?: \"solid\" | \"soft\";\n  color?: AVATAR_COLORS;\n  asChild?: boolean;\n  className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarProps\n>(\n  (\n    { className, alt, src, fallback, size, radius, variant, color, style, asChild, ...props },\n    ref\n  ) => (\n    <Box className={styles.imageWrapper} style={style}>\n      <AvatarPrimitive.Root\n        ref={ref}\n        className={clsx(avatar({ size, radius, variant, color }), className)}\n        asChild={asChild}\n        {...props}\n      >\n        <AvatarPrimitive.Image\n          className={image()}\n          src={src}\n          alt={alt}\n        />\n        <AvatarPrimitive.Fallback className={styles.fallback}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </Box>\n  )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n  children: React.ReactElement<AvatarProps>[];\n  max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, max, className, ...props }, ref) => {\n    const avatars = max ? children.slice(0, max) : children;\n    const count = max && children.length > max ? children.length - max : 0;\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(styles.avatarGroup, className)}\n        {...props}\n      >\n        {avatars.map((avatar, index) => (\n          <div key={index} className={styles.avatarWrapper}>\n            {avatar}\n          </div>\n        ))}\n        {count > 0 && (\n          <div className={styles.avatarWrapper}>\n            <Avatar\n              size={avatars[0].props.size}\n              radius={avatars[0].props.radius}\n              variant={avatars[0].props.variant}\n              color='neutral'\n              fallback={<span>+{count}</span>}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nAvatarGroup.displayName = 'AvatarGroup';\n"],"names":["cva","styles","forwardRef","_jsx","Box","_jsxs","AvatarPrimitive.Root","clsx","AvatarPrimitive.Image","AvatarPrimitive.Fallback"],"mappings":"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"}
+{"version":3,"file":"avatar.cjs","sources":["../../../../v1/components/avatar/avatar.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n  ReactNode\n} from \"react\";\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { clsx } from 'clsx';\n\nimport {AVATAR_COLORS, getAvatarProps} from './utils'\nimport { Box } from \"../box\";\nimport styles from \"./avatar.module.css\";\n\nconst avatar = cva(styles.avatar, {\n  variants: {\n    radius: {\n      small: styles[\"avatar-small\"],\n      full: styles[\"avatar-full\"],\n    },\n    size: {\n      1: styles[\"avatar-size-1\"],\n      2: styles[\"avatar-size-2\"],\n      3: styles[\"avatar-size-3\"],\n      4: styles[\"avatar-size-4\"],\n      5: styles[\"avatar-size-5\"],\n      6: styles[\"avatar-size-6\"],\n      7: styles[\"avatar-size-7\"],\n      8: styles[\"avatar-size-8\"],\n      9: styles[\"avatar-size-9\"],\n      10: styles[\"avatar-size-10\"],\n      11: styles[\"avatar-size-11\"],\n      12: styles[\"avatar-size-12\"],\n      13: styles[\"avatar-size-13\"],\n    },\n    variant: {\n      solid: styles[\"avatar-solid\"],\n      soft: styles[\"avatar-soft\"],\n    },\n    disabled: {\n      true: styles[\"avatar-disabled\"],\n    },\n    color: {\n      indigo: styles[\"avatar-color-indigo\"],\n      orange: styles[\"avatar-color-orange\"],\n      mint: styles[\"avatar-color-mint\"],\n      neutral: styles[\"avatar-color-neutral\"],\n      sky: styles[\"avatar-color-sky\"],\n      lime: styles[\"avatar-color-lime\"],\n      grass: styles[\"avatar-color-grass\"],\n      cyan: styles[\"avatar-color-cyan\"],\n      iris: styles[\"avatar-color-iris\"],\n      purple: styles[\"avatar-color-purple\"],\n      pink: styles[\"avatar-color-pink\"],\n      crimson: styles[\"avatar-color-crimson\"],\n      gold: styles[\"avatar-color-gold\"],\n    },\n  },\n  compoundVariants: [\n    { variant: 'solid', color: 'indigo', className: styles['avatar-solid-indigo'] },\n    { variant: 'solid', color: 'orange', className: styles['avatar-solid-orange'] },\n    { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n    { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n    { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n    { variant: 'solid', color: 'grass', className: styles['avatar-solid-grass'] },\n    { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n    { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n    { variant: 'solid', color: 'purple', className: styles['avatar-solid-purple'] },\n    { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n    { variant: 'solid', color: 'crimson', className: styles['avatar-solid-crimson'] },\n    { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n    { variant: 'soft', color: 'indigo', className: styles['avatar-soft-indigo'] },\n    { variant: 'soft', color: 'orange', className: styles['avatar-soft-orange'] },\n    { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n    { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n    { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n    { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n    { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n    { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n    { variant: 'soft', color: 'purple', className: styles['avatar-soft-purple'] },\n    { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n    { variant: 'soft', color: 'crimson', className: styles['avatar-soft-crimson'] },\n    { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] },\n  ],\n  defaultVariants: {\n    size: 3,\n    radius: \"small\",\n    variant: \"soft\",\n    color: \"indigo\",\n  },\n});\n\nconst image = cva(styles.image);\n\nexport interface AvatarProps\n  extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatar> {\n  size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;\n  src?: string;\n  alt?: string;\n  fallback?: ReactNode;\n  variant?: \"solid\" | \"soft\";\n  color?: AVATAR_COLORS;\n  asChild?: boolean;\n  className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarProps\n>(\n  (\n    { className, alt, src, fallback, size, radius, variant, color, style, asChild, ...props },\n    ref\n  ) => (\n    <Box className={styles.imageWrapper} style={style}>\n      <AvatarPrimitive.Root\n        ref={ref}\n        className={clsx(avatar({ size, radius, variant, color }), className)}\n        asChild={asChild}\n        {...props}\n      >\n        <AvatarPrimitive.Image\n          className={image()}\n          src={src}\n          alt={alt}\n        />\n        <AvatarPrimitive.Fallback className={styles.fallback}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </Box>\n  )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n  children: React.ReactElement<AvatarProps>[];\n  max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, max, className, ...props }, ref) => {\n    const avatars = max ? children.slice(0, max) : children;\n    const count = max && children.length > max ? children.length - max : 0;\n\n    // Overflow avatar matches the first avatar styling\n    const firstAvatarProps = getAvatarProps(avatars[0]);\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(styles.avatarGroup, className)}\n        {...props}\n      >\n        {avatars.map((avatar, index) => (\n          <div key={index} className={styles.avatarWrapper}>\n            {avatar}\n          </div>\n        ))}\n        {count > 0 && (\n          <div className={styles.avatarWrapper}>\n            <Avatar\n              size={firstAvatarProps.size}\n              radius={firstAvatarProps.radius}\n              variant={firstAvatarProps.variant}\n              color='neutral'\n              fallback={`+${count}`}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nAvatarGroup.displayName = 'AvatarGroup';\n"],"names":["cva","styles","forwardRef","_jsx","Box","_jsxs","AvatarPrimitive.Root","clsx","AvatarPrimitive.Image","AvatarPrimitive.Fallback","getAvatarProps"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import { VariantProps } from "class-variance-authority";
-import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { AVATAR_COLORS } from './utils';
 declare const avatar: (props?: ({
     radius?: "small" | "full" | null | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../v1/components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EACL,wBAAwB,EAGxB,SAAS,EACV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;AAErC,QAAA,MAAM,MAAM;;;;;;8EA4EV,CAAC;AAIH,MAAM,WAAW,WACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgCD,eAAO,MAAM,MAAM,yGAAa,CAAC;AAEjC,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,WAAW,6GA8BvB,CAAC"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../v1/components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EAGxB,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,EAAC,aAAa,EAAiB,MAAM,SAAS,CAAA;AAIrD,QAAA,MAAM,MAAM;;;;;;8EA4EV,CAAC;AAIH,MAAM,WAAW,WACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgCD,eAAO,MAAM,MAAM,yGAAa,CAAC;AAEjC,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,WAAW,6GAiCvB,CAAC"}

package/dist/v1/components/avatar/avatar.js

@@ -1,8 +1,9 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { forwardRef } from 'react';
 import { Root as $cddcb0b647441e34$export$be92b6f5f03c0fe9, Image as $cddcb0b647441e34$export$3e431a229df88919, Fallback as $cddcb0b647441e34$export$fb8d7f40caaeea67 } from '../../node_modules/.pnpm/@radix-ui_react-avatar@1.0.3_@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-avatar/dist/index.js';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
-import { forwardRef } from 'react';
+import { getAvatarProps } from './utils.js';
 import { Box } from '../box/box.js';
 import styles from './avatar.module.css.js';
 
@@ -90,7 +91,9 @@ const Avatar = AvatarRoot;
 const AvatarGroup = forwardRef(({ children, max, className, ...props }, ref) => {
     const avatars = max ? children.slice(0, max) : children;
     const count = max && children.length > max ? children.length - max : 0;
-    return (jsxRuntimeExports.jsxs("div", { ref: ref, className: clsx(styles.avatarGroup, className), ...props, children: [avatars.map((avatar, index) => (jsxRuntimeExports.jsx("div", { className: styles.avatarWrapper, children: avatar }, index))), count > 0 && (jsxRuntimeExports.jsx("div", { className: styles.avatarWrapper, children: jsxRuntimeExports.jsx(Avatar, { size: avatars[0].props.size, radius: avatars[0].props.radius, variant: avatars[0].props.variant, color: 'neutral', fallback: jsxRuntimeExports.jsxs("span", { children: ["+", count] }) }) }))] }));
+    // Overflow avatar matches the first avatar styling
+    const firstAvatarProps = getAvatarProps(avatars[0]);
+    return (jsxRuntimeExports.jsxs("div", { ref: ref, className: clsx(styles.avatarGroup, className), ...props, children: [avatars.map((avatar, index) => (jsxRuntimeExports.jsx("div", { className: styles.avatarWrapper, children: avatar }, index))), count > 0 && (jsxRuntimeExports.jsx("div", { className: styles.avatarWrapper, children: jsxRuntimeExports.jsx(Avatar, { size: firstAvatarProps.size, radius: firstAvatarProps.radius, variant: firstAvatarProps.variant, color: 'neutral', fallback: `+${count}` }) }))] }));
 });
 AvatarGroup.displayName = 'AvatarGroup';
 

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../../../../v1/components/avatar/avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { clsx } from 'clsx';\nimport {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n  ReactNode,\n} from \"react\";\n\nimport { Box } from \"../box\";\nimport styles from \"./avatar.module.css\";\nimport {AVATAR_COLORS} from './utils'\n\nconst avatar = cva(styles.avatar, {\n  variants: {\n    radius: {\n      small: styles[\"avatar-small\"],\n      full: styles[\"avatar-full\"],\n    },\n    size: {\n      1: styles[\"avatar-size-1\"],\n      2: styles[\"avatar-size-2\"],\n      3: styles[\"avatar-size-3\"],\n      4: styles[\"avatar-size-4\"],\n      5: styles[\"avatar-size-5\"],\n      6: styles[\"avatar-size-6\"],\n      7: styles[\"avatar-size-7\"],\n      8: styles[\"avatar-size-8\"],\n      9: styles[\"avatar-size-9\"],\n      10: styles[\"avatar-size-10\"],\n      11: styles[\"avatar-size-11\"],\n      12: styles[\"avatar-size-12\"],\n      13: styles[\"avatar-size-13\"],\n    },\n    variant: {\n      solid: styles[\"avatar-solid\"],\n      soft: styles[\"avatar-soft\"],\n    },\n    disabled: {\n      true: styles[\"avatar-disabled\"],\n    },\n    color: {\n      indigo: styles[\"avatar-color-indigo\"],\n      orange: styles[\"avatar-color-orange\"],\n      mint: styles[\"avatar-color-mint\"],\n      neutral: styles[\"avatar-color-neutral\"],\n      sky: styles[\"avatar-color-sky\"],\n      lime: styles[\"avatar-color-lime\"],\n      grass: styles[\"avatar-color-grass\"],\n      cyan: styles[\"avatar-color-cyan\"],\n      iris: styles[\"avatar-color-iris\"],\n      purple: styles[\"avatar-color-purple\"],\n      pink: styles[\"avatar-color-pink\"],\n      crimson: styles[\"avatar-color-crimson\"],\n      gold: styles[\"avatar-color-gold\"],\n    },\n  },\n  compoundVariants: [\n    { variant: 'solid', color: 'indigo', className: styles['avatar-solid-indigo'] },\n    { variant: 'solid', color: 'orange', className: styles['avatar-solid-orange'] },\n    { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n    { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n    { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n    { variant: 'solid', color: 'grass', className: styles['avatar-solid-grass'] },\n    { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n    { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n    { variant: 'solid', color: 'purple', className: styles['avatar-solid-purple'] },\n    { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n    { variant: 'solid', color: 'crimson', className: styles['avatar-solid-crimson'] },\n    { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n    { variant: 'soft', color: 'indigo', className: styles['avatar-soft-indigo'] },\n    { variant: 'soft', color: 'orange', className: styles['avatar-soft-orange'] },\n    { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n    { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n    { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n    { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n    { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n    { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n    { variant: 'soft', color: 'purple', className: styles['avatar-soft-purple'] },\n    { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n    { variant: 'soft', color: 'crimson', className: styles['avatar-soft-crimson'] },\n    { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] },\n  ],\n  defaultVariants: {\n    size: 3,\n    radius: \"small\",\n    variant: \"soft\",\n    color: \"indigo\",\n  },\n});\n\nconst image = cva(styles.image);\n\nexport interface AvatarProps\n  extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatar> {\n  size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;\n  src?: string;\n  alt?: string;\n  fallback?: ReactNode;\n  variant?: \"solid\" | \"soft\";\n  color?: AVATAR_COLORS;\n  asChild?: boolean;\n  className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarProps\n>(\n  (\n    { className, alt, src, fallback, size, radius, variant, color, style, asChild, ...props },\n    ref\n  ) => (\n    <Box className={styles.imageWrapper} style={style}>\n      <AvatarPrimitive.Root\n        ref={ref}\n        className={clsx(avatar({ size, radius, variant, color }), className)}\n        asChild={asChild}\n        {...props}\n      >\n        <AvatarPrimitive.Image\n          className={image()}\n          src={src}\n          alt={alt}\n        />\n        <AvatarPrimitive.Fallback className={styles.fallback}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </Box>\n  )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n  children: React.ReactElement<AvatarProps>[];\n  max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, max, className, ...props }, ref) => {\n    const avatars = max ? children.slice(0, max) : children;\n    const count = max && children.length > max ? children.length - max : 0;\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(styles.avatarGroup, className)}\n        {...props}\n      >\n        {avatars.map((avatar, index) => (\n          <div key={index} className={styles.avatarWrapper}>\n            {avatar}\n          </div>\n        ))}\n        {count > 0 && (\n          <div className={styles.avatarWrapper}>\n            <Avatar\n              size={avatars[0].props.size}\n              radius={avatars[0].props.radius}\n              variant={avatars[0].props.variant}\n              color='neutral'\n              fallback={<span>+{count}</span>}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nAvatarGroup.displayName = 'AvatarGroup';\n"],"names":["_jsx","_jsxs","AvatarPrimitive.Root","AvatarPrimitive.Image","AvatarPrimitive.Fallback"],"mappings":"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"}
+{"version":3,"file":"avatar.js","sources":["../../../../v1/components/avatar/avatar.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef,\n  ReactNode\n} from \"react\";\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { clsx } from 'clsx';\n\nimport {AVATAR_COLORS, getAvatarProps} from './utils'\nimport { Box } from \"../box\";\nimport styles from \"./avatar.module.css\";\n\nconst avatar = cva(styles.avatar, {\n  variants: {\n    radius: {\n      small: styles[\"avatar-small\"],\n      full: styles[\"avatar-full\"],\n    },\n    size: {\n      1: styles[\"avatar-size-1\"],\n      2: styles[\"avatar-size-2\"],\n      3: styles[\"avatar-size-3\"],\n      4: styles[\"avatar-size-4\"],\n      5: styles[\"avatar-size-5\"],\n      6: styles[\"avatar-size-6\"],\n      7: styles[\"avatar-size-7\"],\n      8: styles[\"avatar-size-8\"],\n      9: styles[\"avatar-size-9\"],\n      10: styles[\"avatar-size-10\"],\n      11: styles[\"avatar-size-11\"],\n      12: styles[\"avatar-size-12\"],\n      13: styles[\"avatar-size-13\"],\n    },\n    variant: {\n      solid: styles[\"avatar-solid\"],\n      soft: styles[\"avatar-soft\"],\n    },\n    disabled: {\n      true: styles[\"avatar-disabled\"],\n    },\n    color: {\n      indigo: styles[\"avatar-color-indigo\"],\n      orange: styles[\"avatar-color-orange\"],\n      mint: styles[\"avatar-color-mint\"],\n      neutral: styles[\"avatar-color-neutral\"],\n      sky: styles[\"avatar-color-sky\"],\n      lime: styles[\"avatar-color-lime\"],\n      grass: styles[\"avatar-color-grass\"],\n      cyan: styles[\"avatar-color-cyan\"],\n      iris: styles[\"avatar-color-iris\"],\n      purple: styles[\"avatar-color-purple\"],\n      pink: styles[\"avatar-color-pink\"],\n      crimson: styles[\"avatar-color-crimson\"],\n      gold: styles[\"avatar-color-gold\"],\n    },\n  },\n  compoundVariants: [\n    { variant: 'solid', color: 'indigo', className: styles['avatar-solid-indigo'] },\n    { variant: 'solid', color: 'orange', className: styles['avatar-solid-orange'] },\n    { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n    { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n    { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n    { variant: 'solid', color: 'grass', className: styles['avatar-solid-grass'] },\n    { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n    { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n    { variant: 'solid', color: 'purple', className: styles['avatar-solid-purple'] },\n    { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n    { variant: 'solid', color: 'crimson', className: styles['avatar-solid-crimson'] },\n    { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n    { variant: 'soft', color: 'indigo', className: styles['avatar-soft-indigo'] },\n    { variant: 'soft', color: 'orange', className: styles['avatar-soft-orange'] },\n    { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n    { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n    { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n    { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n    { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n    { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n    { variant: 'soft', color: 'purple', className: styles['avatar-soft-purple'] },\n    { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n    { variant: 'soft', color: 'crimson', className: styles['avatar-soft-crimson'] },\n    { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] },\n  ],\n  defaultVariants: {\n    size: 3,\n    radius: \"small\",\n    variant: \"soft\",\n    color: \"indigo\",\n  },\n});\n\nconst image = cva(styles.image);\n\nexport interface AvatarProps\n  extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatar> {\n  size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;\n  src?: string;\n  alt?: string;\n  fallback?: ReactNode;\n  variant?: \"solid\" | \"soft\";\n  color?: AVATAR_COLORS;\n  asChild?: boolean;\n  className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarProps\n>(\n  (\n    { className, alt, src, fallback, size, radius, variant, color, style, asChild, ...props },\n    ref\n  ) => (\n    <Box className={styles.imageWrapper} style={style}>\n      <AvatarPrimitive.Root\n        ref={ref}\n        className={clsx(avatar({ size, radius, variant, color }), className)}\n        asChild={asChild}\n        {...props}\n      >\n        <AvatarPrimitive.Image\n          className={image()}\n          src={src}\n          alt={alt}\n        />\n        <AvatarPrimitive.Fallback className={styles.fallback}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </Box>\n  )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n  children: React.ReactElement<AvatarProps>[];\n  max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, max, className, ...props }, ref) => {\n    const avatars = max ? children.slice(0, max) : children;\n    const count = max && children.length > max ? children.length - max : 0;\n\n    // Overflow avatar matches the first avatar styling\n    const firstAvatarProps = getAvatarProps(avatars[0]);\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(styles.avatarGroup, className)}\n        {...props}\n      >\n        {avatars.map((avatar, index) => (\n          <div key={index} className={styles.avatarWrapper}>\n            {avatar}\n          </div>\n        ))}\n        {count > 0 && (\n          <div className={styles.avatarWrapper}>\n            <Avatar\n              size={firstAvatarProps.size}\n              radius={firstAvatarProps.radius}\n              variant={firstAvatarProps.variant}\n              color='neutral'\n              fallback={`+${count}`}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nAvatarGroup.displayName = 'AvatarGroup';\n"],"names":["_jsx","_jsxs","AvatarPrimitive.Root","AvatarPrimitive.Image","AvatarPrimitive.Fallback"],"mappings":"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"}

package/dist/v1/components/avatar/utils.cjs

@@ -1,5 +1,8 @@
 'use strict';
 
+var React = require('react');
+var avatar = require('./avatar.cjs');
+
 const COLORS = [
     "indigo",
     "orange",
@@ -20,7 +23,24 @@ function getAvatarColor(str) {
     const index = hash % COLORS.length;
     return COLORS[index];
 }
+/*
+ * @desc Recursively get the avatar props even if it's
+ * wrapped in another component like Tooltip, Flex, etc.
+ */
+const getAvatarProps = (element) => {
+    const { props } = element;
+    if (element.type === avatar.Avatar) {
+        return props;
+    }
+    if (props.children) {
+        if (React.isValidElement(props.children)) {
+            return getAvatarProps(props.children);
+        }
+    }
+    return {};
+};
 
 exports.COLORS = COLORS;
 exports.getAvatarColor = getAvatarColor;
+exports.getAvatarProps = getAvatarProps;
 //# sourceMappingURL=utils.cjs.map

package/dist/v1/components/avatar/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../v1/components/avatar/utils.tsx"],"sourcesContent":["export const COLORS = [\n  \"indigo\",\n  \"orange\",\n  \"mint\",\n  \"neutral\",\n  \"sky\",\n  \"lime\",\n  \"grass\",\n  \"cyan\",\n  \"iris\",\n  \"purple\",\n  \"pink\",\n  \"crimson\",\n  \"gold\",\n] as const;\n\nexport type AVATAR_COLORS = typeof COLORS[number];\n\nexport function getAvatarColor(str: string): AVATAR_COLORS {\n  const hash = str.split(\"\").reduce((acc, char) => acc + char.charCodeAt(0), 0);\n  const index = hash % COLORS.length;\n  return COLORS[index];\n}\n"],"names":[],"mappings":";;AAAa,MAAA,MAAM,GAAG;IACpB,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,SAAS;IACT,KAAK;IACL,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,QAAQ;IACR,MAAM;IACN,SAAS;IACT,MAAM;EACG;AAIL,SAAU,cAAc,CAAC,GAAW,EAAA;AACxC,IAAA,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9E,IAAA,MAAM,KAAK,GAAG,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AACnC,IAAA,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB;;;;;"}
+{"version":3,"file":"utils.cjs","sources":["../../../../v1/components/avatar/utils.tsx"],"sourcesContent":["import { isValidElement, ReactElement } from \"react\";\nimport { Avatar } from \"./avatar\";\n\nimport { AvatarProps } from \"./avatar\";\n\nexport const COLORS = [\n  \"indigo\",\n  \"orange\",\n  \"mint\",\n  \"neutral\",\n  \"sky\",\n  \"lime\",\n  \"grass\",\n  \"cyan\",\n  \"iris\",\n  \"purple\",\n  \"pink\",\n  \"crimson\",\n  \"gold\",\n] as const;\n\nexport type AVATAR_COLORS = typeof COLORS[number];\n\nexport function getAvatarColor(str: string): AVATAR_COLORS {\n  const hash = str.split(\"\").reduce((acc, char) => acc + char.charCodeAt(0), 0);\n  const index = hash % COLORS.length;\n  return COLORS[index];\n}\n\n/*\n * @desc Recursively get the avatar props even if it's\n * wrapped in another component like Tooltip, Flex, etc.\n */ \nexport const getAvatarProps = (element: ReactElement): AvatarProps => {\n  const { props } = element;\n\n  if (element.type === Avatar) {\n    return props;\n  }\n  \n  if (props.children) {\n    if (isValidElement(props.children)) {\n      return getAvatarProps(props.children);\n    }\n  }\n  return {};\n};"],"names":["Avatar","isValidElement"],"mappings":";;;;;AAKa,MAAA,MAAM,GAAG;IACpB,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,SAAS;IACT,KAAK;IACL,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,QAAQ;IACR,MAAM;IACN,SAAS;IACT,MAAM;EACG;AAIL,SAAU,cAAc,CAAC,GAAW,EAAA;AACxC,IAAA,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9E,IAAA,MAAM,KAAK,GAAG,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AACnC,IAAA,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC;AAED;;;AAGG;AACU,MAAA,cAAc,GAAG,CAAC,OAAqB,KAAiB;AACnE,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;AAE1B,IAAA,IAAI,OAAO,CAAC,IAAI,KAAKA,aAAM,EAAE;AAC3B,QAAA,OAAO,KAAK,CAAC;KACd;AAED,IAAA,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClB,QAAA,IAAIC,oBAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;AAClC,YAAA,OAAO,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SACvC;KACF;AACD,IAAA,OAAO,EAAE,CAAC;AACZ;;;;;;"}

package/dist/v1/components/avatar/utils.d.ts

@@ -1,4 +1,7 @@
+import { ReactElement } from "react";
+import { AvatarProps } from "./avatar";
 export declare const COLORS: readonly ["indigo", "orange", "mint", "neutral", "sky", "lime", "grass", "cyan", "iris", "purple", "pink", "crimson", "gold"];
 export type AVATAR_COLORS = typeof COLORS[number];
 export declare function getAvatarColor(str: string): AVATAR_COLORS;
+export declare const getAvatarProps: (element: ReactElement) => AvatarProps;
 //# sourceMappingURL=utils.d.ts.map

package/dist/v1/components/avatar/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../v1/components/avatar/utils.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,+HAcT,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC;AAElD,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAIzD"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../v1/components/avatar/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,YAAY,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,eAAO,MAAM,MAAM,+HAcT,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC;AAElD,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAIzD;AAMD,eAAO,MAAM,cAAc,YAAa,YAAY,KAAG,WAatD,CAAC"}

package/dist/v1/components/avatar/utils.js

@@ -1,3 +1,6 @@
+import { isValidElement } from 'react';
+import { Avatar } from './avatar.js';
+
 const COLORS = [
     "indigo",
     "orange",
@@ -18,6 +21,22 @@ function getAvatarColor(str) {
     const index = hash % COLORS.length;
     return COLORS[index];
 }
+/*
+ * @desc Recursively get the avatar props even if it's
+ * wrapped in another component like Tooltip, Flex, etc.
+ */
+const getAvatarProps = (element) => {
+    const { props } = element;
+    if (element.type === Avatar) {
+        return props;
+    }
+    if (props.children) {
+        if (isValidElement(props.children)) {
+            return getAvatarProps(props.children);
+        }
+    }
+    return {};
+};
 
-export { COLORS, getAvatarColor };
+export { COLORS, getAvatarColor, getAvatarProps };
 //# sourceMappingURL=utils.js.map

package/dist/v1/components/avatar/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../v1/components/avatar/utils.tsx"],"sourcesContent":["export const COLORS = [\n  \"indigo\",\n  \"orange\",\n  \"mint\",\n  \"neutral\",\n  \"sky\",\n  \"lime\",\n  \"grass\",\n  \"cyan\",\n  \"iris\",\n  \"purple\",\n  \"pink\",\n  \"crimson\",\n  \"gold\",\n] as const;\n\nexport type AVATAR_COLORS = typeof COLORS[number];\n\nexport function getAvatarColor(str: string): AVATAR_COLORS {\n  const hash = str.split(\"\").reduce((acc, char) => acc + char.charCodeAt(0), 0);\n  const index = hash % COLORS.length;\n  return COLORS[index];\n}\n"],"names":[],"mappings":"AAAa,MAAA,MAAM,GAAG;IACpB,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,SAAS;IACT,KAAK;IACL,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,QAAQ;IACR,MAAM;IACN,SAAS;IACT,MAAM;EACG;AAIL,SAAU,cAAc,CAAC,GAAW,EAAA;AACxC,IAAA,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9E,IAAA,MAAM,KAAK,GAAG,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AACnC,IAAA,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../v1/components/avatar/utils.tsx"],"sourcesContent":["import { isValidElement, ReactElement } from \"react\";\nimport { Avatar } from \"./avatar\";\n\nimport { AvatarProps } from \"./avatar\";\n\nexport const COLORS = [\n  \"indigo\",\n  \"orange\",\n  \"mint\",\n  \"neutral\",\n  \"sky\",\n  \"lime\",\n  \"grass\",\n  \"cyan\",\n  \"iris\",\n  \"purple\",\n  \"pink\",\n  \"crimson\",\n  \"gold\",\n] as const;\n\nexport type AVATAR_COLORS = typeof COLORS[number];\n\nexport function getAvatarColor(str: string): AVATAR_COLORS {\n  const hash = str.split(\"\").reduce((acc, char) => acc + char.charCodeAt(0), 0);\n  const index = hash % COLORS.length;\n  return COLORS[index];\n}\n\n/*\n * @desc Recursively get the avatar props even if it's\n * wrapped in another component like Tooltip, Flex, etc.\n */ \nexport const getAvatarProps = (element: ReactElement): AvatarProps => {\n  const { props } = element;\n\n  if (element.type === Avatar) {\n    return props;\n  }\n  \n  if (props.children) {\n    if (isValidElement(props.children)) {\n      return getAvatarProps(props.children);\n    }\n  }\n  return {};\n};"],"names":[],"mappings":";;;AAKa,MAAA,MAAM,GAAG;IACpB,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,SAAS;IACT,KAAK;IACL,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,QAAQ;IACR,MAAM;IACN,SAAS;IACT,MAAM;EACG;AAIL,SAAU,cAAc,CAAC,GAAW,EAAA;AACxC,IAAA,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9E,IAAA,MAAM,KAAK,GAAG,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AACnC,IAAA,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC;AAED;;;AAGG;AACU,MAAA,cAAc,GAAG,CAAC,OAAqB,KAAiB;AACnE,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;AAE1B,IAAA,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE;AAC3B,QAAA,OAAO,KAAK,CAAC;KACd;AAED,IAAA,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClB,QAAA,IAAI,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;AAClC,YAAA,OAAO,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SACvC;KACF;AACD,IAAA,OAAO,EAAE,CAAC;AACZ;;;;"}

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

@@ -40,7 +40,7 @@ const Operation = ({ label, columnType = filters.FilterType.string, onOperationS
             onOperationSelect(selectedOption);
         }
     }, [value]);
-    return (jsxRuntime.jsxRuntimeExports.jsxs(select.Select, { value: value, onValueChange: setValue, "aria-labelledby": `${label}-label`, children: [jsxRuntime.jsxRuntimeExports.jsx(select.Select.Trigger, { variant: "text", className: filterChip_module.default.operation, "aria-label": `${label} filter operation`, children: jsxRuntime.jsxRuntimeExports.jsx(select.Select.Value, { placeholder: "Select operation", className: filterChip_module.default.operationText }) }), jsxRuntime.jsxRuntimeExports.jsx(select.Select.Content, { "data-variant": "filter", children: filterOptions.map(opt => {
+    return (jsxRuntime.jsxRuntimeExports.jsxs(select.Select, { value: value, onValueChange: setValue, "aria-labelledby": `${label}-label`, children: [jsxRuntime.jsxRuntimeExports.jsx(select.Select.Trigger, { variant: "text", className: filterChip_module.default.selectValue, "aria-label": `${label} filter operation`, children: jsxRuntime.jsxRuntimeExports.jsx(select.Select.Value, { placeholder: "Select operation", className: filterChip_module.default.operationText }) }), jsxRuntime.jsxRuntimeExports.jsx(select.Select.Content, { "data-variant": "filter", children: filterOptions.map(opt => {
                     return (jsxRuntime.jsxRuntimeExports.jsx(select.Select.Item, { value: opt.value, "aria-label": `Filter ${label} ${opt.label}`, children: opt.label }, opt.value));
                 }) })] }));
 };
@@ -61,7 +61,7 @@ const FilterChip = ({ label, value, onRemove, className, ref, columnType = filte
     const renderValueInput = () => {
         switch (columnType) {
             case filters.FilterType.select:
-                return (jsxRuntime.jsxRuntimeExports.jsxs(select.Select, { value: filterValue.toString(), onValueChange: setFilterValue, children: [jsxRuntime.jsxRuntimeExports.jsx(select.Select.Trigger, { variant: "text", className: filterChip_module.default.selectValue, children: jsxRuntime.jsxRuntimeExports.jsx(select.Select.Value, { placeholder: "Select value" }) }), jsxRuntime.jsxRuntimeExports.jsx(select.Select.Content, { "data-variant": "filter", children: options.map(opt => (jsxRuntime.jsxRuntimeExports.jsx(select.Select.Item, { value: opt.value.toString(), children: opt.label }, opt.value.toString()))) })] }));
+                return (jsxRuntime.jsxRuntimeExports.jsxs(select.Select, { value: filterValue.toString(), onValueChange: setFilterValue, children: [jsxRuntime.jsxRuntimeExports.jsx(select.Select.Trigger, { variant: "text", className: index.cx(filterChip_module.default.selectValue, filterChip_module.default.selectColumn), children: jsxRuntime.jsxRuntimeExports.jsx(select.Select.Value, { placeholder: "Select value" }) }), jsxRuntime.jsxRuntimeExports.jsx(select.Select.Content, { "data-variant": "filter", children: options.map(opt => (jsxRuntime.jsxRuntimeExports.jsx(select.Select.Item, { value: opt.value.toString(), children: opt.label }, opt.value.toString()))) })] }));
             case filters.FilterType.date:
                 return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: filterChip_module.default.dateFieldWrapper, children: jsxRuntime.jsxRuntimeExports.jsx(datePicker.DatePicker, { value: filterValue, onSelect: date => setFilterValue(date), showCalendarIcon: false, textFieldProps: { className: filterChip_module.default.dateField } }) }));
             default:

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

@@ -1 +1 @@
-{"version":3,"file":"filter-chip.cjs","sources":["../../../../v1/components/filter-chip/filter-chip.tsx"],"sourcesContent":["import { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { ReactElement, ReactNode, useEffect, useState } from \"react\";\n\nimport { Box } from \"../box\";\nimport { DatePicker } from \"../calendar\";\nimport { Flex } from \"../flex\";\nimport { Select } from \"../select\";\nimport { Text } from \"../text\";\nimport { TextField } from \"../textfield\";\nimport styles from \"./filter-chip.module.css\";\nimport {\n  FilterOperation,\n  filterOperators,\n  FilterSelectOption,\n  FilterType,\n  FilterTypes,\n} from \"~/v1/types/filters\";\nimport { cva, VariantProps } from \"class-variance-authority\";\n\nconst chip = cva(styles.chip, {\n  variants: {\n    variant: {\n      default: styles[\"chip-default\"],\n      text: null,\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport interface FilterChipProps extends VariantProps<typeof chip> {\n  label: string;\n  value?: string;\n  onRemove?: () => void;\n  className?: string;\n  ref?: React.RefObject<HTMLDivElement>;\n  children?: ReactNode;\n  columnType?: FilterTypes;\n  options?: FilterSelectOption[];\n  onValueChange?: (value: any) => void;\n  onOperationChange?: (operation: string) => void;\n  leadingIcon?: ReactElement;\n}\n\ninterface OperationProps {\n  label: string;\n  columnType: FilterTypes;\n  onOperationSelect: (op: FilterOperation) => void;\n}\n\nconst Operation = ({\n  label,\n  columnType = FilterType.string,\n  onOperationSelect,\n}: OperationProps) => {\n  const filterOptions = filterOperators[columnType] || [];\n  // FilterOperatorTypes gives error as Select returns string\n  const [value, setValue] = useState<string>(filterOptions?.[0]?.value);\n\n  useEffect(() => {\n    const selectedOption = filterOptions.find(o => o.value === value);\n    if (selectedOption) {\n      onOperationSelect(selectedOption);\n    }\n  }, [value]);\n\n  return (\n    <Select\n      value={value}\n      onValueChange={setValue}\n      aria-labelledby={`${label}-label`}>\n      <Select.Trigger\n        variant=\"text\"\n        className={styles.operation}\n        aria-label={`${label} filter operation`}>\n        <Select.Value\n          placeholder=\"Select operation\"\n          className={styles.operationText}\n        />\n      </Select.Trigger>\n      <Select.Content data-variant=\"filter\">\n        {filterOptions.map(opt => {\n          return (\n            <Select.Item\n              key={opt.value}\n              value={opt.value}\n              aria-label={`Filter ${label} ${opt.label}`}>\n              {opt.label}\n            </Select.Item>\n          );\n        })}\n      </Select.Content>\n    </Select>\n  );\n};\n\nexport const FilterChip = ({\n  label,\n  value,\n  onRemove,\n  className,\n  ref,\n  columnType = FilterType.string,\n  options = [],\n  onValueChange,\n  onOperationChange,\n  leadingIcon,\n  variant,\n  ...props\n}: FilterChipProps) => {\n  const [operation, setOperation] = useState<FilterOperation>();\n  const [filterValue, setFilterValue] = useState<any>(value || \"\");\n\n  const showOnRemove = typeof onRemove === \"function\";\n\n  useEffect(() => {\n    if (onOperationChange && operation?.value) {\n      onOperationChange(operation?.value);\n    }\n  }, [operation?.value]);\n\n  useEffect(() => {\n    if (onValueChange) {\n      onValueChange(filterValue);\n    }\n  }, [filterValue]);\n\n  const renderValueInput = () => {\n    switch (columnType) {\n      case FilterType.select:\n        return (\n          <Select value={filterValue.toString()} onValueChange={setFilterValue}>\n            <Select.Trigger variant=\"text\" className={styles.selectValue}>\n              <Select.Value placeholder=\"Select value\" />\n            </Select.Trigger>\n            <Select.Content data-variant=\"filter\">\n              {options.map(opt => (\n                <Select.Item\n                  key={opt.value.toString()}\n                  value={opt.value.toString()}>\n                  {opt.label}\n                </Select.Item>\n              ))}\n            </Select.Content>\n          </Select>\n        );\n      case FilterType.date:\n        return (\n          <div className={styles.dateFieldWrapper}>\n            <DatePicker\n              value={filterValue}\n              onSelect={date => setFilterValue(date)}\n              showCalendarIcon={false}\n              textFieldProps={{ className: styles.dateField }}\n            />\n          </div>\n        );\n      default:\n        return (\n          <div className={styles.textFieldWrapper}>\n            <TextField\n              className={styles.textField}\n              value={filterValue}\n              onChange={e => setFilterValue(e.target.value)}\n            />\n          </div>\n        );\n    }\n  };\n\n  return (\n    <Box\n      ref={ref}\n      className={chip({ variant, className })}\n      role=\"group\"\n      aria-label={`Filter by ${label}`}\n      {...props}>\n      <Flex align=\"center\">\n        <Flex align=\"center\" gap={2}>\n          {leadingIcon && (\n            <span className={styles.leadingIcon} aria-hidden=\"true\">\n              {leadingIcon}\n            </span>\n          )}\n          <Text size={2} weight=\"normal\">\n            {label}\n          </Text>\n        </Flex>\n        <Operation\n          columnType={columnType}\n          label={label}\n          onOperationSelect={setOperation}\n        />\n        {renderValueInput()}\n        {showOnRemove && (\n          <button\n            className={styles.removeIconContainer}\n            aria-label={`Remove ${label} filter`}\n            onClick={onRemove}>\n            <Cross1Icon className={styles.removeIcon} />\n          </button>\n        )}\n      </Flex>\n    </Box>\n  );\n};\n\nFilterChip.displayName = \"FilterChip\";\n"],"names":["cva","styles","FilterType","filterOperators","useState","useEffect","_jsxs","Select","_jsx","DatePicker","TextField","Box","Flex","Text","Cross1Icon"],"mappings":"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"}
+{"version":3,"file":"filter-chip.cjs","sources":["../../../../v1/components/filter-chip/filter-chip.tsx"],"sourcesContent":["import { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { ReactElement, ReactNode, useEffect, useState } from \"react\";\n\nimport { Box } from \"../box\";\nimport { DatePicker } from \"../calendar\";\nimport { Flex } from \"../flex\";\nimport { Select } from \"../select\";\nimport { Text } from \"../text\";\nimport { TextField } from \"../textfield\";\nimport styles from \"./filter-chip.module.css\";\nimport {\n  FilterOperation,\n  filterOperators,\n  FilterSelectOption,\n  FilterType,\n  FilterTypes,\n} from \"~/v1/types/filters\";\nimport { cva, cx, VariantProps } from \"class-variance-authority\";\n\nconst chip = cva(styles.chip, {\n  variants: {\n    variant: {\n      default: styles[\"chip-default\"],\n      text: null,\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport interface FilterChipProps extends VariantProps<typeof chip> {\n  label: string;\n  value?: string;\n  onRemove?: () => void;\n  className?: string;\n  ref?: React.RefObject<HTMLDivElement>;\n  children?: ReactNode;\n  columnType?: FilterTypes;\n  options?: FilterSelectOption[];\n  onValueChange?: (value: any) => void;\n  onOperationChange?: (operation: string) => void;\n  leadingIcon?: ReactElement;\n}\n\ninterface OperationProps {\n  label: string;\n  columnType: FilterTypes;\n  onOperationSelect: (op: FilterOperation) => void;\n}\n\nconst Operation = ({\n  label,\n  columnType = FilterType.string,\n  onOperationSelect,\n}: OperationProps) => {\n  const filterOptions = filterOperators[columnType] || [];\n  // FilterOperatorTypes gives error as Select returns string\n  const [value, setValue] = useState<string>(filterOptions?.[0]?.value);\n\n  useEffect(() => {\n    const selectedOption = filterOptions.find(o => o.value === value);\n    if (selectedOption) {\n      onOperationSelect(selectedOption);\n    }\n  }, [value]);\n\n  return (\n    <Select\n      value={value}\n      onValueChange={setValue}\n      aria-labelledby={`${label}-label`}>\n      <Select.Trigger\n        variant=\"text\"\n        className={styles.selectValue}\n        aria-label={`${label} filter operation`}>\n        <Select.Value\n          placeholder=\"Select operation\"\n          className={styles.operationText}\n        />\n      </Select.Trigger>\n      <Select.Content data-variant=\"filter\">\n        {filterOptions.map(opt => {\n          return (\n            <Select.Item\n              key={opt.value}\n              value={opt.value}\n              aria-label={`Filter ${label} ${opt.label}`}>\n              {opt.label}\n            </Select.Item>\n          );\n        })}\n      </Select.Content>\n    </Select>\n  );\n};\n\nexport const FilterChip = ({\n  label,\n  value,\n  onRemove,\n  className,\n  ref,\n  columnType = FilterType.string,\n  options = [],\n  onValueChange,\n  onOperationChange,\n  leadingIcon,\n  variant,\n  ...props\n}: FilterChipProps) => {\n  const [operation, setOperation] = useState<FilterOperation>();\n  const [filterValue, setFilterValue] = useState<any>(value || \"\");\n\n  const showOnRemove = typeof onRemove === \"function\";\n\n  useEffect(() => {\n    if (onOperationChange && operation?.value) {\n      onOperationChange(operation?.value);\n    }\n  }, [operation?.value]);\n\n  useEffect(() => {\n    if (onValueChange) {\n      onValueChange(filterValue);\n    }\n  }, [filterValue]);\n\n  const renderValueInput = () => {\n    switch (columnType) {\n      case FilterType.select:\n        return (\n          <Select value={filterValue.toString()} onValueChange={setFilterValue}>\n            <Select.Trigger\n              variant=\"text\"\n              className={cx(styles.selectValue, styles.selectColumn)}>\n              <Select.Value placeholder=\"Select value\" />\n            </Select.Trigger>\n            <Select.Content data-variant=\"filter\">\n              {options.map(opt => (\n                <Select.Item\n                  key={opt.value.toString()}\n                  value={opt.value.toString()}>\n                  {opt.label}\n                </Select.Item>\n              ))}\n            </Select.Content>\n          </Select>\n        );\n      case FilterType.date:\n        return (\n          <div className={styles.dateFieldWrapper}>\n            <DatePicker\n              value={filterValue}\n              onSelect={date => setFilterValue(date)}\n              showCalendarIcon={false}\n              textFieldProps={{ className: styles.dateField }}\n            />\n          </div>\n        );\n      default:\n        return (\n          <div className={styles.textFieldWrapper}>\n            <TextField\n              className={styles.textField}\n              value={filterValue}\n              onChange={e => setFilterValue(e.target.value)}\n            />\n          </div>\n        );\n    }\n  };\n\n  return (\n    <Box\n      ref={ref}\n      className={chip({ variant, className })}\n      role=\"group\"\n      aria-label={`Filter by ${label}`}\n      {...props}>\n      <Flex align=\"center\">\n        <Flex align=\"center\" gap={2}>\n          {leadingIcon && (\n            <span className={styles.leadingIcon} aria-hidden=\"true\">\n              {leadingIcon}\n            </span>\n          )}\n          <Text size={2} weight=\"normal\">\n            {label}\n          </Text>\n        </Flex>\n        <Operation\n          columnType={columnType}\n          label={label}\n          onOperationSelect={setOperation}\n        />\n        {renderValueInput()}\n        {showOnRemove && (\n          <button\n            className={styles.removeIconContainer}\n            aria-label={`Remove ${label} filter`}\n            onClick={onRemove}>\n            <Cross1Icon className={styles.removeIcon} />\n          </button>\n        )}\n      </Flex>\n    </Box>\n  );\n};\n\nFilterChip.displayName = \"FilterChip\";\n"],"names":["cva","styles","FilterType","filterOperators","useState","useEffect","_jsxs","Select","_jsx","cx","DatePicker","TextField","Box","Flex","Text","Cross1Icon"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"filter-chip.d.ts","sourceRoot":"","sources":["../../../../v1/components/filter-chip/filter-chip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AASrE,OAAO,EAGL,kBAAkB,EAElB,WAAW,EACZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,QAAA,MAAM,IAAI;;8EAUR,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,IAAI,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,YAAY,CAAC;CAC5B;AAsDD,eAAO,MAAM,UAAU;wIAapB,eAAe;;CAgGjB,CAAC"}
+{"version":3,"file":"filter-chip.d.ts","sourceRoot":"","sources":["../../../../v1/components/filter-chip/filter-chip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AASrE,OAAO,EAGL,kBAAkB,EAElB,WAAW,EACZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAW,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAEjE,QAAA,MAAM,IAAI;;8EAUR,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,IAAI,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,YAAY,CAAC;CAC5B;AAsDD,eAAO,MAAM,UAAU;wIAapB,eAAe;;CAkGjB,CAAC"}

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

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/no
 import { Cross1Icon } 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 { useState, useEffect } from 'react';
 import { Box } from '../box/box.js';
-import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { cva, cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import '../../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/UI.js';
 import '../../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/useDayPicker.js';
 import { Flex } from '../flex/flex.js';
@@ -38,7 +38,7 @@ const Operation = ({ label, columnType = FilterType.string, onOperationSelect, }
             onOperationSelect(selectedOption);
         }
     }, [value]);
-    return (jsxRuntimeExports.jsxs(Select, { value: value, onValueChange: setValue, "aria-labelledby": `${label}-label`, children: [jsxRuntimeExports.jsx(Select.Trigger, { variant: "text", className: styles.operation, "aria-label": `${label} filter operation`, children: jsxRuntimeExports.jsx(Select.Value, { placeholder: "Select operation", className: styles.operationText }) }), jsxRuntimeExports.jsx(Select.Content, { "data-variant": "filter", children: filterOptions.map(opt => {
+    return (jsxRuntimeExports.jsxs(Select, { value: value, onValueChange: setValue, "aria-labelledby": `${label}-label`, children: [jsxRuntimeExports.jsx(Select.Trigger, { variant: "text", className: styles.selectValue, "aria-label": `${label} filter operation`, children: jsxRuntimeExports.jsx(Select.Value, { placeholder: "Select operation", className: styles.operationText }) }), jsxRuntimeExports.jsx(Select.Content, { "data-variant": "filter", children: filterOptions.map(opt => {
                     return (jsxRuntimeExports.jsx(Select.Item, { value: opt.value, "aria-label": `Filter ${label} ${opt.label}`, children: opt.label }, opt.value));
                 }) })] }));
 };
@@ -59,7 +59,7 @@ const FilterChip = ({ label, value, onRemove, className, ref, columnType = Filte
     const renderValueInput = () => {
         switch (columnType) {
             case FilterType.select:
-                return (jsxRuntimeExports.jsxs(Select, { value: filterValue.toString(), onValueChange: setFilterValue, children: [jsxRuntimeExports.jsx(Select.Trigger, { variant: "text", className: styles.selectValue, children: jsxRuntimeExports.jsx(Select.Value, { placeholder: "Select value" }) }), jsxRuntimeExports.jsx(Select.Content, { "data-variant": "filter", children: options.map(opt => (jsxRuntimeExports.jsx(Select.Item, { value: opt.value.toString(), children: opt.label }, opt.value.toString()))) })] }));
+                return (jsxRuntimeExports.jsxs(Select, { value: filterValue.toString(), onValueChange: setFilterValue, children: [jsxRuntimeExports.jsx(Select.Trigger, { variant: "text", className: cx(styles.selectValue, styles.selectColumn), children: jsxRuntimeExports.jsx(Select.Value, { placeholder: "Select value" }) }), jsxRuntimeExports.jsx(Select.Content, { "data-variant": "filter", children: options.map(opt => (jsxRuntimeExports.jsx(Select.Item, { value: opt.value.toString(), children: opt.label }, opt.value.toString()))) })] }));
             case FilterType.date:
                 return (jsxRuntimeExports.jsx("div", { className: styles.dateFieldWrapper, children: jsxRuntimeExports.jsx(DatePicker, { value: filterValue, onSelect: date => setFilterValue(date), showCalendarIcon: false, textFieldProps: { className: styles.dateField } }) }));
             default:

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

@@ -1 +1 @@
-{"version":3,"file":"filter-chip.js","sources":["../../../../v1/components/filter-chip/filter-chip.tsx"],"sourcesContent":["import { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { ReactElement, ReactNode, useEffect, useState } from \"react\";\n\nimport { Box } from \"../box\";\nimport { DatePicker } from \"../calendar\";\nimport { Flex } from \"../flex\";\nimport { Select } from \"../select\";\nimport { Text } from \"../text\";\nimport { TextField } from \"../textfield\";\nimport styles from \"./filter-chip.module.css\";\nimport {\n  FilterOperation,\n  filterOperators,\n  FilterSelectOption,\n  FilterType,\n  FilterTypes,\n} from \"~/v1/types/filters\";\nimport { cva, VariantProps } from \"class-variance-authority\";\n\nconst chip = cva(styles.chip, {\n  variants: {\n    variant: {\n      default: styles[\"chip-default\"],\n      text: null,\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport interface FilterChipProps extends VariantProps<typeof chip> {\n  label: string;\n  value?: string;\n  onRemove?: () => void;\n  className?: string;\n  ref?: React.RefObject<HTMLDivElement>;\n  children?: ReactNode;\n  columnType?: FilterTypes;\n  options?: FilterSelectOption[];\n  onValueChange?: (value: any) => void;\n  onOperationChange?: (operation: string) => void;\n  leadingIcon?: ReactElement;\n}\n\ninterface OperationProps {\n  label: string;\n  columnType: FilterTypes;\n  onOperationSelect: (op: FilterOperation) => void;\n}\n\nconst Operation = ({\n  label,\n  columnType = FilterType.string,\n  onOperationSelect,\n}: OperationProps) => {\n  const filterOptions = filterOperators[columnType] || [];\n  // FilterOperatorTypes gives error as Select returns string\n  const [value, setValue] = useState<string>(filterOptions?.[0]?.value);\n\n  useEffect(() => {\n    const selectedOption = filterOptions.find(o => o.value === value);\n    if (selectedOption) {\n      onOperationSelect(selectedOption);\n    }\n  }, [value]);\n\n  return (\n    <Select\n      value={value}\n      onValueChange={setValue}\n      aria-labelledby={`${label}-label`}>\n      <Select.Trigger\n        variant=\"text\"\n        className={styles.operation}\n        aria-label={`${label} filter operation`}>\n        <Select.Value\n          placeholder=\"Select operation\"\n          className={styles.operationText}\n        />\n      </Select.Trigger>\n      <Select.Content data-variant=\"filter\">\n        {filterOptions.map(opt => {\n          return (\n            <Select.Item\n              key={opt.value}\n              value={opt.value}\n              aria-label={`Filter ${label} ${opt.label}`}>\n              {opt.label}\n            </Select.Item>\n          );\n        })}\n      </Select.Content>\n    </Select>\n  );\n};\n\nexport const FilterChip = ({\n  label,\n  value,\n  onRemove,\n  className,\n  ref,\n  columnType = FilterType.string,\n  options = [],\n  onValueChange,\n  onOperationChange,\n  leadingIcon,\n  variant,\n  ...props\n}: FilterChipProps) => {\n  const [operation, setOperation] = useState<FilterOperation>();\n  const [filterValue, setFilterValue] = useState<any>(value || \"\");\n\n  const showOnRemove = typeof onRemove === \"function\";\n\n  useEffect(() => {\n    if (onOperationChange && operation?.value) {\n      onOperationChange(operation?.value);\n    }\n  }, [operation?.value]);\n\n  useEffect(() => {\n    if (onValueChange) {\n      onValueChange(filterValue);\n    }\n  }, [filterValue]);\n\n  const renderValueInput = () => {\n    switch (columnType) {\n      case FilterType.select:\n        return (\n          <Select value={filterValue.toString()} onValueChange={setFilterValue}>\n            <Select.Trigger variant=\"text\" className={styles.selectValue}>\n              <Select.Value placeholder=\"Select value\" />\n            </Select.Trigger>\n            <Select.Content data-variant=\"filter\">\n              {options.map(opt => (\n                <Select.Item\n                  key={opt.value.toString()}\n                  value={opt.value.toString()}>\n                  {opt.label}\n                </Select.Item>\n              ))}\n            </Select.Content>\n          </Select>\n        );\n      case FilterType.date:\n        return (\n          <div className={styles.dateFieldWrapper}>\n            <DatePicker\n              value={filterValue}\n              onSelect={date => setFilterValue(date)}\n              showCalendarIcon={false}\n              textFieldProps={{ className: styles.dateField }}\n            />\n          </div>\n        );\n      default:\n        return (\n          <div className={styles.textFieldWrapper}>\n            <TextField\n              className={styles.textField}\n              value={filterValue}\n              onChange={e => setFilterValue(e.target.value)}\n            />\n          </div>\n        );\n    }\n  };\n\n  return (\n    <Box\n      ref={ref}\n      className={chip({ variant, className })}\n      role=\"group\"\n      aria-label={`Filter by ${label}`}\n      {...props}>\n      <Flex align=\"center\">\n        <Flex align=\"center\" gap={2}>\n          {leadingIcon && (\n            <span className={styles.leadingIcon} aria-hidden=\"true\">\n              {leadingIcon}\n            </span>\n          )}\n          <Text size={2} weight=\"normal\">\n            {label}\n          </Text>\n        </Flex>\n        <Operation\n          columnType={columnType}\n          label={label}\n          onOperationSelect={setOperation}\n        />\n        {renderValueInput()}\n        {showOnRemove && (\n          <button\n            className={styles.removeIconContainer}\n            aria-label={`Remove ${label} filter`}\n            onClick={onRemove}>\n            <Cross1Icon className={styles.removeIcon} />\n          </button>\n        )}\n      </Flex>\n    </Box>\n  );\n};\n\nFilterChip.displayName = \"FilterChip\";\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"filter-chip.js","sources":["../../../../v1/components/filter-chip/filter-chip.tsx"],"sourcesContent":["import { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { ReactElement, ReactNode, useEffect, useState } from \"react\";\n\nimport { Box } from \"../box\";\nimport { DatePicker } from \"../calendar\";\nimport { Flex } from \"../flex\";\nimport { Select } from \"../select\";\nimport { Text } from \"../text\";\nimport { TextField } from \"../textfield\";\nimport styles from \"./filter-chip.module.css\";\nimport {\n  FilterOperation,\n  filterOperators,\n  FilterSelectOption,\n  FilterType,\n  FilterTypes,\n} from \"~/v1/types/filters\";\nimport { cva, cx, VariantProps } from \"class-variance-authority\";\n\nconst chip = cva(styles.chip, {\n  variants: {\n    variant: {\n      default: styles[\"chip-default\"],\n      text: null,\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport interface FilterChipProps extends VariantProps<typeof chip> {\n  label: string;\n  value?: string;\n  onRemove?: () => void;\n  className?: string;\n  ref?: React.RefObject<HTMLDivElement>;\n  children?: ReactNode;\n  columnType?: FilterTypes;\n  options?: FilterSelectOption[];\n  onValueChange?: (value: any) => void;\n  onOperationChange?: (operation: string) => void;\n  leadingIcon?: ReactElement;\n}\n\ninterface OperationProps {\n  label: string;\n  columnType: FilterTypes;\n  onOperationSelect: (op: FilterOperation) => void;\n}\n\nconst Operation = ({\n  label,\n  columnType = FilterType.string,\n  onOperationSelect,\n}: OperationProps) => {\n  const filterOptions = filterOperators[columnType] || [];\n  // FilterOperatorTypes gives error as Select returns string\n  const [value, setValue] = useState<string>(filterOptions?.[0]?.value);\n\n  useEffect(() => {\n    const selectedOption = filterOptions.find(o => o.value === value);\n    if (selectedOption) {\n      onOperationSelect(selectedOption);\n    }\n  }, [value]);\n\n  return (\n    <Select\n      value={value}\n      onValueChange={setValue}\n      aria-labelledby={`${label}-label`}>\n      <Select.Trigger\n        variant=\"text\"\n        className={styles.selectValue}\n        aria-label={`${label} filter operation`}>\n        <Select.Value\n          placeholder=\"Select operation\"\n          className={styles.operationText}\n        />\n      </Select.Trigger>\n      <Select.Content data-variant=\"filter\">\n        {filterOptions.map(opt => {\n          return (\n            <Select.Item\n              key={opt.value}\n              value={opt.value}\n              aria-label={`Filter ${label} ${opt.label}`}>\n              {opt.label}\n            </Select.Item>\n          );\n        })}\n      </Select.Content>\n    </Select>\n  );\n};\n\nexport const FilterChip = ({\n  label,\n  value,\n  onRemove,\n  className,\n  ref,\n  columnType = FilterType.string,\n  options = [],\n  onValueChange,\n  onOperationChange,\n  leadingIcon,\n  variant,\n  ...props\n}: FilterChipProps) => {\n  const [operation, setOperation] = useState<FilterOperation>();\n  const [filterValue, setFilterValue] = useState<any>(value || \"\");\n\n  const showOnRemove = typeof onRemove === \"function\";\n\n  useEffect(() => {\n    if (onOperationChange && operation?.value) {\n      onOperationChange(operation?.value);\n    }\n  }, [operation?.value]);\n\n  useEffect(() => {\n    if (onValueChange) {\n      onValueChange(filterValue);\n    }\n  }, [filterValue]);\n\n  const renderValueInput = () => {\n    switch (columnType) {\n      case FilterType.select:\n        return (\n          <Select value={filterValue.toString()} onValueChange={setFilterValue}>\n            <Select.Trigger\n              variant=\"text\"\n              className={cx(styles.selectValue, styles.selectColumn)}>\n              <Select.Value placeholder=\"Select value\" />\n            </Select.Trigger>\n            <Select.Content data-variant=\"filter\">\n              {options.map(opt => (\n                <Select.Item\n                  key={opt.value.toString()}\n                  value={opt.value.toString()}>\n                  {opt.label}\n                </Select.Item>\n              ))}\n            </Select.Content>\n          </Select>\n        );\n      case FilterType.date:\n        return (\n          <div className={styles.dateFieldWrapper}>\n            <DatePicker\n              value={filterValue}\n              onSelect={date => setFilterValue(date)}\n              showCalendarIcon={false}\n              textFieldProps={{ className: styles.dateField }}\n            />\n          </div>\n        );\n      default:\n        return (\n          <div className={styles.textFieldWrapper}>\n            <TextField\n              className={styles.textField}\n              value={filterValue}\n              onChange={e => setFilterValue(e.target.value)}\n            />\n          </div>\n        );\n    }\n  };\n\n  return (\n    <Box\n      ref={ref}\n      className={chip({ variant, className })}\n      role=\"group\"\n      aria-label={`Filter by ${label}`}\n      {...props}>\n      <Flex align=\"center\">\n        <Flex align=\"center\" gap={2}>\n          {leadingIcon && (\n            <span className={styles.leadingIcon} aria-hidden=\"true\">\n              {leadingIcon}\n            </span>\n          )}\n          <Text size={2} weight=\"normal\">\n            {label}\n          </Text>\n        </Flex>\n        <Operation\n          columnType={columnType}\n          label={label}\n          onOperationSelect={setOperation}\n        />\n        {renderValueInput()}\n        {showOnRemove && (\n          <button\n            className={styles.removeIconContainer}\n            aria-label={`Remove ${label} filter`}\n            onClick={onRemove}>\n            <Cross1Icon className={styles.removeIcon} />\n          </button>\n        )}\n      </Flex>\n    </Box>\n  );\n};\n\nFilterChip.displayName = \"FilterChip\";\n"],"names":["_jsxs","_jsx"],"mappings":"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"}