@jinmi/ui 0.0.0-stage → 6.0.1

package/es/base-ui/Tree/context.mjs

@@ -0,0 +1,12 @@
+import { createContext, use } from "react";
+//#region src/base-ui/Tree/context.ts
+const TreeContext = createContext(null);
+const useTreeContext = () => {
+	const ctx = use(TreeContext);
+	if (!ctx) throw new Error("Tree components must be rendered inside <Tree>");
+	return ctx;
+};
+//#endregion
+export { TreeContext, useTreeContext };
+
+//# sourceMappingURL=context.mjs.map

package/es/base-ui/Tree/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","names":[],"sources":["../../../src/base-ui/Tree/context.ts"],"sourcesContent":["import { createContext, type MouseEvent, type ReactNode, use } from 'react';\r\n\r\nimport type { ControlSize } from '../controlSize';\r\nimport type { TreeClassNames, TreeDataNode, TreeProps, TreeStyles } from './type';\r\n\r\nexport interface TreeContextValue {\r\n  activeKey: string | null;\r\n  blockNode: boolean;\r\n  checkable: boolean;\r\n  checked: Set<string>;\r\n  classNames: TreeClassNames;\r\n  disabled: boolean;\r\n  expanded: Set<string>;\r\n  halfChecked: Set<string>;\r\n  indent: number;\r\n  onRightClick: (event: MouseEvent<HTMLDivElement>, node: TreeDataNode) => void;\r\n  selected: Set<string>;\r\n  setActiveKey: (key: string) => void;\r\n  showIcon: boolean;\r\n  showLine: boolean;\r\n  size: ControlSize;\r\n  styles: TreeStyles;\r\n  switcherIcon?: TreeProps['switcherIcon'];\r\n  titleRender?: (node: TreeDataNode) => ReactNode;\r\n  toggleCheck: (node: TreeDataNode) => void;\r\n  toggleExpand: (node: TreeDataNode) => void;\r\n  toggleSelect: (node: TreeDataNode, event?: { metaKey?: boolean; ctrlKey?: boolean; shiftKey?: boolean }) => void;\r\n}\r\n\r\nexport const TreeContext = createContext<TreeContextValue | null>(null);\r\n\r\nexport const useTreeContext = () => {\r\n  const ctx = use(TreeContext);\r\n  if (!ctx) throw new Error('Tree components must be rendered inside <Tree>');\r\n  return ctx;\r\n};\r\n"],"mappings":";;AA6BA,MAAa,cAAc,cAAuC,IAAI;AAEtE,MAAa,uBAAuB;CAClC,MAAM,MAAM,IAAI,WAAW;CAC3B,IAAI,CAAC,KAAK,MAAM,IAAI,MAAM,gDAAgD;CAC1E,OAAO;AACT"}

package/es/base-ui/Tree/index.d.mts

@@ -0,0 +1,5 @@
+import { styles } from "./style.mjs";
+import { TreeClassNames, TreeDataNode, TreeFlatRow, TreeProps, TreeStyles } from "./type.mjs";
+import Tree from "./Tree.mjs";
+import { conductCheck, flattenVisible, getAllKeys } from "./utils.mjs";
+export { type TreeClassNames, type TreeDataNode, type TreeFlatRow, type TreeProps, type TreeStyles, conductCheck, Tree as default, flattenVisible, getAllKeys, styles as treeStyles };

package/es/base-ui/Tree/style.d.mts

@@ -0,0 +1,19 @@
+//#region src/base-ui/Tree/style.d.ts
+declare const styles: {
+  checkbox: string;
+  guide: string;
+  icon: string;
+  node: string;
+  nodeBlock: string;
+  nodeDisabled: string;
+  panel: string;
+  root: string;
+  switcher: string;
+  switcherLeaf: string;
+  title: string;
+  titleBlock: string;
+  titleInline: string;
+};
+//#endregion
+export { styles };
+//# sourceMappingURL=style.d.mts.map

package/es/base-ui/Tree/style.mjs

