@raystack/apsara 0.48.1 → 0.48.2

package/dist/components/skeleton/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sources":["../../../components/skeleton/skeleton.tsx"],"sourcesContent":["import { CSSProperties, createContext, useContext } from 'react';\nimport { clsx } from 'clsx';\nimport styles from './skeleton.module.css';\n\nexport interface SkeletonProps {\n  baseColor?: string;\n  highlightColor?: string;\n  width?: string | number;\n  height?: string | number;\n  borderRadius?: string | number;\n  inline?: boolean;\n  duration?: number;\n  enableAnimation?: boolean;\n  count?: number;\n  style?: CSSProperties;\n  className?: string;\n  containerStyle?: CSSProperties;\n  containerClassName?: string;\n}\n\nconst SkeletonContext = createContext<SkeletonProps | null>(null);\n\ninterface SkeletonProviderProps extends SkeletonProps {\n  children: React.ReactNode;\n}\n\nconst SkeletonBase = (props: SkeletonProps) => {\n  const contextProps = useContext(SkeletonContext);\n  \n  const {\n    baseColor,\n    highlightColor,\n    width,\n    height = 'var(--rs-space-4)',\n    borderRadius = 'var(--rs-radius-2)',\n    inline = false,\n    duration = 1.5,\n    count = 1,\n    enableAnimation = true,\n    style,\n    className,\n    containerStyle,\n    containerClassName,\n  } = { ...contextProps, ...props };\n\n  const skeletonClassName = clsx(\n    styles.skeleton,\n    inline && styles.inline,\n    enableAnimation && styles.animate,\n    className\n  );\n\n  const Container = inline ? 'span' : 'div';\n  const defaultWidth = inline ? '50px' : '100%';\n\n  return (\n    <Container\n      className={containerClassName}\n      style={{\n        display: inline ? 'inline-block' : 'flex',\n        flexDirection: !inline ? 'column' : undefined,\n        gap: !inline && count > 1 ? 'var(--rs-space-3)' : undefined,\n        ...containerStyle\n      }}\n    >\n      {Array.from({ length: count }).map((_, i) => (\n        <span\n          key={i}\n          className={skeletonClassName}\n          style={{\n            width: width ?? defaultWidth,\n            height,\n            borderRadius,\n            '--skeleton-base-color': baseColor,\n            '--skeleton-highlight-color': highlightColor,\n            '--skeleton-duration': `${duration}s`,\n            ...style\n          } as CSSProperties}\n        />\n      ))}\n    </Container>\n  );\n};\n\nconst Provider = ({ \n  children,\n  ...props\n}: SkeletonProviderProps) => {\n  return (\n    <SkeletonContext.Provider value={props}>\n      {children}\n    </SkeletonContext.Provider>\n  );\n};\n\nexport const Skeleton = Object.assign(SkeletonBase, { Provider }); "],"names":["_jsx"],"mappings":";;;;;AAoBA,MAAM,eAAe,GAAG,aAAa,CAAuB,IAAI,CAAC,CAAC;AAMlE,MAAM,YAAY,GAAG,CAAC,KAAoB,KAAI;AAC5C,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAEjD,MAAM,EACJ,SAAS,EACT,cAAc,EACd,KAAK,EACL,MAAM,GAAG,mBAAmB,EAC5B,YAAY,GAAG,oBAAoB,EACnC,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,GAAG,EACd,KAAK,GAAG,CAAC,EACT,eAAe,GAAG,IAAI,EACtB,KAAK,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,GACnB,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,CAAC;IAElC,MAAM,iBAAiB,GAAG,IAAI,CAC5B,MAAM,CAAC,QAAQ,EACf,MAAM,IAAI,MAAM,CAAC,MAAM,EACvB,eAAe,IAAI,MAAM,CAAC,OAAO,EACjC,SAAS,CACV,CAAC;IAEF,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;IAC1C,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAE9C,QACEA,sBAAC,SAAS,EAAA,EACR,SAAS,EAAE,kBAAkB,EAC7B,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM;YACzC,aAAa,EAAE,CAAC,MAAM,GAAG,QAAQ,GAAG,SAAS;AAC7C,YAAA,GAAG,EAAE,CAAC,MAAM,IAAI,KAAK,GAAG,CAAC,GAAG,mBAAmB,GAAG,SAAS;AAC3D,YAAA,GAAG,cAAc;SAClB,EAEA,QAAA,EAAA,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MACtCA,qBAEE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,IAAI,YAAY;gBAC5B,MAAM;gBACN,YAAY;AACZ,gBAAA,uBAAuB,EAAE,SAAS;AAClC,gBAAA,4BAA4B,EAAE,cAAc;gBAC5C,qBAAqB,EAAE,CAAG,EAAA,QAAQ,CAAG,CAAA,CAAA;AACrC,gBAAA,GAAG,KAAK;AACQ,aAAA,EAAA,EAVb,CAAC,CAWN,CACH,CAAC,EAAA,CACQ,EACZ;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAChB,QAAQ,EACR,GAAG,KAAK,EACc,KAAI;AAC1B,IAAA,QACEA,qBAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EACnC,QAAQ,EAAA,CACgB,EAC3B;AACJ,CAAC,CAAC;AAEK,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE;;;;"}
+{"version":3,"file":"skeleton.js","sources":["../../../components/skeleton/skeleton.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { CSSProperties, createContext, useContext } from 'react';\nimport styles from './skeleton.module.css';\n\nexport interface SkeletonProps {\n  baseColor?: string;\n  highlightColor?: string;\n  width?: string | number;\n  height?: string | number;\n  borderRadius?: string | number;\n  inline?: boolean;\n  duration?: number;\n  enableAnimation?: boolean;\n  count?: number;\n  style?: CSSProperties;\n  className?: string;\n  containerStyle?: CSSProperties;\n  containerClassName?: string;\n}\n\nconst SkeletonContext = createContext<SkeletonProps | null>(null);\n\ninterface SkeletonProviderProps extends SkeletonProps {\n  children: React.ReactNode;\n}\n\nconst SkeletonBase = (props: SkeletonProps) => {\n  const contextProps = useContext(SkeletonContext);\n\n  const {\n    baseColor,\n    highlightColor,\n    width,\n    height = 'var(--rs-space-4)',\n    borderRadius = 'var(--rs-radius-2)',\n    inline = false,\n    duration = 1.5,\n    count = 1,\n    enableAnimation = true,\n    style,\n    className,\n    containerStyle,\n    containerClassName\n  } = { ...contextProps, ...props };\n\n  const skeletonClassName = cx(\n    styles.skeleton,\n    inline && styles.inline,\n    enableAnimation && styles.animate,\n    className\n  );\n\n  const Container = inline ? 'span' : 'div';\n  const defaultWidth = inline ? '50px' : '100%';\n\n  return (\n    <Container\n      className={containerClassName}\n      style={{\n        display: inline ? 'inline-block' : 'flex',\n        flexDirection: !inline ? 'column' : undefined,\n        gap: !inline && count > 1 ? 'var(--rs-space-3)' : undefined,\n        ...containerStyle\n      }}\n    >\n      {Array.from({ length: count }).map((_, i) => (\n        <span\n          key={i}\n          className={skeletonClassName}\n          style={\n            {\n              width: width ?? defaultWidth,\n              height,\n              borderRadius,\n              '--skeleton-base-color': baseColor,\n              '--skeleton-highlight-color': highlightColor,\n              '--skeleton-duration': `${duration}s`,\n              ...style\n            } as CSSProperties\n          }\n        />\n      ))}\n    </Container>\n  );\n};\n\nconst Provider = ({ children, ...props }: SkeletonProviderProps) => {\n  return (\n    <SkeletonContext.Provider value={props}>\n      {children}\n    </SkeletonContext.Provider>\n  );\n};\n\nexport const Skeleton = Object.assign(SkeletonBase, { Provider });\n"],"names":["_jsx"],"mappings":";;;;;AAoBA,MAAM,eAAe,GAAG,aAAa,CAAuB,IAAI,CAAC,CAAC;AAMlE,MAAM,YAAY,GAAG,CAAC,KAAoB,KAAI;AAC5C,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAEjD,MAAM,EACJ,SAAS,EACT,cAAc,EACd,KAAK,EACL,MAAM,GAAG,mBAAmB,EAC5B,YAAY,GAAG,oBAAoB,EACnC,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,GAAG,EACd,KAAK,GAAG,CAAC,EACT,eAAe,GAAG,IAAI,EACtB,KAAK,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,EACnB,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,CAAC;IAElC,MAAM,iBAAiB,GAAG,EAAE,CAC1B,MAAM,CAAC,QAAQ,EACf,MAAM,IAAI,MAAM,CAAC,MAAM,EACvB,eAAe,IAAI,MAAM,CAAC,OAAO,EACjC,SAAS,CACV,CAAC;IAEF,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;IAC1C,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAE9C,QACEA,sBAAC,SAAS,EAAA,EACR,SAAS,EAAE,kBAAkB,EAC7B,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM;YACzC,aAAa,EAAE,CAAC,MAAM,GAAG,QAAQ,GAAG,SAAS;AAC7C,YAAA,GAAG,EAAE,CAAC,MAAM,IAAI,KAAK,GAAG,CAAC,GAAG,mBAAmB,GAAG,SAAS;AAC3D,YAAA,GAAG,cAAc;SAClB,EAEA,QAAA,EAAA,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MACtCA,qBAEE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EACH;gBACE,KAAK,EAAE,KAAK,IAAI,YAAY;gBAC5B,MAAM;gBACN,YAAY;AACZ,gBAAA,uBAAuB,EAAE,SAAS;AAClC,gBAAA,4BAA4B,EAAE,cAAc;gBAC5C,qBAAqB,EAAE,CAAG,EAAA,QAAQ,CAAG,CAAA,CAAA;AACrC,gBAAA,GAAG,KAAK;AACQ,aAAA,EAAA,EAXf,CAAC,CAaN,CACH,CAAC,EAAA,CACQ,EACZ;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAyB,KAAI;AACjE,IAAA,QACEA,qBAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EACnC,QAAQ,EAAA,CACgB,EAC3B;AACJ,CAAC,CAAC;AAEK,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE;;;;"}

