@raystack/apsara 1.0.0-rc.1 → 1.0.0-rc.2

package/dist/components/scroll-area/scroll-area-scrollbar.cjs

@@ -7,7 +7,7 @@ var classVarianceAuthority = require('class-variance-authority');
 var scrollArea_module = require('./scroll-area.module.css.cjs');
 
 function ScrollAreaScrollbar({ className, orientation = 'vertical', type = 'hover', ...props }) {
-    return (jsxRuntime.jsx(scrollArea.ScrollArea.Scrollbar, { orientation: orientation, className: classVarianceAuthority.cx(scrollArea_module.default.scrollbar, scrollArea_module.default[`scrollbar-${type}`], className), ...props, children: jsxRuntime.jsx(scrollArea.ScrollArea.Thumb, { className: scrollArea_module.default.thumb }) }));
+    return (jsxRuntime.jsx(scrollArea.ScrollArea.Scrollbar, { orientation: orientation, keepMounted: true, className: classVarianceAuthority.cx(scrollArea_module.default.scrollbar, scrollArea_module.default[`scrollbar-${type}`], className), ...props, children: jsxRuntime.jsx(scrollArea.ScrollArea.Thumb, { className: scrollArea_module.default.thumb }) }));
 }
 ScrollAreaScrollbar.displayName = 'ScrollArea.Scrollbar';
 