@@ -0,0 +1,149 @@
+import { focusRing } from "../focusRing.mjs";
+import { createStaticStyles } from "antd-style";
+//#region src/base-ui/Tree/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	checkbox: css`
+    margin-inline-end: 8px;
+  `,
+	guide: css`
+    pointer-events: none;
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 0;
+    height: 100%;
+    overflow: visible;
+
+    path {
+      fill: none;
+      stroke: ${cssVar.colorBorderSecondary};
+      stroke-width: 1;
+      stroke-linecap: round;
+    }
+  `,
+	icon: css`
+    display: inline-flex;
+    flex: none;
+    align-items: center;
+    margin-inline-end: 6px;
+    color: ${cssVar.colorTextSecondary};
+  `,
+	node: css`
+    position: relative;
+    display: flex;
+    align-items: center;
+    border-radius: ${cssVar.borderRadius};
+    color: ${cssVar.colorText};
+    outline: none;
+    ${focusRing}
+  `,
+	nodeBlock: css`
+    cursor: pointer;
+
+    &:hover {
+      background: ${cssVar.colorFillTertiary};
+    }
+
+    &[aria-selected='true'] {
+      background: ${cssVar.colorFillSecondary};
+    }
+  `,
+	nodeDisabled: css`
+    cursor: not-allowed;
+    color: ${cssVar.colorTextDisabled};
+
+    &:hover {
+      background: transparent;
+    }
+  `,
+	panel: css`
+    height: var(--collapsible-panel-height);
+    overflow: hidden;
+    transition: height 200ms ${cssVar.motionEaseOut};
+
+    &[data-starting-style],
+    &[data-ending-style] {
+      height: 0;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      transition-duration: 0s;
+    }
+  `,
+	root: css`
+    display: flex;
+    flex-direction: column;
+    user-select: none;
+    outline: none;
+  `,
+	switcher: css`
+    display: grid;
+    flex: none;
+    place-items: center;
+    width: 24px;
+    height: 24px;
+    padding: 0;
+    border: 0;
+    border-radius: ${cssVar.borderRadiusSM};
+    background: none;
+    color: ${cssVar.colorTextSecondary};
+    cursor: pointer;
+
+    &:hover {
+      background: ${cssVar.colorFillSecondary};
+      color: ${cssVar.colorText};
+    }
+
+    svg {
+      transition: transform 200ms ${cssVar.motionEaseOut};
+    }
+
+    [aria-expanded='true'] > & svg {
+      transform: rotate(90deg);
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      svg {
+        transition-duration: 0s;
+      }
+    }
+  `,
+	switcherLeaf: css`
+    visibility: hidden;
+    pointer-events: none;
+  `,
+	title: css`
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    min-width: 0;
+    padding-block: 2px;
+    padding-inline: 6px;
+    border-radius: ${cssVar.borderRadiusSM};
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  `,
+	titleBlock: css`
+    flex: 1;
+  `,
+	titleInline: css`
+    cursor: pointer;
+
+    &:hover {
+      background: ${cssVar.colorFillTertiary};
+    }
+
+    [aria-selected='true'] > & {
+      background: ${cssVar.colorFillSecondary};
+    }
+
+    [aria-disabled='true'] > & {
+      cursor: not-allowed;
+      background: transparent;
+    }
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/base-ui/Tree/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Tree/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nimport { focusRing } from '@/base-ui/focusRing';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  checkbox: css`\r\n    margin-inline-end: 8px;\r\n  `,\r\n  guide: css`\r\n    pointer-events: none;\r\n    position: absolute;\r\n    inset-block-start: 0;\r\n    inset-inline-start: 0;\r\n    height: 100%;\r\n    overflow: visible;\r\n\r\n    path {\r\n      fill: none;\r\n      stroke: ${cssVar.colorBorderSecondary};\r\n      stroke-width: 1;\r\n      stroke-linecap: round;\r\n    }\r\n  `,\r\n  icon: css`\r\n    display: inline-flex;\r\n    flex: none;\r\n    align-items: center;\r\n    margin-inline-end: 6px;\r\n    color: ${cssVar.colorTextSecondary};\r\n  `,\r\n  node: css`\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    border-radius: ${cssVar.borderRadius};\r\n    color: ${cssVar.colorText};\r\n    outline: none;\r\n    ${focusRing}\r\n  `,\r\n  nodeBlock: css`\r\n    cursor: pointer;\r\n\r\n    &:hover {\r\n      background: ${cssVar.colorFillTertiary};\r\n    }\r\n\r\n    &[aria-selected='true'] {\r\n      background: ${cssVar.colorFillSecondary};\r\n    }\r\n  `,\r\n  nodeDisabled: css`\r\n    cursor: not-allowed;\r\n    color: ${cssVar.colorTextDisabled};\r\n\r\n    &:hover {\r\n      background: transparent;\r\n    }\r\n  `,\r\n  panel: css`\r\n    height: var(--collapsible-panel-height);\r\n    overflow: hidden;\r\n    transition: height 200ms ${cssVar.motionEaseOut};\r\n\r\n    &[data-starting-style],\r\n    &[data-ending-style] {\r\n      height: 0;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      transition-duration: 0s;\r\n    }\r\n  `,\r\n  root: css`\r\n    display: flex;\r\n    flex-direction: column;\r\n    user-select: none;\r\n    outline: none;\r\n  `,\r\n  switcher: css`\r\n    display: grid;\r\n    flex: none;\r\n    place-items: center;\r\n    width: 24px;\r\n    height: 24px;\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: ${cssVar.borderRadiusSM};\r\n    background: none;\r\n    color: ${cssVar.colorTextSecondary};\r\n    cursor: pointer;\r\n\r\n    &:hover {\r\n      background: ${cssVar.colorFillSecondary};\r\n      color: ${cssVar.colorText};\r\n    }\r\n\r\n    svg {\r\n      transition: transform 200ms ${cssVar.motionEaseOut};\r\n    }\r\n\r\n    [aria-expanded='true'] > & svg {\r\n      transform: rotate(90deg);\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      svg {\r\n        transition-duration: 0s;\r\n      }\r\n    }\r\n  `,\r\n  switcherLeaf: css`\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n  `,\r\n  title: css`\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    min-width: 0;\r\n    padding-block: 2px;\r\n    padding-inline: 6px;\r\n    border-radius: ${cssVar.borderRadiusSM};\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n  `,\r\n  titleBlock: css`\r\n    flex: 1;\r\n  `,\r\n  titleInline: css`\r\n    cursor: pointer;\r\n\r\n    &:hover {\r\n      background: ${cssVar.colorFillTertiary};\r\n    }\r\n\r\n    [aria-selected='true'] > & {\r\n      background: ${cssVar.colorFillSecondary};\r\n    }\r\n\r\n    [aria-disabled='true'] > & {\r\n      cursor: not-allowed;\r\n      background: transparent;\r\n    }\r\n  `,\r\n}));\r\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,UAAU,GAAG;;;CAGb,OAAO,GAAG;;;;;;;;;;gBAUI,OAAO,qBAAqB;;;;;CAK1C,MAAM,GAAG;;;;;aAKE,OAAO,mBAAmB;;CAErC,MAAM,GAAG;;;;qBAIU,OAAO,aAAa;aAC5B,OAAO,UAAU;;MAExB,UAAU;;CAEd,WAAW,GAAG;;;;oBAII,OAAO,kBAAkB;;;;oBAIzB,OAAO,mBAAmB;;;CAG5C,cAAc,GAAG;;aAEN,OAAO,kBAAkB;;;;;;CAMpC,OAAO,GAAG;;;+BAGmB,OAAO,cAAc;;;;;;;;;;;CAWlD,MAAM,GAAG;;;;;;CAMT,UAAU,GAAG;;;;;;;;qBAQM,OAAO,eAAe;;aAE9B,OAAO,mBAAmB;;;;oBAInB,OAAO,mBAAmB;eAC/B,OAAO,UAAU;;;;oCAII,OAAO,cAAc;;;;;;;;;;;;;CAavD,cAAc,GAAG;;;;CAIjB,OAAO,GAAG;;;;;;;qBAOS,OAAO,eAAe;;;;;CAKzC,YAAY,GAAG;;;CAGf,aAAa,GAAG;;;;oBAIE,OAAO,kBAAkB;;;;oBAIzB,OAAO,mBAAmB;;;;;;;;AAQ9C,EAAE"}