package/dist/components/text-area/text-area.cjs

@@ -2,10 +2,9 @@
 
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
 var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
-var tooltip = require('../tooltip/tooltip.cjs');
 var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
-var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
+var tooltip = require('../tooltip/tooltip.cjs');
 var textArea_module = require('./text-area.module.css.cjs');
 
 function _interopNamespaceDefault(e) {
@@ -34,10 +33,10 @@ const textArea = index.cva(textArea_module.default.textarea, {
         }
     }
 });
-const TextArea = React__namespace.forwardRef(({ className, style, label, required, infoTooltip, helperText, error, disabled, width = "100%", value, onChange, placeholder, ...props }, ref) => {
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: textArea_module.default.container, style: { width }, children: [label && (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: textArea_module.default.labelContainer, children: [jsxRuntime.jsxRuntimeExports.jsxs("label", { className: clsx.clsx(textArea_module.default.label, disabled && textArea_module.default.labelDisabled), children: [label, !required && jsxRuntime.jsxRuntimeExports.jsx("span", { className: textArea_module.default.optional, children: "(optional)" })] }), infoTooltip && (jsxRuntime.jsxRuntimeExports.jsx(tooltip.Tooltip, { message: infoTooltip, side: "right", children: jsxRuntime.jsxRuntimeExports.jsx("span", { className: textArea_module.default.helpIcon, children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.InfoCircledIcon, {}) }) }))] })), jsxRuntime.jsxRuntimeExports.jsx("textarea", { className: index.cx(textArea({ error }), disabled && textArea_module.default.disabled, className), ref: ref, value: value, onChange: onChange, required: required, disabled: disabled, placeholder: placeholder, ...props }), helperText && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: clsx.clsx(textArea_module.default.helperText, error && textArea_module.default.helperTextError, disabled && textArea_module.default.helperTextDisabled), children: helperText }))] }));
+const TextArea = React__namespace.forwardRef(({ className, style, label, required, infoTooltip, helperText, error, disabled, width = '100%', value, onChange, placeholder, ...props }, ref) => {
+    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: textArea_module.default.container, style: { width }, children: [label && (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: textArea_module.default.labelContainer, children: [jsxRuntime.jsxRuntimeExports.jsxs("label", { className: index.cx(textArea_module.default.label, disabled && textArea_module.default.labelDisabled), children: [label, !required && jsxRuntime.jsxRuntimeExports.jsx("span", { className: textArea_module.default.optional, children: "(optional)" })] }), infoTooltip && (jsxRuntime.jsxRuntimeExports.jsx(tooltip.Tooltip, { message: infoTooltip, side: 'right', children: jsxRuntime.jsxRuntimeExports.jsx("span", { className: textArea_module.default.helpIcon, children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.InfoCircledIcon, {}) }) }))] })), jsxRuntime.jsxRuntimeExports.jsx("textarea", { className: index.cx(textArea({ error }), disabled && textArea_module.default.disabled, className), ref: ref, value: value, onChange: onChange, required: required, disabled: disabled, placeholder: placeholder, ...props }), helperText && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: index.cx(textArea_module.default.helperText, error && textArea_module.default.helperTextError, disabled && textArea_module.default.helperTextDisabled), children: helperText }))] }));
 });
