@bigbinary/neeto-atoms 1.0.9 → 1.0.10

package/dist/components/Tree/types.d.ts

@@ -0,0 +1,110 @@
+import type { ReactNode, MouseEvent } from "react";
+import type { NodeRendererProps, NodeApi, TreeApi } from "react-arborist";
+export interface TreeNodeData {
+    /** Unique key for the node (must be unique across entire tree) */
+    key: string;
+    /** Display title for the node */
+    title: ReactNode;
+    /** Child nodes */
+    children?: TreeNodeData[];
+    /** Whether the node is disabled */
+    disabled?: boolean;
+    /** Whether the node can be selected */
+    selectable?: boolean;
+    /** Whether the node is a leaf (hides expand icon) */
+    isLeaf?: boolean;
+}
+export interface CheckedKeys {
+    checked: string[];
+    halfChecked: string[];
+}
+export interface TreeProps {
+    /** Tree data array */
+    treeData: TreeNodeData[];
+    /** Whether nodes can be selected */
+    selectable?: boolean;
+    /** Controlled selected node keys */
+    selectedKeys?: string[];
+    /** Default selected node keys (uncontrolled) */
+    defaultSelectedKeys?: string[];
+    /** Allow multiple node selection */
+    multiple?: boolean;
+    /** Called when selection changes */
+    onSelect?: (keys: string[], info: {
+        node: TreeNodeData;
+    }) => void;
+    /** Controlled expanded node keys */
+    expandedKeys?: string[];
+    /** Default expanded node keys (uncontrolled) */
+    defaultExpandedKeys?: string[];
+    /** Auto-expand parent when child is expanded */
+    autoExpandParent?: boolean;
+    /** Called when expansion changes */
+    onExpand?: (keys: string[], info: {
+        expanded: boolean;
+        node: TreeNodeData;
+    }) => void;
+    /** Show checkboxes before nodes */
+    checkable?: boolean;
+    /** Controlled checked node keys */
+    checkedKeys?: string[] | CheckedKeys;
+    /** Default checked node keys (uncontrolled) */
+    defaultCheckedKeys?: string[];
+    /** Decouple parent/child checkbox state */
+    checkStrictly?: boolean;
+    /** Called when check state changes */
+    onCheck?: (keys: string[] | CheckedKeys, info: {
+        checked: boolean;
+        node: TreeNodeData;
+    }) => void;
+    /** Enable drag and drop */
+    draggable?: boolean;
+    /** Allow dropping on nodes */
+    allowDrop?: boolean;
+    /** Called when a node is moved via DnD */
+    onMove?: (info: {
+        dragIds: string[];
+        parentId: string | null;
+        index: number;
+    }) => void;
+    /** Customize node title rendering */
+    titleRender?: (nodeData: TreeNodeData) => ReactNode;
+    /** Full custom node renderer (takes precedence over titleRender) */
+    renderNode?: (props: NodeRendererProps<TreeNodeData>) => ReactNode;
+    /** Custom expand/collapse icon */
+    switcherIcon?: ReactNode | ((props: {
+        expanded: boolean;
+    }) => ReactNode);
+    /** Highlight function: returns true to add highlight class */
+    filterTreeNode?: (node: TreeNodeData) => boolean;
+    /** Async data loading on expand */
+    loadData?: (nodeData: TreeNodeData) => Promise<void>;
+    /** Keys of nodes whose children have been loaded */
+    loadedKeys?: string[];
+    /** Called when a node finishes loading */
+    onLoad?: (loadedKeys: string[], info: {
+        node: TreeNodeData;
+    }) => void;
+    /** Show connecting lines between nodes */
+    showLine?: boolean;
+    /** Nodes fill remaining horizontal space */
+    blockNode?: boolean;
+    /** Tree height in px (enables virtual scroll) */
+    height?: number;
+    /** Enable virtual scrolling (default true when height is set) */
+    virtual?: boolean;
+    /** Disable the entire tree */
+    disabled?: boolean;
+    /** Right-click handler */
+    onRightClick?: (info: {
+        event: MouseEvent;
+        node: TreeNodeData;
+    }) => void;
+    /** Additional CSS class */
+    className?: string;
+    /** Row height in px for virtual scroll */
+    rowHeight?: number;
+    /** Indent per level in px */
+    indent?: number;
+}
+export type { NodeRendererProps, NodeApi, TreeApi };

