@bigbinary/neeto-atoms 1.0.9 → 1.0.11

package/dist/cjs/TreeSelect-C9nQJKNo.js

@@ -0,0 +1,170 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-CTr7wn5d.js');
+var primitives_Popover = require('./primitives/Popover.js');
+var SelectFieldWrapper = require('./SelectFieldWrapper-DEA--2wj.js');
+var Tree = require('./Tree-BPd0DuLh.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 => ({
+        key: String(item[valueKey] ?? ""),
+        title: item[labelKey],
+        disabled: item.disabled,
+        children: Array.isArray(item.children)
+            ? remap(item.children)
+            : undefined,
+    }));
+    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 !== undefined;
+    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) => (jsxRuntime.jsxs("button", { ref: 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: [jsxRuntime.jsx("span", { className: utils.cn("flex-1 truncate text-left", !currentValue && "text-muted-foreground"), children: selectedLabel || placeholder || "" }), showClearButton && (jsxRuntime.jsx("span", { role: "button", tabIndex: -1, "aria-label": "Clear selection", className: "shrink-0 text-muted-foreground hover:text-foreground", onClick: handleClear, children: jsxRuntime.jsx(x.X, { className: "size-3.5" }) })), suffixIcon ?? jsxRuntime.jsx(chevronDown.ChevronDown, { className: "size-4 shrink-0 opacity-50" })] })));
+TreeSelectTrigger.displayName = "TreeSelectTrigger";
+
+const TreeSelect = React.forwardRef((props, ref) => {
+    const s = useTreeSelectState(props);
+    const { suffixIcon, switcherIcon, autoExpandParent, className } = props;
+    return (jsxRuntime.jsx(SelectFieldWrapper.SelectFieldWrapper, { id: s.id, label: s.label, error: s.error, helpText: s.helpText, errorId: s.errorId, helpTextId: s.helpTextId, isDisabled: s.isDisabled, required: s.required, className: className, children: jsxRuntime.jsxs(primitives_Popover.Popover, { open: s.isOpen, onOpenChange: s.handleOpenChange, children: [jsxRuntime.jsx(primitives_Popover.PopoverTrigger, { asChild: true, children: jsxRuntime.jsx(TreeSelectTrigger, { ref: ref, currentValue: s.currentValue, error: s.error, handleClear: s.handleClear, isDisabled: s.isDisabled, placeholder: props.placeholder, selectedLabel: s.selectedLabel, showClearButton: s.showClearButton, size: s.size, suffixIcon: suffixIcon }) }), jsxRuntime.jsxs(primitives_Popover.PopoverContent, { align: "start", className: "w-[var(--radix-popover-trigger-width)] p-0", onOpenAutoFocus: e => {
+                        if (s.isSearchable)
+                            e.preventDefault();
+                    }, children: [s.isSearchable && (jsxRuntime.jsx("div", { className: "border-b px-2 py-1.5", children: jsxRuntime.jsx("input", { autoFocus: true, type: "text", className: utils.cn("w-full bg-transparent outline-none placeholder:text-muted-foreground", SIZE_CONFIG[s.size].text), placeholder: "Search...", value: s.searchTerm, onChange: e => s.setSearchTerm(e.target.value) }) })), s.prunedTreeData.length > 0 ? (jsxRuntime.jsx("div", { className: "p-1", children: jsxRuntime.jsx(Tree.Tree, { autoExpandParent: autoExpandParent, expandedKeys: s.effectiveExpandedKeys, height: DROPDOWN_HEIGHT, switcherIcon: switcherIcon, treeData: s.prunedTreeData, onExpand: s.handleExpand, onSelect: s.handleSelect }) })) : (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-C9nQJKNo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelect-C9nQJKNo.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\nexport const resolveFieldNames = (\n  nodes: Record<string, unknown>[],\n  fieldNames: { label?: string; value?: string }\n): TreeNodeData[] => {\n  const labelKey = fieldNames.label ?? \"title\";\n  const valueKey = fieldNames.value ?? \"key\";\n\n  const remap = (items: Record<string, unknown>[]): TreeNodeData[] =>\n    items.map(item => ({\n      key: String(item[valueKey] ?? \"\"),\n      title: item[labelKey] as ReactNode,\n      disabled: item.disabled as boolean | undefined,\n      children: Array.isArray(item.children)\n        ? remap(item.children as Record<string, unknown>[])\n        : undefined,\n    }));\n\n  return remap(nodes);\n};\n","import { useCallback, useId, useMemo, useState } from \"react\";\nimport type { ReactNode } 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 = \"\" as ReactNode,\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(\n      rawTreeData as unknown as Record<string, unknown>[],\n      fieldNames\n    );\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 s = useTreeSelectState(props);\n    const { suffixIcon, switcherIcon, autoExpandParent, className } = props;\n\n    return (\n      <SelectFieldWrapper\n        id={s.id}\n        label={s.label}\n        error={s.error}\n        helpText={s.helpText}\n        errorId={s.errorId}\n        helpTextId={s.helpTextId}\n        isDisabled={s.isDisabled}\n        required={s.required}\n        className={className}\n      >\n        <Popover open={s.isOpen} onOpenChange={s.handleOpenChange}>\n          <PopoverTrigger asChild>\n            <TreeSelectTrigger\n              ref={ref}\n              currentValue={s.currentValue}\n              error={s.error}\n              handleClear={s.handleClear}\n              isDisabled={s.isDisabled}\n              placeholder={props.placeholder}\n              selectedLabel={s.selectedLabel}\n              showClearButton={s.showClearButton}\n              size={s.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 (s.isSearchable) e.preventDefault();\n            }}\n          >\n            {s.isSearchable && (\n              <div className=\"border-b 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[s.size].text\n                  )}\n                  placeholder=\"Search...\"\n                  value={s.searchTerm}\n                  onChange={e => s.setSearchTerm(e.target.value)}\n                />\n              </div>\n            )}\n            {s.prunedTreeData.length > 0 ? (\n              <div className=\"p-1\">\n                <Tree\n                  autoExpandParent={autoExpandParent}\n                  expandedKeys={s.effectiveExpandedKeys}\n                  height={DROPDOWN_HEIGHT}\n                  switcherIcon={switcherIcon}\n                  treeData={s.prunedTreeData}\n                  onExpand={s.handleExpand}\n                  onSelect={s.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-PojQmdAY.js

@@ -0,0 +1,79 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index$1 = require('./index-BZhTddX0.js');
+var utils = require('./utils-CTr7wn5d.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-[40px] font-semibold leading-tight tracking-tight",
+            h2: "text-[32px] font-semibold leading-tight tracking-tight",
+            h3: "text-[28px] font-semibold leading-tight tracking-tight",
+            h4: "text-2xl font-semibold leading-tight",
+            h5: "text-xl font-semibold leading-tight",
+            h6: "text-lg 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 (jsxRuntime.jsx(Comp, { ref: 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-PojQmdAY.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography-PojQmdAY.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-[40px] font-semibold leading-tight tracking-tight\",\n      h2: \"text-[32px] font-semibold leading-tight tracking-tight\",\n      h3: \"text-[28px] font-semibold leading-tight tracking-tight\",\n      h4: \"text-2xl font-semibold leading-tight\",\n      h5: \"text-xl font-semibold leading-tight\",\n      h6: \"text-lg 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":"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"}

package/dist/cjs/components/Accordion.js

@@ -1,9 +1,10 @@
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var utils = require('../utils-CTr7wn5d.js');
-var primitives_Accordion = require('../primitives/Accordion.js');
+var Accordion = require('../Accordion-BoTckTBI.js');
+require('react/jsx-runtime');
+require('react');
+require('../utils-CTr7wn5d.js');
+require('../primitives/Accordion.js');
 require('../chevron-down-CPsWSS51.js');
 require('../createLucideIcon-D0tRgV6l.js');
 require('../chevron-up-BpwpBnZU.js');
@@ -20,30 +21,7 @@ require('../index-DcCSSgb7.js');
 require('../index-BwAq9ba8.js');
 require('../index-9jC1advf.js');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
 
-// ---------------------------------------------------------------------------
-// Subcomponent – Accordion.Item
-// ---------------------------------------------------------------------------
-const AccordionItemComponent = React.forwardRef(({ title, children, className, value, ...otherProps }, ref) => (jsxRuntime.jsxs(primitives_Accordion.AccordionItem, { ref: ref, value: value, className: utils.cn(className), ...otherProps, children: [jsxRuntime.jsx(primitives_Accordion.AccordionTrigger, { children: title }), jsxRuntime.jsx(primitives_Accordion.AccordionContent, { children: children })] })));
-AccordionItemComponent.displayName = "Accordion.Item";
-// ---------------------------------------------------------------------------
-// Component
-// ---------------------------------------------------------------------------
-const Accordion = React.forwardRef(({ className, children, ...otherProps }, ref) => {
-    // Auto-generate value props for items that don't have one
-    const enhancedChildren = React.Children.map(children, (child, index) => {
-        if (!React__default.default.isValidElement(child))
-            return child;
-        const childValue = child.props.value ?? `item-${index}`;
-        return React__default.default.cloneElement(child, { value: childValue });
-    });
-    return (jsxRuntime.jsx(primitives_Accordion.Accordion, { ref: ref, className: utils.cn(className), ...otherProps, children: enhancedChildren }));
-});
-Accordion.displayName = "Accordion";
-Accordion.Item = AccordionItemComponent;
-
-exports.Accordion = Accordion;
+exports.Accordion = Accordion.Accordion;
 //# sourceMappingURL=Accordion.js.map

package/dist/cjs/components/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, Children } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Accordion as PrimitiveAccordion,\n  AccordionItem as PrimitiveAccordionItem,\n  AccordionTrigger as PrimitiveAccordionTrigger,\n  AccordionContent as PrimitiveAccordionContent,\n} from \"src/primitives/Accordion\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype AccordionRootProps = React.ComponentProps<typeof PrimitiveAccordion>;\n\nexport interface AccordionProps extends Omit<AccordionRootProps, \"children\"> {\n  /** Accordion.Item children. */\n  children?: ReactNode;\n}\n\ninterface AccordionItemProps extends React.ComponentProps<\n  typeof PrimitiveAccordionItem\n> {\n  /** Header text displayed in the trigger. */\n  title: string;\n  /** Content rendered when the item is expanded. */\n  children?: ReactNode;\n}\n\n// ---------------------------------------------------------------------------\n// Subcomponent – Accordion.Item\n// ---------------------------------------------------------------------------\n\nconst AccordionItemComponent = forwardRef<HTMLDivElement, AccordionItemProps>(\n  ({ title, children, className, value, ...otherProps }, ref) => (\n    <PrimitiveAccordionItem\n      ref={ref}\n      value={value}\n      className={cn(className)}\n      {...otherProps}\n    >\n      <PrimitiveAccordionTrigger>{title}</PrimitiveAccordionTrigger>\n      <PrimitiveAccordionContent>{children}</PrimitiveAccordionContent>\n    </PrimitiveAccordionItem>\n  )\n);\n\nAccordionItemComponent.displayName = \"Accordion.Item\";\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  ({ className, children, ...otherProps }, ref) => {\n    // Auto-generate value props for items that don't have one\n    const enhancedChildren = Children.map(children, (child, index) => {\n      if (!React.isValidElement<AccordionItemProps>(child)) return child;\n      const childValue = child.props.value ?? `item-${index}`;\n      return React.cloneElement(child, { value: childValue });\n    });\n\n    return (\n      <PrimitiveAccordion ref={ref} className={cn(className)} {...otherProps}>\n        {enhancedChildren}\n      </PrimitiveAccordion>\n    );\n  }\n) as React.ForwardRefExoticComponent<\n  AccordionProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Item: typeof AccordionItemComponent;\n};\n\nAccordion.displayName = \"Accordion\";\nAccordion.Item = AccordionItemComponent;\n\nexport { Accordion };\n"],"names":["forwardRef","_jsxs","PrimitiveAccordionItem","cn","_jsx","PrimitiveAccordionTrigger","PrimitiveAccordionContent","Children","React","PrimitiveAccordion"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;AACA;AACA;AAEA,MAAM,sBAAsB,GAAGA,gBAAU,CACvC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,MACxDC,eAAA,CAACC,kCAAsB,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEC,QAAE,CAAC,SAAS,CAAC,EAAA,GACpB,UAAU,EAAA,QAAA,EAAA,CAEdC,cAAA,CAACC,qCAAyB,EAAA,EAAA,QAAA,EAAE,KAAK,EAAA,CAA6B,EAC9DD,cAAA,CAACE,qCAAyB,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAA6B,CAAA,EAAA,CAC1C,CAC1B,CACF;AAED,sBAAsB,CAAC,WAAW,GAAG,gBAAgB;AAErD;AACA;AACA;AAEA,MAAM,SAAS,GAAGN,gBAAU,CAC1B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;;AAE9C,IAAA,MAAM,gBAAgB,GAAGO,cAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAI;AAC/D,QAAA,IAAI,CAACC,sBAAK,CAAC,cAAc,CAAqB,KAAK,CAAC;AAAE,YAAA,OAAO,KAAK;QAClE,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,CAAA,KAAA,EAAQ,KAAK,CAAA,CAAE;AACvD,QAAA,OAAOA,sBAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;AACzD,IAAA,CAAC,CAAC;IAEF,QACEJ,eAACK,8BAAkB,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAEN,QAAE,CAAC,SAAS,CAAC,EAAA,GAAM,UAAU,YACnE,gBAAgB,EAAA,CACE;AAEzB,CAAC;AAOH,SAAS,CAAC,WAAW,GAAG,WAAW;AACnC,SAAS,CAAC,IAAI,GAAG,sBAAsB;;;;"}
+{"version":3,"file":"Accordion.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/Alert.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var reactI18next = require('react-i18next');
-var utils = require('../utils-CTr7wn5d.js');
-var primitives_Dialog = require('../primitives/Dialog.js');
-var components_Button = require('./Button.js');
+var Alert = require('../Alert-BVvLyM_d.js');
+require('react/jsx-runtime');
+require('react');
+require('react-i18next');
+require('../utils-CTr7wn5d.js');
+require('../primitives/Dialog.js');
 require('../button-B8XGl69v.js');
 require('../index-BZhTddX0.js');
 require('../index-DuNgWCXZ.js');
@@ -26,6 +26,7 @@ require('../index-lWVw05cs.js');
 require('../index-ChSOMM8b.js');
 require('../index-Df-Ffa3s.js');
 require('../index-DcCSSgb7.js');
+require('../Button-Bt_AElge.js');
 require('../renderIcon-fLF3odqg.js');
 require('../primitives/Button.js');
 require('../primitives/Spinner.js');
@@ -37,69 +38,7 @@ require('../floating-ui.react-dom-B4Aw6O7R.js');
 require('../index-Bf0WsHta.js');
 require('../index-CB9xFokC.js');
 
-// ---------------------------------------------------------------------------
-// Size mapping
-// ---------------------------------------------------------------------------
-const SIZE_CLASS_MAP = {
-    small: "sm:max-w-xs",
-    medium: "sm:max-w-sm",
-    large: "sm:max-w-md",
-};
-// ---------------------------------------------------------------------------
-// Style to variant mapping
-// ---------------------------------------------------------------------------
-const STYLE_VARIANT_MAP = {
-    danger: "destructive",
-    warning: "default",
-};
-// ---------------------------------------------------------------------------
-// Component
-// ---------------------------------------------------------------------------
-const Alert = React.forwardRef(({ size = "medium", isOpen = false, isSubmitting = false, className, closeOnEsc = true, closeButton = true, backdropClassName, closeOnOutsideClick = true, onClose = () => { }, onSubmit = () => { }, title = "", message = "", submitButtonLabel: submitButtonLabelProp, cancelButtonLabel: cancelButtonLabelProp, hideCancelButton = false, style = "danger", initialFocusRef, initialFocusElement, modal, defaultOpen, 
-// Radix content handlers — we intercept and merge
-onOpenAutoFocus: onOpenAutoFocusProp, onCloseAutoFocus: onCloseAutoFocusProp, ...otherProps }, ref) => {
-    const { t } = reactI18next.useTranslation();
-    const submitButtonLabel = submitButtonLabelProp ?? t("neetoatoms.alert.continue", "Continue");
-    const cancelButtonLabel = cancelButtonLabelProp ?? t("neetoatoms.alert.cancel", "Cancel");
-    const baseId = React.useId();
-    const titleId = `alert-title-${baseId}`;
-    const messageId = `alert-message-${baseId}`;
-    const submitButtonRef = React.useRef(null);
-    const cancelButtonRef = React.useRef(null);
-    const handleOpenChange = (open) => {
-        if (!open)
-            onClose();
-    };
-    const handleInteractOutside = (e) => {
-        if (!closeOnOutsideClick)
-            e.preventDefault();
-    };
-    const handleEscapeKeyDown = (e) => {
-        if (!closeOnEsc)
-            e.preventDefault();
-    };
-    const handleOpenAutoFocus = (e) => {
-        // Custom focus ref takes highest priority
-        if (initialFocusRef?.current) {
-            e.preventDefault();
-            initialFocusRef.current.focus();
-        }
-        else if (initialFocusElement === "submit" && submitButtonRef.current) {
-            e.preventDefault();
-            submitButtonRef.current.focus();
-        }
-        else if (initialFocusElement === "cancel" && cancelButtonRef.current) {
-            e.preventDefault();
-            cancelButtonRef.current.focus();
-        }
-        onOpenAutoFocusProp?.(e);
-    };
-    const handleCloseAutoFocus = (e) => {
-        onCloseAutoFocusProp?.(e);
-    };
-    return (jsxRuntime.jsx(primitives_Dialog.Dialog, { open: isOpen, onOpenChange: handleOpenChange, modal: modal, defaultOpen: defaultOpen, children: jsxRuntime.jsxs(primitives_Dialog.DialogContent, { ref: ref, role: "alertdialog", "aria-labelledby": title ? titleId : undefined, "aria-describedby": message ? messageId : undefined, showCloseButton: closeButton, overlayClassName: backdropClassName, onInteractOutside: handleInteractOutside, onEscapeKeyDown: handleEscapeKeyDown, onOpenAutoFocus: handleOpenAutoFocus, onCloseAutoFocus: handleCloseAutoFocus, className: utils.cn(SIZE_CLASS_MAP[size], className), "data-testid": "alert-box", ...otherProps, children: [jsxRuntime.jsxs(primitives_Dialog.DialogHeader, { children: [jsxRuntime.jsx(primitives_Dialog.DialogTitle, { id: titleId, "data-testid": "alert-title", className: "text-2xl font-semibold", children: title }), message && (jsxRuntime.jsx(primitives_Dialog.DialogDescription, { id: messageId, "data-testid": "alert-message", children: message }))] }), jsxRuntime.jsxs(primitives_Dialog.DialogFooter, { children: [!hideCancelButton && (jsxRuntime.jsx(components_Button.Button, { ref: cancelButtonRef, variant: "outline", label: cancelButtonLabel, onClick: onClose, "data-testid": "alert-cancel-button" })), jsxRuntime.jsx(components_Button.Button, { ref: submitButtonRef, variant: STYLE_VARIANT_MAP[style], label: submitButtonLabel, loading: isSubmitting, disabled: isSubmitting || !isOpen, onClick: onSubmit, "data-testid": "alert-submit-button" })] })] }) }));
-});
-Alert.displayName = "Alert";
 
-exports.Alert = Alert;
+
+exports.Alert = Alert.Alert;
 //# sourceMappingURL=Alert.js.map

package/dist/cjs/components/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  useRef,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\n\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"src/primitives/Dialog\";\nimport { Button } from \"src/components/Button\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype AlertStyle = \"danger\" | \"warning\";\ntype AlertSize = \"small\" | \"medium\" | \"large\";\ntype InitialFocusElement = \"submit\" | \"cancel\";\n\n/** Radix Dialog.Content props we forward via ...otherProps. */\ntype DialogContentProps = React.ComponentProps<typeof DialogContent>;\n\nexport interface AlertProps extends Omit<\n  DialogContentProps,\n  | \"children\"\n  | \"role\"\n  | \"showCloseButton\"\n  | \"className\"\n  | \"style\"\n  | \"onEscapeKeyDown\"\n  | \"onInteractOutside\"\n> {\n  /** Size of the alert dialog. */\n  size?: AlertSize;\n  /** Whether the alert is open. */\n  isOpen?: boolean;\n  /** Whether the submit action is in progress. */\n  isSubmitting?: boolean;\n  /** Additional CSS class names applied to the dialog content. */\n  className?: string;\n  /** Close on pressing the Esc key. */\n  closeOnEsc?: boolean;\n  /** Show the close button. */\n  closeButton?: boolean;\n  /** Additional CSS class names applied to the backdrop/overlay. */\n  backdropClassName?: string;\n  /** Close on clicking outside the dialog. */\n  closeOnOutsideClick?: boolean;\n  /** Callback invoked when the alert is closed. */\n  onClose?: () => void;\n  /** Callback invoked when the submit button is clicked. */\n  onSubmit?: () => void;\n  /** Title text of the alert. */\n  title?: string;\n  /** Message content of the alert. */\n  message?: ReactNode;\n  /** Label for the submit button. */\n  submitButtonLabel?: string;\n  /** Label for the cancel button. */\n  cancelButtonLabel?: string;\n  /** Hide the cancel button. */\n  hideCancelButton?: boolean;\n  /** Visual style of the submit button. */\n  style?: AlertStyle;\n  /** Ref of the element to receive focus when the alert opens. */\n  initialFocusRef?: RefObject<HTMLElement | null>;\n  /** Which built-in button receives focus on open: \"submit\" or \"cancel\". */\n  initialFocusElement?: InitialFocusElement;\n  /** Radix Dialog `modal` prop — controls modal vs non-modal behaviour. */\n  modal?: boolean;\n  /** Radix Dialog `defaultOpen` prop. */\n  defaultOpen?: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// Size mapping\n// ---------------------------------------------------------------------------\n\nconst SIZE_CLASS_MAP: Record<AlertSize, string> = {\n  small: \"sm:max-w-xs\",\n  medium: \"sm:max-w-sm\",\n  large: \"sm:max-w-md\",\n};\n\n// ---------------------------------------------------------------------------\n// Style to variant mapping\n// ---------------------------------------------------------------------------\n\nconst STYLE_VARIANT_MAP: Record<AlertStyle, \"destructive\" | \"default\"> = {\n  danger: \"destructive\",\n  warning: \"default\",\n};\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      size = \"medium\",\n      isOpen = false,\n      isSubmitting = false,\n      className,\n      closeOnEsc = true,\n      closeButton = true,\n      backdropClassName,\n      closeOnOutsideClick = true,\n      onClose = () => {},\n      onSubmit = () => {},\n      title = \"\",\n      message = \"\",\n      submitButtonLabel: submitButtonLabelProp,\n      cancelButtonLabel: cancelButtonLabelProp,\n      hideCancelButton = false,\n      style = \"danger\",\n      initialFocusRef,\n      initialFocusElement,\n      modal,\n      defaultOpen,\n      // Radix content handlers — we intercept and merge\n      onOpenAutoFocus: onOpenAutoFocusProp,\n      onCloseAutoFocus: onCloseAutoFocusProp,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const submitButtonLabel =\n      submitButtonLabelProp ?? t(\"neetoatoms.alert.continue\", \"Continue\");\n    const cancelButtonLabel =\n      cancelButtonLabelProp ?? t(\"neetoatoms.alert.cancel\", \"Cancel\");\n    const baseId = useId();\n    const titleId = `alert-title-${baseId}`;\n    const messageId = `alert-message-${baseId}`;\n    const submitButtonRef = useRef<HTMLButtonElement>(null);\n    const cancelButtonRef = useRef<HTMLButtonElement>(null);\n\n    const handleOpenChange = (open: boolean) => {\n      if (!open) onClose();\n    };\n\n    const handleInteractOutside = (e: Event) => {\n      if (!closeOnOutsideClick) e.preventDefault();\n    };\n\n    const handleEscapeKeyDown = (e: KeyboardEvent) => {\n      if (!closeOnEsc) e.preventDefault();\n    };\n\n    const handleOpenAutoFocus = (e: Event) => {\n      // Custom focus ref takes highest priority\n      if (initialFocusRef?.current) {\n        e.preventDefault();\n        initialFocusRef.current.focus();\n      } else if (initialFocusElement === \"submit\" && submitButtonRef.current) {\n        e.preventDefault();\n        submitButtonRef.current.focus();\n      } else if (initialFocusElement === \"cancel\" && cancelButtonRef.current) {\n        e.preventDefault();\n        cancelButtonRef.current.focus();\n      }\n      onOpenAutoFocusProp?.(e);\n    };\n\n    const handleCloseAutoFocus = (e: Event) => {\n      onCloseAutoFocusProp?.(e);\n    };\n\n    return (\n      <Dialog\n        open={isOpen}\n        onOpenChange={handleOpenChange}\n        modal={modal}\n        defaultOpen={defaultOpen}\n      >\n        <DialogContent\n          ref={ref}\n          role=\"alertdialog\"\n          aria-labelledby={title ? titleId : undefined}\n          aria-describedby={message ? messageId : undefined}\n          showCloseButton={closeButton}\n          overlayClassName={backdropClassName}\n          onInteractOutside={handleInteractOutside}\n          onEscapeKeyDown={handleEscapeKeyDown}\n          onOpenAutoFocus={handleOpenAutoFocus}\n          onCloseAutoFocus={handleCloseAutoFocus}\n          className={cn(SIZE_CLASS_MAP[size], className)}\n          data-testid=\"alert-box\"\n          {...otherProps}\n        >\n          <DialogHeader>\n            <DialogTitle\n              id={titleId}\n              data-testid=\"alert-title\"\n              className=\"text-2xl font-semibold\"\n            >\n              {title}\n            </DialogTitle>\n            {message && (\n              <DialogDescription id={messageId} data-testid=\"alert-message\">\n                {message}\n              </DialogDescription>\n            )}\n          </DialogHeader>\n          <DialogFooter>\n            {!hideCancelButton && (\n              <Button\n                ref={cancelButtonRef}\n                variant=\"outline\"\n                label={cancelButtonLabel}\n                onClick={onClose}\n                data-testid=\"alert-cancel-button\"\n              />\n            )}\n            <Button\n              ref={submitButtonRef}\n              variant={STYLE_VARIANT_MAP[style]}\n              label={submitButtonLabel}\n              loading={isSubmitting}\n              disabled={isSubmitting || !isOpen}\n              onClick={onSubmit}\n              data-testid=\"alert-submit-button\"\n            />\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n);\n\nAlert.displayName = \"Alert\";\n\nexport { Alert };\n"],"names":["forwardRef","useTranslation","useId","useRef","_jsx","Dialog","_jsxs","DialogContent","cn","DialogHeader","DialogTitle","DialogDescription","DialogFooter","Button"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/Avatar.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var utils = require('../utils-CTr7wn5d.js');
-var primitives_Avatar = require('../primitives/Avatar.js');
-var primitives_Tooltip = require('../primitives/Tooltip.js');
+var Avatar = require('../Avatar-CNao5gvP.js');
+require('react/jsx-runtime');
+require('react');
+require('../utils-CTr7wn5d.js');
+require('../primitives/Avatar.js');
 require('../index-CGUGhyIp.js');
 require('../index-lWVw05cs.js');
 require('../index-CCdG4z4E.js');
@@ -13,6 +13,7 @@ require('react-dom');
 require('../index-D-iDn9RI.js');
 require('../index-DnKJmaCq.js');
 require('../index-BrpkRQoS.js');
+require('../primitives/Tooltip.js');
 require('../tooltip-C-568jEL.js');
 require('../index-COPkC3I5.js');
 require('../index-Bvu9MiFi.js');
@@ -25,51 +26,7 @@ require('../index-DcCSSgb7.js');
 require('../index-CyrAgb4H.js');
 require('../index-CB9xFokC.js');
 
-// ---------------------------------------------------------------------------
-// Helpers
-// ---------------------------------------------------------------------------
-const STATUS_COLOR_MAP = {
-    online: "bg-emerald-500 dark:bg-emerald-400",
-    idle: "bg-amber-500 dark:bg-amber-400",
-    offline: "bg-gray-400 dark:bg-gray-500",
-};
-const SIDE_MAP = {
-    top: "top",
-    bottom: "bottom",
-    left: "left",
-    right: "right",
-    auto: "bottom",
-};
-const XL_CLASSES = "data-[size=lg]:size-16 [&>[data-slot=avatar-badge]]:size-4 [&>[data-slot=avatar-fallback]]:text-lg";
-function getInitials(name) {
-    if (!name)
-        return "";
-    return name
-        .split(/\s+/)
-        .slice(0, 2)
-        .map(word => word.charAt(0).toUpperCase())
-        .join("");
-}
-// ---------------------------------------------------------------------------
-// Component
-// ---------------------------------------------------------------------------
-const Avatar = React.forwardRef(({ user, status, showTooltip = false, tooltipProps, size = "default", className, ...otherProps }, ref) => {
-    const initials = getInitials(user?.name);
-    const isXl = size === "xl";
-    const primitiveSize = isXl ? "lg" : size;
-    const avatarElement = (jsxRuntime.jsxs(primitives_Avatar.Avatar, { ref: ref, size: primitiveSize, className: utils.cn(isXl && XL_CLASSES, className), ...otherProps, children: [user?.imageUrl && (jsxRuntime.jsx(primitives_Avatar.AvatarImage, { src: user.imageUrl, alt: user?.name ?? "" })), jsxRuntime.jsx(primitives_Avatar.AvatarFallback, { children: initials }), status && jsxRuntime.jsx(primitives_Avatar.AvatarBadge, { className: utils.cn(STATUS_COLOR_MAP[status]) })] }));
-    const tooltipContent = tooltipProps?.content ?? (showTooltip ? user?.name : null);
-    if (tooltipContent) {
-        const side = SIDE_MAP[tooltipProps?.position ?? "auto"] ?? "bottom";
-        return (jsxRuntime.jsx(primitives_Tooltip.TooltipProvider, { delayDuration: 0, children: jsxRuntime.jsxs(primitives_Tooltip.Tooltip, { children: [jsxRuntime.jsx(primitives_Tooltip.TooltipTrigger, { asChild: true, children: jsxRuntime.jsx("span", { className: "inline-flex", children: avatarElement }) }), jsxRuntime.jsx(primitives_Tooltip.TooltipContent, { side: side, children: tooltipContent })] }) }));
-    }
-    return avatarElement;
-});
-Avatar.displayName = "Avatar";
-const AvatarNamespace = Object.assign(Avatar, {
-    Group: primitives_Avatar.AvatarGroup,
-    GroupCount: primitives_Avatar.AvatarGroupCount,
-});
 
-exports.Avatar = AvatarNamespace;
+
+exports.Avatar = Avatar.AvatarNamespace;
 //# sourceMappingURL=Avatar.js.map

package/dist/cjs/components/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Avatar as PrimitiveAvatar,\n  AvatarImage,\n  AvatarFallback,\n  AvatarBadge,\n  AvatarGroup,\n  AvatarGroupCount,\n} from \"src/primitives/Avatar\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype AvatarSize = \"sm\" | \"default\" | \"lg\" | \"xl\";\n\ninterface AvatarTooltipProps {\n  /** Tooltip content. Defaults to user.name if showTooltip is true. */\n  content?: React.ReactNode;\n  /** Tooltip position. */\n  position?: string;\n}\n\nexport interface AvatarProps extends Omit<\n  React.ComponentProps<typeof PrimitiveAvatar>,\n  \"size\"\n> {\n  /** User data for the avatar. */\n  user?: { name?: string; imageUrl?: string };\n  /** Status indicator displayed as a colored badge. */\n  status?: \"online\" | \"idle\" | \"offline\" | null;\n  /** Show the user's name in a tooltip on hover. */\n  showTooltip?: boolean;\n  /** Tooltip configuration. Overrides showTooltip content. */\n  tooltipProps?: AvatarTooltipProps;\n  /** Size of the avatar. */\n  size?: AvatarSize;\n  /** Additional CSS class names. */\n  className?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nconst STATUS_COLOR_MAP: Record<string, string> = {\n  online: \"bg-emerald-500 dark:bg-emerald-400\",\n  idle: \"bg-amber-500 dark:bg-amber-400\",\n  offline: \"bg-gray-400 dark:bg-gray-500\",\n};\n\nconst SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  auto: \"bottom\",\n};\n\nconst XL_CLASSES =\n  \"data-[size=lg]:size-16 [&>[data-slot=avatar-badge]]:size-4 [&>[data-slot=avatar-fallback]]:text-lg\";\n\nfunction getInitials(name?: string): string {\n  if (!name) return \"\";\n\n  return name\n    .split(/\\s+/)\n    .slice(0, 2)\n    .map(word => word.charAt(0).toUpperCase())\n    .join(\"\");\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Avatar = forwardRef<HTMLSpanElement, AvatarProps>(\n  (\n    {\n      user,\n      status,\n      showTooltip = false,\n      tooltipProps,\n      size = \"default\",\n      className,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const initials = getInitials(user?.name);\n    const isXl = size === \"xl\";\n    const primitiveSize = isXl ? \"lg\" : size;\n\n    const avatarElement = (\n      <PrimitiveAvatar\n        ref={ref}\n        size={primitiveSize}\n        className={cn(isXl && XL_CLASSES, className)}\n        {...otherProps}\n      >\n        {user?.imageUrl && (\n          <AvatarImage src={user.imageUrl} alt={user?.name ?? \"\"} />\n        )}\n        <AvatarFallback>{initials}</AvatarFallback>\n        {status && <AvatarBadge className={cn(STATUS_COLOR_MAP[status])} />}\n      </PrimitiveAvatar>\n    );\n\n    const tooltipContent =\n      tooltipProps?.content ?? (showTooltip ? user?.name : null);\n\n    if (tooltipContent) {\n      const side = SIDE_MAP[tooltipProps?.position ?? \"auto\"] ?? \"bottom\";\n\n      return (\n        <TooltipProvider delayDuration={0}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <span className=\"inline-flex\">{avatarElement}</span>\n            </TooltipTrigger>\n            <TooltipContent side={side}>{tooltipContent}</TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      );\n    }\n\n    return avatarElement;\n  }\n);\n\nAvatar.displayName = \"Avatar\";\n\nconst AvatarNamespace = Object.assign(Avatar, {\n  Group: AvatarGroup,\n  GroupCount: AvatarGroupCount,\n});\n\nexport { AvatarNamespace as Avatar };\n"],"names":["forwardRef","_jsxs","PrimitiveAvatar","cn","_jsx","AvatarImage","AvatarFallback","AvatarBadge","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","AvatarGroup","AvatarGroupCount"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}