package/es/base-ui/Tree/type.d.mts

@@ -0,0 +1,85 @@
+import { ControlSize } from "../controlSize.mjs";
+import { CSSProperties, MouseEvent, ReactNode } from "react";
+//#region src/base-ui/Tree/type.d.ts
+interface TreeDataNode {
+  checkable?: boolean;
+  children?: TreeDataNode[];
+  disabled?: boolean;
+  icon?: ReactNode;
+  isLeaf?: boolean;
+  key: string;
+  selectable?: boolean;
+  title: ReactNode;
+}
+interface TreeFlatRow {
+  depth: number;
+  hasChildren: boolean;
+  index: number;
+  isLast: boolean;
+  node: TreeDataNode;
+  parentKey: string | null;
+  trail: boolean[];
+}
+interface TreeClassNames {
+  guide?: string;
+  node?: string;
+  root?: string;
+  switcher?: string;
+  title?: string;
+}
+interface TreeStyles {
+  guide?: CSSProperties;
+  node?: CSSProperties;
+  root?: CSSProperties;
+  switcher?: CSSProperties;
+  title?: CSSProperties;
+}
+interface TreeProps {
+  blockNode?: boolean;
+  checkable?: boolean;
+  checkedKeys?: string[];
+  checkStrictly?: boolean;
+  className?: string;
+  classNames?: TreeClassNames;
+  defaultCheckedKeys?: string[];
+  defaultExpandAll?: boolean;
+  defaultExpandedKeys?: string[];
+  defaultSelectedKeys?: string[];
+  disabled?: boolean;
+  expandedKeys?: string[];
+  indent?: number;
+  multiple?: boolean;
+  onCheck?: (keys: string[], info: {
+    checked: boolean;
+    node: TreeDataNode;
+  }) => void;
+  onExpand?: (keys: string[], info: {
+    expanded: boolean;
+    node: TreeDataNode;
+  }) => void;
+  onRightClick?: (info: {
+    event: MouseEvent<HTMLDivElement>;
+    node: TreeDataNode;
+  }) => void;
+  onSelect?: (keys: string[], info: {
+    node: TreeDataNode;
+    selected: boolean;
+  }) => void;
+  scopeId?: string;
+  selectedKeys?: string[];
+  showIcon?: boolean;
+  showLine?: boolean;
+  size?: ControlSize;
+  style?: CSSProperties;
+  styles?: TreeStyles;
+  switcherIcon?: ReactNode | ((info: {
+    expanded: boolean;
+    node: TreeDataNode;
+  }) => ReactNode);
+  titleRender?: (node: TreeDataNode) => ReactNode;
+  treeData: TreeDataNode[];
+  vimKeys?: boolean;
+}
+//#endregion
+export { TreeClassNames, TreeDataNode, TreeFlatRow, TreeProps, TreeStyles };
+//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Tree/utils.d.mts

@@ -0,0 +1,11 @@
+import { TreeDataNode, TreeFlatRow } from "./type.mjs";
+//#region src/base-ui/Tree/utils.d.ts
+declare const flattenVisible: (data: TreeDataNode[], expanded: Set<string>, depth?: number, parentKey?: string | null, trail?: boolean[], out?: TreeFlatRow[]) => TreeFlatRow[];
+declare const getAllKeys: (data: TreeDataNode[], out?: string[]) => string[];
+declare const conductCheck: (data: TreeDataNode[], checkedKeys: Iterable<string>) => {
+  checked: Set<string>;
+  halfChecked: Set<string>;
+};
+//#endregion
+export { conductCheck, flattenVisible, getAllKeys };
+//# sourceMappingURL=utils.d.mts.map

package/es/base-ui/Tree/utils.mjs