package/dist/components/Tree/utils/adapter.d.ts

@@ -0,0 +1,10 @@
+import type { TreeNodeData } from "../types";
+export declare const walkTree: (nodes: TreeNodeData[], callback: (node: TreeNodeData) => void) => void;
+export declare const findNode: (key: string, nodes: TreeNodeData[]) => TreeNodeData | undefined;
+export declare const expandedKeysToOpenState: (keys: string[]) => Record<string, boolean>;
+export declare const getExpandedKeysFromTree: (rootChildren: {
+    id: string;
+    isOpen: boolean;
+    children: unknown[] | null;
+}[]) => string[];
+export declare const countAllNodes: (nodes: TreeNodeData[]) => number;

package/dist/components/Tree/utils/checkCascade.d.ts

@@ -0,0 +1,5 @@
+import type { TreeNodeData } from "../types";
+export declare const toggleCheckCascade: (key: string, isChecking: boolean, treeData: TreeNodeData[], currentChecked: Set<string>) => {
+    checked: string[];
+    halfChecked: string[];
+};

package/dist/components/Tree/utils/search.d.ts

@@ -0,0 +1,10 @@
+import type { TreeNodeData } from "../types";
+export declare const getParentKey: (key: string, tree: TreeNodeData[]) => string | undefined;
+export declare const flattenTreeData: (tree: TreeNodeData[]) => {
+    key: string;
+    title: string;
+}[];
+export declare const getExpandedKeysFromSearch: (searchValue: string, treeData: TreeNodeData[], dataList: {
+    key: string;
+    title: string;
+}[]) => string[];

package/dist/components/Tree.js

@@ -0,0 +1,57 @@
+export { T as Tree } from '../Tree-Dkr11OPy.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../utils-DdHUxIdC.js';
+import '../chevron-down-BNi0ntys.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../chevron-right-DQnrO-ek.js';
+import '../primitives/Checkbox.js';
+import '../check-Cpkv29p1.js';
+import '../index-BtkPdosV.js';
+import '../index-CiyxEyB0.js';
+import '../index-DNzunGHb.js';
+import '../index-Cor698lu.js';
+import '../index-DOzu5J1s.js';
+import '../index-30QpKM0j.js';
+import '../index-BYZaLNq1.js';
+import '../index-yFgkK_AM.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../loader-circle-DycHUAWN.js';
+import '../index-DZXbzIgC.js';
+import '../index-CSMSzzKM.js';
+import '../redux-BKH6DnBB.js';
+
+const getParentKey = (key, tree) => {
+    for (const node of tree) {
+        if (node.children) {
+            if (node.children.some(child => child.key === key))
+                return node.key;
+            const parentKey = getParentKey(key, node.children);
+            if (parentKey)
+                return parentKey;
+        }
+    }
+    return undefined;
+};
+const flattenTreeData = (tree) => {
+    const list = [];
+    const walk = (nodes) => {
+        nodes.forEach(node => {
+            if (typeof node.title === "string") {
+                list.push({ key: node.key, title: node.title });
+            }
+            if (node.children)
+                walk(node.children);
+        });
+    };
+    walk(tree);
+    return list;
+};
+const getExpandedKeysFromSearch = (searchValue, treeData, dataList) => dataList
+    .filter(item => item.title.toLowerCase().includes(searchValue.toLowerCase()))
+    .map(item => getParentKey(item.key, treeData))
+    .filter((key, i, self) => !!key && self.indexOf(key) === i);
+
+export { flattenTreeData, getExpandedKeysFromSearch, getParentKey };
+//# sourceMappingURL=Tree.js.map

