@bigbinary/neeto-atoms 1.0.35 → 1.0.37

package/dist/cjs/TreeSelect-Cmm5yYq3.js

@@ -0,0 +1,337 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_Popover = require('./primitives/Popover.js');
+var SelectFieldWrapper = require('./SelectFieldWrapper-DKkizQNM.js');
+var Tree = require('./Tree-DAyVPLnJ.js');
+var x = require('./x-Brw3FJst.js');
+var chevronDown = require('./chevron-down-CPsWSS51.js');
+
+const pruneTree = (nodes, searchTerm) => {
+  if (!searchTerm.trim()) return nodes;
+  const lower = searchTerm.toLowerCase();
+  const prune = (items) => items.reduce((acc, node) => {
+    const titleStr = typeof node.title === "string" ? node.title : "";
+    const nodeMatches = titleStr.toLowerCase().includes(lower);
+    if (nodeMatches) {
+      acc.push(node);
+    } else {
+      const prunedChildren = node.children ? prune(node.children) : [];
+      if (prunedChildren.length > 0) {
+        acc.push({ ...node, children: prunedChildren });
+      }
+    }
+    return acc;
+  }, []);
+  return prune(nodes);
+};
+
+const resolveFieldNames = (nodes, fieldNames) => {
+  const labelKey = fieldNames.label ?? "title";
+  const valueKey = fieldNames.value ?? "key";
+  const remap = (items) => items.map((item) => {
+    const record = item;
+    return {
+      key: String(record[valueKey] ?? ""),
+      title: record[labelKey],
+      disabled: record.disabled,
+      children: Array.isArray(item.children) ? remap(item.children) : void 0
+    };
+  });
+  return remap(nodes);
+};
+
+function useTreeSelectValue(props) {
+  const {
+    value: valueProp,
+    defaultValue,
+    onChange,
+    treeData: rawTreeData,
+    fieldNames,
+    isClearable = false,
+    isDisabled = false,
+    size = "medium",
+    label = "",
+    error = "",
+    helpText = "",
+    required = false
+  } = props;
+  const id = React.useId();
+  const errorId = `error_${id}`;
+  const helpTextId = `helpText_${id}`;
+  const treeData = React.useMemo(() => {
+    if (!fieldNames) return rawTreeData;
+    return resolveFieldNames(rawTreeData, fieldNames);
+  }, [rawTreeData, fieldNames?.label, fieldNames?.value]);
+  const isControlled = valueProp !== void 0;
+  const [internalValue, setInternalValue] = React.useState(defaultValue ?? "");
+  const currentValue = isControlled ? valueProp ?? "" : internalValue;
+  const applyValue = React.useCallback(
+    (next) => {
+      if (!isControlled) setInternalValue(next);
+      onChange?.(next);
+    },
+    [isControlled, onChange]
+  );
+  const selectedLabel = React.useMemo(() => {
+    if (!currentValue) return "";
+    const node = Tree.findNode(currentValue, treeData);
+    if (!node) return currentValue;
+    return typeof node.title === "string" ? node.title : "";
+  }, [currentValue, treeData]);
+  const handleClear = React.useCallback(
+    (e) => {
+      e.stopPropagation();
+      applyValue("");
+    },
+    [applyValue]
+  );
+  const showClearButton = isClearable && !!currentValue && !isDisabled;
+  return {
+    id,
+    errorId,
+    helpTextId,
+    label,
+    error,
+    helpText,
+    required,
+    isDisabled,
+    size,
+    treeData,
+    currentValue,
+    selectedLabel,
+    applyValue,
+    handleClear,
+    showClearButton
+  };
+}
+
+function useTreeSelectState(props) {
+  const { isSearchable = false, defaultExpandedKeys } = props;
+  const defaultExpandedKeysRef = React.useRef(defaultExpandedKeys);
+  defaultExpandedKeysRef.current = defaultExpandedKeys;
+  const value = useTreeSelectValue(props);
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [searchTerm, setSearchTerm] = React.useState("");
+  const [expandedKeys, setExpandedKeys] = React.useState(
+    defaultExpandedKeys ?? []
+  );
+  const prunedTreeData = React.useMemo(
+    () => searchTerm.trim() ? pruneTree(value.treeData, searchTerm) : value.treeData,
+    [value.treeData, searchTerm]
+  );
+  const effectiveExpandedKeys = React.useMemo(() => {
+    if (!searchTerm) return expandedKeys;
+    const allKeys = [];
+    Tree.walkTree(prunedTreeData, (node) => {
+      if (node.children?.length) allKeys.push(node.key);
+    });
+    return allKeys;
+  }, [searchTerm, prunedTreeData]);
+  const handleSelect = React.useCallback(
+    (keys, info) => {
+      if (value.isDisabled || info.node.disabled) return;
+      value.applyValue(keys[0] ?? "");
+      setIsOpen(false);
+      setSearchTerm("");
+    },
+    [value.applyValue, value.isDisabled]
+  );
+  const handleOpenChange = React.useCallback(
+    (open) => {
+      if (value.isDisabled) return;
+      setIsOpen(open);
+      if (!open) {
+        setSearchTerm("");
+        setExpandedKeys(defaultExpandedKeysRef.current ?? []);
+      }
+    },
+    [value.isDisabled]
+  );
+  const handleExpand = React.useCallback(
+    (keys) => setExpandedKeys(keys),
+    []
+  );
+  return {
+    ...value,
+    isSearchable,
+    isOpen,
+    handleOpenChange,
+    searchTerm,
+    setSearchTerm,
+    prunedTreeData,
+    effectiveExpandedKeys,
+    handleSelect,
+    handleExpand
+  };
+}
+
+const DROPDOWN_HEIGHT = 256;
+const SIZE_CONFIG = {
+  small: { trigger: "min-h-7 px-2 py-0.5", text: "text-xs" },
+  medium: { trigger: "min-h-8 px-2.5 py-1", text: "text-sm" },
+  large: { trigger: "min-h-10 px-2.5 py-1.5", text: "text-sm" }
+};
+
+const TreeSelectTrigger = React.forwardRef(
+  ({
+    size,
+    currentValue,
+    selectedLabel,
+    placeholder,
+    isDisabled,
+    error,
+    showClearButton,
+    handleClear,
+    suffixIcon,
+    className,
+    ...rest
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      ref,
+      type: "button",
+      disabled: isDisabled,
+      ...rest,
+      className: utils.cn(
+        "inline-flex w-full items-center gap-1 rounded-md border border-input bg-background outline-none",
+        "hover:bg-accent focus:ring-1 focus:ring-ring",
+        "disabled:pointer-events-none disabled:opacity-50",
+        error && "border-destructive",
+        SIZE_CONFIG[size].trigger,
+        SIZE_CONFIG[size].text,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: utils.cn(
+              "flex-1 truncate text-left",
+              !currentValue && "text-muted-foreground"
+            ),
+            children: selectedLabel || placeholder || ""
+          }
+        ),
+        showClearButton && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            role: "button",
+            tabIndex: -1,
+            "aria-label": "Clear selection",
+            className: "shrink-0 text-muted-foreground hover:text-foreground",
+            onClick: handleClear,
+            children: /* @__PURE__ */ jsxRuntime.jsx(x.X, { className: "size-3.5" })
+          }
+        ),
+        suffixIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chevronDown.ChevronDown, { className: "size-4 shrink-0 opacity-50" })
+      ]
+    }
+  )
+);
+TreeSelectTrigger.displayName = "TreeSelectTrigger";
+
+const TreeSelect = React.forwardRef(
+  (props, ref) => {
+    const {
+      id,
+      label,
+      error,
+      helpText,
+      errorId,
+      helpTextId,
+      isDisabled,
+      required,
+      isOpen,
+      handleOpenChange,
+      currentValue,
+      handleClear,
+      selectedLabel,
+      showClearButton,
+      size,
+      isSearchable,
+      searchTerm,
+      setSearchTerm,
+      prunedTreeData,
+      effectiveExpandedKeys,
+      handleSelect,
+      handleExpand
+    } = useTreeSelectState(props);
+    const { suffixIcon, switcherIcon, autoExpandParent, className } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      SelectFieldWrapper.SelectFieldWrapper,
+      {
+        id,
+        label,
+        error,
+        helpText,
+        errorId,
+        helpTextId,
+        isDisabled,
+        required,
+        className,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(primitives_Popover.Popover, { open: isOpen, onOpenChange: handleOpenChange, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(primitives_Popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            TreeSelectTrigger,
+            {
+              ref,
+              currentValue,
+              error,
+              handleClear,
+              isDisabled,
+              placeholder: props.placeholder,
+              selectedLabel,
+              showClearButton,
+              size,
+              suffixIcon
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            primitives_Popover.PopoverContent,
+            {
+              align: "start",
+              className: "w-[var(--radix-popover-trigger-width)] p-0",
+              onOpenAutoFocus: (e) => {
+                if (isSearchable) e.preventDefault();
+              },
+              children: [
+                isSearchable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border px-2 py-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    autoFocus: true,
+                    type: "text",
+                    className: utils.cn(
+                      "w-full bg-transparent outline-none placeholder:text-muted-foreground",
+                      SIZE_CONFIG[size].text
+                    ),
+                    placeholder: "Search...",
+                    value: searchTerm,
+                    onChange: (e) => setSearchTerm(e.target.value)
+                  }
+                ) }),
+                prunedTreeData.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Tree.Tree,
+                  {
+                    autoExpandParent,
+                    expandedKeys: effectiveExpandedKeys,
+                    height: DROPDOWN_HEIGHT,
+                    switcherIcon,
+                    treeData: prunedTreeData,
+                    onExpand: handleExpand,
+                    onSelect: handleSelect
+                  }
+                ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No results found." })
+              ]
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+TreeSelect.displayName = "TreeSelect";
+
+exports.TreeSelect = TreeSelect;
+//# sourceMappingURL=TreeSelect-Cmm5yYq3.js.map

package/dist/cjs/TreeSelect-Cmm5yYq3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelect-Cmm5yYq3.js","sources":["../../src/components/TreeSelect/utils/pruneTree.ts","../../src/components/TreeSelect/utils/resolveFieldNames.ts","../../src/components/TreeSelect/hooks/useTreeSelectValue.ts","../../src/components/TreeSelect/hooks/useTreeSelectState.ts","../../src/components/TreeSelect/constants.ts","../../src/components/TreeSelect/TreeSelectTrigger.tsx","../../src/components/TreeSelect/TreeSelect.tsx"],"sourcesContent":["import type { TreeNodeData } from \"../../Tree/types\";\n\nexport const pruneTree = (\n  nodes: TreeNodeData[],\n  searchTerm: string\n): TreeNodeData[] => {\n  if (!searchTerm.trim()) return nodes;\n\n  const lower = searchTerm.toLowerCase();\n\n  const prune = (items: TreeNodeData[]): TreeNodeData[] =>\n    items.reduce<TreeNodeData[]>((acc, node) => {\n      const titleStr = typeof node.title === \"string\" ? node.title : \"\";\n      const nodeMatches = titleStr.toLowerCase().includes(lower);\n\n      if (nodeMatches) {\n        acc.push(node);\n      } else {\n        const prunedChildren = node.children ? prune(node.children) : [];\n        if (prunedChildren.length > 0) {\n          acc.push({ ...node, children: prunedChildren });\n        }\n      }\n\n      return acc;\n    }, []);\n\n  return prune(nodes);\n};\n","import type { ReactNode } from \"react\";\nimport type { TreeNodeData } from \"../../Tree/types\";\n\ninterface FieldNameMapping {\n  label?: string;\n  value?: string;\n}\n\nexport const resolveFieldNames = (\n  nodes: TreeNodeData[],\n  fieldNames: FieldNameMapping\n): TreeNodeData[] => {\n  const labelKey = fieldNames.label ?? \"title\";\n  const valueKey = fieldNames.value ?? \"key\";\n\n  const remap = (items: TreeNodeData[]): TreeNodeData[] =>\n    items.map(item => {\n      const record = item as unknown as Record<string, unknown>;\n\n      return {\n        key: String(record[valueKey] ?? \"\"),\n        title: record[labelKey] as ReactNode,\n        disabled: record.disabled as boolean | undefined,\n        children: Array.isArray(item.children)\n          ? remap(item.children)\n          : undefined,\n      };\n    });\n\n  return remap(nodes);\n};\n","import { useCallback, useId, useMemo, useState } from \"react\";\nimport { findNode } from \"../../Tree/utils/adapter\";\nimport type { TreeSelectProps } from \"../types\";\nimport { resolveFieldNames } from \"../utils/resolveFieldNames\";\n\nexport function useTreeSelectValue(props: TreeSelectProps) {\n  const {\n    value: valueProp,\n    defaultValue,\n    onChange,\n    treeData: rawTreeData,\n    fieldNames,\n    isClearable = false,\n    isDisabled = false,\n    size = \"medium\",\n    label = \"\",\n    error = \"\",\n    helpText = \"\",\n    required = false,\n  } = props;\n\n  const id = useId();\n  const errorId = `error_${id}`;\n  const helpTextId = `helpText_${id}`;\n\n  const treeData = useMemo(() => {\n    if (!fieldNames) return rawTreeData;\n\n    return resolveFieldNames(rawTreeData, fieldNames);\n  }, [rawTreeData, fieldNames?.label, fieldNames?.value]);\n\n  const isControlled = valueProp !== undefined;\n  const [internalValue, setInternalValue] = useState(defaultValue ?? \"\");\n  const currentValue = isControlled ? (valueProp ?? \"\") : internalValue;\n\n  const applyValue = useCallback(\n    (next: string) => {\n      if (!isControlled) setInternalValue(next);\n      onChange?.(next);\n    },\n    [isControlled, onChange]\n  );\n\n  const selectedLabel = useMemo(() => {\n    if (!currentValue) return \"\";\n    const node = findNode(currentValue, treeData);\n    if (!node) return currentValue;\n\n    return typeof node.title === \"string\" ? node.title : \"\";\n  }, [currentValue, treeData]);\n\n  const handleClear = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      applyValue(\"\");\n    },\n    [applyValue]\n  );\n\n  const showClearButton = isClearable && !!currentValue && !isDisabled;\n\n  return {\n    id,\n    errorId,\n    helpTextId,\n    label,\n    error,\n    helpText,\n    required,\n    isDisabled,\n    size,\n    treeData,\n    currentValue,\n    selectedLabel,\n    applyValue,\n    handleClear,\n    showClearButton,\n  };\n}\n","import { useCallback, useMemo, useRef, useState } from \"react\";\nimport type { TreeNodeData } from \"../../Tree/types\";\nimport { walkTree } from \"../../Tree/utils/adapter\";\nimport type { TreeSelectProps } from \"../types\";\nimport { pruneTree } from \"../utils/pruneTree\";\nimport { useTreeSelectValue } from \"./useTreeSelectValue\";\n\nexport function useTreeSelectState(props: TreeSelectProps) {\n  const { isSearchable = false, defaultExpandedKeys } = props;\n  const defaultExpandedKeysRef = useRef(defaultExpandedKeys);\n  defaultExpandedKeysRef.current = defaultExpandedKeys;\n  const value = useTreeSelectValue(props);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const [expandedKeys, setExpandedKeys] = useState<string[]>(\n    defaultExpandedKeys ?? []\n  );\n\n  const prunedTreeData = useMemo(\n    () =>\n      searchTerm.trim()\n        ? pruneTree(value.treeData, searchTerm)\n        : value.treeData,\n    [value.treeData, searchTerm]\n  );\n\n  const effectiveExpandedKeys = useMemo(() => {\n    if (!searchTerm) return expandedKeys;\n\n    const allKeys: string[] = [];\n    walkTree(prunedTreeData, node => {\n      if (node.children?.length) allKeys.push(node.key);\n    });\n\n    return allKeys;\n  }, [searchTerm, prunedTreeData]);\n\n  const handleSelect = useCallback(\n    (keys: string[], info: { node: TreeNodeData }) => {\n      if (value.isDisabled || info.node.disabled) return;\n      value.applyValue(keys[0] ?? \"\");\n      setIsOpen(false);\n      setSearchTerm(\"\");\n    },\n    [value.applyValue, value.isDisabled]\n  );\n\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      if (value.isDisabled) return;\n      setIsOpen(open);\n      if (!open) {\n        setSearchTerm(\"\");\n        setExpandedKeys(defaultExpandedKeysRef.current ?? []);\n      }\n    },\n    [value.isDisabled]\n  );\n\n  const handleExpand = useCallback(\n    (keys: string[]) => setExpandedKeys(keys),\n    []\n  );\n\n  return {\n    ...value,\n    isSearchable,\n    isOpen,\n    handleOpenChange,\n    searchTerm,\n    setSearchTerm,\n    prunedTreeData,\n    effectiveExpandedKeys,\n    handleSelect,\n    handleExpand,\n  };\n}\n","export const DROPDOWN_HEIGHT = 256;\n\nexport const SIZE_CONFIG: Record<\n  \"small\" | \"medium\" | \"large\",\n  { trigger: string; text: string }\n> = {\n  small: { trigger: \"min-h-7 px-2 py-0.5\", text: \"text-xs\" },\n  medium: { trigger: \"min-h-8 px-2.5 py-1\", text: \"text-sm\" },\n  large: { trigger: \"min-h-10 px-2.5 py-1.5\", text: \"text-sm\" },\n};\n","import { forwardRef, type ReactNode } from \"react\";\nimport { ChevronDown, X } from \"lucide-react\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { SIZE_CONFIG } from \"./constants\";\n\ninterface TreeSelectTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  size: \"small\" | \"medium\" | \"large\";\n  currentValue: string;\n  selectedLabel: string;\n  placeholder?: string;\n  isDisabled: boolean;\n  error: string;\n  showClearButton: boolean;\n  handleClear: (e: React.MouseEvent) => void;\n  suffixIcon?: ReactNode;\n}\n\nexport const TreeSelectTrigger = forwardRef<\n  HTMLButtonElement,\n  TreeSelectTriggerProps\n>(\n  (\n    {\n      size,\n      currentValue,\n      selectedLabel,\n      placeholder,\n      isDisabled,\n      error,\n      showClearButton,\n      handleClear,\n      suffixIcon,\n      className,\n      ...rest\n    },\n    ref\n  ) => (\n    <button\n      ref={ref}\n      type=\"button\"\n      disabled={isDisabled}\n      {...rest}\n      className={cn(\n        \"inline-flex w-full items-center gap-1 rounded-md border border-input bg-background outline-none\",\n        \"hover:bg-accent focus:ring-1 focus:ring-ring\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        error && \"border-destructive\",\n        SIZE_CONFIG[size].trigger,\n        SIZE_CONFIG[size].text,\n        className\n      )}\n    >\n      <span\n        className={cn(\n          \"flex-1 truncate text-left\",\n          !currentValue && \"text-muted-foreground\"\n        )}\n      >\n        {selectedLabel || placeholder || \"\"}\n      </span>\n      {showClearButton && (\n        <span\n          role=\"button\"\n          tabIndex={-1}\n          aria-label=\"Clear selection\"\n          className=\"shrink-0 text-muted-foreground hover:text-foreground\"\n          onClick={handleClear}\n        >\n          <X className=\"size-3.5\" />\n        </span>\n      )}\n      {suffixIcon ?? <ChevronDown className=\"size-4 shrink-0 opacity-50\" />}\n    </button>\n  )\n);\n\nTreeSelectTrigger.displayName = \"TreeSelectTrigger\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"src/primitives/Popover\";\nimport { SelectFieldWrapper } from \"../Select/SelectFieldWrapper\";\nimport { Tree } from \"../Tree\";\nimport { useTreeSelectState } from \"./hooks/useTreeSelectState\";\nimport { TreeSelectTrigger } from \"./TreeSelectTrigger\";\nimport { SIZE_CONFIG, DROPDOWN_HEIGHT } from \"./constants\";\nimport type { TreeSelectProps } from \"./types\";\n\nconst TreeSelect = forwardRef<HTMLButtonElement, TreeSelectProps>(\n  (props, ref) => {\n    const {\n      id,\n      label,\n      error,\n      helpText,\n      errorId,\n      helpTextId,\n      isDisabled,\n      required,\n      isOpen,\n      handleOpenChange,\n      currentValue,\n      handleClear,\n      selectedLabel,\n      showClearButton,\n      size,\n      isSearchable,\n      searchTerm,\n      setSearchTerm,\n      prunedTreeData,\n      effectiveExpandedKeys,\n      handleSelect,\n      handleExpand,\n    } = useTreeSelectState(props);\n    const { suffixIcon, switcherIcon, autoExpandParent, className } = props;\n\n    return (\n      <SelectFieldWrapper\n        id={id}\n        label={label}\n        error={error}\n        helpText={helpText}\n        errorId={errorId}\n        helpTextId={helpTextId}\n        isDisabled={isDisabled}\n        required={required}\n        className={className}\n      >\n        <Popover open={isOpen} onOpenChange={handleOpenChange}>\n          <PopoverTrigger asChild>\n            <TreeSelectTrigger\n              ref={ref}\n              currentValue={currentValue}\n              error={error}\n              handleClear={handleClear}\n              isDisabled={isDisabled}\n              placeholder={props.placeholder}\n              selectedLabel={selectedLabel}\n              showClearButton={showClearButton}\n              size={size}\n              suffixIcon={suffixIcon}\n            />\n          </PopoverTrigger>\n          <PopoverContent\n            align=\"start\"\n            className=\"w-[var(--radix-popover-trigger-width)] p-0\"\n            onOpenAutoFocus={e => {\n              if (isSearchable) e.preventDefault();\n            }}\n          >\n            {isSearchable && (\n              <div className=\"border-b border-border px-2 py-1.5\">\n                <input\n                  autoFocus\n                  type=\"text\"\n                  className={cn(\n                    \"w-full bg-transparent outline-none placeholder:text-muted-foreground\",\n                    SIZE_CONFIG[size].text\n                  )}\n                  placeholder=\"Search...\"\n                  value={searchTerm}\n                  onChange={e => setSearchTerm(e.target.value)}\n                />\n              </div>\n            )}\n            {prunedTreeData.length > 0 ? (\n              <div className=\"p-1\">\n                <Tree\n                  autoExpandParent={autoExpandParent}\n                  expandedKeys={effectiveExpandedKeys}\n                  height={DROPDOWN_HEIGHT}\n                  switcherIcon={switcherIcon}\n                  treeData={prunedTreeData}\n                  onExpand={handleExpand}\n                  onSelect={handleSelect}\n                />\n              </div>\n            ) : (\n              <div className=\"py-6 text-center text-sm text-muted-foreground\">\n                No results found.\n              </div>\n            )}\n          </PopoverContent>\n        </Popover>\n      </SelectFieldWrapper>\n    );\n  }\n);\n\nTreeSelect.displayName = \"TreeSelect\";\n\nexport { TreeSelect };\n"],"names":["useId","useMemo","useState","useCallback","findNode","useRef","walkTree","forwardRef","jsxs","cn","jsx","X","ChevronDown","SelectFieldWrapper","Popover","PopoverTrigger","PopoverContent","Tree"],"mappings":"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"}

package/dist/cjs/Typography-UyaYuppP.js

@@ -0,0 +1,100 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index$1 = require('./index-vioSzJOw.js');
+var utils = require('./utils-BhM0B89p.js');
+var index = require('./index-DuNgWCXZ.js');
+
+const typographyVariants = index$1.cva("", {
+  variants: {
+    variant: {
+      jumbo: "text-5xl font-semibold leading-none tracking-tight",
+      h1: "text-[2.5rem] font-semibold leading-tight tracking-tight",
+      h2: "text-[2rem] font-semibold leading-tight tracking-tight",
+      h3: "text-[1.75rem] font-semibold leading-tight",
+      h4: "text-2xl font-semibold leading-tight",
+      h5: "text-xl font-semibold leading-tight",
+      h6: "text-base font-semibold leading-tight",
+      body1: "text-base leading-normal",
+      body2: "text-[15px] leading-normal",
+      body3: "text-sm leading-normal",
+      caption: "text-xs leading-normal",
+      nano: "text-[10px] leading-normal",
+      code: "font-mono text-sm"
+    },
+    weight: {
+      thin: "font-thin",
+      extralight: "font-extralight",
+      light: "font-light",
+      normal: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold",
+      bold: "font-bold",
+      extrabold: "font-extrabold",
+      black: "font-black"
+    },
+    color: {
+      default: "text-foreground",
+      muted: "text-muted-foreground",
+      primary: "text-primary",
+      destructive: "text-destructive",
+      inherit: "text-inherit"
+    },
+    lineClamp: {
+      none: "",
+      1: "line-clamp-1",
+      2: "line-clamp-2",
+      3: "line-clamp-3"
+    }
+  },
+  defaultVariants: {
+    variant: "body3",
+    color: "default"
+  }
+});
+const defaultElementMap = {
+  jumbo: "h1",
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  body1: "p",
+  body2: "p",
+  body3: "p",
+  caption: "span",
+  nano: "span",
+  code: "code"
+};
+const Typography = React.forwardRef(
+  ({
+    className,
+    variant = "body3",
+    weight,
+    color = "default",
+    lineClamp,
+    asChild = false,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? index.Slot : defaultElementMap[variant ?? "body3"] ?? "p";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        ref,
+        "data-slot": "typography",
+        "data-variant": variant,
+        className: utils.cn(
+          typographyVariants({ variant, weight, color, lineClamp, className })
+        ),
+        ...props
+      }
+    );
+  }
+);
+Typography.displayName = "Typography";
+
+exports.Typography = Typography;
+exports.typographyVariants = typographyVariants;
+//# sourceMappingURL=Typography-UyaYuppP.js.map

package/dist/cjs/Typography-UyaYuppP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography-UyaYuppP.js","sources":["../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Slot } from \"radix-ui\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\n\nconst typographyVariants = cva(\"\", {\n  variants: {\n    variant: {\n      jumbo: \"text-5xl font-semibold leading-none tracking-tight\",\n      h1: \"text-[2.5rem] font-semibold leading-tight tracking-tight\",\n      h2: \"text-[2rem] font-semibold leading-tight tracking-tight\",\n      h3: \"text-[1.75rem] font-semibold leading-tight\",\n      h4: \"text-2xl font-semibold leading-tight\",\n      h5: \"text-xl font-semibold leading-tight\",\n      h6: \"text-base font-semibold leading-tight\",\n      body1: \"text-base leading-normal\",\n      body2: \"text-[15px] leading-normal\",\n      body3: \"text-sm leading-normal\",\n      caption: \"text-xs leading-normal\",\n      nano: \"text-[10px] leading-normal\",\n      code: \"font-mono text-sm\",\n    },\n    weight: {\n      thin: \"font-thin\",\n      extralight: \"font-extralight\",\n      light: \"font-light\",\n      normal: \"font-normal\",\n      medium: \"font-medium\",\n      semibold: \"font-semibold\",\n      bold: \"font-bold\",\n      extrabold: \"font-extrabold\",\n      black: \"font-black\",\n    },\n    color: {\n      default: \"text-foreground\",\n      muted: \"text-muted-foreground\",\n      primary: \"text-primary\",\n      destructive: \"text-destructive\",\n      inherit: \"text-inherit\",\n    },\n    lineClamp: {\n      none: \"\",\n      1: \"line-clamp-1\",\n      2: \"line-clamp-2\",\n      3: \"line-clamp-3\",\n    },\n  },\n  defaultVariants: {\n    variant: \"body3\",\n    color: \"default\",\n  },\n});\n\nconst defaultElementMap: Record<string, keyof React.JSX.IntrinsicElements> = {\n  jumbo: \"h1\",\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  body1: \"p\",\n  body2: \"p\",\n  body3: \"p\",\n  caption: \"span\",\n  nano: \"span\",\n  code: \"code\",\n};\n\nconst Typography = forwardRef<\n  HTMLElement,\n  React.ComponentProps<\"p\"> &\n    VariantProps<typeof typographyVariants> & {\n      asChild?: boolean;\n    }\n>(\n  (\n    {\n      className,\n      variant = \"body3\",\n      weight,\n      color = \"default\",\n      lineClamp,\n      asChild = false,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = (\n      asChild ? Slot.Root : (defaultElementMap[variant ?? \"body3\"] ?? \"p\")\n    ) as React.ElementType;\n\n    return (\n      <Comp\n        ref={ref}\n        data-slot=\"typography\"\n        data-variant={variant}\n        className={cn(\n          typographyVariants({ variant, weight, color, lineClamp, className })\n        )}\n        {...props}\n      />\n    );\n  }\n);\n\nTypography.displayName = \"Typography\";\n\nexport { Typography, typographyVariants };\n"],"names":["cva","forwardRef","Slot.Root","jsx","cn"],"mappings":";;;;;;;;AAMA,MAAM,kBAAA,GAAqBA,YAAI,EAAA,EAAI;AAAA,EACjC,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,KAAA,EAAO,oDAAA;AAAA,MACP,EAAA,EAAI,0DAAA;AAAA,MACJ,EAAA,EAAI,wDAAA;AAAA,MACJ,EAAA,EAAI,4CAAA;AAAA,MACJ,EAAA,EAAI,sCAAA;AAAA,MACJ,EAAA,EAAI,qCAAA;AAAA,MACJ,EAAA,EAAI,uCAAA;AAAA,MACJ,KAAA,EAAO,0BAAA;AAAA,MACP,KAAA,EAAO,4BAAA;AAAA,MACP,KAAA,EAAO,wBAAA;AAAA,MACP,OAAA,EAAS,wBAAA;AAAA,MACT,IAAA,EAAM,4BAAA;AAAA,MACN,IAAA,EAAM;AAAA,KACR;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM,WAAA;AAAA,MACN,UAAA,EAAY,iBAAA;AAAA,MACZ,KAAA,EAAO,YAAA;AAAA,MACP,MAAA,EAAQ,aAAA;AAAA,MACR,MAAA,EAAQ,aAAA;AAAA,MACR,QAAA,EAAU,eAAA;AAAA,MACV,IAAA,EAAM,WAAA;AAAA,MACN,SAAA,EAAW,gBAAA;AAAA,MACX,KAAA,EAAO;AAAA,KACT;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,iBAAA;AAAA,MACT,KAAA,EAAO,uBAAA;AAAA,MACP,OAAA,EAAS,cAAA;AAAA,MACT,WAAA,EAAa,kBAAA;AAAA,MACb,OAAA,EAAS;AAAA,KACX;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,EAAA;AAAA,MACN,CAAA,EAAG,cAAA;AAAA,MACH,CAAA,EAAG,cAAA;AAAA,MACH,CAAA,EAAG;AAAA;AACL,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,OAAA;AAAA,IACT,KAAA,EAAO;AAAA;AAEX,CAAC;AAED,MAAM,iBAAA,GAAuE;AAAA,EAC3E,KAAA,EAAO,IAAA;AAAA,EACP,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,KAAA,EAAO,GAAA;AAAA,EACP,KAAA,EAAO,GAAA;AAAA,EACP,KAAA,EAAO,GAAA;AAAA,EACP,OAAA,EAAS,MAAA;AAAA,EACT,IAAA,EAAM,MAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAEA,MAAM,UAAA,GAAaC,gBAAA;AAAA,EAOjB,CACE;AAAA,IACE,SAAA;AAAA,IACA,OAAA,GAAU,OAAA;AAAA,IACV,MAAA;AAAA,IACA,KAAA,GAAQ,SAAA;AAAA,IACR,SAAA;AAAA,IACA,OAAA,GAAU,KAAA;AAAA,IACV,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,OACJ,OAAA,GAAUC,aAAa,iBAAA,CAAkB,OAAA,IAAW,OAAO,CAAA,IAAK,GAAA;AAGlE,IAAA,uBACEC,cAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,YAAA;AAAA,QACV,cAAA,EAAc,OAAA;AAAA,QACd,SAAA,EAAWC,QAAA;AAAA,UACT,mBAAmB,EAAE,OAAA,EAAS,QAAQ,KAAA,EAAO,SAAA,EAAW,WAAW;AAAA,SACrE;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;;;;;"}

