@etus/ui 0.4.0-beta.7 → 0.4.0-beta.9

package/dist/chunk-VFALJSXB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/Tag/Tag.variants.ts","../src/components/primitives/Tag/TagGroup.tsx","../src/components/primitives/Tag/Tag.tsx"],"names":["jsx","React2"],"mappings":"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","file":"chunk-VFALJSXB.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Tag style variants using CVA\n *\n * @see https://cva.style/docs\n */\nexport const tagVariants = cva(\n  // Base styles (always applied)\n  [\n    \"inline-flex items-center justify-center\",\n    \"font-medium whitespace-nowrap shrink-0 gap-1.5\",\n    \"rounded-[var(--tag-radius)] border bg-background text-foreground\",\n    \"transition-colors duration-200\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-[var(--tag-size-height-sm)] px-[var(--tag-size-padding-x-sm)] text-[length:var(--tag-size-text-sm)] [&_[data-slot='tag-checkbox']]:size-[var(--tag-size-checkbox-sm)]\",\n        md: \"h-[var(--tag-size-height-md)] px-[var(--tag-size-padding-x-md)] text-[length:var(--tag-size-text-md)] [&_[data-slot='tag-checkbox']]:size-[var(--tag-size-checkbox-md)]\",\n        lg: \"h-[var(--tag-size-height-lg)] px-[var(--tag-size-padding-x-lg)] text-[length:var(--tag-size-text-lg)] [&_[data-slot='tag-checkbox']]:size-[var(--tag-size-checkbox-lg)]\",\n      },\n      checked: {\n        true: \"border-[color:var(--tag-color-border-checked)] bg-[color:var(--tag-color-bg-checked)]\",\n        false: \"border-[color:var(--tag-color-border-default)] bg-[color:var(--tag-color-bg-default)]\",\n      },\n      disabled: {\n        true: \"opacity-50 pointer-events-none\",\n        false: \"\",\n      },\n      interactive: {\n        true: \"cursor-pointer hover:bg-muted/50\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      checked: false,\n      disabled: false,\n      interactive: false,\n    },\n  }\n)\n\n/**\n * Tag count pill styles\n */\nexport const tagCountVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"rounded-[var(--tag-count-radius)] bg-muted text-muted-foreground font-medium\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-[var(--tag-size-count-height-sm)] min-w-[var(--tag-size-count-min-width-sm)] px-1 text-[length:var(--tag-size-count-text-sm)]\",\n        md: \"h-[var(--tag-size-count-height-md)] min-w-[var(--tag-size-count-min-width-md)] px-1.5 text-[length:var(--tag-size-count-text-md)]\",\n        lg: \"h-[var(--tag-size-count-height-lg)] min-w-[var(--tag-size-count-min-width-lg)] px-1.5 text-[length:var(--tag-size-count-text-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * Tag checkbox styles\n */\nexport const tagCheckboxVariants = cva(\n  [\n    \"inline-flex items-center justify-center shrink-0\",\n    \"rounded border transition-colors\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"size-[var(--tag-size-checkbox-sm)]\",\n        md: \"size-[var(--tag-size-checkbox-md)]\",\n        lg: \"size-[var(--tag-size-checkbox-lg)]\",\n      },\n      checked: {\n        true: \"bg-[color:var(--tag-checkbox-bg-checked)] border-[color:var(--tag-checkbox-border-checked)] text-[color:var(--tag-checkbox-text-checked)]\",\n        false: \"border-[color:var(--tag-checkbox-border-default)] bg-[color:var(--tag-checkbox-bg-default)]\",\n      },\n      disabled: {\n        true: \"opacity-50\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      checked: false,\n      disabled: false,\n    },\n  }\n)\n\nexport type TagVariantProps = VariantProps<typeof tagVariants>\n\n/**\n * TagGroup layout variants\n */\nexport const tagGroupVariants = cva(\"inline-flex\", {\n  variants: {\n    /**\n     * Layout mode for tags\n     */\n    layout: {\n      /** Single line with scroll */\n      inline: \"flex-nowrap overflow-x-auto\",\n      /** Wrap to multiple lines */\n      wrap: \"flex-wrap\",\n      /** Vertical stack */\n      stack: \"flex-col\",\n    },\n    /**\n     * Gap between tags\n     */\n    gap: {\n      none: \"gap-0\",\n      xs: \"gap-1\",\n      sm: \"gap-1.5\",\n      md: \"gap-2\",\n      lg: \"gap-3\",\n    },\n    /**\n     * Alignment of tags\n     */\n    align: {\n      start: \"items-start\",\n      center: \"items-center\",\n      end: \"items-end\",\n    },\n  },\n  defaultVariants: {\n    layout: \"wrap\",\n    gap: \"sm\",\n    align: \"center\",\n  },\n})\n\nexport type TagGroupVariantProps = VariantProps<typeof tagGroupVariants>\n","\"use client\"\n\nimport type { TagGroupContextValue, TagGroupProps } from \"./Tag.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { tagGroupVariants } from \"./Tag.variants\"\n\n/**\n * Context for TagGroup to pass props to child Tags\n */\nconst TagGroupContext = React.createContext<null | TagGroupContextValue>(null)\n\n/**\n * Hook to access TagGroup context\n */\nexport function useTagGroup(): null | TagGroupContextValue {\n  return React.use(TagGroupContext)\n}\n\n/**\n * TagGroup - Container for grouping multiple Tag components\n *\n * Provides layout control, gap spacing, and can pass size/disabled\n * props to all child Tags via context.\n *\n * @example\n * ```tsx\n * // Basic grouping with wrap layout\n * <TagGroup>\n *   <Tag>React</Tag>\n *   <Tag>TypeScript</Tag>\n *   <Tag>Tailwind</Tag>\n * </TagGroup>\n *\n * // Inline scrollable\n * <TagGroup layout=\"inline\" gap=\"md\">\n *   {tags.map(tag => <Tag key={tag}>{tag}</Tag>)}\n * </TagGroup>\n *\n * // With size inheritance\n * <TagGroup size=\"sm\">\n *   <Tag checkbox>Option 1</Tag>\n *   <Tag checkbox>Option 2</Tag>\n * </TagGroup>\n *\n * // Vertical stack\n * <TagGroup layout=\"stack\" align=\"start\">\n *   <Tag>First</Tag>\n *   <Tag>Second</Tag>\n *   <Tag>Third</Tag>\n * </TagGroup>\n * ```\n */\nexport function TagGroup({\n  children,\n  className,\n  layout,\n  gap,\n  align,\n  size,\n  disabled,\n  ...props\n}: TagGroupProps) {\n  // Memoize context value to prevent unnecessary re-renders\n  const contextValue = React.useMemo<TagGroupContextValue>(\n    () => ({\n      size,\n      disabled,\n    }),\n    [size, disabled]\n  )\n\n  return (\n    <TagGroupContext value={contextValue}>\n      <div\n        className={cn(tagGroupVariants({ layout, gap, align }), className)}\n        data-slot=\"tag-group\"\n        role=\"group\"\n        {...props}\n      >\n        {children}\n      </div>\n    </TagGroupContext>\n  )\n}\n\nTagGroup.displayName = \"TagGroup\"\n","\"use client\"\n\nimport type { TagAvatarProps, TagProps } from \"./Tag.types\"\n\nimport { Check, X } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { tagCheckboxVariants, tagCountVariants, tagVariants } from \"./Tag.variants\"\nimport { useTagGroup } from \"./TagGroup\"\n\n// Internal checkbox component\nfunction TagCheckbox({\n  checked,\n  disabled,\n  size,\n}: {\n  checked: boolean\n  disabled?: boolean\n  size: \"lg\" | \"md\" | \"sm\"\n}) {\n  return (\n    <span\n      className={cn(tagCheckboxVariants({ size, checked, disabled }))}\n      data-slot=\"tag-checkbox\"\n    >\n      {checked && <Check className=\"size-3\" strokeWidth={3} />}\n    </span>\n  )\n}\n\n// Internal count pill component\nfunction TagCount({ count, size }: { count: number; size: \"lg\" | \"md\" | \"sm\" }) {\n  return (\n    <span className={cn(tagCountVariants({ size }))} data-slot=\"tag-count\">\n      {count > 999 ? \"999+\" : count}\n    </span>\n  )\n}\n\n// Dismiss button size mapping (Figma: sm=10px, md=12px, lg=14px icons)\nconst dismissSizeMap = {\n  sm: { button: \"size-3.5\", icon: \"size-2.5\" },  // 14px button, 10px icon\n  md: { button: \"size-4\", icon: \"size-3\" },      // 16px button, 12px icon\n  lg: { button: \"size-4.5\", icon: \"size-3.5\" }, // 18px button, 14px icon\n}\n\n// Internal dismiss button component\nfunction TagDismiss({\n  onClick,\n  disabled,\n  size = \"md\",\n}: {\n  disabled?: boolean\n  onClick: () => void\n  size?: \"lg\" | \"md\" | \"sm\"\n}) {\n  const handleClick = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    if (!disabled) {\n      onClick()\n    }\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if ((e.key === \"Enter\" || e.key === \" \") && !disabled) {\n      e.preventDefault()\n      e.stopPropagation()\n      onClick()\n    }\n  }\n\n  const sizeClasses = dismissSizeMap[size]\n\n  return (\n    <button\n      className={cn(\n        sizeClasses.button,\n        \"-mr-0.5 rounded-sm inline-flex items-center justify-center shrink-0\",\n        \"text-muted-foreground hover:text-foreground hover:bg-muted\",\n        \"transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\",\n        disabled && \"pointer-events-none\"\n      )}\n      aria-label=\"Remove tag\"\n      data-slot=\"tag-dismiss\"\n      disabled={disabled}\n      tabIndex={-1}\n      type=\"button\"\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n    >\n      <X className={sizeClasses.icon} />\n    </button>\n  )\n}\n\n// Internal avatar component\nfunction TagAvatar({ src, fallback, alt }: TagAvatarProps) {\n  const [imageError, setImageError] = React.useState(false)\n\n  const initials = fallback\n    .split(\" \")\n    .map((word) => word[0])\n    .join(\"\")\n    .toUpperCase()\n    .slice(0, 2)\n\n  return (\n    <span\n      className=\"size-4 -ml-0.5 rounded-full shrink-0 inline-flex items-center justify-center overflow-hidden bg-muted text-3xs font-medium\"\n      data-slot=\"tag-avatar\"\n    >\n      {src && !imageError ? (\n        <img\n          alt={alt ?? fallback}\n          className=\"size-full object-cover\"\n          src={src}\n          onError={() => {\n            setImageError(true)\n          }}\n        />\n      ) : (\n        <span aria-label={alt ?? fallback}>{initials}</span>\n      )}\n    </span>\n  )\n}\n\n// Internal dot component\nfunction TagDot() {\n  return (\n    <span\n      className=\"size-1.5 rounded-full shrink-0 bg-[color:var(--tag-color-dot)]\"\n      data-slot=\"tag-dot\"\n    />\n  )\n}\n\n// Internal country flag component\nfunction TagCountry({ code }: { code: string }) {\n  const countryToFlag = (countryCode: string) => {\n    // eslint-disable-next-line unicorn/prefer-spread -- Array.from handles Unicode correctly for country codes\n    const codePoints = Array.from(countryCode.toUpperCase()).map(\n      (char) => 127397 + char.charCodeAt(0)\n    )\n    return String.fromCodePoint(...codePoints)\n  }\n\n  return (\n    <span\n      aria-label={`Flag of ${code}`}\n      className=\"text-base -ml-0.5 shrink-0 leading-none\"\n      data-slot=\"tag-country\"\n      role=\"img\"\n    >\n      {countryToFlag(code)}\n    </span>\n  )\n}\n\n/**\n * Tag - Interactive selectable/filterable component\n *\n * Used for filtering, categorization, and selection with optional\n * checkbox, count, avatar, country flag, and dismiss functionality.\n *\n * @example\n * ```tsx\n * // Basic tag\n * <Tag>Label</Tag>\n *\n * // With checkbox\n * <Tag checkbox checked={selected} onCheckedChange={setSelected}>\n *   React\n * </Tag>\n *\n * // With count and dismiss\n * <Tag count={5} onDismiss={() => {}}>\n *   Notifications\n * </Tag>\n * ```\n */\nexport function Tag({\n  children,\n  className,\n  size: sizeProp,\n  checkbox,\n  checked: controlledChecked,\n  defaultChecked = false,\n  onCheckedChange,\n  dot,\n  icon,\n  avatar,\n  country,\n  count,\n  onDismiss,\n  disabled: disabledProp,\n  onClick,\n  onKeyDown,\n  ...props\n}: TagProps) {\n  // Get context from TagGroup (if present)\n  const groupContext = useTagGroup()\n\n  // Merge with context values\n  const size = sizeProp ?? groupContext?.size ?? \"md\"\n  const disabled = disabledProp ?? groupContext?.disabled\n\n  // Uncontrolled state for checkbox\n  const [internalChecked, setInternalChecked] = React.useState(defaultChecked)\n\n  // Use controlled or uncontrolled checked value\n  const isChecked = controlledChecked ?? internalChecked\n  const isInteractive = Boolean(checkbox) || Boolean(onClick)\n\n  // Handle checkbox toggle\n  const handleToggle = () => {\n    if (disabled) return\n\n    const newChecked = !isChecked\n    setInternalChecked(newChecked)\n    onCheckedChange?.(newChecked)\n  }\n\n  // Handle click\n  const handleClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n    if (disabled) return\n\n    if (checkbox) {\n      handleToggle()\n    }\n\n    onClick?.(e)\n  }\n\n  // Handle keyboard\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLSpanElement>) => {\n    if (disabled) return\n\n    // Toggle on Space/Enter for checkbox\n    if (checkbox && (e.key === \" \" || e.key === \"Enter\")) {\n      e.preventDefault()\n      handleToggle()\n    }\n\n    // Dismiss on Delete/Backspace\n    if (onDismiss && (e.key === \"Delete\" || e.key === \"Backspace\")) {\n      e.preventDefault()\n      onDismiss()\n    }\n\n    onKeyDown?.(e)\n  }\n\n  // Render leading content (checkbox, avatar, country, icon, or dot)\n  const renderLeading = () => {\n    if (checkbox) {\n      return <TagCheckbox checked={isChecked} disabled={disabled} size={size} />\n    }\n    if (avatar) return <TagAvatar {...avatar} />\n    if (country) return <TagCountry code={country} />\n    if (icon) return <span className=\"shrink-0 [&_svg]:size-3.5\" data-slot=\"tag-icon\">{icon}</span>\n    if (dot) return <TagDot />\n    return null\n  }\n\n  // Render trailing content (count, dismiss)\n  const renderTrailing = () => {\n    return (\n      <>\n        {count !== undefined && <TagCount count={count} size={size} />}\n        {onDismiss && <TagDismiss disabled={disabled} size={size} onClick={onDismiss} />}\n      </>\n    )\n  }\n\n  return (\n    <span\n      className={cn(\n        tagVariants({\n          size,\n          checked: isChecked,\n          disabled,\n          interactive: isInteractive,\n        }),\n        className\n      )}\n      aria-checked={checkbox ? isChecked : undefined}\n      aria-disabled={disabled}\n      data-slot=\"tag\"\n      role={checkbox ? \"checkbox\" : undefined}\n      tabIndex={isInteractive && !disabled ? 0 : undefined}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {renderLeading()}\n      <span data-slot=\"tag-content\">{children}</span>\n      {renderTrailing()}\n    </span>\n  )\n}\n\nTag.displayName = \"Tag\"\n"]}

