@etus/ui 0.4.0-beta.2 → 0.4.0-beta.4

package/dist/chunk-HKXQLWGR.js

@@ -0,0 +1,335 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { Command } from 'cmdk';
+import { XIcon, ChevronDownIcon, SearchIcon, CheckIcon } from 'lucide-react';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var multiSelectTriggerVariants = cva(
+  // Base styles
+  [
+    "flex w-[var(--multiselect-trigger-width)] items-center justify-between gap-2 rounded-[var(--multiselect-trigger-radius)] border bg-transparent",
+    "text-sm whitespace-normal shadow-xs transition-[color,box-shadow] outline-none",
+    "data-[placeholder]:text-muted-foreground",
+    "[&_svg:not([class*='text-'])]:text-muted-foreground",
+    "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+    "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+    "dark:bg-input/30 dark:hover:bg-input/50",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "min-h-[var(--multiselect-trigger-min-height-sm)] px-[var(--multiselect-trigger-padding-x-sm)] py-[var(--multiselect-trigger-padding-y-sm)] text-[length:var(--multiselect-trigger-text-sm)]",
+        md: "min-h-[var(--multiselect-trigger-min-height-md)] px-[var(--multiselect-trigger-padding-x-md)] py-[var(--multiselect-trigger-padding-y-md)] text-[length:var(--multiselect-trigger-text-md)]",
+        lg: "min-h-[var(--multiselect-trigger-min-height-lg)] px-[var(--multiselect-trigger-padding-x-lg)] py-[var(--multiselect-trigger-padding-y-lg)] text-[length:var(--multiselect-trigger-text-lg)]"
+      },
+      variant: {
+        default: "border-input shadow-xs",
+        filled: "border-transparent bg-muted",
+        flushed: "rounded-none border-x-0 border-t-0 border-b-input px-0 shadow-none"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "default"
+    }
+  }
+);
+var multiSelectContentVariants = cva(
+  // Base styles
+  [
+    "bg-[color:var(--multiselect-content-bg)] text-[color:var(--multiselect-content-fg)]",
+    "z-50 w-[var(--multiselect-content-width)] overflow-hidden rounded-[var(--multiselect-content-radius)] border shadow-[var(--multiselect-content-shadow)] p-0",
+    // Animation classes
+    "data-[state=open]:animate-in data-[state=closed]:animate-out",
+    "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+    "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+    "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+    "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+  ],
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var multiSelectInputVariants = cva(
+  [
+    "flex h-[var(--multiselect-input-height)] w-full rounded-md bg-transparent py-[var(--multiselect-input-padding-y)] text-[length:var(--multiselect-input-text)] outline-none",
+    "placeholder:text-muted-foreground",
+    "disabled:cursor-not-allowed disabled:opacity-50"
+  ],
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var multiSelectItemVariants = cva(
+  [
+    "relative flex cursor-default items-center gap-2 rounded-[var(--multiselect-item-radius)] px-[var(--multiselect-item-padding-x)] py-[var(--multiselect-item-padding-y)] text-[length:var(--multiselect-item-text)]",
+    "outline-none select-none",
+    "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+    "data-[highlighted=true]:bg-accent data-[highlighted=true]:text-accent-foreground",
+    "[&_svg:not([class*='text-'])]:text-muted-foreground",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+  ],
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var multiSelectEmptyVariants = cva(
+  ["py-[var(--multiselect-empty-padding-y)] text-center text-[length:var(--multiselect-empty-text)] text-[color:var(--multiselect-empty-fg)]"],
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var multiSelectTagVariants = cva(
+  [
+    "inline-flex items-center gap-1 rounded-[var(--multiselect-tag-radius)] bg-[color:var(--multiselect-tag-bg)] text-[color:var(--multiselect-tag-fg)]",
+    "font-medium shrink-0",
+    "[&_svg]:size-3 [&_svg]:shrink-0"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-[length:var(--multiselect-tag-text-sm)] px-[var(--multiselect-tag-padding-x-sm)] py-[var(--multiselect-tag-padding-y-sm)]",
+        md: "text-[length:var(--multiselect-tag-text-md)] px-[var(--multiselect-tag-padding-x-md)] py-[var(--multiselect-tag-padding-y-md)]",
+        lg: "text-[length:var(--multiselect-tag-text-lg)] px-[var(--multiselect-tag-padding-x-lg)] py-[var(--multiselect-tag-padding-y-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function MultiSelect({
+  options,
+  value: controlledValue,
+  defaultValue = [],
+  placeholder = "Select options...",
+  searchPlaceholder = "Search...",
+  emptyMessage = "No results found.",
+  disabled = false,
+  error = false,
+  errorMessage: _errorMessage,
+  icon,
+  maxSelected,
+  name,
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  onChange,
+  onSearch,
+  required = false,
+  size = "md",
+  variant = "default",
+  className,
+  ...props
+}) {
+  const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const values = controlledValue ?? internalValue;
+  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+  const open = controlledOpen ?? internalOpen;
+  const [searchQuery, setSearchQuery] = React.useState("");
+  const selectedLabels = React.useMemo(() => {
+    return values.map((val) => {
+      const option = options.find((opt) => opt.value === val);
+      return option ? { value: val, label: option.label } : null;
+    }).filter((item) => item !== null);
+  }, [values, options]);
+  const isMaxReached = maxSelected !== void 0 && values.length >= maxSelected;
+  const handleOpenChange = React.useCallback(
+    (newOpen) => {
+      if (disabled && newOpen) {
+        return;
+      }
+      if (controlledOpen === void 0) {
+        setInternalOpen(newOpen);
+      }
+      onOpenChange?.(newOpen);
+      if (!newOpen) {
+        setSearchQuery("");
+      }
+    },
+    [controlledOpen, onOpenChange, disabled]
+  );
+  const handleToggle = React.useCallback(
+    (selectedValue) => {
+      const newValues = values.includes(selectedValue) ? values.filter((v) => v !== selectedValue) : isMaxReached ? values : [...values, selectedValue];
+      if (controlledValue === void 0) {
+        setInternalValue(newValues);
+      }
+      onChange?.(newValues);
+    },
+    [values, controlledValue, onChange, isMaxReached]
+  );
+  const handleRemove = React.useCallback(
+    (valueToRemove, event) => {
+      event?.stopPropagation();
+      const newValues = values.filter((v) => v !== valueToRemove);
+      if (controlledValue === void 0) {
+        setInternalValue(newValues);
+      }
+      onChange?.(newValues);
+    },
+    [values, controlledValue, onChange]
+  );
+  const handleSearchChange = React.useCallback(
+    (query) => {
+      setSearchQuery(query);
+      onSearch?.(query);
+    },
+    [onSearch]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    name && values.map((val) => /* @__PURE__ */ jsx("input", { name, type: "hidden", value: val }, val)),
+    /* @__PURE__ */ jsxs(PopoverPrimitive.Root, { open, onOpenChange: handleOpenChange, children: [
+      /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            multiSelectTriggerVariants({ size, variant }),
+            "cursor-pointer flex-wrap",
+            disabled && "pointer-events-none",
+            className
+          ),
+          "aria-disabled": disabled || void 0,
+          "aria-expanded": open,
+          "aria-haspopup": "listbox",
+          "aria-invalid": error || void 0,
+          "aria-required": required || void 0,
+          "data-disabled": disabled || void 0,
+          "data-error": error || void 0,
+          "data-size": size,
+          "data-slot": "multi-select",
+          "data-variant": variant,
+          role: "combobox",
+          tabIndex: disabled ? -1 : 0,
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              if (!disabled) {
+                handleOpenChange(!open);
+              }
+            }
+          },
+          ...props,
+          children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "flex flex-1 flex-wrap items-center gap-1",
+                "data-slot": "multi-select-trigger",
+                children: [
+                  icon && /* @__PURE__ */ jsx("span", { className: "shrink-0", "data-slot": "multi-select-icon", children: icon }),
+                  selectedLabels.length === 0 ? /* @__PURE__ */ jsx("span", { "data-placeholder": true, className: "text-muted-foreground", children: placeholder }) : selectedLabels.map((item) => /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      className: cn(multiSelectTagVariants({ size })),
+                      "data-slot": "multi-select-tag",
+                      "data-value": item.value,
+                      children: [
+                        item.label,
+                        /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            "aria-label": `Remove ${item.label}`,
+                            className: "ml-0.5 rounded-sm hover:bg-foreground/10 focus:outline-none",
+                            tabIndex: -1,
+                            type: "button",
+                            onClick: (e) => {
+                              handleRemove(item.value, e);
+                            },
+                            children: /* @__PURE__ */ jsx(XIcon, { className: "size-3" })
+                          }
+                        )
+                      ]
+                    },
+                    item.value
+                  ))
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 shrink-0 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+        PopoverPrimitive.Content,
+        {
+          align: "start",
+          className: cn(multiSelectContentVariants()),
+          "data-slot": "multi-select-content",
+          sideOffset: 4,
+          children: /* @__PURE__ */ jsxs(
+            Command,
+            {
+              className: "flex h-full w-full flex-col overflow-hidden",
+              shouldFilter: !onSearch,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", children: [
+                  /* @__PURE__ */ jsx(SearchIcon, { className: "mr-2 size-4 shrink-0 opacity-50" }),
+                  /* @__PURE__ */ jsx(
+                    Command.Input,
+                    {
+                      className: cn(multiSelectInputVariants()),
+                      "data-slot": "multi-select-input",
+                      placeholder: searchPlaceholder,
+                      value: searchQuery,
+                      onValueChange: handleSearchChange
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs(Command.List, { className: "max-h-72 overflow-y-auto overflow-x-hidden p-1", children: [
+                  /* @__PURE__ */ jsx(Command.Empty, { className: cn(multiSelectEmptyVariants()), children: emptyMessage }),
+                  options.map((option) => {
+                    const isSelected = values.includes(option.value);
+                    const isDisabled = option.disabled ?? (!isSelected && isMaxReached);
+                    return /* @__PURE__ */ jsxs(
+                      Command.Item,
+                      {
+                        className: cn(multiSelectItemVariants()),
+                        "data-disabled": isDisabled || void 0,
+                        "data-selected": isSelected || void 0,
+                        "data-slot": "multi-select-item",
+                        disabled: isDisabled,
+                        value: option.label,
+                        onSelect: () => {
+                          if (!isDisabled) {
+                            handleToggle(option.value);
+                          }
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              className: cn(
+                                "flex size-4 shrink-0 items-center justify-center rounded-sm border border-primary",
+                                isSelected ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
+                              ),
+                              children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3" })
+                            }
+                          ),
+                          option.label
+                        ]
+                      },
+                      option.value
+                    );
+                  })
+                ] })
+              ]
+            }
+          )
+        }
+      ) })
+    ] })
+  ] });
+}
+
+export { MultiSelect };
+//# sourceMappingURL=chunk-HKXQLWGR.js.map
+//# sourceMappingURL=chunk-HKXQLWGR.js.map