package/dist/cjs/button-CMl9rLXi.js

@@ -0,0 +1,90 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index$1 = require('./index-vioSzJOw.js');
+var utils = require('./utils-BhM0B89p.js');
+var index = require('./index-DuNgWCXZ.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const buttonVariants = index$1.cva(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:border-destructive focus-visible:ring-destructive/40 dark:bg-destructive dark:hover:bg-destructive/90 dark:focus-visible:ring-destructive/40",
+        "destructive-soft": "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline underline-offset-4 decoration-primary/40 hover:decoration-primary"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pe-3 has-data-[icon=inline-start]:ps-3",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9"
+      }
+    },
+    compoundVariants: [
+      {
+        variant: "link",
+        size: ["default", "xs", "sm", "lg"],
+        className: "h-auto border-0 px-0 has-data-[icon=inline-end]:pe-0 has-data-[icon=inline-start]:ps-0"
+      }
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const Button = React__namespace.forwardRef(({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}, ref) => {
+  const Comp = asChild ? index.Slot : "button";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      ref,
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: utils.cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+});
+Button.displayName = "Button";
+
+exports.Button = Button;
+exports.buttonVariants = buttonVariants;
+//# sourceMappingURL=button-CMl9rLXi.js.map

package/dist/cjs/button-CMl9rLXi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-CMl9rLXi.js","sources":["../../src/shadcn/components/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"src/shadcn/lib/utils\"\n\nconst buttonVariants = cva(\n  \"group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n        outline:\n          \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:border-destructive focus-visible:ring-destructive/40 dark:bg-destructive dark:hover:bg-destructive/90 dark:focus-visible:ring-destructive/40\",\n        \"destructive-soft\":\n          \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n        link: \"text-primary underline underline-offset-4 decoration-primary/40 hover:decoration-primary\",\n      },\n      size: {\n        default:\n          \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2\",\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pe-3 has-data-[icon=inline-start]:ps-3\",\n        icon: \"size-8\",\n        \"icon-xs\":\n          \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\":\n          \"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg\",\n        \"icon-lg\": \"size-9\",\n      },\n    },\n    compoundVariants: [\n      {\n        variant: \"link\",\n        size: [\"default\", \"xs\", \"sm\", \"lg\"],\n        className:\n          \"h-auto border-0 px-0 has-data-[icon=inline-end]:pe-0 has-data-[icon=inline-start]:ps-0\",\n      },\n    ],\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst Button = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> &\n    VariantProps<typeof buttonVariants> & {\n      asChild?: boolean\n    }\n>(({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}, ref) => {\n  const Comp = asChild ? Slot.Root : \"button\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-slot=\"button\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n})\n\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"],"names":["cva","React","Slot.Root","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,cAAA,GAAiBA,WAAA;AAAA,EACrB,wkBAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,4DAAA;AAAA,QACT,OAAA,EACE,iLAAA;AAAA,QACF,SAAA,EACE,iIAAA;AAAA,QACF,KAAA,EACE,kHAAA;AAAA,QACF,WAAA,EACE,+NAAA;AAAA,QACF,kBAAA,EACE,6NAAA;AAAA,QACF,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EACE,sFAAA;AAAA,QACF,EAAA,EAAI,+MAAA;AAAA,QACJ,EAAA,EAAI,yNAAA;AAAA,QACJ,EAAA,EAAI,sFAAA;AAAA,QACJ,IAAA,EAAM,QAAA;AAAA,QACN,SAAA,EACE,yHAAA;AAAA,QACF,SAAA,EACE,oFAAA;AAAA,QACF,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB;AAAA,QACE,OAAA,EAAS,MAAA;AAAA,QACT,IAAA,EAAM,CAAC,SAAA,EAAW,IAAA,EAAM,MAAM,IAAI,CAAA;AAAA,QAClC,SAAA,EACE;AAAA;AACJ,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,MAAM,MAAA,GAASC,gBAAA,CAAM,UAAA,CAMnB,CAAC;AAAA,EACD,SAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,IAAA,GAAO,SAAA;AAAA,EACP,OAAA,GAAU,KAAA;AAAA,EACV,GAAG;AACL,CAAA,EAAG,GAAA,KAAQ;AACT,EAAA,MAAM,IAAA,GAAO,OAAA,GAAUC,UAAK,GAAO,QAAA;AAEnC,EAAA,uBACEC,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,QAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAWC,SAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,MACzD,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;;;;;"}

