@zentauri-ui/zentauri-components 1.9.1 → 2.0.0

package/dist/chunk-I4TGI6U3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/command/variants.ts","../src/ui/command/command-base.tsx"],"names":[],"mappings":"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","file":"chunk-I4TGI6U3.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiCommandContentAppearances,\n  zuiCommandContentBase,\n  zuiCommandContentSizes,\n  zuiCommandEmptyBase,\n  zuiCommandFooterBase,\n  zuiCommandGroupHeadingBase,\n  zuiCommandInputBase,\n  zuiCommandInputRowBase,\n  zuiCommandItemBase,\n  zuiCommandListBase,\n  zuiCommandOverlayBase,\n  zuiCommandSeparatorBase,\n  zuiCommandTriggerBase,\n} from \"../../design-system/command\";\n\nexport const commandOverlayVariants = cva(zuiCommandOverlayBase);\n\nexport const commandTriggerVariants = cva(zuiCommandTriggerBase);\n\nexport const commandContentVariants = cva(zuiCommandContentBase, {\n  variants: {\n    size: zuiCommandContentSizes,\n    appearance: zuiCommandContentAppearances,\n  },\n  defaultVariants: {\n    size: \"md\",\n    appearance: \"default\",\n  },\n});\n\nexport const commandInputRowVariants = cva(zuiCommandInputRowBase);\nexport const commandInputVariants = cva(zuiCommandInputBase);\nexport const commandListVariants = cva(zuiCommandListBase);\nexport const commandGroupHeadingVariants = cva(zuiCommandGroupHeadingBase);\nexport const commandItemVariants = cva(zuiCommandItemBase);\nexport const commandSeparatorVariants = cva(zuiCommandSeparatorBase);\nexport const commandEmptyVariants = cva(zuiCommandEmptyBase);\nexport const commandFooterVariants = cva(zuiCommandFooterBase);\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../lib/utils\";\nimport { useFocusManagement } from \"../../hooks/useFocusManagement\";\n\nimport type {\n  CommandContentProps,\n  CommandCtx,\n  CommandGroupProps,\n  CommandInputProps,\n  CommandItemProps,\n  CommandListProps,\n  CommandProps,\n  CommandSectionProps,\n  CommandTriggerProps,\n  ItemMeta,\n  RegisteredItem,\n  CommandContentVariantProps,\n  CommandContentLayerProps,\n  CommandContentOverlayRenderProps,\n  CommandContentPanelRenderProps,\n} from \"./types\";\nimport {\n  commandContentVariants,\n  commandEmptyVariants,\n  commandFooterVariants,\n  commandGroupHeadingVariants,\n  commandInputRowVariants,\n  commandInputVariants,\n  commandItemVariants,\n  commandListVariants,\n  commandOverlayVariants,\n  commandSeparatorVariants,\n  commandTriggerVariants,\n} from \"./variants\";\n\nconst CommandContext = createContext<CommandCtx | null>(null);\n\nexport function useCommandContext(component: string): CommandCtx {\n  const ctx = useContext(CommandContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Command>`);\n  }\n  return ctx;\n}\n\nfunction itemMatches(\n  value: string,\n  meta: ItemMeta,\n  normalized: string,\n): boolean {\n  if (!normalized) {\n    return true;\n  }\n  if (value.toLowerCase().includes(normalized)) {\n    return true;\n  }\n  if (meta.searchText?.toLowerCase().includes(normalized)) {\n    return true;\n  }\n  return Boolean(\n    meta.keywords?.some((keyword) =>\n      keyword.toLowerCase().includes(normalized),\n    ),\n  );\n}\n\nfunction isEditableEventTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) {\n    return false;\n  }\n  if (target.isContentEditable) {\n    return true;\n  }\n  return Boolean(\n    target.closest(\"input, textarea, select, [contenteditable=true]\"),\n  );\n}\n\nfunction useCommandPortalTarget(): HTMLElement | null {\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  if (!isMounted) {\n    return null;\n  }\n\n  return document.body;\n}\n\nexport function CommandPortal({ children }: { children: ReactNode }) {\n  const portalTarget = useCommandPortalTarget();\n\n  if (!portalTarget) {\n    return null;\n  }\n\n  return createPortal(children, portalTarget);\n}\n\nexport function CommandPortalFrame({ children }: { children: ReactNode }) {\n  return (\n    <div className=\"fixed inset-0 z-9999\" data-slot=\"command-portal\">\n      {children}\n    </div>\n  );\n}\n\nexport function CommandContentLayer({\n  className,\n  size,\n  appearance,\n  children,\n  ref,\n  id,\n  style,\n  componentName,\n  renderPresence,\n  renderOverlay,\n  renderPanel,\n}: CommandContentLayerProps) {\n  const { open, setOpen, labelId, contentRef, triggerRef } =\n    useCommandContext(componentName);\n\n  useFocusManagement({\n    open,\n    setOpen,\n    contentRef,\n    triggerRef,\n  });\n\n  const overlayProps: CommandContentOverlayRenderProps = {\n    role: \"presentation\",\n    \"data-slot\": \"command-overlay\",\n    className: commandOverlayVariants(),\n    onClick: () => setOpen(false),\n  };\n\n  const panelProps: CommandContentPanelRenderProps = {\n    ref: (node) => {\n      contentRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        (ref as RefObject<HTMLDivElement | null>).current = node;\n      }\n    },\n    role: \"dialog\",\n    \"aria-modal\": true,\n    \"aria-labelledby\": labelId,\n    \"data-slot\": \"command-content\",\n    tabIndex: -1,\n    className: cn(commandContentVariants({ size, appearance }), className),\n    id,\n    style,\n    children,\n  };\n\n  const content = open ? (\n    <CommandPortalFrame>\n      {renderOverlay ? renderOverlay(overlayProps) : <div {...overlayProps} />}\n      {renderPanel ? renderPanel(panelProps) : <div {...panelProps} />}\n    </CommandPortalFrame>\n  ) : null;\n\n  return (\n    <CommandPortal>\n      {renderPresence ? renderPresence(content) : content}\n    </CommandPortal>\n  );\n}\n\nexport function Command({\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  hotkey,\n  label = \"Command menu\",\n  children,\n}: CommandProps) {\n  const isControlled = open !== undefined;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const resolvedOpen = isControlled ? Boolean(open) : uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(next);\n      }\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const labelId = useId();\n  const listId = useId();\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const [query, setQuery] = useState(\"\");\n  const [activeValue, setActiveValue] = useState<string | null>(null);\n  const itemsRef = useRef<RegisteredItem[]>([]);\n  const [registryVersion, setRegistryVersion] = useState(0);\n\n  const registerItem = useCallback((item: RegisteredItem) => {\n    itemsRef.current = [...itemsRef.current, item];\n    setRegistryVersion((version) => version + 1);\n    return () => {\n      itemsRef.current = itemsRef.current.filter((entry) => entry !== item);\n      setRegistryVersion((version) => version + 1);\n    };\n  }, []);\n\n  const invalidateRegistry = useCallback(() => {\n    setRegistryVersion((version) => version + 1);\n  }, []);\n\n  const visibleValues = useMemo(() => {\n    void registryVersion;\n    const normalized = query.trim().toLowerCase();\n    return itemsRef.current\n      .filter((item) => {\n        const meta = item.metaRef.current;\n        if (meta.disabled) {\n          return false;\n        }\n        return itemMatches(item.value, meta, normalized);\n      })\n      .map((item) => item.value);\n  }, [query, registryVersion]);\n\n  const visibleSet = useMemo(() => new Set(visibleValues), [visibleValues]);\n  const isVisible = useCallback(\n    (value: string) => visibleSet.has(value),\n    [visibleSet],\n  );\n\n  const selectValue = useCallback((value: string) => {\n    const entry = itemsRef.current.find((item) => item.value === value);\n    if (!entry || entry.metaRef.current.disabled) {\n      return false;\n    }\n    entry?.metaRef.current.onSelect?.(value);\n    return true;\n  }, []);\n\n  // Reset transient state when the palette closes; keep active in sync with results.\n  useEffect(() => {\n    if (!resolvedOpen) {\n      setQuery(\"\");\n      setActiveValue(null);\n    }\n  }, [resolvedOpen]);\n\n  useEffect(() => {\n    if (!resolvedOpen) {\n      return;\n    }\n    if (activeValue && visibleSet.has(activeValue)) {\n      return;\n    }\n    setActiveValue(visibleValues[0] ?? null);\n  }, [resolvedOpen, activeValue, visibleSet, visibleValues]);\n\n  // Global hotkey: meta/ctrl + key toggles the palette.\n  useEffect(() => {\n    if (!hotkey) {\n      return;\n    }\n    const key = (typeof hotkey === \"string\" ? hotkey : \"k\").toLowerCase();\n    const handler = (event: KeyboardEvent) => {\n      if (isEditableEventTarget(event.target)) {\n        return;\n      }\n      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === key) {\n        event.preventDefault();\n        setOpen(!resolvedOpen);\n      }\n    };\n    window.addEventListener(\"keydown\", handler);\n    return () => window.removeEventListener(\"keydown\", handler);\n  }, [hotkey, resolvedOpen, setOpen]);\n\n  const ctx = useMemo<CommandCtx>(\n    () => ({\n      open: resolvedOpen,\n      setOpen,\n      labelId,\n      listId,\n      query,\n      setQuery,\n      activeValue,\n      setActiveValue,\n      visibleValues,\n      isVisible,\n      registerItem,\n      invalidateRegistry,\n      selectValue,\n      contentRef,\n      triggerRef,\n      inputRef,\n    }),\n    [\n      resolvedOpen,\n      setOpen,\n      labelId,\n      listId,\n      query,\n      activeValue,\n      visibleValues,\n      isVisible,\n      registerItem,\n      invalidateRegistry,\n      selectValue,\n    ],\n  );\n\n  return (\n    <CommandContext.Provider value={ctx}>\n      <span hidden id={labelId}>\n        {label}\n      </span>\n      {children}\n    </CommandContext.Provider>\n  );\n}\n\nCommand.displayName = \"Command\";\n\nexport function CommandTrigger({\n  className,\n  children,\n  onClick,\n  ref: refProp,\n}: CommandTriggerProps) {\n  const { setOpen, triggerRef } = useCommandContext(\"CommandTrigger\");\n  return (\n    <button\n      ref={(node) => {\n        triggerRef.current = node;\n        if (typeof refProp === \"function\") {\n          refProp(node);\n        } else if (refProp) {\n          (refProp as RefObject<HTMLButtonElement | null>).current = node;\n        }\n      }}\n      type=\"button\"\n      data-slot=\"command-trigger\"\n      className={cn(commandTriggerVariants(), className)}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) {\n          setOpen(true);\n        }\n      }}\n    >\n      {children}\n    </button>\n  );\n}\n\nCommandTrigger.displayName = \"CommandTrigger\";\n\nexport function CommandContent({\n  className,\n  size,\n  appearance,\n  children,\n  ref,\n  id,\n  style,\n}: CommandContentProps) {\n  return (\n    <CommandContentLayer\n      appearance={appearance}\n      className={className}\n      componentName=\"CommandContent\"\n      id={id}\n      ref={ref}\n      size={size}\n      style={style}\n    >\n      {children}\n    </CommandContentLayer>\n  );\n}\n\nCommandContent.displayName = \"CommandContent\";\n\nexport function CommandInput({\n  className,\n  placeholder,\n  ref,\n}: CommandInputProps) {\n  const {\n    query,\n    setQuery,\n    visibleValues,\n    activeValue,\n    setActiveValue,\n    selectValue,\n    setOpen,\n    inputRef,\n    listId,\n  } = useCommandContext(\"CommandInput\");\n\n  const moveActive = (direction: 1 | -1) => {\n    if (visibleValues.length === 0) {\n      return;\n    }\n    const currentIndex = activeValue ? visibleValues.indexOf(activeValue) : -1;\n    const nextIndex =\n      currentIndex === -1\n        ? direction === 1\n          ? 0\n          : visibleValues.length - 1\n        : (currentIndex + direction + visibleValues.length) %\n          visibleValues.length;\n    setActiveValue(visibleValues[nextIndex] ?? null);\n  };\n\n  return (\n    <div className={commandInputRowVariants()} data-slot=\"command-input-row\">\n      <svg\n        aria-hidden\n        viewBox=\"0 0 24 24\"\n        className=\"size-4 shrink-0 opacity-60\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      >\n        <circle cx=\"11\" cy=\"11\" r=\"8\" />\n        <path d=\"m21 21-4.3-4.3\" />\n      </svg>\n      <input\n        ref={(node) => {\n          inputRef.current = node;\n          if (typeof ref === \"function\") {\n            ref(node);\n          } else if (ref) {\n            (ref as RefObject<HTMLInputElement | null>).current = node;\n          }\n        }}\n        type=\"text\"\n        autoFocus\n        role=\"combobox\"\n        aria-expanded\n        aria-controls={listId}\n        aria-autocomplete=\"list\"\n        data-slot=\"command-input\"\n        className={cn(commandInputVariants(), className)}\n        placeholder={placeholder}\n        value={query}\n        onChange={(event) => setQuery(event.target.value)}\n        onKeyDown={(event) => {\n          if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            moveActive(1);\n          } else if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            moveActive(-1);\n          } else if (event.key === \"Enter\") {\n            if (activeValue && visibleValues.includes(activeValue)) {\n              event.preventDefault();\n              if (selectValue(activeValue)) {\n                setOpen(false);\n              }\n            }\n          }\n        }}\n      />\n    </div>\n  );\n}\n\nCommandInput.displayName = \"CommandInput\";\n\nexport function CommandList({ className, children }: CommandListProps) {\n  const { listId } = useCommandContext(\"CommandList\");\n\n  return (\n    <div\n      id={listId}\n      role=\"listbox\"\n      aria-label=\"Commands\"\n      data-slot=\"command-list\"\n      className={cn(commandListVariants(), className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nCommandList.displayName = \"CommandList\";\n\nexport function CommandGroup({\n  className,\n  heading,\n  children,\n}: CommandGroupProps) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"command-group\"\n      className={cn(\n        \"[&:not(:has([data-slot=command-item]:not([hidden])))]:hidden\",\n        className,\n      )}\n    >\n      {heading ? (\n        <div className={commandGroupHeadingVariants()} aria-hidden>\n          {heading}\n        </div>\n      ) : null}\n      {children}\n    </div>\n  );\n}\n\nCommandGroup.displayName = \"CommandGroup\";\n\nexport function CommandItem({\n  className,\n  value,\n  keywords,\n  disabled,\n  onSelect,\n  children,\n}: CommandItemProps) {\n  const {\n    registerItem,\n    invalidateRegistry,\n    isVisible,\n    activeValue,\n    setActiveValue,\n    selectValue,\n    setOpen,\n  } = useCommandContext(\"CommandItem\");\n\n  const itemRef = useRef<HTMLDivElement | null>(null);\n  const keywordSignature = keywords?.join(\"\\u0000\") ?? \"\";\n  const metaRef = useRef<ItemMeta>({ keywords, disabled, onSelect });\n  metaRef.current = {\n    keywords,\n    disabled,\n    onSelect,\n    searchText: metaRef.current.searchText,\n  };\n\n  useEffect(() => {\n    const unregister = registerItem({ value, metaRef });\n    return unregister;\n  }, [registerItem, value]);\n\n  useEffect(() => {\n    metaRef.current = {\n      keywords: metaRef.current.keywords,\n      disabled,\n      onSelect: metaRef.current.onSelect,\n      searchText: itemRef.current?.textContent ?? undefined,\n    };\n    invalidateRegistry();\n  }, [children, disabled, invalidateRegistry, keywordSignature]);\n\n  const visible = isVisible(value);\n  const active = activeValue === value;\n\n  return (\n    <div\n      ref={itemRef}\n      role=\"option\"\n      aria-selected={active}\n      aria-disabled={disabled || undefined}\n      data-slot=\"command-item\"\n      data-value={value}\n      data-active={active || undefined}\n      hidden={!visible || undefined}\n      className={cn(commandItemVariants(), className)}\n      onMouseEnter={() => {\n        if (!disabled) {\n          setActiveValue(value);\n        }\n      }}\n      onClick={() => {\n        if (disabled) {\n          return;\n        }\n        if (selectValue(value)) {\n          setOpen(false);\n        }\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n\nCommandItem.displayName = \"CommandItem\";\n\nexport function CommandSeparator({ className }: { className?: string }) {\n  return (\n    <div\n      role=\"separator\"\n      data-slot=\"command-separator\"\n      className={cn(commandSeparatorVariants(), className)}\n    />\n  );\n}\n\nCommandSeparator.displayName = \"CommandSeparator\";\n\nexport function CommandEmpty({ className, children }: CommandSectionProps) {\n  const { visibleValues } = useCommandContext(\"CommandEmpty\");\n  if (visibleValues.length > 0) {\n    return null;\n  }\n  return (\n    <div\n      data-slot=\"command-empty\"\n      className={cn(commandEmptyVariants(), className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nCommandEmpty.displayName = \"CommandEmpty\";\n\nexport function CommandFooter({ className, children }: CommandSectionProps) {\n  return (\n    <div\n      data-slot=\"command-footer\"\n      className={cn(commandFooterVariants(), className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nCommandFooter.displayName = \"CommandFooter\";\n"]}