@@ -0,0 +1,73 @@
+//#region src/base-ui/Tree/utils.ts
+const hasChildren = (node) => !node.isLeaf && !!node.children && node.children.length > 0;
+const flattenVisible = (data, expanded, depth = 0, parentKey = null, trail = [], out = []) => {
+	data.forEach((node, i) => {
+		const isLast = i === data.length - 1;
+		const expandable = hasChildren(node);
+		out.push({
+			depth,
+			hasChildren: expandable,
+			index: out.length,
+			isLast,
+			node,
+			parentKey,
+			trail
+		});
+		if (expandable && expanded.has(node.key)) flattenVisible(node.children, expanded, depth + 1, node.key, [...trail, !isLast], out);
+	});
+	return out;
+};
+const getAllKeys = (data, out = []) => {
+	for (const node of data) {
+		out.push(node.key);
+		if (node.children) getAllKeys(node.children, out);
+	}
+	return out;
+};
+const isCheckable = (node) => node.checkable !== false && !node.disabled;
+const getSubtreeKeys = (node, out = []) => {
+	if (isCheckable(node)) out.push(node.key);
+	node.children?.forEach((child) => getSubtreeKeys(child, out));
+	return out;
+};
+const conductCheck = (data, checkedKeys) => {
+	const checked = new Set(checkedKeys);
+	const halfChecked = /* @__PURE__ */ new Set();
+	const down = (node, inherited) => {
+		const on = inherited || checked.has(node.key);
+		if (on && isCheckable(node)) checked.add(node.key);
+		node.children?.forEach((child) => down(child, on && isCheckable(node)));
+	};
+	data.forEach((node) => down(node, false));
+	const walk = (node) => {
+		const kids = (node.children ?? []).filter(isCheckable);
+		if (kids.length === 0) return checked.has(node.key);
+		const results = kids.map(walk);
+		if (results.every(Boolean)) {
+			checked.add(node.key);
+			return true;
+		}
+		checked.delete(node.key);
+		if (results.some(Boolean) || kids.some((kid) => halfChecked.has(kid.key))) halfChecked.add(node.key);
+		return false;
+	};
+	data.forEach(walk);
+	return {
+		checked,
+		halfChecked
+	};
+};
+const getAncestorKeys = (data, key, path = []) => {
+	for (const node of data) {
+		if (node.key === key) return [...path].reverse();
+		if (node.children) {
+			const found = getAncestorKeys(node.children, key, [...path, node.key]);
+			if (found.length > 0 || node.children.some((c) => c.key === key)) return found;
+		}
+	}
+	return [];
+};
+//#endregion
+export { conductCheck, flattenVisible, getAllKeys, getAncestorKeys, getSubtreeKeys, hasChildren };
+
+//# sourceMappingURL=utils.mjs.map