package/dist/chunk-VPNFYQBL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/navigation/Header/Header.variants.ts","../src/components/navigation/Header/Header.tsx"],"names":[],"mappings":"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","file":"chunk-VPNFYQBL.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * Header root variant styles\n *\n * Height follows the Figma auto-layout model (DES-1271): the root has a min\n * height of `--header-height` (64px — a logo-only header) and hugs to 76px\n * when a HeaderNav/HeaderActions row is present, because that row enforces\n * `--header-content-height` (36px) and the container adds `--header-root-padding-y`\n * (20px × 2). There is no `size` prop — the Figma component has no size axis.\n */\nexport const headerVariants = cva(\n  [\n    // Base styles\n    \"flex w-full items-center\",\n    // Figma height model — min 64px (logo-only), hugs to 76px with nav/actions\n    \"min-h-[var(--header-height)]\",\n    // Transition\n    \"transition-colors\",\n  ],\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-[color:var(--header-root-bg)] border-b border-[color:var(--header-root-border-color)]\",\n        transparent: \"bg-transparent\",\n        floating:\n          \"bg-[color:var(--header-root-bg)]/80 backdrop-blur-sm border-b border-[color:var(--header-root-border-color)]/50 shadow-sm\",\n      },\n      sticky: {\n        true: \"sticky top-0 z-[var(--header-sticky-z-index)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      sticky: false,\n    },\n  }\n)\n\n/**\n * Header container variant styles (inner wrapper)\n */\nexport const headerContainerVariants = cva(\n  [\n    \"flex w-full items-center gap-4 px-[var(--header-root-padding-x)] py-[var(--header-root-padding-y)]\",\n  ],\n  {\n    variants: {\n      contained: {\n        true: \"mx-auto max-w-7xl\",\n        false: \"\",\n      },\n      layout: {\n        // Brand left, Nav middle, Actions right (default)\n        default: \"justify-between\",\n        // Brand center; Nav and Actions on sides if provided\n        \"logo-centered\":\n          \"justify-center [&>[data-slot=header-brand]]:order-2 [&>[data-slot=header-nav]]:order-1 [&>[data-slot=header-actions]]:order-3 [&>[data-slot=header-nav]]:flex-1 [&>[data-slot=header-actions]]:flex-1\",\n        // Nav left, Brand right (mirror of default)\n        \"links-left\":\n          \"justify-between [&>[data-slot=header-brand]]:order-2 [&>[data-slot=header-nav]]:order-1 [&>[data-slot=header-actions]]:order-3\",\n        // Brand + Nav clustered center, Actions right\n        centered:\n          \"[&>[data-slot=header-brand]]:flex-none [&>[data-slot=header-nav]]:flex-1 [&>[data-slot=header-nav]]:justify-center [&>[data-slot=header-actions]]:flex-none [&>[data-slot=header-actions]]:ml-auto\",\n      },\n    },\n    defaultVariants: {\n      contained: false,\n      layout: \"default\",\n    },\n  }\n)\n\n/**\n * HeaderBrand variant styles\n */\nexport const headerBrandVariants = cva([\n  \"flex shrink-0 items-center gap-2\",\n])\n\n/**\n * HeaderNav variant styles\n *\n * Enforces the Figma nav-row height (`--header-content-height` 36px) so a\n * header with navigation hugs to 76px regardless of whether the links are\n * plain text or buttons.\n */\nexport const headerNavVariants = cva([\n  \"hidden md:flex items-center gap-1 min-h-[var(--header-content-height)]\",\n])\n\n/**\n * HeaderActions variant styles\n *\n * Enforces the Figma action-row height (`--header-content-height` 36px) so a\n * header with actions (e.g. the Mobile layout: logo + icons) hugs to 76px.\n */\nexport const headerActionsVariants = cva(\n  [\n    \"flex items-center gap-2 min-h-[var(--header-content-height)]\",\n  ],\n  {\n    variants: {\n      align: {\n        start: \"justify-start\",\n        center: \"justify-center\",\n        end: \"justify-end\",\n      },\n    },\n    defaultVariants: {\n      align: \"end\",\n    },\n  }\n)\n","\"use client\"\n\nimport type {\n  HeaderActionsProps,\n  HeaderBrandProps,\n  HeaderNavProps,\n  HeaderProps,\n} from \"./Header.types\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  headerActionsVariants,\n  headerBrandVariants,\n  headerContainerVariants,\n  headerNavVariants,\n  headerVariants,\n} from \"./Header.variants\"\n\n/**\n * Header - A responsive header component for site navigation.\n *\n * Supports multiple visual variants, Figma layouts, and sticky positioning.\n * Height follows the Figma model: 64px for a logo-only header, 76px once a\n * HeaderNav/HeaderActions row is present (content-driven, no `size` prop).\n *\n * @example\n * <Header variant=\"default\" sticky>\n *   <HeaderBrand asLink href=\"/\">Logo</HeaderBrand>\n *   <HeaderNav>\n *     <a href=\"/about\">About</a>\n *     <a href=\"/contact\">Contact</a>\n *   </HeaderNav>\n *   <HeaderActions>\n *     <Button>Sign In</Button>\n *   </HeaderActions>\n * </Header>\n */\nfunction Header({\n  className,\n  variant = \"default\",\n  sticky = false,\n  contained = false,\n  layout = \"default\",\n  containerClassName,\n  children,\n  ...props\n}: HeaderProps) {\n  return (\n    <header\n      className={cn(headerVariants({ variant, sticky }), className)}\n      data-slot=\"header\"\n      {...props}\n    >\n      <div\n        className={cn(\n          headerContainerVariants({ contained, layout }),\n          containerClassName\n        )}\n        data-layout={layout}\n        data-slot=\"header-container\"\n      >\n        {children}\n      </div>\n    </header>\n  )\n}\n\n/**\n * HeaderBrand - Logo/brand area of the header.\n *\n * Can optionally render as a link when asLink is true.\n */\nfunction HeaderBrand({\n  className,\n  asLink = false,\n  href = \"/\",\n  children,\n  ...props\n}: HeaderBrandProps) {\n  if (asLink) {\n    return (\n      <a\n        className={cn(headerBrandVariants(), className)}\n        data-slot=\"header-brand\"\n        href={href}\n        {...(props as React.ComponentProps<\"a\">)}\n      >\n        {children}\n      </a>\n    )\n  }\n\n  return (\n    <div\n      className={cn(headerBrandVariants(), className)}\n      data-slot=\"header-brand\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * HeaderNav - Navigation container for header links.\n */\nfunction HeaderNav({ className, children, ...props }: HeaderNavProps) {\n  return (\n    <nav\n      className={cn(headerNavVariants(), className)}\n      data-slot=\"header-nav\"\n      {...props}\n    >\n      {children}\n    </nav>\n  )\n}\n\n/**\n * HeaderActions - Actions container for buttons/controls.\n */\nfunction HeaderActions({\n  className,\n  align = \"end\",\n  children,\n  ...props\n}: HeaderActionsProps) {\n  return (\n    <div\n      className={cn(headerActionsVariants({ align }), className)}\n      data-slot=\"header-actions\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport { Header, HeaderActions, HeaderBrand, HeaderNav }\n"]}

package/dist/chunk-XD5LE64P.js

@@ -1,311 +0,0 @@
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-AFCSDND5.js';
-import { cn } from './chunk-HRNDJU7D.js';
-import { Palette } from 'lucide-react';
-import * as React from 'react';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var colorPickerTriggerVariants = cva(
-  // Base styles
-  [
-    "inline-flex w-full items-center justify-between gap-2 rounded-[var(--color-picker-trigger-radius)] border bg-transparent font-normal transition-[color,box-shadow] outline-none",
-    "text-left",
-    "placeholder:text-muted-foreground",
-    "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-    "focus-visible:border-[color:var(--color-picker-focus-ring-primary)] focus-visible:ring-[color:var(--color-picker-focus-ring-primary)]/50 focus-visible:ring-[length:var(--color-picker-focus-ring-width)]",
-    "aria-invalid:ring-[color:var(--color-picker-focus-ring-destructive)]/20 dark:aria-invalid:ring-[color:var(--color-picker-focus-ring-destructive)]/40 aria-invalid:border-[color:var(--color-picker-focus-ring-destructive)]"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "h-9 px-2.5 py-1 text-sm",
-        md: "h-10 px-3 py-1 text-base md:text-sm",
-        lg: "h-11 px-3.5 py-1.5 text-base"
-      },
-      variant: {
-        default: "border-input shadow-xs dark:bg-input/30",
-        filled: "border-transparent bg-muted",
-        flushed: "rounded-none border-x-0 border-t-0 border-b-input px-0"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      variant: "default"
-    }
-  }
-);
-var colorPickerSwatchVariants = cva(
-  // Base styles
-  [
-    "rounded-[var(--color-picker-swatch-radius)] border border-input cursor-pointer transition-all",
-    "hover:scale-110 hover:border-ring",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "size-5",
-        md: "size-6",
-        lg: "size-7"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var colorPickerPreviewVariants = cva(
-  // Base styles
-  [
-    "rounded-[var(--color-picker-swatch-radius)] border border-input shrink-0"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "size-4",
-        md: "size-5",
-        lg: "size-6"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-function isValid6DigitHex(color) {
-  return /^#[A-Fa-f0-9]{6}$/.test(color);
-}
-function isValid3DigitHex(color) {
-  return /^#[A-Fa-f0-9]{3}$/.test(color);
-}
-function isValidHexColor(color) {
-  return isValid6DigitHex(color) || isValid3DigitHex(color);
-}
-function normalizeHexColor(color) {
-  if (!color.startsWith("#")) {
-    color = `#${color}`;
-  }
-  if (color.length === 4) {
-    const r = color[1] ?? "";
-    const g = color[2] ?? "";
-    const b = color[3] ?? "";
-    return `#${r}${r}${g}${g}${b}${b}`.toLowerCase();
-  }
-  return color.toLowerCase();
-}
-var DEFAULT_SWATCHES = [
-  "#ef4444",
-  // red
-  "#f97316",
-  // orange
-  "#eab308",
-  // yellow
-  "#22c55e",
-  // green
-  "#14b8a6",
-  // teal
-  "#3b82f6",
-  // blue
-  "#8b5cf6",
-  // violet
-  "#ec4899",
-  // pink
-  "#000000",
-  // black
-  "#ffffff"
-  // white
-];
-function ColorPicker({
-  className,
-  value,
-  defaultValue,
-  placeholder = "Select color",
-  disabled = false,
-  swatches = DEFAULT_SWATCHES,
-  showInput = true,
-  showPreview = true,
-  onChange,
-  onOpenChange,
-  size = "md",
-  variant = "default",
-  required = false,
-  invalid = false,
-  id,
-  name,
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledby,
-  ...props
-}) {
-  const [open, setOpen] = React.useState(false);
-  const [internalColor, setInternalColor] = React.useState(defaultValue);
-  const [inputValue, setInputValue] = React.useState(defaultValue ?? "");
-  const colorInputRef = React.useRef(null);
-  const selectedColor = value ?? internalColor;
-  React.useEffect(() => {
-    if (!selectedColor) return;
-    setInputValue((prev) => prev === selectedColor ? prev : selectedColor);
-  }, [selectedColor]);
-  const handleColorChange = (color) => {
-    const normalizedColor = normalizeHexColor(color);
-    if (value === void 0) {
-      setInternalColor(normalizedColor);
-    }
-    onChange?.(normalizedColor);
-  };
-  const handleNativeColorChange = (e) => {
-    handleColorChange(e.target.value);
-  };
-  const handleInputChange = (e) => {
-    let inputVal = e.target.value;
-    setInputValue(inputVal);
-    if (inputVal && !inputVal.startsWith("#")) {
-      inputVal = `#${inputVal}`;
-    }
-    if (isValid6DigitHex(inputVal)) {
-      handleColorChange(inputVal);
-    }
-  };
-  const handleInputBlur = () => {
-    let inputVal = inputValue;
-    if (inputVal && !inputVal.startsWith("#")) {
-      inputVal = `#${inputVal}`;
-    }
-    if (isValid3DigitHex(inputVal)) {
-      handleColorChange(inputVal);
-    } else if (!isValidHexColor(inputVal) && selectedColor) {
-      setInputValue(selectedColor);
-    }
-  };
-  const handleSwatchClick = (color) => {
-    handleColorChange(color);
-  };
-  const handleOpenChange = (isOpen) => {
-    setOpen(isOpen);
-    onOpenChange?.(isOpen);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), "data-slot": "color-picker", ...props, children: [
-    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
-      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-        "button",
-        {
-          className: cn(
-            colorPickerTriggerVariants({ size, variant }),
-            !selectedColor && "text-muted-foreground"
-          ),
-          "aria-expanded": open,
-          "aria-haspopup": "dialog",
-          "aria-invalid": invalid,
-          "aria-label": ariaLabel,
-          "aria-labelledby": ariaLabelledby,
-          "aria-required": required,
-          "data-has-value": !!selectedColor,
-          "data-size": size,
-          "data-slot": "color-picker-trigger",
-          "data-state": open ? "open" : "closed",
-          "data-variant": variant,
-          disabled,
-          id,
-          role: "combobox",
-          type: "button",
-          children: [
-            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 flex-1 truncate", children: [
-              showPreview && selectedColor && /* @__PURE__ */ jsx(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: cn(colorPickerPreviewVariants({ size })),
-                  "data-slot": "color-picker-preview",
-                  style: { backgroundColor: selectedColor }
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { className: "truncate", children: selectedColor ?? placeholder })
-            ] }),
-            /* @__PURE__ */ jsx(Palette, { "aria-hidden": "true", className: "size-4 shrink-0 opacity-50" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        PopoverContent,
-        {
-          align: "start",
-          className: "w-[var(--color-picker-content-width)] p-[var(--color-picker-content-padding)]",
-          "data-slot": "color-picker-content",
-          children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
-                "input",
-                {
-                  ref: colorInputRef,
-                  "aria-label": "Choose color",
-                  className: "size-10 cursor-pointer rounded-md border border-input p-0.5 [&::-webkit-color-swatch-wrapper]:p-0 [&::-webkit-color-swatch]:rounded-sm [&::-webkit-color-swatch]:border-none [&::-moz-color-swatch]:rounded-sm [&::-moz-color-swatch]:border-none",
-                  "data-slot": "color-picker-native",
-                  type: "color",
-                  value: selectedColor ?? "#000000",
-                  onChange: handleNativeColorChange
-                }
-              ) }),
-              showInput && /* @__PURE__ */ jsx(
-                "input",
-                {
-                  "aria-label": "Hex color value",
-                  className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm font-mono shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 uppercase",
-                  "data-slot": "color-picker-input",
-                  maxLength: 7,
-                  placeholder: "#000000",
-                  type: "text",
-                  value: inputValue,
-                  onBlur: handleInputBlur,
-                  onChange: handleInputChange
-                }
-              )
-            ] }),
-            swatches.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground font-medium", children: "Preset colors" }),
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  "aria-label": "Color swatches",
-                  className: "grid grid-cols-5 gap-2",
-                  "data-slot": "color-picker-swatches",
-                  role: "group",
-                  children: swatches.map((color, index) => /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      className: cn(
-                        colorPickerSwatchVariants({ size }),
-                        selectedColor === color && "ring-2 ring-ring ring-offset-2"
-                      ),
-                      "aria-label": `Select color ${color}`,
-                      "aria-pressed": selectedColor === color,
-                      "data-color": color,
-                      "data-selected": selectedColor === color,
-                      "data-slot": "color-picker-swatch",
-                      style: { backgroundColor: color },
-                      type: "button",
-                      onClick: () => {
-                        handleSwatchClick(color);
-                      }
-                    },
-                    `${color}-${String(index)}`
-                  ))
-                }
-              )
-            ] }) : null
-          ] })
-        }
-      )
-    ] }),
-    name && /* @__PURE__ */ jsx(
-      "input",
-      {
-        name,
-        type: "hidden",
-        value: selectedColor ?? ""
-      }
-    )
-  ] });
-}
-
-export { ColorPicker, colorPickerPreviewVariants, colorPickerSwatchVariants, colorPickerTriggerVariants };
-//# sourceMappingURL=chunk-XD5LE64P.js.map
-//# sourceMappingURL=chunk-XD5LE64P.js.map