-TextArea.displayName = "TextArea";
+TextArea.displayName = 'TextArea';
 
 exports.TextArea = TextArea;
 //# sourceMappingURL=text-area.cjs.map

package/dist/components/text-area/text-area.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.cjs","sources":["../../../components/text-area/text-area.tsx"],"sourcesContent":["import { InfoCircledIcon } from \"@radix-ui/react-icons\";\nimport { Tooltip } from \"../tooltip\";\nimport { cva, cx } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\n\nimport styles from \"./text-area.module.css\";\n\nconst textArea = cva(styles.textarea, {\n  variants: {\n    error: {\n      true: styles.error\n    }\n  }\n});\n\nexport interface TextAreaProps extends PropsWithChildren<HTMLAttributes<HTMLTextAreaElement>> {\n  label?: string;\n  required?: boolean;\n  infoTooltip?: string;\n  helperText?: string;\n  error?: boolean;\n  disabled?: boolean;\n  width?: string | number;\n  value?: string;\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\nconst TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  ({ className, style, label, required, infoTooltip, helperText, error, disabled, width = \"100%\", value, onChange, placeholder, ...props }, ref) => {\n    return (\n      <div className={styles.container} style={{ width }}>\n        {label && (\n          <div className={styles.labelContainer}>\n            <label className={clsx(styles.label, disabled && styles.labelDisabled)}>\n              {label}\n              {!required && <span className={styles.optional}>(optional)</span>}\n            </label>\n            {infoTooltip && (\n              <Tooltip message={infoTooltip} side=\"right\">\n                <span className={styles.helpIcon}>\n                  <InfoCircledIcon />\n                </span>\n              </Tooltip>\n            )}\n          </div>\n        )}\n        <textarea\n          className={cx(\n            textArea({ error }),\n            disabled && styles.disabled,\n            className\n          )}\n          ref={ref}\n          value={value}\n          onChange={onChange}\n          required={required}\n          disabled={disabled}\n          placeholder={placeholder}\n          {...props}\n        />\n        {helperText && (\n          <span \n            className={clsx(\n              styles.helperText, \n              error && styles.helperTextError,\n              disabled && styles.helperTextDisabled\n            )}\n          >\n            {helperText}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nTextArea.displayName = \"TextArea\";\n\nexport { TextArea };\n"],"names":["cva","styles","React","_jsxs","clsx","_jsx","Tooltip","InfoCircledIcon","cx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,QAAQ,GAAGA,SAAG,CAACC,uBAAM,CAAC,QAAQ,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;YACL,IAAI,EAAEA,uBAAM,CAAC,KAAK;AACnB,SAAA;AACF,KAAA;AACF,CAAA,CAAC,CAAC;AAcH,MAAM,QAAQ,GAAGC,gBAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC/I,IAAA,QACEC,iCAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEF,uBAAM,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAC/C,QAAA,EAAA,CAAA,KAAK,KACJE,iCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,uBAAM,CAAC,cAAc,EACnC,QAAA,EAAA,CAAAE,iCAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAEC,SAAI,CAACH,uBAAM,CAAC,KAAK,EAAE,QAAQ,IAAIA,uBAAM,CAAC,aAAa,CAAC,EACnE,QAAA,EAAA,CAAA,KAAK,EACL,CAAC,QAAQ,IAAII,gCAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEJ,uBAAM,CAAC,QAAQ,2BAAmB,CAC3D,EAAA,CAAA,EACP,WAAW,KACVI,iCAACC,eAAO,EAAA,EAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,YACzCD,gCAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEJ,uBAAM,CAAC,QAAQ,EAAA,QAAA,EAC9BI,iCAACE,8BAAe,EAAA,EAAA,CAAG,GACd,EACC,CAAA,CACX,CACG,EAAA,CAAA,CACP,EACDF,gCACE,CAAA,UAAA,EAAA,EAAA,SAAS,EAAEG,QAAE,CACX,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,EACnB,QAAQ,IAAIP,uBAAM,CAAC,QAAQ,EAC3B,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EAAA,GACpB,KAAK,EACT,CAAA,EACD,UAAU,KACTI,gCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAED,SAAI,CACbH,uBAAM,CAAC,UAAU,EACjB,KAAK,IAAIA,uBAAM,CAAC,eAAe,EAC/B,QAAQ,IAAIA,uBAAM,CAAC,kBAAkB,CACtC,EAEA,QAAA,EAAA,UAAU,GACN,CACR,CAAA,EAAA,CACG,EACN;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"text-area.cjs","sources":["../../../components/text-area/text-area.tsx"],"sourcesContent":["import { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, cx } from 'class-variance-authority';\nimport * as React from 'react';\nimport { HTMLAttributes, PropsWithChildren } from 'react';\nimport { Tooltip } from '../tooltip';\n\nimport styles from './text-area.module.css';\n\nconst textArea = cva(styles.textarea, {\n  variants: {\n    error: {\n      true: styles.error\n    }\n  }\n});\n\nexport interface TextAreaProps\n  extends PropsWithChildren<HTMLAttributes<HTMLTextAreaElement>> {\n  label?: string;\n  required?: boolean;\n  infoTooltip?: string;\n  helperText?: string;\n  error?: boolean;\n  disabled?: boolean;\n  width?: string | number;\n  value?: string;\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\nconst TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      className,\n      style,\n      label,\n      required,\n      infoTooltip,\n      helperText,\n      error,\n      disabled,\n      width = '100%',\n      value,\n      onChange,\n      placeholder,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div className={styles.container} style={{ width }}>\n        {label && (\n          <div className={styles.labelContainer}>\n            <label\n              className={cx(styles.label, disabled && styles.labelDisabled)}\n            >\n              {label}\n              {!required && <span className={styles.optional}>(optional)</span>}\n            </label>\n            {infoTooltip && (\n              <Tooltip message={infoTooltip} side='right'>\n                <span className={styles.helpIcon}>\n                  <InfoCircledIcon />\n                </span>\n              </Tooltip>\n            )}\n          </div>\n        )}\n        <textarea\n          className={cx(\n            textArea({ error }),\n            disabled && styles.disabled,\n            className\n          )}\n          ref={ref}\n          value={value}\n          onChange={onChange}\n          required={required}\n          disabled={disabled}\n          placeholder={placeholder}\n          {...props}\n        />\n        {helperText && (\n          <span\n            className={cx(\n              styles.helperText,\n              error && styles.helperTextError,\n              disabled && styles.helperTextDisabled\n            )}\n          >\n            {helperText}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nTextArea.displayName = 'TextArea';\n\nexport { TextArea };\n"],"names":["cva","styles","React","_jsxs","cx","_jsx","Tooltip","InfoCircledIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,QAAQ,GAAGA,SAAG,CAACC,uBAAM,CAAC,QAAQ,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;YACL,IAAI,EAAEA,uBAAM,CAAC,KAAK;AACnB,SAAA;AACF,KAAA;AACF,CAAA,CAAC,CAAC;AAeH,MAAM,QAAQ,GAAGC,gBAAK,CAAC,UAAU,CAC/B,CACE,EACE,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,KAAK,EACL,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,QACEC,iCAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEF,uBAAM,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAC/C,QAAA,EAAA,CAAA,KAAK,KACJE,iCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,uBAAM,CAAC,cAAc,EACnC,QAAA,EAAA,CAAAE,iCAAA,CAAA,OAAA,EAAA,EACE,SAAS,EAAEC,QAAE,CAACH,uBAAM,CAAC,KAAK,EAAE,QAAQ,IAAIA,uBAAM,CAAC,aAAa,CAAC,EAE5D,QAAA,EAAA,CAAA,KAAK,EACL,CAAC,QAAQ,IAAII,gCAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEJ,uBAAM,CAAC,QAAQ,2BAAmB,CAC3D,EAAA,CAAA,EACP,WAAW,KACVI,iCAACC,eAAO,EAAA,EAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,YACzCD,gCAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEJ,uBAAM,CAAC,QAAQ,EAAA,QAAA,EAC9BI,iCAACE,8BAAe,EAAA,EAAA,CAAG,GACd,EACC,CAAA,CACX,CACG,EAAA,CAAA,CACP,EACDF,gCACE,CAAA,UAAA,EAAA,EAAA,SAAS,EAAED,QAAE,CACX,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,EACnB,QAAQ,IAAIH,uBAAM,CAAC,QAAQ,EAC3B,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EAAA,GACpB,KAAK,EACT,CAAA,EACD,UAAU,KACTI,gCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAED,QAAE,CACXH,uBAAM,CAAC,UAAU,EACjB,KAAK,IAAIA,uBAAM,CAAC,eAAe,EAC/B,QAAQ,IAAIA,uBAAM,CAAC,kBAAkB,CACtC,EAEA,QAAA,EAAA,UAAU,GACN,CACR,CAAA,EAAA,CACG,EACN;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/text-area/text-area.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { HTMLAttributes, PropsWithChildren } from "react";
+import * as React from 'react';
+import { HTMLAttributes, PropsWithChildren } from 'react';
 export interface TextAreaProps extends PropsWithChildren<HTMLAttributes<HTMLTextAreaElement>> {
     label?: string;
     required?: boolean;

package/dist/components/text-area/text-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../components/text-area/text-area.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAa1D,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACpE;AAED,QAAA,MAAM,QAAQ,2FA+Cb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../components/text-area/text-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAa1D,MAAM,WAAW,aACf,SAAQ,iBAAiB,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACpE;AAED,QAAA,MAAM,QAAQ,2FAkEb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/text-area/text-area.js

@@ -1,9 +1,8 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
 import { InfoCircledIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
-import { Tooltip } from '../tooltip/tooltip.js';
 import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import * as React from 'react';
-import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
+import { Tooltip } from '../tooltip/tooltip.js';
 import styles from './text-area.module.css.js';
 
 const textArea = cva(styles.textarea, {
@@ -13,10 +12,10 @@ const textArea = cva(styles.textarea, {
         }
     }
 });
-const TextArea = React.forwardRef(({ className, style, label, required, infoTooltip, helperText, error, disabled, width = "100%", value, onChange, placeholder, ...props }, ref) => {
-    return (jsxRuntimeExports.jsxs("div", { className: styles.container, style: { width }, children: [label && (jsxRuntimeExports.jsxs("div", { className: styles.labelContainer, children: [jsxRuntimeExports.jsxs("label", { className: clsx(styles.label, disabled && styles.labelDisabled), children: [label, !required && jsxRuntimeExports.jsx("span", { className: styles.optional, children: "(optional)" })] }), infoTooltip && (jsxRuntimeExports.jsx(Tooltip, { message: infoTooltip, side: "right", children: jsxRuntimeExports.jsx("span", { className: styles.helpIcon, children: jsxRuntimeExports.jsx(InfoCircledIcon, {}) }) }))] })), jsxRuntimeExports.jsx("textarea", { className: cx(textArea({ error }), disabled && styles.disabled, className), ref: ref, value: value, onChange: onChange, required: required, disabled: disabled, placeholder: placeholder, ...props }), helperText && (jsxRuntimeExports.jsx("span", { className: clsx(styles.helperText, error && styles.helperTextError, disabled && styles.helperTextDisabled), children: helperText }))] }));
+const TextArea = React.forwardRef(({ className, style, label, required, infoTooltip, helperText, error, disabled, width = '100%', value, onChange, placeholder, ...props }, ref) => {
+    return (jsxRuntimeExports.jsxs("div", { className: styles.container, style: { width }, children: [label && (jsxRuntimeExports.jsxs("div", { className: styles.labelContainer, children: [jsxRuntimeExports.jsxs("label", { className: cx(styles.label, disabled && styles.labelDisabled), children: [label, !required && jsxRuntimeExports.jsx("span", { className: styles.optional, children: "(optional)" })] }), infoTooltip && (jsxRuntimeExports.jsx(Tooltip, { message: infoTooltip, side: 'right', children: jsxRuntimeExports.jsx("span", { className: styles.helpIcon, children: jsxRuntimeExports.jsx(InfoCircledIcon, {}) }) }))] })), jsxRuntimeExports.jsx("textarea", { className: cx(textArea({ error }), disabled && styles.disabled, className), ref: ref, value: value, onChange: onChange, required: required, disabled: disabled, placeholder: placeholder, ...props }), helperText && (jsxRuntimeExports.jsx("span", { className: cx(styles.helperText, error && styles.helperTextError, disabled && styles.helperTextDisabled), children: helperText }))] }));
 });
-TextArea.displayName = "TextArea";
+TextArea.displayName = 'TextArea';
 
 export { TextArea };
 //# sourceMappingURL=text-area.js.map

package/dist/components/text-area/text-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.js","sources":["../../../components/text-area/text-area.tsx"],"sourcesContent":["import { InfoCircledIcon } from \"@radix-ui/react-icons\";\nimport { Tooltip } from \"../tooltip\";\nimport { cva, cx } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\n\nimport styles from \"./text-area.module.css\";\n\nconst textArea = cva(styles.textarea, {\n  variants: {\n    error: {\n      true: styles.error\n    }\n  }\n});\n\nexport interface TextAreaProps extends PropsWithChildren<HTMLAttributes<HTMLTextAreaElement>> {\n  label?: string;\n  required?: boolean;\n  infoTooltip?: string;\n  helperText?: string;\n  error?: boolean;\n  disabled?: boolean;\n  width?: string | number;\n  value?: string;\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\nconst TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  ({ className, style, label, required, infoTooltip, helperText, error, disabled, width = \"100%\", value, onChange, placeholder, ...props }, ref) => {\n    return (\n      <div className={styles.container} style={{ width }}>\n        {label && (\n          <div className={styles.labelContainer}>\n            <label className={clsx(styles.label, disabled && styles.labelDisabled)}>\n              {label}\n              {!required && <span className={styles.optional}>(optional)</span>}\n            </label>\n            {infoTooltip && (\n              <Tooltip message={infoTooltip} side=\"right\">\n                <span className={styles.helpIcon}>\n                  <InfoCircledIcon />\n                </span>\n              </Tooltip>\n            )}\n          </div>\n        )}\n        <textarea\n          className={cx(\n            textArea({ error }),\n            disabled && styles.disabled,\n            className\n          )}\n          ref={ref}\n          value={value}\n          onChange={onChange}\n          required={required}\n          disabled={disabled}\n          placeholder={placeholder}\n          {...props}\n        />\n        {helperText && (\n          <span \n            className={clsx(\n              styles.helperText, \n              error && styles.helperTextError,\n              disabled && styles.helperTextDisabled\n            )}\n          >\n            {helperText}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nTextArea.displayName = \"TextArea\";\n\nexport { TextArea };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AASA,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;YACL,IAAI,EAAE,MAAM,CAAC,KAAK;AACnB,SAAA;AACF,KAAA;AACF,CAAA,CAAC,CAAC;AAcH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC/I,IAAA,QACEA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAC/C,QAAA,EAAA,CAAA,KAAK,KACJA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,cAAc,EACnC,QAAA,EAAA,CAAAA,sBAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,IAAI,MAAM,CAAC,aAAa,CAAC,EACnE,QAAA,EAAA,CAAA,KAAK,EACL,CAAC,QAAQ,IAAIC,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,2BAAmB,CAC3D,EAAA,CAAA,EACP,WAAW,KACVA,sBAAC,OAAO,EAAA,EAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,YACzCA,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,QAAA,EAC9BA,sBAAC,eAAe,EAAA,EAAA,CAAG,GACd,EACC,CAAA,CACX,CACG,EAAA,CAAA,CACP,EACDA,qBACE,CAAA,UAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CACX,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,EACnB,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAC3B,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EAAA,GACpB,KAAK,EACT,CAAA,EACD,UAAU,KACTA,qBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,EACjB,KAAK,IAAI,MAAM,CAAC,eAAe,EAC/B,QAAQ,IAAI,MAAM,CAAC,kBAAkB,CACtC,EAEA,QAAA,EAAA,UAAU,GACN,CACR,CAAA,EAAA,CACG,EACN;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"text-area.js","sources":["../../../components/text-area/text-area.tsx"],"sourcesContent":["import { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, cx } from 'class-variance-authority';\nimport * as React from 'react';\nimport { HTMLAttributes, PropsWithChildren } from 'react';\nimport { Tooltip } from '../tooltip';\n\nimport styles from './text-area.module.css';\n\nconst textArea = cva(styles.textarea, {\n  variants: {\n    error: {\n      true: styles.error\n    }\n  }\n});\n\nexport interface TextAreaProps\n  extends PropsWithChildren<HTMLAttributes<HTMLTextAreaElement>> {\n  label?: string;\n  required?: boolean;\n  infoTooltip?: string;\n  helperText?: string;\n  error?: boolean;\n  disabled?: boolean;\n  width?: string | number;\n  value?: string;\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\nconst TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      className,\n      style,\n      label,\n      required,\n      infoTooltip,\n      helperText,\n      error,\n      disabled,\n      width = '100%',\n      value,\n      onChange,\n      placeholder,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div className={styles.container} style={{ width }}>\n        {label && (\n          <div className={styles.labelContainer}>\n            <label\n              className={cx(styles.label, disabled && styles.labelDisabled)}\n            >\n              {label}\n              {!required && <span className={styles.optional}>(optional)</span>}\n            </label>\n            {infoTooltip && (\n              <Tooltip message={infoTooltip} side='right'>\n                <span className={styles.helpIcon}>\n                  <InfoCircledIcon />\n                </span>\n              </Tooltip>\n            )}\n          </div>\n        )}\n        <textarea\n          className={cx(\n            textArea({ error }),\n            disabled && styles.disabled,\n            className\n          )}\n          ref={ref}\n          value={value}\n          onChange={onChange}\n          required={required}\n          disabled={disabled}\n          placeholder={placeholder}\n          {...props}\n        />\n        {helperText && (\n          <span\n            className={cx(\n              styles.helperText,\n              error && styles.helperTextError,\n              disabled && styles.helperTextDisabled\n            )}\n          >\n            {helperText}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nTextArea.displayName = 'TextArea';\n\nexport { TextArea };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAQA,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;YACL,IAAI,EAAE,MAAM,CAAC,KAAK;AACnB,SAAA;AACF,KAAA;AACF,CAAA,CAAC,CAAC;AAeH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CACE,EACE,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,KAAK,EACL,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,QACEA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAC/C,QAAA,EAAA,CAAA,KAAK,KACJA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,cAAc,EACnC,QAAA,EAAA,CAAAA,sBAAA,CAAA,OAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,IAAI,MAAM,CAAC,aAAa,CAAC,EAE5D,QAAA,EAAA,CAAA,KAAK,EACL,CAAC,QAAQ,IAAIC,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,2BAAmB,CAC3D,EAAA,CAAA,EACP,WAAW,KACVA,sBAAC,OAAO,EAAA,EAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,YACzCA,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,QAAA,EAC9BA,sBAAC,eAAe,EAAA,EAAA,CAAG,GACd,EACC,CAAA,CACX,CACG,EAAA,CAAA,CACP,EACDA,qBACE,CAAA,UAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CACX,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,EACnB,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAC3B,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EAAA,GACpB,KAAK,EACT,CAAA,EACD,UAAU,KACTA,qBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,UAAU,EACjB,KAAK,IAAI,MAAM,CAAC,eAAe,EAC/B,QAAQ,IAAI,MAAM,CAAC,kBAAkB,CACtC,EAEA,QAAA,EAAA,UAAU,GACN,CACR,CAAA,EAAA,CACG,EACN;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}