package/es/base-ui/Tree/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../../src/base-ui/Tree/utils.ts"],"sourcesContent":["import type { TreeDataNode, TreeFlatRow } from './type';\r\n\r\nexport const hasChildren = (node: TreeDataNode) =>\r\n  !node.isLeaf && !!node.children && node.children.length > 0;\r\n\r\nexport const flattenVisible = (\r\n  data: TreeDataNode[],\r\n  expanded: Set<string>,\r\n  depth = 0,\r\n  parentKey: string | null = null,\r\n  trail: boolean[] = [],\r\n  out: TreeFlatRow[] = [],\r\n): TreeFlatRow[] => {\r\n  data.forEach((node, i) => {\r\n    const isLast = i === data.length - 1;\r\n    const expandable = hasChildren(node);\r\n    out.push({ depth, hasChildren: expandable, index: out.length, isLast, node, parentKey, trail });\r\n    if (expandable && expanded.has(node.key)) {\r\n      flattenVisible(node.children!, expanded, depth + 1, node.key, [...trail, !isLast], out);\r\n    }\r\n  });\r\n  return out;\r\n};\r\n\r\nexport const getAllKeys = (data: TreeDataNode[], out: string[] = []): string[] => {\r\n  for (const node of data) {\r\n    out.push(node.key);\r\n    if (node.children) getAllKeys(node.children, out);\r\n  }\r\n  return out;\r\n};\r\n\r\nexport const findNode = (data: TreeDataNode[], key: string): TreeDataNode | undefined => {\r\n  for (const node of data) {\r\n    if (node.key === key) return node;\r\n    const found = node.children && findNode(node.children, key);\r\n    if (found) return found;\r\n  }\r\n};\r\n\r\nconst isCheckable = (node: TreeDataNode) => node.checkable !== false && !node.disabled;\r\n\r\nexport const getSubtreeKeys = (node: TreeDataNode, out: string[] = []): string[] => {\r\n  if (isCheckable(node)) out.push(node.key);\r\n  node.children?.forEach((child) => getSubtreeKeys(child, out));\r\n  return out;\r\n};\r\n\r\nexport const conductCheck = (data: TreeDataNode[], checkedKeys: Iterable<string>) => {\r\n  const checked = new Set(checkedKeys);\r\n  const halfChecked = new Set<string>();\r\n\r\n  const down = (node: TreeDataNode, inherited: boolean) => {\r\n    const on = inherited || checked.has(node.key);\r\n    if (on && isCheckable(node)) checked.add(node.key);\r\n    node.children?.forEach((child) => down(child, on && isCheckable(node)));\r\n  };\r\n  data.forEach((node) => down(node, false));\r\n\r\n  const walk = (node: TreeDataNode): boolean => {\r\n    const kids = (node.children ?? []).filter(isCheckable);\r\n    if (kids.length === 0) return checked.has(node.key);\r\n    const results = kids.map(walk);\r\n    if (results.every(Boolean)) {\r\n      checked.add(node.key);\r\n      return true;\r\n    }\r\n    checked.delete(node.key);\r\n    if (results.some(Boolean) || kids.some((kid) => halfChecked.has(kid.key))) {\r\n      halfChecked.add(node.key);\r\n    }\r\n    return false;\r\n  };\r\n\r\n  data.forEach(walk);\r\n  return { checked, halfChecked };\r\n};\r\n\r\nexport const getAncestorKeys = (\r\n  data: TreeDataNode[],\r\n  key: string,\r\n  path: string[] = [],\r\n): string[] => {\r\n  for (const node of data) {\r\n    if (node.key === key) return [...path].reverse();\r\n    if (node.children) {\r\n      const found = getAncestorKeys(node.children, key, [...path, node.key]);\r\n      if (found.length > 0 || node.children.some((c) => c.key === key)) return found;\r\n    }\r\n  }\r\n  return [];\r\n};\r\n"],"mappings":";AAEA,MAAa,eAAe,SAC1B,CAAC,KAAK,UAAU,CAAC,CAAC,KAAK,YAAY,KAAK,SAAS,SAAS;AAE5D,MAAa,kBACX,MACA,UACA,QAAQ,GACR,YAA2B,MAC3B,QAAmB,CAAC,GACpB,MAAqB,CAAC,MACJ;CAClB,KAAK,SAAS,MAAM,MAAM;EACxB,MAAM,SAAS,MAAM,KAAK,SAAS;EACnC,MAAM,aAAa,YAAY,IAAI;EACnC,IAAI,KAAK;GAAE;GAAO,aAAa;GAAY,OAAO,IAAI;GAAQ;GAAQ;GAAM;GAAW;EAAM,CAAC;EAC9F,IAAI,cAAc,SAAS,IAAI,KAAK,GAAG,GACrC,eAAe,KAAK,UAAW,UAAU,QAAQ,GAAG,KAAK,KAAK,CAAC,GAAG,OAAO,CAAC,MAAM,GAAG,GAAG;CAE1F,CAAC;CACD,OAAO;AACT;AAEA,MAAa,cAAc,MAAsB,MAAgB,CAAC,MAAgB;CAChF,KAAK,MAAM,QAAQ,MAAM;EACvB,IAAI,KAAK,KAAK,GAAG;EACjB,IAAI,KAAK,UAAU,WAAW,KAAK,UAAU,GAAG;CAClD;CACA,OAAO;AACT;AAUA,MAAM,eAAe,SAAuB,KAAK,cAAc,SAAS,CAAC,KAAK;AAE9E,MAAa,kBAAkB,MAAoB,MAAgB,CAAC,MAAgB;CAClF,IAAI,YAAY,IAAI,GAAG,IAAI,KAAK,KAAK,GAAG;CACxC,KAAK,UAAU,SAAS,UAAU,eAAe,OAAO,GAAG,CAAC;CAC5D,OAAO;AACT;AAEA,MAAa,gBAAgB,MAAsB,gBAAkC;CACnF,MAAM,UAAU,IAAI,IAAI,WAAW;CACnC,MAAM,8BAAc,IAAI,IAAY;CAEpC,MAAM,QAAQ,MAAoB,cAAuB;EACvD,MAAM,KAAK,aAAa,QAAQ,IAAI,KAAK,GAAG;EAC5C,IAAI,MAAM,YAAY,IAAI,GAAG,QAAQ,IAAI,KAAK,GAAG;EACjD,KAAK,UAAU,SAAS,UAAU,KAAK,OAAO,MAAM,YAAY,IAAI,CAAC,CAAC;CACxE;CACA,KAAK,SAAS,SAAS,KAAK,MAAM,KAAK,CAAC;CAExC,MAAM,QAAQ,SAAgC;EAC5C,MAAM,QAAQ,KAAK,YAAY,CAAC,EAAA,CAAG,OAAO,WAAW;EACrD,IAAI,KAAK,WAAW,GAAG,OAAO,QAAQ,IAAI,KAAK,GAAG;EAClD,MAAM,UAAU,KAAK,IAAI,IAAI;EAC7B,IAAI,QAAQ,MAAM,OAAO,GAAG;GAC1B,QAAQ,IAAI,KAAK,GAAG;GACpB,OAAO;EACT;EACA,QAAQ,OAAO,KAAK,GAAG;EACvB,IAAI,QAAQ,KAAK,OAAO,KAAK,KAAK,MAAM,QAAQ,YAAY,IAAI,IAAI,GAAG,CAAC,GACtE,YAAY,IAAI,KAAK,GAAG;EAE1B,OAAO;CACT;CAEA,KAAK,QAAQ,IAAI;CACjB,OAAO;EAAE;EAAS;CAAY;AAChC;AAEA,MAAa,mBACX,MACA,KACA,OAAiB,CAAC,MACL;CACb,KAAK,MAAM,QAAQ,MAAM;EACvB,IAAI,KAAK,QAAQ,KAAK,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC,QAAQ;EAC/C,IAAI,KAAK,UAAU;GACjB,MAAM,QAAQ,gBAAgB,KAAK,UAAU,KAAK,CAAC,GAAG,MAAM,KAAK,GAAG,CAAC;GACrE,IAAI,MAAM,SAAS,KAAK,KAAK,SAAS,MAAM,MAAM,EAAE,QAAQ,GAAG,GAAG,OAAO;EAC3E;CACF;CACA,OAAO,CAAC;AACV"}

package/es/base-ui/Upload/Upload.d.mts

@@ -0,0 +1,6 @@
+import { UploadProps } from "./type.mjs";
+//#region src/base-ui/Upload/Upload.d.ts
+declare const Upload: import("react").NamedExoticComponent<UploadProps>;
+//#endregion
+export { Upload as default };
+//# sourceMappingURL=Upload.d.mts.map

package/es/base-ui/Upload/Upload.mjs