package/dist/cjs/components/Accordion.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var Accordion = require('../Accordion-BoTckTBI.js');
+var Accordion = require('../Accordion-D75SDnkY.js');
 require('react/jsx-runtime');
 require('react');
-require('../utils-CTr7wn5d.js');
+require('../utils-BhM0B89p.js');
 require('../primitives/Accordion.js');
 require('../chevron-down-CPsWSS51.js');
 require('../createLucideIcon-D0tRgV6l.js');

package/dist/cjs/components/Alert.js

@@ -1,19 +1,19 @@
 'use strict';
 
-var Alert = require('../Alert-DnIUdIE3.js');
+var Alert = require('../Alert-_TPuVqa5.js');
 require('react/jsx-runtime');
 require('react');
 require('react-i18next');
-require('../utils-CTr7wn5d.js');
+require('../utils-BhM0B89p.js');
 require('../primitives/Dialog.js');
-require('../button--P7-oIJb.js');
-require('../index-BZhTddX0.js');
+require('../button-CMl9rLXi.js');
+require('../index-vioSzJOw.js');
 require('../index-DuNgWCXZ.js');
 require('../index-D-iDn9RI.js');
-require('../dialog-CWSpiRjk.js');
+require('../dialog-Cs1qH5xA.js');
 require('../x-Brw3FJst.js');
 require('../createLucideIcon-D0tRgV6l.js');
-require('../index-BLGrl3PF.js');
+require('../index-BTsnrFFc.js');
 require('../index-COPkC3I5.js');
 require('../index-CGUGhyIp.js');
 require('../index-BwAq9ba8.js');
@@ -23,17 +23,17 @@ require('../index-Bvu9MiFi.js');
 require('../index-DMbj7vXd.js');
 require('react-dom');
 require('../index-lWVw05cs.js');
-require('../index-ChSOMM8b.js');
+require('../index-CS_WSHYi.js');
 require('../index-Df-Ffa3s.js');
 require('../index-DcCSSgb7.js');
-require('../Button-BniJ4TT_.js');
+require('../Button-BlNtYr1w.js');
 require('react-router-dom');
-require('../renderIcon-fLF3odqg.js');
+require('../renderIcon-BRrpZu9a.js');
 require('../primitives/Button.js');
 require('../primitives/Spinner.js');
 require('../loader-circle-Bw7zP2Gn.js');
 require('../primitives/Tooltip.js');
-require('../tooltip-C-568jEL.js');
+require('../tooltip-BYCcUMZn.js');
 require('../index-C9ICrOhM.js');
 require('../floating-ui.react-dom-B4Aw6O7R.js');
 require('../index-Bf0WsHta.js');