package/dist/chunk-I55QC57T.js

@@ -0,0 +1,47 @@
+'use strict';
+
+// src/design-system/file-upload.ts
+var zuiFileUploadBase = "relative flex cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border border-dashed px-6 py-10 text-center text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-file-upload-ring-focus,oklch(70.2%_0.183_293.541_/_0.6))] dark:focus-visible:ring-[var(--zui-file-upload-ring-focus-dark,oklch(70.2%_0.183_293.541_/_0.6))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]";
+var zuiFileUploadAppearances = {
+  idle: "border-[color:var(--zui-file-upload-idle-border,#00000026)] dark:border-[color:var(--zui-file-upload-idle-border-dark,#ffffff26)] bg-[var(--zui-file-upload-idle-bg,#0000000d)] dark:bg-[var(--zui-file-upload-idle-bg-dark,#ffffff0d)] text-[color:var(--zui-file-upload-idle-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-file-upload-idle-fg-dark,oklch(86.9%_0.022_252.894))] hover:border-[color:var(--zui-file-upload-idle-border-hover,#00000040)] dark:hover:border-[color:var(--zui-file-upload-idle-border-hover-dark,#ffffff40)] hover:bg-[var(--zui-file-upload-idle-bg-hover,#00000012)] dark:hover:bg-[var(--zui-file-upload-idle-bg-hover-dark,#ffffff12)] dark:bg-[var(--zui-file-upload-idle-bg-dark,#ffffff12)]",
+  active: "border-[color:var(--zui-file-upload-active-border,oklch(70.2%_0.183_293.541_/_0.7))] dark:border-[color:var(--zui-file-upload-active-border-dark,oklch(70.2%_0.183_293.541_/_0.7))] bg-[var(--zui-file-upload-active-bg,oklch(60.6%_0.25_292.717_/_0.1))] dark:bg-[var(--zui-file-upload-active-bg-dark,oklch(60.6%_0.25_292.717_/_0.1))] text-[color:var(--zui-file-upload-active-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-file-upload-active-fg-dark,#ffffff)]",
+  disabled: "cursor-not-allowed opacity-50",
+  error: "border-[color:var(--zui-file-upload-error-border,oklch(70.4%_0.191_22.216_/_0.7))] dark:border-[color:var(--zui-file-upload-error-border-dark,oklch(70.4%_0.191_22.216_/_0.7))] bg-[var(--zui-file-upload-error-bg,oklch(63.7%_0.237_25.331_/_0.1))] dark:bg-[var(--zui-file-upload-error-bg-dark,oklch(63.7%_0.237_25.331_/_0.1))] text-[color:var(--zui-file-upload-error-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-file-upload-error-fg-dark,oklch(70.4%_0.191_22.216))] hover:border-[color:var(--zui-file-upload-error-border-hover,oklch(70.4%_0.191_22.216_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-error-border-hover-dark,oklch(70.4%_0.191_22.216_/_0.8))] hover:bg-[var(--zui-file-upload-error-bg-hover,oklch(63.7%_0.237_25.331_/_0.15))] dark:hover:bg-[var(--zui-file-upload-error-bg-hover-dark,oklch(63.7%_0.237_25.331_/_0.15))]",
+  success: "border-[color:var(--zui-file-upload-success-border,oklch(79.2%_0.209_151.711_/_0.7))] dark:border-[color:var(--zui-file-upload-success-border-dark,oklch(79.2%_0.209_151.711_/_0.7))] bg-[var(--zui-file-upload-success-bg,oklch(72.3%_0.219_149.579_/_0.1))] dark:bg-[var(--zui-file-upload-success-bg-dark,oklch(72.3%_0.219_149.579_/_0.1))] text-[color:var(--zui-file-upload-success-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-file-upload-success-fg-dark,oklch(79.2%_0.209_151.711))] hover:border-[color:var(--zui-file-upload-success-border-hover,oklch(79.2%_0.209_151.711_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-success-border-hover-dark,oklch(79.2%_0.209_151.711_/_0.8))] hover:bg-[var(--zui-file-upload-success-bg-hover,oklch(72.3%_0.219_149.579_/_0.15))] dark:hover:bg-[var(--zui-file-upload-success-bg-hover-dark,oklch(72.3%_0.219_149.579_/_0.15))]",
+  warning: "border-[color:var(--zui-file-upload-warning-border,oklch(85.2%_0.199_91.936_/_0.7))] dark:border-[color:var(--zui-file-upload-warning-border-dark,oklch(85.2%_0.199_91.936_/_0.7))] bg-[var(--zui-file-upload-warning-bg,oklch(79.5%_0.184_86.047_/_0.1))] dark:bg-[var(--zui-file-upload-warning-bg-dark,oklch(79.5%_0.184_86.047_/_0.1))] text-[color:var(--zui-file-upload-warning-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-file-upload-warning-fg-dark,oklch(85.2%_0.199_91.936))] hover:border-[color:var(--zui-file-upload-warning-border-hover,oklch(85.2%_0.199_91.936_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-warning-border-hover-dark,oklch(85.2%_0.199_91.936_/_0.8))] hover:bg-[var(--zui-file-upload-warning-bg-hover,oklch(79.5%_0.184_86.047_/_0.15))] dark:hover:bg-[var(--zui-file-upload-warning-bg-hover-dark,oklch(79.5%_0.184_86.047_/_0.15))]",
+  info: "border-[color:var(--zui-file-upload-info-border,oklch(70.7%_0.165_254.624_/_0.7))] dark:border-[color:var(--zui-file-upload-info-border-dark,oklch(70.7%_0.165_254.624_/_0.7))] bg-[var(--zui-file-upload-info-bg,oklch(62.3%_0.214_259.815_/_0.1))] dark:bg-[var(--zui-file-upload-info-bg-dark,oklch(62.3%_0.214_259.815_/_0.1))] text-[color:var(--zui-file-upload-info-fg,oklch(54.6%_0.245_262.881))] dark:text-[color:var(--zui-file-upload-info-fg-dark,oklch(70.7%_0.165_254.624))] hover:border-[color:var(--zui-file-upload-info-border-hover,oklch(70.7%_0.165_254.624_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-info-border-hover-dark,oklch(70.7%_0.165_254.624_/_0.8))] hover:bg-[var(--zui-file-upload-info-bg-hover,oklch(62.3%_0.214_259.815_/_0.15))] dark:hover:bg-[var(--zui-file-upload-info-bg-hover-dark,oklch(62.3%_0.214_259.815_/_0.15))]",
+  neutral: "border-[color:var(--zui-file-upload-neutral-border,oklch(70.7%_0.022_261.325_/_0.7))] dark:border-[color:var(--zui-file-upload-neutral-border-dark,oklch(70.7%_0.022_261.325_/_0.7))] bg-[var(--zui-file-upload-neutral-bg,oklch(55.1%_0.027_264.364_/_0.1))] dark:bg-[var(--zui-file-upload-neutral-bg-dark,oklch(55.1%_0.027_264.364_/_0.1))] text-[color:var(--zui-file-upload-neutral-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-file-upload-neutral-fg-dark,oklch(70.7%_0.022_261.325))] hover:border-[color:var(--zui-file-upload-neutral-border-hover,oklch(70.7%_0.022_261.325_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-neutral-border-hover-dark,oklch(70.7%_0.022_261.325_/_0.8))] hover:bg-[var(--zui-file-upload-neutral-bg-hover,oklch(55.1%_0.027_264.364_/_0.15))] dark:hover:bg-[var(--zui-file-upload-neutral-bg-hover-dark,oklch(55.1%_0.027_264.364_/_0.15))]",
+  purple: "border-[color:var(--zui-file-upload-purple-border,oklch(71.4%_0.203_305.504_/_0.7))] dark:border-[color:var(--zui-file-upload-purple-border-dark,oklch(71.4%_0.203_305.504_/_0.7))] bg-[var(--zui-file-upload-purple-bg,oklch(62.7%_0.265_303.9_/_0.1))] dark:bg-[var(--zui-file-upload-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.1))] text-[color:var(--zui-file-upload-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-file-upload-purple-fg-dark,oklch(71.4%_0.203_305.504))] hover:border-[color:var(--zui-file-upload-purple-border-hover,oklch(71.4%_0.203_305.504_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-purple-border-hover-dark,oklch(71.4%_0.203_305.504_/_0.8))] hover:bg-[var(--zui-file-upload-purple-bg-hover,oklch(62.7%_0.265_303.9_/_0.15))] dark:hover:bg-[var(--zui-file-upload-purple-bg-hover-dark,oklch(62.7%_0.265_303.9_/_0.15))]",
+  indigo: "border-[color:var(--zui-file-upload-indigo-border,oklch(67.3%_0.182_276.935_/_0.7))] dark:border-[color:var(--zui-file-upload-indigo-border-dark,oklch(67.3%_0.182_276.935_/_0.7))] bg-[var(--zui-file-upload-indigo-bg,oklch(58.5%_0.233_277.117_/_0.1))] dark:bg-[var(--zui-file-upload-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.1))] text-[color:var(--zui-file-upload-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-file-upload-indigo-fg-dark,oklch(67.3%_0.182_276.935))] hover:border-[color:var(--zui-file-upload-indigo-border-hover,oklch(67.3%_0.182_276.935_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-indigo-border-hover-dark,oklch(67.3%_0.182_276.935_/_0.8))] hover:bg-[var(--zui-file-upload-indigo-bg-hover,oklch(58.5%_0.233_277.117_/_0.15))] dark:hover:bg-[var(--zui-file-upload-indigo-bg-hover-dark,oklch(58.5%_0.233_277.117_/_0.15))]",
+  emerald: "border-[color:var(--zui-file-upload-emerald-border,oklch(76.5%_0.177_163.223_/_0.7))] dark:border-[color:var(--zui-file-upload-emerald-border-dark,oklch(76.5%_0.177_163.223_/_0.7))] bg-[var(--zui-file-upload-emerald-bg,oklch(69.6%_0.17_162.48_/_0.1))] dark:bg-[var(--zui-file-upload-emerald-bg-dark,oklch(69.6%_0.17_162.48_/_0.1))] text-[color:var(--zui-file-upload-emerald-fg,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-file-upload-emerald-fg-dark,oklch(76.5%_0.177_163.223))] hover:border-[color:var(--zui-file-upload-emerald-border-hover,oklch(76.5%_0.177_163.223_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-emerald-border-hover-dark,oklch(76.5%_0.177_163.223_/_0.8))] hover:bg-[var(--zui-file-upload-emerald-bg-hover,oklch(69.6%_0.17_162.48_/_0.15))] dark:hover:bg-[var(--zui-file-upload-emerald-bg-hover-dark,oklch(69.6%_0.17_162.48_/_0.15))]",
+  amber: "border-[color:var(--zui-file-upload-amber-border,oklch(82.8%_0.189_84.429_/_0.7))] dark:border-[color:var(--zui-file-upload-amber-border-dark,oklch(82.8%_0.189_84.429_/_0.7))] bg-[var(--zui-file-upload-amber-bg,oklch(76.9%_0.188_70.08_/_0.1))] dark:bg-[var(--zui-file-upload-amber-bg-dark,oklch(76.9%_0.188_70.08_/_0.1))] text-[color:var(--zui-file-upload-amber-fg,oklch(66.6%_0.179_58.318))] dark:text-[color:var(--zui-file-upload-amber-fg-dark,oklch(82.8%_0.189_84.429))] hover:border-[color:var(--zui-file-upload-amber-border-hover,oklch(82.8%_0.189_84.429_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-amber-border-hover-dark,oklch(82.8%_0.189_84.429_/_0.8))] hover:bg-[var(--zui-file-upload-amber-bg-hover,oklch(76.9%_0.188_70.08_/_0.15))] dark:hover:bg-[var(--zui-file-upload-amber-bg-hover-dark,oklch(76.9%_0.188_70.08_/_0.15))]",
+  pink: "border-[color:var(--zui-file-upload-pink-border,oklch(71.8%_0.202_349.761_/_0.7))] dark:border-[color:var(--zui-file-upload-pink-border-dark,oklch(71.8%_0.202_349.761_/_0.7))] bg-[var(--zui-file-upload-pink-bg,oklch(65.6%_0.241_354.308_/_0.1))] dark:bg-[var(--zui-file-upload-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.1))] text-[color:var(--zui-file-upload-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-file-upload-pink-fg-dark,oklch(71.8%_0.202_349.761))] hover:border-[color:var(--zui-file-upload-pink-border-hover,oklch(71.8%_0.202_349.761_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-pink-border-hover-dark,oklch(71.8%_0.202_349.761_/_0.8))] hover:bg-[var(--zui-file-upload-pink-bg-hover,oklch(65.6%_0.241_354.308_/_0.15))] dark:hover:bg-[var(--zui-file-upload-pink-bg-hover-dark,oklch(65.6%_0.241_354.308_/_0.15))]",
+  orange: "border-[color:var(--zui-file-upload-orange-border,oklch(75%_0.183_55.934_/_0.7))] dark:border-[color:var(--zui-file-upload-orange-border-dark,oklch(75%_0.183_55.934_/_0.7))] bg-[var(--zui-file-upload-orange-bg,oklch(70.5%_0.213_47.604_/_0.1))] dark:bg-[var(--zui-file-upload-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.1))] text-[color:var(--zui-file-upload-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-file-upload-orange-fg-dark,oklch(75%_0.183_55.934))] hover:border-[color:var(--zui-file-upload-orange-border-hover,oklch(75%_0.183_55.934_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-orange-border-hover-dark,oklch(75%_0.183_55.934_/_0.8))] hover:bg-[var(--zui-file-upload-orange-bg-hover,oklch(70.5%_0.213_47.604_/_0.15))] dark:hover:bg-[var(--zui-file-upload-orange-bg-hover-dark,oklch(70.5%_0.213_47.604_/_0.15))]",
+  teal: "border-[color:var(--zui-file-upload-teal-border,oklch(77.7%_0.152_181.912_/_0.7))] dark:border-[color:var(--zui-file-upload-teal-border-dark,oklch(77.7%_0.152_181.912_/_0.7))] bg-[var(--zui-file-upload-teal-bg,oklch(70.4%_0.14_182.503_/_0.1))] dark:bg-[var(--zui-file-upload-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.1))] text-[color:var(--zui-file-upload-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-file-upload-teal-fg-dark,oklch(77.7%_0.152_181.912))] hover:border-[color:var(--zui-file-upload-teal-border-hover,oklch(77.7%_0.152_181.912_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-teal-border-hover-dark,oklch(77.7%_0.152_181.912_/_0.8))] hover:bg-[var(--zui-file-upload-teal-bg-hover,oklch(70.4%_0.14_182.503_/_0.15))] dark:hover:bg-[var(--zui-file-upload-teal-bg-hover-dark,oklch(70.4%_0.14_182.503_/_0.15))]",
+  blue: "border border-[color:var(--zui-file-upload-blue-border,#2563eb)] dark:border-[color:var(--zui-file-upload-blue-border-dark,#3b82f6)] bg-[var(--zui-file-upload-blue-bg,#2563eb14)] dark:bg-[var(--zui-file-upload-blue-bg-dark,#3b82f624)] text-[color:var(--zui-file-upload-blue-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-blue-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-blue-bg-hover,#2563eb24)] dark:hover:bg-[var(--zui-file-upload-blue-bg-hover-dark,#3b82f633)]",
+  cyan: "border border-[color:var(--zui-file-upload-cyan-border,#0891b2)] dark:border-[color:var(--zui-file-upload-cyan-border-dark,#22d3ee)] bg-[var(--zui-file-upload-cyan-bg,#0891b214)] dark:bg-[var(--zui-file-upload-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-file-upload-cyan-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-cyan-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-cyan-bg-hover,#0891b224)] dark:hover:bg-[var(--zui-file-upload-cyan-bg-hover-dark,#22d3ee33)]",
+  green: "border border-[color:var(--zui-file-upload-green-border,#16a34a)] dark:border-[color:var(--zui-file-upload-green-border-dark,#22c55e)] bg-[var(--zui-file-upload-green-bg,#16a34a14)] dark:bg-[var(--zui-file-upload-green-bg-dark,#22c55e24)] text-[color:var(--zui-file-upload-green-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-green-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-green-bg-hover,#16a34a24)] dark:hover:bg-[var(--zui-file-upload-green-bg-hover-dark,#22c55e33)]",
+  lime: "border border-[color:var(--zui-file-upload-lime-border,#65a30d)] dark:border-[color:var(--zui-file-upload-lime-border-dark,#a3e635)] bg-[var(--zui-file-upload-lime-bg,#65a30d14)] dark:bg-[var(--zui-file-upload-lime-bg-dark,#a3e63524)] text-[color:var(--zui-file-upload-lime-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-lime-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-lime-bg-hover,#65a30d24)] dark:hover:bg-[var(--zui-file-upload-lime-bg-hover-dark,#a3e63533)]",
+  mint: "border border-[color:var(--zui-file-upload-mint-border,#10b981)] dark:border-[color:var(--zui-file-upload-mint-border-dark,#6ee7b7)] bg-[var(--zui-file-upload-mint-bg,#10b98114)] dark:bg-[var(--zui-file-upload-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-file-upload-mint-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-mint-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-mint-bg-hover,#10b98124)] dark:hover:bg-[var(--zui-file-upload-mint-bg-hover-dark,#6ee7b733)]",
+  ocean: "border border-[color:var(--zui-file-upload-ocean-border,#0284c7)] dark:border-[color:var(--zui-file-upload-ocean-border-dark,#38bdf8)] bg-[var(--zui-file-upload-ocean-bg,#0284c714)] dark:bg-[var(--zui-file-upload-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-file-upload-ocean-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-ocean-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-ocean-bg-hover,#0284c724)] dark:hover:bg-[var(--zui-file-upload-ocean-bg-hover-dark,#38bdf833)]",
+  sapphire: "border border-[color:var(--zui-file-upload-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-file-upload-sapphire-border-dark,#60a5fa)] bg-[var(--zui-file-upload-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-file-upload-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-file-upload-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-sapphire-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-sapphire-bg-hover,#1d4ed824)] dark:hover:bg-[var(--zui-file-upload-sapphire-bg-hover-dark,#60a5fa33)]",
+  lavender: "border border-[color:var(--zui-file-upload-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-file-upload-lavender-border-dark,#a78bfa)] bg-[var(--zui-file-upload-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-file-upload-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-file-upload-lavender-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-lavender-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-lavender-bg-hover,#8b5cf624)] dark:hover:bg-[var(--zui-file-upload-lavender-bg-hover-dark,#a78bfa33)]",
+  ruby: "border border-[color:var(--zui-file-upload-ruby-border,#be123c)] dark:border-[color:var(--zui-file-upload-ruby-border-dark,#fb7185)] bg-[var(--zui-file-upload-ruby-bg,#be123c14)] dark:bg-[var(--zui-file-upload-ruby-bg-dark,#fb718524)] text-[color:var(--zui-file-upload-ruby-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-ruby-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-ruby-bg-hover,#be123c24)] dark:hover:bg-[var(--zui-file-upload-ruby-bg-hover-dark,#fb718533)]",
+  red: "border border-[color:var(--zui-file-upload-red-border,#dc2626)] dark:border-[color:var(--zui-file-upload-red-border-dark,#ef4444)] bg-[var(--zui-file-upload-red-bg,#dc262614)] dark:bg-[var(--zui-file-upload-red-bg-dark,#ef444424)] text-[color:var(--zui-file-upload-red-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-red-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-red-bg-hover,#dc262624)] dark:hover:bg-[var(--zui-file-upload-red-bg-hover-dark,#ef444433)]",
+  slate: "border border-[color:var(--zui-file-upload-slate-border,#475569)] dark:border-[color:var(--zui-file-upload-slate-border-dark,#64748b)] bg-[var(--zui-file-upload-slate-bg,#47556914)] dark:bg-[var(--zui-file-upload-slate-bg-dark,#64748b24)] text-[color:var(--zui-file-upload-slate-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-slate-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-slate-bg-hover,#47556924)] dark:hover:bg-[var(--zui-file-upload-slate-bg-hover-dark,#64748b33)]",
+  zinc: "border border-[color:var(--zui-file-upload-zinc-border,#52525b)] dark:border-[color:var(--zui-file-upload-zinc-border-dark,#71717a)] bg-[var(--zui-file-upload-zinc-bg,#52525b14)] dark:bg-[var(--zui-file-upload-zinc-bg-dark,#71717a24)] text-[color:var(--zui-file-upload-zinc-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-zinc-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-zinc-bg-hover,#52525b24)] dark:hover:bg-[var(--zui-file-upload-zinc-bg-hover-dark,#71717a33)]",
+  stone: "border border-[color:var(--zui-file-upload-stone-border,#57534e)] dark:border-[color:var(--zui-file-upload-stone-border-dark,#78716c)] bg-[var(--zui-file-upload-stone-bg,#57534e14)] dark:bg-[var(--zui-file-upload-stone-bg-dark,#78716c24)] text-[color:var(--zui-file-upload-stone-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-stone-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-stone-bg-hover,#57534e24)] dark:hover:bg-[var(--zui-file-upload-stone-bg-hover-dark,#78716c33)]",
+  royal: "border border-[color:var(--zui-file-upload-royal-border,#4338ca)] dark:border-[color:var(--zui-file-upload-royal-border-dark,#818cf8)] bg-[var(--zui-file-upload-royal-bg,#4338ca14)] dark:bg-[var(--zui-file-upload-royal-bg-dark,#818cf824)] text-[color:var(--zui-file-upload-royal-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-royal-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-royal-bg-hover,#4338ca24)] dark:hover:bg-[var(--zui-file-upload-royal-bg-hover-dark,#818cf833)]",
+  electric: "border border-[color:var(--zui-file-upload-electric-border,#0ea5e9)] dark:border-[color:var(--zui-file-upload-electric-border-dark,#38bdf8)] bg-[var(--zui-file-upload-electric-bg,#0ea5e914)] dark:bg-[var(--zui-file-upload-electric-bg-dark,#38bdf824)] text-[color:var(--zui-file-upload-electric-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-electric-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-electric-bg-hover,#0ea5e924)] dark:hover:bg-[var(--zui-file-upload-electric-bg-hover-dark,#38bdf833)]",
+  forest: "border border-[color:var(--zui-file-upload-forest-border,#166534)] dark:border-[color:var(--zui-file-upload-forest-border-dark,#4ade80)] bg-[var(--zui-file-upload-forest-bg,#16653414)] dark:bg-[var(--zui-file-upload-forest-bg-dark,#4ade8024)] text-[color:var(--zui-file-upload-forest-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-forest-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-forest-bg-hover,#16653424)] dark:hover:bg-[var(--zui-file-upload-forest-bg-hover-dark,#4ade8033)]",
+  sunset: "border border-[color:var(--zui-file-upload-sunset-border,#ea580c)] dark:border-[color:var(--zui-file-upload-sunset-border-dark,#fb923c)] bg-[var(--zui-file-upload-sunset-bg,#ea580c14)] dark:bg-[var(--zui-file-upload-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-file-upload-sunset-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-sunset-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-sunset-bg-hover,#ea580c24)] dark:hover:bg-[var(--zui-file-upload-sunset-bg-hover-dark,#fb923c33)]",
+  magenta: "border border-[color:var(--zui-file-upload-magenta-border,#c026d3)] dark:border-[color:var(--zui-file-upload-magenta-border-dark,#e879f9)] bg-[var(--zui-file-upload-magenta-bg,#c026d314)] dark:bg-[var(--zui-file-upload-magenta-bg-dark,#e879f924)] text-[color:var(--zui-file-upload-magenta-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-magenta-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-magenta-bg-hover,#c026d324)] dark:hover:bg-[var(--zui-file-upload-magenta-bg-hover-dark,#e879f933)]",
+  crimson: "border border-[color:var(--zui-file-upload-crimson-border,#b91c1c)] dark:border-[color:var(--zui-file-upload-crimson-border-dark,#f87171)] bg-[var(--zui-file-upload-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-file-upload-crimson-bg-dark,#f8717124)] text-[color:var(--zui-file-upload-crimson-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-crimson-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-crimson-bg-hover,#b91c1c24)] dark:hover:bg-[var(--zui-file-upload-crimson-bg-hover-dark,#f8717133)]",
+  aqua: "border border-[color:var(--zui-file-upload-aqua-border,#0f766e)] dark:border-[color:var(--zui-file-upload-aqua-border-dark,#2dd4bf)] bg-[var(--zui-file-upload-aqua-bg,#0f766e14)] dark:bg-[var(--zui-file-upload-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-file-upload-aqua-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-aqua-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-aqua-bg-hover,#0f766e24)] dark:hover:bg-[var(--zui-file-upload-aqua-bg-hover-dark,#2dd4bf33)]",
+  plum: "border border-[color:var(--zui-file-upload-plum-border,#7e22ce)] dark:border-[color:var(--zui-file-upload-plum-border-dark,#c084fc)] bg-[var(--zui-file-upload-plum-bg,#7e22ce14)] dark:bg-[var(--zui-file-upload-plum-bg-dark,#c084fc24)] text-[color:var(--zui-file-upload-plum-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-plum-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-plum-bg-hover,#7e22ce24)] dark:hover:bg-[var(--zui-file-upload-plum-bg-hover-dark,#c084fc33)]"
+};
+
+exports.zuiFileUploadAppearances = zuiFileUploadAppearances;
+exports.zuiFileUploadBase = zuiFileUploadBase;
+//# sourceMappingURL=chunk-I55QC57T.js.map
+//# sourceMappingURL=chunk-I55QC57T.js.map

