asterui 0.11.0 → 0.12.1

package/dist/index89.js

@@ -1,36 +1,216 @@
-import { useState as u, useEffect as f } from "react";
-const t = {
-  sm: 640,
-  md: 768,
-  lg: 1024,
-  xl: 1280,
-  "2xl": 1536
-}, s = ["xs", "sm", "md", "lg", "xl", "2xl"];
-function l(e) {
-  return e >= t["2xl"] ? "2xl" : e >= t.xl ? "xl" : e >= t.lg ? "lg" : e >= t.md ? "md" : e >= t.sm ? "sm" : "xs";
+import { jsx as d, jsxs as H } from "react/jsx-runtime";
+import { useMemo as J, useState as $, useCallback as K } from "react";
+function Y(e) {
+  const t = [], i = (r) => {
+    r.forEach((l) => {
+      t.push(l.key), l.children && i(l.children);
+    });
+  };
+  return i(e), t;
 }
-function i(e, o) {
-  return s.indexOf(e) - s.indexOf(o);
+function I(e) {
+  const t = [], i = (r) => {
+    r.children && r.children.forEach((l) => {
+      t.push(l.key), i(l);
+    });
+  };
+  return i(e), t;
 }
-function m() {
-  const [e, o] = u(
-    () => typeof window < "u" ? window.innerWidth : 1024
-  );
-  f(() => {
-    const n = () => o(window.innerWidth);
-    return window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
-  }, []);
-  const r = l(e);
-  return {
-    breakpoint: r,
-    width: e,
-    isAbove: (n) => i(r, n) >= 0,
-    isBelow: (n) => i(r, n) < 0,
-    isAt: (n) => r === n,
-    isBetween: (n, d) => i(r, n) >= 0 && i(r, d) <= 0
+function Z(e) {
+  const t = /* @__PURE__ */ new Map(), i = (r, l) => {
+    r.forEach((o) => {
+      t.set(o.key, l), o.children && i(o.children, o.key);
+    });
+  };
+  return i(e, null), t;
+}
+function A(e, t) {
+  for (const i of e) {
+    if (i.key === t) return i;
+    if (i.children) {
+      const r = A(i.children, t);
+      if (r) return r;
+    }
+  }
+  return null;
+}
+function _({
+  node: e,
+  level: t,
+  expanded: i,
+  selected: r,
+  checked: l,
+  indeterminate: o,
+  checkable: x,
+  selectable: M,
+  showLine: b,
+  showIcon: S,
+  onToggle: C,
+  onSelect: N,
+  onCheck: w,
+  renderChildren: j
+}) {
+  const v = e.children && e.children.length > 0, m = e.isLeaf ?? !v, T = (f) => {
+    f.stopPropagation(), m || C(e.key);
+  }, L = () => {
+    M && e.selectable !== !1 && !e.disabled && N(e.key, e);
+  }, B = (f) => {
+    f.stopPropagation(), !e.disabled && !e.disableCheckbox && w(e.key, e);
   };
+  return /* @__PURE__ */ H("div", { className: "tree-node", children: [
+    /* @__PURE__ */ H(
+      "div",
+      {
+        className: [
+          "flex items-center py-1 px-1 rounded cursor-pointer hover:bg-base-200 transition-colors",
+          r && "bg-primary/10 text-primary",
+          e.disabled && "opacity-50 cursor-not-allowed"
+        ].filter(Boolean).join(" "),
+        style: { paddingLeft: `${t * 20}px` },
+        onClick: L,
+        children: [
+          /* @__PURE__ */ d(
+            "span",
+            {
+              className: [
+                "w-5 h-5 flex items-center justify-center flex-shrink-0",
+                !m && "cursor-pointer hover:bg-base-300 rounded"
+              ].filter(Boolean).join(" "),
+              onClick: T,
+              children: !m && /* @__PURE__ */ d(
+                "svg",
+                {
+                  className: `w-3 h-3 transition-transform ${i ? "rotate-90" : ""}`,
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  children: /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
+                }
+              )
+            }
+          ),
+          x && e.checkable !== !1 && /* @__PURE__ */ d("span", { className: "mr-1 flex-shrink-0", onClick: B, children: /* @__PURE__ */ d(
+            "input",
+            {
+              type: "checkbox",
+              className: "checkbox checkbox-sm checkbox-primary",
+              checked: l,
+              ref: (f) => {
+                f && (f.indeterminate = o);
+              },
+              disabled: e.disabled || e.disableCheckbox,
+              onChange: () => {
+              }
+            }
+          ) }),
+          S && e.icon && /* @__PURE__ */ d("span", { className: "mr-1 flex-shrink-0", children: e.icon }),
+          /* @__PURE__ */ d("span", { className: "flex-1 truncate select-none", children: e.title })
+        ]
+      }
+    ),
+    v && i && /* @__PURE__ */ d("div", { className: b ? "border-l border-base-300 ml-2.5" : "", children: j(e.children, t + 1) })
+  ] });
+}
+function se({
+  treeData: e,
+  checkable: t = !1,
+  selectable: i = !0,
+  multiple: r = !1,
+  defaultExpandAll: l = !1,
+  defaultExpandedKeys: o = [],
+  expandedKeys: x,
+  defaultSelectedKeys: M = [],
+  selectedKeys: b,
+  defaultCheckedKeys: S = [],
+  checkedKeys: C,
+  onExpand: N,
+  onSelect: w,
+  onCheck: j,
+  showLine: v = !1,
+  showIcon: m = !1,
+  className: T = "",
+  ...L
+}) {
+  const B = J(() => l ? Y(e) : o, []), [f, O] = $(B), [Q, R] = $(M), [U, V] = $(S), y = x ?? f, u = b ?? Q, p = C ?? U, P = J(() => Z(e), [e]), W = K(
+    (n) => {
+      if (!n.children || n.children.length === 0)
+        return { checked: p.includes(n.key), indeterminate: !1 };
+      const a = I(n), c = a.filter((s) => p.includes(s));
+      return c.length === 0 ? { checked: p.includes(n.key), indeterminate: !1 } : c.length === a.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
+    },
+    [p]
+  ), q = K(
+    (n) => {
+      const a = A(e, n), c = y.includes(n), s = c ? y.filter((g) => g !== n) : [...y, n];
+      x === void 0 && O(s), N?.(s, { node: a, expanded: !c });
+    },
+    [y, x, N, e]
+  ), z = K(
+    (n, a) => {
+      let c;
+      r ? u.includes(n) ? c = u.filter((s) => s !== n) : c = [...u, n] : c = u.includes(n) ? [] : [n], b === void 0 && R(c), w?.(c, { node: a, selected: c.includes(n) });
+    },
+    [u, r, b, w]
+  ), F = K(
+    (n, a) => {
+      const c = p.includes(n);
+      let s = [...p];
+      const g = I(a);
+      c ? s = s.filter(
+        (h) => h !== n && !g.includes(h)
+      ) : (s.push(n), g.forEach((h) => {
+        s.includes(h) || s.push(h);
+      }));
+      let k = P.get(n) ?? null;
+      for (; k; ) {
+        const h = A(e, k);
+        h && h.children && (h.children.every(
+          (E) => s.includes(E.key) || I(E).every((X) => s.includes(X))
+        ) ? s.includes(k) || s.push(k) : s = s.filter((E) => E !== k)), k = P.get(k) ?? null;
+      }
+      C === void 0 && V(s), j?.(s, { node: a, checked: !c });
+    },
+    [p, C, j, P, e]
+  ), G = K(
+    (n, a) => n.map((c) => {
+      const { checked: s, indeterminate: g } = W(c);
+      return /* @__PURE__ */ d(
+        _,
+        {
+          node: c,
+          level: a,
+          expanded: y.includes(c.key),
+          selected: u.includes(c.key),
+          checked: s,
+          indeterminate: g,
+          checkable: t,
+          selectable: i,
+          showLine: v,
+          showIcon: m,
+          onToggle: q,
+          onSelect: z,
+          onCheck: F,
+          renderChildren: G
+        },
+        c.key
+      );
+    }),
+    [
+      y,
+      u,
+      t,
+      i,
+      v,
+      m,
+      q,
+      z,
+      F,
+      W
+    ]
+  );
+  return /* @__PURE__ */ d("div", { className: `tree ${T}`, ...L, children: G(e, 0) });
 }
 export {
-  m as useBreakpoint
+  se as Tree
 };
 //# sourceMappingURL=index89.js.map

package/dist/index89.js.map

@@ -1 +1 @@
-{"version":3,"file":"index89.js","sources":["../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\n\nexport type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nconst breakpoints: Record<Breakpoint, number> = {\n  xs: 0,\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  '2xl': 1536,\n}\n\nconst breakpointOrder: Breakpoint[] = ['xs', 'sm', 'md', 'lg', 'xl', '2xl']\n\nfunction getBreakpoint(width: number): Breakpoint {\n  if (width >= breakpoints['2xl']) return '2xl'\n  if (width >= breakpoints.xl) return 'xl'\n  if (width >= breakpoints.lg) return 'lg'\n  if (width >= breakpoints.md) return 'md'\n  if (width >= breakpoints.sm) return 'sm'\n  return 'xs'\n}\n\nfunction compareBreakpoints(a: Breakpoint, b: Breakpoint): number {\n  return breakpointOrder.indexOf(a) - breakpointOrder.indexOf(b)\n}\n\nexport interface UseBreakpointReturn {\n  breakpoint: Breakpoint\n  width: number\n  isAbove: (bp: Breakpoint) => boolean\n  isBelow: (bp: Breakpoint) => boolean\n  isAt: (bp: Breakpoint) => boolean\n  isBetween: (min: Breakpoint, max: Breakpoint) => boolean\n}\n\nexport function useBreakpoint(): UseBreakpointReturn {\n  const [width, setWidth] = useState(() =>\n    typeof window !== 'undefined' ? window.innerWidth : 1024\n  )\n\n  useEffect(() => {\n    const handleResize = () => setWidth(window.innerWidth)\n\n    window.addEventListener('resize', handleResize)\n    return () => window.removeEventListener('resize', handleResize)\n  }, [])\n\n  const breakpoint = getBreakpoint(width)\n\n  return {\n    breakpoint,\n    width,\n    isAbove: (bp: Breakpoint) => compareBreakpoints(breakpoint, bp) >= 0,\n    isBelow: (bp: Breakpoint) => compareBreakpoints(breakpoint, bp) < 0,\n    isAt: (bp: Breakpoint) => breakpoint === bp,\n    isBetween: (min: Breakpoint, max: Breakpoint) =>\n      compareBreakpoints(breakpoint, min) >= 0 && compareBreakpoints(breakpoint, max) <= 0,\n  }\n}\n"],"names":["breakpoints","breakpointOrder","getBreakpoint","width","compareBreakpoints","a","b","useBreakpoint","setWidth","useState","useEffect","handleResize","breakpoint","bp","min","max"],"mappings":";AAIA,MAAMA,IAA0C;AAAA,EAE9C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT,GAEMC,IAAgC,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK;AAE1E,SAASC,EAAcC,GAA2B;AAChD,SAAIA,KAASH,EAAY,KAAK,IAAU,QACpCG,KAASH,EAAY,KAAW,OAChCG,KAASH,EAAY,KAAW,OAChCG,KAASH,EAAY,KAAW,OAChCG,KAASH,EAAY,KAAW,OAC7B;AACT;AAEA,SAASI,EAAmBC,GAAeC,GAAuB;AAChE,SAAOL,EAAgB,QAAQI,CAAC,IAAIJ,EAAgB,QAAQK,CAAC;AAC/D;AAWO,SAASC,IAAqC;AACnD,QAAM,CAACJ,GAAOK,CAAQ,IAAIC;AAAA,IAAS,MACjC,OAAO,SAAW,MAAc,OAAO,aAAa;AAAA,EAAA;AAGtD,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAe,MAAMH,EAAS,OAAO,UAAU;AAErD,kBAAO,iBAAiB,UAAUG,CAAY,GACvC,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,EAChE,GAAG,CAAA,CAAE;AAEL,QAAMC,IAAaV,EAAcC,CAAK;AAEtC,SAAO;AAAA,IACL,YAAAS;AAAA,IACA,OAAAT;AAAA,IACA,SAAS,CAACU,MAAmBT,EAAmBQ,GAAYC,CAAE,KAAK;AAAA,IACnE,SAAS,CAACA,MAAmBT,EAAmBQ,GAAYC,CAAE,IAAI;AAAA,IAClE,MAAM,CAACA,MAAmBD,MAAeC;AAAA,IACzC,WAAW,CAACC,GAAiBC,MAC3BX,EAAmBQ,GAAYE,CAAG,KAAK,KAAKV,EAAmBQ,GAAYG,CAAG,KAAK;AAAA,EAAA;AAEzF;"}
+{"version":3,"file":"index89.js","sources":["../src/components/Tree.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react'\n\nexport interface TreeDataNode {\n  key: string\n  title: React.ReactNode\n  children?: TreeDataNode[]\n  disabled?: boolean\n  disableCheckbox?: boolean\n  selectable?: boolean\n  checkable?: boolean\n  icon?: React.ReactNode\n  isLeaf?: boolean\n}\n\nexport interface TreeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n  treeData: TreeDataNode[]\n  checkable?: boolean\n  selectable?: boolean\n  multiple?: boolean\n  defaultExpandAll?: boolean\n  defaultExpandedKeys?: string[]\n  expandedKeys?: string[]\n  defaultSelectedKeys?: string[]\n  selectedKeys?: string[]\n  defaultCheckedKeys?: string[]\n  checkedKeys?: string[]\n  onExpand?: (expandedKeys: string[], info: { node: TreeDataNode; expanded: boolean }) => void\n  onSelect?: (selectedKeys: string[], info: { node: TreeDataNode; selected: boolean }) => void\n  onCheck?: (checkedKeys: string[], info: { node: TreeDataNode; checked: boolean }) => void\n  showLine?: boolean\n  showIcon?: boolean\n}\n\n// Helper to get all keys from tree data\nfunction getAllKeys(data: TreeDataNode[]): string[] {\n  const keys: string[] = []\n  const traverse = (nodes: TreeDataNode[]) => {\n    nodes.forEach((node) => {\n      keys.push(node.key)\n      if (node.children) {\n        traverse(node.children)\n      }\n    })\n  }\n  traverse(data)\n  return keys\n}\n\n// Helper to get all descendant keys\nfunction getDescendantKeys(node: TreeDataNode): string[] {\n  const keys: string[] = []\n  const traverse = (n: TreeDataNode) => {\n    if (n.children) {\n      n.children.forEach((child) => {\n        keys.push(child.key)\n        traverse(child)\n      })\n    }\n  }\n  traverse(node)\n  return keys\n}\n\n// Helper to get parent map\nfunction getParentMap(data: TreeDataNode[]): Map<string, string | null> {\n  const map = new Map<string, string | null>()\n  const traverse = (nodes: TreeDataNode[], parentKey: string | null) => {\n    nodes.forEach((node) => {\n      map.set(node.key, parentKey)\n      if (node.children) {\n        traverse(node.children, node.key)\n      }\n    })\n  }\n  traverse(data, null)\n  return map\n}\n\n// Helper to find node by key\nfunction findNode(data: TreeDataNode[], key: string): TreeDataNode | null {\n  for (const node of data) {\n    if (node.key === key) return node\n    if (node.children) {\n      const found = findNode(node.children, key)\n      if (found) return found\n    }\n  }\n  return null\n}\n\ninterface TreeNodeProps {\n  node: TreeDataNode\n  level: number\n  expanded: boolean\n  selected: boolean\n  checked: boolean\n  indeterminate: boolean\n  checkable: boolean\n  selectable: boolean\n  showLine: boolean\n  showIcon: boolean\n  onToggle: (key: string) => void\n  onSelect: (key: string, node: TreeDataNode) => void\n  onCheck: (key: string, node: TreeDataNode) => void\n  renderChildren: (children: TreeDataNode[], level: number) => React.ReactNode\n}\n\nfunction TreeNode({\n  node,\n  level,\n  expanded,\n  selected,\n  checked,\n  indeterminate,\n  checkable,\n  selectable,\n  showLine,\n  showIcon,\n  onToggle,\n  onSelect,\n  onCheck,\n  renderChildren,\n}: TreeNodeProps) {\n  const hasChildren = node.children && node.children.length > 0\n  const isLeaf = node.isLeaf ?? !hasChildren\n\n  const handleToggle = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    if (!isLeaf) {\n      onToggle(node.key)\n    }\n  }\n\n  const handleSelect = () => {\n    if (selectable && node.selectable !== false && !node.disabled) {\n      onSelect(node.key, node)\n    }\n  }\n\n  const handleCheck = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    if (!node.disabled && !node.disableCheckbox) {\n      onCheck(node.key, node)\n    }\n  }\n\n  return (\n    <div className=\"tree-node\">\n      <div\n        className={[\n          'flex items-center py-1 px-1 rounded cursor-pointer hover:bg-base-200 transition-colors',\n          selected && 'bg-primary/10 text-primary',\n          node.disabled && 'opacity-50 cursor-not-allowed',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        style={{ paddingLeft: `${level * 20}px` }}\n        onClick={handleSelect}\n      >\n        {/* Expand/Collapse icon */}\n        <span\n          className={[\n            'w-5 h-5 flex items-center justify-center flex-shrink-0',\n            !isLeaf && 'cursor-pointer hover:bg-base-300 rounded',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={handleToggle}\n        >\n          {!isLeaf && (\n            <svg\n              className={`w-3 h-3 transition-transform ${expanded ? 'rotate-90' : ''}`}\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n            </svg>\n          )}\n        </span>\n\n        {/* Checkbox */}\n        {checkable && node.checkable !== false && (\n          <span className=\"mr-1 flex-shrink-0\" onClick={handleCheck}>\n            <input\n              type=\"checkbox\"\n              className=\"checkbox checkbox-sm checkbox-primary\"\n              checked={checked}\n              ref={(el) => {\n                if (el) el.indeterminate = indeterminate\n              }}\n              disabled={node.disabled || node.disableCheckbox}\n              onChange={() => {}}\n            />\n          </span>\n        )}\n\n        {/* Custom icon */}\n        {showIcon && node.icon && <span className=\"mr-1 flex-shrink-0\">{node.icon}</span>}\n\n        {/* Title */}\n        <span className=\"flex-1 truncate select-none\">{node.title}</span>\n      </div>\n\n      {/* Children */}\n      {hasChildren && expanded && (\n        <div className={showLine ? 'border-l border-base-300 ml-2.5' : ''}>\n          {renderChildren(node.children!, level + 1)}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport function Tree({\n  treeData,\n  checkable = false,\n  selectable = true,\n  multiple = false,\n  defaultExpandAll = false,\n  defaultExpandedKeys = [],\n  expandedKeys: controlledExpandedKeys,\n  defaultSelectedKeys = [],\n  selectedKeys: controlledSelectedKeys,\n  defaultCheckedKeys = [],\n  checkedKeys: controlledCheckedKeys,\n  onExpand,\n  onSelect,\n  onCheck,\n  showLine = false,\n  showIcon = false,\n  className = '',\n  ...rest\n}: TreeProps) {\n  // Initialize expanded keys\n  const initialExpandedKeys = useMemo(() => {\n    if (defaultExpandAll) {\n      return getAllKeys(treeData)\n    }\n    return defaultExpandedKeys\n  }, [])\n\n  const [internalExpandedKeys, setInternalExpandedKeys] = useState<string[]>(initialExpandedKeys)\n  const [internalSelectedKeys, setInternalSelectedKeys] = useState<string[]>(defaultSelectedKeys)\n  const [internalCheckedKeys, setInternalCheckedKeys] = useState<string[]>(defaultCheckedKeys)\n\n  const expandedKeys = controlledExpandedKeys ?? internalExpandedKeys\n  const selectedKeys = controlledSelectedKeys ?? internalSelectedKeys\n  const checkedKeys = controlledCheckedKeys ?? internalCheckedKeys\n\n  const parentMap = useMemo(() => getParentMap(treeData), [treeData])\n\n  // Calculate indeterminate state for each node\n  const getCheckedState = useCallback(\n    (node: TreeDataNode): { checked: boolean; indeterminate: boolean } => {\n      if (!node.children || node.children.length === 0) {\n        return { checked: checkedKeys.includes(node.key), indeterminate: false }\n      }\n\n      const descendantKeys = getDescendantKeys(node)\n      const checkedDescendants = descendantKeys.filter((k) => checkedKeys.includes(k))\n\n      if (checkedDescendants.length === 0) {\n        return { checked: checkedKeys.includes(node.key), indeterminate: false }\n      }\n\n      if (checkedDescendants.length === descendantKeys.length) {\n        return { checked: true, indeterminate: false }\n      }\n\n      return { checked: false, indeterminate: true }\n    },\n    [checkedKeys]\n  )\n\n  const handleToggle = useCallback(\n    (key: string) => {\n      const node = findNode(treeData, key)\n      const isExpanded = expandedKeys.includes(key)\n      const newExpandedKeys = isExpanded\n        ? expandedKeys.filter((k) => k !== key)\n        : [...expandedKeys, key]\n\n      if (controlledExpandedKeys === undefined) {\n        setInternalExpandedKeys(newExpandedKeys)\n      }\n\n      onExpand?.(newExpandedKeys, { node: node!, expanded: !isExpanded })\n    },\n    [expandedKeys, controlledExpandedKeys, onExpand, treeData]\n  )\n\n  const handleSelect = useCallback(\n    (key: string, node: TreeDataNode) => {\n      let newSelectedKeys: string[]\n\n      if (multiple) {\n        if (selectedKeys.includes(key)) {\n          newSelectedKeys = selectedKeys.filter((k) => k !== key)\n        } else {\n          newSelectedKeys = [...selectedKeys, key]\n        }\n      } else {\n        newSelectedKeys = selectedKeys.includes(key) ? [] : [key]\n      }\n\n      if (controlledSelectedKeys === undefined) {\n        setInternalSelectedKeys(newSelectedKeys)\n      }\n\n      onSelect?.(newSelectedKeys, { node, selected: newSelectedKeys.includes(key) })\n    },\n    [selectedKeys, multiple, controlledSelectedKeys, onSelect]\n  )\n\n  const handleCheck = useCallback(\n    (key: string, node: TreeDataNode) => {\n      const isChecked = checkedKeys.includes(key)\n      let newCheckedKeys = [...checkedKeys]\n\n      // Get all descendant keys\n      const descendantKeys = getDescendantKeys(node)\n\n      if (isChecked) {\n        // Uncheck this node and all descendants\n        newCheckedKeys = newCheckedKeys.filter(\n          (k) => k !== key && !descendantKeys.includes(k)\n        )\n      } else {\n        // Check this node and all descendants\n        newCheckedKeys.push(key)\n        descendantKeys.forEach((dk) => {\n          if (!newCheckedKeys.includes(dk)) {\n            newCheckedKeys.push(dk)\n          }\n        })\n      }\n\n      // Update parent states\n      let currentKey: string | null = parentMap.get(key) ?? null\n      while (currentKey) {\n        const parentNode = findNode(treeData, currentKey)\n        if (parentNode && parentNode.children) {\n          const allChildrenChecked = parentNode.children.every(\n            (child) =>\n              newCheckedKeys.includes(child.key) ||\n              getDescendantKeys(child).every((dk) => newCheckedKeys.includes(dk))\n          )\n\n          if (allChildrenChecked) {\n            if (!newCheckedKeys.includes(currentKey)) {\n              newCheckedKeys.push(currentKey)\n            }\n          } else {\n            newCheckedKeys = newCheckedKeys.filter((k) => k !== currentKey)\n          }\n        }\n        currentKey = parentMap.get(currentKey) ?? null\n      }\n\n      if (controlledCheckedKeys === undefined) {\n        setInternalCheckedKeys(newCheckedKeys)\n      }\n\n      onCheck?.(newCheckedKeys, { node, checked: !isChecked })\n    },\n    [checkedKeys, controlledCheckedKeys, onCheck, parentMap, treeData]\n  )\n\n  const renderNodes = useCallback(\n    (nodes: TreeDataNode[], level: number): React.ReactNode => {\n      return nodes.map((node) => {\n        const { checked, indeterminate } = getCheckedState(node)\n\n        return (\n          <TreeNode\n            key={node.key}\n            node={node}\n            level={level}\n            expanded={expandedKeys.includes(node.key)}\n            selected={selectedKeys.includes(node.key)}\n            checked={checked}\n            indeterminate={indeterminate}\n            checkable={checkable}\n            selectable={selectable}\n            showLine={showLine}\n            showIcon={showIcon}\n            onToggle={handleToggle}\n            onSelect={handleSelect}\n            onCheck={handleCheck}\n            renderChildren={renderNodes}\n          />\n        )\n      })\n    },\n    [\n      expandedKeys,\n      selectedKeys,\n      checkable,\n      selectable,\n      showLine,\n      showIcon,\n      handleToggle,\n      handleSelect,\n      handleCheck,\n      getCheckedState,\n    ]\n  )\n\n  return <div className={`tree ${className}`} {...rest}>{renderNodes(treeData, 0)}</div>\n}\n"],"names":["getAllKeys","data","keys","traverse","nodes","node","getDescendantKeys","n","child","getParentMap","map","parentKey","findNode","key","found","TreeNode","level","expanded","selected","checked","indeterminate","checkable","selectable","showLine","showIcon","onToggle","onSelect","onCheck","renderChildren","hasChildren","isLeaf","handleToggle","e","handleSelect","handleCheck","jsxs","jsx","el","Tree","treeData","multiple","defaultExpandAll","defaultExpandedKeys","controlledExpandedKeys","defaultSelectedKeys","controlledSelectedKeys","defaultCheckedKeys","controlledCheckedKeys","onExpand","className","rest","initialExpandedKeys","useMemo","internalExpandedKeys","setInternalExpandedKeys","useState","internalSelectedKeys","setInternalSelectedKeys","internalCheckedKeys","setInternalCheckedKeys","expandedKeys","selectedKeys","checkedKeys","parentMap","getCheckedState","useCallback","descendantKeys","checkedDescendants","k","isExpanded","newExpandedKeys","newSelectedKeys","isChecked","newCheckedKeys","dk","currentKey","parentNode","renderNodes"],"mappings":"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"}

package/dist/index9.js

@@ -1,95 +1,73 @@
-import { jsx as s, jsxs as C } from "react/jsx-runtime";
-import j, { forwardRef as R, useContext as V, createContext as G } from "react";
-const g = G(null);
-function S({
-  children: i,
-  value: n,
-  defaultValue: b,
-  onChange: o,
-  disabled: f = !1,
-  options: c,
-  className: h = ""
-}) {
-  const [k, m] = j.useState(b || []), l = n !== void 0 ? n : k, t = {
-    value: l,
-    onChange: (e, p) => {
-      const d = p ? [...l, e] : l.filter((x) => x !== e);
-      n === void 0 && m(d), o?.(d);
-    },
-    disabled: f
-  };
-  return c ? /* @__PURE__ */ s(g.Provider, { value: t, children: /* @__PURE__ */ s("div", { className: h, children: c.map((e) => typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ C("label", { className: "label cursor-pointer justify-start gap-2", children: [
-    /* @__PURE__ */ s(u, { value: e }),
-    /* @__PURE__ */ s("span", { className: "label-text", children: e })
-  ] }, e) : /* @__PURE__ */ C("label", { className: "label cursor-pointer justify-start gap-2", children: [
-    /* @__PURE__ */ s(u, { value: e.value, disabled: e.disabled }),
-    /* @__PURE__ */ s("span", { className: "label-text", children: e.label })
-  ] }, e.value)) }) }) : /* @__PURE__ */ s(g.Provider, { value: t, children: /* @__PURE__ */ s("div", { className: h, children: i }) });
-}
-const u = R(
-  ({
-    children: i,
-    size: n,
-    color: b,
-    indeterminate: o = !1,
-    className: f = "",
-    value: c,
-    checked: h,
-    onChange: k,
-    disabled: m,
-    ...l
-  }, r) => {
-    const t = V(g), e = {
-      xs: "checkbox-xs",
-      sm: "checkbox-sm",
-      md: "checkbox-md",
-      lg: "checkbox-lg",
-      xl: "checkbox-xl"
-    }, p = {
-      primary: "checkbox-primary",
-      secondary: "checkbox-secondary",
-      accent: "checkbox-accent",
-      neutral: "checkbox-neutral",
-      success: "checkbox-success",
-      warning: "checkbox-warning",
-      info: "checkbox-info",
-      error: "checkbox-error"
-    }, d = [
-      "checkbox",
-      n && e[n],
-      b && p[b]
-    ].filter(Boolean).join(" "), x = t && c !== void 0 && (typeof c == "string" || typeof c == "number") ? t.value?.includes(c) ?? !1 : h, N = t?.disabled || m, v = (a) => {
-      t && c !== void 0 && (typeof c == "string" || typeof c == "number") && t.onChange?.(c, a.target.checked), k?.(a);
-    }, w = j.useCallback(
-      (a) => {
-        a && (a.indeterminate = o), typeof r == "function" ? r(a) : r && (r.current = a);
-      },
-      [o, r]
-    ), y = /* @__PURE__ */ s(
-      "input",
-      {
-        ref: w,
-        type: "checkbox",
-        className: d,
-        value: c,
-        checked: x,
-        onChange: v,
-        disabled: N,
-        "data-state": o ? "indeterminate" : x ? "checked" : "unchecked",
-        ...l
-      }
-    );
-    return i ? /* @__PURE__ */ C("label", { className: `label cursor-pointer justify-start gap-2 ${f}`, children: [
-      y,
-      /* @__PURE__ */ s("span", { className: "label-text", children: i })
-    ] }) : y;
+import { jsx as s, jsxs as j, Fragment as v } from "react/jsx-runtime";
+const T = ({
+  children: l,
+  type: e,
+  size: b = "md",
+  outline: i = !1,
+  dash: d = !1,
+  soft: u = !1,
+  active: f = !1,
+  loading: t = !1,
+  shape: a,
+  noAnimation: m = !1,
+  className: h = "",
+  ...n
+}) => {
+  const y = {
+    primary: "btn-primary",
+    secondary: "btn-secondary",
+    accent: "btn-accent",
+    info: "btn-info",
+    success: "btn-success",
+    warning: "btn-warning",
+    error: "btn-error",
+    neutral: "btn-neutral",
+    ghost: "btn-ghost",
+    link: "btn-link"
+  }, g = {
+    xs: "btn-xs",
+    sm: "btn-sm",
+    md: "",
+    lg: "btn-lg",
+    xl: "btn-xl"
+  }, x = {
+    square: "btn-square",
+    circle: "btn-circle",
+    wide: "btn-wide",
+    block: "btn-block"
+  }, r = [
+    "btn",
+    e && y[e],
+    g[b],
+    i && "btn-outline",
+    d && "btn-dash",
+    u && "btn-soft",
+    f && "btn-active",
+    a && x[a],
+    m && "no-animation",
+    h
+  ].filter(Boolean).join(" "), o = /* @__PURE__ */ j(v, { children: [
+    t && /* @__PURE__ */ s("span", { className: "loading loading-spinner", "aria-hidden": "true" }),
+    l
+  ] });
+  if ("href" in n && n.href !== void 0) {
+    const { href: k, ...w } = n;
+    return /* @__PURE__ */ s("a", { href: k, className: r, ...w, children: o });
   }
-);
-u.displayName = "Checkbox";
-const D = Object.assign(u, {
-  Group: S
-});
+  const { htmlType: p, ...c } = n;
+  return /* @__PURE__ */ s(
+    "button",
+    {
+      type: p ?? "button",
+      className: r,
+      "aria-busy": t ? "true" : void 0,
+      disabled: t || c.disabled,
+      ...c,
+      children: o
+    }
+  );
+};
 export {
-  D as Checkbox
+  T as Button
 };
 //# sourceMappingURL=index9.js.map

package/dist/index9.js.map

@@ -1 +1 @@
-{"version":3,"file":"index9.js","sources":["../src/components/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, createContext, useContext } from 'react'\n\nexport interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  children?: React.ReactNode\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'info' | 'error'\n  indeterminate?: boolean\n  className?: string\n}\n\nexport interface CheckboxOptionType {\n  label: React.ReactNode\n  value: string | number\n  disabled?: boolean\n}\n\nexport interface CheckboxGroupProps {\n  children?: React.ReactNode\n  value?: (string | number)[]\n  defaultValue?: (string | number)[]\n  onChange?: (values: (string | number)[]) => void\n  disabled?: boolean\n  options?: (string | number | CheckboxOptionType)[]\n  className?: string\n}\n\ninterface CheckboxGroupContextValue {\n  value?: (string | number)[]\n  onChange?: (checkedValue: string | number, checked: boolean) => void\n  disabled?: boolean\n}\n\nconst CheckboxGroupContext = createContext<CheckboxGroupContextValue | null>(null)\n\nfunction CheckboxGroup({\n  children,\n  value,\n  defaultValue,\n  onChange,\n  disabled = false,\n  options,\n  className = ''\n}: CheckboxGroupProps) {\n  const [internalValue, setInternalValue] = React.useState<(string | number)[]>(defaultValue || [])\n  const currentValue = value !== undefined ? value : internalValue\n\n  const handleChange = (checkedValue: string | number, checked: boolean) => {\n    const newValue = checked\n      ? [...currentValue, checkedValue]\n      : currentValue.filter((v) => v !== checkedValue)\n\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n  }\n\n  const contextValue: CheckboxGroupContextValue = {\n    value: currentValue,\n    onChange: handleChange,\n    disabled,\n  }\n\n  // If options are provided, render checkboxes automatically\n  if (options) {\n    return (\n      <CheckboxGroupContext.Provider value={contextValue}>\n        <div className={className}>\n          {options.map((option) => {\n            if (typeof option === 'string' || typeof option === 'number') {\n              return (\n                <label key={option} className=\"label cursor-pointer justify-start gap-2\">\n                  <CheckboxRoot value={option} />\n                  <span className=\"label-text\">{option}</span>\n                </label>\n              )\n            } else {\n              return (\n                <label key={option.value} className=\"label cursor-pointer justify-start gap-2\">\n                  <CheckboxRoot value={option.value} disabled={option.disabled} />\n                  <span className=\"label-text\">{option.label}</span>\n                </label>\n              )\n            }\n          })}\n        </div>\n      </CheckboxGroupContext.Provider>\n    )\n  }\n\n  return (\n    <CheckboxGroupContext.Provider value={contextValue}>\n      <div className={className}>{children}</div>\n    </CheckboxGroupContext.Provider>\n  )\n}\n\nconst CheckboxRoot = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      children,\n      size,\n      color,\n      indeterminate = false,\n      className = '',\n      value,\n      checked,\n      onChange,\n      disabled: disabledProp,\n      ...props\n    },\n    ref\n  ) => {\n    const groupContext = useContext(CheckboxGroupContext)\n\n    const sizeClasses = {\n      xs: 'checkbox-xs',\n      sm: 'checkbox-sm',\n      md: 'checkbox-md',\n      lg: 'checkbox-lg',\n      xl: 'checkbox-xl',\n    }\n\n    const colorClasses = {\n      primary: 'checkbox-primary',\n      secondary: 'checkbox-secondary',\n      accent: 'checkbox-accent',\n      neutral: 'checkbox-neutral',\n      success: 'checkbox-success',\n      warning: 'checkbox-warning',\n      info: 'checkbox-info',\n      error: 'checkbox-error',\n    }\n\n    const checkboxClasses = [\n      'checkbox',\n      size && sizeClasses[size],\n      color && colorClasses[color],\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    // If in a group, use group's value to determine checked state\n    const isChecked = groupContext && value !== undefined && (typeof value === 'string' || typeof value === 'number')\n      ? groupContext.value?.includes(value) ?? false\n      : checked\n\n    const isDisabled = groupContext?.disabled || disabledProp\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (groupContext && value !== undefined && (typeof value === 'string' || typeof value === 'number')) {\n        groupContext.onChange?.(value, e.target.checked)\n      }\n      onChange?.(e)\n    }\n\n    // Handle indeterminate state\n    const checkboxRef = React.useCallback(\n      (node: HTMLInputElement | null) => {\n        if (node) {\n          node.indeterminate = indeterminate\n        }\n        if (typeof ref === 'function') {\n          ref(node)\n        } else if (ref) {\n          ref.current = node\n        }\n      },\n      [indeterminate, ref]\n    )\n\n    const dataState = indeterminate ? 'indeterminate' : isChecked ? 'checked' : 'unchecked'\n\n    const checkboxInput = (\n      <input\n        ref={checkboxRef}\n        type=\"checkbox\"\n        className={checkboxClasses}\n        value={value}\n        checked={isChecked}\n        onChange={handleChange}\n        disabled={isDisabled}\n        data-state={dataState}\n        {...props}\n      />\n    )\n\n    // If children provided, wrap in label\n    if (children) {\n      return (\n        <label className={`label cursor-pointer justify-start gap-2 ${className}`}>\n          {checkboxInput}\n          <span className=\"label-text\">{children}</span>\n        </label>\n      )\n    }\n\n    return checkboxInput\n  }\n)\n\nCheckboxRoot.displayName = 'Checkbox'\n\nexport const Checkbox = Object.assign(CheckboxRoot, {\n  Group: CheckboxGroup,\n})\n"],"names":["CheckboxGroupContext","createContext","CheckboxGroup","children","value","defaultValue","onChange","disabled","options","className","internalValue","setInternalValue","React","currentValue","contextValue","checkedValue","checked","newValue","v","jsx","option","jsxs","CheckboxRoot","forwardRef","size","color","indeterminate","disabledProp","props","ref","groupContext","useContext","sizeClasses","colorClasses","checkboxClasses","isChecked","isDisabled","handleChange","e","checkboxRef","node","checkboxInput","Checkbox"],"mappings":"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"}
+{"version":3,"file":"index9.js","sources":["../src/components/Button.tsx"],"sourcesContent":["import React from 'react'\n\ntype BaseButtonProps = {\n  type?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral' | 'ghost' | 'link'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  outline?: boolean\n  dash?: boolean\n  soft?: boolean\n  active?: boolean\n  loading?: boolean\n  shape?: 'square' | 'circle' | 'wide' | 'block'\n  noAnimation?: boolean\n}\n\ntype ButtonAsButton = BaseButtonProps &\n  Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & {\n    href?: undefined\n    htmlType?: 'button' | 'submit' | 'reset'\n  }\n\ntype ButtonAsAnchor = BaseButtonProps &\n  Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'type'> & {\n    href: string\n    htmlType?: undefined\n  }\n\nexport type ButtonProps = ButtonAsButton | ButtonAsAnchor\n\nexport const Button: React.FC<ButtonProps> = ({\n  children,\n  type,\n  size = 'md',\n  outline = false,\n  dash = false,\n  soft = false,\n  active = false,\n  loading = false,\n  shape,\n  noAnimation = false,\n  className = '',\n  ...props\n}) => {\n  const typeClasses = {\n    primary: 'btn-primary',\n    secondary: 'btn-secondary',\n    accent: 'btn-accent',\n    info: 'btn-info',\n    success: 'btn-success',\n    warning: 'btn-warning',\n    error: 'btn-error',\n    neutral: 'btn-neutral',\n    ghost: 'btn-ghost',\n    link: 'btn-link',\n  }\n\n  const sizeClasses = {\n    xs: 'btn-xs',\n    sm: 'btn-sm',\n    md: '',\n    lg: 'btn-lg',\n    xl: 'btn-xl',\n  }\n\n  const shapeClasses = {\n    square: 'btn-square',\n    circle: 'btn-circle',\n    wide: 'btn-wide',\n    block: 'btn-block',\n  }\n\n  const classes = [\n    'btn',\n    type && typeClasses[type],\n    sizeClasses[size],\n    outline && 'btn-outline',\n    dash && 'btn-dash',\n    soft && 'btn-soft',\n    active && 'btn-active',\n    shape && shapeClasses[shape],\n    noAnimation && 'no-animation',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const content = (\n    <>\n      {loading && <span className=\"loading loading-spinner\" aria-hidden=\"true\"></span>}\n      {children}\n    </>\n  )\n\n  if ('href' in props && props.href !== undefined) {\n    const { href, ...anchorProps } = props as ButtonAsAnchor\n    return (\n      <a href={href} className={classes} {...anchorProps}>\n        {content}\n      </a>\n    )\n  }\n\n  const { htmlType, ...buttonProps } = props as Omit<ButtonAsButton, keyof BaseButtonProps>\n  const buttonType: 'button' | 'submit' | 'reset' = htmlType ?? 'button'\n  return (\n    <button\n      type={buttonType}\n      className={classes}\n      aria-busy={loading ? 'true' : undefined}\n      disabled={loading || buttonProps.disabled}\n      {...buttonProps}\n    >\n      {content}\n    </button>\n  )\n}\n"],"names":["Button","children","type","size","outline","dash","soft","active","loading","shape","noAnimation","className","props","typeClasses","sizeClasses","shapeClasses","classes","content","jsxs","Fragment","jsx","href","anchorProps","htmlType","buttonProps"],"mappings":";AA4BO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAc;AAAA,IAClB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EAAA,GAGFC,IAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAe;AAAA,IACnB,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,GAGHC,IAAU;AAAA,IACd;AAAA,IACAd,KAAQW,EAAYX,CAAI;AAAA,IACxBY,EAAYX,CAAI;AAAA,IAChBC,KAAW;AAAA,IACXC,KAAQ;AAAA,IACRC,KAAQ;AAAA,IACRC,KAAU;AAAA,IACVE,KAASM,EAAaN,CAAK;AAAA,IAC3BC,KAAe;AAAA,IACfC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELM,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAX,KAAW,gBAAAY,EAAC,QAAA,EAAK,WAAU,2BAA0B,eAAY,QAAO;AAAA,IACxEnB;AAAA,EAAA,GACH;AAGF,MAAI,UAAUW,KAASA,EAAM,SAAS,QAAW;AAC/C,UAAM,EAAE,MAAAS,GAAM,GAAGC,EAAA,IAAgBV;AACjC,6BACG,KAAA,EAAE,MAAAS,GAAY,WAAWL,GAAU,GAAGM,GACpC,UAAAL,GACH;AAAA,EAEJ;AAEA,QAAM,EAAE,UAAAM,GAAU,GAAGC,EAAA,IAAgBZ;AAErC,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAH8CG,KAAY;AAAA,MAI1D,WAAWP;AAAA,MACX,aAAWR,IAAU,SAAS;AAAA,MAC9B,UAAUA,KAAWgB,EAAY;AAAA,MAChC,GAAGA;AAAA,MAEH,UAAAP;AAAA,IAAA;AAAA,EAAA;AAGP;"}