@etus/ui 0.4.0-beta.1 → 0.4.0-beta.3

package/dist/chunk-ZJVZ3LQS.js

@@ -0,0 +1,199 @@
+import { Badge } from './chunk-KOTCWE7V.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import { useRef, useState, useId, useCallback } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var tagsInputVariants = cva(
+  [
+    "flex flex-wrap items-center gap-1.5 w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none",
+    "dark:bg-input/30",
+    "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]",
+    "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50",
+    "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "min-h-8 px-2 py-1 text-sm",
+        md: "min-h-9 px-3 py-1.5 text-base md:text-sm",
+        lg: "min-h-10 px-3.5 py-2 text-base"
+      },
+      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"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "default"
+    }
+  }
+);
+var tagsInputInputVariants = cva(
+  [
+    "flex-1 min-w-24 bg-transparent outline-none",
+    "placeholder:text-muted-foreground",
+    "disabled:cursor-not-allowed"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-sm h-5",
+        md: "text-base md:text-sm h-5",
+        lg: "text-base h-6"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function TagsInput({
+  value: controlledValue,
+  defaultValue = [],
+  onChange,
+  onTagAdd,
+  onTagRemove,
+  placeholder = "Add tag...",
+  maxTags,
+  allowDuplicates = false,
+  disabled,
+  size = "md",
+  variant,
+  invalid,
+  delimiters = [","],
+  className,
+  ...props
+}) {
+  const inputRef = useRef(null);
+  const [inputValue, setInputValue] = useState("");
+  const [internalTags, setInternalTags] = useState(defaultValue);
+  const id = useId();
+  const isControlled = controlledValue !== void 0;
+  const tags = isControlled ? controlledValue : internalTags;
+  const updateTags = useCallback(
+    (newTags) => {
+      if (!isControlled) {
+        setInternalTags(newTags);
+      }
+      onChange?.(newTags);
+    },
+    [isControlled, onChange]
+  );
+  const addTag = useCallback(
+    (tag) => {
+      const trimmedTag = tag.trim();
+      if (!trimmedTag) return;
+      if (!allowDuplicates && tags.includes(trimmedTag)) {
+        setInputValue("");
+        return;
+      }
+      if (maxTags && tags.length >= maxTags) {
+        setInputValue("");
+        return;
+      }
+      const newTags = [...tags, trimmedTag];
+      updateTags(newTags);
+      onTagAdd?.(trimmedTag);
+      setInputValue("");
+    },
+    [tags, allowDuplicates, maxTags, updateTags, onTagAdd]
+  );
+  const removeTag = useCallback(
+    (tagToRemove) => {
+      const newTags = tags.filter((tag) => tag !== tagToRemove);
+      updateTags(newTags);
+      onTagRemove?.(tagToRemove);
+    },
+    [tags, updateTags, onTagRemove]
+  );
+  const removeLastTag = useCallback(() => {
+    const lastTag = tags[tags.length - 1];
+    if (lastTag) {
+      removeTag(lastTag);
+    }
+  }, [tags, removeTag]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "Enter" || delimiters.includes(e.key)) {
+        e.preventDefault();
+        addTag(inputValue);
+      } else if (e.key === "Backspace" && inputValue === "" && tags.length > 0) {
+        removeLastTag();
+      }
+    },
+    [inputValue, tags.length, addTag, removeLastTag, delimiters]
+  );
+  const handleInputChange = useCallback(
+    (e) => {
+      const value = e.target.value;
+      for (const delimiter of delimiters) {
+        if (value.includes(delimiter)) {
+          const parts = value.split(delimiter);
+          parts.forEach((part, index) => {
+            if (index < parts.length - 1) {
+              addTag(part);
+            } else {
+              setInputValue(part);
+            }
+          });
+          return;
+        }
+      }
+      setInputValue(value);
+    },
+    [delimiters, addTag]
+  );
+  const handleContainerClick = useCallback(() => {
+    inputRef.current?.focus();
+  }, []);
+  const tagSize = size === "lg" ? "default" : "sm";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-disabled": disabled ?? void 0,
+      "aria-invalid": invalid ?? void 0,
+      className: cn(tagsInputVariants({ size, variant }), className),
+      "data-slot": "tags-input",
+      onClick: handleContainerClick,
+      ...props,
+      children: [
+        tags.map((tag, index) => /* @__PURE__ */ jsx(
+          Badge,
+          {
+            color: "muted",
+            size: tagSize,
+            type: "pill-color",
+            onDismiss: disabled ? void 0 : () => {
+              removeTag(tag);
+            },
+            children: tag
+          },
+          `${tag}-${String(index)}`
+        )),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: inputRef,
+            "aria-label": "Add tag",
+            className: tagsInputInputVariants({ size }),
+            "data-slot": "tags-input-field",
+            disabled,
+            id,
+            placeholder: tags.length === 0 ? placeholder : void 0,
+            type: "text",
+            value: inputValue,
+            onChange: handleInputChange,
+            onKeyDown: handleKeyDown
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { TagsInput, tagsInputInputVariants, tagsInputVariants };
+//# sourceMappingURL=chunk-ZJVZ3LQS.js.map
+//# sourceMappingURL=chunk-ZJVZ3LQS.js.map

package/dist/chunk-ZJVZ3LQS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/TagsInput/TagsInput.variants.ts","../src/components/forms/TagsInput/TagsInput.tsx"],"names":[],"mappings":"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","file":"chunk-ZJVZ3LQS.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * TagsInput container variant styles using CVA\n */\nexport const tagsInputVariants = cva(\n  [\n    \"flex flex-wrap items-center gap-1.5 w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none\",\n    \"dark:bg-input/30\",\n    \"focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]\",\n    \"aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50\",\n    \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"min-h-8 px-2 py-1 text-sm\",\n        md: \"min-h-9 px-3 py-1.5 text-base md:text-sm\",\n        lg: \"min-h-10 px-3.5 py-2 text-base\",\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\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * TagsInput inner input variant styles\n */\nexport const tagsInputInputVariants = cva(\n  [\n    \"flex-1 min-w-24 bg-transparent outline-none\",\n    \"placeholder:text-muted-foreground\",\n    \"disabled:cursor-not-allowed\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"text-sm h-5\",\n        md: \"text-base md:text-sm h-5\",\n        lg: \"text-base h-6\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport type TagsInputVariantProps = VariantProps<typeof tagsInputVariants>\nexport type TagsInputInputVariantProps = VariantProps<typeof tagsInputInputVariants>\n","\"use client\"\n\nimport type { TagsInputProps } from \"./TagsInput.types\"\n\nimport * as React from \"react\"\nimport { useCallback, useId, useRef, useState } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Badge } from \"../../primitives/Badge\"\nimport { tagsInputInputVariants, tagsInputVariants } from \"./TagsInput.variants\"\n\n/**\n * TagsInput - A multi-tag input component for entering and managing tags\n *\n * @example\n * ```tsx\n * // Uncontrolled\n * <TagsInput\n *   defaultValue={[\"react\", \"typescript\"]}\n *   placeholder=\"Add tags...\"\n * />\n *\n * // Controlled\n * const [tags, setTags] = useState([\"hello\"])\n * <TagsInput\n *   value={tags}\n *   onChange={setTags}\n *   maxTags={5}\n * />\n * ```\n */\nfunction TagsInput({\n  value: controlledValue,\n  defaultValue = [],\n  onChange,\n  onTagAdd,\n  onTagRemove,\n  placeholder = \"Add tag...\",\n  maxTags,\n  allowDuplicates = false,\n  disabled,\n  size = \"md\",\n  variant,\n  invalid,\n  delimiters = [\",\"],\n  className,\n  ...props\n}: TagsInputProps) {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [inputValue, setInputValue] = useState(\"\")\n  const [internalTags, setInternalTags] = useState<string[]>(defaultValue)\n  const id = useId()\n\n  // Determine if controlled or uncontrolled\n  const isControlled = controlledValue !== undefined\n  const tags = isControlled ? controlledValue : internalTags\n\n  const updateTags = useCallback(\n    (newTags: string[]) => {\n      if (!isControlled) {\n        setInternalTags(newTags)\n      }\n      onChange?.(newTags)\n    },\n    [isControlled, onChange]\n  )\n\n  const addTag = useCallback(\n    (tag: string) => {\n      const trimmedTag = tag.trim()\n      if (!trimmedTag) return\n\n      // Check for duplicates\n      if (!allowDuplicates && tags.includes(trimmedTag)) {\n        setInputValue(\"\")\n        return\n      }\n\n      // Check max tags\n      if (maxTags && tags.length >= maxTags) {\n        setInputValue(\"\")\n        return\n      }\n\n      const newTags = [...tags, trimmedTag]\n      updateTags(newTags)\n      onTagAdd?.(trimmedTag)\n      setInputValue(\"\")\n    },\n    [tags, allowDuplicates, maxTags, updateTags, onTagAdd]\n  )\n\n  const removeTag = useCallback(\n    (tagToRemove: string) => {\n      const newTags = tags.filter((tag) => tag !== tagToRemove)\n      updateTags(newTags)\n      onTagRemove?.(tagToRemove)\n    },\n    [tags, updateTags, onTagRemove]\n  )\n\n  const removeLastTag = useCallback(() => {\n    const lastTag = tags[tags.length - 1]\n    if (lastTag) {\n      removeTag(lastTag)\n    }\n  }, [tags, removeTag])\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\" || delimiters.includes(e.key)) {\n        e.preventDefault()\n        addTag(inputValue)\n      } else if (e.key === \"Backspace\" && inputValue === \"\" && tags.length > 0) {\n        removeLastTag()\n      }\n    },\n    [inputValue, tags.length, addTag, removeLastTag, delimiters]\n  )\n\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value\n\n      // Check if any delimiter is in the pasted/typed value\n      for (const delimiter of delimiters) {\n        if (value.includes(delimiter)) {\n          const parts = value.split(delimiter)\n          parts.forEach((part, index) => {\n            if (index < parts.length - 1) {\n              addTag(part)\n            } else {\n              setInputValue(part)\n            }\n          })\n          return\n        }\n      }\n\n      setInputValue(value)\n    },\n    [delimiters, addTag]\n  )\n\n  const handleContainerClick = useCallback(() => {\n    inputRef.current?.focus()\n  }, [])\n\n  // Map size to Tag size\n  const tagSize = size === \"lg\" ? \"default\" : \"sm\"\n\n  return (\n    <div\n      aria-disabled={disabled ?? undefined}\n      aria-invalid={invalid ?? undefined}\n      className={cn(tagsInputVariants({ size, variant }), className)}\n      data-slot=\"tags-input\"\n      onClick={handleContainerClick}\n      {...props}\n    >\n      {tags.map((tag, index) => (\n        <Badge\n          key={`${tag}-${String(index)}`}\n          color=\"muted\"\n          size={tagSize}\n          type=\"pill-color\"\n          onDismiss={disabled ? undefined : () => { removeTag(tag); }}\n        >\n          {tag}\n        </Badge>\n      ))}\n      <input\n        ref={inputRef}\n        aria-label=\"Add tag\"\n        className={tagsInputInputVariants({ size })}\n        data-slot=\"tags-input-field\"\n        disabled={disabled}\n        id={id}\n        placeholder={tags.length === 0 ? placeholder : undefined}\n        type=\"text\"\n        value={inputValue}\n        onChange={handleInputChange}\n        onKeyDown={handleKeyDown}\n      />\n    </div>\n  )\n}\n\nexport { TagsInput }\n"]}

package/dist/chunk-ZKK7L7H7.js

@@ -0,0 +1,78 @@
+import { TextInput } from './chunk-PWCMCMDN.js';
+import { EyeOffIcon, EyeIcon } from 'lucide-react';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var passwordToggleVariants = cva(
+  // Base styles
+  [
+    "absolute right-0 top-1/2 -translate-y-1/2",
+    "flex items-center justify-center",
+    "text-muted-foreground hover:text-foreground",
+    "transition-colors",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "rounded-sm"
+  ],
+  {
+    variants: {
+      size: {
+        xs: "h-5 w-5 right-1.5 [&_svg]:size-3",
+        sm: "h-6 w-6 right-2 [&_svg]:size-3.5",
+        md: "h-7 w-7 right-2.5 [&_svg]:size-4",
+        lg: "h-8 w-8 right-2.5 [&_svg]:size-4.5",
+        xl: "h-9 w-9 right-3 [&_svg]:size-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function PasswordInput({
+  className,
+  size = "md",
+  variant = "default",
+  showToggle = true,
+  showIcon,
+  hideIcon,
+  disabled,
+  ...props
+}) {
+  const [showPassword, setShowPassword] = React.useState(false);
+  const toggleVisibility = React.useCallback(() => {
+    setShowPassword((prev) => !prev);
+  }, []);
+  const toggleButton = showToggle ? /* @__PURE__ */ jsx(
+    "button",
+    {
+      "aria-label": showPassword ? "Hide password" : "Show password",
+      className: passwordToggleVariants({ size }),
+      "data-slot": "password-toggle",
+      disabled,
+      tabIndex: -1,
+      type: "button",
+      onClick: toggleVisibility,
+      children: showPassword ? hideIcon ?? /* @__PURE__ */ jsx(EyeOffIcon, { "aria-hidden": "true" }) : showIcon ?? /* @__PURE__ */ jsx(EyeIcon, { "aria-hidden": "true" })
+    }
+  ) : void 0;
+  return /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      className,
+      "data-slot": "password-input",
+      disabled,
+      size,
+      trailingIcon: toggleButton,
+      trailingIconInteractive: true,
+      type: showPassword ? "text" : "password",
+      variant,
+      ...props
+    }
+  );
+}
+
+export { PasswordInput, passwordToggleVariants };
+//# sourceMappingURL=chunk-ZKK7L7H7.js.map
+//# sourceMappingURL=chunk-ZKK7L7H7.js.map

package/dist/chunk-ZKK7L7H7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/PasswordInput/PasswordInput.variants.ts","../src/components/forms/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":";;;;;;AAMO,IAAM,sBAAA,GAAyB,GAAA;AAAA;AAAA,EAEpC;AAAA,IACE,2CAAA;AAAA,IACA,kCAAA;AAAA,IACA,6CAAA;AAAA,IACA,mBAAA;AAAA,IACA,kDAAA;AAAA,IACA,qGAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,kCAAA;AAAA,QACJ,EAAA,EAAI,kCAAA;AAAA,QACJ,EAAA,EAAI,kCAAA;AAAA,QACJ,EAAA,EAAI,oCAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;ACZA,SAAS,aAAA,CAAc;AAAA,EACrB,SAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,SAAA;AAAA,EACV,UAAA,GAAa,IAAA;AAAA,EACb,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAuB;AACrB,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAU,eAAS,KAAK,CAAA;AAE5D,EAAA,MAAM,gBAAA,GAAyB,kBAAY,MAAM;AAC/C,IAAA,eAAA,CAAgB,CAAC,IAAA,KAAS,CAAC,IAAI,CAAA;AAAA,EACjC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,eAAe,UAAA,mBACnB,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,eAAe,eAAA,GAAkB,eAAA;AAAA,MAC7C,SAAA,EAAW,sBAAA,CAAuB,EAAE,IAAA,EAAM,CAAA;AAAA,MAC1C,WAAA,EAAU,iBAAA;AAAA,MACV,QAAA;AAAA,MACA,QAAA,EAAU,EAAA;AAAA,MACV,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAS,gBAAA;AAAA,MAER,QAAA,EAAA,YAAA,GACI,QAAA,oBAAY,GAAA,CAAC,UAAA,EAAA,EAAW,aAAA,EAAY,MAAA,EAAO,CAAA,GAC3C,QAAA,oBAAY,GAAA,CAAC,OAAA,EAAA,EAAQ,aAAA,EAAY,MAAA,EAAO;AAAA;AAAA,GAC/C,GACE,MAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,WAAA,EAAU,gBAAA;AAAA,MACV,QAAA;AAAA,MACA,IAAA;AAAA,MACA,YAAA,EAAc,YAAA;AAAA,MACd,uBAAA,EAAyB,IAAA;AAAA,MACzB,IAAA,EAAM,eAAe,MAAA,GAAS,UAAA;AAAA,MAC9B,OAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-ZKK7L7H7.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Password toggle button variant styles using CVA\n * Sizes match the input sizes for proper alignment\n */\nexport const passwordToggleVariants = cva(\n  // Base styles\n  [\n    \"absolute right-0 top-1/2 -translate-y-1/2\",\n    \"flex items-center justify-center\",\n    \"text-muted-foreground hover:text-foreground\",\n    \"transition-colors\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n    \"rounded-sm\",\n  ],\n  {\n    variants: {\n      size: {\n        xs: \"h-5 w-5 right-1.5 [&_svg]:size-3\",\n        sm: \"h-6 w-6 right-2 [&_svg]:size-3.5\",\n        md: \"h-7 w-7 right-2.5 [&_svg]:size-4\",\n        lg: \"h-8 w-8 right-2.5 [&_svg]:size-4.5\",\n        xl: \"h-9 w-9 right-3 [&_svg]:size-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport type PasswordToggleVariantProps = VariantProps<typeof passwordToggleVariants>\n","\"use client\"\n\nimport type { PasswordInputProps } from \"./PasswordInput.types\"\n\nimport { EyeIcon, EyeOffIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { TextInput } from \"../TextInput\"\nimport { passwordToggleVariants } from \"./PasswordInput.variants\"\n\n/**\n * PasswordInput component with visibility toggle.\n * Now uses TextInput internally for consistency.\n *\n * @example\n * ```tsx\n * <PasswordInput placeholder=\"Enter password\" />\n * ```\n */\nfunction PasswordInput({\n  className,\n  size = \"md\",\n  variant = \"default\",\n  showToggle = true,\n  showIcon,\n  hideIcon,\n  disabled,\n  ...props\n}: PasswordInputProps) {\n  const [showPassword, setShowPassword] = React.useState(false)\n\n  const toggleVisibility = React.useCallback(() => {\n    setShowPassword((prev) => !prev)\n  }, [])\n\n  const toggleButton = showToggle ? (\n    <button\n      aria-label={showPassword ? \"Hide password\" : \"Show password\"}\n      className={passwordToggleVariants({ size })}\n      data-slot=\"password-toggle\"\n      disabled={disabled}\n      tabIndex={-1}\n      type=\"button\"\n      onClick={toggleVisibility}\n    >\n      {showPassword\n        ? (hideIcon ?? <EyeOffIcon aria-hidden=\"true\" />)\n        : (showIcon ?? <EyeIcon aria-hidden=\"true\" />)}\n    </button>\n  ) : undefined\n\n  return (\n    <TextInput\n      className={className}\n      data-slot=\"password-input\"\n      disabled={disabled}\n      size={size}\n      trailingIcon={toggleButton}\n      trailingIconInteractive={true}\n      type={showPassword ? \"text\" : \"password\"}\n      variant={variant}\n      {...props}\n    />\n  )\n}\n\nexport { PasswordInput }"]}

package/dist/chunk-ZPCELVWJ.js

@@ -0,0 +1,127 @@
+import { ChartTooltipContent, ChartContainer, ChartTooltip, ChartLegend, ChartLegendContent } from './chunk-7I6KK6QE.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import * as React from 'react';
+import { FunnelChart as FunnelChart$1, Funnel, Cell, LabelList } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function FunnelChart({
+  animationDuration = 400,
+  className,
+  config,
+  data,
+  enableLegendSlider = false,
+  isReversed = false,
+  labelPosition = "right",
+  legendPosition = "bottom",
+  nameKey = "name",
+  onClick,
+  showLabels = true,
+  showLegend = false,
+  showTooltip = true,
+  tooltipCallback,
+  tooltipIndicator = "dot",
+  valueFormatter,
+  valueKey = "value",
+  ...props
+}) {
+  const prevTooltipStateRef = React.useRef(false);
+  const TooltipContentWithCallback = React.useCallback(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (props2) => {
+      const { active = false, payload } = props2;
+      if (tooltipCallback && active !== prevTooltipStateRef.current) {
+        prevTooltipStateRef.current = active;
+        tooltipCallback({
+          active,
+          name: payload?.[0]?.name,
+          payload: payload?.map((p) => ({
+            name: p.name,
+            value: p.value,
+            payload: p.payload
+          }))
+        });
+      }
+      return /* @__PURE__ */ jsx(
+        ChartTooltipContent,
+        {
+          formatter: valueFormatter ? (value) => valueFormatter(Number(value)) : void 0,
+          indicator: tooltipIndicator,
+          nameKey,
+          ...props2
+        }
+      );
+    },
+    [tooltipCallback, tooltipIndicator, nameKey, valueFormatter]
+  );
+  const handleClick = onClick ? (_, index) => {
+    const item = data[index];
+    if (item) onClick(item, index);
+  } : void 0;
+  return /* @__PURE__ */ jsx("div", { "data-slot": "funnel-chart", ...props, children: /* @__PURE__ */ jsx(
+    ChartContainer,
+    {
+      className: cn(className),
+      config,
+      children: /* @__PURE__ */ jsxs(FunnelChart$1, { children: [
+        showTooltip && /* @__PURE__ */ jsx(
+          ChartTooltip,
+          {
+            content: tooltipCallback ? /* @__PURE__ */ jsx(TooltipContentWithCallback, {}) : /* @__PURE__ */ jsx(
+              ChartTooltipContent,
+              {
+                formatter: valueFormatter ? (value) => valueFormatter(Number(value)) : void 0,
+                indicator: tooltipIndicator,
+                nameKey
+              }
+            )
+          }
+        ),
+        showLegend && /* @__PURE__ */ jsx(
+          ChartLegend,
+          {
+            align: legendPosition === "left" ? "left" : legendPosition === "right" ? "right" : "center",
+            content: /* @__PURE__ */ jsx(ChartLegendContent, { enableSlider: enableLegendSlider, nameKey }),
+            layout: legendPosition === "left" || legendPosition === "right" ? "vertical" : "horizontal",
+            verticalAlign: legendPosition === "top" ? "top" : legendPosition === "bottom" ? "bottom" : "middle"
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Funnel,
+          {
+            animationDuration,
+            data,
+            dataKey: valueKey,
+            isAnimationActive: animationDuration > 0,
+            nameKey,
+            reversed: isReversed,
+            onClick: handleClick,
+            children: [
+              data.map((entry) => /* @__PURE__ */ jsx(
+                Cell,
+                {
+                  fill: entry.fill ?? `var(--color-${entry.name.toLowerCase().replaceAll(" ", "-")})`,
+                  style: onClick ? { cursor: "pointer" } : void 0
+                },
+                entry.name
+              )),
+              showLabels && /* @__PURE__ */ jsx(
+                LabelList,
+                {
+                  className: "fill-foreground",
+                  dataKey: nameKey,
+                  position: labelPosition,
+                  stroke: "none"
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    }
+  ) });
+}
+FunnelChart.displayName = "FunnelChart";
+
+export { FunnelChart };
+//# sourceMappingURL=chunk-ZPCELVWJ.js.map
+//# sourceMappingURL=chunk-ZPCELVWJ.js.map

package/dist/chunk-ZPCELVWJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/FunnelChart/FunnelChart.tsx"],"names":["props","RechartsFunnelChart"],"mappings":"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","file":"chunk-ZPCELVWJ.js","sourcesContent":["\"use client\"\n\nimport type {\n  FunnelChartDataItem,\n  FunnelChartProps,\n} from \"./FunnelChart.types\"\n\nimport * as React from \"react\"\nimport {\n  Cell,\n  Funnel,\n  LabelList,\n  FunnelChart as RechartsFunnelChart,\n} from \"recharts\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"../Chart\"\n\n/**\n * FunnelChart - Data visualization for conversion/process stages\n *\n * Displays data as a funnel with progressively smaller stages,\n * ideal for visualizing conversion rates, sales pipelines,\n * or any sequential process with drop-off.\n *\n * @example\n * ```tsx\n * const data = [\n *   { name: \"Visitors\", value: 5000, fill: \"var(--color-visitors)\" },\n *   { name: \"Leads\", value: 3000, fill: \"var(--color-leads)\" },\n *   { name: \"Opportunities\", value: 1500, fill: \"var(--color-opportunities)\" },\n *   { name: \"Sales\", value: 500, fill: \"var(--color-sales)\" },\n * ]\n *\n * const config = {\n *   visitors: { label: \"Visitors\", color: \"hsl(var(--chart-1))\" },\n *   leads: { label: \"Leads\", color: \"hsl(var(--chart-2))\" },\n *   opportunities: { label: \"Opportunities\", color: \"hsl(var(--chart-3))\" },\n *   sales: { label: \"Sales\", color: \"hsl(var(--chart-4))\" },\n * }\n *\n * <FunnelChart data={data} config={config} />\n * ```\n */\n// eslint-disable-next-line sonarjs/cognitive-complexity -- Chart component requires handling many props and rendering logic\nexport function FunnelChart({\n  animationDuration = 400,\n  className,\n  config,\n  data,\n  enableLegendSlider = false,\n  isReversed = false,\n  labelPosition = \"right\",\n  legendPosition = \"bottom\",\n  nameKey = \"name\",\n  onClick,\n  showLabels = true,\n  showLegend = false,\n  showTooltip = true,\n  tooltipCallback,\n  tooltipIndicator = \"dot\",\n  valueFormatter,\n  valueKey = \"value\",\n  ...props\n}: FunnelChartProps) {\n  const prevTooltipStateRef = React.useRef<boolean>(false)\n\n  /* eslint-disable react-hooks/static-components, @eslint-react/no-nested-component-definitions, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access -- Intentional: memoized render function with Recharts any-typed props */\n  // Custom tooltip content wrapper for tooltipCallback\n  const TooltipContentWithCallback = React.useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (props: any) => {\n      const { active = false, payload } = props\n\n      // Call tooltipCallback when state changes\n      if (tooltipCallback && active !== prevTooltipStateRef.current) {\n        prevTooltipStateRef.current = active\n        tooltipCallback({\n          active,\n          name: payload?.[0]?.name,\n          payload: payload?.map((p: { name: string; payload: FunnelChartDataItem; value: number; }) => ({\n            name: p.name,\n            value: p.value,\n            payload: p.payload,\n          })),\n        })\n      }\n\n      return (\n        <ChartTooltipContent\n          formatter={valueFormatter ? (value) => valueFormatter(Number(value)) : undefined}\n          indicator={tooltipIndicator}\n          nameKey={nameKey}\n          {...props}\n        />\n      )\n    },\n    [tooltipCallback, tooltipIndicator, nameKey, valueFormatter]\n  )\n\n  // Event handler for click\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const handleClick: any = onClick\n    ? (_: unknown, index: number) => {\n        const item = data[index]\n        if (item) onClick(item, index)\n      }\n    : undefined\n\n  return (\n    <div data-slot=\"funnel-chart\" {...props}>\n      <ChartContainer\n        className={cn(className)}\n        config={config}\n      >\n        <RechartsFunnelChart>\n          {showTooltip && (\n            <ChartTooltip\n              content={\n                tooltipCallback\n                  ? <TooltipContentWithCallback />\n                  : <ChartTooltipContent\n                      formatter={valueFormatter ? (value) => valueFormatter(Number(value)) : undefined}\n                      indicator={tooltipIndicator}\n                      nameKey={nameKey}\n                    />\n              }\n            />\n          )}\n\n          {showLegend && (\n            <ChartLegend\n              align={legendPosition === \"left\" ? \"left\" : legendPosition === \"right\" ? \"right\" : \"center\"}\n              content={<ChartLegendContent enableSlider={enableLegendSlider} nameKey={nameKey} />}\n              layout={legendPosition === \"left\" || legendPosition === \"right\" ? \"vertical\" : \"horizontal\"}\n              verticalAlign={legendPosition === \"top\" ? \"top\" : legendPosition === \"bottom\" ? \"bottom\" : \"middle\"}\n            />\n          )}\n\n          <Funnel\n            animationDuration={animationDuration}\n            data={data}\n            dataKey={valueKey}\n            isAnimationActive={animationDuration > 0}\n            nameKey={nameKey}\n            reversed={isReversed}\n            onClick={handleClick}\n          >\n            {data.map((entry) => (\n              <Cell\n                key={entry.name}\n                fill={entry.fill ?? `var(--color-${entry.name.toLowerCase().replaceAll(\" \", \"-\")})`}\n                style={onClick ? { cursor: \"pointer\" } : undefined}\n              />\n            ))}\n\n            {showLabels && (\n              <LabelList\n                className=\"fill-foreground\"\n                dataKey={nameKey}\n                position={labelPosition}\n                stroke=\"none\"\n              />\n            )}\n          </Funnel>\n        </RechartsFunnelChart>\n      </ChartContainer>\n    </div>\n  )\n}\n\nFunnelChart.displayName = \"FunnelChart\"\n"]}

package/dist/chunk-ZUFM33AV.js

@@ -0,0 +1,113 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Dialog({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-[color:var(--modal-overlay-bg)]",
+        className
+      ),
+      "data-slot": "dialog-overlay",
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        className: cn(
+          "bg-[color:var(--modal-content-bg)] 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 fixed top-[50%] left-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] duration-200",
+          "gap-[var(--modal-content-gap)] p-[var(--modal-content-padding)] max-w-[var(--modal-content-max-width)] rounded-[var(--modal-content-radius)] border-[color:var(--modal-content-border)] shadow-[var(--modal-content-shadow)]",
+          className
+        ),
+        "data-slot": "dialog-content",
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              "data-slot": "dialog-close",
+              children: [
+                /* @__PURE__ */ jsx(X, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex flex-col gap-[var(--modal-header-gap)] text-center sm:text-left", className),
+      "data-slot": "dialog-header",
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex flex-col-reverse gap-[var(--modal-footer-gap)] sm:flex-row sm:justify-end",
+        className
+      ),
+      "data-slot": "dialog-footer",
+      ...props
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      className: cn("text-lg leading-tight font-semibold", className),
+      "data-slot": "dialog-title",
+      ...props
+    }
+  );
+}
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      className: cn("text-muted-foreground text-sm", className),
+      "data-slot": "dialog-description",
+      ...props
+    }
+  );
+}
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+//# sourceMappingURL=chunk-ZUFM33AV.js.map
+//# sourceMappingURL=chunk-ZUFM33AV.js.map

package/dist/chunk-ZUFM33AV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Dialog/Dialog.tsx"],"names":[],"mappings":"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","file":"chunk-ZUFM33AV.js","sourcesContent":["\"use client\"\n\nimport type {\n  DialogCloseProps,\n  DialogContentProps,\n  DialogDescriptionProps,\n  DialogFooterProps,\n  DialogHeaderProps,\n  DialogOverlayProps,\n  DialogPortalProps,\n  DialogProps,\n  DialogTitleProps,\n  DialogTriggerProps,\n} from \"./Dialog.types\"\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\n\nfunction Dialog({ ...props }: DialogProps) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({ ...props }: DialogTriggerProps) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({ ...props }: DialogPortalProps) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({ ...props }: DialogCloseProps) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({ className, ...props }: DialogOverlayProps) {\n  return (\n    <DialogPrimitive.Overlay\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-[color:var(--modal-overlay-bg)]\",\n        className\n      )}\n      data-slot=\"dialog-overlay\"\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: DialogContentProps) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        className={cn(\n          \"bg-[color:var(--modal-content-bg)] 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 fixed top-[50%] left-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] duration-200\",\n          \"gap-[var(--modal-content-gap)] p-[var(--modal-content-padding)] max-w-[var(--modal-content-max-width)] rounded-[var(--modal-content-radius)] border-[color:var(--modal-content-border)] shadow-[var(--modal-content-shadow)]\",\n          className\n        )}\n        data-slot=\"dialog-content\"\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n            data-slot=\"dialog-close\"\n          >\n            <X />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: DialogHeaderProps) {\n  return (\n    <div\n      className={cn(\"flex flex-col gap-[var(--modal-header-gap)] text-center sm:text-left\", className)}\n      data-slot=\"dialog-header\"\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: DialogFooterProps) {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col-reverse gap-[var(--modal-footer-gap)] sm:flex-row sm:justify-end\",\n        className\n      )}\n      data-slot=\"dialog-footer\"\n      {...props}\n    />\n  )\n}\n\nfunction DialogTitle({ className, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      className={cn(\"text-lg leading-tight font-semibold\", className)}\n      data-slot=\"dialog-title\"\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({ className, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      data-slot=\"dialog-description\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n}\n"]}

package/dist/components/advanced/AssetManager/index.js

@@ -0,0 +1,5 @@
+export { AssetManager, AssetManagerEmpty, AssetManagerGrid, AssetManagerItem, AssetManagerList, AssetManagerSidebar, AssetManagerToolbar, AssetManagerUploader, assetManagerContentVariants, assetManagerEmptyVariants, assetManagerGridVariants, assetManagerItemInfoVariants, assetManagerItemVariants, assetManagerLoadingVariants, assetManagerSidebarVariants, assetManagerThumbnailVariants, assetManagerToolbarVariants, assetManagerUploaderVariants, assetManagerVariants } from '../../../chunk-YCZ6M6EF.js';
+import '../../../chunk-HRNDJU7D.js';
+import '../../../chunk-UP2VWCW5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/advanced/AssetManager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/advanced/Calendar/index.js

@@ -0,0 +1,10 @@
+export { Calendar, CalendarDayButton, calendarContainerVariants, calendarDayButtonVariants, calendarDayCellVariants, calendarDisabledVariants, calendarNavButtonVariants, calendarOutsideVariants, calendarRangeEndVariants, calendarRangeMiddleVariants, calendarRangeStartVariants, calendarTodayIndicatorVariants, calendarTodayVariants } from '../../../chunk-7QDWREVG.js';
+import '../../../chunk-RPV77BCQ.js';
+import '../../../chunk-TAZPML2P.js';
+import '../../../chunk-KOTCWE7V.js';
+import '../../../chunk-7ZJ32KRQ.js';
+import '../../../chunk-3L5G7VI2.js';
+import '../../../chunk-HRNDJU7D.js';
+import '../../../chunk-UP2VWCW5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/advanced/Calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/advanced/Command/index.js

@@ -0,0 +1,6 @@
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, commandEmptyVariants, commandGroupVariants, commandInputIconVariants, commandInputVariants, commandInputWrapperVariants, commandItemVariants, commandListVariants, commandSeparatorVariants, commandShortcutVariants, commandVariants } from '../../../chunk-Z3FL7LEK.js';
+import '../../../chunk-ZUFM33AV.js';
+import '../../../chunk-HRNDJU7D.js';
+import '../../../chunk-UP2VWCW5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/advanced/Command/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/advanced/DragAndDrop/index.js

@@ -0,0 +1,5 @@
+export { DndContext, DragHandle, DragOverlay, Draggable, Droppable, SortableContext, SortableItem, arrayMove, closestCenter, closestCorners, dragHandleVariants, dragOverlayVariants, draggableVariants, droppableVariants, horizontalListSortingStrategy, pointerWithin, rectIntersection, rectSortingStrategy, rectSwappingStrategy, sortableItemVariants, verticalListSortingStrategy } from '../../../chunk-BIUVOZQG.js';
+import '../../../chunk-HRNDJU7D.js';
+import '../../../chunk-UP2VWCW5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/advanced/DragAndDrop/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/advanced/ErrorBoundary/index.js

@@ -0,0 +1,5 @@
+export { DefaultFallback, ErrorBoundary, errorBoundaryActionVariants, errorBoundaryCardVariants, errorBoundaryFallbackVariants, errorBoundaryIconVariants, errorBoundaryMessageVariants, errorBoundaryStackVariants, errorBoundaryTitleVariants } from '../../../chunk-D2V2HKLX.js';
+import '../../../chunk-HRNDJU7D.js';
+import '../../../chunk-UP2VWCW5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/advanced/ErrorBoundary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}