package/dist/chunk-I55QC57T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/file-upload.ts"],"names":[],"mappings":";;;AAAO,IAAM,iBAAA,GACX;AAEK,IAAM,wBAAA,GAA2B;AAAA,EACtC,IAAA,EAAM,itBAAA;AAAA,EACN,MAAA,EACE,odAAA;AAAA,EACF,QAAA,EAAU,+BAAA;AAAA,EACV,KAAA,EACE,m1BAAA;AAAA,EACF,OAAA,EACE,i3BAAA;AAAA,EACF,OAAA,EACE,u2BAAA;AAAA,EACF,IAAA,EAAM,m1BAAA;AAAA,EACN,OAAA,EACE,g3BAAA;AAAA,EACF,MAAA,EACE,+1BAAA;AAAA,EACF,MAAA,EACE,u2BAAA;AAAA,EACF,OAAA,EACE,y2BAAA;AAAA,EACF,KAAA,EACE,+0BAAA;AAAA,EACF,IAAA,EAAM,i1BAAA;AAAA,EACN,MAAA,EACE,m1BAAA;AAAA,EACF,IAAA,EAAM,60BAAA;AAAA,EACN,IAAA,EAAM,4dAAA;AAAA,EACN,IAAA,EAAM,4dAAA;AAAA,EACN,KAAA,EACE,oeAAA;AAAA,EACF,IAAA,EAAM,4dAAA;AAAA,EACN,IAAA,EAAM,4dAAA;AAAA,EACN,KAAA,EACE,oeAAA;AAAA,EACF,QAAA,EACE,4fAAA;AAAA,EACF,QAAA,EACE,4fAAA;AAAA,EACF,IAAA,EAAM,4dAAA;AAAA,EACN,GAAA,EAAK,odAAA;AAAA,EACL,KAAA,EACE,oeAAA;AAAA,EACF,IAAA,EAAM,4dAAA;AAAA,EACN,KAAA,EACE,oeAAA;AAAA,EACF,KAAA,EACE,oeAAA;AAAA,EACF,QAAA,EACE,4fAAA;AAAA,EACF,MAAA,EACE,4eAAA;AAAA,EACF,MAAA,EACE,4eAAA;AAAA,EACF,OAAA,EACE,ofAAA;AAAA,EACF,OAAA,EACE,ofAAA;AAAA,EACF,IAAA,EAAM,4dAAA;AAAA,EACN,IAAA,EAAM;AACR","file":"chunk-I55QC57T.js","sourcesContent":["export const zuiFileUploadBase =\n  \"relative flex cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border border-dashed px-6 py-10 text-center text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-file-upload-ring-focus,oklch(70.2%_0.183_293.541_/_0.6))] dark:focus-visible:ring-[var(--zui-file-upload-ring-focus-dark,oklch(70.2%_0.183_293.541_/_0.6))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiFileUploadAppearances = {\n  idle: \"border-[color:var(--zui-file-upload-idle-border,#00000026)] dark:border-[color:var(--zui-file-upload-idle-border-dark,#ffffff26)] bg-[var(--zui-file-upload-idle-bg,#0000000d)] dark:bg-[var(--zui-file-upload-idle-bg-dark,#ffffff0d)] text-[color:var(--zui-file-upload-idle-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-file-upload-idle-fg-dark,oklch(86.9%_0.022_252.894))] hover:border-[color:var(--zui-file-upload-idle-border-hover,#00000040)] dark:hover:border-[color:var(--zui-file-upload-idle-border-hover-dark,#ffffff40)] hover:bg-[var(--zui-file-upload-idle-bg-hover,#00000012)] dark:hover:bg-[var(--zui-file-upload-idle-bg-hover-dark,#ffffff12)] dark:bg-[var(--zui-file-upload-idle-bg-dark,#ffffff12)]\",\n  active:\n    \"border-[color:var(--zui-file-upload-active-border,oklch(70.2%_0.183_293.541_/_0.7))] dark:border-[color:var(--zui-file-upload-active-border-dark,oklch(70.2%_0.183_293.541_/_0.7))] bg-[var(--zui-file-upload-active-bg,oklch(60.6%_0.25_292.717_/_0.1))] dark:bg-[var(--zui-file-upload-active-bg-dark,oklch(60.6%_0.25_292.717_/_0.1))] text-[color:var(--zui-file-upload-active-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-file-upload-active-fg-dark,#ffffff)]\",\n  disabled: \"cursor-not-allowed opacity-50\",\n  error:\n    \"border-[color:var(--zui-file-upload-error-border,oklch(70.4%_0.191_22.216_/_0.7))] dark:border-[color:var(--zui-file-upload-error-border-dark,oklch(70.4%_0.191_22.216_/_0.7))] bg-[var(--zui-file-upload-error-bg,oklch(63.7%_0.237_25.331_/_0.1))] dark:bg-[var(--zui-file-upload-error-bg-dark,oklch(63.7%_0.237_25.331_/_0.1))] text-[color:var(--zui-file-upload-error-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-file-upload-error-fg-dark,oklch(70.4%_0.191_22.216))] hover:border-[color:var(--zui-file-upload-error-border-hover,oklch(70.4%_0.191_22.216_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-error-border-hover-dark,oklch(70.4%_0.191_22.216_/_0.8))] hover:bg-[var(--zui-file-upload-error-bg-hover,oklch(63.7%_0.237_25.331_/_0.15))] dark:hover:bg-[var(--zui-file-upload-error-bg-hover-dark,oklch(63.7%_0.237_25.331_/_0.15))]\",\n  success:\n    \"border-[color:var(--zui-file-upload-success-border,oklch(79.2%_0.209_151.711_/_0.7))] dark:border-[color:var(--zui-file-upload-success-border-dark,oklch(79.2%_0.209_151.711_/_0.7))] bg-[var(--zui-file-upload-success-bg,oklch(72.3%_0.219_149.579_/_0.1))] dark:bg-[var(--zui-file-upload-success-bg-dark,oklch(72.3%_0.219_149.579_/_0.1))] text-[color:var(--zui-file-upload-success-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-file-upload-success-fg-dark,oklch(79.2%_0.209_151.711))] hover:border-[color:var(--zui-file-upload-success-border-hover,oklch(79.2%_0.209_151.711_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-success-border-hover-dark,oklch(79.2%_0.209_151.711_/_0.8))] hover:bg-[var(--zui-file-upload-success-bg-hover,oklch(72.3%_0.219_149.579_/_0.15))] dark:hover:bg-[var(--zui-file-upload-success-bg-hover-dark,oklch(72.3%_0.219_149.579_/_0.15))]\",\n  warning:\n    \"border-[color:var(--zui-file-upload-warning-border,oklch(85.2%_0.199_91.936_/_0.7))] dark:border-[color:var(--zui-file-upload-warning-border-dark,oklch(85.2%_0.199_91.936_/_0.7))] bg-[var(--zui-file-upload-warning-bg,oklch(79.5%_0.184_86.047_/_0.1))] dark:bg-[var(--zui-file-upload-warning-bg-dark,oklch(79.5%_0.184_86.047_/_0.1))] text-[color:var(--zui-file-upload-warning-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-file-upload-warning-fg-dark,oklch(85.2%_0.199_91.936))] hover:border-[color:var(--zui-file-upload-warning-border-hover,oklch(85.2%_0.199_91.936_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-warning-border-hover-dark,oklch(85.2%_0.199_91.936_/_0.8))] hover:bg-[var(--zui-file-upload-warning-bg-hover,oklch(79.5%_0.184_86.047_/_0.15))] dark:hover:bg-[var(--zui-file-upload-warning-bg-hover-dark,oklch(79.5%_0.184_86.047_/_0.15))]\",\n  info: \"border-[color:var(--zui-file-upload-info-border,oklch(70.7%_0.165_254.624_/_0.7))] dark:border-[color:var(--zui-file-upload-info-border-dark,oklch(70.7%_0.165_254.624_/_0.7))] bg-[var(--zui-file-upload-info-bg,oklch(62.3%_0.214_259.815_/_0.1))] dark:bg-[var(--zui-file-upload-info-bg-dark,oklch(62.3%_0.214_259.815_/_0.1))] text-[color:var(--zui-file-upload-info-fg,oklch(54.6%_0.245_262.881))] dark:text-[color:var(--zui-file-upload-info-fg-dark,oklch(70.7%_0.165_254.624))] hover:border-[color:var(--zui-file-upload-info-border-hover,oklch(70.7%_0.165_254.624_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-info-border-hover-dark,oklch(70.7%_0.165_254.624_/_0.8))] hover:bg-[var(--zui-file-upload-info-bg-hover,oklch(62.3%_0.214_259.815_/_0.15))] dark:hover:bg-[var(--zui-file-upload-info-bg-hover-dark,oklch(62.3%_0.214_259.815_/_0.15))]\",\n  neutral:\n    \"border-[color:var(--zui-file-upload-neutral-border,oklch(70.7%_0.022_261.325_/_0.7))] dark:border-[color:var(--zui-file-upload-neutral-border-dark,oklch(70.7%_0.022_261.325_/_0.7))] bg-[var(--zui-file-upload-neutral-bg,oklch(55.1%_0.027_264.364_/_0.1))] dark:bg-[var(--zui-file-upload-neutral-bg-dark,oklch(55.1%_0.027_264.364_/_0.1))] text-[color:var(--zui-file-upload-neutral-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-file-upload-neutral-fg-dark,oklch(70.7%_0.022_261.325))] hover:border-[color:var(--zui-file-upload-neutral-border-hover,oklch(70.7%_0.022_261.325_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-neutral-border-hover-dark,oklch(70.7%_0.022_261.325_/_0.8))] hover:bg-[var(--zui-file-upload-neutral-bg-hover,oklch(55.1%_0.027_264.364_/_0.15))] dark:hover:bg-[var(--zui-file-upload-neutral-bg-hover-dark,oklch(55.1%_0.027_264.364_/_0.15))]\",\n  purple:\n    \"border-[color:var(--zui-file-upload-purple-border,oklch(71.4%_0.203_305.504_/_0.7))] dark:border-[color:var(--zui-file-upload-purple-border-dark,oklch(71.4%_0.203_305.504_/_0.7))] bg-[var(--zui-file-upload-purple-bg,oklch(62.7%_0.265_303.9_/_0.1))] dark:bg-[var(--zui-file-upload-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.1))] text-[color:var(--zui-file-upload-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-file-upload-purple-fg-dark,oklch(71.4%_0.203_305.504))] hover:border-[color:var(--zui-file-upload-purple-border-hover,oklch(71.4%_0.203_305.504_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-purple-border-hover-dark,oklch(71.4%_0.203_305.504_/_0.8))] hover:bg-[var(--zui-file-upload-purple-bg-hover,oklch(62.7%_0.265_303.9_/_0.15))] dark:hover:bg-[var(--zui-file-upload-purple-bg-hover-dark,oklch(62.7%_0.265_303.9_/_0.15))]\",\n  indigo:\n    \"border-[color:var(--zui-file-upload-indigo-border,oklch(67.3%_0.182_276.935_/_0.7))] dark:border-[color:var(--zui-file-upload-indigo-border-dark,oklch(67.3%_0.182_276.935_/_0.7))] bg-[var(--zui-file-upload-indigo-bg,oklch(58.5%_0.233_277.117_/_0.1))] dark:bg-[var(--zui-file-upload-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.1))] text-[color:var(--zui-file-upload-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-file-upload-indigo-fg-dark,oklch(67.3%_0.182_276.935))] hover:border-[color:var(--zui-file-upload-indigo-border-hover,oklch(67.3%_0.182_276.935_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-indigo-border-hover-dark,oklch(67.3%_0.182_276.935_/_0.8))] hover:bg-[var(--zui-file-upload-indigo-bg-hover,oklch(58.5%_0.233_277.117_/_0.15))] dark:hover:bg-[var(--zui-file-upload-indigo-bg-hover-dark,oklch(58.5%_0.233_277.117_/_0.15))]\",\n  emerald:\n    \"border-[color:var(--zui-file-upload-emerald-border,oklch(76.5%_0.177_163.223_/_0.7))] dark:border-[color:var(--zui-file-upload-emerald-border-dark,oklch(76.5%_0.177_163.223_/_0.7))] bg-[var(--zui-file-upload-emerald-bg,oklch(69.6%_0.17_162.48_/_0.1))] dark:bg-[var(--zui-file-upload-emerald-bg-dark,oklch(69.6%_0.17_162.48_/_0.1))] text-[color:var(--zui-file-upload-emerald-fg,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-file-upload-emerald-fg-dark,oklch(76.5%_0.177_163.223))] hover:border-[color:var(--zui-file-upload-emerald-border-hover,oklch(76.5%_0.177_163.223_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-emerald-border-hover-dark,oklch(76.5%_0.177_163.223_/_0.8))] hover:bg-[var(--zui-file-upload-emerald-bg-hover,oklch(69.6%_0.17_162.48_/_0.15))] dark:hover:bg-[var(--zui-file-upload-emerald-bg-hover-dark,oklch(69.6%_0.17_162.48_/_0.15))]\",\n  amber:\n    \"border-[color:var(--zui-file-upload-amber-border,oklch(82.8%_0.189_84.429_/_0.7))] dark:border-[color:var(--zui-file-upload-amber-border-dark,oklch(82.8%_0.189_84.429_/_0.7))] bg-[var(--zui-file-upload-amber-bg,oklch(76.9%_0.188_70.08_/_0.1))] dark:bg-[var(--zui-file-upload-amber-bg-dark,oklch(76.9%_0.188_70.08_/_0.1))] text-[color:var(--zui-file-upload-amber-fg,oklch(66.6%_0.179_58.318))] dark:text-[color:var(--zui-file-upload-amber-fg-dark,oklch(82.8%_0.189_84.429))] hover:border-[color:var(--zui-file-upload-amber-border-hover,oklch(82.8%_0.189_84.429_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-amber-border-hover-dark,oklch(82.8%_0.189_84.429_/_0.8))] hover:bg-[var(--zui-file-upload-amber-bg-hover,oklch(76.9%_0.188_70.08_/_0.15))] dark:hover:bg-[var(--zui-file-upload-amber-bg-hover-dark,oklch(76.9%_0.188_70.08_/_0.15))]\",\n  pink: \"border-[color:var(--zui-file-upload-pink-border,oklch(71.8%_0.202_349.761_/_0.7))] dark:border-[color:var(--zui-file-upload-pink-border-dark,oklch(71.8%_0.202_349.761_/_0.7))] bg-[var(--zui-file-upload-pink-bg,oklch(65.6%_0.241_354.308_/_0.1))] dark:bg-[var(--zui-file-upload-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.1))] text-[color:var(--zui-file-upload-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-file-upload-pink-fg-dark,oklch(71.8%_0.202_349.761))] hover:border-[color:var(--zui-file-upload-pink-border-hover,oklch(71.8%_0.202_349.761_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-pink-border-hover-dark,oklch(71.8%_0.202_349.761_/_0.8))] hover:bg-[var(--zui-file-upload-pink-bg-hover,oklch(65.6%_0.241_354.308_/_0.15))] dark:hover:bg-[var(--zui-file-upload-pink-bg-hover-dark,oklch(65.6%_0.241_354.308_/_0.15))]\",\n  orange:\n    \"border-[color:var(--zui-file-upload-orange-border,oklch(75%_0.183_55.934_/_0.7))] dark:border-[color:var(--zui-file-upload-orange-border-dark,oklch(75%_0.183_55.934_/_0.7))] bg-[var(--zui-file-upload-orange-bg,oklch(70.5%_0.213_47.604_/_0.1))] dark:bg-[var(--zui-file-upload-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.1))] text-[color:var(--zui-file-upload-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-file-upload-orange-fg-dark,oklch(75%_0.183_55.934))] hover:border-[color:var(--zui-file-upload-orange-border-hover,oklch(75%_0.183_55.934_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-orange-border-hover-dark,oklch(75%_0.183_55.934_/_0.8))] hover:bg-[var(--zui-file-upload-orange-bg-hover,oklch(70.5%_0.213_47.604_/_0.15))] dark:hover:bg-[var(--zui-file-upload-orange-bg-hover-dark,oklch(70.5%_0.213_47.604_/_0.15))]\",\n  teal: \"border-[color:var(--zui-file-upload-teal-border,oklch(77.7%_0.152_181.912_/_0.7))] dark:border-[color:var(--zui-file-upload-teal-border-dark,oklch(77.7%_0.152_181.912_/_0.7))] bg-[var(--zui-file-upload-teal-bg,oklch(70.4%_0.14_182.503_/_0.1))] dark:bg-[var(--zui-file-upload-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.1))] text-[color:var(--zui-file-upload-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-file-upload-teal-fg-dark,oklch(77.7%_0.152_181.912))] hover:border-[color:var(--zui-file-upload-teal-border-hover,oklch(77.7%_0.152_181.912_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-teal-border-hover-dark,oklch(77.7%_0.152_181.912_/_0.8))] hover:bg-[var(--zui-file-upload-teal-bg-hover,oklch(70.4%_0.14_182.503_/_0.15))] dark:hover:bg-[var(--zui-file-upload-teal-bg-hover-dark,oklch(70.4%_0.14_182.503_/_0.15))]\",\n  blue: \"border border-[color:var(--zui-file-upload-blue-border,#2563eb)] dark:border-[color:var(--zui-file-upload-blue-border-dark,#3b82f6)] bg-[var(--zui-file-upload-blue-bg,#2563eb14)] dark:bg-[var(--zui-file-upload-blue-bg-dark,#3b82f624)] text-[color:var(--zui-file-upload-blue-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-blue-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-blue-bg-hover,#2563eb24)] dark:hover:bg-[var(--zui-file-upload-blue-bg-hover-dark,#3b82f633)]\",\n  cyan: \"border border-[color:var(--zui-file-upload-cyan-border,#0891b2)] dark:border-[color:var(--zui-file-upload-cyan-border-dark,#22d3ee)] bg-[var(--zui-file-upload-cyan-bg,#0891b214)] dark:bg-[var(--zui-file-upload-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-file-upload-cyan-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-cyan-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-cyan-bg-hover,#0891b224)] dark:hover:bg-[var(--zui-file-upload-cyan-bg-hover-dark,#22d3ee33)]\",\n  green:\n    \"border border-[color:var(--zui-file-upload-green-border,#16a34a)] dark:border-[color:var(--zui-file-upload-green-border-dark,#22c55e)] bg-[var(--zui-file-upload-green-bg,#16a34a14)] dark:bg-[var(--zui-file-upload-green-bg-dark,#22c55e24)] text-[color:var(--zui-file-upload-green-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-green-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-green-bg-hover,#16a34a24)] dark:hover:bg-[var(--zui-file-upload-green-bg-hover-dark,#22c55e33)]\",\n  lime: \"border border-[color:var(--zui-file-upload-lime-border,#65a30d)] dark:border-[color:var(--zui-file-upload-lime-border-dark,#a3e635)] bg-[var(--zui-file-upload-lime-bg,#65a30d14)] dark:bg-[var(--zui-file-upload-lime-bg-dark,#a3e63524)] text-[color:var(--zui-file-upload-lime-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-lime-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-lime-bg-hover,#65a30d24)] dark:hover:bg-[var(--zui-file-upload-lime-bg-hover-dark,#a3e63533)]\",\n  mint: \"border border-[color:var(--zui-file-upload-mint-border,#10b981)] dark:border-[color:var(--zui-file-upload-mint-border-dark,#6ee7b7)] bg-[var(--zui-file-upload-mint-bg,#10b98114)] dark:bg-[var(--zui-file-upload-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-file-upload-mint-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-mint-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-mint-bg-hover,#10b98124)] dark:hover:bg-[var(--zui-file-upload-mint-bg-hover-dark,#6ee7b733)]\",\n  ocean:\n    \"border border-[color:var(--zui-file-upload-ocean-border,#0284c7)] dark:border-[color:var(--zui-file-upload-ocean-border-dark,#38bdf8)] bg-[var(--zui-file-upload-ocean-bg,#0284c714)] dark:bg-[var(--zui-file-upload-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-file-upload-ocean-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-ocean-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-ocean-bg-hover,#0284c724)] dark:hover:bg-[var(--zui-file-upload-ocean-bg-hover-dark,#38bdf833)]\",\n  sapphire:\n    \"border border-[color:var(--zui-file-upload-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-file-upload-sapphire-border-dark,#60a5fa)] bg-[var(--zui-file-upload-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-file-upload-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-file-upload-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-sapphire-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-sapphire-bg-hover,#1d4ed824)] dark:hover:bg-[var(--zui-file-upload-sapphire-bg-hover-dark,#60a5fa33)]\",\n  lavender:\n    \"border border-[color:var(--zui-file-upload-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-file-upload-lavender-border-dark,#a78bfa)] bg-[var(--zui-file-upload-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-file-upload-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-file-upload-lavender-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-lavender-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-lavender-bg-hover,#8b5cf624)] dark:hover:bg-[var(--zui-file-upload-lavender-bg-hover-dark,#a78bfa33)]\",\n  ruby: \"border border-[color:var(--zui-file-upload-ruby-border,#be123c)] dark:border-[color:var(--zui-file-upload-ruby-border-dark,#fb7185)] bg-[var(--zui-file-upload-ruby-bg,#be123c14)] dark:bg-[var(--zui-file-upload-ruby-bg-dark,#fb718524)] text-[color:var(--zui-file-upload-ruby-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-ruby-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-ruby-bg-hover,#be123c24)] dark:hover:bg-[var(--zui-file-upload-ruby-bg-hover-dark,#fb718533)]\",\n  red: \"border border-[color:var(--zui-file-upload-red-border,#dc2626)] dark:border-[color:var(--zui-file-upload-red-border-dark,#ef4444)] bg-[var(--zui-file-upload-red-bg,#dc262614)] dark:bg-[var(--zui-file-upload-red-bg-dark,#ef444424)] text-[color:var(--zui-file-upload-red-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-red-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-red-bg-hover,#dc262624)] dark:hover:bg-[var(--zui-file-upload-red-bg-hover-dark,#ef444433)]\",\n  slate:\n    \"border border-[color:var(--zui-file-upload-slate-border,#475569)] dark:border-[color:var(--zui-file-upload-slate-border-dark,#64748b)] bg-[var(--zui-file-upload-slate-bg,#47556914)] dark:bg-[var(--zui-file-upload-slate-bg-dark,#64748b24)] text-[color:var(--zui-file-upload-slate-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-slate-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-slate-bg-hover,#47556924)] dark:hover:bg-[var(--zui-file-upload-slate-bg-hover-dark,#64748b33)]\",\n  zinc: \"border border-[color:var(--zui-file-upload-zinc-border,#52525b)] dark:border-[color:var(--zui-file-upload-zinc-border-dark,#71717a)] bg-[var(--zui-file-upload-zinc-bg,#52525b14)] dark:bg-[var(--zui-file-upload-zinc-bg-dark,#71717a24)] text-[color:var(--zui-file-upload-zinc-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-zinc-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-zinc-bg-hover,#52525b24)] dark:hover:bg-[var(--zui-file-upload-zinc-bg-hover-dark,#71717a33)]\",\n  stone:\n    \"border border-[color:var(--zui-file-upload-stone-border,#57534e)] dark:border-[color:var(--zui-file-upload-stone-border-dark,#78716c)] bg-[var(--zui-file-upload-stone-bg,#57534e14)] dark:bg-[var(--zui-file-upload-stone-bg-dark,#78716c24)] text-[color:var(--zui-file-upload-stone-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-stone-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-stone-bg-hover,#57534e24)] dark:hover:bg-[var(--zui-file-upload-stone-bg-hover-dark,#78716c33)]\",\n  royal:\n    \"border border-[color:var(--zui-file-upload-royal-border,#4338ca)] dark:border-[color:var(--zui-file-upload-royal-border-dark,#818cf8)] bg-[var(--zui-file-upload-royal-bg,#4338ca14)] dark:bg-[var(--zui-file-upload-royal-bg-dark,#818cf824)] text-[color:var(--zui-file-upload-royal-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-royal-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-royal-bg-hover,#4338ca24)] dark:hover:bg-[var(--zui-file-upload-royal-bg-hover-dark,#818cf833)]\",\n  electric:\n    \"border border-[color:var(--zui-file-upload-electric-border,#0ea5e9)] dark:border-[color:var(--zui-file-upload-electric-border-dark,#38bdf8)] bg-[var(--zui-file-upload-electric-bg,#0ea5e914)] dark:bg-[var(--zui-file-upload-electric-bg-dark,#38bdf824)] text-[color:var(--zui-file-upload-electric-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-electric-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-electric-bg-hover,#0ea5e924)] dark:hover:bg-[var(--zui-file-upload-electric-bg-hover-dark,#38bdf833)]\",\n  forest:\n    \"border border-[color:var(--zui-file-upload-forest-border,#166534)] dark:border-[color:var(--zui-file-upload-forest-border-dark,#4ade80)] bg-[var(--zui-file-upload-forest-bg,#16653414)] dark:bg-[var(--zui-file-upload-forest-bg-dark,#4ade8024)] text-[color:var(--zui-file-upload-forest-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-forest-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-forest-bg-hover,#16653424)] dark:hover:bg-[var(--zui-file-upload-forest-bg-hover-dark,#4ade8033)]\",\n  sunset:\n    \"border border-[color:var(--zui-file-upload-sunset-border,#ea580c)] dark:border-[color:var(--zui-file-upload-sunset-border-dark,#fb923c)] bg-[var(--zui-file-upload-sunset-bg,#ea580c14)] dark:bg-[var(--zui-file-upload-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-file-upload-sunset-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-sunset-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-sunset-bg-hover,#ea580c24)] dark:hover:bg-[var(--zui-file-upload-sunset-bg-hover-dark,#fb923c33)]\",\n  magenta:\n    \"border border-[color:var(--zui-file-upload-magenta-border,#c026d3)] dark:border-[color:var(--zui-file-upload-magenta-border-dark,#e879f9)] bg-[var(--zui-file-upload-magenta-bg,#c026d314)] dark:bg-[var(--zui-file-upload-magenta-bg-dark,#e879f924)] text-[color:var(--zui-file-upload-magenta-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-magenta-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-magenta-bg-hover,#c026d324)] dark:hover:bg-[var(--zui-file-upload-magenta-bg-hover-dark,#e879f933)]\",\n  crimson:\n    \"border border-[color:var(--zui-file-upload-crimson-border,#b91c1c)] dark:border-[color:var(--zui-file-upload-crimson-border-dark,#f87171)] bg-[var(--zui-file-upload-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-file-upload-crimson-bg-dark,#f8717124)] text-[color:var(--zui-file-upload-crimson-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-crimson-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-crimson-bg-hover,#b91c1c24)] dark:hover:bg-[var(--zui-file-upload-crimson-bg-hover-dark,#f8717133)]\",\n  aqua: \"border border-[color:var(--zui-file-upload-aqua-border,#0f766e)] dark:border-[color:var(--zui-file-upload-aqua-border-dark,#2dd4bf)] bg-[var(--zui-file-upload-aqua-bg,#0f766e14)] dark:bg-[var(--zui-file-upload-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-file-upload-aqua-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-aqua-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-aqua-bg-hover,#0f766e24)] dark:hover:bg-[var(--zui-file-upload-aqua-bg-hover-dark,#2dd4bf33)]\",\n  plum: \"border border-[color:var(--zui-file-upload-plum-border,#7e22ce)] dark:border-[color:var(--zui-file-upload-plum-border-dark,#c084fc)] bg-[var(--zui-file-upload-plum-bg,#7e22ce14)] dark:bg-[var(--zui-file-upload-plum-bg-dark,#c084fc24)] text-[color:var(--zui-file-upload-plum-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-plum-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-plum-bg-hover,#7e22ce24)] dark:hover:bg-[var(--zui-file-upload-plum-bg-hover-dark,#c084fc33)]\",\n} as const;\n"]}