@@ -0,0 +1,148 @@
+"use client";
+import Icon from "../../Icon/Icon.mjs";
+import { filterFilesByAccept } from "./helpers.mjs";
+import { styles } from "./style.mjs";
+import { memo, useCallback, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { Upload } from "lucide-react";
+//#region src/base-ui/Upload/Upload.tsx
+const resolveAcceptedFiles = async (files, beforeUpload) => {
+	if (!beforeUpload) return files;
+	const accepted = [];
+	for (const file of files) {
+		let result;
+		try {
+			result = await beforeUpload(file, files);
+		} catch {
+			result = false;
+		}
+		if (result !== false) accepted.push(file);
+	}
+	return accepted;
+};
+const Upload$1 = memo(({ accept, beforeUpload, children, className, description, directory, disabled, dragger, maxCount, multiple, onChange, onFiles, openFileDialogOnClick = true, ref, style, title, ...rest }) => {
+	const inputRef = useRef(null);
+	const [isDragOver, setIsDragOver] = useState(false);
+	const handleFiles = useCallback(async (rawFiles) => {
+		const filtered = filterFilesByAccept(rawFiles, accept);
+		const accepted = await resolveAcceptedFiles(filtered, beforeUpload);
+		const sliced = maxCount ? accepted.slice(0, maxCount) : accepted;
+		if (sliced.length === 0) return;
+		onFiles?.(sliced);
+		for (const file of sliced) onChange?.({
+			file,
+			fileList: sliced
+		});
+	}, [
+		accept,
+		beforeUpload,
+		maxCount,
+		onFiles,
+		onChange
+	]);
+	const openDialog = useCallback(() => {
+		if (disabled) return;
+		inputRef.current?.click();
+	}, [disabled]);
+	const handleInputChange = useCallback((event) => {
+		const files = event.target.files ? [...event.target.files] : [];
+		event.target.value = "";
+		if (files.length > 0) handleFiles(files);
+	}, [handleFiles]);
+	const handleClick = useCallback((event) => {
+		if (event.target === inputRef.current) return;
+		if (disabled || !openFileDialogOnClick) return;
+		openDialog();
+	}, [
+		disabled,
+		openFileDialogOnClick,
+		openDialog
+	]);
+	const handleKeyDown = useCallback((event) => {
+		if (disabled || !openFileDialogOnClick) return;
+		if (event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			openDialog();
+		}
+	}, [
+		disabled,
+		openFileDialogOnClick,
+		openDialog
+	]);
+	const handleDragOver = useCallback((event) => {
+		event.preventDefault();
+	}, []);
+	const handleDragEnter = useCallback((event) => {
+		event.preventDefault();
+		if (!disabled) setIsDragOver(true);
+	}, [disabled]);
+	const handleDragLeave = useCallback((event) => {
+		event.preventDefault();
+		setIsDragOver(false);
+	}, []);
+	const handleDrop = useCallback((event) => {
+		event.preventDefault();
+		setIsDragOver(false);
+		if (disabled) return;
+		const files = event.dataTransfer.files ? [...event.dataTransfer.files] : [];
+		if (files.length > 0) handleFiles(files);
+	}, [disabled, handleFiles]);
+	const inputEl = /* @__PURE__ */ jsx("input", {
+		accept,
+		disabled,
+		multiple,
+		ref: inputRef,
+		style: { display: "none" },
+		type: "file",
+		onChange: handleInputChange,
+		...directory ? { webkitdirectory: "" } : {}
+	});
+	if (dragger) return /* @__PURE__ */ jsxs("div", {
+		"aria-disabled": disabled,
+		className: cx(styles.dragger, isDragOver && styles.draggerOver, className),
+		ref,
+		role: "button",
+		style,
+		tabIndex: disabled ? -1 : 0,
+		onClick: handleClick,
+		onDragEnter: handleDragEnter,
+		onDragLeave: handleDragLeave,
+		onDragOver: handleDragOver,
+		onDrop: handleDrop,
+		onKeyDown: handleKeyDown,
+		...rest,
+		children: [inputEl, children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			/* @__PURE__ */ jsx(Icon, {
+				className: styles.draggerIcon,
+				icon: Upload,
+				size: 24
+			}),
+			/* @__PURE__ */ jsx("b", {
+				className: styles.draggerTitle,
+				children: title ?? "Click or drag file to this area to upload"
+			}),
+			description && /* @__PURE__ */ jsx("span", {
+				className: styles.draggerDescription,
+				children: description
+			})
+		] })]
+	});
+	return /* @__PURE__ */ jsxs("span", {
+		"aria-disabled": disabled,
+		className: cx(styles.trigger, className),
+		ref,
+		role: "button",
+		style,
+		tabIndex: disabled ? -1 : 0,
+		onClick: handleClick,
+		onKeyDown: handleKeyDown,
+		...rest,
+		children: [inputEl, children]
+	});
+});
+Upload$1.displayName = "Upload";
+//#endregion
+export { Upload$1 as default };
+
+//# sourceMappingURL=Upload.mjs.map