package/dist/chunk-XD5LE64P.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/forms/ColorPicker/ColorPicker.variants.ts","../src/components/forms/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"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","file":"chunk-XD5LE64P.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * ColorPicker trigger variant styles using CVA\n */\nexport const colorPickerTriggerVariants = cva(\n  // Base styles\n  [\n    \"inline-flex w-full items-center justify-between gap-2 rounded-[var(--color-picker-trigger-radius)] border bg-transparent font-normal transition-[color,box-shadow] outline-none\",\n    \"text-left\",\n    \"placeholder:text-muted-foreground\",\n    \"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n    \"focus-visible:border-[color:var(--color-picker-focus-ring-primary)] focus-visible:ring-[color:var(--color-picker-focus-ring-primary)]/50 focus-visible:ring-[length:var(--color-picker-focus-ring-width)]\",\n    \"aria-invalid:ring-[color:var(--color-picker-focus-ring-destructive)]/20 dark:aria-invalid:ring-[color:var(--color-picker-focus-ring-destructive)]/40 aria-invalid:border-[color:var(--color-picker-focus-ring-destructive)]\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-9 px-2.5 py-1 text-sm\",\n        md: \"h-10 px-3 py-1 text-base md:text-sm\",\n        lg: \"h-11 px-3.5 py-1.5 text-base\",\n      },\n      variant: {\n        default: \"border-input shadow-xs dark:bg-input/30\",\n        filled: \"border-transparent bg-muted\",\n        flushed: \"rounded-none border-x-0 border-t-0 border-b-input px-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * ColorPicker swatch styles using CVA\n */\nexport const colorPickerSwatchVariants = cva(\n  // Base styles\n  [\n    \"rounded-[var(--color-picker-swatch-radius)] border border-input cursor-pointer transition-all\",\n    \"hover:scale-110 hover:border-ring\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"size-5\",\n        md: \"size-6\",\n        lg: \"size-7\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * ColorPicker preview swatch (in trigger) styles\n */\nexport const colorPickerPreviewVariants = cva(\n  // Base styles\n  [\n    \"rounded-[var(--color-picker-swatch-radius)] border border-input shrink-0\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport type ColorPickerTriggerVariantProps = VariantProps<typeof colorPickerTriggerVariants>\nexport type ColorPickerSwatchVariantProps = VariantProps<typeof colorPickerSwatchVariants>\nexport type ColorPickerPreviewVariantProps = VariantProps<typeof colorPickerPreviewVariants>\n","import type { ColorPickerProps } from \"./ColorPicker.types\"\n\nimport { Palette } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../../feedback/Popover\"\nimport {\n  colorPickerPreviewVariants,\n  colorPickerSwatchVariants,\n  colorPickerTriggerVariants,\n} from \"./ColorPicker.variants\"\n\n/**\n * Validates if a string is a valid 6-digit hex color\n */\nfunction isValid6DigitHex(color: string): boolean {\n  return /^#[A-Fa-f0-9]{6}$/.test(color)\n}\n\n/**\n * Validates if a string is a valid 3-digit hex color\n */\nfunction isValid3DigitHex(color: string): boolean {\n  return /^#[A-Fa-f0-9]{3}$/.test(color)\n}\n\n/**\n * Validates if a string is a valid hex color (3 or 6 digit)\n */\nfunction isValidHexColor(color: string): boolean {\n  return isValid6DigitHex(color) || isValid3DigitHex(color)\n}\n\n/**\n * Normalizes a hex color to 6-digit lowercase format\n */\nfunction normalizeHexColor(color: string): string {\n  if (!color.startsWith(\"#\")) {\n    color = `#${color}`\n  }\n  // Convert 3-digit hex to 6-digit\n  if (color.length === 4) {\n    const r = color[1] ?? \"\"\n    const g = color[2] ?? \"\"\n    const b = color[3] ?? \"\"\n    return `#${r}${r}${g}${g}${b}${b}`.toLowerCase()\n  }\n  return color.toLowerCase()\n}\n\n/**\n * Default preset swatches\n */\nconst DEFAULT_SWATCHES = [\n  \"#ef4444\", // red\n  \"#f97316\", // orange\n  \"#eab308\", // yellow\n  \"#22c55e\", // green\n  \"#14b8a6\", // teal\n  \"#3b82f6\", // blue\n  \"#8b5cf6\", // violet\n  \"#ec4899\", // pink\n  \"#000000\", // black\n  \"#ffffff\", // white\n]\n\nfunction ColorPicker({\n  className,\n  value,\n  defaultValue,\n  placeholder = \"Select color\",\n  disabled = false,\n  swatches = DEFAULT_SWATCHES,\n  showInput = true,\n  showPreview = true,\n  onChange,\n  onOpenChange,\n  size = \"md\",\n  variant = \"default\",\n  required = false,\n  invalid = false,\n  id,\n  name,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledby,\n  ...props\n}: ColorPickerProps) {\n  const [open, setOpen] = React.useState(false)\n  const [internalColor, setInternalColor] = React.useState<string | undefined>(defaultValue)\n  const [inputValue, setInputValue] = React.useState(defaultValue ?? \"\")\n  const colorInputRef = React.useRef<HTMLInputElement>(null)\n\n  // Use controlled value if provided, otherwise use internal state\n  const selectedColor = value ?? internalColor\n\n  // Sync controlled color to input value when it changes.\n  /* eslint-disable react-you-might-not-need-an-effect/no-event-handler, react-you-might-not-need-an-effect/no-pass-live-state-to-parent, react-you-might-not-need-an-effect/no-pass-data-to-parent, react-you-might-not-need-an-effect/no-derived-state, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect -- Controlled value sync */\n  React.useEffect(() => {\n    if (!selectedColor) return\n    setInputValue((prev) => (prev === selectedColor ? prev : selectedColor))\n  }, [selectedColor])\n  /* eslint-enable react-you-might-not-need-an-effect/no-event-handler, react-you-might-not-need-an-effect/no-pass-live-state-to-parent, react-you-might-not-need-an-effect/no-pass-data-to-parent, react-you-might-not-need-an-effect/no-derived-state, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect */\n\n  const handleColorChange = (color: string) => {\n    const normalizedColor = normalizeHexColor(color)\n    if (value === undefined) {\n      setInternalColor(normalizedColor)\n    }\n    onChange?.(normalizedColor)\n  }\n\n  const handleNativeColorChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    handleColorChange(e.target.value)\n  }\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    let inputVal = e.target.value\n    setInputValue(inputVal)\n\n    // Auto-add # if not present\n    if (inputVal && !inputVal.startsWith(\"#\")) {\n      inputVal = `#${inputVal}`\n    }\n\n    // Only validate 6-digit hex during typing to avoid intermediate 3-digit matches\n    if (isValid6DigitHex(inputVal)) {\n      handleColorChange(inputVal)\n    }\n  }\n\n  const handleInputBlur = () => {\n    let inputVal = inputValue\n\n    // Auto-add # if not present\n    if (inputVal && !inputVal.startsWith(\"#\")) {\n      inputVal = `#${inputVal}`\n    }\n\n    // On blur, also accept 3-digit hex and normalize it\n    if (isValid3DigitHex(inputVal)) {\n      handleColorChange(inputVal)\n    } else if (!isValidHexColor(inputVal) && selectedColor) {\n      // Reset to current color if invalid\n      setInputValue(selectedColor)\n    }\n  }\n\n  const handleSwatchClick = (color: string) => {\n    handleColorChange(color)\n  }\n\n  const handleOpenChange = (isOpen: boolean) => {\n    setOpen(isOpen)\n    onOpenChange?.(isOpen)\n  }\n\n  return (\n    <div className={cn(\"relative\", className)} data-slot=\"color-picker\" {...props}>\n      <Popover open={open} onOpenChange={handleOpenChange}>\n        <PopoverTrigger asChild>\n          <button\n            className={cn(\n              colorPickerTriggerVariants({ size, variant }),\n              !selectedColor && \"text-muted-foreground\"\n            )}\n            aria-expanded={open}\n            aria-haspopup=\"dialog\"\n            aria-invalid={invalid}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-required={required}\n            data-has-value={!!selectedColor}\n            data-size={size}\n            data-slot=\"color-picker-trigger\"\n            data-state={open ? \"open\" : \"closed\"}\n            data-variant={variant}\n            disabled={disabled}\n            id={id}\n            role=\"combobox\"\n            type=\"button\"\n          >\n            <span className=\"flex items-center gap-2 flex-1 truncate\">\n              {showPreview && selectedColor && (\n                <span\n                  aria-hidden=\"true\"\n                  className={cn(colorPickerPreviewVariants({ size }))}\n                  data-slot=\"color-picker-preview\"\n                  style={{ backgroundColor: selectedColor }}\n                />\n              )}\n              <span className=\"truncate\">\n                {selectedColor ?? placeholder}\n              </span>\n            </span>\n            <Palette aria-hidden=\"true\" className=\"size-4 shrink-0 opacity-50\" />\n          </button>\n        </PopoverTrigger>\n        <PopoverContent\n          align=\"start\"\n          className=\"w-[var(--color-picker-content-width)] p-[var(--color-picker-content-padding)]\"\n          data-slot=\"color-picker-content\"\n        >\n          <div className=\"space-y-3\">\n            {/* Native color picker */}\n            <div className=\"flex items-center gap-2\">\n              <div className=\"relative\">\n                <input\n                  ref={colorInputRef}\n                  aria-label=\"Choose color\"\n                  className=\"size-10 cursor-pointer rounded-md border border-input p-0.5 [&::-webkit-color-swatch-wrapper]:p-0 [&::-webkit-color-swatch]:rounded-sm [&::-webkit-color-swatch]:border-none [&::-moz-color-swatch]:rounded-sm [&::-moz-color-swatch]:border-none\"\n                  data-slot=\"color-picker-native\"\n                  type=\"color\"\n                  value={selectedColor ?? \"#000000\"}\n                  onChange={handleNativeColorChange}\n                />\n              </div>\n              {showInput && (\n                <input\n                  aria-label=\"Hex color value\"\n                  className=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm font-mono shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 uppercase\"\n                  data-slot=\"color-picker-input\"\n                  maxLength={7}\n                  placeholder=\"#000000\"\n                  type=\"text\"\n                  value={inputValue}\n                  onBlur={handleInputBlur}\n                  onChange={handleInputChange}\n                />\n              )}\n            </div>\n\n            {/* Preset swatches */}\n            {swatches.length > 0 ? (\n              <div className=\"space-y-1.5\">\n                <span className=\"text-xs text-muted-foreground font-medium\">\n                  Preset colors\n                </span>\n                <div\n                  aria-label=\"Color swatches\"\n                  className=\"grid grid-cols-5 gap-2\"\n                  data-slot=\"color-picker-swatches\"\n                  role=\"group\"\n                >\n                  {swatches.map((color, index) => (\n                    <button\n                      key={`${color}-${String(index)}`}\n                      className={cn(\n                        colorPickerSwatchVariants({ size }),\n                        selectedColor === color && \"ring-2 ring-ring ring-offset-2\"\n                      )}\n                      aria-label={`Select color ${color}`}\n                      aria-pressed={selectedColor === color}\n                      data-color={color}\n                      data-selected={selectedColor === color}\n                      data-slot=\"color-picker-swatch\"\n                      style={{ backgroundColor: color }}\n                      type=\"button\"\n                      onClick={() => { handleSwatchClick(color); }}\n                    />\n                  ))}\n                </div>\n              </div>\n            ) : null}\n          </div>\n        </PopoverContent>\n      </Popover>\n      {name && (\n        <input\n          name={name}\n          type=\"hidden\"\n          value={selectedColor ?? \"\"}\n        />\n      )}\n    </div>\n  )\n}\n\nexport { ColorPicker }\n"]}