package/dist/chunk-HKXQLWGR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/MultiSelect/MultiSelect.variants.ts","../src/components/forms/MultiSelect/MultiSelect.tsx"],"names":["CommandPrimitive"],"mappings":"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","file":"chunk-HKXQLWGR.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * MultiSelectTrigger variant styles using CVA\n */\nexport const multiSelectTriggerVariants = cva(\n  // Base styles\n  [\n    \"flex w-[var(--multiselect-trigger-width)] items-center justify-between gap-2 rounded-[var(--multiselect-trigger-radius)] border bg-transparent\",\n    \"text-sm whitespace-normal shadow-xs transition-[color,box-shadow] outline-none\",\n    \"data-[placeholder]:text-muted-foreground\",\n    \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n    \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n    \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n    \"dark:bg-input/30 dark:hover:bg-input/50\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"min-h-[var(--multiselect-trigger-min-height-sm)] px-[var(--multiselect-trigger-padding-x-sm)] py-[var(--multiselect-trigger-padding-y-sm)] text-[length:var(--multiselect-trigger-text-sm)]\",\n        md: \"min-h-[var(--multiselect-trigger-min-height-md)] px-[var(--multiselect-trigger-padding-x-md)] py-[var(--multiselect-trigger-padding-y-md)] text-[length:var(--multiselect-trigger-text-md)]\",\n        lg: \"min-h-[var(--multiselect-trigger-min-height-lg)] px-[var(--multiselect-trigger-padding-x-lg)] py-[var(--multiselect-trigger-padding-y-lg)] text-[length:var(--multiselect-trigger-text-lg)]\",\n      },\n      variant: {\n        default: \"border-input shadow-xs\",\n        filled: \"border-transparent bg-muted\",\n        flushed: \"rounded-none border-x-0 border-t-0 border-b-input px-0 shadow-none\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * MultiSelectContent variant styles using CVA\n */\nexport const multiSelectContentVariants = cva(\n  // Base styles\n  [\n    \"bg-[color:var(--multiselect-content-bg)] text-[color:var(--multiselect-content-fg)]\",\n    \"z-50 w-[var(--multiselect-content-width)] overflow-hidden rounded-[var(--multiselect-content-radius)] border shadow-[var(--multiselect-content-shadow)] p-0\",\n    // Animation classes\n    \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n    \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n    \"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n    \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2\",\n    \"data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n  ],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\n/**\n * MultiSelectInput variant styles using CVA\n */\nexport const multiSelectInputVariants = cva(\n  [\n    \"flex h-[var(--multiselect-input-height)] w-full rounded-md bg-transparent py-[var(--multiselect-input-padding-y)] text-[length:var(--multiselect-input-text)] outline-none\",\n    \"placeholder:text-muted-foreground\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n  ],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\n/**\n * MultiSelectItem variant styles using CVA\n */\nexport const multiSelectItemVariants = cva(\n  [\n    \"relative flex cursor-default items-center gap-2 rounded-[var(--multiselect-item-radius)] px-[var(--multiselect-item-padding-x)] py-[var(--multiselect-item-padding-y)] text-[length:var(--multiselect-item-text)]\",\n    \"outline-none select-none\",\n    \"data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50\",\n    \"data-[highlighted=true]:bg-accent data-[highlighted=true]:text-accent-foreground\",\n    \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  ],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\n/**\n * MultiSelectEmpty variant styles using CVA\n */\nexport const multiSelectEmptyVariants = cva(\n  [\"py-[var(--multiselect-empty-padding-y)] text-center text-[length:var(--multiselect-empty-text)] text-[color:var(--multiselect-empty-fg)]\"],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\n/**\n * MultiSelectTag variant styles using CVA\n */\nexport const multiSelectTagVariants = cva(\n  [\n    \"inline-flex items-center gap-1 rounded-[var(--multiselect-tag-radius)] bg-[color:var(--multiselect-tag-bg)] text-[color:var(--multiselect-tag-fg)]\",\n    \"font-medium shrink-0\",\n    \"[&_svg]:size-3 [&_svg]:shrink-0\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"text-[length:var(--multiselect-tag-text-sm)] px-[var(--multiselect-tag-padding-x-sm)] py-[var(--multiselect-tag-padding-y-sm)]\",\n        md: \"text-[length:var(--multiselect-tag-text-md)] px-[var(--multiselect-tag-padding-x-md)] py-[var(--multiselect-tag-padding-y-md)]\",\n        lg: \"text-[length:var(--multiselect-tag-text-lg)] px-[var(--multiselect-tag-padding-x-lg)] py-[var(--multiselect-tag-padding-y-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport type MultiSelectTriggerVariantProps = VariantProps<typeof multiSelectTriggerVariants>\nexport type MultiSelectContentVariantProps = VariantProps<typeof multiSelectContentVariants>\nexport type MultiSelectInputVariantProps = VariantProps<typeof multiSelectInputVariants>\nexport type MultiSelectItemVariantProps = VariantProps<typeof multiSelectItemVariants>\nexport type MultiSelectEmptyVariantProps = VariantProps<typeof multiSelectEmptyVariants>\nexport type MultiSelectTagVariantProps = VariantProps<typeof multiSelectTagVariants>\n","import type { MultiSelectProps } from \"./MultiSelect.types\"\n\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { CheckIcon, ChevronDownIcon, SearchIcon, XIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  multiSelectContentVariants,\n  multiSelectEmptyVariants,\n  multiSelectInputVariants,\n  multiSelectItemVariants,\n  multiSelectTagVariants,\n  multiSelectTriggerVariants,\n} from \"./MultiSelect.variants\"\n\n/**\n * MultiSelect - A multi-selection component with tags display\n *\n * Uses Radix Popover for the dropdown container and cmdk (Command) for\n * search/filter functionality with full keyboard accessibility.\n * Selected items are displayed as removable tags.\n *\n * @example\n * ```tsx\n * <MultiSelect\n *   options={[\n *     { value: \"apple\", label: \"Apple\" },\n *     { value: \"banana\", label: \"Banana\" },\n *   ]}\n *   placeholder=\"Select fruits...\"\n *   onChange={(values) => console.log(values)}\n * />\n * ```\n */\nfunction MultiSelect({\n  options,\n  value: controlledValue,\n  defaultValue = [],\n  placeholder = \"Select options...\",\n  searchPlaceholder = \"Search...\",\n  emptyMessage = \"No results found.\",\n  disabled = false,\n  error = false,\n  errorMessage: _errorMessage,\n  icon,\n  maxSelected,\n  name,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  onChange,\n  onSearch,\n  required = false,\n  size = \"md\",\n  variant = \"default\",\n  className,\n  ...props\n}: MultiSelectProps) {\n  // Handle controlled vs uncontrolled value\n  const [internalValue, setInternalValue] = React.useState<string[]>(defaultValue)\n  const values = controlledValue ?? internalValue\n\n  // Handle controlled vs uncontrolled open state\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen)\n  const open = controlledOpen ?? internalOpen\n\n  // Search query state\n  const [searchQuery, setSearchQuery] = React.useState(\"\")\n\n  // Get labels for selected values\n  const selectedLabels = React.useMemo(() => {\n    return values\n      .map((val) => {\n        const option = options.find((opt) => opt.value === val)\n        return option ? { value: val, label: option.label } : null\n      })\n      .filter((item): item is { label: string; value: string; } => item !== null)\n  }, [values, options])\n\n  // Check if max selected limit is reached\n  const isMaxReached = maxSelected !== undefined && values.length >= maxSelected\n\n  // Handle open state changes\n  const handleOpenChange = React.useCallback(\n    (newOpen: boolean) => {\n      // Prevent opening when disabled\n      if (disabled && newOpen) {\n        return\n      }\n\n      if (controlledOpen === undefined) {\n        setInternalOpen(newOpen)\n      }\n      onOpenChange?.(newOpen)\n\n      // Clear search when closing\n      if (!newOpen) {\n        setSearchQuery(\"\")\n      }\n    },\n    [controlledOpen, onOpenChange, disabled]\n  )\n\n  // Handle value toggle\n  const handleToggle = React.useCallback(\n    (selectedValue: string) => {\n      const newValues = values.includes(selectedValue)\n        ? values.filter((v) => v !== selectedValue)\n        : isMaxReached\n          ? values\n          : [...values, selectedValue]\n\n      if (controlledValue === undefined) {\n        setInternalValue(newValues)\n      }\n      onChange?.(newValues)\n    },\n    [values, controlledValue, onChange, isMaxReached]\n  )\n\n  // Handle tag removal\n  const handleRemove = React.useCallback(\n    (valueToRemove: string, event?: React.MouseEvent) => {\n      event?.stopPropagation()\n      const newValues = values.filter((v) => v !== valueToRemove)\n      if (controlledValue === undefined) {\n        setInternalValue(newValues)\n      }\n      onChange?.(newValues)\n    },\n    [values, controlledValue, onChange]\n  )\n\n  // Handle search input changes\n  const handleSearchChange = React.useCallback(\n    (query: string) => {\n      setSearchQuery(query)\n      onSearch?.(query)\n    },\n    [onSearch]\n  )\n\n  return (\n    <>\n      {/* Hidden inputs for form submission */}\n      {name &&\n        values.map((val) => (\n          <input key={val} name={name} type=\"hidden\" value={val} />\n        ))}\n      <PopoverPrimitive.Root open={open} onOpenChange={handleOpenChange}>\n      <PopoverPrimitive.Trigger asChild disabled={disabled}>\n        <div\n          className={cn(\n            multiSelectTriggerVariants({ size, variant }),\n            \"cursor-pointer flex-wrap\",\n            disabled && \"pointer-events-none\",\n            className\n          )}\n          aria-disabled={disabled || undefined}\n          aria-expanded={open}\n          aria-haspopup=\"listbox\"\n          aria-invalid={error || undefined}\n          aria-required={required || undefined}\n          data-disabled={disabled || undefined}\n          data-error={error || undefined}\n          data-size={size}\n          data-slot=\"multi-select\"\n          data-variant={variant}\n          role=\"combobox\"\n          tabIndex={disabled ? -1 : 0}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" || e.key === \" \") {\n              e.preventDefault()\n              if (!disabled) {\n                handleOpenChange(!open)\n              }\n            }\n          }}\n          {...props}\n        >\n          <div\n            className=\"flex flex-1 flex-wrap items-center gap-1\"\n            data-slot=\"multi-select-trigger\"\n          >\n            {icon && (\n              <span className=\"shrink-0\" data-slot=\"multi-select-icon\">\n                {icon}\n              </span>\n            )}\n            {selectedLabels.length === 0 ? (\n              <span data-placeholder className=\"text-muted-foreground\">\n                {placeholder}\n              </span>\n            ) : (\n              selectedLabels.map((item) => (\n                <span\n                  key={item.value}\n                  className={cn(multiSelectTagVariants({ size }))}\n                  data-slot=\"multi-select-tag\"\n                  data-value={item.value}\n                >\n                  {item.label}\n                  <button\n                    aria-label={`Remove ${item.label}`}\n                    className=\"ml-0.5 rounded-sm hover:bg-foreground/10 focus:outline-none\"\n                    tabIndex={-1}\n                    type=\"button\"\n                    onClick={(e) => { handleRemove(item.value, e); }}\n                  >\n                    <XIcon className=\"size-3\" />\n                  </button>\n                </span>\n              ))\n            )}\n          </div>\n          <ChevronDownIcon className=\"size-4 shrink-0 opacity-50\" />\n        </div>\n      </PopoverPrimitive.Trigger>\n\n      <PopoverPrimitive.Portal>\n        <PopoverPrimitive.Content\n          align=\"start\"\n          className={cn(multiSelectContentVariants())}\n          data-slot=\"multi-select-content\"\n          sideOffset={4}\n        >\n          <CommandPrimitive\n            className=\"flex h-full w-full flex-col overflow-hidden\"\n            shouldFilter={!onSearch}\n          >\n            <div className=\"flex items-center border-b px-3\">\n              <SearchIcon className=\"mr-2 size-4 shrink-0 opacity-50\" />\n              <CommandPrimitive.Input\n                className={cn(multiSelectInputVariants())}\n                data-slot=\"multi-select-input\"\n                placeholder={searchPlaceholder}\n                value={searchQuery}\n                onValueChange={handleSearchChange}\n              />\n            </div>\n\n            <CommandPrimitive.List className=\"max-h-72 overflow-y-auto overflow-x-hidden p-1\">\n              <CommandPrimitive.Empty className={cn(multiSelectEmptyVariants())}>\n                {emptyMessage}\n              </CommandPrimitive.Empty>\n\n              {options.map((option) => {\n                const isSelected = values.includes(option.value)\n                const isDisabled = option.disabled ?? (!isSelected && isMaxReached)\n\n                return (\n                  <CommandPrimitive.Item\n                    key={option.value}\n                    className={cn(multiSelectItemVariants())}\n                    data-disabled={isDisabled || undefined}\n                    data-selected={isSelected || undefined}\n                    data-slot=\"multi-select-item\"\n                    disabled={isDisabled}\n                    value={option.label}\n                    onSelect={() => {\n                      if (!isDisabled) {\n                        handleToggle(option.value)\n                      }\n                    }}\n                  >\n                    <div\n                      className={cn(\n                        \"flex size-4 shrink-0 items-center justify-center rounded-sm border border-primary\",\n                        isSelected\n                          ? \"bg-primary text-primary-foreground\"\n                          : \"opacity-50 [&_svg]:invisible\"\n                      )}\n                    >\n                      <CheckIcon className=\"size-3\" />\n                    </div>\n                    {option.label}\n                  </CommandPrimitive.Item>\n                )\n              })}\n            </CommandPrimitive.List>\n          </CommandPrimitive>\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n    </>\n  )\n}\n\nexport { MultiSelect }\n"]}

package/dist/chunk-HRNDJU7D.js

@@ -1,11 +1,11 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
 // src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-export {
-  cn
-};
+export { cn };
+//# sourceMappingURL=chunk-HRNDJU7D.js.map
 //# sourceMappingURL=chunk-HRNDJU7D.js.map