package/es/base-ui/Upload/Upload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Upload.mjs","names":["Upload","UploadIcon"],"sources":["../../../src/base-ui/Upload/Upload.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { Upload as UploadIcon } from 'lucide-react';\r\nimport type { ChangeEvent, DragEvent, KeyboardEvent, MouseEvent, Ref } from 'react';\r\nimport { memo, useCallback, useRef, useState } from 'react';\r\n\r\nimport Icon from '@/Icon';\r\n\r\nimport { filterFilesByAccept } from './helpers';\r\nimport { styles } from './style';\r\nimport type { UploadProps } from './type';\r\n\r\nconst resolveAcceptedFiles = async (\r\n  files: File[],\r\n  beforeUpload: UploadProps['beforeUpload'],\r\n): Promise<File[]> => {\r\n  if (!beforeUpload) return files;\r\n\r\n  const accepted: File[] = [];\r\n  for (const file of files) {\r\n    let result: boolean | void;\r\n    try {\r\n      result = await beforeUpload(file, files);\r\n    } catch {\r\n      result = false;\r\n    }\r\n    if (result !== false) accepted.push(file);\r\n  }\r\n  return accepted;\r\n};\r\n\r\nconst Upload = memo<UploadProps>(\r\n  ({\r\n    accept,\r\n    beforeUpload,\r\n    children,\r\n    className,\r\n    description,\r\n    directory,\r\n    disabled,\r\n    dragger,\r\n    maxCount,\r\n    multiple,\r\n    onChange,\r\n    onFiles,\r\n    openFileDialogOnClick = true,\r\n    ref,\r\n    style,\r\n    title,\r\n    ...rest\r\n  }) => {\r\n    const inputRef = useRef<HTMLInputElement>(null);\r\n    const [isDragOver, setIsDragOver] = useState(false);\r\n\r\n    const handleFiles = useCallback(\r\n      async (rawFiles: File[]) => {\r\n        const filtered = filterFilesByAccept(rawFiles, accept);\r\n        const accepted = await resolveAcceptedFiles(filtered, beforeUpload);\r\n        const sliced = maxCount ? accepted.slice(0, maxCount) : accepted;\r\n\r\n        if (sliced.length === 0) return;\r\n\r\n        onFiles?.(sliced);\r\n        for (const file of sliced) onChange?.({ file, fileList: sliced });\r\n      },\r\n      [accept, beforeUpload, maxCount, onFiles, onChange],\r\n    );\r\n\r\n    const openDialog = useCallback(() => {\r\n      if (disabled) return;\r\n      inputRef.current?.click();\r\n    }, [disabled]);\r\n\r\n    const handleInputChange = useCallback(\r\n      (event: ChangeEvent<HTMLInputElement>) => {\r\n        const files = event.target.files ? [...event.target.files] : [];\r\n        event.target.value = '';\r\n        if (files.length > 0) void handleFiles(files);\r\n      },\r\n      [handleFiles],\r\n    );\r\n\r\n    const handleClick = useCallback(\r\n      (event: MouseEvent) => {\r\n        if (event.target === inputRef.current) return;\r\n        if (disabled || !openFileDialogOnClick) return;\r\n        openDialog();\r\n      },\r\n      [disabled, openFileDialogOnClick, openDialog],\r\n    );\r\n\r\n    const handleKeyDown = useCallback(\r\n      (event: KeyboardEvent) => {\r\n        if (disabled || !openFileDialogOnClick) return;\r\n        if (event.key === 'Enter' || event.key === ' ') {\r\n          event.preventDefault();\r\n          openDialog();\r\n        }\r\n      },\r\n      [disabled, openFileDialogOnClick, openDialog],\r\n    );\r\n\r\n    const handleDragOver = useCallback((event: DragEvent) => {\r\n      event.preventDefault();\r\n    }, []);\r\n\r\n    const handleDragEnter = useCallback(\r\n      (event: DragEvent) => {\r\n        event.preventDefault();\r\n        if (!disabled) setIsDragOver(true);\r\n      },\r\n      [disabled],\r\n    );\r\n\r\n    const handleDragLeave = useCallback((event: DragEvent) => {\r\n      event.preventDefault();\r\n      setIsDragOver(false);\r\n    }, []);\r\n\r\n    const handleDrop = useCallback(\r\n      (event: DragEvent) => {\r\n        event.preventDefault();\r\n        setIsDragOver(false);\r\n        if (disabled) return;\r\n        const files = event.dataTransfer.files ? [...event.dataTransfer.files] : [];\r\n        if (files.length > 0) void handleFiles(files);\r\n      },\r\n      [disabled, handleFiles],\r\n    );\r\n\r\n    const directoryProps: Record<string, string> = directory ? { webkitdirectory: '' } : {};\r\n\r\n    const inputEl = (\r\n      <input\r\n        accept={accept}\r\n        disabled={disabled}\r\n        multiple={multiple}\r\n        ref={inputRef}\r\n        style={{ display: 'none' }}\r\n        type=\"file\"\r\n        onChange={handleInputChange}\r\n        {...directoryProps}\r\n      />\r\n    );\r\n\r\n    if (dragger) {\r\n      return (\r\n        <div\r\n          aria-disabled={disabled}\r\n          className={cx(styles.dragger, isDragOver && styles.draggerOver, className)}\r\n          ref={ref as Ref<HTMLDivElement>}\r\n          role=\"button\"\r\n          style={style}\r\n          tabIndex={disabled ? -1 : 0}\r\n          onClick={handleClick}\r\n          onDragEnter={handleDragEnter}\r\n          onDragLeave={handleDragLeave}\r\n          onDragOver={handleDragOver}\r\n          onDrop={handleDrop}\r\n          onKeyDown={handleKeyDown}\r\n          {...rest}\r\n        >\r\n          {inputEl}\r\n          {children ?? (\r\n            <>\r\n              <Icon className={styles.draggerIcon} icon={UploadIcon} size={24} />\r\n              <b className={styles.draggerTitle}>\r\n                {title ?? 'Click or drag file to this area to upload'}\r\n              </b>\r\n              {description && <span className={styles.draggerDescription}>{description}</span>}\r\n            </>\r\n          )}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <span\r\n        aria-disabled={disabled}\r\n        className={cx(styles.trigger, className)}\r\n        ref={ref as Ref<HTMLSpanElement>}\r\n        role=\"button\"\r\n        style={style}\r\n        tabIndex={disabled ? -1 : 0}\r\n        onClick={handleClick}\r\n        onKeyDown={handleKeyDown}\r\n        {...rest}\r\n      >\r\n        {inputEl}\r\n        {children}\r\n      </span>\r\n    );\r\n  },\r\n);\r\n\r\nUpload.displayName = 'Upload';\r\n\r\nexport default Upload;\r\n"],"mappings":"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"}

package/es/base-ui/Upload/UploadDragger.d.mts

@@ -0,0 +1,6 @@
+import { UploadProps } from "./type.mjs";
+//#region src/base-ui/Upload/UploadDragger.d.ts
+declare const UploadDragger: import("react").NamedExoticComponent<UploadProps>;
+//#endregion
+export { UploadDragger as default };
+//# sourceMappingURL=UploadDragger.d.mts.map

package/es/base-ui/Upload/UploadDragger.mjs

@@ -0,0 +1,14 @@
+"use client";
+import Upload from "./Upload.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/base-ui/Upload/UploadDragger.tsx
+const UploadDragger = memo((props) => /* @__PURE__ */ jsx(Upload, {
+	dragger: true,
+	...props
+}));
+UploadDragger.displayName = "UploadDragger";
+//#endregion
+export { UploadDragger as default };
+
+//# sourceMappingURL=UploadDragger.mjs.map

package/es/base-ui/Upload/UploadDragger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadDragger.mjs","names":[],"sources":["../../../src/base-ui/Upload/UploadDragger.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { memo } from 'react';\r\n\r\nimport type { UploadProps } from './type';\r\nimport Upload from './Upload';\r\n\r\nconst UploadDragger = memo<UploadProps>((props) => <Upload dragger {...props} />);\r\n\r\nUploadDragger.displayName = 'UploadDragger';\r\n\r\nexport default UploadDragger;\r\n"],"mappings":";;;;;AAOA,MAAM,gBAAgB,MAAmB,UAAU,oBAAC,QAAD;CAAQ,SAAA;CAAQ,GAAI;AAAQ,CAAA,CAAC;AAEhF,cAAc,cAAc"}

package/es/base-ui/Upload/helpers.mjs

@@ -0,0 +1,17 @@
+//#region src/base-ui/Upload/helpers.ts
+const matchesAccept = (file, accept) => {
+	const patterns = accept?.split(",").map((pattern) => pattern.trim().toLowerCase()).filter(Boolean);
+	if (!patterns || patterns.length === 0) return true;
+	const fileName = file.name.toLowerCase();
+	const fileType = (file.type || "").toLowerCase();
+	return patterns.some((pattern) => {
+		if (pattern.startsWith(".")) return fileName.endsWith(pattern);
+		if (pattern.endsWith("/*")) return fileType.startsWith(pattern.slice(0, -1));
+		return fileType === pattern;
+	});
+};
+const filterFilesByAccept = (files, accept) => accept ? files.filter((file) => matchesAccept(file, accept)) : files;
+//#endregion
+export { filterFilesByAccept, matchesAccept };
+
+//# sourceMappingURL=helpers.mjs.map

package/es/base-ui/Upload/helpers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../src/base-ui/Upload/helpers.ts"],"sourcesContent":["export const matchesAccept = (file: File, accept?: string): boolean => {\r\n  const patterns = accept\r\n    ?.split(',')\r\n    .map((pattern) => pattern.trim().toLowerCase())\r\n    .filter(Boolean);\r\n\r\n  if (!patterns || patterns.length === 0) return true;\r\n\r\n  const fileName = file.name.toLowerCase();\r\n  const fileType = (file.type || '').toLowerCase();\r\n\r\n  return patterns.some((pattern) => {\r\n    if (pattern.startsWith('.')) return fileName.endsWith(pattern);\r\n    if (pattern.endsWith('/*')) return fileType.startsWith(pattern.slice(0, -1));\r\n    return fileType === pattern;\r\n  });\r\n};\r\n\r\nexport const filterFilesByAccept = (files: File[], accept?: string): File[] =>\r\n  accept ? files.filter((file) => matchesAccept(file, accept)) : files;\r\n"],"mappings":";AAAA,MAAa,iBAAiB,MAAY,WAA6B;CACrE,MAAM,WAAW,QACb,MAAM,GAAG,CAAC,CACX,KAAK,YAAY,QAAQ,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAC9C,OAAO,OAAO;CAEjB,IAAI,CAAC,YAAY,SAAS,WAAW,GAAG,OAAO;CAE/C,MAAM,WAAW,KAAK,KAAK,YAAY;CACvC,MAAM,YAAY,KAAK,QAAQ,GAAA,CAAI,YAAY;CAE/C,OAAO,SAAS,MAAM,YAAY;EAChC,IAAI,QAAQ,WAAW,GAAG,GAAG,OAAO,SAAS,SAAS,OAAO;EAC7D,IAAI,QAAQ,SAAS,IAAI,GAAG,OAAO,SAAS,WAAW,QAAQ,MAAM,GAAG,EAAE,CAAC;EAC3E,OAAO,aAAa;CACtB,CAAC;AACH;AAEA,MAAa,uBAAuB,OAAe,WACjD,SAAS,MAAM,QAAQ,SAAS,cAAc,MAAM,MAAM,CAAC,IAAI"}

package/es/base-ui/Upload/index.d.mts

@@ -0,0 +1,4 @@
+import { UploadChangeInfo, UploadProps } from "./type.mjs";
+import Upload from "./Upload.mjs";
+import UploadDragger from "./UploadDragger.mjs";
+export { type UploadChangeInfo, UploadDragger, type UploadProps, Upload as default };