package/dist/chunk-XV6NXXXP.js

@@ -1,206 +0,0 @@
-import { ChartTooltipContent, ChartContainer, ChartTooltip, ChartLegend, ChartLegendContent } from './chunk-7I6KK6QE.js';
-import { cn } from './chunk-HRNDJU7D.js';
-import * as React from 'react';
-import { LineChart as LineChart$1, CartesianGrid, XAxis, Label, YAxis, Line } from 'recharts';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function normalizeSeriesConfig(series) {
-  return series.map(
-    (s) => typeof s === "string" ? { dataKey: s } : s
-  );
-}
-function getVariantStrokeDasharray(variant) {
-  switch (variant) {
-    case "dashed":
-      return "5 5";
-    case "dotted":
-      return "2 2";
-    default:
-      return void 0;
-  }
-}
-function LineChart({
-  activeDot = { r: 6 },
-  allowDecimals = true,
-  autoMinValue = false,
-  className,
-  config,
-  connectNulls = false,
-  customTooltip,
-  curveType = "monotone",
-  data,
-  dot = false,
-  enableLegendSlider = false,
-  gridDashArray = "3 3",
-  intervalType,
-  legendPosition = "bottom",
-  maxValue,
-  minValue,
-  onValueChange,
-  series,
-  showGrid = true,
-  showLegend = false,
-  showTooltip = true,
-  showXAxis = true,
-  showYAxis = true,
-  startEndOnly = false,
-  strokeWidth = 2,
-  tickGap,
-  tooltipCallback,
-  tooltipIndicator = "dot",
-  variant = "default",
-  xAxisLabel,
-  xAxisKey,
-  xAxisTickFormatter,
-  yAxisLabel,
-  yAxisTickFormatter,
-  yAxisWidth,
-  ...props
-}) {
-  const normalizedSeries = normalizeSeriesConfig(series);
-  const variantStrokeDasharray = getVariantStrokeDasharray(variant);
-  const prevTooltipStateRef = React.useRef(false);
-  const handleDotClick = React.useCallback(
-    (dataKey) => (data2) => {
-      if (!onValueChange) return;
-      const payload = data2.payload;
-      const value = payload[dataKey];
-      onValueChange({
-        category: payload[xAxisKey],
-        dataKey,
-        payload,
-        value: typeof value === "number" ? value : 0
-      });
-    },
-    [onValueChange, xAxisKey]
-  );
-  const TooltipContentWithCallback = React.useCallback(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (props2) => {
-      const { active = false, label, payload } = props2;
-      if (tooltipCallback && active !== prevTooltipStateRef.current) {
-        prevTooltipStateRef.current = active;
-        tooltipCallback({
-          active,
-          label,
-          payload: payload?.map((p) => ({
-            dataKey: String(p.dataKey),
-            value: p.value,
-            payload: p.payload
-          }))
-        });
-      }
-      return /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: tooltipIndicator, ...props2 });
-    },
-    [tooltipCallback, tooltipIndicator]
-  );
-  const yDomain = React.useMemo(() => {
-    const min = minValue ?? (autoMinValue ? "auto" : 0);
-    const max = maxValue ?? "auto";
-    return [min, max];
-  }, [autoMinValue, maxValue, minValue]);
-  const xAxisTicks = React.useMemo(() => {
-    if (!startEndOnly || data.length < 2) return;
-    const first = data[0];
-    const last = data[data.length - 1];
-    if (!first || !last) return;
-    return [first[xAxisKey], last[xAxisKey]];
-  }, [data, startEndOnly, xAxisKey]);
-  return /* @__PURE__ */ jsx("div", { "data-slot": "line-chart", ...props, children: /* @__PURE__ */ jsx(
-    ChartContainer,
-    {
-      className: cn(className),
-      config,
-      children: /* @__PURE__ */ jsxs(
-        LineChart$1,
-        {
-          accessibilityLayer: true,
-          data,
-          margin: { left: xAxisLabel ? 20 : 12, right: 12, bottom: yAxisLabel ? 20 : 0 },
-          children: [
-            showGrid && /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: gridDashArray, vertical: false }),
-            showXAxis && /* @__PURE__ */ jsx(
-              XAxis,
-              {
-                axisLine: false,
-                dataKey: xAxisKey,
-                interval: intervalType,
-                minTickGap: tickGap,
-                tickFormatter: xAxisTickFormatter,
-                tickLine: false,
-                tickMargin: 8,
-                ticks: xAxisTicks,
-                children: xAxisLabel && /* @__PURE__ */ jsx(Label, { offset: -5, position: "insideBottom", value: xAxisLabel })
-              }
-            ),
-            showYAxis && /* @__PURE__ */ jsx(
-              YAxis,
-              {
-                allowDecimals,
-                axisLine: false,
-                domain: yDomain,
-                tickFormatter: yAxisTickFormatter,
-                tickLine: false,
-                tickMargin: 8,
-                width: yAxisWidth,
-                children: yAxisLabel && /* @__PURE__ */ jsx(Label, { angle: -90, offset: -5, position: "insideLeft", value: yAxisLabel })
-              }
-            ),
-            showTooltip && /* @__PURE__ */ jsx(
-              ChartTooltip,
-              {
-                content: customTooltip ?? (tooltipCallback ? /* @__PURE__ */ jsx(TooltipContentWithCallback, {}) : /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: tooltipIndicator })),
-                cursor: false
-              }
-            ),
-            showLegend && /* @__PURE__ */ jsx(
-              ChartLegend,
-              {
-                align: legendPosition === "left" ? "left" : legendPosition === "right" ? "right" : "center",
-                content: /* @__PURE__ */ jsx(ChartLegendContent, { enableSlider: enableLegendSlider }),
-                layout: legendPosition === "left" || legendPosition === "right" ? "vertical" : "horizontal",
-                verticalAlign: legendPosition === "top" ? "top" : legendPosition === "bottom" ? "bottom" : "middle"
-              }
-            ),
-            normalizedSeries.map((seriesConfig) => {
-              const {
-                activeDot: seriesActiveDot,
-                dataKey,
-                dot: seriesDot,
-                strokeDasharray: seriesStrokeDasharray,
-                strokeOpacity,
-                strokeWidth: seriesStrokeWidth
-              } = seriesConfig;
-              const stroke = `var(--color-${dataKey})`;
-              const finalStrokeDasharray = seriesStrokeDasharray ?? variantStrokeDasharray;
-              const finalDot = seriesDot ?? dot;
-              const finalStrokeWidth = seriesStrokeWidth ?? strokeWidth;
-              const baseActiveDot = seriesActiveDot ?? activeDot;
-              const finalActiveDot = onValueChange ? typeof baseActiveDot === "object" ? { ...baseActiveDot, onClick: handleDotClick(dataKey), style: { cursor: "pointer" } } : !baseActiveDot ? false : { r: 6, onClick: handleDotClick(dataKey), style: { cursor: "pointer" } } : baseActiveDot;
-              return /* @__PURE__ */ jsx(
-                Line,
-                {
-                  activeDot: finalActiveDot,
-                  connectNulls,
-                  dataKey,
-                  dot: finalDot,
-                  stroke,
-                  strokeDasharray: finalStrokeDasharray,
-                  strokeOpacity,
-                  strokeWidth: finalStrokeWidth,
-                  type: curveType
-                },
-                dataKey
-              );
-            })
-          ]
-        }
-      )
-    }
-  ) });
-}
-LineChart.displayName = "LineChart";
-
-export { LineChart };
-//# sourceMappingURL=chunk-XV6NXXXP.js.map
-//# sourceMappingURL=chunk-XV6NXXXP.js.map