package/dist/chunk-I5TREZO5.js

@@ -0,0 +1,263 @@
+'use strict';
+
+var chunkGBWGVNDA_js = require('./chunk-GBWGVNDA.js');
+var chunkL6AS5AVO_js = require('./chunk-L6AS5AVO.js');
+var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
+var classVarianceAuthority = require('class-variance-authority');
+var react = require('react');
+var reactDom = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
+
+var drawerOverlayVariants = classVarianceAuthority.cva(chunkL6AS5AVO_js.zuiDrawerOverlayBase);
+var drawerTriggerVariants = classVarianceAuthority.cva(chunkL6AS5AVO_js.zuiDrawerTriggerBase, {
+  variants: {
+    appearance: chunkL6AS5AVO_js.zuiDrawerTriggerAppearances
+  },
+  defaultVariants: {
+    appearance: "default"
+  }
+});
+var drawerContentVariants = classVarianceAuthority.cva(chunkL6AS5AVO_js.zuiDrawerContentBase, {
+  variants: {
+    side: chunkL6AS5AVO_js.zuiDrawerContentSides,
+    size: chunkL6AS5AVO_js.zuiDrawerContentSizes,
+    appearance: chunkL6AS5AVO_js.zuiDrawerContentAppearances
+  },
+  compoundVariants: [
+    { side: "left", size: "sm", class: "w-[min(100%,320px)]" },
+    { side: "left", size: "md", class: "w-[min(100%,420px)]" },
+    { side: "left", size: "lg", class: "w-[min(100%,520px)]" },
+    { side: "left", size: "xl", class: "w-[min(100%,640px)]" },
+    { side: "left", size: "full", class: "w-full max-w-none" },
+    { side: "right", size: "sm", class: "w-[min(100%,320px)]" },
+    { side: "right", size: "md", class: "w-[min(100%,420px)]" },
+    { side: "right", size: "lg", class: "w-[min(100%,520px)]" },
+    { side: "right", size: "xl", class: "w-[min(100%,640px)]" },
+    { side: "right", size: "full", class: "w-full max-w-none" }
+  ],
+  defaultVariants: {
+    side: "right",
+    size: "md",
+    appearance: "default"
+  }
+});
+var DrawerContext = react.createContext(null);
+function useDrawerContext(component) {
+  const ctx = react.useContext(DrawerContext);
+  if (!ctx) {
+    throw new Error(`${component} must be used within <Drawer>`);
+  }
+  return ctx;
+}
+function Drawer({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  children
+}) {
+  const isControlled = open !== void 0;
+  const [uncontrolledOpen, setUncontrolledOpen] = react.useState(defaultOpen);
+  const resolvedOpen = isControlled ? Boolean(open) : uncontrolledOpen;
+  const setOpen = react.useCallback(
+    (next) => {
+      if (!isControlled) {
+        setUncontrolledOpen(next);
+      }
+      onOpenChange?.(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  const baseId = react.useId();
+  const titleId = `${baseId}-title`;
+  const descriptionId = `${baseId}-description`;
+  const contentRef = react.useRef(null);
+  const triggerRef = react.useRef(null);
+  const ctx = react.useMemo(
+    () => ({
+      open: resolvedOpen,
+      setOpen,
+      titleId,
+      descriptionId,
+      contentRef,
+      triggerRef
+    }),
+    [descriptionId, resolvedOpen, setOpen, titleId]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(DrawerContext.Provider, { value: ctx, children });
+}
+Drawer.displayName = "Drawer";
+function DrawerTrigger({
+  className,
+  children,
+  appearance,
+  onClick,
+  ref: refProp,
+  ...rest
+}) {
+  const { setOpen, triggerRef } = useDrawerContext("DrawerTrigger");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref: (node) => {
+        triggerRef.current = node;
+        if (typeof refProp === "function") {
+          refProp(node);
+        } else if (refProp) {
+          refProp.current = node;
+        }
+      },
+      type: "button",
+      "data-slot": "drawer-trigger",
+      className: chunkZS5756ZC_js.cn(drawerTriggerVariants({ appearance }), className),
+      onClick: (event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented) {
+          setOpen(true);
+        }
+      },
+      ...rest,
+      children
+    }
+  );
+}
+DrawerTrigger.displayName = "DrawerTrigger";
+function DrawerContent({
+  className,
+  side = "right",
+  size,
+  appearance,
+  children,
+  ref,
+  id,
+  style
+}) {
+  const { open, setOpen, titleId, descriptionId, contentRef, triggerRef } = useDrawerContext("DrawerContent");
+  const resolvedSide = side ?? "right";
+  chunkGBWGVNDA_js.useFocusManagement({
+    open,
+    setOpen,
+    contentRef,
+    triggerRef
+  });
+  const portalTarget = typeof document !== "undefined" ? document.body : null;
+  if (!portalTarget) {
+    return null;
+  }
+  return reactDom.createPortal(
+    open ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-101", "data-slot": "drawer-portal", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          role: "presentation",
+          "data-slot": "drawer-overlay",
+          className: drawerOverlayVariants(),
+          onClick: () => setOpen(false)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: (node) => {
+            contentRef.current = node;
+            if (typeof ref === "function") {
+              ref(node);
+            } else if (ref) {
+              ref.current = node;
+            }
+          },
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": titleId,
+          "aria-describedby": descriptionId,
+          "data-slot": "drawer-content",
+          tabIndex: -1,
+          className: chunkZS5756ZC_js.cn(
+            drawerContentVariants({ side: resolvedSide, size, appearance }),
+            className
+          ),
+          id,
+          style,
+          children
+        }
+      )
+    ] }) : null,
+    portalTarget
+  );
+}
+DrawerContent.displayName = "DrawerContent";
+function DrawerHeader({ className, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "header",
+    {
+      "data-slot": "drawer-header",
+      className: chunkZS5756ZC_js.cn("mb-4 flex flex-col gap-2", className),
+      children
+    }
+  );
+}
+DrawerHeader.displayName = "DrawerHeader";
+function DrawerBody({ className, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "drawer-body", className: chunkZS5756ZC_js.cn("flex-1 text-sm", className), children });
+}
+DrawerBody.displayName = "DrawerBody";
+function DrawerFooter({ className, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "footer",
+    {
+      "data-slot": "drawer-footer",
+      className: chunkZS5756ZC_js.cn("mt-6 flex justify-end gap-2", className),
+      children
+    }
+  );
+}
+DrawerFooter.displayName = "DrawerFooter";
+function DrawerTitle({ className, children }) {
+  const { titleId } = useDrawerContext("DrawerTitle");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "h2",
+    {
+      id: titleId,
+      "data-slot": "drawer-title",
+      className: chunkZS5756ZC_js.cn("text-lg font-semibold", className),
+      children
+    }
+  );
+}
+DrawerTitle.displayName = "DrawerTitle";
+function DrawerClose({
+  className,
+  children,
+  ...rest
+}) {
+  const { setOpen } = useDrawerContext("DrawerClose");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "drawer-close",
+      className: chunkZS5756ZC_js.cn(
+        "absolute right-4 top-4 inline-flex size-9 items-center justify-center rounded-md dark:text-slate-200 text-slate-900 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30",
+        className
+      ),
+      "aria-label": "Close drawer",
+      onClick: () => setOpen(false),
+      ...rest,
+      children: children ?? "\xD7"
+    }
+  );
+}
+DrawerClose.displayName = "DrawerClose";
+
+exports.Drawer = Drawer;
+exports.DrawerBody = DrawerBody;
+exports.DrawerClose = DrawerClose;
+exports.DrawerContent = DrawerContent;
+exports.DrawerFooter = DrawerFooter;
+exports.DrawerHeader = DrawerHeader;
+exports.DrawerTitle = DrawerTitle;
+exports.DrawerTrigger = DrawerTrigger;
+exports.drawerContentVariants = drawerContentVariants;
+exports.drawerOverlayVariants = drawerOverlayVariants;
+exports.useDrawerContext = useDrawerContext;
+//# sourceMappingURL=chunk-I5TREZO5.js.map
+//# sourceMappingURL=chunk-I5TREZO5.js.map