package/dist/components/Tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.js","sources":["../../src/components/Tree/utils/search.ts"],"sourcesContent":["import type { TreeNodeData } from \"../types\";\n\nexport const getParentKey = (\n  key: string,\n  tree: TreeNodeData[]\n): string | undefined => {\n  for (const node of tree) {\n    if (node.children) {\n      if (node.children.some(child => child.key === key)) return node.key;\n      const parentKey = getParentKey(key, node.children);\n      if (parentKey) return parentKey;\n    }\n  }\n\n  return undefined;\n};\n\nexport const flattenTreeData = (\n  tree: TreeNodeData[]\n): { key: string; title: string }[] => {\n  const list: { key: string; title: string }[] = [];\n  const walk = (nodes: TreeNodeData[]) => {\n    nodes.forEach(node => {\n      if (typeof node.title === \"string\") {\n        list.push({ key: node.key, title: node.title });\n      }\n      if (node.children) walk(node.children);\n    });\n  };\n  walk(tree);\n\n  return list;\n};\n\nexport const getExpandedKeysFromSearch = (\n  searchValue: string,\n  treeData: TreeNodeData[],\n  dataList: { key: string; title: string }[]\n): string[] =>\n  dataList\n    .filter(item =>\n      item.title.toLowerCase().includes(searchValue.toLowerCase())\n    )\n    .map(item => getParentKey(item.key, treeData))\n    .filter((key, i, self): key is string => !!key && self.indexOf(key) === i);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;MAEa,YAAY,GAAG,CAC1B,GAAW,EACX,IAAoB,KACE;AACtB,IAAA,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;AACvB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC;gBAAE,OAAO,IAAI,CAAC,GAAG;YACnE,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC;AAClD,YAAA,IAAI,SAAS;AAAE,gBAAA,OAAO,SAAS;QACjC;IACF;AAEA,IAAA,OAAO,SAAS;AAClB;AAEO,MAAM,eAAe,GAAG,CAC7B,IAAoB,KACgB;IACpC,MAAM,IAAI,GAAqC,EAAE;AACjD,IAAA,MAAM,IAAI,GAAG,CAAC,KAAqB,KAAI;AACrC,QAAA,KAAK,CAAC,OAAO,CAAC,IAAI,IAAG;AACnB,YAAA,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;AAClC,gBAAA,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;YACjD;YACA,IAAI,IAAI,CAAC,QAAQ;AAAE,gBAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;AACxC,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;IACD,IAAI,CAAC,IAAI,CAAC;AAEV,IAAA,OAAO,IAAI;AACb;AAEO,MAAM,yBAAyB,GAAG,CACvC,WAAmB,EACnB,QAAwB,EACxB,QAA0C,KAE1C;AACG,KAAA,MAAM,CAAC,IAAI,IACV,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;AAE7D,KAAA,GAAG,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC;KAC5C,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,KAAoB,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;;;;"}

package/dist/components/TreeSelect/TreeSelect.d.ts

@@ -0,0 +1,3 @@
+import type { TreeSelectProps } from "./types";
+declare const TreeSelect: import("react").ForwardRefExoticComponent<TreeSelectProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { TreeSelect };

package/dist/components/TreeSelect/TreeSelectTrigger.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+interface TreeSelectTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    size: "small" | "medium" | "large";
+    currentValue: string;
+    selectedLabel: string;
+    placeholder?: string;
+    isDisabled: boolean;
+    error: string;
+    showClearButton: boolean;
+    handleClear: (e: React.MouseEvent) => void;
+    suffixIcon?: ReactNode;
+}
+export declare const TreeSelectTrigger: import("react").ForwardRefExoticComponent<TreeSelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/{Select.constants.d.ts → TreeSelect/constants.d.ts}