package/dist/chunk-HRNDJU7D.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";AAAA,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}
+{"version":3,"sources":["../src/lib/utils.ts"],"names":[],"mappings":";;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B","file":"chunk-HRNDJU7D.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"]}

package/dist/chunk-HXHB2CK5.js

@@ -0,0 +1,108 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var headingVariants = cva(
+  "scroll-m-[var(--heading-base-scroll-margin)] tracking-[var(--heading-base-letter-spacing)] font-[var(--heading-base-font-weight)] text-[color:var(--heading-base-color)] font-[family-name:var(--heading-base-font-family)]",
+  {
+    variants: {
+      level: {
+        1: "text-[length:var(--heading-size-4xl-font-size)] leading-[var(--heading-size-4xl-line-height)] font-[var(--heading-weight-bold)]",
+        2: "text-[length:var(--heading-size-3xl-font-size)] leading-[var(--heading-size-3xl-line-height)]",
+        3: "text-[length:var(--heading-size-2xl-font-size)] leading-[var(--heading-size-2xl-line-height)]",
+        4: "text-[length:var(--heading-size-xl-font-size)] leading-[var(--heading-size-xl-line-height)]",
+        5: "text-[length:var(--heading-size-lg-font-size)] leading-[var(--heading-size-lg-line-height)]",
+        6: "text-[length:var(--heading-size-base-font-size)] leading-[var(--heading-size-base-line-height)]"
+      },
+      size: {
+        "4xl": "text-[length:var(--heading-size-4xl-font-size)] leading-[var(--heading-size-4xl-line-height)] font-[var(--heading-weight-bold)]",
+        "3xl": "text-[length:var(--heading-size-3xl-font-size)] leading-[var(--heading-size-3xl-line-height)]",
+        "2xl": "text-[length:var(--heading-size-2xl-font-size)] leading-[var(--heading-size-2xl-line-height)]",
+        xl: "text-[length:var(--heading-size-xl-font-size)] leading-[var(--heading-size-xl-line-height)]",
+        lg: "text-[length:var(--heading-size-lg-font-size)] leading-[var(--heading-size-lg-line-height)]",
+        base: "text-[length:var(--heading-size-base-font-size)] leading-[var(--heading-size-base-line-height)]",
+        sm: "text-[length:var(--heading-size-sm-font-size)] leading-[var(--heading-size-sm-line-height)]"
+      },
+      weight: {
+        normal: "font-[var(--heading-weight-normal)]",
+        medium: "font-[var(--heading-weight-medium)]",
+        semibold: "font-[var(--heading-weight-semibold)]",
+        bold: "font-[var(--heading-weight-bold)]",
+        extrabold: "font-[var(--heading-weight-extrabold)]"
+      },
+      align: {
+        left: "text-left",
+        center: "text-center",
+        right: "text-right"
+      },
+      color: {
+        default: "text-[color:var(--heading-color-default)]",
+        muted: "text-[color:var(--heading-color-muted)]",
+        primary: "text-[color:var(--heading-color-primary)]",
+        destructive: "text-[color:var(--heading-color-destructive)]"
+      },
+      gradient: {
+        none: "",
+        primary: "bg-gradient-to-r from-primary to-primary/60 bg-clip-text text-transparent",
+        secondary: "bg-gradient-to-r from-secondary-foreground to-secondary-foreground/60 bg-clip-text text-transparent",
+        accent: "bg-gradient-to-r from-accent-foreground to-accent-foreground/60 bg-clip-text text-transparent",
+        rainbow: "bg-gradient-to-r from-red-500 via-yellow-500 to-blue-500 bg-clip-text text-transparent"
+      },
+      truncate: {
+        true: "truncate",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      level: 2,
+      weight: "semibold",
+      align: "left",
+      color: "default",
+      gradient: "none",
+      truncate: false
+    }
+  }
+);
+function Heading({
+  className,
+  level = 2,
+  size,
+  weight,
+  align,
+  color,
+  gradient,
+  truncate,
+  asChild = false,
+  ref,
+  ...props
+}) {
+  const Tag = asChild ? Slot : `h${String(level)}`;
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      className: cn(
+        headingVariants({
+          level: size ? void 0 : level,
+          size,
+          weight,
+          align,
+          // When gradient is applied, ignore color (gradient overrides it)
+          color: gradient && gradient !== "none" ? void 0 : color,
+          gradient,
+          truncate
+        }),
+        className
+      ),
+      "data-gradient": gradient && gradient !== "none" ? gradient : void 0,
+      "data-level": level,
+      "data-slot": "heading",
+      ...props
+    }
+  );
+}
+
+export { Heading, headingVariants };
+//# sourceMappingURL=chunk-HXHB2CK5.js.map
+//# sourceMappingURL=chunk-HXHB2CK5.js.map