package/dist/chunk-I5TREZO5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/drawer/variants.ts","../src/ui/drawer/drawer-base.tsx"],"names":["cva","zuiDrawerOverlayBase","zuiDrawerTriggerBase","zuiDrawerTriggerAppearances","zuiDrawerContentBase","zuiDrawerContentSides","zuiDrawerContentSizes","zuiDrawerContentAppearances","createContext","useContext","useState","useCallback","useId","useRef","useMemo","jsx","cn","useFocusManagement","createPortal","jsxs"],"mappings":"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","file":"chunk-I5TREZO5.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiDrawerContentAppearances,\n  zuiDrawerContentBase,\n  zuiDrawerContentSides,\n  zuiDrawerContentSizes,\n  zuiDrawerOverlayBase,\n  zuiDrawerTriggerAppearances,\n  zuiDrawerTriggerBase,\n} from \"../../design-system/drawer\";\n\nexport const drawerOverlayVariants = cva(zuiDrawerOverlayBase);\n\nexport const drawerTriggerVariants = cva(zuiDrawerTriggerBase, {\n  variants: {\n    appearance: zuiDrawerTriggerAppearances,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n  },\n});\n\nexport const drawerContentVariants = cva(zuiDrawerContentBase, {\n  variants: {\n    side: zuiDrawerContentSides,\n    size: zuiDrawerContentSizes,\n    appearance: zuiDrawerContentAppearances,\n  },\n  compoundVariants: [\n    { side: \"left\", size: \"sm\", class: \"w-[min(100%,320px)]\" },\n    { side: \"left\", size: \"md\", class: \"w-[min(100%,420px)]\" },\n    { side: \"left\", size: \"lg\", class: \"w-[min(100%,520px)]\" },\n    { side: \"left\", size: \"xl\", class: \"w-[min(100%,640px)]\" },\n    { side: \"left\", size: \"full\", class: \"w-full max-w-none\" },\n    { side: \"right\", size: \"sm\", class: \"w-[min(100%,320px)]\" },\n    { side: \"right\", size: \"md\", class: \"w-[min(100%,420px)]\" },\n    { side: \"right\", size: \"lg\", class: \"w-[min(100%,520px)]\" },\n    { side: \"right\", size: \"xl\", class: \"w-[min(100%,640px)]\" },\n    { side: \"right\", size: \"full\", class: \"w-full max-w-none\" },\n  ],\n  defaultVariants: {\n    side: \"right\",\n    size: \"md\",\n    appearance: \"default\",\n  },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type RefObject,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../lib/utils\";\nimport { useFocusManagement } from \"../../hooks/useFocusManagement\";\n\nimport type {\n  DrawerContentProps,\n  DrawerCtx,\n  DrawerProps,\n  DrawerSectionProps,\n  DrawerTriggerProps,\n} from \"./types\";\nimport {\n  drawerContentVariants,\n  drawerOverlayVariants,\n  drawerTriggerVariants,\n} from \"./variants\";\n\nconst DrawerContext = createContext<DrawerCtx | null>(null);\n\nexport function useDrawerContext(component: string): DrawerCtx {\n  const ctx = useContext(DrawerContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Drawer>`);\n  }\n  return ctx;\n}\n\nexport function Drawer({\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  children,\n}: DrawerProps) {\n  const isControlled = open !== undefined;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const resolvedOpen = isControlled ? Boolean(open) : uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(next);\n      }\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const baseId = useId();\n  const titleId = `${baseId}-title`;\n  const descriptionId = `${baseId}-description`;\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n\n  const ctx = useMemo(\n    () => ({\n      open: resolvedOpen,\n      setOpen,\n      titleId,\n      descriptionId,\n      contentRef,\n      triggerRef,\n    }),\n    [descriptionId, resolvedOpen, setOpen, titleId],\n  );\n\n  return (\n    <DrawerContext.Provider value={ctx}>{children}</DrawerContext.Provider>\n  );\n}\n\nDrawer.displayName = \"Drawer\";\n\nexport function DrawerTrigger({\n  className,\n  children,\n  appearance,\n  onClick,\n  ref: refProp,\n  ...rest\n}: DrawerTriggerProps) {\n  const { setOpen, triggerRef } = useDrawerContext(\"DrawerTrigger\");\n  return (\n    <button\n      ref={(node) => {\n        triggerRef.current = node;\n        if (typeof refProp === \"function\") {\n          refProp(node);\n        } else if (refProp) {\n          (refProp as RefObject<HTMLButtonElement | null>).current = node;\n        }\n      }}\n      type=\"button\"\n      data-slot=\"drawer-trigger\"\n      className={cn(drawerTriggerVariants({ appearance }), className)}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) {\n          setOpen(true);\n        }\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n}\n\nDrawerTrigger.displayName = \"DrawerTrigger\";\n\nexport function DrawerContent({\n  className,\n  side = \"right\",\n  size,\n  appearance,\n  children,\n  ref,\n  id,\n  style,\n}: DrawerContentProps) {\n  const { open, setOpen, titleId, descriptionId, contentRef, triggerRef } =\n    useDrawerContext(\"DrawerContent\");\n  const resolvedSide = side ?? \"right\";\n\n  useFocusManagement({\n    open,\n    setOpen,\n    contentRef,\n    triggerRef,\n  });\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n  if (!portalTarget) {\n    return null;\n  }\n\n  return createPortal(\n    open ? (\n      <div className=\"fixed inset-0 z-101\" data-slot=\"drawer-portal\">\n        <div\n          role=\"presentation\"\n          data-slot=\"drawer-overlay\"\n          className={drawerOverlayVariants()}\n          onClick={() => setOpen(false)}\n        />\n        <div\n          ref={(node) => {\n            contentRef.current = node;\n            if (typeof ref === \"function\") {\n              ref(node);\n            } else if (ref) {\n              (ref as RefObject<HTMLDivElement | null>).current = node;\n            }\n          }}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={titleId}\n          aria-describedby={descriptionId}\n          data-slot=\"drawer-content\"\n          tabIndex={-1}\n          className={cn(\n            drawerContentVariants({ side: resolvedSide, size, appearance }),\n            className,\n          )}\n          id={id}\n          style={style}\n        >\n          {children}\n        </div>\n      </div>\n    ) : null,\n    portalTarget,\n  );\n}\n\nDrawerContent.displayName = \"DrawerContent\";\n\nexport function DrawerHeader({ className, children }: DrawerSectionProps) {\n  return (\n    <header\n      data-slot=\"drawer-header\"\n      className={cn(\"mb-4 flex flex-col gap-2\", className)}\n    >\n      {children}\n    </header>\n  );\n}\n\nDrawerHeader.displayName = \"DrawerHeader\";\n\nexport function DrawerBody({ className, children }: DrawerSectionProps) {\n  return (\n    <div data-slot=\"drawer-body\" className={cn(\"flex-1 text-sm\", className)}>\n      {children}\n    </div>\n  );\n}\n\nDrawerBody.displayName = \"DrawerBody\";\n\nexport function DrawerFooter({ className, children }: DrawerSectionProps) {\n  return (\n    <footer\n      data-slot=\"drawer-footer\"\n      className={cn(\"mt-6 flex justify-end gap-2\", className)}\n    >\n      {children}\n    </footer>\n  );\n}\n\nDrawerFooter.displayName = \"DrawerFooter\";\n\nexport function DrawerTitle({ className, children }: DrawerSectionProps) {\n  const { titleId } = useDrawerContext(\"DrawerTitle\");\n  return (\n    <h2\n      id={titleId}\n      data-slot=\"drawer-title\"\n      className={cn(\"text-lg font-semibold\", className)}\n    >\n      {children}\n    </h2>\n  );\n}\n\nDrawerTitle.displayName = \"DrawerTitle\";\n\nexport function DrawerClose({\n  className,\n  children,\n  ...rest\n}: DrawerSectionProps) {\n  const { setOpen } = useDrawerContext(\"DrawerClose\");\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"drawer-close\"\n      className={cn(\n        \"absolute right-4 top-4 inline-flex size-9 items-center justify-center rounded-md dark:text-slate-200 text-slate-900 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n        className,\n      )}\n      aria-label=\"Close drawer\"\n      onClick={() => setOpen(false)}\n      {...rest}\n    >\n      {children ?? \"×\"}\n    </button>\n  );\n}\n\nDrawerClose.displayName = \"DrawerClose\";\n"]}