@@ -1,5 +1,5 @@
+export declare const DROPDOWN_HEIGHT = 256;
 export declare const SIZE_CONFIG: Record<"small" | "medium" | "large", {
     trigger: string;
-    size: "sm" | "default";
-    clearBtn: string;
+    text: string;
 }>;

package/dist/components/TreeSelect/hooks/useTreeSelectState.d.ts

@@ -0,0 +1,30 @@
+import type { TreeNodeData } from "../../Tree/types";
+import type { TreeSelectProps } from "../types";
+export declare function useTreeSelectState(props: TreeSelectProps): {
+    isSearchable: boolean;
+    isOpen: boolean;
+    handleOpenChange: (open: boolean) => void;
+    searchTerm: string;
+    setSearchTerm: import("react").Dispatch<import("react").SetStateAction<string>>;
+    prunedTreeData: TreeNodeData[];
+    effectiveExpandedKeys: string[];
+    handleSelect: (keys: string[], info: {
+        node: TreeNodeData;
+    }) => void;
+    handleExpand: (keys: string[]) => void;
+    id: string;
+    errorId: string;
+    helpTextId: string;
+    label: string;
+    error: string;
+    helpText: import("react").ReactNode;
+    required: boolean;
+    isDisabled: boolean;
+    size: "small" | "medium" | "large";
+    treeData: TreeNodeData[];
+    currentValue: string;
+    selectedLabel: string;
+    applyValue: (next: string) => void;
+    handleClear: (e: React.MouseEvent) => void;
+    showClearButton: boolean;
+};

package/dist/components/TreeSelect/hooks/useTreeSelectValue.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+import type { TreeSelectProps } from "../types";
+export declare function useTreeSelectValue(props: TreeSelectProps): {
+    id: string;
+    errorId: string;
+    helpTextId: string;
+    label: string;
+    error: string;
+    helpText: ReactNode;
+    required: boolean;
+    isDisabled: boolean;
+    size: "small" | "medium" | "large";
+    treeData: import("..").TreeNodeData[];
+    currentValue: string;
+    selectedLabel: string;
+    applyValue: (next: string) => void;
+    handleClear: (e: React.MouseEvent) => void;
+    showClearButton: boolean;
+};

package/dist/components/TreeSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { TreeSelect } from "./TreeSelect";
+export type { TreeSelectProps, TreeNodeData } from "./types";

package/dist/components/TreeSelect/types.d.ts

@@ -0,0 +1,49 @@
+import type { ReactNode } from "react";
+import type { TreeNodeData } from "../Tree/types";
+type TreeSelectSize = "small" | "medium" | "large";
+export interface TreeSelectProps {
+    /** Tree data array using TreeNodeData shape ({ key, title, children?, disabled? }). */
+    treeData: TreeNodeData[];
+    /** Controlled selected value (node key). */
+    value?: string;
+    /** Default selected value (uncontrolled). */
+    defaultValue?: string;
+    /** Callback fired when value changes. */
+    onChange?: (value: string) => void;
+    /** Label displayed above the component. */
+    label?: string;
+    /** Error message displayed below the component. */
+    error?: string;
+    /** Help text displayed below the component. */
+    helpText?: ReactNode;
+    /** Mark the field as required. */
+    required?: boolean;
+    /** Placeholder text when no value is selected. */
+    placeholder?: string;
+    /** Disable the component. */
+    isDisabled?: boolean;
+    /** Enable search/filter in dropdown. */
+    isSearchable?: boolean;
+    /** Show a clear button when a value is selected. */
+    isClearable?: boolean;
+    /** Size of the trigger. */
+    size?: TreeSelectSize;
+    /** Remap data keys. `label` maps to TreeNodeData.title, `value` maps to TreeNodeData.key. */
+    fieldNames?: {
+        label?: string;
+        value?: string;
+    };
+    /** Custom icon rendered at the end of the trigger (replaces default chevron). */
+    suffixIcon?: ReactNode;
+    /** Custom expand/collapse icon for tree nodes. */
+    switcherIcon?: ReactNode | ((props: {
+        expanded: boolean;
+    }) => ReactNode);
+    /** Keys of nodes to expand by default when dropdown opens. */
+    defaultExpandedKeys?: string[];
+    /** Auto-expand parent when child is expanded. */
+    autoExpandParent?: boolean;
+    /** Additional CSS class for the container. */
+    className?: string;
+}
+export type { TreeNodeData };