package/dist/components/scroll-area/scroll-area-scrollbar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area-scrollbar.cjs","sources":["../../../components/scroll-area/scroll-area-scrollbar.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport { cx } from 'class-variance-authority';\nimport type { ScrollAreaType } from './scroll-area';\nimport styles from './scroll-area.module.css';\n\nexport interface ScrollAreaScrollbarProps\n  extends ScrollAreaPrimitive.Scrollbar.Props {\n  type?: ScrollAreaType;\n}\n\nexport function ScrollAreaScrollbar({\n  className,\n  orientation = 'vertical',\n  type = 'hover',\n  ...props\n}: ScrollAreaScrollbarProps) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      orientation={orientation}\n      className={cx(styles.scrollbar, styles[`scrollbar-${type}`], className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb className={styles.thumb} />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nScrollAreaScrollbar.displayName = 'ScrollArea.Scrollbar';\n"],"names":[],"mappings":";;;;;;;;;AAkBE;AASF;AAEA;;"}
+{"version":3,"file":"scroll-area-scrollbar.cjs","sources":["../../../components/scroll-area/scroll-area-scrollbar.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport { cx } from 'class-variance-authority';\nimport type { ScrollAreaType } from './scroll-area';\nimport styles from './scroll-area.module.css';\n\nexport interface ScrollAreaScrollbarProps\n  extends ScrollAreaPrimitive.Scrollbar.Props {\n  type?: ScrollAreaType;\n}\n\nexport function ScrollAreaScrollbar({\n  className,\n  orientation = 'vertical',\n  type = 'hover',\n  ...props\n}: ScrollAreaScrollbarProps) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      orientation={orientation}\n      keepMounted\n      className={cx(styles.scrollbar, styles[`scrollbar-${type}`], className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb className={styles.thumb} />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nScrollAreaScrollbar.displayName = 'ScrollArea.Scrollbar';\n"],"names":[],"mappings":";;;;;;;;;;AA4BA;AAEA;;"}

package/dist/components/scroll-area/scroll-area-scrollbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area-scrollbar.d.ts","sourceRoot":"","sources":["../../../components/scroll-area/scroll-area-scrollbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAE/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,MAAM,WAAW,wBACf,SAAQ,mBAAmB,CAAC,SAAS,CAAC,KAAK;IAC3C,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,WAAwB,EACxB,IAAc,EACd,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAU1B;yBAfe,mBAAmB"}
+{"version":3,"file":"scroll-area-scrollbar.d.ts","sourceRoot":"","sources":["../../../components/scroll-area/scroll-area-scrollbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAE/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,MAAM,WAAW,wBACf,SAAQ,mBAAmB,CAAC,SAAS,CAAC,KAAK;IAC3C,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,WAAwB,EACxB,IAAc,EACd,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAW1B;yBAhBe,mBAAmB"}

package/dist/components/scroll-area/scroll-area-scrollbar.js

@@ -5,7 +5,7 @@ import { cx } from 'class-variance-authority';
 import styles from './scroll-area.module.css.js';
 
 function ScrollAreaScrollbar({ className, orientation = 'vertical', type = 'hover', ...props }) {
-    return (jsx(ScrollArea.Scrollbar, { orientation: orientation, className: cx(styles.scrollbar, styles[`scrollbar-${type}`], className), ...props, children: jsx(ScrollArea.Thumb, { className: styles.thumb }) }));
+    return (jsx(ScrollArea.Scrollbar, { orientation: orientation, keepMounted: true, className: cx(styles.scrollbar, styles[`scrollbar-${type}`], className), ...props, children: jsx(ScrollArea.Thumb, { className: styles.thumb }) }));
 }
 ScrollAreaScrollbar.displayName = 'ScrollArea.Scrollbar';
 

package/dist/components/scroll-area/scroll-area-scrollbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area-scrollbar.js","sources":["../../../components/scroll-area/scroll-area-scrollbar.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport { cx } from 'class-variance-authority';\nimport type { ScrollAreaType } from './scroll-area';\nimport styles from './scroll-area.module.css';\n\nexport interface ScrollAreaScrollbarProps\n  extends ScrollAreaPrimitive.Scrollbar.Props {\n  type?: ScrollAreaType;\n}\n\nexport function ScrollAreaScrollbar({\n  className,\n  orientation = 'vertical',\n  type = 'hover',\n  ...props\n}: ScrollAreaScrollbarProps) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      orientation={orientation}\n      className={cx(styles.scrollbar, styles[`scrollbar-${type}`], className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb className={styles.thumb} />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nScrollAreaScrollbar.displayName = 'ScrollArea.Scrollbar';\n"],"names":[],"mappings":";;;;;;;AAkBE;AASF;AAEA;;"}
+{"version":3,"file":"scroll-area-scrollbar.js","sources":["../../../components/scroll-area/scroll-area-scrollbar.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport { cx } from 'class-variance-authority';\nimport type { ScrollAreaType } from './scroll-area';\nimport styles from './scroll-area.module.css';\n\nexport interface ScrollAreaScrollbarProps\n  extends ScrollAreaPrimitive.Scrollbar.Props {\n  type?: ScrollAreaType;\n}\n\nexport function ScrollAreaScrollbar({\n  className,\n  orientation = 'vertical',\n  type = 'hover',\n  ...props\n}: ScrollAreaScrollbarProps) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      orientation={orientation}\n      keepMounted\n      className={cx(styles.scrollbar, styles[`scrollbar-${type}`], className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb className={styles.thumb} />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nScrollAreaScrollbar.displayName = 'ScrollArea.Scrollbar';\n"],"names":[],"mappings":";;;;;;;;AA4BA;AAEA;;"}

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

@@ -3,9 +3,9 @@ import { ComponentProps } from 'react';
 export declare const textVariants: (props?: ({
     variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
     size?: "small" | 1 | "large" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | "micro" | "mini" | "regular" | null | undefined;
-    weight?: "bold" | "medium" | "normal" | "bolder" | "lighter" | "regular" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
+    weight?: "bold" | "normal" | "medium" | "bolder" | "lighter" | "regular" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
     transform?: "capitalize" | "lowercase" | "uppercase" | null | undefined;
-    align?: "center" | "start" | "end" | "justify" | null | undefined;
+    align?: "center" | "end" | "start" | "justify" | null | undefined;
     lineClamp?: 1 | 2 | 3 | 4 | 5 | null | undefined;
     underline?: boolean | null | undefined;
     strikeThrough?: boolean | null | undefined;

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

@@ -15,7 +15,7 @@ const textArea = classVarianceAuthority.cva(textArea_module.default.textarea, {
     }
 });
 function TextArea({ className, style, label, required, infoTooltip, helperText, error, disabled, width = '100%', value, onChange, placeholder, ...props }) {
-    return (jsxRuntime.jsxs("div", { className: textArea_module.default.container, style: { width }, children: [label && (jsxRuntime.jsxs("div", { className: textArea_module.default.labelContainer, children: [jsxRuntime.jsxs("label", { className: classVarianceAuthority.cx(textArea_module.default.label, disabled && textArea_module.default.labelDisabled), children: [label, !required && jsxRuntime.jsx("span", { className: textArea_module.default.optional, children: "(optional)" })] }), infoTooltip && (jsxRuntime.jsx(tooltip.Tooltip, { message: infoTooltip, side: 'right', children: jsxRuntime.jsx("span", { className: textArea_module.default.helpIcon, children: jsxRuntime.jsx(reactIcons.InfoCircledIcon, {}) }) }))] })), jsxRuntime.jsx("textarea", { className: classVarianceAuthority.cx(textArea({ error }), disabled && textArea_module.default.disabled, className), value: value, onChange: onChange, required: required, disabled: disabled, placeholder: placeholder, style: style, ...props }), helperText && (jsxRuntime.jsx("span", { className: classVarianceAuthority.cx(textArea_module.default.helperText, error && textArea_module.default.helperTextError, disabled && textArea_module.default.helperTextDisabled), children: helperText }))] }));
+    return (jsxRuntime.jsxs("div", { className: textArea_module.default.container, style: { width }, children: [label && (jsxRuntime.jsxs("div", { className: textArea_module.default.labelContainer, children: [jsxRuntime.jsxs("label", { className: classVarianceAuthority.cx(textArea_module.default.label, disabled && textArea_module.default.labelDisabled), children: [label, !required && jsxRuntime.jsx("span", { className: textArea_module.default.optional, children: "(optional)" })] }), infoTooltip && (jsxRuntime.jsxs(tooltip.Tooltip, { children: [jsxRuntime.jsx(tooltip.Tooltip.Trigger, { render: jsxRuntime.jsx("span", { className: textArea_module.default.helpIcon, children: jsxRuntime.jsx(reactIcons.InfoCircledIcon, {}) }) }), jsxRuntime.jsx(tooltip.Tooltip.Content, { side: 'right', children: infoTooltip })] }))] })), jsxRuntime.jsx("textarea", { className: classVarianceAuthority.cx(textArea({ error }), disabled && textArea_module.default.disabled, className), value: value, onChange: onChange, required: required, disabled: disabled, placeholder: placeholder, style: style, ...props }), helperText && (jsxRuntime.jsx("span", { className: classVarianceAuthority.cx(textArea_module.default.helperText, error && textArea_module.default.helperTextError, disabled && textArea_module.default.helperTextDisabled), children: helperText }))] }));
 }
 TextArea.displayName = 'TextArea';
 

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":["'use client';\n\nimport { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, cx } from 'class-variance-authority';\nimport { ChangeEvent, ComponentProps } 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 extends ComponentProps<'textarea'> {\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: ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\nfunction TextArea({\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}: TextAreaProps) {\n  return (\n    <div className={styles.container} style={{ width }}>\n      {label && (\n        <div className={styles.labelContainer}>\n          <label className={cx(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        value={value}\n        onChange={onChange}\n        required={required}\n        disabled={disabled}\n        placeholder={placeholder}\n        style={style}\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\nTextArea.displayName = 'TextArea';\n\nexport { TextArea };\n"],"names":[],"mappings":";;;;;;;;;AASA;AACE;AACE;;AAEC;AACF;AACF;AAcD;AAeE;AA4CF;AAEA;;"}
+{"version":3,"file":"text-area.cjs","sources":["../../../components/text-area/text-area.tsx"],"sourcesContent":["'use client';\n\nimport { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, cx } from 'class-variance-authority';\nimport { ChangeEvent, ComponentProps } 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 extends ComponentProps<'textarea'> {\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: ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\nfunction TextArea({\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}: TextAreaProps) {\n  return (\n    <div className={styles.container} style={{ width }}>\n      {label && (\n        <div className={styles.labelContainer}>\n          <label className={cx(styles.label, disabled && styles.labelDisabled)}>\n            {label}\n            {!required && <span className={styles.optional}>(optional)</span>}\n          </label>\n          {infoTooltip && (\n            <Tooltip>\n              <Tooltip.Trigger\n                render={\n                  <span className={styles.helpIcon}>\n                    <InfoCircledIcon />\n                  </span>\n                }\n              />\n              <Tooltip.Content side='right'>{infoTooltip}</Tooltip.Content>\n            </Tooltip>\n          )}\n        </div>\n      )}\n      <textarea\n        className={cx(\n          textArea({ error }),\n          disabled && styles.disabled,\n          className\n        )}\n        value={value}\n        onChange={onChange}\n        required={required}\n        disabled={disabled}\n        placeholder={placeholder}\n        style={style}\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\nTextArea.displayName = 'TextArea';\n\nexport { TextArea };\n"],"names":[],"mappings":";;;;;;;;;AASA;AACE;AACE;;AAEC;AACF;AACF;AAcD;AAeE;AAiDF;AAEA;;"}

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":"AAIA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAapD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,UAAU,CAAC;IAC/D,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,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CAC9D;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,KAAK,EACL,QAAQ,EACR,KAAc,EACd,KAAK,EACL,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACT,EAAE,aAAa,2CA6Cf;kBA3DQ,QAAQ;;;AA+DjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../components/text-area/text-area.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAapD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,UAAU,CAAC;IAC/D,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,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CAC9D;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,KAAK,EACL,QAAQ,EACR,KAAc,EACd,KAAK,EACL,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACT,EAAE,aAAa,2CAkDf;kBAhEQ,QAAQ;;;AAoEjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -13,7 +13,7 @@ const textArea = cva(styles.textarea, {
     }
 });
 function TextArea({ className, style, label, required, infoTooltip, helperText, error, disabled, width = '100%', value, onChange, placeholder, ...props }) {
-    return (jsxs("div", { className: styles.container, style: { width }, children: [label && (jsxs("div", { className: styles.labelContainer, children: [jsxs("label", { className: cx(styles.label, disabled && styles.labelDisabled), children: [label, !required && jsx("span", { className: styles.optional, children: "(optional)" })] }), infoTooltip && (jsx(Tooltip, { message: infoTooltip, side: 'right', children: jsx("span", { className: styles.helpIcon, children: jsx(InfoCircledIcon, {}) }) }))] })), jsx("textarea", { className: cx(textArea({ error }), disabled && styles.disabled, className), value: value, onChange: onChange, required: required, disabled: disabled, placeholder: placeholder, style: style, ...props }), helperText && (jsx("span", { className: cx(styles.helperText, error && styles.helperTextError, disabled && styles.helperTextDisabled), children: helperText }))] }));
+    return (jsxs("div", { className: styles.container, style: { width }, children: [label && (jsxs("div", { className: styles.labelContainer, children: [jsxs("label", { className: cx(styles.label, disabled && styles.labelDisabled), children: [label, !required && jsx("span", { className: styles.optional, children: "(optional)" })] }), infoTooltip && (jsxs(Tooltip, { children: [jsx(Tooltip.Trigger, { render: jsx("span", { className: styles.helpIcon, children: jsx(InfoCircledIcon, {}) }) }), jsx(Tooltip.Content, { side: 'right', children: infoTooltip })] }))] })), jsx("textarea", { className: cx(textArea({ error }), disabled && styles.disabled, className), value: value, onChange: onChange, required: required, disabled: disabled, placeholder: placeholder, style: style, ...props }), helperText && (jsx("span", { className: cx(styles.helperText, error && styles.helperTextError, disabled && styles.helperTextDisabled), children: helperText }))] }));
 }
 TextArea.displayName = 'TextArea';
 

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":["'use client';\n\nimport { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, cx } from 'class-variance-authority';\nimport { ChangeEvent, ComponentProps } 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 extends ComponentProps<'textarea'> {\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: ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\nfunction TextArea({\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}: TextAreaProps) {\n  return (\n    <div className={styles.container} style={{ width }}>\n      {label && (\n        <div className={styles.labelContainer}>\n          <label className={cx(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        value={value}\n        onChange={onChange}\n        required={required}\n        disabled={disabled}\n        placeholder={placeholder}\n        style={style}\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\nTextArea.displayName = 'TextArea';\n\nexport { TextArea };\n"],"names":[],"mappings":";;;;;;;AASA;AACE;AACE;;AAEC;AACF;AACF;AAcD;AAeE;AA4CF;AAEA;;"}
+{"version":3,"file":"text-area.js","sources":["../../../components/text-area/text-area.tsx"],"sourcesContent":["'use client';\n\nimport { InfoCircledIcon } from '@radix-ui/react-icons';\nimport { cva, cx } from 'class-variance-authority';\nimport { ChangeEvent, ComponentProps } 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 extends ComponentProps<'textarea'> {\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: ChangeEvent<HTMLTextAreaElement>) => void;\n}\n\nfunction TextArea({\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}: TextAreaProps) {\n  return (\n    <div className={styles.container} style={{ width }}>\n      {label && (\n        <div className={styles.labelContainer}>\n          <label className={cx(styles.label, disabled && styles.labelDisabled)}>\n            {label}\n            {!required && <span className={styles.optional}>(optional)</span>}\n          </label>\n          {infoTooltip && (\n            <Tooltip>\n              <Tooltip.Trigger\n                render={\n                  <span className={styles.helpIcon}>\n                    <InfoCircledIcon />\n                  </span>\n                }\n              />\n              <Tooltip.Content side='right'>{infoTooltip}</Tooltip.Content>\n            </Tooltip>\n          )}\n        </div>\n      )}\n      <textarea\n        className={cx(\n          textArea({ error }),\n          disabled && styles.disabled,\n          className\n        )}\n        value={value}\n        onChange={onChange}\n        required={required}\n        disabled={disabled}\n        placeholder={placeholder}\n        style={style}\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\nTextArea.displayName = 'TextArea';\n\nexport { TextArea };\n"],"names":[],"mappings":";;;;;;;AASA;AACE;AACE;;AAEC;AACF;AACF;AAcD;AAeE;AAiDF;AAEA;;"}

package/dist/components/tooltip/tooltip.cjs

@@ -7,7 +7,8 @@ var tooltipMisc = require('./tooltip-misc.cjs');
 const Tooltip = Object.assign(react.Tooltip.Root, {
     Provider: tooltipMisc.TooltipProvider,
     Trigger: tooltipMisc.TooltipTrigger,
-    Content: tooltipContent.TooltipContent
+    Content: tooltipContent.TooltipContent,
+    createHandle: react.Tooltip.createHandle
 });
 
 exports.Tooltip = Tooltip;

package/dist/components/tooltip/tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs","sources":["../../../components/tooltip/tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from '@base-ui/react';\nimport { TooltipContent } from './tooltip-content';\nimport { TooltipProvider, TooltipTrigger } from './tooltip-misc';\n\nexport const Tooltip = Object.assign(TooltipPrimitive.Root, {\n  Provider: TooltipProvider,\n  Trigger: TooltipTrigger,\n  Content: TooltipContent\n});\n"],"names":["TooltipPrimitive","TooltipProvider","TooltipTrigger","TooltipContent"],"mappings":";;;;;;AAIa,MAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAACA,aAAgB,CAAC,IAAI,EAAE;AAC1D,IAAA,QAAQ,EAAEC,2BAAe;AACzB,IAAA,OAAO,EAAEC,0BAAc;AACvB,IAAA,OAAO,EAAEC,6BAAc;AACxB,CAAA;;;;"}
+{"version":3,"file":"tooltip.cjs","sources":["../../../components/tooltip/tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from '@base-ui/react';\nimport { TooltipContent } from './tooltip-content';\nimport { TooltipProvider, TooltipTrigger } from './tooltip-misc';\n\nexport const Tooltip = Object.assign(TooltipPrimitive.Root, {\n  Provider: TooltipProvider,\n  Trigger: TooltipTrigger,\n  Content: TooltipContent,\n  createHandle: TooltipPrimitive.createHandle\n});\n"],"names":["TooltipPrimitive","TooltipProvider","TooltipTrigger","TooltipContent"],"mappings":";;;;;;AAIa,MAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAACA,aAAgB,CAAC,IAAI,EAAE;AAC1D,IAAA,QAAQ,EAAEC,2BAAe;AACzB,IAAA,OAAO,EAAEC,0BAAc;AACvB,IAAA,OAAO,EAAEC,6BAAc;IACvB,YAAY,EAAEH,aAAgB,CAAC,YAAY;AAC5C,CAAA;;;;"}

package/dist/components/tooltip/tooltip.d.ts

@@ -8,5 +8,6 @@ export declare const Tooltip: (<Payload>(props: TooltipPrimitive.Root.Props<Payl
     };
     Trigger: typeof TooltipTrigger;
     Content: typeof TooltipContent;
+    createHandle: typeof TooltipPrimitive.createHandle;
 };
 //# sourceMappingURL=tooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAmB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEjE,eAAO,MAAM,OAAO;;;;;;;CAIlB,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAmB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEjE,eAAO,MAAM,OAAO;;;;;;;;CAKlB,CAAC"}

package/dist/components/tooltip/tooltip.js

@@ -5,7 +5,8 @@ import { TooltipProvider, TooltipTrigger } from './tooltip-misc.js';
 const Tooltip = Object.assign(Tooltip$1.Root, {
     Provider: TooltipProvider,
     Trigger: TooltipTrigger,
-    Content: TooltipContent
+    Content: TooltipContent,
+    createHandle: Tooltip$1.createHandle
 });
 
 export { Tooltip };

package/dist/components/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../components/tooltip/tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from '@base-ui/react';\nimport { TooltipContent } from './tooltip-content';\nimport { TooltipProvider, TooltipTrigger } from './tooltip-misc';\n\nexport const Tooltip = Object.assign(TooltipPrimitive.Root, {\n  Provider: TooltipProvider,\n  Trigger: TooltipTrigger,\n  Content: TooltipContent\n});\n"],"names":["TooltipPrimitive"],"mappings":";;;;AAIa,MAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAACA,SAAgB,CAAC,IAAI,EAAE;AAC1D,IAAA,QAAQ,EAAE,eAAe;AACzB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,OAAO,EAAE,cAAc;AACxB,CAAA;;;;"}
+{"version":3,"file":"tooltip.js","sources":["../../../components/tooltip/tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from '@base-ui/react';\nimport { TooltipContent } from './tooltip-content';\nimport { TooltipProvider, TooltipTrigger } from './tooltip-misc';\n\nexport const Tooltip = Object.assign(TooltipPrimitive.Root, {\n  Provider: TooltipProvider,\n  Trigger: TooltipTrigger,\n  Content: TooltipContent,\n  createHandle: TooltipPrimitive.createHandle\n});\n"],"names":["TooltipPrimitive"],"mappings":";;;;AAIa,MAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAACA,SAAgB,CAAC,IAAI,EAAE;AAC1D,IAAA,QAAQ,EAAE,eAAe;AACzB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,OAAO,EAAE,cAAc;IACvB,YAAY,EAAEA,SAAgB,CAAC,YAAY;AAC5C,CAAA;;;;"}