@pibit.ai/cure-design-system 0.3.5 → 0.3.7

package/dist/foundations/dot-icon/index.d.ts

@@ -0,0 +1,7 @@
+interface DotProps {
+    className?: string;
+    size?: "sm" | "md" | "lg";
+}
+export declare const Dot: ({ className, size }: DotProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/foundations/dot-icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/foundations/dot-icon/index.tsx"],"names":[],"mappings":"AAEA,UAAU,QAAQ;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC7B;AAQD,eAAO,MAAM,GAAG,GAAI,qBAA4B,QAAQ,4CAIvD,CAAC"}

package/dist/foundations/dot-icon/index.js

@@ -0,0 +1,10 @@
+import { jsx as s } from "react/jsx-runtime";
+import { cx as r } from "../../utils/cn.js";
+const c = {
+  sm: "size-1.5",
+  md: "size-2",
+  lg: "size-2.5"
+}, t = ({ className: e, size: i = "md" }) => /* @__PURE__ */ s("svg", { viewBox: "0 0 8 8", "aria-hidden": "true", className: r(c[i], "fill-current", e), children: /* @__PURE__ */ s("circle", { cx: 4, cy: 4, r: 4 }) });
+export {
+  t as Dot
+};

package/dist/index.d.ts

@@ -2,12 +2,13 @@ export { Button, type ButtonProps, type Props as ButtonPropsAll, type CommonProp
 export { Input, type InputProps } from './primitives/input';
 export { Checkbox, type CheckboxProps } from './primitives/checkbox';
 export { Toggle, type ToggleProps } from './primitives/toggle';
-export { Badge, type BadgeProps } from './primitives/badge';
+export { Badge, BadgeWithDot, BadgeWithIcon, BadgeWithFlag, BadgeWithImage, BadgeWithButton, BadgeIcon, filledColors, type BadgeColor, type BadgeProps, type BadgeWithDotProps, type BadgeWithIconProps, type BadgeWithFlagProps, type BadgeWithImageProps, type BadgeWithButtonProps, type BadgeIconProps, type BadgeColors, type BadgeTypes, type Sizes, type FlagTypes, type IconComponentType, type BadgeTypeToColorMap, } from './primitives/badge';
 export { Avatar, type AvatarProps } from './primitives/avatar';
 export { Icon, type IconProps, type IconName } from './primitives/icon';
 export { Text, type TextProps } from './primitives/text';
 export { Heading, type HeadingProps } from './primitives/heading';
-export { Table, TableCard, TableCell, TableWrapper, EllipsisContentWithTooltip, createEllipsisContent, type TableWrapperProps } from './patterns/table';
+export { Table, TableCard, TableCell } from './patterns/table';
+export { TreeView, buildTreeViewNodes, type TreeViewNode, type TreeViewProps, type TreeViewBuildConfig } from './patterns/tree-view';
 export { cn, cx, sortCx } from './utils/cn';
 export { isReactComponent, isFunctionComponent, isClassComponent, isForwardRefComponent } from './utils/is-react-component';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,KAAK,IAAI,cAAc,EAAE,KAAK,WAAW,IAAI,iBAAiB,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC5J,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGxJ,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,KAAK,IAAI,cAAc,EAAE,KAAK,WAAW,IAAI,iBAAiB,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC5J,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EACH,KAAK,EACL,YAAY,EACZ,aAAa,EACb,aAAa,EACb,cAAc,EACd,eAAe,EACf,SAAS,EACT,YAAY,EACZ,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,KAAK,EACV,KAAK,SAAS,EACd,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,GAC3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGrI,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/index.js

@@ -1,40 +1,46 @@
 import "./styles/theme.css";
 /* empty css                 */
-import { cn as p, cx as n, sortCx as m } from "./utils/cn.js";
-import { isClassComponent as a, isForwardRefComponent as l, isFunctionComponent as s, isReactComponent as f } from "./utils/is-react-component.js";
-import { Button as C, styles as c } from "./primitives/button/button.js";
-import { Input as b } from "./primitives/input/input.js";
-import { Checkbox as g } from "./primitives/checkbox/checkbox.js";
+import { cn as a, cx as m, sortCx as p } from "./utils/cn.js";
+import { isClassComponent as i, isForwardRefComponent as x, isFunctionComponent as f, isReactComponent as l } from "./utils/is-react-component.js";
+import { Button as s, styles as g } from "./primitives/button/button.js";
+import { Input as B } from "./primitives/input/input.js";
+import { Checkbox as T } from "./primitives/checkbox/checkbox.js";
 import { Toggle as h } from "./primitives/toggle/toggle.js";
-import { Badge as B } from "./primitives/badge/badge.js";
-import { Avatar as F } from "./primitives/avatar/avatar.js";
-import { Icon as R } from "./primitives/icon/icon.js";
-import { Text as k } from "./primitives/text/text.js";
-import { Heading as w } from "./primitives/heading/heading.js";
-import { Table as H, TableCard as S, TableCell as j } from "./patterns/table/table.js";
-import { EllipsisContentWithTooltip as z, TableWrapper as D, createEllipsisContent as G } from "./patterns/table/TableWrapper.js";
+import { Badge as I, BadgeIcon as W, BadgeWithButton as w, BadgeWithDot as F, BadgeWithFlag as y, BadgeWithIcon as R, BadgeWithImage as V, filledColors as k } from "./primitives/badge/badge.js";
+import { Avatar as A } from "./primitives/avatar/avatar.js";
+import { Icon as H } from "./primitives/icon/icon.js";
+import { Text as S } from "./primitives/text/text.js";
+import { Heading as q } from "./primitives/heading/heading.js";
+import { Table as E, TableCard as G, TableCell as J } from "./patterns/table/table.js";
+import { TreeView as L, buildTreeViewNodes as M } from "./patterns/tree-view/tree-view.js";
 export {
-  F as Avatar,
-  B as Badge,
-  C as Button,
-  g as Checkbox,
-  z as EllipsisContentWithTooltip,
-  w as Heading,
-  R as Icon,
-  b as Input,
-  H as Table,
-  S as TableCard,
-  j as TableCell,
-  D as TableWrapper,
-  k as Text,
+  A as Avatar,
+  I as Badge,
+  W as BadgeIcon,
+  w as BadgeWithButton,
+  F as BadgeWithDot,
+  y as BadgeWithFlag,
+  R as BadgeWithIcon,
+  V as BadgeWithImage,
+  s as Button,
+  T as Checkbox,
+  q as Heading,
+  H as Icon,
+  B as Input,
+  E as Table,
+  G as TableCard,
+  J as TableCell,
+  S as Text,
   h as Toggle,
-  c as buttonStyles,
-  p as cn,
-  G as createEllipsisContent,
-  n as cx,
-  a as isClassComponent,
-  l as isForwardRefComponent,
-  s as isFunctionComponent,
-  f as isReactComponent,
-  m as sortCx
+  L as TreeView,
+  M as buildTreeViewNodes,
+  g as buttonStyles,
+  a as cn,
+  m as cx,
+  k as filledColors,
+  i as isClassComponent,
+  x as isForwardRefComponent,
+  f as isFunctionComponent,
+  l as isReactComponent,
+  p as sortCx
 };

package/dist/patterns/table/table.js

@@ -60,7 +60,7 @@ const E = ({ title: s, badge: l, description: n, contentTrailing: c, className:
         /* @__PURE__ */ u("div", { className: "flex flex-1 flex-col gap-0.5", children: [
           /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ o("h2", { className: d("font-semibold text-primary", a === "sm" ? "text-md" : "text-lg"), children: s }),
-            l ? O(l) ? l : /* @__PURE__ */ o(Y, { variant: "primary", size: "sm", children: l }) : null
+            l ? O(l) ? l : /* @__PURE__ */ o(Y, { color: "brand", size: "sm", children: l }) : null
           ] }),
           n && /* @__PURE__ */ o("p", { className: "text-sm text-tertiary", children: n })
         ] }),

package/dist/patterns/tree-view/index.d.ts

@@ -0,0 +1,2 @@
+export { TreeView, buildTreeViewNodes, type TreeViewNode, type TreeViewProps, type TreeViewBuildConfig } from './tree-view';
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/tree-view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/tree-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC"}

package/dist/patterns/tree-view/tree-view.d.ts

@@ -0,0 +1,61 @@
+export interface TreeViewNode {
+    id: string;
+    label: string;
+    type: string;
+    children: TreeViewNode[];
+    metadata?: any;
+    isOpen?: boolean;
+    [key: string]: any;
+}
+export interface TreeViewProps {
+    /** Raw data array. The component converts it internally using `config`. */
+    data: Record<string, any>[];
+    /** Config that tells the component how to read your raw data. */
+    config: TreeViewBuildConfig;
+    /** Component to render the content area of each row (icon, label, etc.) */
+    CustomNode: React.FC<{
+        node: TreeViewNode;
+        isSelected: boolean;
+    }>;
+    /** Called when a parent row (with children) is clicked */
+    onNodeClick?: (node: TreeViewNode) => void;
+    /** ID of the currently selected node */
+    selectedNodeId?: string | null;
+    /** Show search input above the tree */
+    showSearch?: boolean;
+    /** Placeholder text for the search input */
+    searchPlaceholder?: string;
+    /** Class name(s) for the search wrapper (container around the input) */
+    searchClassName?: string;
+    /** Class name(s) for the search input element */
+    searchInputClassName?: string;
+}
+/**
+ * Config for building TreeViewNode[] from arbitrary data.
+ * Tells the build function which keys to use for label, children, and where to store the original node data.
+ */
+export interface TreeViewBuildConfig {
+    /** Key in each source item that holds the node label */
+    labelKey: string;
+    /** Key in each source item that holds the children array */
+    childrenKey: string;
+    /** Key on the built node where the original source item is stored (default: "metadata") */
+    dataKey?: string;
+    /** Key in each source item for type (default: "type") */
+    typeKey?: string;
+    /** Key in each source item for id; if missing, a path-based id is generated */
+    idKey?: string;
+    /** Optional max depth to traverse (default: no limit) */
+    maxDepth?: number;
+}
+/**
+ * Converts any array of items into TreeViewNode[] using the given config.
+ * Uses config.labelKey for the label, config.childrenKey for the children array,
+ * and stores the original item on each node under config.dataKey (default "metadata").
+ */
+export declare function buildTreeViewNodes<T extends Record<string, any>>(data: T[], config: TreeViewBuildConfig, parentPath?: string): TreeViewNode[];
+export declare const TreeView: {
+    ({ data, config, CustomNode, onNodeClick, selectedNodeId, showSearch, searchPlaceholder, searchClassName, searchInputClassName, }: TreeViewProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=tree-view.d.ts.map

package/dist/patterns/tree-view/tree-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view.d.ts","sourceRoot":"","sources":["../../../src/patterns/tree-view/tree-view.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC1B,2EAA2E;IAC3E,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;IAC5B,iEAAiE;IACjE,MAAM,EAAE,mBAAmB,CAAC;IAC5B,2EAA2E;IAC3E,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,YAAY,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAClE,0DAA0D;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,wCAAwC;IACxC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAChC,wDAAwD;IACxD,QAAQ,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,WAAW,EAAE,MAAM,CAAC;IACpB,2FAA2F;IAC3F,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAID;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC5D,IAAI,EAAE,CAAC,EAAE,EACT,MAAM,EAAE,mBAAmB,EAC3B,UAAU,GAAE,MAAW,GACxB,YAAY,EAAE,CAuChB;AAqBD,eAAO,MAAM,QAAQ;uIAUlB,aAAa;;CAuDf,CAAC"}

package/dist/patterns/tree-view/tree-view.js

@@ -0,0 +1,167 @@
+import { jsxs as A, jsx as r, Fragment as j } from "react/jsx-runtime";
+import { useState as $ } from "react";
+import { SearchSm as T, ChevronDown as K, ChevronRight as V } from "@untitledui/icons";
+import { cn as k } from "../../utils/cn.js";
+import { Input as I } from "../../primitives/input/input.js";
+const N = 10;
+function C(e, t, s = "") {
+  const {
+    labelKey: u,
+    childrenKey: n,
+    dataKey: p = "metadata",
+    typeKey: y = "type",
+    idKey: o,
+    maxDepth: i
+  } = t, f = s ? s.split(".").length : 0;
+  return i != null && f >= i ? [] : (Array.isArray(e) ? e : Object.values(e)).map((l, w) => {
+    const v = o != null ? l[o] : void 0, c = String(v ?? w), h = s ? `${s}.${c}` : c, a = l[n], d = Array.isArray(a) ? a : a != null ? Object.values(a) : [];
+    return {
+      id: h,
+      label: l[u] ?? "Untitled",
+      type: l[y] ?? "Untitled",
+      isOpen: !1,
+      children: d.length > 0 ? C(d, t, h) : [],
+      [p]: l
+    };
+  });
+}
+function O(e, t) {
+  const s = e.label ?? "", u = Array.isArray(e.children) ? e.children : [];
+  return s.toLowerCase().includes(t.toLowerCase()) ? !0 : u.some((n) => O(n, t));
+}
+const _ = () => /* @__PURE__ */ r("div", { className: "flex h-[28px] items-center px-[13px] shrink-0", children: /* @__PURE__ */ r("div", { className: "relative h-full w-0 shrink-0", children: /* @__PURE__ */ r(
+  "div",
+  {
+    className: "absolute inset-y-0 bg-(--color-border-secondary)",
+    style: { left: "-0.5px", width: 1 }
+  }
+) }) }), D = ({
+  data: e,
+  config: t,
+  CustomNode: s,
+  onNodeClick: u,
+  selectedNodeId: n,
+  showSearch: p = !1,
+  searchPlaceholder: y = "Search...",
+  searchClassName: o,
+  searchInputClassName: i
+}) => {
+  const [f, b] = $(() => C(e, t)), [l, w] = $("");
+  function v(c, h) {
+    const a = structuredClone(f), d = h.split("-"), g = Number(d[0]);
+    d.shift();
+    let m = a[g];
+    d.length > 0 && (m = d.reduce((x, L) => x.children[Number(L)], a[g])), m.isOpen = !m.isOpen, b(a);
+  }
+  return /* @__PURE__ */ A("div", { className: "min-w-max", children: [
+    p && /* @__PURE__ */ r("div", { className: k("mb-2", o), children: /* @__PURE__ */ r(
+      I,
+      {
+        type: "search",
+        placeholder: y,
+        value: l,
+        onChange: (c) => w(c),
+        size: "sm",
+        className: i,
+        leftIcon: /* @__PURE__ */ r(
+          T,
+          {
+            className: "text-(--color-fg-quaternary)",
+            style: { width: 14, height: 14 }
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: "flex flex-col", children: f.map((c, h) => /* @__PURE__ */ r(
+      S,
+      {
+        node: c,
+        parentId: String(h),
+        depth: 0,
+        handleToggle: v,
+        onNodeClick: u,
+        selectedNodeId: n,
+        CustomNode: s,
+        query: l
+      },
+      c.id || h
+    )) })
+  ] });
+};
+D.displayName = "TreeView";
+const S = ({
+  node: e,
+  parentId: t,
+  depth: s = 0,
+  handleToggle: u,
+  onNodeClick: n,
+  selectedNodeId: p,
+  CustomNode: y,
+  query: o
+}) => {
+  const i = o.length > 0, f = Array.isArray(e.children) ? e.children : [], b = e.label ?? "";
+  if (i && !O(e, o))
+    return null;
+  const l = f.length > 0, w = p != null && e.id === p, v = l && (i || (e.isOpen ?? !1)), c = (m) => {
+    m.stopPropagation(), l && (i || u(e, t), n == null || n(e));
+  }, h = s === 0 ? "pl-[6px]" : "", a = s === 0 ? "pl-[2px]" : "pl-[8px]", d = i && b.toLowerCase().includes(o.toLowerCase()), g = i ? !0 : e.isOpen;
+  return /* @__PURE__ */ A("div", { className: "relative", children: [
+    /* @__PURE__ */ A(
+      "div",
+      {
+        className: `flex h-[28px] w-full items-center pr-[8px] rounded-sm ${h} ${d ? "bg-(--color-bg-secondary)" : ""} ${l ? "cursor-pointer hover:bg-(--color-bg-secondary)" : ""}`,
+        onClick: c,
+        children: [
+          s > 0 && Array.from({ length: s }).map((m, x) => /* @__PURE__ */ r(_, {}, x)),
+          l ? /* @__PURE__ */ r(
+            "div",
+            {
+              className: `flex flex-col h-full items-center shrink-0 ${a} ${g ? "justify-end" : "justify-center"}`,
+              children: g ? /* @__PURE__ */ A(j, { children: [
+                /* @__PURE__ */ r(
+                  K,
+                  {
+                    className: "shrink-0 text-(--color-gray-400)",
+                    style: { width: N, height: N }
+                  }
+                ),
+                /* @__PURE__ */ r("div", { className: "relative h-[8px] w-0 shrink-0", children: /* @__PURE__ */ r(
+                  "div",
+                  {
+                    className: "absolute inset-y-0 bg-(--color-border-secondary)",
+                    style: { left: "-0.5px", width: 1 }
+                  }
+                ) })
+              ] }) : /* @__PURE__ */ r(
+                V,
+                {
+                  className: "shrink-0 text-(--color-gray-400)",
+                  style: { width: N, height: N }
+                }
+              )
+            }
+          ) : s > 0 ? /* @__PURE__ */ r("div", { className: "h-full w-[6px] shrink-0" }) : null,
+          /* @__PURE__ */ r("div", { className: "flex flex-1 h-full items-center min-w-0 pl-[2px]", children: /* @__PURE__ */ r(y, { node: e, isSelected: w }) })
+        ]
+      }
+    ),
+    v && /* @__PURE__ */ r("div", { className: "relative", children: f.map((m, x) => /* @__PURE__ */ r(
+      S,
+      {
+        node: m,
+        parentId: `${t}-${x}`,
+        depth: s + 1,
+        handleToggle: u,
+        onNodeClick: n,
+        selectedNodeId: p,
+        CustomNode: y,
+        query: o
+      },
+      m.id || `${t}-${x}`
+    )) })
+  ] });
+};
+export {
+  D as TreeView,
+  C as buildTreeViewNodes
+};

package/dist/primitives/badge/badge-types.d.ts

@@ -0,0 +1,17 @@
+import { ComponentType, SVGProps } from 'react';
+export declare const badgeTypes: {
+    readonly pillColor: "pill-color";
+    readonly color: "color";
+    readonly modern: "modern";
+};
+export type BadgeTypes = (typeof badgeTypes)[keyof typeof badgeTypes];
+export type BadgeColors = "clear" | "gray" | "brand" | "error" | "warning" | "success" | "gray-blue" | "blue-light" | "blue" | "indigo" | "purple" | "pink" | "orange";
+export type Sizes = "xs" | "sm" | "md" | "lg";
+export type FlagTypes = string;
+export type IconComponentType = ComponentType<SVGProps<SVGSVGElement>>;
+export type BadgeTypeToColorMap<T extends Record<string, {
+    styles: Record<string, unknown>;
+}>> = {
+    [K in keyof T]: keyof T[K]["styles"];
+};
+//# sourceMappingURL=badge-types.d.ts.map

package/dist/primitives/badge/badge-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-types.d.ts","sourceRoot":"","sources":["../../../src/primitives/badge/badge-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEtE,MAAM,MAAM,WAAW,GACjB,OAAO,GACP,MAAM,GACN,OAAO,GACP,OAAO,GACP,SAAS,GACT,SAAS,GACT,WAAW,GACX,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,CAAC;AAEf,MAAM,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC;AAE/B,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAEvE,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAAE,CAAC,IAAI;KAC5F,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;CACvC,CAAC"}

package/dist/primitives/badge/badge-types.js

@@ -0,0 +1,8 @@
+const o = {
+  pillColor: "pill-color",
+  color: "color",
+  modern: "modern"
+};
+export {
+  o as badgeTypes
+};

package/dist/primitives/badge/badge.d.ts

@@ -1,28 +1,121 @@
-import { VariantProps } from 'class-variance-authority';
-import { ReactNode } from 'react';
-declare const badgeVariants: (props?: ({
-    variant?: "primary" | "default" | "error" | "success" | "warning" | "outline" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface BadgeProps extends VariantProps<typeof badgeVariants> {
-    /** Badge content */
+import { MouseEventHandler, ReactNode } from 'react';
+import { BadgeColors, BadgeTypeToColorMap, BadgeTypes, FlagTypes, IconComponentType, Sizes } from './badge-types';
+export declare const filledColors: Record<BadgeColors, {
+    root: string;
+    addon: string;
+    addonButton: string;
+}>;
+declare const withPillTypes: {
+    "pill-color": {
+        common: string;
+        styles: Record<BadgeColors, {
+            root: string;
+            addon: string;
+            addonButton: string;
+        }>;
+    };
+    color: {
+        common: string;
+        styles: Record<BadgeColors, {
+            root: string;
+            addon: string;
+            addonButton: string;
+        }>;
+    };
+    modern: {
+        common: string;
+        styles: Record<BadgeColors, {
+            root: string;
+            addon: string;
+            addonButton: string;
+        }>;
+    };
+};
+declare const withBadgeTypes: {
+    "pill-color": {
+        common: string;
+        styles: Record<BadgeColors, {
+            root: string;
+            addon: string;
+            addonButton: string;
+        }>;
+    };
+    color: {
+        common: string;
+        styles: Record<BadgeColors, {
+            root: string;
+            addon: string;
+            addonButton: string;
+        }>;
+    };
+    modern: {
+        common: string;
+        styles: Record<BadgeColors, {
+            root: string;
+            addon: string;
+        }>;
+    };
+};
+export type BadgeColor<T extends BadgeTypes> = BadgeTypeToColorMap<typeof withPillTypes>[T];
+export interface BadgeProps<T extends BadgeTypes> {
+    type?: T;
+    size?: Sizes;
+    color?: BadgeColor<T>;
     children: ReactNode;
-    /** Additional CSS classes */
     className?: string;
-    /** Icon to display before text */
-    icon?: ReactNode;
 }
-/**
- * Badge component for labels, tags, and status indicators
- *
- * @example
- * <Badge>Default</Badge>
- * <Badge variant="success">Active</Badge>
- * <Badge variant="error" size="sm">Error</Badge>
- */
-export declare function Badge({ variant, size, className, children, icon, }: BadgeProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace Badge {
-    var displayName: string;
+export declare const Badge: <T extends BadgeTypes>(props: BadgeProps<T>) => import("react/jsx-runtime").JSX.Element;
+export interface BadgeWithDotProps<T extends BadgeTypes> {
+    type?: T;
+    size?: Sizes;
+    color?: BadgeTypeToColorMap<typeof withBadgeTypes>[T];
+    className?: string;
+    children: ReactNode;
+}
+export declare const BadgeWithDot: <T extends BadgeTypes>(props: BadgeWithDotProps<T>) => import("react/jsx-runtime").JSX.Element;
+export interface BadgeWithIconProps<T extends BadgeTypes> {
+    type?: T;
+    size?: Sizes;
+    color?: BadgeTypeToColorMap<typeof withBadgeTypes>[T];
+    iconLeading?: ReactNode;
+    iconTrailing?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+export declare const BadgeWithIcon: <T extends BadgeTypes>(props: BadgeWithIconProps<T>) => import("react/jsx-runtime").JSX.Element;
+export interface BadgeWithFlagProps<T extends BadgeTypes> {
+    type?: T;
+    size?: Sizes;
+    flag?: FlagTypes;
+    color?: BadgeTypeToColorMap<typeof withPillTypes>[T];
+    children: ReactNode;
+}
+export declare const BadgeWithFlag: <T extends BadgeTypes>(props: BadgeWithFlagProps<T>) => import("react/jsx-runtime").JSX.Element;
+export interface BadgeWithImageProps<T extends BadgeTypes> {
+    type?: T;
+    size?: Sizes;
+    imgSrc: string;
+    color?: BadgeTypeToColorMap<typeof withPillTypes>[T];
+    children: ReactNode;
+}
+export declare const BadgeWithImage: <T extends BadgeTypes>(props: BadgeWithImageProps<T>) => import("react/jsx-runtime").JSX.Element;
+export interface BadgeWithButtonProps<T extends BadgeTypes> {
+    type?: T;
+    size?: Sizes;
+    icon?: IconComponentType;
+    color?: BadgeTypeToColorMap<typeof withPillTypes>[T];
+    children: ReactNode;
+    buttonLabel?: string;
+    onButtonClick?: MouseEventHandler<HTMLButtonElement>;
+}
+export declare const BadgeWithButton: <T extends BadgeTypes>(props: BadgeWithButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
+export interface BadgeIconProps<T extends BadgeTypes> {
+    type?: T;
+    size?: Sizes;
+    icon: IconComponentType;
+    color?: BadgeTypeToColorMap<typeof withPillTypes>[T];
+    children?: ReactNode;
 }
+export declare const BadgeIcon: <T extends BadgeTypes>(props: BadgeIconProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=badge.d.ts.map

package/dist/primitives/badge/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/primitives/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,QAAA,MAAM,aAAa;;;8EAuBlB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC;IACpE,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,IAAI,GACL,EAAE,UAAU,2CAOZ;yBAbe,KAAK"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/primitives/badge/badge.tsx"],"names":[],"mappings":"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"}