package/dist/components/TreeSelect/utils/pruneTree.d.ts

@@ -0,0 +1,2 @@
+import type { TreeNodeData } from "../../Tree/types";
+export declare const pruneTree: (nodes: TreeNodeData[], searchTerm: string) => TreeNodeData[];

package/dist/components/TreeSelect/utils/resolveFieldNames.d.ts

@@ -0,0 +1,5 @@
+import type { TreeNodeData } from "../../Tree/types";
+export declare const resolveFieldNames: (nodes: Record<string, unknown>[], fieldNames: {
+    label?: string;
+    value?: string;
+}) => TreeNodeData[];

package/dist/components/TreeSelect.js

@@ -0,0 +1,39 @@
+export { T as TreeSelect } from '../TreeSelect-Cmc90YWJ.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../utils-DdHUxIdC.js';
+import '../primitives/Popover.js';
+import '../index-DNzunGHb.js';
+import '../index-BtkPdosV.js';
+import '../index-CiyxEyB0.js';
+import '../index-BNPynZWM.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-CSUSJzOJ.js';
+import '../index-B4_fVWDx.js';
+import '../index-zW4GjM5L.js';
+import '../index-DOzu5J1s.js';
+import '../index-C3hByjk3.js';
+import '../floating-ui.react-dom-D8_f_WWh.js';
+import '../index-BYZaLNq1.js';
+import '../index-fV_U4ZJM.js';
+import '../index-yFgkK_AM.js';
+import '../index-Cor698lu.js';
+import '../SelectFieldWrapper-BJzq9aCY.js';
+import '../primitives/Field.js';
+import '../index-D7Zy7P05.js';
+import '../label-B4qDF3W1.js';
+import '../separator-BbhgePmX.js';
+import '../Tree-Dkr11OPy.js';
+import '../chevron-down-BNi0ntys.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../chevron-right-DQnrO-ek.js';
+import '../primitives/Checkbox.js';
+import '../check-Cpkv29p1.js';
+import '../index-30QpKM0j.js';
+import '../loader-circle-DycHUAWN.js';
+import '../index-DZXbzIgC.js';
+import '../index-CSMSzzKM.js';
+import '../redux-BKH6DnBB.js';
+import '../x-_o2T3n6D.js';
+//# sourceMappingURL=TreeSelect.js.map

package/dist/components/TreeSelect.js.map

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

package/dist/components/{Typography.d.ts → Typography/Typography.d.ts}