package/dist/chunk-HXHB2CK5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/Heading/Heading.tsx"],"names":[],"mappings":"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","file":"chunk-HXHB2CK5.js","sourcesContent":["import type { HeadingProps } from \"./Heading.types\"\nimport type { ElementType } from \"react\"\n\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst headingVariants = cva(\n  \"scroll-m-[var(--heading-base-scroll-margin)] tracking-[var(--heading-base-letter-spacing)] font-[var(--heading-base-font-weight)] text-[color:var(--heading-base-color)] font-[family-name:var(--heading-base-font-family)]\",\n  {\n    variants: {\n      level: {\n        1: \"text-[length:var(--heading-size-4xl-font-size)] leading-[var(--heading-size-4xl-line-height)] font-[var(--heading-weight-bold)]\",\n        2: \"text-[length:var(--heading-size-3xl-font-size)] leading-[var(--heading-size-3xl-line-height)]\",\n        3: \"text-[length:var(--heading-size-2xl-font-size)] leading-[var(--heading-size-2xl-line-height)]\",\n        4: \"text-[length:var(--heading-size-xl-font-size)] leading-[var(--heading-size-xl-line-height)]\",\n        5: \"text-[length:var(--heading-size-lg-font-size)] leading-[var(--heading-size-lg-line-height)]\",\n        6: \"text-[length:var(--heading-size-base-font-size)] leading-[var(--heading-size-base-line-height)]\",\n      },\n      size: {\n        \"4xl\": \"text-[length:var(--heading-size-4xl-font-size)] leading-[var(--heading-size-4xl-line-height)] font-[var(--heading-weight-bold)]\",\n        \"3xl\": \"text-[length:var(--heading-size-3xl-font-size)] leading-[var(--heading-size-3xl-line-height)]\",\n        \"2xl\": \"text-[length:var(--heading-size-2xl-font-size)] leading-[var(--heading-size-2xl-line-height)]\",\n        xl: \"text-[length:var(--heading-size-xl-font-size)] leading-[var(--heading-size-xl-line-height)]\",\n        lg: \"text-[length:var(--heading-size-lg-font-size)] leading-[var(--heading-size-lg-line-height)]\",\n        base: \"text-[length:var(--heading-size-base-font-size)] leading-[var(--heading-size-base-line-height)]\",\n        sm: \"text-[length:var(--heading-size-sm-font-size)] leading-[var(--heading-size-sm-line-height)]\",\n      },\n      weight: {\n        normal: \"font-[var(--heading-weight-normal)]\",\n        medium: \"font-[var(--heading-weight-medium)]\",\n        semibold: \"font-[var(--heading-weight-semibold)]\",\n        bold: \"font-[var(--heading-weight-bold)]\",\n        extrabold: \"font-[var(--heading-weight-extrabold)]\",\n      },\n      align: {\n        left: \"text-left\",\n        center: \"text-center\",\n        right: \"text-right\",\n      },\n      color: {\n        default: \"text-[color:var(--heading-color-default)]\",\n        muted: \"text-[color:var(--heading-color-muted)]\",\n        primary: \"text-[color:var(--heading-color-primary)]\",\n        destructive: \"text-[color:var(--heading-color-destructive)]\",\n      },\n      gradient: {\n        none: \"\",\n        primary: \"bg-gradient-to-r from-primary to-primary/60 bg-clip-text text-transparent\",\n        secondary: \"bg-gradient-to-r from-secondary-foreground to-secondary-foreground/60 bg-clip-text text-transparent\",\n        accent: \"bg-gradient-to-r from-accent-foreground to-accent-foreground/60 bg-clip-text text-transparent\",\n        rainbow: \"bg-gradient-to-r from-red-500 via-yellow-500 to-blue-500 bg-clip-text text-transparent\",\n      },\n      truncate: {\n        true: \"truncate\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      level: 2,\n      weight: \"semibold\",\n      align: \"left\",\n      color: \"default\",\n      gradient: \"none\",\n      truncate: false,\n    },\n  }\n)\n\n/**\n * Heading - Componente de titulo semantico com niveis h1-h6.\n *\n * Permite separar o nivel semantico (para acessibilidade e SEO)\n * do tamanho visual (para design), usando as props `level` e `size`.\n *\n * @example\n * // H2 semantico com tamanho visual de H1\n * <Heading level={2} size=\"4xl\">Titulo Grande</Heading>\n */\nfunction Heading({\n  className,\n  level = 2,\n  size,\n  weight,\n  align,\n  color,\n  gradient,\n  truncate,\n  asChild = false,\n  ref,\n  ...props\n}: HeadingProps) {\n  const Tag: ElementType = asChild ? Slot : (`h${String(level)}` as \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\")\n\n  return (\n    <Tag\n      ref={ref}\n      className={cn(\n        headingVariants({\n          level: size ? undefined : level,\n          size,\n          weight,\n          align,\n          // When gradient is applied, ignore color (gradient overrides it)\n          color: gradient && gradient !== \"none\" ? undefined : color,\n          gradient,\n          truncate,\n        }),\n        className\n      )}\n      data-gradient={gradient && gradient !== \"none\" ? gradient : undefined}\n      data-level={level}\n      data-slot=\"heading\"\n      {...props}\n    />\n  )\n}\n\nexport { Heading, headingVariants }\n"]}

