@spark-ui/components 10.15.0 → 10.16.0

package/dist/snackbar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/snackbar/Snackbar.tsx","../../src/snackbar/SnackbarRegion.tsx","../../src/snackbar/SnackbarItem.tsx","../../src/snackbar/SnackbarItem.styles.ts","../../src/snackbar/snackbarVariants.ts","../../src/snackbar/SnackbarItemAction.tsx","../../src/snackbar/SnackbarItemContext.tsx","../../src/snackbar/SnackbarItemClose.tsx","../../src/snackbar/SnackbarItemIcon.tsx","../../src/snackbar/useSwipe.ts","../../src/snackbar/SnackbarRegion.styles.ts","../../src/snackbar/useSnackbarGlobalStore.ts","../../src/snackbar/index.ts"],"sourcesContent":["import {\n  type ToastOptions as SnackBarItemOptions,\n  ToastQueue,\n  useToastQueue,\n} from '@react-stately/toast'\nimport { type ReactElement, Ref, type RefObject, useEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { type SnackbarItemValue } from './SnackbarItem'\nimport { SnackbarRegion, type SnackbarRegionProps } from './SnackbarRegion'\nimport { useSnackbarGlobalStore } from './useSnackbarGlobalStore'\n\n/**\n * We define here a global queue thanks to dedicated util from React Spectrum.\n * It is based on React `useSyncExternalStore` and allows us to consume data from\n * an external data store, and thus preventing use of React context that could\n * lead to unwanted rerenderings. It also simplifies initial implementation.\n */\nlet GLOBAL_SNACKBAR_QUEUE: ToastQueue<SnackbarItemValue> | null = null\n\nconst getGlobalSnackBarQueue = () => {\n  if (!GLOBAL_SNACKBAR_QUEUE) {\n    GLOBAL_SNACKBAR_QUEUE = new ToastQueue({\n      maxVisibleToasts: 1,\n      hasExitAnimation: true,\n    })\n  }\n\n  return GLOBAL_SNACKBAR_QUEUE\n}\n\nexport const clearSnackbarQueue = () => {\n  GLOBAL_SNACKBAR_QUEUE = null\n}\n\n/**\n * We define a global store to keep track of all providers instances, to ensure\n * we always have a single Snackbar container.\n */\nconst GLOBAL_SNACKBAR_STORE = {\n  providers: new Set<RefObject<HTMLDivElement | null>>(),\n  subscriptions: new Set<() => void>(),\n}\n\nexport type SnackbarProps = Omit<SnackbarRegionProps, 'state'> & {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Snackbar = ({ ref: forwardedRef, ...props }: SnackbarProps): ReactElement | null => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  const state = useToastQueue(getGlobalSnackBarQueue())\n\n  const { provider, addProvider, deleteProvider } = useSnackbarGlobalStore(GLOBAL_SNACKBAR_STORE)\n\n  useEffect(() => {\n    addProvider(ref)\n\n    return () => {\n      for (const toast of getGlobalSnackBarQueue().visibleToasts) {\n        toast.animation = undefined\n      }\n\n      deleteProvider(ref)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  return ref === provider && state.visibleToasts.length > 0\n    ? createPortal(<SnackbarRegion ref={forwardedRef} state={state} {...props} />, document.body)\n    : null\n}\n\nSnackbar.displayName = 'Snackbar'\n\nexport interface AddSnackbarArgs extends SnackbarItemValue, Omit<SnackBarItemOptions, 'timeout'> {\n  /**\n   * Handler that is called when the snackbar is closed, either by the user\n   * or after a timeout.\n   */\n  onClose?: () => void\n  /**\n   * A timeout to automatically close the snackbar after, in milliseconds.\n   * @default 5000\n   */\n  timeout?: number | null\n  /**\n   * The priority of the snackbar relative to other snackbars. Larger numbers indicate higher priority.\n   */\n  priority?: number\n}\n\nexport const addSnackbar = ({ onClose, timeout = 5000, priority, ...content }: AddSnackbarArgs) => {\n  const queue = getGlobalSnackBarQueue()\n\n  queue.add(content, {\n    onClose,\n    timeout: timeout && !content.onAction ? Math.max(timeout, 5000) : undefined,\n    priority,\n  })\n}\n","import { type AriaToastRegionProps, useToastRegion } from '@react-aria/toast'\nimport { cloneElement, type ComponentPropsWithRef, type ReactElement, useRef } from 'react'\n\nimport { SnackbarItem, type SnackbarItemProps } from './SnackbarItem'\nimport { SnackbarItemContext, type SnackbarItemState } from './SnackbarItemContext'\nimport { snackbarRegionVariant, type SnackbarRegionVariantProps } from './SnackbarRegion.styles'\n\nexport interface SnackbarRegionProps\n  extends ComponentPropsWithRef<'div'>,\n    AriaToastRegionProps,\n    SnackbarRegionVariantProps,\n    Pick<SnackbarItemState, 'state'> {\n  /**\n   * An accessibility label for the snackbar region.\n   * @default 'Notifications'\n   */\n  'aria-label'?: string\n  /**\n   * Identifies the element (or elements) that labels the current element.\n   */\n  'aria-labelledby'?: string\n  /**\n   * Identifies the element (or elements) that describes the object.\n   */\n  'aria-describedby'?: string\n  /**\n   * Identifies the element (or elements) that provide a detailed, extended description for the object.\n   */\n  'aria-details'?: string\n  /**\n   * The component/template used to display each snackbar from the queue\n   * @default 'Snackbar.Item'\n   */\n  children?: ReactElement<SnackbarItemProps, typeof SnackbarItem>\n}\n\nexport const SnackbarRegion = ({\n  children = <SnackbarItem />,\n  state,\n  position = 'bottom',\n  className,\n  ref: forwardedRef,\n  ...rest\n}: SnackbarRegionProps): ReactElement => {\n  const innerRef = useRef<HTMLDivElement>(null)\n  const ref = forwardedRef && typeof forwardedRef !== 'function' ? forwardedRef : innerRef\n\n  const { regionProps } = useToastRegion(rest, state, ref)\n\n  return (\n    <div\n      {...regionProps}\n      ref={ref}\n      data-position={position}\n      className={snackbarRegionVariant({ position, className })}\n    >\n      {state.visibleToasts.map(toast => (\n        <SnackbarItemContext.Provider key={toast.key} value={{ toast, state }}>\n          {cloneElement(children, { key: toast.key })}\n        </SnackbarItemContext.Provider>\n      ))}\n    </div>\n  )\n}\n","/* eslint-disable max-lines-per-function */\n\nimport { useToast } from '@react-aria/toast'\nimport {\n  Children,\n  cloneElement,\n  type ComponentPropsWithRef,\n  type FC,\n  isValidElement,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n  useCallback,\n  useRef,\n} from 'react'\n\nimport {\n  snackbarItemVariant,\n  snackbarItemVariantContent,\n  type SnackbarItemVariantContentProps,\n  type SnackbarItemVariantProps,\n} from './SnackbarItem.styles'\nimport { SnackbarItemAction, SnackbarItemActionProps } from './SnackbarItemAction'\nimport { SnackbarItemClose, SnackbarItemCloseProps } from './SnackbarItemClose'\nimport { useSnackbarItemContext } from './SnackbarItemContext'\nimport { SnackbarItemIcon, SnackbarItemIconProps } from './SnackbarItemIcon'\nimport { useSwipe } from './useSwipe'\n\nexport interface SnackbarItemValue extends SnackbarItemVariantProps {\n  /**\n   * Icon that will be prepended before snackbar message\n   */\n  icon?: ReactNode\n  message: ReactNode\n  /**\n   * If `true` snackbar will display a close button\n   * @default false\n   */\n  isClosable?: boolean\n  /**\n   * A label for the action button within the toast.\n   */\n  actionLabel?: string\n  /**\n   * Handler that is called when the action button is pressed.\n   */\n  onAction?: () => void\n  /**\n   * If `true` the action button will be displayed on a new line.\n   * @default false\n   */\n  actionOnNewline?: boolean\n}\n\nexport interface SnackbarItemProps\n  extends ComponentPropsWithRef<'div'>,\n    SnackbarItemVariantProps,\n    SnackbarItemVariantContentProps {\n  /**\n   * Defines a string value that labels the current element.\n   */\n  'aria-label'?: string\n  /**\n   * Identifies the element (or elements) that labels the current element.\n   */\n  'aria-labelledby'?: string\n  /**\n   * Identifies the element (or elements) that describes the object.\n   */\n  'aria-describedby'?: string\n  /**\n   * Identifies the element (or elements) that provide a detailed, extended description for the object.\n   */\n  'aria-details'?: string\n}\n\nexport const SnackbarItem = ({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  'aria-describedby': ariaDescribedby,\n  'aria-details': ariaDetails,\n  design: designProp,\n  intent: intentProp,\n  actionOnNewline: actionOnNewlineProp,\n  className,\n  children,\n  ref: forwardedRef,\n  ...rest\n}: PropsWithChildren<SnackbarItemProps>) => {\n  const innerRef = useRef(null)\n  const ref = typeof forwardedRef !== 'function' ? forwardedRef || innerRef : innerRef\n\n  const { toast, state } = useSnackbarItemContext()\n\n  const { state: swipeState, direction: swipeDirection } = useSwipe({\n    swipeRef: ref,\n    onSwipeStart: state.pauseAll,\n    onSwipeCancel: state.resumeAll,\n    onSwipeEnd: ({ direction }) => {\n      ;['left', 'right'].includes(`${direction}`) && state.close(toast.key)\n    },\n  })\n\n  const { message, icon, isClosable, onAction, actionLabel } = toast.content\n  const intent = intentProp ?? toast.content.intent\n  const design = designProp ?? toast.content.design\n  const actionOnNewline = actionOnNewlineProp ?? toast.content.actionOnNewline\n\n  const ariaProps = {\n    ariaLabel,\n    ariaLabelledby,\n    ariaDescribedby,\n    ariaDetails,\n  }\n\n  const { toastProps, titleProps, closeButtonProps, contentProps } = useToast(\n    { toast, ...ariaProps },\n    state,\n    ref\n  )\n\n  const findElement = useCallback(\n    <P extends object>(elementDisplayName: string): ReactElement<P> | undefined => {\n      const childrenArray = Children.toArray(children)\n\n      const match = childrenArray\n        .filter(isValidElement)\n        .find(\n          (child): child is ReactElement<P> =>\n            !!(child.type as FC<P> & { displayName?: string }).displayName?.includes(\n              elementDisplayName\n            )\n        )\n\n      return match as ReactElement<P> | undefined\n    },\n    [children]\n  )\n\n  const iconFromChildren = findElement<SnackbarItemIconProps>('Snackbar.ItemIcon')\n  const actionBtnFromChildren = findElement<SnackbarItemActionProps>('Snackbar.ItemAction')\n  const closeBtnFromChildren = findElement<SnackbarItemCloseProps>('Snackbar.ItemClose')\n\n  return (\n    <div\n      data-spark-component=\"snackbar-item\"\n      className={snackbarItemVariant({ design, intent, className })}\n      data-animation={toast.animation}\n      {...(!(swipeState === 'cancel' && toast.animation === 'exiting') && {\n        'data-swipe': swipeState,\n        'data-swipe-direction': swipeDirection,\n      })}\n      {...(toast.animation === 'exiting' && {\n        // Remove snackbar when the exiting animation completes\n        onAnimationEnd: () => state.remove(toast.key),\n      })}\n      ref={ref}\n      {...toastProps}\n      {...rest}\n    >\n      <div className={snackbarItemVariantContent({ actionOnNewline })} {...contentProps}>\n        {/* 1. ICON */}\n        {renderSubComponent(iconFromChildren, icon ? SnackbarItemIcon : null, {\n          children: icon,\n        })}\n\n        {/* 2. MESSAGE */}\n        <p\n          className=\"px-md py-lg text-body-2 row-span-3\"\n          style={{ gridArea: 'message' }}\n          {...titleProps}\n        >\n          {message}\n        </p>\n\n        {/* 3. ACTION BUTTON */}\n        {renderSubComponent(\n          actionBtnFromChildren,\n          actionLabel && onAction ? SnackbarItemAction : null,\n          { intent, design, onClick: onAction, children: actionLabel }\n        )}\n\n        {/* 4. CLOSE BUTTON */}\n        {renderSubComponent(closeBtnFromChildren, isClosable ? SnackbarItemClose : null, {\n          intent,\n          design,\n          /**\n           * React Spectrum typing of aria-label is inaccurate, and aria-label value should never be undefined.\n           * See https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/i18n/src/useLocalizedStringFormatter.ts#L40\n           */\n          'aria-label': closeButtonProps['aria-label'] as string,\n        })}\n      </div>\n    </div>\n  )\n}\n\nSnackbarItem.displayName = 'Snackbar.Item'\n\n/**\n * Returns compound item if found in children prop.\n * If not fallbacks to default item, conditionned by addSnackbar options.\n */\nconst renderSubComponent = <P extends object>(\n  childItem?: ReactElement<P>,\n  defaultItem?: FC<P> | null,\n  props?: P\n) => {\n  if (childItem) {\n    return cloneElement(childItem, { ...props, ...childItem.props })\n  } else if (defaultItem) {\n    const Item = defaultItem\n\n    return <Item {...(props as P)} />\n  } else {\n    return null\n  }\n}\n","import { cva, VariantProps } from 'class-variance-authority'\n\nimport { filledVariants, tintedVariants } from './snackbarVariants'\n\nexport const snackbarItemVariant = cva(\n  [\n    'rounded-md shadow-sm',\n    'max-w-[600px]',\n    'cursor-default pointer-events-auto touch-none select-none',\n    'absolute',\n    /**\n     * Focus\n     */\n    'group-focus-visible:outline-hidden group-focus-visible:u-outline group-not-focus-visible:ring-inset',\n    /**\n     * Positionning\n     */\n    'group-data-[position=bottom]:bottom-0 group-data-[position=bottom-left]:bottom-0 group-data-[position=bottom-right]:bottom-0',\n    'group-data-[position=top]:top-0 group-data-[position=top-left]:top-0 group-data-[position=top-right]:top-0',\n    /**\n     * Animation and opacity\n     */\n    '[animation-fill-mode: forwards]!',\n    'data-[animation=queued]:animate-fade-in',\n    'data-[animation=entering]:easing-decelerate-back',\n    'data-[animation=exiting]:easing-standard',\n    // Parent position bottom|bottom-left|bottom-right\n    'data-[animation=entering]:group-data-[position=bottom]:[&:not([data-swipe])]:animate-slide-in-bottom',\n    'data-[animation=exiting]:opacity-0 data-[animation=exiting]:transition-opacity',\n    'data-[animation=exiting]:group-data-[position=bottom]:[&:not([data-swipe])]:animate-slide-out-bottom',\n    'data-[animation=entering]:group-data-[position=bottom-left]:[&:not([data-swipe])]:animate-slide-in-bottom',\n    'data-[animation=exiting]:group-data-[position=bottom-left]:[&:not([data-swipe])]:animate-slide-out-bottom',\n    'data-[animation=entering]:group-data-[position=bottom-right]:[&:not([data-swipe])]:animate-slide-in-bottom',\n    'data-[animation=exiting]:group-data-[position=bottom-right]:[&:not([data-swipe])]:animate-slide-out-bottom',\n    // Parent position top|top-left|top-right\n    'data-[animation=entering]:group-data-[position=top]:[&:not([data-swipe])]:animate-slide-in-top',\n    'data-[animation=exiting]:group-data-[position=top]:[&:not([data-swipe])]:animate-slide-out-top',\n    'data-[animation=entering]:group-data-[position=top-left]:[&:not([data-swipe])]:animate-slide-in-top',\n    'data-[animation=exiting]:group-data-[position=top-left]:[&:not([data-swipe])]:animate-slide-out-top',\n    'data-[animation=entering]:group-data-[position=top-right]:[&:not([data-swipe])]:animate-slide-in-top',\n    'data-[animation=exiting]:group-data-[position=top-right]:[&:not([data-swipe])]:animate-slide-out-top',\n    /**\n     * Swipe\n     */\n    'data-[swipe=move]:data-[swipe-direction=right]:translate-x-(--swipe-position-x)',\n    'data-[swipe=move]:data-[swipe-direction=left]:translate-x-(--swipe-position-x)',\n    'data-[swipe=cancel]:translate-x-0',\n    'data-[swipe=end]:data-[swipe-direction=right]:animate-standalone-swipe-out-right',\n    'data-[swipe=end]:data-[swipe-direction=left]:animate-standalone-swipe-out-left',\n  ],\n  {\n    variants: {\n      /**\n       * Set different look and feel\n       * @default 'filled'\n       */\n      design: {\n        filled: '',\n        tinted: '',\n      },\n      /**\n       * Set color intent\n       * @default 'neutral'\n       */\n      intent: {\n        success: '',\n        alert: '',\n        error: '',\n        info: '',\n        neutral: '',\n        main: '',\n        basic: '',\n        support: '',\n        accent: '',\n        inverse: '',\n      },\n    },\n    compoundVariants: [...filledVariants, ...tintedVariants],\n    defaultVariants: {\n      design: 'filled',\n      intent: 'neutral',\n    },\n  }\n)\n\nexport const snackbarItemVariantContent = cva(\n  [\n    'inline-grid items-center',\n    'col-start-1 row-start-1',\n    'pl-md pr-lg', // applying padding on the parent prevents VoiceOver on Safari from reading snackbar content 🤷\n  ],\n  {\n    variants: {\n      /**\n       * Force action button displaying on a new line\n       * @default false\n       */\n      actionOnNewline: {\n        true: [\n          'grid-rows-[52px_1fr_52px]',\n          'grid-cols-[min-content_1fr_min-content]',\n          \"[grid-template-areas:'icon_message_close'_'._message_.'_'action_action_action']\",\n        ],\n        false: [\n          'grid-cols-[min-content_1fr_min-content_min-content]',\n          \"[grid-template-areas:'icon_message_action_close']\",\n        ],\n      },\n    },\n    defaultVariants: {\n      actionOnNewline: false,\n    },\n  }\n)\n\nexport type SnackbarItemVariantProps = VariantProps<typeof snackbarItemVariant>\nexport type SnackbarItemVariantContentProps = VariantProps<typeof snackbarItemVariantContent>\n","export const filledVariants = [\n  {\n    design: 'filled',\n    intent: 'success',\n    class: ['bg-success text-on-success'],\n  },\n  {\n    design: 'filled',\n    intent: 'alert',\n    class: ['bg-alert text-on-alert'],\n  },\n  {\n    design: 'filled',\n    intent: 'error',\n    class: ['bg-error text-on-error'],\n  },\n  {\n    design: 'filled',\n    intent: 'info',\n    class: ['bg-info text-on-info'],\n  },\n  {\n    design: 'filled',\n    intent: 'neutral',\n    class: ['bg-neutral text-on-neutral'],\n  },\n  {\n    design: 'filled',\n    intent: 'main',\n    class: ['bg-main text-on-main'],\n  },\n  {\n    design: 'filled',\n    intent: 'basic',\n    class: ['bg-basic text-on-basic'],\n  },\n  {\n    design: 'filled',\n    intent: 'support',\n    class: ['bg-support text-on-support'],\n  },\n  {\n    design: 'filled',\n    intent: 'accent',\n    class: ['bg-accent text-on-accent'],\n  },\n  {\n    design: 'filled',\n    intent: 'inverse',\n    class: ['bg-surface-inverse text-on-surface-inverse'],\n  },\n] as const\n\nexport const tintedVariants = [\n  {\n    design: 'tinted',\n    intent: 'success',\n    class: ['bg-success-container text-on-success-container'],\n  },\n  {\n    design: 'tinted',\n    intent: 'alert',\n    class: ['bg-alert-container text-on-alert-container'],\n  },\n  {\n    design: 'tinted',\n    intent: 'error',\n    class: ['bg-error-container text-on-error-container'],\n  },\n  {\n    design: 'tinted',\n    intent: 'info',\n    class: ['bg-info-container text-on-info-container'],\n  },\n  {\n    design: 'tinted',\n    intent: 'neutral',\n    class: ['bg-neutral-container text-on-neutral-container'],\n  },\n  {\n    design: 'tinted',\n    intent: 'main',\n    class: ['bg-main-container text-on-main-container'],\n  },\n  {\n    design: 'tinted',\n    intent: 'basic',\n    class: ['bg-basic-container text-on-basic-container'],\n  },\n  {\n    design: 'tinted',\n    intent: 'support',\n    class: ['bg-support-container text-on-support-container'],\n  },\n  {\n    design: 'tinted',\n    intent: 'accent',\n    class: ['bg-accent-container text-on-accent-container'],\n  },\n  {\n    design: 'tinted',\n    intent: 'inverse',\n    class: ['bg-surface-inverse text-on-surface-inverse'],\n  },\n] as const\n","import { cx } from 'class-variance-authority'\nimport { Ref } from 'react'\n\nimport { Button, type ButtonProps } from '../button'\nimport type { SnackbarItemVariantProps } from './SnackbarItem.styles'\nimport { useSnackbarItemContext } from './SnackbarItemContext'\n\nexport type SnackbarItemActionProps = Omit<ButtonProps, 'size' | 'shape' | 'intent'> &\n  SnackbarItemVariantProps & {\n    ref?: Ref<HTMLButtonElement>\n  }\n\nexport const SnackbarItemAction = ({\n  design: designProp = 'filled',\n  intent: intentProp = 'neutral',\n  onClick,\n  children,\n  className,\n  ref,\n  ...rest\n}: SnackbarItemActionProps) => {\n  const { toast, state } = useSnackbarItemContext()\n\n  const intent = intentProp ?? toast.content.intent\n  const design = designProp ?? toast.content.design\n\n  return (\n    <Button\n      data-spark-component=\"snackbar-item-action\"\n      ref={ref}\n      size=\"md\"\n      shape=\"rounded\"\n      {...(intent === 'inverse'\n        ? {\n            design: 'ghost',\n            intent: 'surface',\n          }\n        : {\n            design,\n            intent: intent === 'error' ? 'danger' : intent,\n          })}\n      onClick={e => {\n        onClick?.(e)\n        state.close(toast.key)\n      }}\n      style={{ gridArea: 'action', ...rest.style }}\n      className={cx('ml-md justify-self-end', className)}\n      {...rest}\n    >\n      {children}\n    </Button>\n  )\n}\n\nSnackbarItemAction.displayName = 'Snackbar.ItemAction'\n","import { QueuedToast, ToastState } from '@react-stately/toast'\nimport { createContext, useContext } from 'react'\n\nimport type { SnackbarItemValue } from './SnackbarItem'\n\nexport interface SnackbarItemState<T = SnackbarItemValue> {\n  toast: QueuedToast<T>\n  state: ToastState<T>\n}\n\nexport const SnackbarItemContext = createContext<SnackbarItemState>({} as SnackbarItemState)\n\nexport const useSnackbarItemContext = () => useContext(SnackbarItemContext)\n","import { Close } from '@spark-ui/icons/Close'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentPropsWithRef } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton, type IconButtonProps } from '../icon-button'\nimport type { SnackbarItemVariantProps } from './SnackbarItem.styles'\nimport { useSnackbarItemContext } from './SnackbarItemContext'\n\nexport interface SnackbarItemCloseProps\n  extends Omit<ComponentPropsWithRef<'button'>, 'aria-label' | 'disabled'>,\n    Pick<IconButtonProps, 'aria-label'>,\n    SnackbarItemVariantProps {}\n\nexport const SnackbarItemClose = ({\n  design: designProp = 'filled',\n  intent: intentProp = 'neutral',\n  'aria-label': ariaLabel,\n  onClick,\n  className,\n  ref,\n  ...rest\n}: SnackbarItemCloseProps) => {\n  const { toast, state } = useSnackbarItemContext()\n\n  const intent = intentProp ?? toast.content.intent\n  const design = designProp ?? toast.content.design\n\n  return (\n    <IconButton\n      data-spark-component=\"snackbar-item-close\"\n      ref={ref}\n      size=\"md\"\n      shape=\"rounded\"\n      {...(intent === 'inverse'\n        ? {\n            design: 'ghost',\n            intent: 'surface',\n          }\n        : {\n            design,\n            intent: intent === 'error' ? 'danger' : intent,\n          })}\n      aria-label={ariaLabel}\n      onClick={e => {\n        onClick?.(e)\n        state.close(toast.key)\n      }}\n      style={{ gridArea: 'close', ...rest.style }}\n      className={cx('ml-md justify-self-end', className)}\n      {...rest}\n    >\n      <Icon size=\"sm\">\n        <Close />\n      </Icon>\n    </IconButton>\n  )\n}\n\nSnackbarItemClose.displayName = 'Snackbar.ItemClose'\n","import { cx } from 'class-variance-authority'\nimport type { ReactElement } from 'react'\n\nimport { Icon, type IconProps } from '../icon'\n\nexport type SnackbarItemIconProps = IconProps\n\nexport const SnackbarItemIcon = ({\n  children,\n  className,\n  ...rest\n}: SnackbarItemIconProps): ReactElement => (\n  <Icon\n    size=\"md\"\n    className={cx('mx-md', className)}\n    style={{ gridArea: 'icon', ...rest.style }}\n    {...rest}\n  >\n    {children}\n  </Icon>\n)\n\nSnackbarItemIcon.displayName = 'Snackbar.ItemIcon'\n","/* eslint-disable complexity */\nimport { type RefObject, useEffect, useRef, useState } from 'react'\n\ninterface SwipeArgs<T> {\n  swipeRef: RefObject<T | null>\n  onSwipeStart?: ({ state, direction }: SwipeReturn) => void\n  onSwipeMove?: ({ state, direction }: SwipeReturn) => void\n  onSwipeCancel?: ({ state, direction }: SwipeReturn) => void\n  onSwipeEnd?: ({ state, direction }: SwipeReturn) => void\n  threshold?: number\n}\n\ninterface SwipeReturn {\n  state?: 'start' | 'move' | 'cancel' | 'end'\n  direction?: 'up' | 'down' | 'right' | 'left' | null\n}\n\nconst SWIPE_THRESHOLD = 75\n\nexport const useSwipe = <T extends HTMLElement>({\n  swipeRef,\n  onSwipeStart,\n  onSwipeMove,\n  onSwipeCancel,\n  onSwipeEnd,\n  threshold = 10,\n}: SwipeArgs<T>): SwipeReturn => {\n  const [state, setState] = useState<SwipeReturn['state']>()\n\n  const direction = useRef<SwipeReturn['direction']>(null)\n  const origin = useRef<Record<'x' | 'y', number> | null>(null)\n  const delta = useRef<Record<'x' | 'y', number> | null>(null)\n\n  const handleSwipeStart = (evt: PointerEvent) => {\n    origin.current = { x: evt.clientX, y: evt.clientY }\n\n    /**\n     * Prevents unwanted text selection in Safari browser (longpress)\n     */\n    document.addEventListener('selectstart', e => e.preventDefault())\n  }\n\n  const handleSwipeMove = (evt: PointerEvent) => {\n    if (!origin.current) return\n\n    const deltaX = Math.abs(evt.clientX - origin.current.x)\n    const deltaY = Math.abs(evt.clientY - origin.current.y)\n\n    let moveState: SwipeReturn['state']\n\n    if (deltaX > deltaY && deltaX > threshold) {\n      direction.current = evt.clientX > origin.current.x ? 'right' : 'left'\n    } else if (deltaY > threshold) {\n      direction.current = evt.clientY > origin.current.y ? 'down' : 'up'\n    }\n\n    /**\n     * If no direction could be defined, then no move should be handled.\n     * This is particularly true with trackpads working with MacOS/Windows.\n     */\n    if (!direction.current) return\n\n    if (!delta.current) {\n      moveState = 'start'\n      delta.current = { x: deltaX, y: deltaY }\n      onSwipeStart?.({ state: moveState, direction: direction.current })\n    } else {\n      moveState = 'move'\n      delta.current = { x: deltaX, y: deltaY }\n      ;(swipeRef.current as T).style.setProperty(\n        '--swipe-position-x',\n        `${deltaX > deltaY ? evt.clientX - origin.current.x : 0}px`\n      )\n      ;(swipeRef.current as T).style.setProperty(\n        '--swipe-position-y',\n        `${!(deltaX > deltaY) ? evt.clientY - origin.current.y : 0}px`\n      )\n      onSwipeMove?.({ state: moveState, direction: direction.current })\n    }\n\n    setState(moveState)\n  }\n\n  const handleSwipeEnd = () => {\n    const proxyDelta = delta.current\n\n    origin.current = null\n    delta.current = null\n\n    if (proxyDelta) {\n      const { x: deltaX, y: deltaY } = proxyDelta\n\n      let endState: SwipeReturn['state']\n\n      if (deltaX > deltaY) {\n        if (deltaX > SWIPE_THRESHOLD) {\n          endState = 'end'\n          onSwipeEnd?.({ state: endState, direction: direction.current })\n        } else {\n          endState = 'cancel'\n          onSwipeCancel?.({ state: endState, direction: direction.current })\n        }\n      } else {\n        if (deltaY > SWIPE_THRESHOLD) {\n          endState = 'end'\n          onSwipeEnd?.({ state: endState, direction: direction.current })\n        } else {\n          endState = 'cancel'\n          onSwipeCancel?.({ state: endState, direction: direction.current })\n        }\n      }\n\n      setState(endState)\n\n      /**\n       * Prevents unwanted text selection in Safari browser (longpress)\n       */\n      document.removeEventListener('selectstart', e => e.preventDefault())\n    }\n  }\n\n  useEffect(() => {\n    if (!swipeRef.current) return\n\n    const swipeElement = swipeRef.current\n\n    swipeElement.addEventListener('pointerdown', handleSwipeStart)\n    document.addEventListener('pointermove', handleSwipeMove)\n    document.addEventListener('pointerup', handleSwipeEnd)\n\n    return () => {\n      swipeElement.removeEventListener('pointerdown', handleSwipeStart)\n      document.removeEventListener('pointermove', handleSwipeMove)\n      document.removeEventListener('pointerup', handleSwipeEnd)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  return {\n    state,\n    direction: direction.current,\n  }\n}\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const snackbarRegionVariant = cva(\n  [\n    'fixed inset-x-lg z-toast group',\n    'outline-hidden pointer-events-none',\n    'grid grid-rows-1 grid-cols-1 gap-lg',\n  ],\n  {\n    variants: {\n      /**\n       * Set snackbar item position\n       * @default 'bottom'\n       */\n      position: {\n        top: 'top-lg justify-items-center',\n        'top-right': 'top-lg justify-items-end',\n        'top-left': 'top-lg justify-items-start',\n        bottom: 'bottom-lg justify-items-center',\n        'bottom-right': 'bottom-lg justify-items-end',\n        'bottom-left': 'bottom-lg justify-items-start',\n      },\n    },\n    defaultVariants: {\n      position: 'bottom',\n    },\n  }\n)\n\nexport type SnackbarRegionVariantProps = VariantProps<typeof snackbarRegionVariant>\n","import { type RefObject, useCallback, useSyncExternalStore } from 'react'\n\ninterface UseSnackbarGlobalStoreArgs<T> {\n  providers: Set<T>\n  subscriptions: Set<() => void>\n}\n\ninterface UseSnackbarGlobalStoreReturn<T> {\n  provider: T\n  addProvider: (ref: T) => void\n  deleteProvider: (ref: T) => void\n}\n\n/**\n * This hook is a basic abstraction of useSyncExternalStore hook which allows us\n * to consume data from an external data store.\n *\n * Cf. https://react.dev/reference/react/useSyncExternalStore#subscribing-to-an-external-store\n */\n\nexport const useSnackbarGlobalStore = <T = RefObject<HTMLDivElement | null>>({\n  providers,\n  subscriptions,\n}: UseSnackbarGlobalStoreArgs<T>): UseSnackbarGlobalStoreReturn<T> => {\n  const subscribe = useCallback(\n    (listener: () => void) => {\n      subscriptions.add(listener)\n\n      return () => subscriptions.delete(listener)\n    },\n    [subscriptions]\n  )\n\n  const getLastSnackbarProvider = useCallback(() => [...providers].reverse()[0] as T, [providers])\n\n  const addProvider = useCallback(\n    (provider: T) => {\n      providers.add(provider)\n\n      for (const subscribeFn of subscriptions) {\n        subscribeFn()\n      }\n    },\n    [providers, subscriptions]\n  )\n\n  const deleteProvider = useCallback(\n    (provider: T) => {\n      providers.delete(provider)\n\n      for (const subscribeFn of subscriptions) {\n        subscribeFn()\n      }\n    },\n    [providers, subscriptions]\n  )\n\n  const provider = useSyncExternalStore(subscribe, getLastSnackbarProvider, getLastSnackbarProvider)\n\n  return {\n    provider,\n    addProvider,\n    deleteProvider,\n  }\n}\n","import {\n  addSnackbar,\n  type AddSnackbarArgs,\n  clearSnackbarQueue,\n  Snackbar as Root,\n  type SnackbarProps,\n} from './Snackbar'\nimport { SnackbarItem as Item, type SnackbarItemProps } from './SnackbarItem'\nimport {\n  SnackbarItemAction as ItemAction,\n  type SnackbarItemActionProps,\n} from './SnackbarItemAction'\nimport { SnackbarItemClose as ItemClose, type SnackbarItemCloseProps } from './SnackbarItemClose'\nimport { SnackbarItemIcon as ItemIcon, type SnackbarItemIconProps } from './SnackbarItemIcon'\n\nexport const Snackbar: typeof Root & {\n  Item: typeof Item\n  ItemAction: typeof ItemAction\n  ItemClose: typeof ItemClose\n  ItemIcon: typeof ItemIcon\n} = Object.assign(Root, {\n  Item,\n  ItemAction,\n  ItemClose,\n  ItemIcon,\n})\n\nSnackbar.displayName = 'Snackbar'\nItem.displayName = 'Snackbar.Item'\nItemAction.displayName = 'Snackbar.ItemAction'\nItemClose.displayName = 'Snackbar.ItemClose'\nItemIcon.displayName = 'Snackbar.ItemIcon'\n\nexport type {\n  SnackbarProps,\n  SnackbarItemProps,\n  SnackbarItemActionProps,\n  SnackbarItemCloseProps,\n  SnackbarItemIconProps,\n  AddSnackbarArgs,\n}\nexport { addSnackbar, clearSnackbarQueue }\n"],"mappings":"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","names":["useEffect","useRef","cloneElement","useRef","useRef","cx","jsx","cx","cx","jsx","cx","jsx","useRef","cva","jsx","useRef","cloneElement","useCallback","provider","jsx","useRef","useEffect","Snackbar"]}
+{"version":3,"sources":["../../src/snackbar/Snackbar.tsx","../../src/snackbar/SnackbarRegion.tsx","../../src/snackbar/SnackbarItem.tsx","../../src/snackbar/SnackbarItem.styles.ts","../../src/snackbar/snackbarVariants.ts","../../src/snackbar/SnackbarItemAction.tsx","../../src/snackbar/SnackbarItemContext.tsx","../../src/snackbar/SnackbarItemClose.tsx","../../src/snackbar/SnackbarItemIcon.tsx","../../src/snackbar/useSwipe.ts","../../src/snackbar/SnackbarRegion.styles.ts","../../src/snackbar/useSnackbarGlobalStore.ts","../../src/snackbar/index.ts"],"sourcesContent":["import {\n  type ToastOptions as SnackBarItemOptions,\n  ToastQueue,\n  useToastQueue,\n} from '@react-stately/toast'\nimport { type ReactElement, Ref, type RefObject, useEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { type SnackbarItemValue } from './SnackbarItem'\nimport { SnackbarRegion, type SnackbarRegionProps } from './SnackbarRegion'\nimport { useSnackbarGlobalStore } from './useSnackbarGlobalStore'\n\n/**\n * We define here a global queue thanks to dedicated util from React Spectrum.\n * It is based on React `useSyncExternalStore` and allows us to consume data from\n * an external data store, and thus preventing use of React context that could\n * lead to unwanted rerenderings. It also simplifies initial implementation.\n */\nlet GLOBAL_SNACKBAR_QUEUE: ToastQueue<SnackbarItemValue> | null = null\n\nconst getGlobalSnackBarQueue = () => {\n  if (!GLOBAL_SNACKBAR_QUEUE) {\n    GLOBAL_SNACKBAR_QUEUE = new ToastQueue({\n      maxVisibleToasts: 1,\n      hasExitAnimation: true,\n    })\n  }\n\n  return GLOBAL_SNACKBAR_QUEUE\n}\n\nexport const clearSnackbarQueue = () => {\n  GLOBAL_SNACKBAR_QUEUE = null\n}\n\n/**\n * We define a global store to keep track of all providers instances, to ensure\n * we always have a single Snackbar container.\n */\nconst GLOBAL_SNACKBAR_STORE = {\n  providers: new Set<RefObject<HTMLDivElement | null>>(),\n  subscriptions: new Set<() => void>(),\n}\n\nexport type SnackbarProps = Omit<SnackbarRegionProps, 'state'> & {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Snackbar = ({ ref: forwardedRef, ...props }: SnackbarProps): ReactElement | null => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  const state = useToastQueue(getGlobalSnackBarQueue())\n\n  const { provider, addProvider, deleteProvider } = useSnackbarGlobalStore(GLOBAL_SNACKBAR_STORE)\n\n  useEffect(() => {\n    addProvider(ref)\n\n    return () => {\n      for (const toast of getGlobalSnackBarQueue().visibleToasts) {\n        toast.animation = undefined\n      }\n\n      deleteProvider(ref)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  return ref === provider && state.visibleToasts.length > 0\n    ? createPortal(<SnackbarRegion ref={forwardedRef} state={state} {...props} />, document.body)\n    : null\n}\n\nSnackbar.displayName = 'Snackbar'\n\nexport interface AddSnackbarArgs extends SnackbarItemValue, Omit<SnackBarItemOptions, 'timeout'> {\n  /**\n   * Handler that is called when the snackbar is closed, either by the user\n   * or after a timeout.\n   */\n  onClose?: () => void\n  /**\n   * A timeout to automatically close the snackbar after, in milliseconds.\n   * @default 5000\n   */\n  timeout?: number | null\n  /**\n   * The priority of the snackbar relative to other snackbars. Larger numbers indicate higher priority.\n   */\n  priority?: number\n}\n\nexport const addSnackbar = ({ onClose, timeout = 5000, priority, ...content }: AddSnackbarArgs) => {\n  const queue = getGlobalSnackBarQueue()\n\n  queue.add(content, {\n    onClose,\n    timeout: timeout && !content.onAction ? Math.max(timeout, 5000) : undefined,\n    priority,\n  })\n}\n","import { type AriaToastRegionProps, useToastRegion } from '@react-aria/toast'\nimport { cloneElement, type ComponentPropsWithRef, type ReactElement, useRef } from 'react'\n\nimport { SnackbarItem, type SnackbarItemProps } from './SnackbarItem'\nimport { SnackbarItemContext, type SnackbarItemState } from './SnackbarItemContext'\nimport { snackbarRegionVariant, type SnackbarRegionVariantProps } from './SnackbarRegion.styles'\n\nexport interface SnackbarRegionProps\n  extends ComponentPropsWithRef<'div'>,\n    AriaToastRegionProps,\n    SnackbarRegionVariantProps,\n    Pick<SnackbarItemState, 'state'> {\n  /**\n   * An accessibility label for the snackbar region.\n   * @default 'Notifications'\n   */\n  'aria-label'?: string\n  /**\n   * Identifies the element (or elements) that labels the current element.\n   */\n  'aria-labelledby'?: string\n  /**\n   * Identifies the element (or elements) that describes the object.\n   */\n  'aria-describedby'?: string\n  /**\n   * Identifies the element (or elements) that provide a detailed, extended description for the object.\n   */\n  'aria-details'?: string\n  /**\n   * The component/template used to display each snackbar from the queue\n   * @default 'Snackbar.Item'\n   */\n  children?: ReactElement<SnackbarItemProps, typeof SnackbarItem>\n}\n\nexport const SnackbarRegion = ({\n  children = <SnackbarItem />,\n  state,\n  position = 'bottom',\n  className,\n  ref: forwardedRef,\n  ...rest\n}: SnackbarRegionProps): ReactElement => {\n  const innerRef = useRef<HTMLDivElement>(null)\n  const ref = forwardedRef && typeof forwardedRef !== 'function' ? forwardedRef : innerRef\n\n  const { regionProps } = useToastRegion(rest, state, ref)\n\n  return (\n    <div\n      {...regionProps}\n      ref={ref}\n      data-position={position}\n      className={snackbarRegionVariant({ position, className })}\n    >\n      {state.visibleToasts.map(toast => (\n        <SnackbarItemContext.Provider key={toast.key} value={{ toast, state }}>\n          {cloneElement(children, { key: toast.key })}\n        </SnackbarItemContext.Provider>\n      ))}\n    </div>\n  )\n}\n","/* eslint-disable max-lines-per-function */\n\nimport { useToast } from '@react-aria/toast'\nimport {\n  Children,\n  cloneElement,\n  type ComponentPropsWithRef,\n  type FC,\n  isValidElement,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n  useCallback,\n  useRef,\n} from 'react'\n\nimport {\n  snackbarItemVariant,\n  snackbarItemVariantContent,\n  type SnackbarItemVariantContentProps,\n  type SnackbarItemVariantProps,\n} from './SnackbarItem.styles'\nimport { SnackbarItemAction, SnackbarItemActionProps } from './SnackbarItemAction'\nimport { SnackbarItemClose, SnackbarItemCloseProps } from './SnackbarItemClose'\nimport { useSnackbarItemContext } from './SnackbarItemContext'\nimport { SnackbarItemIcon, SnackbarItemIconProps } from './SnackbarItemIcon'\nimport { useSwipe } from './useSwipe'\n\nexport interface SnackbarItemValue extends SnackbarItemVariantProps {\n  /**\n   * Icon that will be prepended before snackbar message\n   */\n  icon?: ReactNode\n  message: ReactNode\n  /**\n   * If `true` snackbar will display a close button\n   * @default false\n   */\n  isClosable?: boolean\n  /**\n   * A label for the action button within the toast.\n   */\n  actionLabel?: string\n  /**\n   * Handler that is called when the action button is pressed.\n   */\n  onAction?: () => void\n  /**\n   * If `true` the action button will be displayed on a new line.\n   * @default false\n   */\n  actionOnNewline?: boolean\n}\n\nexport interface SnackbarItemProps\n  extends ComponentPropsWithRef<'div'>,\n    SnackbarItemVariantProps,\n    SnackbarItemVariantContentProps {\n  /**\n   * Defines a string value that labels the current element.\n   */\n  'aria-label'?: string\n  /**\n   * Identifies the element (or elements) that labels the current element.\n   */\n  'aria-labelledby'?: string\n  /**\n   * Identifies the element (or elements) that describes the object.\n   */\n  'aria-describedby'?: string\n  /**\n   * Identifies the element (or elements) that provide a detailed, extended description for the object.\n   */\n  'aria-details'?: string\n}\n\nexport const SnackbarItem = ({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  'aria-describedby': ariaDescribedby,\n  'aria-details': ariaDetails,\n  design: designProp,\n  intent: intentProp,\n  actionOnNewline: actionOnNewlineProp,\n  className,\n  children,\n  ref: forwardedRef,\n  ...rest\n}: PropsWithChildren<SnackbarItemProps>) => {\n  const innerRef = useRef(null)\n  const ref = typeof forwardedRef !== 'function' ? forwardedRef || innerRef : innerRef\n\n  const { toast, state } = useSnackbarItemContext()\n\n  const { state: swipeState, direction: swipeDirection } = useSwipe({\n    swipeRef: ref,\n    onSwipeStart: state.pauseAll,\n    onSwipeCancel: state.resumeAll,\n    onSwipeEnd: ({ direction }) => {\n      ;['left', 'right'].includes(`${direction}`) && state.close(toast.key)\n    },\n  })\n\n  const { message, icon, isClosable, onAction, actionLabel } = toast.content\n  const intent = intentProp ?? toast.content.intent\n  const design = designProp ?? toast.content.design\n  const actionOnNewline = actionOnNewlineProp ?? toast.content.actionOnNewline\n\n  const ariaProps = {\n    ariaLabel,\n    ariaLabelledby,\n    ariaDescribedby,\n    ariaDetails,\n  }\n\n  const { toastProps, titleProps, closeButtonProps, contentProps } = useToast(\n    { toast, ...ariaProps },\n    state,\n    ref\n  )\n\n  const findElement = useCallback(\n    <P extends object>(elementDisplayName: string): ReactElement<P> | undefined => {\n      const childrenArray = Children.toArray(children)\n\n      const match = childrenArray\n        .filter(isValidElement)\n        .find(\n          (child): child is ReactElement<P> =>\n            !!(child.type as FC<P> & { displayName?: string }).displayName?.includes(\n              elementDisplayName\n            )\n        )\n\n      return match as ReactElement<P> | undefined\n    },\n    [children]\n  )\n\n  const iconFromChildren = findElement<SnackbarItemIconProps>('Snackbar.ItemIcon')\n  const actionBtnFromChildren = findElement<SnackbarItemActionProps>('Snackbar.ItemAction')\n  const closeBtnFromChildren = findElement<SnackbarItemCloseProps>('Snackbar.ItemClose')\n\n  return (\n    <div\n      data-spark-component=\"snackbar-item\"\n      className={snackbarItemVariant({ design, intent, className })}\n      data-animation={toast.animation}\n      {...(!(swipeState === 'cancel' && toast.animation === 'exiting') && {\n        'data-swipe': swipeState,\n        'data-swipe-direction': swipeDirection,\n      })}\n      {...(toast.animation === 'exiting' && {\n        // Remove snackbar when the exiting animation completes\n        onAnimationEnd: () => state.remove(toast.key),\n      })}\n      ref={ref}\n      {...toastProps}\n      {...rest}\n    >\n      <div className={snackbarItemVariantContent({ actionOnNewline })} {...contentProps}>\n        {/* 1. ICON */}\n        {renderSubComponent(iconFromChildren, icon ? SnackbarItemIcon : null, {\n          children: icon,\n        })}\n\n        {/* 2. MESSAGE */}\n        <p\n          className=\"px-md py-lg text-body-2 row-span-3\"\n          style={{ gridArea: 'message' }}\n          {...titleProps}\n        >\n          {message}\n        </p>\n\n        {/* 3. ACTION BUTTON */}\n        {renderSubComponent(\n          actionBtnFromChildren,\n          actionLabel && onAction ? SnackbarItemAction : null,\n          { intent, design, onClick: onAction, children: actionLabel }\n        )}\n\n        {/* 4. CLOSE BUTTON */}\n        {renderSubComponent(closeBtnFromChildren, isClosable ? SnackbarItemClose : null, {\n          intent,\n          design,\n          /**\n           * React Spectrum typing of aria-label is inaccurate, and aria-label value should never be undefined.\n           * See https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/i18n/src/useLocalizedStringFormatter.ts#L40\n           */\n          'aria-label': closeButtonProps['aria-label'] as string,\n        })}\n      </div>\n    </div>\n  )\n}\n\nSnackbarItem.displayName = 'Snackbar.Item'\n\n/**\n * Returns compound item if found in children prop.\n * If not fallbacks to default item, conditionned by addSnackbar options.\n */\nconst renderSubComponent = <P extends object>(\n  childItem?: ReactElement<P>,\n  defaultItem?: FC<P> | null,\n  props?: P\n) => {\n  if (childItem) {\n    return cloneElement(childItem, { ...props, ...childItem.props })\n  } else if (defaultItem) {\n    const Item = defaultItem\n\n    return <Item {...(props as P)} />\n  } else {\n    return null\n  }\n}\n","import { cva, VariantProps } from 'class-variance-authority'\n\nimport { filledVariants, tintedVariants } from './snackbarVariants'\n\nexport const snackbarItemVariant = cva(\n  [\n    'rounded-md shadow-sm',\n    'max-w-[600px]',\n    'cursor-default pointer-events-auto touch-none select-none',\n    'absolute',\n    /**\n     * Focus\n     */\n    'group-focus-visible:outline-hidden group-focus-visible:u-outline group-not-focus-visible:ring-inset',\n    /**\n     * Positionning\n     */\n    'group-data-[position=bottom]:bottom-0 group-data-[position=bottom-left]:bottom-0 group-data-[position=bottom-right]:bottom-0',\n    'group-data-[position=top]:top-0 group-data-[position=top-left]:top-0 group-data-[position=top-right]:top-0',\n    /**\n     * Animation and opacity\n     */\n    'animation-duration-400',\n    '[animation-fill-mode: forwards]!',\n    'data-[animation=queued]:animate-fade-in',\n    'data-[animation=entering]:animation-ease-decelerate-back',\n    'data-[animation=exiting]:animation-ease-accelerate',\n    // Parent position bottom|bottom-left|bottom-right\n    'data-[animation=entering]:group-data-[position=bottom]:[&:not([data-swipe])]:animate-slide-in-bottom',\n    'data-[animation=exiting]:opacity-0 data-[animation=exiting]:transition-opacity',\n    'data-[animation=exiting]:group-data-[position=bottom]:[&:not([data-swipe])]:animate-slide-out-bottom',\n    'data-[animation=entering]:group-data-[position=bottom-left]:[&:not([data-swipe])]:animate-slide-in-bottom',\n    'data-[animation=exiting]:group-data-[position=bottom-left]:[&:not([data-swipe])]:animate-slide-out-bottom',\n    'data-[animation=entering]:group-data-[position=bottom-right]:[&:not([data-swipe])]:animate-slide-in-bottom',\n    'data-[animation=exiting]:group-data-[position=bottom-right]:[&:not([data-swipe])]:animate-slide-out-bottom',\n    // Parent position top|top-left|top-right\n    'data-[animation=entering]:group-data-[position=top]:[&:not([data-swipe])]:animate-slide-in-top',\n    'data-[animation=exiting]:group-data-[position=top]:[&:not([data-swipe])]:animate-slide-out-top',\n    'data-[animation=entering]:group-data-[position=top-left]:[&:not([data-swipe])]:animate-slide-in-top',\n    'data-[animation=exiting]:group-data-[position=top-left]:[&:not([data-swipe])]:animate-slide-out-top',\n    'data-[animation=entering]:group-data-[position=top-right]:[&:not([data-swipe])]:animate-slide-in-top',\n    'data-[animation=exiting]:group-data-[position=top-right]:[&:not([data-swipe])]:animate-slide-out-top',\n    /**\n     * Swipe\n     */\n    'data-[swipe=move]:data-[swipe-direction=right]:translate-x-(--swipe-position-x)',\n    'data-[swipe=move]:data-[swipe-direction=left]:translate-x-(--swipe-position-x)',\n    'data-[swipe=cancel]:translate-x-0',\n    'data-[swipe=end]:data-[swipe-direction=right]:animate-standalone-swipe-out-right',\n    'data-[swipe=end]:data-[swipe-direction=left]:animate-standalone-swipe-out-left',\n  ],\n  {\n    variants: {\n      /**\n       * Set different look and feel\n       * @default 'filled'\n       */\n      design: {\n        filled: '',\n        tinted: '',\n      },\n      /**\n       * Set color intent\n       * @default 'neutral'\n       */\n      intent: {\n        success: '',\n        alert: '',\n        error: '',\n        info: '',\n        neutral: '',\n        main: '',\n        basic: '',\n        support: '',\n        accent: '',\n        inverse: '',\n      },\n    },\n    compoundVariants: [...filledVariants, ...tintedVariants],\n    defaultVariants: {\n      design: 'filled',\n      intent: 'neutral',\n    },\n  }\n)\n\nexport const snackbarItemVariantContent = cva(\n  [\n    'inline-grid items-center',\n    'col-start-1 row-start-1',\n    'pl-md pr-lg', // applying padding on the parent prevents VoiceOver on Safari from reading snackbar content 🤷\n  ],\n  {\n    variants: {\n      /**\n       * Force action button displaying on a new line\n       * @default false\n       */\n      actionOnNewline: {\n        true: [\n          'grid-rows-[52px_1fr_52px]',\n          'grid-cols-[min-content_1fr_min-content]',\n          \"[grid-template-areas:'icon_message_close'_'._message_.'_'action_action_action']\",\n        ],\n        false: [\n          'grid-cols-[min-content_1fr_min-content_min-content]',\n          \"[grid-template-areas:'icon_message_action_close']\",\n        ],\n      },\n    },\n    defaultVariants: {\n      actionOnNewline: false,\n    },\n  }\n)\n\nexport type SnackbarItemVariantProps = VariantProps<typeof snackbarItemVariant>\nexport type SnackbarItemVariantContentProps = VariantProps<typeof snackbarItemVariantContent>\n","export const filledVariants = [\n  {\n    design: 'filled',\n    intent: 'success',\n    class: ['bg-success text-on-success'],\n  },\n  {\n    design: 'filled',\n    intent: 'alert',\n    class: ['bg-alert text-on-alert'],\n  },\n  {\n    design: 'filled',\n    intent: 'error',\n    class: ['bg-error text-on-error'],\n  },\n  {\n    design: 'filled',\n    intent: 'info',\n    class: ['bg-info text-on-info'],\n  },\n  {\n    design: 'filled',\n    intent: 'neutral',\n    class: ['bg-neutral text-on-neutral'],\n  },\n  {\n    design: 'filled',\n    intent: 'main',\n    class: ['bg-main text-on-main'],\n  },\n  {\n    design: 'filled',\n    intent: 'basic',\n    class: ['bg-basic text-on-basic'],\n  },\n  {\n    design: 'filled',\n    intent: 'support',\n    class: ['bg-support text-on-support'],\n  },\n  {\n    design: 'filled',\n    intent: 'accent',\n    class: ['bg-accent text-on-accent'],\n  },\n  {\n    design: 'filled',\n    intent: 'inverse',\n    class: ['bg-surface-inverse text-on-surface-inverse'],\n  },\n] as const\n\nexport const tintedVariants = [\n  {\n    design: 'tinted',\n    intent: 'success',\n    class: ['bg-success-container text-on-success-container'],\n  },\n  {\n    design: 'tinted',\n    intent: 'alert',\n    class: ['bg-alert-container text-on-alert-container'],\n  },\n  {\n    design: 'tinted',\n    intent: 'error',\n    class: ['bg-error-container text-on-error-container'],\n  },\n  {\n    design: 'tinted',\n    intent: 'info',\n    class: ['bg-info-container text-on-info-container'],\n  },\n  {\n    design: 'tinted',\n    intent: 'neutral',\n    class: ['bg-neutral-container text-on-neutral-container'],\n  },\n  {\n    design: 'tinted',\n    intent: 'main',\n    class: ['bg-main-container text-on-main-container'],\n  },\n  {\n    design: 'tinted',\n    intent: 'basic',\n    class: ['bg-basic-container text-on-basic-container'],\n  },\n  {\n    design: 'tinted',\n    intent: 'support',\n    class: ['bg-support-container text-on-support-container'],\n  },\n  {\n    design: 'tinted',\n    intent: 'accent',\n    class: ['bg-accent-container text-on-accent-container'],\n  },\n  {\n    design: 'tinted',\n    intent: 'inverse',\n    class: ['bg-surface-inverse text-on-surface-inverse'],\n  },\n] as const\n","import { cx } from 'class-variance-authority'\nimport { Ref } from 'react'\n\nimport { Button, type ButtonProps } from '../button'\nimport type { SnackbarItemVariantProps } from './SnackbarItem.styles'\nimport { useSnackbarItemContext } from './SnackbarItemContext'\n\nexport type SnackbarItemActionProps = Omit<ButtonProps, 'size' | 'shape' | 'intent'> &\n  SnackbarItemVariantProps & {\n    ref?: Ref<HTMLButtonElement>\n  }\n\nexport const SnackbarItemAction = ({\n  design: designProp = 'filled',\n  intent: intentProp = 'neutral',\n  onClick,\n  children,\n  className,\n  ref,\n  ...rest\n}: SnackbarItemActionProps) => {\n  const { toast, state } = useSnackbarItemContext()\n\n  const intent = intentProp ?? toast.content.intent\n  const design = designProp ?? toast.content.design\n\n  return (\n    <Button\n      data-spark-component=\"snackbar-item-action\"\n      ref={ref}\n      size=\"md\"\n      shape=\"rounded\"\n      {...(intent === 'inverse'\n        ? {\n            design: 'ghost',\n            intent: 'surface',\n          }\n        : {\n            design,\n            intent: intent === 'error' ? 'danger' : intent,\n          })}\n      onClick={e => {\n        onClick?.(e)\n        state.close(toast.key)\n      }}\n      style={{ gridArea: 'action', ...rest.style }}\n      className={cx('ml-md justify-self-end', className)}\n      {...rest}\n    >\n      {children}\n    </Button>\n  )\n}\n\nSnackbarItemAction.displayName = 'Snackbar.ItemAction'\n","import { QueuedToast, ToastState } from '@react-stately/toast'\nimport { createContext, useContext } from 'react'\n\nimport type { SnackbarItemValue } from './SnackbarItem'\n\nexport interface SnackbarItemState<T = SnackbarItemValue> {\n  toast: QueuedToast<T>\n  state: ToastState<T>\n}\n\nexport const SnackbarItemContext = createContext<SnackbarItemState>({} as SnackbarItemState)\n\nexport const useSnackbarItemContext = () => useContext(SnackbarItemContext)\n","import { Close } from '@spark-ui/icons/Close'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentPropsWithRef } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton, type IconButtonProps } from '../icon-button'\nimport type { SnackbarItemVariantProps } from './SnackbarItem.styles'\nimport { useSnackbarItemContext } from './SnackbarItemContext'\n\nexport interface SnackbarItemCloseProps\n  extends Omit<ComponentPropsWithRef<'button'>, 'aria-label' | 'disabled'>,\n    Pick<IconButtonProps, 'aria-label'>,\n    SnackbarItemVariantProps {}\n\nexport const SnackbarItemClose = ({\n  design: designProp = 'filled',\n  intent: intentProp = 'neutral',\n  'aria-label': ariaLabel,\n  onClick,\n  className,\n  ref,\n  ...rest\n}: SnackbarItemCloseProps) => {\n  const { toast, state } = useSnackbarItemContext()\n\n  const intent = intentProp ?? toast.content.intent\n  const design = designProp ?? toast.content.design\n\n  return (\n    <IconButton\n      data-spark-component=\"snackbar-item-close\"\n      ref={ref}\n      size=\"md\"\n      shape=\"rounded\"\n      {...(intent === 'inverse'\n        ? {\n            design: 'ghost',\n            intent: 'surface',\n          }\n        : {\n            design,\n            intent: intent === 'error' ? 'danger' : intent,\n          })}\n      aria-label={ariaLabel}\n      onClick={e => {\n        onClick?.(e)\n        state.close(toast.key)\n      }}\n      style={{ gridArea: 'close', ...rest.style }}\n      className={cx('ml-md justify-self-end', className)}\n      {...rest}\n    >\n      <Icon size=\"sm\">\n        <Close />\n      </Icon>\n    </IconButton>\n  )\n}\n\nSnackbarItemClose.displayName = 'Snackbar.ItemClose'\n","import { cx } from 'class-variance-authority'\nimport type { ReactElement } from 'react'\n\nimport { Icon, type IconProps } from '../icon'\n\nexport type SnackbarItemIconProps = IconProps\n\nexport const SnackbarItemIcon = ({\n  children,\n  className,\n  ...rest\n}: SnackbarItemIconProps): ReactElement => (\n  <Icon\n    size=\"md\"\n    className={cx('mx-md', className)}\n    style={{ gridArea: 'icon', ...rest.style }}\n    {...rest}\n  >\n    {children}\n  </Icon>\n)\n\nSnackbarItemIcon.displayName = 'Snackbar.ItemIcon'\n","/* eslint-disable complexity */\nimport { type RefObject, useEffect, useRef, useState } from 'react'\n\ninterface SwipeArgs<T> {\n  swipeRef: RefObject<T | null>\n  onSwipeStart?: ({ state, direction }: SwipeReturn) => void\n  onSwipeMove?: ({ state, direction }: SwipeReturn) => void\n  onSwipeCancel?: ({ state, direction }: SwipeReturn) => void\n  onSwipeEnd?: ({ state, direction }: SwipeReturn) => void\n  threshold?: number\n}\n\ninterface SwipeReturn {\n  state?: 'start' | 'move' | 'cancel' | 'end'\n  direction?: 'up' | 'down' | 'right' | 'left' | null\n}\n\nconst SWIPE_THRESHOLD = 75\n\nexport const useSwipe = <T extends HTMLElement>({\n  swipeRef,\n  onSwipeStart,\n  onSwipeMove,\n  onSwipeCancel,\n  onSwipeEnd,\n  threshold = 10,\n}: SwipeArgs<T>): SwipeReturn => {\n  const [state, setState] = useState<SwipeReturn['state']>()\n\n  const direction = useRef<SwipeReturn['direction']>(null)\n  const origin = useRef<Record<'x' | 'y', number> | null>(null)\n  const delta = useRef<Record<'x' | 'y', number> | null>(null)\n\n  const handleSwipeStart = (evt: PointerEvent) => {\n    origin.current = { x: evt.clientX, y: evt.clientY }\n\n    /**\n     * Prevents unwanted text selection in Safari browser (longpress)\n     */\n    document.addEventListener('selectstart', e => e.preventDefault())\n  }\n\n  const handleSwipeMove = (evt: PointerEvent) => {\n    if (!origin.current) return\n\n    const deltaX = Math.abs(evt.clientX - origin.current.x)\n    const deltaY = Math.abs(evt.clientY - origin.current.y)\n\n    let moveState: SwipeReturn['state']\n\n    if (deltaX > deltaY && deltaX > threshold) {\n      direction.current = evt.clientX > origin.current.x ? 'right' : 'left'\n    } else if (deltaY > threshold) {\n      direction.current = evt.clientY > origin.current.y ? 'down' : 'up'\n    }\n\n    /**\n     * If no direction could be defined, then no move should be handled.\n     * This is particularly true with trackpads working with MacOS/Windows.\n     */\n    if (!direction.current) return\n\n    if (!delta.current) {\n      moveState = 'start'\n      delta.current = { x: deltaX, y: deltaY }\n      onSwipeStart?.({ state: moveState, direction: direction.current })\n    } else {\n      moveState = 'move'\n      delta.current = { x: deltaX, y: deltaY }\n      ;(swipeRef.current as T).style.setProperty(\n        '--swipe-position-x',\n        `${deltaX > deltaY ? evt.clientX - origin.current.x : 0}px`\n      )\n      ;(swipeRef.current as T).style.setProperty(\n        '--swipe-position-y',\n        `${!(deltaX > deltaY) ? evt.clientY - origin.current.y : 0}px`\n      )\n      onSwipeMove?.({ state: moveState, direction: direction.current })\n    }\n\n    setState(moveState)\n  }\n\n  const handleSwipeEnd = () => {\n    const proxyDelta = delta.current\n\n    origin.current = null\n    delta.current = null\n\n    if (proxyDelta) {\n      const { x: deltaX, y: deltaY } = proxyDelta\n\n      let endState: SwipeReturn['state']\n\n      if (deltaX > deltaY) {\n        if (deltaX > SWIPE_THRESHOLD) {\n          endState = 'end'\n          onSwipeEnd?.({ state: endState, direction: direction.current })\n        } else {\n          endState = 'cancel'\n          onSwipeCancel?.({ state: endState, direction: direction.current })\n        }\n      } else {\n        if (deltaY > SWIPE_THRESHOLD) {\n          endState = 'end'\n          onSwipeEnd?.({ state: endState, direction: direction.current })\n        } else {\n          endState = 'cancel'\n          onSwipeCancel?.({ state: endState, direction: direction.current })\n        }\n      }\n\n      setState(endState)\n\n      /**\n       * Prevents unwanted text selection in Safari browser (longpress)\n       */\n      document.removeEventListener('selectstart', e => e.preventDefault())\n    }\n  }\n\n  useEffect(() => {\n    if (!swipeRef.current) return\n\n    const swipeElement = swipeRef.current\n\n    swipeElement.addEventListener('pointerdown', handleSwipeStart)\n    document.addEventListener('pointermove', handleSwipeMove)\n    document.addEventListener('pointerup', handleSwipeEnd)\n\n    return () => {\n      swipeElement.removeEventListener('pointerdown', handleSwipeStart)\n      document.removeEventListener('pointermove', handleSwipeMove)\n      document.removeEventListener('pointerup', handleSwipeEnd)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  return {\n    state,\n    direction: direction.current,\n  }\n}\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const snackbarRegionVariant = cva(\n  [\n    'fixed inset-x-lg z-toast group',\n    'outline-hidden pointer-events-none',\n    'grid grid-rows-1 grid-cols-1 gap-lg',\n  ],\n  {\n    variants: {\n      /**\n       * Set snackbar item position\n       * @default 'bottom'\n       */\n      position: {\n        top: 'top-lg justify-items-center',\n        'top-right': 'top-lg justify-items-end',\n        'top-left': 'top-lg justify-items-start',\n        bottom: 'bottom-lg justify-items-center',\n        'bottom-right': 'bottom-lg justify-items-end',\n        'bottom-left': 'bottom-lg justify-items-start',\n      },\n    },\n    defaultVariants: {\n      position: 'bottom',\n    },\n  }\n)\n\nexport type SnackbarRegionVariantProps = VariantProps<typeof snackbarRegionVariant>\n","import { type RefObject, useCallback, useSyncExternalStore } from 'react'\n\ninterface UseSnackbarGlobalStoreArgs<T> {\n  providers: Set<T>\n  subscriptions: Set<() => void>\n}\n\ninterface UseSnackbarGlobalStoreReturn<T> {\n  provider: T\n  addProvider: (ref: T) => void\n  deleteProvider: (ref: T) => void\n}\n\n/**\n * This hook is a basic abstraction of useSyncExternalStore hook which allows us\n * to consume data from an external data store.\n *\n * Cf. https://react.dev/reference/react/useSyncExternalStore#subscribing-to-an-external-store\n */\n\nexport const useSnackbarGlobalStore = <T = RefObject<HTMLDivElement | null>>({\n  providers,\n  subscriptions,\n}: UseSnackbarGlobalStoreArgs<T>): UseSnackbarGlobalStoreReturn<T> => {\n  const subscribe = useCallback(\n    (listener: () => void) => {\n      subscriptions.add(listener)\n\n      return () => subscriptions.delete(listener)\n    },\n    [subscriptions]\n  )\n\n  const getLastSnackbarProvider = useCallback(() => [...providers].reverse()[0] as T, [providers])\n\n  const addProvider = useCallback(\n    (provider: T) => {\n      providers.add(provider)\n\n      for (const subscribeFn of subscriptions) {\n        subscribeFn()\n      }\n    },\n    [providers, subscriptions]\n  )\n\n  const deleteProvider = useCallback(\n    (provider: T) => {\n      providers.delete(provider)\n\n      for (const subscribeFn of subscriptions) {\n        subscribeFn()\n      }\n    },\n    [providers, subscriptions]\n  )\n\n  const provider = useSyncExternalStore(subscribe, getLastSnackbarProvider, getLastSnackbarProvider)\n\n  return {\n    provider,\n    addProvider,\n    deleteProvider,\n  }\n}\n","import {\n  addSnackbar,\n  type AddSnackbarArgs,\n  clearSnackbarQueue,\n  Snackbar as Root,\n  type SnackbarProps,\n} from './Snackbar'\nimport { SnackbarItem as Item, type SnackbarItemProps } from './SnackbarItem'\nimport {\n  SnackbarItemAction as ItemAction,\n  type SnackbarItemActionProps,\n} from './SnackbarItemAction'\nimport { SnackbarItemClose as ItemClose, type SnackbarItemCloseProps } from './SnackbarItemClose'\nimport { SnackbarItemIcon as ItemIcon, type SnackbarItemIconProps } from './SnackbarItemIcon'\n\nexport const Snackbar: typeof Root & {\n  Item: typeof Item\n  ItemAction: typeof ItemAction\n  ItemClose: typeof ItemClose\n  ItemIcon: typeof ItemIcon\n} = Object.assign(Root, {\n  Item,\n  ItemAction,\n  ItemClose,\n  ItemIcon,\n})\n\nSnackbar.displayName = 'Snackbar'\nItem.displayName = 'Snackbar.Item'\nItemAction.displayName = 'Snackbar.ItemAction'\nItemClose.displayName = 'Snackbar.ItemClose'\nItemIcon.displayName = 'Snackbar.ItemIcon'\n\nexport type {\n  SnackbarProps,\n  SnackbarItemProps,\n  SnackbarItemActionProps,\n  SnackbarItemCloseProps,\n  SnackbarItemIconProps,\n  AddSnackbarArgs,\n}\nexport { addSnackbar, clearSnackbarQueue }\n"],"mappings":"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","names":["useEffect","useRef","cloneElement","useRef","useRef","cx","jsx","cx","cx","jsx","cx","jsx","useRef","cva","jsx","useRef","cloneElement","useCallback","provider","jsx","useRef","useEffect","Snackbar"]}

package/dist/stepper/index.d.mts

@@ -4,8 +4,7 @@ import { AriaButtonOptions } from '@react-aria/button';
 import { NumberFieldStateOptions } from '@react-stately/numberfield';
 import { AriaNumberFieldProps } from '@react-types/numberfield';
 import { IconButtonProps } from '../icon-button/index.mjs';
-import { I as InputGroupProps } from '../InputGroup-aoaZxCLk.mjs';
-import { I as InputProps } from '../Input-g0LpWuv0.mjs';
+import { I as InputGroupProps, a as InputProps } from '../Input-N8AWWSmt.mjs';
 import '../button/index.mjs';
 import 'class-variance-authority/types';
 import 'class-variance-authority';

package/dist/stepper/index.d.ts

@@ -4,8 +4,7 @@ import { AriaButtonOptions } from '@react-aria/button';
 import { NumberFieldStateOptions } from '@react-stately/numberfield';
 import { AriaNumberFieldProps } from '@react-types/numberfield';
 import { IconButtonProps } from '../icon-button/index.js';
-import { I as InputGroupProps } from '../InputGroup-aoaZxCLk.js';
-import { I as InputProps } from '../Input-g0LpWuv0.js';
+import { I as InputGroupProps, a as InputProps } from '../Input-N8AWWSmt.js';
 import '../button/index.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';

package/dist/textarea/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentPropsWithoutRef, Ref, ComponentPropsWithRef, PropsWithChildren } from 'react';
-import { I as InputGroupProps } from '../InputGroup-aoaZxCLk.mjs';
+import { ComponentPropsWithoutRef, Ref, PropsWithChildren } from 'react';
+import { I as InputGroupProps, a as InputProps } from '../Input-N8AWWSmt.mjs';
 import { I as InputLeadingIconProps, a as InputTrailingIconProps } from '../InputTrailingIcon-BBp7sE6D.mjs';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
@@ -16,9 +16,9 @@ declare const TextareaClearButton: {
     displayName: string;
 };
 
-type TextareaGroupProps = Omit<InputGroupProps, 'onClear'>;
+type TextareaGroupProps = InputGroupProps;
 declare const TextareaGroup$1: {
-    (props: InputGroupProps): react_jsx_runtime.JSX.Element;
+    (props: TextareaGroupProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -36,11 +36,10 @@ declare const TextareaTrailingIcon: {
     displayName: string;
 };
 
-interface TextareaProps extends ComponentPropsWithRef<'textarea'> {
-    /**
-     * If `false`, the textarea won't be resizable.
-     */
+type TextareaPrimitiveProps = ComponentPropsWithoutRef<'textarea'>;
+interface TextareaProps extends TextareaPrimitiveProps, Pick<InputProps, 'onValueChange'> {
     isResizable?: boolean;
+    ref?: Ref<HTMLTextAreaElement>;
 }
 declare const Textarea: {
     ({ className, disabled, rows, isResizable, ref, ...others }: PropsWithChildren<TextareaProps>): react_jsx_runtime.JSX.Element;

package/dist/textarea/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentPropsWithoutRef, Ref, ComponentPropsWithRef, PropsWithChildren } from 'react';
-import { I as InputGroupProps } from '../InputGroup-aoaZxCLk.js';
+import { ComponentPropsWithoutRef, Ref, PropsWithChildren } from 'react';
+import { I as InputGroupProps, a as InputProps } from '../Input-N8AWWSmt.js';
 import { I as InputLeadingIconProps, a as InputTrailingIconProps } from '../InputTrailingIcon-ZZx8PoJy.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
@@ -16,9 +16,9 @@ declare const TextareaClearButton: {
     displayName: string;
 };
 
-type TextareaGroupProps = Omit<InputGroupProps, 'onClear'>;
+type TextareaGroupProps = InputGroupProps;
 declare const TextareaGroup$1: {
-    (props: InputGroupProps): react_jsx_runtime.JSX.Element;
+    (props: TextareaGroupProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -36,11 +36,10 @@ declare const TextareaTrailingIcon: {
     displayName: string;
 };
 
-interface TextareaProps extends ComponentPropsWithRef<'textarea'> {
-    /**
-     * If `false`, the textarea won't be resizable.
-     */
+type TextareaPrimitiveProps = ComponentPropsWithoutRef<'textarea'>;
+interface TextareaProps extends TextareaPrimitiveProps, Pick<InputProps, 'onValueChange'> {
     isResizable?: boolean;
+    ref?: Ref<HTMLTextAreaElement>;
 }
 declare const Textarea: {
     ({ className, disabled, rows, isResizable, ref, ...others }: PropsWithChildren<TextareaProps>): react_jsx_runtime.JSX.Element;

package/dist/textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/textarea/index.ts","../../src/input/InputClearButton.tsx","../../src/icon/Icon.tsx","../../src/slot/Slot.tsx","../../src/visually-hidden/VisuallyHidden.tsx","../../src/icon/Icon.styles.tsx","../../src/input/InputGroupContext.ts","../../src/input/InputGroup.tsx","../../src/input/InputGroup.styles.ts","../../src/input/InputLeadingAddon.tsx","../../src/input/InputAddon.tsx","../../src/input/InputAddon.styles.ts","../../src/input/InputLeadingIcon.tsx","../../src/input/InputIcon.tsx","../../src/input/InputTrailingAddon.tsx","../../src/input/InputTrailingIcon.tsx","../../src/input/Input.tsx","../../src/input/Input.styles.ts","../../src/input/index.ts","../../src/textarea/TextareaClearButton.tsx","../../src/textarea/TextareaGroup.tsx","../../src/textarea/TextareaLeadingIcon.tsx","../../src/textarea/TextareaTrailingIcon.tsx","../../src/textarea/Textarea.tsx"],"sourcesContent":["import { TextareaClearButton } from './TextareaClearButton'\nimport { TextareaGroup as Root } from './TextareaGroup'\nimport { TextareaLeadingIcon } from './TextareaLeadingIcon'\nimport { TextareaTrailingIcon } from './TextareaTrailingIcon'\n\nexport * from './Textarea'\n\nexport const TextareaGroup: typeof Root & {\n  LeadingIcon: typeof TextareaLeadingIcon\n  TrailingIcon: typeof TextareaTrailingIcon\n  ClearButton: typeof TextareaClearButton\n} = Object.assign(Root, {\n  LeadingIcon: TextareaLeadingIcon,\n  TrailingIcon: TextareaTrailingIcon,\n  ClearButton: TextareaClearButton,\n})\n\nTextareaGroup.displayName = 'TextareaGroup'\nTextareaLeadingIcon.displayName = 'TextareaGroup.LeadingIcon'\nTextareaTrailingIcon.displayName = 'TextareaGroup.TrailingIcon'\nTextareaClearButton.displayName = 'TextareaGroup.ClearButton'\n\nexport { type TextareaGroupProps } from './TextareaGroup'\nexport { type TextareaLeadingIconProps } from './TextareaLeadingIcon'\nexport { type TextareaTrailingIconProps } from './TextareaTrailingIcon'\nexport { type TextareaClearButtonProps } from './TextareaClearButton'\n","import { DeleteOutline } from '@spark-ui/icons/DeleteOutline'\nimport { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, MouseEventHandler, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { useInputGroup } from './InputGroupContext'\n\nexport interface InputClearButtonProps extends ComponentPropsWithoutRef<'button'> {\n  'aria-label': string\n  inline?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nconst Root = ({\n  className,\n  tabIndex = -1,\n  onClick,\n  inline = false,\n  ref,\n  ...others\n}: InputClearButtonProps) => {\n  const { onClear, hasTrailingIcon } = useInputGroup()\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = event => {\n    if (onClick) {\n      onClick(event)\n    }\n\n    if (onClear) {\n      onClear()\n    }\n  }\n\n  return (\n    <button\n      ref={ref}\n      data-spark-component=\"input-clear-button\"\n      className={cx(\n        className,\n        'pointer-events-auto absolute',\n        inline ? 'h-sz-44 top-0 -translate-y-0' : 'top-1/2 -translate-y-1/2',\n        'inline-flex h-full items-center justify-center outline-hidden',\n        'text-neutral hover:text-neutral-hovered',\n        hasTrailingIcon ? 'right-3xl px-sz-12' : 'pl-md pr-lg right-0'\n      )}\n      tabIndex={tabIndex}\n      onClick={handleClick}\n      type=\"button\"\n      {...others}\n    >\n      <Icon size=\"sm\">\n        <DeleteOutline />\n      </Icon>\n    </button>\n  )\n}\n\nexport const InputClearButton = Object.assign(Root, {\n  id: 'ClearButton',\n})\n\nRoot.displayName = 'InputGroup.ClearButton'\n","import { Children, cloneElement, ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react'\n\nimport { VisuallyHidden } from '../visually-hidden'\nimport { iconStyles, IconVariantsProps } from './Icon.styles'\n\nexport interface IconProps extends IconVariantsProps, ComponentPropsWithoutRef<'svg'> {\n  /**\n   * The svg icon that will be wrapped\n   */\n  children: ReactNode\n  /**\n   * The accessible label for the icon. This label will be visually hidden but announced to screen\n   * reader users, similar to `alt` text for `img` tags.\n   */\n  label?: string\n}\n\nexport const Icon = ({\n  label,\n  className,\n  size = 'current',\n  intent = 'current',\n  children,\n  ...others\n}: IconProps) => {\n  const child = Children.only(children)\n\n  return (\n    <>\n      {cloneElement(child as ReactElement<Record<string, any>>, {\n        className: iconStyles({ className, size, intent }),\n        'data-spark-component': 'icon',\n        'aria-hidden': 'true',\n        focusable: 'false',\n        ...others,\n      })}\n\n      {label && <VisuallyHidden>{label}</VisuallyHidden>}\n    </>\n  )\n}\n\nIcon.displayName = 'Icon'\n","import { Slot as RadixSlot } from 'radix-ui'\nimport {\n  cloneElement,\n  HTMLAttributes,\n  isValidElement,\n  PropsWithChildren,\n  ReactNode,\n  Ref,\n} from 'react'\n\nexport const Slottable: typeof RadixSlot.Slottable = RadixSlot.Slottable\n\nexport type SlotProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Slot = ({ ref, ...props }: SlotProps) => {\n  return <RadixSlot.Root ref={ref} {...props} />\n}\n\n/**\n * When using Radix `Slot` component, it will consider its first child to merge its props with.\n * In some cases, you might need to wrap the top child with additional markup without breaking this behaviour.\n */\nexport const wrapPolymorphicSlot = (\n  asChild: boolean | undefined,\n  children: ReactNode,\n  callback: (children: ReactNode) => ReactNode\n) => {\n  if (!asChild) return callback(children) // If polymorphic behaviour is not used, we keep the original children\n\n  return isValidElement(children)\n    ? cloneElement(\n        children,\n        undefined,\n        callback((children.props as { children: ReactNode }).children)\n      )\n    : null\n}\n","import { HTMLAttributes, PropsWithChildren, Ref } from 'react'\n\nimport { Slot } from '../slot'\n\nexport type VisuallyHiddenProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLElement>\n}\n\nexport const VisuallyHidden = ({ asChild = false, ref, ...props }: VisuallyHiddenProps) => {\n  const Component = asChild ? Slot : 'span'\n\n  return (\n    <Component\n      {...props}\n      ref={ref}\n      style={{\n        // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss\n        position: 'absolute',\n        border: 0,\n        width: 1,\n        height: 1,\n        padding: 0,\n        margin: -1,\n        overflow: 'hidden',\n        clip: 'rect(0, 0, 0, 0)',\n        whiteSpace: 'nowrap',\n        wordWrap: 'normal',\n        ...props.style,\n      }}\n    />\n  )\n}\n\nVisuallyHidden.displayName = 'VisuallyHidden'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const iconStyles = cva(['fill-current shrink-0'], {\n  variants: {\n    /**\n     * Color scheme of the icon.\n     */\n    intent: makeVariants<\n      'intent',\n      [\n        'current',\n        'main',\n        'support',\n        'accent',\n        'basic',\n        'success',\n        'alert',\n        'error',\n        'info',\n        'neutral',\n      ]\n    >({\n      current: ['text-current'],\n      main: ['text-main'],\n      support: ['text-support'],\n      accent: ['text-accent'],\n      basic: ['text-basic'],\n      success: ['text-success'],\n      alert: ['text-alert'],\n      error: ['text-error'],\n      info: ['text-info'],\n      neutral: ['text-neutral'],\n    }),\n    /**\n     * Sets the size of the icon.\n     */\n    size: makeVariants<'size', ['current', 'sm', 'md', 'lg', 'xl']>({\n      current: ['u-current-font-size'],\n      sm: ['w-sz-16', 'h-sz-16'],\n      md: ['w-sz-24', 'h-sz-24'],\n      lg: ['w-sz-32', 'h-sz-32'],\n      xl: ['w-sz-40', 'h-sz-40'],\n    }),\n  },\n})\n\nexport type IconVariantsProps = VariantProps<typeof iconStyles>\n","import { createContext, useContext } from 'react'\n\nexport interface InputGroupContextValue {\n  disabled?: boolean\n  readOnly?: boolean\n  hasLeadingIcon: boolean\n  hasTrailingIcon: boolean\n  hasLeadingAddon: boolean\n  hasTrailingAddon: boolean\n  hasClearButton: boolean\n  state: null | undefined | 'error' | 'alert' | 'success'\n  isStandalone?: boolean\n  onClear: () => void\n}\n\nexport const InputGroupContext = createContext<Partial<InputGroupContextValue> | null>(null)\n\nexport const useInputGroup = () => {\n  const context = useContext(InputGroupContext)\n\n  return context || { isStandalone: true }\n}\n","/* eslint-disable max-lines-per-function */\n\nimport { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { useCombinedState } from '@spark-ui/hooks/use-combined-state'\nimport { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport {\n  ChangeEventHandler,\n  Children,\n  cloneElement,\n  ComponentPropsWithoutRef,\n  DetailedReactHTMLElement,\n  FC,\n  isValidElement,\n  PropsWithChildren,\n  ReactElement,\n  Ref,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\n\nimport { InputProps } from './Input'\nimport { inputGroupStyles, InputGroupStylesProps } from './InputGroup.styles'\nimport { InputGroupContext } from './InputGroupContext'\n\nexport interface InputGroupProps extends ComponentPropsWithoutRef<'div'>, InputGroupStylesProps {\n  /**\n   * Use `state` prop to assign a specific state to the group, choosing from: `error`, `alert` and `success`. By doing so, the outline styles will be updated.\n   */\n  state?: 'error' | 'alert' | 'success'\n  /**\n   * Function handler to be executed after the input has been cleared.\n   */\n  onClear?: () => void\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const InputGroup = ({\n  className,\n  children: childrenProp,\n  state: stateProp,\n  disabled: disabledProp,\n  readOnly: readOnlyProp,\n  onClear,\n  ref: forwardedRef,\n  ...others\n}: PropsWithChildren<InputGroupProps>) => {\n  const getElementId = (element?: ReactElement) => {\n    return element ? (element.type as FC & { id?: string }).id : ''\n  }\n\n  const findElement = (...values: string[]) => {\n    return children.find(child => values.includes(getElementId(child) || ''))\n  }\n\n  const children = Children.toArray(childrenProp).filter(isValidElement)\n  const input = findElement('Input') as\n    | DetailedReactHTMLElement<InputProps, HTMLInputElement>\n    | undefined\n  const props = input?.props || {}\n\n  const inputRef = useRef<HTMLInputElement>(null!)\n  const onClearRef = useRef(onClear)\n  const ref = useMergeRefs<HTMLInputElement>(input?.ref, inputRef)\n  const [value, onChange] = useCombinedState(\n    props.value as string,\n    props.defaultValue as string,\n    props.onValueChange\n  )\n\n  // Data derivated from FormField context\n  const field = useFormFieldControl()\n  const state = field.state ?? stateProp\n  const disabled = field.disabled || !!disabledProp\n  const readOnly = field.readOnly || !!readOnlyProp\n\n  // InputGroup elements (in visual order)\n  const leadingAddon = findElement('LeadingAddon')\n  const leadingIcon = findElement('LeadingIcon')\n  const clearButton = findElement('ClearButton')\n  const trailingIcon = findElement('TrailingIcon')\n  const trailingAddon = findElement('TrailingAddon')\n\n  // Acknowledge which subComponents are used in the compound context\n  const hasLeadingAddon = !!leadingAddon\n  const hasTrailingAddon = !!trailingAddon\n  const hasLeadingIcon = !!leadingIcon\n  const hasTrailingIcon = !!trailingIcon\n  const hasClearButton = !!value && !!clearButton && !disabled && !readOnly\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = event => {\n    if (props.onChange) {\n      props.onChange(event)\n    }\n\n    onChange(event.target.value)\n  }\n\n  const handleClear = useCallback(() => {\n    if (onClearRef.current) {\n      onClearRef.current()\n    }\n\n    onChange('')\n\n    inputRef.current.focus()\n  }, [onChange])\n\n  const current = useMemo(() => {\n    return {\n      state,\n      disabled,\n      readOnly,\n      hasLeadingIcon,\n      hasTrailingIcon,\n      hasLeadingAddon,\n      hasTrailingAddon,\n      hasClearButton,\n      onClear: handleClear,\n    }\n  }, [\n    state,\n    disabled,\n    readOnly,\n    hasLeadingIcon,\n    hasTrailingIcon,\n    hasLeadingAddon,\n    hasTrailingAddon,\n    hasClearButton,\n    handleClear,\n  ])\n\n  useEffect(() => {\n    onClearRef.current = onClear\n  }, [onClear])\n\n  return (\n    <InputGroupContext.Provider value={current}>\n      <div\n        data-spark-component=\"input-group\"\n        ref={forwardedRef}\n        className={inputGroupStyles({ disabled, readOnly, className })}\n        {...others}\n      >\n        {hasLeadingAddon && leadingAddon}\n\n        <div className=\"relative inline-flex w-full\">\n          {input &&\n            cloneElement(input, {\n              ref,\n              defaultValue: undefined,\n              value: value ?? '',\n              onChange: handleChange,\n            })}\n\n          {leadingIcon}\n\n          {hasClearButton && clearButton}\n\n          {trailingIcon}\n        </div>\n\n        {hasTrailingAddon && trailingAddon}\n      </div>\n    </InputGroupContext.Provider>\n  )\n}\n\nInputGroup.displayName = 'InputGroup'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const inputGroupStyles = cva(['relative inline-flex w-full'], {\n  variants: {\n    /**\n     * When `true`, prevents the user from interacting.\n     */\n    disabled: {\n      true: [\n        'cursor-not-allowed',\n        'relative',\n        'after:absolute',\n        'after:top-0',\n        'after:h-full',\n        'after:w-full',\n        'after:border-sm after:border-outline',\n        'after:rounded-lg',\n      ],\n      false: 'after:hidden',\n    },\n    /**\n     * Sets the component as interactive or not.\n     */\n    readOnly: {\n      true: [\n        'relative',\n        'after:absolute',\n        'after:top-0',\n        'after:h-full',\n        'after:w-full',\n        'after:border-sm after:border-outline',\n        'after:rounded-lg',\n      ],\n      false: 'after:hidden',\n    },\n  },\n})\n\nexport type InputGroupStylesProps = VariantProps<typeof inputGroupStyles>\n","import { cx } from 'class-variance-authority'\nimport { Ref } from 'react'\n\nimport { InputAddon, InputAddonProps } from './InputAddon'\nimport { useInputGroup } from './InputGroupContext'\n\nexport type InputLeadingAddonProps = InputAddonProps & {\n  ref?: Ref<HTMLDivElement>\n}\n\nconst Root = ({ className, ref, ...others }: InputLeadingAddonProps) => {\n  const { disabled, readOnly } = useInputGroup()\n  const isInactive = disabled || readOnly\n\n  return (\n    <div className={cx('rounded-l-lg', isInactive ? 'bg-on-surface/dim-5' : null)}>\n      <InputAddon\n        ref={ref}\n        className={cx(className, 'rounded-r-0! mr-[-1px] rounded-l-lg')}\n        {...others}\n      />\n    </div>\n  )\n}\n\nexport const InputLeadingAddon = Object.assign(Root, {\n  id: 'LeadingAddon',\n})\n\nRoot.displayName = 'InputGroup.LeadingAddon'\n","import { Children, type ComponentPropsWithoutRef, type PropsWithChildren, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { inputAddonStyles, type InputAddonStylesProps } from './InputAddon.styles'\nimport { useInputGroup } from './InputGroupContext'\n\nexport interface InputAddonProps\n  extends ComponentPropsWithoutRef<'div'>,\n    Omit<InputAddonStylesProps, 'intent' | 'disabled'> {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const InputAddon = ({\n  asChild: asChildProp,\n  className,\n  children,\n  ref,\n  ...others\n}: PropsWithChildren<InputAddonProps>) => {\n  const { state, disabled, readOnly } = useInputGroup()\n\n  const isRawText = typeof children === 'string'\n  const asChild = !!(isRawText ? false : asChildProp)\n  const child = isRawText ? children : Children.only(children)\n  const Component = asChild && !isRawText ? Slot : 'div'\n\n  const getDesign = (): InputAddonStylesProps['design'] => {\n    if (isRawText) return 'text'\n\n    return asChild ? 'solid' : 'inline'\n  }\n\n  const design = getDesign()\n\n  return (\n    <Component\n      ref={ref}\n      data-spark-component=\"input-addon\"\n      className={inputAddonStyles({\n        className,\n        intent: state,\n        disabled,\n        readOnly,\n        asChild,\n        design,\n      })}\n      {...(disabled && { tabIndex: -1 })}\n      {...others}\n    >\n      {child}\n    </Component>\n  )\n}\n\nInputAddon.displayName = 'InputGroup.Addon'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const inputAddonStyles = cva(\n  [\n    'overflow-hidden',\n    'border-sm',\n    'shrink-0',\n    'h-full',\n    'focus-visible:relative focus-visible:z-raised',\n    'mx-0',\n  ],\n  {\n    variants: {\n      /**\n       * Change the component to the HTML tag or custom component of the only child.\n       */\n      asChild: { false: ['flex', 'items-center', 'px-lg'] },\n      intent: {\n        neutral: 'border-outline',\n        error: 'border-error',\n        alert: 'border-alert',\n        success: 'border-success',\n      },\n      /**\n       * Disable the input addon, preventing user interaction and adding opacity.\n       */\n      disabled: {\n        true: ['pointer-events-none border-outline!'],\n      },\n      /**\n       * Changes input addon styles based on the read only status from the input.\n       */\n      readOnly: {\n        true: ['pointer-events-none'],\n      },\n      /**\n       * Main style of the input addon.\n       */\n      design: {\n        text: '',\n        solid: '',\n        inline: '',\n      },\n    },\n    compoundVariants: [\n      {\n        disabled: false,\n        readOnly: false,\n        design: 'text',\n        class: ['bg-surface', 'text-on-surface'],\n      },\n      {\n        disabled: true,\n        design: 'text',\n        class: ['text-on-surface/dim-3'],\n      },\n      {\n        disabled: true,\n        design: ['solid', 'inline'],\n        class: ['opacity-dim-3'],\n      },\n    ],\n    defaultVariants: {\n      intent: 'neutral',\n    },\n  }\n)\n\nexport type InputAddonStylesProps = VariantProps<typeof inputAddonStyles>\n","import { cx } from 'class-variance-authority'\n\nimport { InputIcon, InputIconProps } from './InputIcon'\n\nexport type InputLeadingIconProps = InputIconProps\n\nexport const InputLeadingIcon = ({ className, ...others }: InputLeadingIconProps) => (\n  <InputIcon className={cx(className, 'left-lg text-body-1')} {...others} />\n)\n\nInputLeadingIcon.id = 'LeadingIcon'\nInputLeadingIcon.displayName = 'InputGroup.LeadingIcon'\n","import { cx } from 'class-variance-authority'\n\nimport { Icon, type IconProps } from '../icon'\nimport { useInputGroup } from './InputGroupContext'\n\nexport type InputIconProps = IconProps\n\nexport const InputIcon = ({ className, intent, children, ...others }: InputIconProps) => {\n  const { disabled, readOnly } = useInputGroup()\n  const isInactive = disabled || readOnly\n\n  return (\n    <Icon\n      data-spark-component=\"input-icon\"\n      intent={intent}\n      className={cx(\n        className,\n        'pointer-events-none absolute top-[calc(var(--spacing-sz-44)/2)] -translate-y-1/2',\n        intent ? undefined : 'text-neutral peer-focus:text-outline-high',\n        isInactive ? 'opacity-dim-3' : undefined\n      )}\n      {...others}\n    >\n      {children}\n    </Icon>\n  )\n}\n\nInputIcon.displayName = 'InputGroup.Icon'\n","import { cx } from 'class-variance-authority'\nimport { Ref } from 'react'\n\nimport { InputAddon, InputAddonProps } from './InputAddon'\nimport { useInputGroup } from './InputGroupContext'\n\nexport type InputTrailingAddonProps = InputAddonProps & {\n  ref?: Ref<HTMLDivElement>\n}\n\nconst Root = ({ className, ref, ...others }: InputTrailingAddonProps) => {\n  const { disabled, readOnly } = useInputGroup()\n  const isInactive = disabled || readOnly\n\n  return (\n    <div className={cx('rounded-r-lg', isInactive ? 'bg-on-surface/dim-5' : null)}>\n      <InputAddon\n        ref={ref}\n        className={cx(className, 'rounded-l-0! ml-[-1px] rounded-r-lg')}\n        {...others}\n      />\n    </div>\n  )\n}\n\nexport const InputTrailingAddon = Object.assign(Root, {\n  id: 'TrailingAddon',\n})\n\nRoot.displayName = 'InputGroup.TrailingAddon'\n","import { cx } from 'class-variance-authority'\n\nimport { InputIcon, InputIconProps } from './InputIcon'\n\nexport type InputTrailingIconProps = InputIconProps\n\nexport const InputTrailingIcon = ({ className, ...others }: InputTrailingIconProps) => (\n  <InputIcon className={cx(className, 'right-lg text-body-1')} {...others} />\n)\n\nInputTrailingIcon.id = 'TrailingIcon'\nInputTrailingIcon.displayName = 'InputGroup.TrailingIcon'\n","import { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { ChangeEventHandler, ComponentPropsWithoutRef, KeyboardEventHandler, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { inputStyles } from './Input.styles'\nimport { useInputGroup } from './InputGroupContext'\n\ntype InputPrimitiveProps = ComponentPropsWithoutRef<'input'>\n\nexport interface InputProps extends InputPrimitiveProps {\n  asChild?: boolean\n  onValueChange?: (value: string) => void\n  ref?: Ref<HTMLInputElement>\n}\n\nconst Root = ({\n  className,\n  asChild = false,\n  onValueChange,\n  onChange,\n  onKeyDown,\n  disabled: disabledProp,\n  readOnly: readOnlyProp,\n  ref,\n  ...others\n}: InputProps) => {\n  const field = useFormFieldControl()\n  const group = useInputGroup()\n\n  const { id, name, isInvalid, isRequired, description } = field\n  const {\n    hasLeadingAddon,\n    hasTrailingAddon,\n    hasLeadingIcon,\n    hasTrailingIcon,\n    hasClearButton,\n    onClear,\n  } = group\n  const Component = asChild ? Slot : 'input'\n  const state = field.state || group.state\n  const disabled = field.disabled || group.disabled || disabledProp\n  const readOnly = field.readOnly || group.readOnly || readOnlyProp\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = event => {\n    if (onChange) {\n      onChange(event)\n    }\n\n    if (onValueChange) {\n      onValueChange(event.target.value)\n    }\n  }\n\n  const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = event => {\n    if (onKeyDown) {\n      onKeyDown(event)\n    }\n\n    if (hasClearButton && onClear && event.key === 'Escape') {\n      onClear()\n    }\n  }\n\n  return (\n    <Component\n      data-spark-component=\"input\"\n      ref={ref}\n      id={id}\n      name={name}\n      className={inputStyles({\n        asChild,\n        className,\n        intent: state,\n        hasLeadingAddon: !!hasLeadingAddon,\n        hasTrailingAddon: !!hasTrailingAddon,\n        hasLeadingIcon: !!hasLeadingIcon,\n        hasTrailingIcon: !!hasTrailingIcon,\n        hasClearButton: !!hasClearButton,\n      })}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={isRequired}\n      aria-describedby={description}\n      aria-invalid={isInvalid}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      {...others}\n    />\n  )\n}\n\nexport const Input = Object.assign(Root, {\n  id: 'Input',\n})\n\nRoot.displayName = 'Input'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const inputStyles = cva(\n  [\n    'relative',\n    'border-sm',\n    'peer',\n    'w-full',\n    'appearance-none outline-hidden',\n    'bg-surface',\n    'text-ellipsis text-body-1 text-on-surface',\n    'caret-neutral',\n    '[&:-webkit-autofill]:[-webkit-text-fill-color:var(--color-on-surface)]',\n    'autofill:shadow-surface autofill:shadow-[inset_0_0_0px_1000px]',\n    'disabled:cursor-not-allowed disabled:border-outline disabled:bg-on-surface/dim-5 disabled:text-on-surface/dim-3',\n    'read-only:cursor-default read-only:pointer-events-none read-only:bg-on-surface/dim-5',\n    'focus:ring-1 focus:ring-inset focus:ring-focus focus:border-focus',\n  ],\n  {\n    variants: {\n      /**\n       * Change the component to the HTML tag or custom component of the only child.\n       */\n      asChild: {\n        true: ['min-h-sz-44'],\n        false: ['h-sz-44'],\n      },\n      /**\n       * Color scheme of the button.\n       */\n      intent: {\n        neutral: ['border-outline', 'default:hover:border-outline-high'],\n        success: ['default:border-success'],\n        alert: ['default:border-alert'],\n        error: ['default:border-error'],\n      },\n      /**\n       * Sets if there is an addon before the input text.\n       */\n      hasLeadingAddon: {\n        true: ['rounded-l-0'],\n        false: ['rounded-l-lg'],\n      },\n      /**\n       * Sets if there is an addon after the input text.\n       */\n      hasTrailingAddon: {\n        true: ['rounded-r-0'],\n        false: ['rounded-r-lg'],\n      },\n      /**\n       * Sets if there is an icon before the input text.\n       */\n      hasLeadingIcon: {\n        true: ['pl-3xl'],\n        false: ['pl-lg'],\n      },\n      /**\n       * Sets if there is an icon after the input text.\n       */\n      hasTrailingIcon: { true: '' },\n      /**\n       * Sets if there is a button to clear the input text.\n       */\n      hasClearButton: { true: '' },\n    },\n    compoundVariants: [\n      {\n        hasTrailingIcon: false,\n        hasClearButton: false,\n        class: 'pr-lg',\n      },\n      {\n        hasTrailingIcon: true,\n        hasClearButton: false,\n        class: 'pr-3xl',\n      },\n      {\n        hasTrailingIcon: false,\n        hasClearButton: true,\n        class: 'pr-3xl',\n      },\n      {\n        hasTrailingIcon: true,\n        hasClearButton: true,\n        class: 'pr-[calc(var(--spacing-3xl)*2)]',\n      },\n    ],\n    defaultVariants: {\n      intent: 'neutral',\n    },\n  }\n)\n\nexport type InputStylesProps = VariantProps<typeof inputStyles>\n","import { InputClearButton } from './InputClearButton'\nimport { InputGroup as Root } from './InputGroup'\nimport { InputLeadingAddon } from './InputLeadingAddon'\nimport { InputLeadingIcon } from './InputLeadingIcon'\nimport { InputTrailingAddon } from './InputTrailingAddon'\nimport { InputTrailingIcon } from './InputTrailingIcon'\n\nexport * from './Input'\n\nexport const InputGroup: typeof Root & {\n  LeadingAddon: typeof InputLeadingAddon\n  TrailingAddon: typeof InputTrailingAddon\n  LeadingIcon: typeof InputLeadingIcon\n  TrailingIcon: typeof InputTrailingIcon\n  ClearButton: typeof InputClearButton\n} = Object.assign(Root, {\n  LeadingAddon: InputLeadingAddon,\n  TrailingAddon: InputTrailingAddon,\n  LeadingIcon: InputLeadingIcon,\n  TrailingIcon: InputTrailingIcon,\n  ClearButton: InputClearButton,\n})\n\nInputGroup.displayName = 'InputGroup'\nInputLeadingAddon.displayName = 'InputGroup.LeadingAddon'\nInputTrailingAddon.displayName = 'InputGroup.TrailingAddon'\nInputLeadingIcon.displayName = 'InputGroup.LeadingIcon'\nInputTrailingIcon.displayName = 'InputGroup.TrailingIcon'\nInputClearButton.displayName = 'InputGroup.ClearButton'\n\nexport { useInputGroup } from './InputGroupContext'\nexport { type InputGroupProps } from './InputGroup'\nexport { type InputLeadingIconProps } from './InputLeadingIcon'\nexport { type InputTrailingIconProps } from './InputTrailingIcon'\nexport { type InputLeadingAddonProps } from './InputLeadingAddon'\nexport { type InputTrailingAddonProps } from './InputTrailingAddon'\nexport { type InputClearButtonProps } from './InputClearButton'\n","import { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { InputGroup } from '../input'\n\nexport interface TextareaClearButtonProps extends ComponentPropsWithoutRef<'button'> {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const TextareaClearButton = (props: TextareaClearButtonProps) => {\n  return (\n    <InputGroup.ClearButton inline data-spark-component=\"textarea-group-trailing-icon\" {...props} />\n  )\n}\n\nTextareaClearButton.id = InputGroup.ClearButton.id\nTextareaClearButton.displayName = 'TextareaGroup.ClearButton'\n","import { InputGroup, InputGroupProps } from '../input'\n\nexport type TextareaGroupProps = Omit<InputGroupProps, 'onClear'>\n\nexport const TextareaGroup = (props: InputGroupProps) => {\n  return <InputGroup {...props} />\n}\n\nTextareaGroup.displayName = 'TextareaGroup'\n","import { InputGroup, InputLeadingIconProps } from '../input'\n\nexport type TextareaLeadingIconProps = InputLeadingIconProps\n\nexport const TextareaLeadingIcon = (props: InputLeadingIconProps) => {\n  return <InputGroup.LeadingIcon data-spark-component=\"textarea-group-leading-icon\" {...props} />\n}\n\nTextareaLeadingIcon.id = InputGroup.LeadingIcon.id\nTextareaLeadingIcon.displayName = 'TextareaGroup.LeadingIcon'\n","import { InputGroup, InputTrailingIconProps } from '../input'\n\nexport type TextareaTrailingIconProps = InputTrailingIconProps\n\nexport const TextareaTrailingIcon = (props: InputTrailingIconProps) => {\n  return <InputGroup.TrailingIcon data-spark-component=\"textarea-group-trailing-icon\" {...props} />\n}\n\nTextareaTrailingIcon.id = InputGroup.TrailingIcon.id\nTextareaTrailingIcon.displayName = 'TextareaGroup.TrailingIcon'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithRef, PropsWithChildren } from 'react'\n\nimport { Input } from '../input'\n\nexport interface TextareaProps extends ComponentPropsWithRef<'textarea'> {\n  /**\n   * If `false`, the textarea won't be resizable.\n   */\n  isResizable?: boolean\n}\n\nconst Root = ({\n  className,\n  disabled,\n  rows = 1,\n  isResizable = true,\n  ref,\n  ...others\n}: PropsWithChildren<TextareaProps>) => {\n  return (\n    <Input\n      className={cx(\n        className,\n        'py-[var(--spacing-sz-10)]',\n        isResizable ? 'resize-y' : 'resize-none'\n      )}\n      data-spark-component=\"textarea\"\n      disabled={disabled}\n      asChild\n    >\n      <textarea ref={ref} rows={rows} {...others} />\n    </Input>\n  )\n}\n\nexport const Textarea = Object.assign(Root, {\n  id: Input.id,\n})\n\nRoot.displayName = 'Textarea'\n"],"mappings":"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","names":["TextareaGroup","import_class_variance_authority","import_react","RadixSlot","import_jsx_runtime","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_class_variance_authority","import_jsx_runtime","import_class_variance_authority","import_react","import_class_variance_authority","import_jsx_runtime","import_jsx_runtime","Root","import_class_variance_authority","import_class_variance_authority","import_jsx_runtime","import_jsx_runtime","import_class_variance_authority","import_jsx_runtime","Root","import_class_variance_authority","import_jsx_runtime","import_form_field","import_class_variance_authority","import_jsx_runtime","Root","InputGroup","import_jsx_runtime","InputGroup","import_jsx_runtime","InputGroup","import_jsx_runtime","InputGroup","import_jsx_runtime","InputGroup","import_class_variance_authority","import_jsx_runtime","Root","TextareaGroup"]}
+{"version":3,"sources":["../../src/textarea/index.ts","../../src/input/InputClearButton.tsx","../../src/icon/Icon.tsx","../../src/slot/Slot.tsx","../../src/visually-hidden/VisuallyHidden.tsx","../../src/icon/Icon.styles.tsx","../../src/input/InputGroupContext.ts","../../src/input/InputGroup.tsx","../../src/input/InputGroup.styles.ts","../../src/input/InputLeadingAddon.tsx","../../src/input/InputAddon.tsx","../../src/input/InputAddon.styles.ts","../../src/input/InputLeadingIcon.tsx","../../src/input/InputIcon.tsx","../../src/input/InputTrailingAddon.tsx","../../src/input/InputTrailingIcon.tsx","../../src/input/Input.tsx","../../src/input/Input.styles.ts","../../src/input/index.ts","../../src/textarea/TextareaClearButton.tsx","../../src/textarea/TextareaGroup.tsx","../../src/textarea/TextareaLeadingIcon.tsx","../../src/textarea/TextareaTrailingIcon.tsx","../../src/textarea/Textarea.tsx"],"sourcesContent":["import { TextareaClearButton } from './TextareaClearButton'\nimport { TextareaGroup as Root } from './TextareaGroup'\nimport { TextareaLeadingIcon } from './TextareaLeadingIcon'\nimport { TextareaTrailingIcon } from './TextareaTrailingIcon'\n\nexport * from './Textarea'\n\nexport const TextareaGroup: typeof Root & {\n  LeadingIcon: typeof TextareaLeadingIcon\n  TrailingIcon: typeof TextareaTrailingIcon\n  ClearButton: typeof TextareaClearButton\n} = Object.assign(Root, {\n  LeadingIcon: TextareaLeadingIcon,\n  TrailingIcon: TextareaTrailingIcon,\n  ClearButton: TextareaClearButton,\n})\n\nTextareaGroup.displayName = 'TextareaGroup'\nTextareaLeadingIcon.displayName = 'TextareaGroup.LeadingIcon'\nTextareaTrailingIcon.displayName = 'TextareaGroup.TrailingIcon'\nTextareaClearButton.displayName = 'TextareaGroup.ClearButton'\n\nexport { type TextareaGroupProps } from './TextareaGroup'\nexport { type TextareaLeadingIconProps } from './TextareaLeadingIcon'\nexport { type TextareaTrailingIconProps } from './TextareaTrailingIcon'\nexport { type TextareaClearButtonProps } from './TextareaClearButton'\n","import { DeleteOutline } from '@spark-ui/icons/DeleteOutline'\nimport { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, MouseEventHandler, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { useInputGroup } from './InputGroupContext'\n\nexport interface InputClearButtonProps extends ComponentPropsWithoutRef<'button'> {\n  'aria-label': string\n  inline?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nconst Root = ({\n  className,\n  tabIndex = -1,\n  onClick,\n  inline = false,\n  ref,\n  ...others\n}: InputClearButtonProps) => {\n  const { onClear, hasTrailingIcon } = useInputGroup()\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = event => {\n    if (onClick) {\n      onClick(event)\n    }\n\n    if (onClear) {\n      onClear()\n    }\n  }\n\n  return (\n    <button\n      ref={ref}\n      data-spark-component=\"input-clear-button\"\n      className={cx(\n        className,\n        'pointer-events-auto absolute',\n        inline ? 'h-sz-44 top-0 -translate-y-0' : 'top-1/2 -translate-y-1/2',\n        'inline-flex h-full items-center justify-center outline-hidden',\n        'text-neutral hover:text-neutral-hovered',\n        hasTrailingIcon ? 'right-3xl px-sz-12' : 'pl-md pr-lg right-0'\n      )}\n      tabIndex={tabIndex}\n      onClick={handleClick}\n      type=\"button\"\n      {...others}\n    >\n      <Icon size=\"sm\">\n        <DeleteOutline />\n      </Icon>\n    </button>\n  )\n}\n\nexport const InputClearButton = Object.assign(Root, {\n  id: 'ClearButton',\n})\n\nRoot.displayName = 'InputGroup.ClearButton'\n","import { Children, cloneElement, ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react'\n\nimport { VisuallyHidden } from '../visually-hidden'\nimport { iconStyles, IconVariantsProps } from './Icon.styles'\n\nexport interface IconProps extends IconVariantsProps, ComponentPropsWithoutRef<'svg'> {\n  /**\n   * The svg icon that will be wrapped\n   */\n  children: ReactNode\n  /**\n   * The accessible label for the icon. This label will be visually hidden but announced to screen\n   * reader users, similar to `alt` text for `img` tags.\n   */\n  label?: string\n}\n\nexport const Icon = ({\n  label,\n  className,\n  size = 'current',\n  intent = 'current',\n  children,\n  ...others\n}: IconProps) => {\n  const child = Children.only(children)\n\n  return (\n    <>\n      {cloneElement(child as ReactElement<Record<string, any>>, {\n        className: iconStyles({ className, size, intent }),\n        'data-spark-component': 'icon',\n        'aria-hidden': 'true',\n        focusable: 'false',\n        ...others,\n      })}\n\n      {label && <VisuallyHidden>{label}</VisuallyHidden>}\n    </>\n  )\n}\n\nIcon.displayName = 'Icon'\n","import { Slot as RadixSlot } from 'radix-ui'\nimport {\n  cloneElement,\n  HTMLAttributes,\n  isValidElement,\n  PropsWithChildren,\n  ReactNode,\n  Ref,\n} from 'react'\n\nexport const Slottable: typeof RadixSlot.Slottable = RadixSlot.Slottable\n\nexport type SlotProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Slot = ({ ref, ...props }: SlotProps) => {\n  return <RadixSlot.Root ref={ref} {...props} />\n}\n\n/**\n * When using Radix `Slot` component, it will consider its first child to merge its props with.\n * In some cases, you might need to wrap the top child with additional markup without breaking this behaviour.\n */\nexport const wrapPolymorphicSlot = (\n  asChild: boolean | undefined,\n  children: ReactNode,\n  callback: (children: ReactNode) => ReactNode\n) => {\n  if (!asChild) return callback(children) // If polymorphic behaviour is not used, we keep the original children\n\n  return isValidElement(children)\n    ? cloneElement(\n        children,\n        undefined,\n        callback((children.props as { children: ReactNode }).children)\n      )\n    : null\n}\n","import { HTMLAttributes, PropsWithChildren, Ref } from 'react'\n\nimport { Slot } from '../slot'\n\nexport type VisuallyHiddenProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLElement>\n}\n\nexport const VisuallyHidden = ({ asChild = false, ref, ...props }: VisuallyHiddenProps) => {\n  const Component = asChild ? Slot : 'span'\n\n  return (\n    <Component\n      {...props}\n      ref={ref}\n      style={{\n        // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss\n        position: 'absolute',\n        border: 0,\n        width: 1,\n        height: 1,\n        padding: 0,\n        margin: -1,\n        overflow: 'hidden',\n        clip: 'rect(0, 0, 0, 0)',\n        whiteSpace: 'nowrap',\n        wordWrap: 'normal',\n        ...props.style,\n      }}\n    />\n  )\n}\n\nVisuallyHidden.displayName = 'VisuallyHidden'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const iconStyles = cva(['fill-current shrink-0'], {\n  variants: {\n    /**\n     * Color scheme of the icon.\n     */\n    intent: makeVariants<\n      'intent',\n      [\n        'current',\n        'main',\n        'support',\n        'accent',\n        'basic',\n        'success',\n        'alert',\n        'error',\n        'info',\n        'neutral',\n      ]\n    >({\n      current: ['text-current'],\n      main: ['text-main'],\n      support: ['text-support'],\n      accent: ['text-accent'],\n      basic: ['text-basic'],\n      success: ['text-success'],\n      alert: ['text-alert'],\n      error: ['text-error'],\n      info: ['text-info'],\n      neutral: ['text-neutral'],\n    }),\n    /**\n     * Sets the size of the icon.\n     */\n    size: makeVariants<'size', ['current', 'sm', 'md', 'lg', 'xl']>({\n      current: ['u-current-font-size'],\n      sm: ['w-sz-16', 'h-sz-16'],\n      md: ['w-sz-24', 'h-sz-24'],\n      lg: ['w-sz-32', 'h-sz-32'],\n      xl: ['w-sz-40', 'h-sz-40'],\n    }),\n  },\n})\n\nexport type IconVariantsProps = VariantProps<typeof iconStyles>\n","import { createContext, useContext } from 'react'\n\nexport interface InputGroupContextValue {\n  disabled?: boolean\n  readOnly?: boolean\n  hasLeadingIcon: boolean\n  hasTrailingIcon: boolean\n  hasLeadingAddon: boolean\n  hasTrailingAddon: boolean\n  hasClearButton: boolean\n  state: null | undefined | 'error' | 'alert' | 'success'\n  isStandalone?: boolean\n  onClear: () => void\n}\n\nexport const InputGroupContext = createContext<Partial<InputGroupContextValue> | null>(null)\n\nexport const useInputGroup = () => {\n  const context = useContext(InputGroupContext)\n\n  return context || { isStandalone: true }\n}\n","/* eslint-disable max-lines-per-function */\n\nimport { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { useCombinedState } from '@spark-ui/hooks/use-combined-state'\nimport { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport {\n  ChangeEventHandler,\n  Children,\n  cloneElement,\n  ComponentPropsWithoutRef,\n  DetailedReactHTMLElement,\n  FC,\n  isValidElement,\n  PropsWithChildren,\n  ReactElement,\n  Ref,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\n\nimport { InputProps } from './Input'\nimport { inputGroupStyles, InputGroupStylesProps } from './InputGroup.styles'\nimport { InputGroupContext } from './InputGroupContext'\n\nexport interface InputGroupProps extends ComponentPropsWithoutRef<'div'>, InputGroupStylesProps {\n  /**\n   * Use `state` prop to assign a specific state to the group, choosing from: `error`, `alert` and `success`. By doing so, the outline styles will be updated.\n   */\n  state?: 'error' | 'alert' | 'success'\n  /**\n   * Function handler to be executed after the input has been cleared.\n   */\n  onClear?: () => void\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const InputGroup = ({\n  className,\n  children: childrenProp,\n  state: stateProp,\n  disabled: disabledProp,\n  readOnly: readOnlyProp,\n  onClear,\n  ref: forwardedRef,\n  ...others\n}: PropsWithChildren<InputGroupProps>) => {\n  const getElementId = (element?: ReactElement) => {\n    return element ? (element.type as FC & { id?: string }).id : ''\n  }\n\n  const findElement = (...values: string[]) => {\n    return children.find(child => values.includes(getElementId(child) || ''))\n  }\n\n  const children = Children.toArray(childrenProp).filter(isValidElement)\n  const input = findElement('Input') as\n    | DetailedReactHTMLElement<InputProps, HTMLInputElement>\n    | undefined\n  const props = input?.props || {}\n\n  const inputRef = useRef<HTMLInputElement>(null!)\n  const onClearRef = useRef(onClear)\n  const ref = useMergeRefs<HTMLInputElement>(input?.ref, inputRef)\n  const [value, onChange] = useCombinedState(\n    props.value as string,\n    props.defaultValue as string,\n    props.onValueChange\n  )\n\n  // Data derivated from FormField context\n  const field = useFormFieldControl()\n  const state = field.state ?? stateProp\n  const disabled = field.disabled || !!disabledProp\n  const readOnly = field.readOnly || !!readOnlyProp\n\n  // InputGroup elements (in visual order)\n  const leadingAddon = findElement('LeadingAddon')\n  const leadingIcon = findElement('LeadingIcon')\n  const clearButton = findElement('ClearButton')\n  const trailingIcon = findElement('TrailingIcon')\n  const trailingAddon = findElement('TrailingAddon')\n\n  // Acknowledge which subComponents are used in the compound context\n  const hasLeadingAddon = !!leadingAddon\n  const hasTrailingAddon = !!trailingAddon\n  const hasLeadingIcon = !!leadingIcon\n  const hasTrailingIcon = !!trailingIcon\n  const hasClearButton = !!value && !!clearButton && !disabled && !readOnly\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = event => {\n    if (props.onChange) {\n      props.onChange(event)\n    }\n\n    onChange(event.target.value)\n  }\n\n  const handleClear = useCallback(() => {\n    if (onClearRef.current) {\n      onClearRef.current()\n    }\n\n    onChange('')\n\n    inputRef.current.focus()\n  }, [onChange])\n\n  const current = useMemo(() => {\n    return {\n      state,\n      disabled,\n      readOnly,\n      hasLeadingIcon,\n      hasTrailingIcon,\n      hasLeadingAddon,\n      hasTrailingAddon,\n      hasClearButton,\n      onClear: handleClear,\n    }\n  }, [\n    state,\n    disabled,\n    readOnly,\n    hasLeadingIcon,\n    hasTrailingIcon,\n    hasLeadingAddon,\n    hasTrailingAddon,\n    hasClearButton,\n    handleClear,\n  ])\n\n  useEffect(() => {\n    onClearRef.current = onClear\n  }, [onClear])\n\n  return (\n    <InputGroupContext.Provider value={current}>\n      <div\n        data-spark-component=\"input-group\"\n        ref={forwardedRef}\n        className={inputGroupStyles({ disabled, readOnly, className })}\n        {...others}\n      >\n        {hasLeadingAddon && leadingAddon}\n\n        <div className=\"relative inline-flex w-full\">\n          {input &&\n            cloneElement(input, {\n              ref,\n              defaultValue: undefined,\n              value: value ?? '',\n              onChange: handleChange,\n            })}\n\n          {leadingIcon}\n\n          {hasClearButton && clearButton}\n\n          {trailingIcon}\n        </div>\n\n        {hasTrailingAddon && trailingAddon}\n      </div>\n    </InputGroupContext.Provider>\n  )\n}\n\nInputGroup.displayName = 'InputGroup'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const inputGroupStyles = cva(['relative inline-flex w-full'], {\n  variants: {\n    /**\n     * When `true`, prevents the user from interacting.\n     */\n    disabled: {\n      true: [\n        'cursor-not-allowed',\n        'relative',\n        'after:absolute',\n        'after:top-0',\n        'after:h-full',\n        'after:w-full',\n        'after:border-sm after:border-outline',\n        'after:rounded-lg',\n      ],\n      false: 'after:hidden',\n    },\n    /**\n     * Sets the component as interactive or not.\n     */\n    readOnly: {\n      true: [\n        'relative',\n        'after:absolute',\n        'after:top-0',\n        'after:h-full',\n        'after:w-full',\n        'after:border-sm after:border-outline',\n        'after:rounded-lg',\n      ],\n      false: 'after:hidden',\n    },\n  },\n})\n\nexport type InputGroupStylesProps = VariantProps<typeof inputGroupStyles>\n","import { cx } from 'class-variance-authority'\nimport { Ref } from 'react'\n\nimport { InputAddon, InputAddonProps } from './InputAddon'\nimport { useInputGroup } from './InputGroupContext'\n\nexport type InputLeadingAddonProps = InputAddonProps & {\n  ref?: Ref<HTMLDivElement>\n}\n\nconst Root = ({ className, ref, ...others }: InputLeadingAddonProps) => {\n  const { disabled, readOnly } = useInputGroup()\n  const isInactive = disabled || readOnly\n\n  return (\n    <div className={cx('rounded-l-lg', isInactive ? 'bg-on-surface/dim-5' : null)}>\n      <InputAddon\n        ref={ref}\n        className={cx(className, 'rounded-r-0! mr-[-1px] rounded-l-lg')}\n        {...others}\n      />\n    </div>\n  )\n}\n\nexport const InputLeadingAddon = Object.assign(Root, {\n  id: 'LeadingAddon',\n})\n\nRoot.displayName = 'InputGroup.LeadingAddon'\n","import { Children, type ComponentPropsWithoutRef, type PropsWithChildren, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { inputAddonStyles, type InputAddonStylesProps } from './InputAddon.styles'\nimport { useInputGroup } from './InputGroupContext'\n\nexport interface InputAddonProps\n  extends ComponentPropsWithoutRef<'div'>,\n    Omit<InputAddonStylesProps, 'intent' | 'disabled'> {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const InputAddon = ({\n  asChild: asChildProp,\n  className,\n  children,\n  ref,\n  ...others\n}: PropsWithChildren<InputAddonProps>) => {\n  const { state, disabled, readOnly } = useInputGroup()\n\n  const isRawText = typeof children === 'string'\n  const asChild = !!(isRawText ? false : asChildProp)\n  const child = isRawText ? children : Children.only(children)\n  const Component = asChild && !isRawText ? Slot : 'div'\n\n  const getDesign = (): InputAddonStylesProps['design'] => {\n    if (isRawText) return 'text'\n\n    return asChild ? 'solid' : 'inline'\n  }\n\n  const design = getDesign()\n\n  return (\n    <Component\n      ref={ref}\n      data-spark-component=\"input-addon\"\n      className={inputAddonStyles({\n        className,\n        intent: state,\n        disabled,\n        readOnly,\n        asChild,\n        design,\n      })}\n      {...(disabled && { tabIndex: -1 })}\n      {...others}\n    >\n      {child}\n    </Component>\n  )\n}\n\nInputAddon.displayName = 'InputGroup.Addon'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const inputAddonStyles = cva(\n  [\n    'overflow-hidden',\n    'border-sm',\n    'shrink-0',\n    'h-full',\n    'focus-visible:relative focus-visible:z-raised',\n    'mx-0',\n  ],\n  {\n    variants: {\n      /**\n       * Change the component to the HTML tag or custom component of the only child.\n       */\n      asChild: { false: ['flex', 'items-center', 'px-lg'] },\n      intent: {\n        neutral: 'border-outline',\n        error: 'border-error',\n        alert: 'border-alert',\n        success: 'border-success',\n      },\n      /**\n       * Disable the input addon, preventing user interaction and adding opacity.\n       */\n      disabled: {\n        true: ['pointer-events-none border-outline!'],\n      },\n      /**\n       * Changes input addon styles based on the read only status from the input.\n       */\n      readOnly: {\n        true: ['pointer-events-none'],\n      },\n      /**\n       * Main style of the input addon.\n       */\n      design: {\n        text: '',\n        solid: '',\n        inline: '',\n      },\n    },\n    compoundVariants: [\n      {\n        disabled: false,\n        readOnly: false,\n        design: 'text',\n        class: ['bg-surface', 'text-on-surface'],\n      },\n      {\n        disabled: true,\n        design: 'text',\n        class: ['text-on-surface/dim-3'],\n      },\n      {\n        disabled: true,\n        design: ['solid', 'inline'],\n        class: ['opacity-dim-3'],\n      },\n    ],\n    defaultVariants: {\n      intent: 'neutral',\n    },\n  }\n)\n\nexport type InputAddonStylesProps = VariantProps<typeof inputAddonStyles>\n","import { cx } from 'class-variance-authority'\n\nimport { InputIcon, InputIconProps } from './InputIcon'\n\nexport type InputLeadingIconProps = InputIconProps\n\nexport const InputLeadingIcon = ({ className, ...others }: InputLeadingIconProps) => (\n  <InputIcon className={cx(className, 'left-lg text-body-1')} {...others} />\n)\n\nInputLeadingIcon.id = 'LeadingIcon'\nInputLeadingIcon.displayName = 'InputGroup.LeadingIcon'\n","import { cx } from 'class-variance-authority'\n\nimport { Icon, type IconProps } from '../icon'\nimport { useInputGroup } from './InputGroupContext'\n\nexport type InputIconProps = IconProps\n\nexport const InputIcon = ({ className, intent, children, ...others }: InputIconProps) => {\n  const { disabled, readOnly } = useInputGroup()\n  const isInactive = disabled || readOnly\n\n  return (\n    <Icon\n      data-spark-component=\"input-icon\"\n      intent={intent}\n      className={cx(\n        className,\n        'pointer-events-none absolute top-[calc(var(--spacing-sz-44)/2)] -translate-y-1/2',\n        intent ? undefined : 'text-neutral peer-focus:text-outline-high',\n        isInactive ? 'opacity-dim-3' : undefined\n      )}\n      {...others}\n    >\n      {children}\n    </Icon>\n  )\n}\n\nInputIcon.displayName = 'InputGroup.Icon'\n","import { cx } from 'class-variance-authority'\nimport { Ref } from 'react'\n\nimport { InputAddon, InputAddonProps } from './InputAddon'\nimport { useInputGroup } from './InputGroupContext'\n\nexport type InputTrailingAddonProps = InputAddonProps & {\n  ref?: Ref<HTMLDivElement>\n}\n\nconst Root = ({ className, ref, ...others }: InputTrailingAddonProps) => {\n  const { disabled, readOnly } = useInputGroup()\n  const isInactive = disabled || readOnly\n\n  return (\n    <div className={cx('rounded-r-lg', isInactive ? 'bg-on-surface/dim-5' : null)}>\n      <InputAddon\n        ref={ref}\n        className={cx(className, 'rounded-l-0! ml-[-1px] rounded-r-lg')}\n        {...others}\n      />\n    </div>\n  )\n}\n\nexport const InputTrailingAddon = Object.assign(Root, {\n  id: 'TrailingAddon',\n})\n\nRoot.displayName = 'InputGroup.TrailingAddon'\n","import { cx } from 'class-variance-authority'\n\nimport { InputIcon, InputIconProps } from './InputIcon'\n\nexport type InputTrailingIconProps = InputIconProps\n\nexport const InputTrailingIcon = ({ className, ...others }: InputTrailingIconProps) => (\n  <InputIcon className={cx(className, 'right-lg text-body-1')} {...others} />\n)\n\nInputTrailingIcon.id = 'TrailingIcon'\nInputTrailingIcon.displayName = 'InputGroup.TrailingIcon'\n","import { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { ChangeEventHandler, ComponentPropsWithoutRef, KeyboardEventHandler, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { inputStyles } from './Input.styles'\nimport { useInputGroup } from './InputGroupContext'\n\ntype InputPrimitiveProps = ComponentPropsWithoutRef<'input'>\n\nexport interface InputProps extends InputPrimitiveProps {\n  asChild?: boolean\n  onValueChange?: (value: string) => void\n  ref?: Ref<HTMLInputElement>\n}\n\nconst Root = ({\n  className,\n  asChild = false,\n  onValueChange,\n  onChange,\n  onKeyDown,\n  disabled: disabledProp,\n  readOnly: readOnlyProp,\n  ref,\n  ...others\n}: InputProps) => {\n  const field = useFormFieldControl()\n  const group = useInputGroup()\n\n  const { id, name, isInvalid, isRequired, description } = field\n  const {\n    hasLeadingAddon,\n    hasTrailingAddon,\n    hasLeadingIcon,\n    hasTrailingIcon,\n    hasClearButton,\n    onClear,\n  } = group\n  const Component = asChild ? Slot : 'input'\n  const state = field.state || group.state\n  const disabled = field.disabled || group.disabled || disabledProp\n  const readOnly = field.readOnly || group.readOnly || readOnlyProp\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = event => {\n    if (onChange) {\n      onChange(event)\n    }\n\n    if (onValueChange) {\n      onValueChange(event.target.value)\n    }\n  }\n\n  const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = event => {\n    if (onKeyDown) {\n      onKeyDown(event)\n    }\n\n    if (hasClearButton && onClear && event.key === 'Escape') {\n      onClear()\n    }\n  }\n\n  return (\n    <Component\n      data-spark-component=\"input\"\n      ref={ref}\n      id={id}\n      name={name}\n      className={inputStyles({\n        asChild,\n        className,\n        intent: state,\n        hasLeadingAddon: !!hasLeadingAddon,\n        hasTrailingAddon: !!hasTrailingAddon,\n        hasLeadingIcon: !!hasLeadingIcon,\n        hasTrailingIcon: !!hasTrailingIcon,\n        hasClearButton: !!hasClearButton,\n      })}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={isRequired}\n      aria-describedby={description}\n      aria-invalid={isInvalid}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      {...others}\n    />\n  )\n}\n\nexport const Input = Object.assign(Root, {\n  id: 'Input',\n})\n\nRoot.displayName = 'Input'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const inputStyles = cva(\n  [\n    'relative',\n    'border-sm',\n    'peer',\n    'w-full',\n    'appearance-none outline-hidden',\n    'bg-surface',\n    'text-ellipsis text-body-1 text-on-surface',\n    'caret-neutral',\n    '[&:-webkit-autofill]:[-webkit-text-fill-color:var(--color-on-surface)]',\n    'autofill:shadow-surface autofill:shadow-[inset_0_0_0px_1000px]',\n    'disabled:cursor-not-allowed disabled:border-outline disabled:bg-on-surface/dim-5 disabled:text-on-surface/dim-3',\n    'read-only:cursor-default read-only:pointer-events-none read-only:bg-on-surface/dim-5',\n    'focus:ring-1 focus:ring-inset focus:ring-focus focus:border-focus',\n  ],\n  {\n    variants: {\n      /**\n       * Change the component to the HTML tag or custom component of the only child.\n       */\n      asChild: {\n        true: ['min-h-sz-44'],\n        false: ['h-sz-44'],\n      },\n      /**\n       * Color scheme of the button.\n       */\n      intent: {\n        neutral: ['border-outline', 'default:hover:border-outline-high'],\n        success: ['default:border-success'],\n        alert: ['default:border-alert'],\n        error: ['default:border-error'],\n      },\n      /**\n       * Sets if there is an addon before the input text.\n       */\n      hasLeadingAddon: {\n        true: ['rounded-l-0'],\n        false: ['rounded-l-lg'],\n      },\n      /**\n       * Sets if there is an addon after the input text.\n       */\n      hasTrailingAddon: {\n        true: ['rounded-r-0'],\n        false: ['rounded-r-lg'],\n      },\n      /**\n       * Sets if there is an icon before the input text.\n       */\n      hasLeadingIcon: {\n        true: ['pl-3xl'],\n        false: ['pl-lg'],\n      },\n      /**\n       * Sets if there is an icon after the input text.\n       */\n      hasTrailingIcon: { true: '' },\n      /**\n       * Sets if there is a button to clear the input text.\n       */\n      hasClearButton: { true: '' },\n    },\n    compoundVariants: [\n      {\n        hasTrailingIcon: false,\n        hasClearButton: false,\n        class: 'pr-lg',\n      },\n      {\n        hasTrailingIcon: true,\n        hasClearButton: false,\n        class: 'pr-3xl',\n      },\n      {\n        hasTrailingIcon: false,\n        hasClearButton: true,\n        class: 'pr-3xl',\n      },\n      {\n        hasTrailingIcon: true,\n        hasClearButton: true,\n        class: 'pr-[calc(var(--spacing-3xl)*2)]',\n      },\n    ],\n    defaultVariants: {\n      intent: 'neutral',\n    },\n  }\n)\n\nexport type InputStylesProps = VariantProps<typeof inputStyles>\n","import { InputClearButton } from './InputClearButton'\nimport { InputGroup as Root } from './InputGroup'\nimport { InputLeadingAddon } from './InputLeadingAddon'\nimport { InputLeadingIcon } from './InputLeadingIcon'\nimport { InputTrailingAddon } from './InputTrailingAddon'\nimport { InputTrailingIcon } from './InputTrailingIcon'\n\nexport * from './Input'\n\nexport const InputGroup: typeof Root & {\n  LeadingAddon: typeof InputLeadingAddon\n  TrailingAddon: typeof InputTrailingAddon\n  LeadingIcon: typeof InputLeadingIcon\n  TrailingIcon: typeof InputTrailingIcon\n  ClearButton: typeof InputClearButton\n} = Object.assign(Root, {\n  LeadingAddon: InputLeadingAddon,\n  TrailingAddon: InputTrailingAddon,\n  LeadingIcon: InputLeadingIcon,\n  TrailingIcon: InputTrailingIcon,\n  ClearButton: InputClearButton,\n})\n\nInputGroup.displayName = 'InputGroup'\nInputLeadingAddon.displayName = 'InputGroup.LeadingAddon'\nInputTrailingAddon.displayName = 'InputGroup.TrailingAddon'\nInputLeadingIcon.displayName = 'InputGroup.LeadingIcon'\nInputTrailingIcon.displayName = 'InputGroup.TrailingIcon'\nInputClearButton.displayName = 'InputGroup.ClearButton'\n\nexport { useInputGroup } from './InputGroupContext'\nexport { type InputGroupProps } from './InputGroup'\nexport { type InputLeadingIconProps } from './InputLeadingIcon'\nexport { type InputTrailingIconProps } from './InputTrailingIcon'\nexport { type InputLeadingAddonProps } from './InputLeadingAddon'\nexport { type InputTrailingAddonProps } from './InputTrailingAddon'\nexport { type InputClearButtonProps } from './InputClearButton'\n","import { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { InputGroup } from '../input'\n\nexport interface TextareaClearButtonProps extends ComponentPropsWithoutRef<'button'> {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const TextareaClearButton = (props: TextareaClearButtonProps) => {\n  return (\n    <InputGroup.ClearButton inline data-spark-component=\"textarea-group-trailing-icon\" {...props} />\n  )\n}\n\nTextareaClearButton.id = InputGroup.ClearButton.id\nTextareaClearButton.displayName = 'TextareaGroup.ClearButton'\n","import { InputGroup, InputGroupProps } from '../input'\n\nexport type TextareaGroupProps = InputGroupProps\n\nexport const TextareaGroup = (props: TextareaGroupProps) => {\n  return <InputGroup {...props} />\n}\n\nTextareaGroup.displayName = 'TextareaGroup'\n","import { InputGroup, InputLeadingIconProps } from '../input'\n\nexport type TextareaLeadingIconProps = InputLeadingIconProps\n\nexport const TextareaLeadingIcon = (props: InputLeadingIconProps) => {\n  return <InputGroup.LeadingIcon data-spark-component=\"textarea-group-leading-icon\" {...props} />\n}\n\nTextareaLeadingIcon.id = InputGroup.LeadingIcon.id\nTextareaLeadingIcon.displayName = 'TextareaGroup.LeadingIcon'\n","import { InputGroup, InputTrailingIconProps } from '../input'\n\nexport type TextareaTrailingIconProps = InputTrailingIconProps\n\nexport const TextareaTrailingIcon = (props: InputTrailingIconProps) => {\n  return <InputGroup.TrailingIcon data-spark-component=\"textarea-group-trailing-icon\" {...props} />\n}\n\nTextareaTrailingIcon.id = InputGroup.TrailingIcon.id\nTextareaTrailingIcon.displayName = 'TextareaGroup.TrailingIcon'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, PropsWithChildren, Ref } from 'react'\n\nimport { Input, InputProps } from '../input'\n\ntype TextareaPrimitiveProps = ComponentPropsWithoutRef<'textarea'>\n\nexport interface TextareaProps extends TextareaPrimitiveProps, Pick<InputProps, 'onValueChange'> {\n  isResizable?: boolean\n  ref?: Ref<HTMLTextAreaElement>\n}\n\nconst Root = ({\n  className,\n  disabled,\n  rows = 1,\n  isResizable = true,\n  ref,\n  ...others\n}: PropsWithChildren<TextareaProps>) => {\n  return (\n    <Input\n      className={cx(\n        className,\n        'py-[var(--spacing-sz-10)]',\n        isResizable ? 'resize-y' : 'resize-none'\n      )}\n      data-spark-component=\"textarea\"\n      disabled={disabled}\n      asChild\n    >\n      <textarea ref={ref} rows={rows} {...others} />\n    </Input>\n  )\n}\n\nexport const Textarea = Object.assign(Root, {\n  id: Input.id,\n})\n\nRoot.displayName = 'Textarea'\n"],"mappings":"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","names":["TextareaGroup","import_class_variance_authority","import_react","RadixSlot","import_jsx_runtime","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_class_variance_authority","import_jsx_runtime","import_class_variance_authority","import_react","import_class_variance_authority","import_jsx_runtime","import_jsx_runtime","Root","import_class_variance_authority","import_class_variance_authority","import_jsx_runtime","import_jsx_runtime","import_class_variance_authority","import_jsx_runtime","Root","import_class_variance_authority","import_jsx_runtime","import_form_field","import_class_variance_authority","import_jsx_runtime","Root","InputGroup","import_jsx_runtime","InputGroup","import_jsx_runtime","InputGroup","import_jsx_runtime","InputGroup","import_jsx_runtime","InputGroup","import_class_variance_authority","import_jsx_runtime","Root","TextareaGroup"]}

package/dist/textarea/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/textarea/TextareaClearButton.tsx","../../src/textarea/TextareaGroup.tsx","../../src/textarea/TextareaLeadingIcon.tsx","../../src/textarea/TextareaTrailingIcon.tsx","../../src/textarea/Textarea.tsx","../../src/textarea/index.ts"],"sourcesContent":["import { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { InputGroup } from '../input'\n\nexport interface TextareaClearButtonProps extends ComponentPropsWithoutRef<'button'> {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const TextareaClearButton = (props: TextareaClearButtonProps) => {\n  return (\n    <InputGroup.ClearButton inline data-spark-component=\"textarea-group-trailing-icon\" {...props} />\n  )\n}\n\nTextareaClearButton.id = InputGroup.ClearButton.id\nTextareaClearButton.displayName = 'TextareaGroup.ClearButton'\n","import { InputGroup, InputGroupProps } from '../input'\n\nexport type TextareaGroupProps = Omit<InputGroupProps, 'onClear'>\n\nexport const TextareaGroup = (props: InputGroupProps) => {\n  return <InputGroup {...props} />\n}\n\nTextareaGroup.displayName = 'TextareaGroup'\n","import { InputGroup, InputLeadingIconProps } from '../input'\n\nexport type TextareaLeadingIconProps = InputLeadingIconProps\n\nexport const TextareaLeadingIcon = (props: InputLeadingIconProps) => {\n  return <InputGroup.LeadingIcon data-spark-component=\"textarea-group-leading-icon\" {...props} />\n}\n\nTextareaLeadingIcon.id = InputGroup.LeadingIcon.id\nTextareaLeadingIcon.displayName = 'TextareaGroup.LeadingIcon'\n","import { InputGroup, InputTrailingIconProps } from '../input'\n\nexport type TextareaTrailingIconProps = InputTrailingIconProps\n\nexport const TextareaTrailingIcon = (props: InputTrailingIconProps) => {\n  return <InputGroup.TrailingIcon data-spark-component=\"textarea-group-trailing-icon\" {...props} />\n}\n\nTextareaTrailingIcon.id = InputGroup.TrailingIcon.id\nTextareaTrailingIcon.displayName = 'TextareaGroup.TrailingIcon'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithRef, PropsWithChildren } from 'react'\n\nimport { Input } from '../input'\n\nexport interface TextareaProps extends ComponentPropsWithRef<'textarea'> {\n  /**\n   * If `false`, the textarea won't be resizable.\n   */\n  isResizable?: boolean\n}\n\nconst Root = ({\n  className,\n  disabled,\n  rows = 1,\n  isResizable = true,\n  ref,\n  ...others\n}: PropsWithChildren<TextareaProps>) => {\n  return (\n    <Input\n      className={cx(\n        className,\n        'py-[var(--spacing-sz-10)]',\n        isResizable ? 'resize-y' : 'resize-none'\n      )}\n      data-spark-component=\"textarea\"\n      disabled={disabled}\n      asChild\n    >\n      <textarea ref={ref} rows={rows} {...others} />\n    </Input>\n  )\n}\n\nexport const Textarea = Object.assign(Root, {\n  id: Input.id,\n})\n\nRoot.displayName = 'Textarea'\n","import { TextareaClearButton } from './TextareaClearButton'\nimport { TextareaGroup as Root } from './TextareaGroup'\nimport { TextareaLeadingIcon } from './TextareaLeadingIcon'\nimport { TextareaTrailingIcon } from './TextareaTrailingIcon'\n\nexport * from './Textarea'\n\nexport const TextareaGroup: typeof Root & {\n  LeadingIcon: typeof TextareaLeadingIcon\n  TrailingIcon: typeof TextareaTrailingIcon\n  ClearButton: typeof TextareaClearButton\n} = Object.assign(Root, {\n  LeadingIcon: TextareaLeadingIcon,\n  TrailingIcon: TextareaTrailingIcon,\n  ClearButton: TextareaClearButton,\n})\n\nTextareaGroup.displayName = 'TextareaGroup'\nTextareaLeadingIcon.displayName = 'TextareaGroup.LeadingIcon'\nTextareaTrailingIcon.displayName = 'TextareaGroup.TrailingIcon'\nTextareaClearButton.displayName = 'TextareaGroup.ClearButton'\n\nexport { type TextareaGroupProps } from './TextareaGroup'\nexport { type TextareaLeadingIconProps } from './TextareaLeadingIcon'\nexport { type TextareaTrailingIconProps } from './TextareaTrailingIcon'\nexport { type TextareaClearButtonProps } from './TextareaClearButton'\n"],"mappings":";;;;;;;;;AAWI;AAFG,IAAM,sBAAsB,CAAC,UAAoC;AACtE,SACE,oBAAC,WAAW,aAAX,EAAuB,QAAM,MAAC,wBAAqB,gCAAgC,GAAG,OAAO;AAElG;AAEA,oBAAoB,KAAK,WAAW,YAAY;AAChD,oBAAoB,cAAc;;;ACXzB,gBAAAA,YAAA;AADF,IAAM,gBAAgB,CAAC,UAA2B;AACvD,SAAO,gBAAAA,KAAC,cAAY,GAAG,OAAO;AAChC;AAEA,cAAc,cAAc;;;ACHnB,gBAAAC,YAAA;AADF,IAAM,sBAAsB,CAAC,UAAiC;AACnE,SAAO,gBAAAA,KAAC,WAAW,aAAX,EAAuB,wBAAqB,+BAA+B,GAAG,OAAO;AAC/F;AAEA,oBAAoB,KAAK,WAAW,YAAY;AAChD,oBAAoB,cAAc;;;ACJzB,gBAAAC,YAAA;AADF,IAAM,uBAAuB,CAAC,UAAkC;AACrE,SAAO,gBAAAA,KAAC,WAAW,cAAX,EAAwB,wBAAqB,gCAAgC,GAAG,OAAO;AACjG;AAEA,qBAAqB,KAAK,WAAW,aAAa;AAClD,qBAAqB,cAAc;;;ACTnC,SAAS,UAAU;AA+Bb,gBAAAC,YAAA;AAnBN,IAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,cAAc;AAAA,EACd;AAAA,EACA,GAAG;AACL,MAAwC;AACtC,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,cAAc,aAAa;AAAA,MAC7B;AAAA,MACA,wBAAqB;AAAA,MACrB;AAAA,MACA,SAAO;AAAA,MAEP,0BAAAA,KAAC,cAAS,KAAU,MAAa,GAAG,QAAQ;AAAA;AAAA,EAC9C;AAEJ;AAEO,IAAM,WAAW,OAAO,OAAO,MAAM;AAAA,EAC1C,IAAI,MAAM;AACZ,CAAC;AAED,KAAK,cAAc;;;ACjCZ,IAAMC,iBAIT,OAAO,OAAO,eAAM;AAAA,EACtB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AACf,CAAC;AAEDA,eAAc,cAAc;AAC5B,oBAAoB,cAAc;AAClC,qBAAqB,cAAc;AACnC,oBAAoB,cAAc;","names":["jsx","jsx","jsx","jsx","TextareaGroup"]}
+{"version":3,"sources":["../../src/textarea/TextareaClearButton.tsx","../../src/textarea/TextareaGroup.tsx","../../src/textarea/TextareaLeadingIcon.tsx","../../src/textarea/TextareaTrailingIcon.tsx","../../src/textarea/Textarea.tsx","../../src/textarea/index.ts"],"sourcesContent":["import { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { InputGroup } from '../input'\n\nexport interface TextareaClearButtonProps extends ComponentPropsWithoutRef<'button'> {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const TextareaClearButton = (props: TextareaClearButtonProps) => {\n  return (\n    <InputGroup.ClearButton inline data-spark-component=\"textarea-group-trailing-icon\" {...props} />\n  )\n}\n\nTextareaClearButton.id = InputGroup.ClearButton.id\nTextareaClearButton.displayName = 'TextareaGroup.ClearButton'\n","import { InputGroup, InputGroupProps } from '../input'\n\nexport type TextareaGroupProps = InputGroupProps\n\nexport const TextareaGroup = (props: TextareaGroupProps) => {\n  return <InputGroup {...props} />\n}\n\nTextareaGroup.displayName = 'TextareaGroup'\n","import { InputGroup, InputLeadingIconProps } from '../input'\n\nexport type TextareaLeadingIconProps = InputLeadingIconProps\n\nexport const TextareaLeadingIcon = (props: InputLeadingIconProps) => {\n  return <InputGroup.LeadingIcon data-spark-component=\"textarea-group-leading-icon\" {...props} />\n}\n\nTextareaLeadingIcon.id = InputGroup.LeadingIcon.id\nTextareaLeadingIcon.displayName = 'TextareaGroup.LeadingIcon'\n","import { InputGroup, InputTrailingIconProps } from '../input'\n\nexport type TextareaTrailingIconProps = InputTrailingIconProps\n\nexport const TextareaTrailingIcon = (props: InputTrailingIconProps) => {\n  return <InputGroup.TrailingIcon data-spark-component=\"textarea-group-trailing-icon\" {...props} />\n}\n\nTextareaTrailingIcon.id = InputGroup.TrailingIcon.id\nTextareaTrailingIcon.displayName = 'TextareaGroup.TrailingIcon'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, PropsWithChildren, Ref } from 'react'\n\nimport { Input, InputProps } from '../input'\n\ntype TextareaPrimitiveProps = ComponentPropsWithoutRef<'textarea'>\n\nexport interface TextareaProps extends TextareaPrimitiveProps, Pick<InputProps, 'onValueChange'> {\n  isResizable?: boolean\n  ref?: Ref<HTMLTextAreaElement>\n}\n\nconst Root = ({\n  className,\n  disabled,\n  rows = 1,\n  isResizable = true,\n  ref,\n  ...others\n}: PropsWithChildren<TextareaProps>) => {\n  return (\n    <Input\n      className={cx(\n        className,\n        'py-[var(--spacing-sz-10)]',\n        isResizable ? 'resize-y' : 'resize-none'\n      )}\n      data-spark-component=\"textarea\"\n      disabled={disabled}\n      asChild\n    >\n      <textarea ref={ref} rows={rows} {...others} />\n    </Input>\n  )\n}\n\nexport const Textarea = Object.assign(Root, {\n  id: Input.id,\n})\n\nRoot.displayName = 'Textarea'\n","import { TextareaClearButton } from './TextareaClearButton'\nimport { TextareaGroup as Root } from './TextareaGroup'\nimport { TextareaLeadingIcon } from './TextareaLeadingIcon'\nimport { TextareaTrailingIcon } from './TextareaTrailingIcon'\n\nexport * from './Textarea'\n\nexport const TextareaGroup: typeof Root & {\n  LeadingIcon: typeof TextareaLeadingIcon\n  TrailingIcon: typeof TextareaTrailingIcon\n  ClearButton: typeof TextareaClearButton\n} = Object.assign(Root, {\n  LeadingIcon: TextareaLeadingIcon,\n  TrailingIcon: TextareaTrailingIcon,\n  ClearButton: TextareaClearButton,\n})\n\nTextareaGroup.displayName = 'TextareaGroup'\nTextareaLeadingIcon.displayName = 'TextareaGroup.LeadingIcon'\nTextareaTrailingIcon.displayName = 'TextareaGroup.TrailingIcon'\nTextareaClearButton.displayName = 'TextareaGroup.ClearButton'\n\nexport { type TextareaGroupProps } from './TextareaGroup'\nexport { type TextareaLeadingIconProps } from './TextareaLeadingIcon'\nexport { type TextareaTrailingIconProps } from './TextareaTrailingIcon'\nexport { type TextareaClearButtonProps } from './TextareaClearButton'\n"],"mappings":";;;;;;;;;AAWI;AAFG,IAAM,sBAAsB,CAAC,UAAoC;AACtE,SACE,oBAAC,WAAW,aAAX,EAAuB,QAAM,MAAC,wBAAqB,gCAAgC,GAAG,OAAO;AAElG;AAEA,oBAAoB,KAAK,WAAW,YAAY;AAChD,oBAAoB,cAAc;;;ACXzB,gBAAAA,YAAA;AADF,IAAM,gBAAgB,CAAC,UAA8B;AAC1D,SAAO,gBAAAA,KAAC,cAAY,GAAG,OAAO;AAChC;AAEA,cAAc,cAAc;;;ACHnB,gBAAAC,YAAA;AADF,IAAM,sBAAsB,CAAC,UAAiC;AACnE,SAAO,gBAAAA,KAAC,WAAW,aAAX,EAAuB,wBAAqB,+BAA+B,GAAG,OAAO;AAC/F;AAEA,oBAAoB,KAAK,WAAW,YAAY;AAChD,oBAAoB,cAAc;;;ACJzB,gBAAAC,YAAA;AADF,IAAM,uBAAuB,CAAC,UAAkC;AACrE,SAAO,gBAAAA,KAAC,WAAW,cAAX,EAAwB,wBAAqB,gCAAgC,GAAG,OAAO;AACjG;AAEA,qBAAqB,KAAK,WAAW,aAAa;AAClD,qBAAqB,cAAc;;;ACTnC,SAAS,UAAU;AA+Bb,gBAAAC,YAAA;AAnBN,IAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,cAAc;AAAA,EACd;AAAA,EACA,GAAG;AACL,MAAwC;AACtC,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,cAAc,aAAa;AAAA,MAC7B;AAAA,MACA,wBAAqB;AAAA,MACrB;AAAA,MACA,SAAO;AAAA,MAEP,0BAAAA,KAAC,cAAS,KAAU,MAAa,GAAG,QAAQ;AAAA;AAAA,EAC9C;AAEJ;AAEO,IAAM,WAAW,OAAO,OAAO,MAAM;AAAA,EAC1C,IAAI,MAAM;AACZ,CAAC;AAED,KAAK,cAAc;;;ACjCZ,IAAMC,iBAIT,OAAO,OAAO,eAAM;AAAA,EACtB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AACf,CAAC;AAEDA,eAAc,cAAc;AAC5B,oBAAoB,cAAc;AAClC,qBAAqB,cAAc;AACnC,oBAAoB,cAAc;","names":["jsx","jsx","jsx","jsx","TextareaGroup"]}