@@ -1,6 +1,6 @@
 declare const Typography: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & import("class-variance-authority").VariantProps<(props?: ({
     variant?: "caption" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "jumbo" | "body1" | "body2" | "body3" | "nano" | null | undefined;
-    weight?: "bold" | "medium" | "black" | "normal" | "thin" | "light" | "extralight" | "semibold" | "extrabold" | null | undefined;
+    weight?: "bold" | "medium" | "black" | "thin" | "extralight" | "light" | "normal" | "semibold" | "extrabold" | null | undefined;
     color?: "inherit" | "default" | "destructive" | "primary" | "muted" | null | undefined;
     lineClamp?: 1 | "none" | 3 | 2 | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {

package/dist/components/Typography/index.d.ts

@@ -0,0 +1 @@
+export { Typography, typographyVariants } from "./Typography";

package/dist/components/Typography.js

@@ -1,83 +1,8 @@
-import { jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import { forwardRef } from 'react';
-import { c as cva } from '../index-D7Zy7P05.js';
-import { c as cn } from '../utils-DdHUxIdC.js';
-import { S as Slot } from '../index-CfriMyrd.js';
+export { T as Typography, t as typographyVariants } from '../Typography-D5TjXEfu.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../index-D7Zy7P05.js';
+import '../utils-DdHUxIdC.js';
+import '../index-CfriMyrd.js';
 import '../index-BtkPdosV.js';
-
-const typographyVariants = 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$1 = React.forwardRef(({ className, variant = "body3", weight, color = "default", lineClamp, asChild = false, ...props }, ref) => {
-    const Comp = asChild
-        ? Slot
-        : defaultElementMap[variant ?? "body3"] ?? "p";
-    return (jsx(Comp, { ref: ref, "data-slot": "typography", "data-variant": variant, className: cn(typographyVariants({ variant, weight, color, lineClamp, className })), ...props }));
-});
-Typography$1.displayName = "Typography";
-
-const Typography = forwardRef((props, ref) => jsx(Typography$1, { ref: ref, ...props }));
-Typography.displayName = "Typography";
-
-export { Typography, typographyVariants };
 //# sourceMappingURL=Typography.js.map

package/dist/components/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sources":["../../src/shadcn/components/typography.tsx","../../src/components/Typography.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 typographyVariants = cva(\"\", {\n  variants: {\n    variant: {\n      jumbo:\n        \"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<\n  string,\n  keyof React.JSX.IntrinsicElements\n> = {\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 = React.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 = asChild\n      ? Slot.Root\n      : defaultElementMap[variant ?? \"body3\"] ?? \"p\"\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","import { forwardRef, type ComponentProps } from \"react\";\nimport { Typography as ShadcnTypography } from \"src/shadcn/components/typography\";\n\nconst Typography = forwardRef<\n  HTMLElement,\n  ComponentProps<typeof ShadcnTypography>\n>((props, ref) => <ShadcnTypography ref={ref} {...props} />);\n\nTypography.displayName = \"Typography\";\n\nexport { Typography };\nexport { typographyVariants } from \"src/shadcn/components/typography\";\n"],"names":["Typography","Slot.Root","_jsx","ShadcnTypography"],"mappings":"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"}
+{"version":3,"file":"Typography.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/{floating-ui.react-dom-CcGbtPEK.js → floating-ui.react-dom-D8_f_WWh.js}

@@ -2239,5 +2239,5 @@ const arrow = (options, deps) => {
   };
 };
 
-export { clamp as A, getSide as B, getSideAxis as C, size as a, arrow as b, autoUpdate as c, isShadowRoot as d, floor as e, flip as f, getComputedStyle$1 as g, hide as h, isHTMLElement as i, getWindow as j, isOverflowElement as k, limitShift as l, getNodeName as m, isNode as n, offset as o, isWebKit as p, isElement as q, isLastTraversableNode as r, shift as s, getParentNode as t, useFloating as u, evaluate as v, getPaddingObject as w, getAlignmentAxis as x, getAlignment as y, getAxisLength as z };
-//# sourceMappingURL=floating-ui.react-dom-CcGbtPEK.js.map
+export { clamp as A, getSide as B, getSideAxis as C, size as a, arrow as b, autoUpdate as c, isShadowRoot as d, floor as e, flip as f, getComputedStyle$1 as g, hide as h, isHTMLElement as i, getNodeName as j, getWindow as k, limitShift as l, isOverflowElement as m, isNode as n, offset as o, isWebKit as p, isElement as q, isLastTraversableNode as r, shift as s, getParentNode as t, useFloating as u, evaluate as v, getPaddingObject as w, getAlignmentAxis as x, getAlignment as y, getAxisLength as z };
+//# sourceMappingURL=floating-ui.react-dom-D8_f_WWh.js.map