package/dist/chunk-I7ZLEC7Y.js

@@ -0,0 +1,128 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var responsiveContainerVariants = cva(
+  [
+    "w-full"
+  ],
+  {
+    variants: {
+      /**
+       * Container style variant
+       * - default: Responsive container with max-width and centering
+       * - fluid: Full width, no max-width constraint
+       * - constrained: Tightly constrained max-width (max-w-7xl)
+       */
+      variant: {
+        default: "mx-auto",
+        fluid: "",
+        constrained: "mx-auto max-w-7xl"
+      },
+      /**
+       * Maximum width of the container
+       * Only applies when variant is "default"
+       * - sm: max-w-4xl - Compact content
+       * - md: max-w-5xl - Standard content
+       * - lg: max-w-6xl - Wider content (default)
+       * - xl: max-w-7xl - Dashboard layouts
+       * - 2xl: max-w-screen-2xl - Full-width applications
+       */
+      maxWidth: {
+        sm: "max-w-4xl",
+        md: "max-w-5xl",
+        lg: "max-w-6xl",
+        xl: "max-w-7xl",
+        "2xl": "max-w-screen-2xl"
+      },
+      /**
+       * Responsive horizontal padding
+       * - true: Applies responsive padding (px-4 sm:px-6 lg:px-8)
+       * - false: No padding
+       */
+      padding: {
+        true: "px-4 sm:px-6 lg:px-8",
+        false: ""
+      },
+      /**
+       * Breakpoint for layout direction change
+       * Changes from column to row layout at specified breakpoint
+       * - sm: flex-col sm:flex-row
+       * - md: flex-col md:flex-row
+       * - lg: flex-col lg:flex-row
+       * - none: No flex layout applied
+       */
+      breakpoint: {
+        sm: "flex flex-col sm:flex-row",
+        md: "flex flex-col md:flex-row",
+        lg: "flex flex-col lg:flex-row",
+        none: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      maxWidth: "lg",
+      padding: true,
+      breakpoint: "none"
+    },
+    compoundVariants: [
+      // Fluid variant ignores maxWidth
+      {
+        variant: "fluid",
+        className: "max-w-none"
+      },
+      // Constrained variant has its own maxWidth
+      {
+        variant: "constrained",
+        maxWidth: "sm",
+        className: ""
+      },
+      {
+        variant: "constrained",
+        maxWidth: "md",
+        className: ""
+      },
+      {
+        variant: "constrained",
+        maxWidth: "lg",
+        className: ""
+      },
+      {
+        variant: "constrained",
+        maxWidth: "xl",
+        className: ""
+      },
+      {
+        variant: "constrained",
+        maxWidth: "2xl",
+        className: ""
+      }
+    ]
+  }
+);
+function ResponsiveContainer({
+  as: Component = "div",
+  variant,
+  maxWidth,
+  padding,
+  breakpoint,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: cn(
+        responsiveContainerVariants({ variant, maxWidth, padding, breakpoint }),
+        className
+      ),
+      "data-slot": "responsive-container",
+      ...props
+    }
+  );
+}
+
+export { ResponsiveContainer, responsiveContainerVariants };
+//# sourceMappingURL=chunk-I7ZLEC7Y.js.map
+//# sourceMappingURL=chunk-I7ZLEC7Y.js.map