@lobehub/ui 3.4.2 → 3.4.3

package/es/ScrollShadow/style.mjs

@@ -0,0 +1,64 @@
+import { createStyles } from "antd-style";
+
+//#region src/ScrollShadow/style.ts
+const useStyles = createStyles(({ css: css$1 }, size) => {
+	const shadowSize = size + "%";
+	return {
+		bottomShadow: css$1`
+      mask-image: linear-gradient(180deg, #000 calc(100% - ${shadowSize}), transparent);
+    `,
+		hideScrollBar: css$1`
+      scrollbar-width: none;
+
+      -ms-overflow-style: none;
+
+      &::-webkit-scrollbar {
+        display: none;
+      }
+    `,
+		horizontal: css$1`
+      overflow-x: auto;
+    `,
+		leftRightShadow: css$1`
+      mask-image: linear-gradient(
+        to right,
+        #000,
+        #000,
+        transparent 0,
+        #000 ${shadowSize},
+        #000 calc(100% - ${shadowSize}),
+        transparent
+      );
+    `,
+		leftShadow: css$1`
+      mask-image: linear-gradient(270deg, #000 calc(100% - ${shadowSize}), transparent);
+    `,
+		rightShadow: css$1`
+      mask-image: linear-gradient(90deg, #000 calc(100% - ${shadowSize}), transparent);
+    `,
+		root: css$1`
+      position: relative;
+      overflow: hidden;
+    `,
+		topBottomShadow: css$1`
+      mask-image: linear-gradient(
+        #000,
+        #000,
+        transparent 0,
+        #000 ${shadowSize},
+        #000 calc(100% - ${shadowSize}),
+        transparent
+      );
+    `,
+		topShadow: css$1`
+      mask-image: linear-gradient(0deg, #000 calc(100% - ${shadowSize}), transparent);
+    `,
+		vertical: css$1`
+      overflow-y: auto;
+    `
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/ScrollShadow/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/ScrollShadow/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css }, size: number) => {\n  const shadowSize = size + '%';\n  return {\n    bottomShadow: css`\n      mask-image: linear-gradient(180deg, #000 calc(100% - ${shadowSize}), transparent);\n    `,\n    hideScrollBar: css`\n      scrollbar-width: none;\n\n      -ms-overflow-style: none;\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    `,\n    horizontal: css`\n      overflow-x: auto;\n    `,\n\n    leftRightShadow: css`\n      mask-image: linear-gradient(\n        to right,\n        #000,\n        #000,\n        transparent 0,\n        #000 ${shadowSize},\n        #000 calc(100% - ${shadowSize}),\n        transparent\n      );\n    `,\n\n    // 水平滚动阴影\n    leftShadow: css`\n      mask-image: linear-gradient(270deg, #000 calc(100% - ${shadowSize}), transparent);\n    `,\n\n    rightShadow: css`\n      mask-image: linear-gradient(90deg, #000 calc(100% - ${shadowSize}), transparent);\n    `,\n\n    root: css`\n      position: relative;\n      overflow: hidden;\n    `,\n\n    topBottomShadow: css`\n      mask-image: linear-gradient(\n        #000,\n        #000,\n        transparent 0,\n        #000 ${shadowSize},\n        #000 calc(100% - ${shadowSize}),\n        transparent\n      );\n    `,\n\n    // 垂直滚动阴影\n    topShadow: css`\n      mask-image: linear-gradient(0deg, #000 calc(100% - ${shadowSize}), transparent);\n    `,\n\n    vertical: css`\n      overflow-y: auto;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,cAAO,SAAiB;CAC/D,MAAM,aAAa,OAAO;AAC1B,QAAO;EACL,cAAc,KAAG;6DACwC,WAAW;;EAEpE,eAAe,KAAG;;;;;;;;;EASlB,YAAY,KAAG;;;EAIf,iBAAiB,KAAG;;;;;;eAMT,WAAW;2BACC,WAAW;;;;EAMlC,YAAY,KAAG;6DAC0C,WAAW;;EAGpE,aAAa,KAAG;4DACwC,WAAW;;EAGnE,MAAM,KAAG;;;;EAKT,iBAAiB,KAAG;;;;;eAKT,WAAW;2BACC,WAAW;;;;EAMlC,WAAW,KAAG;2DACyC,WAAW;;EAGlE,UAAU,KAAG;;;EAGd;EACD"}

package/es/ScrollShadow/type.d.mts

@@ -0,0 +1,23 @@
+import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
+import { Ref } from "react";
+
+//#region src/ScrollShadow/type.d.ts
+interface ScrollShadowProps extends FlexboxProps {
+  hideScrollBar?: boolean;
+  isEnabled?: boolean;
+  offset?: number;
+  onVisibilityChange?: (visibility: {
+    bottom?: boolean;
+    left?: boolean;
+    right?: boolean;
+    top?: boolean;
+  }) => void;
+  orientation?: 'vertical' | 'horizontal';
+  ref?: Ref<HTMLDivElement>;
+  size?: number;
+  visibility?: 'auto' | 'always' | 'never';
+}
+//#endregion
+export { ScrollShadowProps };
+//# sourceMappingURL=type.d.mts.map

package/es/ScrollShadow/useScrollOverflow.mjs

@@ -0,0 +1,56 @@
+import { useEffect, useState } from "react";
+
+//#region src/ScrollShadow/useScrollOverflow.ts
+const useScrollOverflow = ({ domRef, offset = 0, orientation = "vertical", isEnabled = true, onVisibilityChange, updateDeps = [] }) => {
+	const [scrollState, setScrollState] = useState({
+		bottom: false,
+		left: false,
+		right: false,
+		top: false
+	});
+	useEffect(() => {
+		const element = domRef.current;
+		if (!element || !isEnabled) return;
+		const checkScroll = () => {
+			const newState = { ...scrollState };
+			if (orientation === "vertical") if (element.scrollHeight > element.clientHeight) {
+				newState.top = element.scrollTop > offset;
+				newState.bottom = element.scrollTop + element.clientHeight < element.scrollHeight - offset;
+			} else {
+				newState.top = false;
+				newState.bottom = false;
+			}
+			else if (element.scrollWidth > element.clientWidth) {
+				newState.left = element.scrollLeft > offset;
+				newState.right = element.scrollLeft + element.clientWidth < element.scrollWidth - offset;
+			} else {
+				newState.left = false;
+				newState.right = false;
+			}
+			setScrollState(newState);
+			onVisibilityChange?.(newState);
+		};
+		checkScroll();
+		element.addEventListener("scroll", checkScroll);
+		window.addEventListener("resize", checkScroll);
+		const resizeObserver = new ResizeObserver(checkScroll);
+		resizeObserver.observe(element);
+		return () => {
+			element.removeEventListener("scroll", checkScroll);
+			window.removeEventListener("resize", checkScroll);
+			resizeObserver.disconnect();
+		};
+	}, [
+		domRef,
+		offset,
+		orientation,
+		isEnabled,
+		onVisibilityChange,
+		...updateDeps
+	]);
+	return scrollState;
+};
+
+//#endregion
+export { useScrollOverflow };
+//# sourceMappingURL=useScrollOverflow.mjs.map

package/es/ScrollShadow/useScrollOverflow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollOverflow.mjs","names":[],"sources":["../../src/ScrollShadow/useScrollOverflow.ts"],"sourcesContent":["import { RefObject, useEffect, useState } from 'react';\n\ninterface UseScrollOverflowProps {\n  domRef: RefObject<HTMLElement | null>;\n  isEnabled?: boolean;\n  offset?: number;\n  onVisibilityChange?: (visibility: {\n    bottom?: boolean;\n    left?: boolean;\n    right?: boolean;\n    top?: boolean;\n  }) => void;\n  orientation?: 'vertical' | 'horizontal';\n  updateDeps?: any[];\n}\n\nexport const useScrollOverflow = ({\n  domRef,\n  offset = 0,\n  orientation = 'vertical',\n  isEnabled = true,\n  onVisibilityChange,\n  updateDeps = [],\n}: UseScrollOverflowProps) => {\n  const [scrollState, setScrollState] = useState({\n    bottom: false,\n    left: false,\n    right: false,\n    top: false,\n  });\n\n  useEffect(() => {\n    const element = domRef.current;\n    if (!element || !isEnabled) return;\n\n    const checkScroll = () => {\n      const newState = { ...scrollState };\n\n      if (orientation === 'vertical') {\n        const hasVerticalScroll = element.scrollHeight > element.clientHeight;\n\n        if (hasVerticalScroll) {\n          newState.top = element.scrollTop > offset;\n          newState.bottom =\n            element.scrollTop + element.clientHeight < element.scrollHeight - offset;\n        } else {\n          newState.top = false;\n          newState.bottom = false;\n        }\n      } else {\n        const hasHorizontalScroll = element.scrollWidth > element.clientWidth;\n\n        if (hasHorizontalScroll) {\n          newState.left = element.scrollLeft > offset;\n          newState.right = element.scrollLeft + element.clientWidth < element.scrollWidth - offset;\n        } else {\n          newState.left = false;\n          newState.right = false;\n        }\n      }\n\n      setScrollState(newState);\n      onVisibilityChange?.(newState);\n    };\n\n    // 初始检查\n    checkScroll();\n\n    // 监听滚动事件\n    element.addEventListener('scroll', checkScroll);\n    window.addEventListener('resize', checkScroll);\n\n    // 观察内容变化\n    const resizeObserver = new ResizeObserver(checkScroll);\n    resizeObserver.observe(element);\n\n    return () => {\n      element.removeEventListener('scroll', checkScroll);\n      window.removeEventListener('resize', checkScroll);\n      resizeObserver.disconnect();\n    };\n  }, [domRef, offset, orientation, isEnabled, onVisibilityChange, ...updateDeps]);\n\n  return scrollState;\n};\n"],"mappings":";;;AAgBA,MAAa,qBAAqB,EAChC,QACA,SAAS,GACT,cAAc,YACd,YAAY,MACZ,oBACA,aAAa,EAAE,OACa;CAC5B,MAAM,CAAC,aAAa,kBAAkB,SAAS;EAC7C,QAAQ;EACR,MAAM;EACN,OAAO;EACP,KAAK;EACN,CAAC;AAEF,iBAAgB;EACd,MAAM,UAAU,OAAO;AACvB,MAAI,CAAC,WAAW,CAAC,UAAW;EAE5B,MAAM,oBAAoB;GACxB,MAAM,WAAW,EAAE,GAAG,aAAa;AAEnC,OAAI,gBAAgB,WAGlB,KAF0B,QAAQ,eAAe,QAAQ,cAElC;AACrB,aAAS,MAAM,QAAQ,YAAY;AACnC,aAAS,SACP,QAAQ,YAAY,QAAQ,eAAe,QAAQ,eAAe;UAC/D;AACL,aAAS,MAAM;AACf,aAAS,SAAS;;YAGQ,QAAQ,cAAc,QAAQ,aAEjC;AACvB,aAAS,OAAO,QAAQ,aAAa;AACrC,aAAS,QAAQ,QAAQ,aAAa,QAAQ,cAAc,QAAQ,cAAc;UAC7E;AACL,aAAS,OAAO;AAChB,aAAS,QAAQ;;AAIrB,kBAAe,SAAS;AACxB,wBAAqB,SAAS;;AAIhC,eAAa;AAGb,UAAQ,iBAAiB,UAAU,YAAY;AAC/C,SAAO,iBAAiB,UAAU,YAAY;EAG9C,MAAM,iBAAiB,IAAI,eAAe,YAAY;AACtD,iBAAe,QAAQ,QAAQ;AAE/B,eAAa;AACX,WAAQ,oBAAoB,UAAU,YAAY;AAClD,UAAO,oBAAoB,UAAU,YAAY;AACjD,kBAAe,YAAY;;IAE5B;EAAC;EAAQ;EAAQ;EAAa;EAAW;EAAoB,GAAG;EAAW,CAAC;AAE/E,QAAO"}

package/es/SearchBar/SearchBar.d.mts

@@ -0,0 +1,8 @@
+import { SearchBarProps } from "./type.mjs";
+import * as react51 from "react";
+
+//#region src/SearchBar/SearchBar.d.ts
+declare const SearchBar: react51.NamedExoticComponent<SearchBarProps>;
+//#endregion
+export { SearchBar };
+//# sourceMappingURL=SearchBar.d.mts.map

package/es/SearchBar/SearchBar.mjs

@@ -0,0 +1,85 @@
+'use client';
+
+import Icon_default from "../Icon/Icon.mjs";
+import Hotkey_default from "../Hotkey/Hotkey.mjs";
+import Input_default from "../Input/Input.mjs";
+import Spotlight_default from "../awesome/Spotlight/Spotlight.mjs";
+import { useStyles } from "./style.mjs";
+import { memo, useMemo, useRef, useState } from "react";
+import useMergeState from "use-merge-value";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { LucideLoader2, Search } from "lucide-react";
+import { useHotkeys } from "react-hotkeys-hook";
+
+//#region src/SearchBar/SearchBar.tsx
+const SearchBar = memo(({ defaultValue = "", spotlight, className, value, onInputChange, placeholder, enableShortKey, shortKey = "mod+k", onSearch, loading, style, onChange, onBlur, onPressEnter, onFocus, styles: { input: inputStyle, shortKey: shortKeyStyle } = {}, classNames: { input: inputClassName, shortKey: shortKeyClassName } = {}, ...rest }) => {
+	const [inputValue, setInputValue] = useMergeState(defaultValue, {
+		defaultValue,
+		onChange: onInputChange,
+		value
+	});
+	const [showTag, setShowTag] = useState(true);
+	const { styles, cx } = useStyles();
+	const inputReference = useRef(null);
+	const hotkey = useMemo(() => shortKey.includes("+") ? shortKey : `mod+${shortKey}`, [shortKey]);
+	useHotkeys(hotkey, () => {
+		if (!enableShortKey) return;
+		inputReference.current?.focus();
+	}, {
+		enableOnFormTags: true,
+		enabled: !!enableShortKey && !!shortKey,
+		preventDefault: true
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(styles.search, className),
+		style,
+		children: [
+			spotlight && /* @__PURE__ */ jsx(Spotlight_default, {}),
+			/* @__PURE__ */ jsx(Input_default, {
+				allowClear: true,
+				className: inputClassName,
+				onBlur: (e) => {
+					onBlur?.(e);
+					setInputValue(e.target.value);
+					setShowTag(true);
+				},
+				onChange: (e) => {
+					setInputValue(e.target.value);
+					onChange?.(e);
+				},
+				onFocus: (e) => {
+					onFocus?.(e);
+					setShowTag(false);
+				},
+				onPressEnter: (e) => {
+					onPressEnter?.(e);
+					onSearch?.(inputValue);
+				},
+				placeholder: placeholder ?? "Type keywords...",
+				prefix: /* @__PURE__ */ jsx(Icon_default, {
+					className: styles.icon,
+					icon: loading ? LucideLoader2 : Search,
+					size: "small",
+					spin: loading,
+					style: { marginRight: 4 }
+				}),
+				ref: inputReference,
+				style: inputStyle,
+				value: inputValue,
+				...rest
+			}),
+			enableShortKey && showTag && !inputValue && /* @__PURE__ */ jsx(Hotkey_default, {
+				className: cx(styles.tag, shortKeyClassName),
+				compact: true,
+				keys: hotkey,
+				style: shortKeyStyle
+			})
+		]
+	});
+});
+SearchBar.displayName = "SearchBar";
+var SearchBar_default = SearchBar;
+
+//#endregion
+export { SearchBar_default as default };
+//# sourceMappingURL=SearchBar.mjs.map

package/es/SearchBar/SearchBar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.mjs","names":["useControlledState","inputReference: any","Spotlight","Input","Icon","Hotkey"],"sources":["../../src/SearchBar/SearchBar.tsx"],"sourcesContent":["'use client';\n\nimport { LucideLoader2, Search } from 'lucide-react';\nimport { memo, useMemo, useRef, useState } from 'react';\nimport { useHotkeys } from 'react-hotkeys-hook';\nimport useControlledState from 'use-merge-value';\n\nimport Hotkey from '@/Hotkey';\nimport Icon from '@/Icon';\nimport Input from '@/Input';\nimport Spotlight from '@/awesome/Spotlight';\n\nimport { useStyles } from './style';\nimport type { SearchBarProps } from './type';\n\nconst SearchBar = memo<SearchBarProps>(\n  ({\n    defaultValue = '',\n    spotlight,\n    className,\n    value,\n    onInputChange,\n    placeholder,\n    enableShortKey,\n    shortKey = 'mod+k',\n    onSearch,\n    loading,\n    style,\n    onChange,\n    onBlur,\n    onPressEnter,\n    onFocus,\n    styles: { input: inputStyle, shortKey: shortKeyStyle } = {},\n    classNames: { input: inputClassName, shortKey: shortKeyClassName } = {},\n    ...rest\n  }) => {\n    const [inputValue, setInputValue] = useControlledState(defaultValue, {\n      defaultValue,\n      onChange: onInputChange,\n      value,\n    });\n\n    const [showTag, setShowTag] = useState<boolean>(true);\n    const { styles, cx } = useStyles();\n    const inputReference: any = useRef<HTMLInputElement>(null);\n    const hotkey = useMemo(\n      () => (shortKey.includes('+') ? shortKey : `mod+${shortKey}`),\n      [shortKey],\n    );\n\n    useHotkeys(\n      hotkey,\n      () => {\n        if (!enableShortKey) return;\n        inputReference.current?.focus();\n      },\n      {\n        enableOnFormTags: true,\n        enabled: !!enableShortKey && !!shortKey,\n        preventDefault: true,\n      },\n    );\n\n    return (\n      <div className={cx(styles.search, className)} style={style}>\n        {spotlight && <Spotlight />}\n        <Input\n          allowClear\n          className={inputClassName}\n          onBlur={(e) => {\n            onBlur?.(e);\n            setInputValue(e.target.value);\n            setShowTag(true);\n          }}\n          onChange={(e) => {\n            setInputValue(e.target.value);\n            onChange?.(e);\n          }}\n          onFocus={(e) => {\n            onFocus?.(e);\n            setShowTag(false);\n          }}\n          onPressEnter={(e) => {\n            onPressEnter?.(e);\n            onSearch?.(inputValue);\n          }}\n          placeholder={placeholder ?? 'Type keywords...'}\n          prefix={\n            <Icon\n              className={styles.icon}\n              icon={loading ? LucideLoader2 : Search}\n              size=\"small\"\n              spin={loading}\n              style={{ marginRight: 4 }}\n            />\n          }\n          ref={inputReference}\n          style={inputStyle}\n          value={inputValue}\n          {...rest}\n        />\n        {enableShortKey && showTag && !inputValue && (\n          <Hotkey\n            className={cx(styles.tag, shortKeyClassName)}\n            compact\n            keys={hotkey}\n            style={shortKeyStyle}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nSearchBar.displayName = 'SearchBar';\n\nexport default SearchBar;\n"],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,YAAY,MACf,EACC,eAAe,IACf,WACA,WACA,OACA,eACA,aACA,gBACA,WAAW,SACX,UACA,SACA,OACA,UACA,QACA,cACA,SACA,QAAQ,EAAE,OAAO,YAAY,UAAU,kBAAkB,EAAE,EAC3D,YAAY,EAAE,OAAO,gBAAgB,UAAU,sBAAsB,EAAE,EACvE,GAAG,WACC;CACJ,MAAM,CAAC,YAAY,iBAAiBA,cAAmB,cAAc;EACnE;EACA,UAAU;EACV;EACD,CAAC;CAEF,MAAM,CAAC,SAAS,cAAc,SAAkB,KAAK;CACrD,MAAM,EAAE,QAAQ,OAAO,WAAW;CAClC,MAAMC,iBAAsB,OAAyB,KAAK;CAC1D,MAAM,SAAS,cACN,SAAS,SAAS,IAAI,GAAG,WAAW,OAAO,YAClD,CAAC,SAAS,CACX;AAED,YACE,cACM;AACJ,MAAI,CAAC,eAAgB;AACrB,iBAAe,SAAS,OAAO;IAEjC;EACE,kBAAkB;EAClB,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC;EAC/B,gBAAgB;EACjB,CACF;AAED,QACE,qBAAC;EAAI,WAAW,GAAG,OAAO,QAAQ,UAAU;EAAS;;GAClD,aAAa,oBAACC,sBAAY;GAC3B,oBAACC;IACC;IACA,WAAW;IACX,SAAS,MAAM;AACb,cAAS,EAAE;AACX,mBAAc,EAAE,OAAO,MAAM;AAC7B,gBAAW,KAAK;;IAElB,WAAW,MAAM;AACf,mBAAc,EAAE,OAAO,MAAM;AAC7B,gBAAW,EAAE;;IAEf,UAAU,MAAM;AACd,eAAU,EAAE;AACZ,gBAAW,MAAM;;IAEnB,eAAe,MAAM;AACnB,oBAAe,EAAE;AACjB,gBAAW,WAAW;;IAExB,aAAa,eAAe;IAC5B,QACE,oBAACC;KACC,WAAW,OAAO;KAClB,MAAM,UAAU,gBAAgB;KAChC,MAAK;KACL,MAAM;KACN,OAAO,EAAE,aAAa,GAAG;MACzB;IAEJ,KAAK;IACL,OAAO;IACP,OAAO;IACP,GAAI;KACJ;GACD,kBAAkB,WAAW,CAAC,cAC7B,oBAACC;IACC,WAAW,GAAG,OAAO,KAAK,kBAAkB;IAC5C;IACA,MAAM;IACN,OAAO;KACP;;GAEA;EAGX;AAED,UAAU,cAAc;AAExB,wBAAe"}

package/es/SearchBar/index.d.mts

@@ -0,0 +1,3 @@
+import { SearchBarProps } from "./type.mjs";
+import { SearchBar } from "./SearchBar.mjs";
+export { SearchBarProps, SearchBar as default };

package/es/SearchBar/index.mjs

@@ -0,0 +1,3 @@
+import SearchBar_default from "./SearchBar.mjs";
+
+export { SearchBar_default as default };

package/es/SearchBar/style.mjs

@@ -0,0 +1,28 @@
+import { createStyles } from "antd-style";
+
+//#region src/SearchBar/style.ts
+const useStyles = createStyles(({ css: css$1, token, stylish, cx: cx$1 }) => ({
+	icon: css$1`
+    color: ${token.colorTextPlaceholder};
+  `,
+	search: css$1`
+    position: relative;
+    max-width: 100%;
+  `,
+	tag: cx$1(stylish.blur, css$1`
+      position: absolute;
+      inset-block-start: 50%;
+      inset-inline-end: 6px;
+      transform: translateY(-50%);
+
+      color: ${token.colorTextDescription};
+
+      kbd {
+        color: inherit;
+      }
+    `)
+}));
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/SearchBar/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["cx"],"sources":["../../src/SearchBar/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css, token, stylish, cx }) => ({\n  icon: css`\n    color: ${token.colorTextPlaceholder};\n  `,\n  search: css`\n    position: relative;\n    max-width: 100%;\n  `,\n  tag: cx(\n    stylish.blur,\n    css`\n      position: absolute;\n      inset-block-start: 50%;\n      inset-inline-end: 6px;\n      transform: translateY(-50%);\n\n      color: ${token.colorTextDescription};\n\n      kbd {\n        color: inherit;\n      }\n    `,\n  ),\n}));\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,YAAK,OAAO,SAAS,gBAAU;CACtE,MAAM,KAAG;aACE,MAAM,qBAAqB;;CAEtC,QAAQ,KAAG;;;;CAIX,KAAKA,KACH,QAAQ,MACR,KAAG;;;;;;eAMQ,MAAM,qBAAqB;;;;;MAMvC;CACF,EAAE"}

package/es/SearchBar/type.d.mts

@@ -0,0 +1,26 @@
+import { InputProps } from "../Input/type.mjs";
+import "../Input/index.mjs";
+import { CSSProperties } from "react";
+
+//#region src/SearchBar/type.d.ts
+interface SearchBarProps extends Omit<InputProps, 'styles' | 'classNames'> {
+  classNames?: {
+    input?: string;
+    shortKey?: string;
+  };
+  defaultValue?: string;
+  enableShortKey?: boolean;
+  loading?: boolean;
+  onInputChange?: (value: string) => void;
+  onSearch?: (value: string) => void;
+  shortKey?: string;
+  spotlight?: boolean;
+  styles?: {
+    input?: CSSProperties;
+    shortKey?: CSSProperties;
+  };
+  value?: string;
+}
+//#endregion
+export { SearchBarProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Segmented/Segmented.d.mts

@@ -0,0 +1,8 @@
+import { SegmentedProps } from "./type.mjs";
+import * as react0 from "react";
+
+//#region src/Segmented/Segmented.d.ts
+declare const Segmented: react0.NamedExoticComponent<SegmentedProps>;
+//#endregion
+export { Segmented };
+//# sourceMappingURL=Segmented.d.mts.map

package/es/Segmented/Segmented.mjs

@@ -0,0 +1,52 @@
+'use client';
+
+import { useStyles } from "./style.mjs";
+import { Segmented } from "antd";
+import { memo, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/Segmented/Segmented.tsx
+const Segmented$1 = memo(({ ref, padding, style, className, variant = "filled", shadow, glass, ...rest }) => {
+	const { cx, styles } = useStyles();
+	return /* @__PURE__ */ jsx(Segmented, {
+		className: cx(useMemo(() => cva(styles.root, {
+			defaultVariants: {
+				glass: false,
+				shadow: false,
+				variant: "filled"
+			},
+			variants: {
+				variant: {
+					filled: styles.filled,
+					outlined: styles.outlined,
+					borderless: styles.borderless
+				},
+				glass: {
+					false: null,
+					true: styles.glass
+				},
+				shadow: {
+					false: null,
+					true: styles.shadow
+				}
+			}
+		}), [styles])({
+			glass,
+			shadow,
+			variant
+		}), className),
+		ref,
+		style: {
+			padding,
+			...style
+		},
+		...rest
+	});
+});
+Segmented$1.displayName = "Segmented";
+var Segmented_default = Segmented$1;
+
+//#endregion
+export { Segmented_default as default };
+//# sourceMappingURL=Segmented.mjs.map

package/es/Segmented/Segmented.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Segmented.mjs","names":["Segmented","AntdSegmented"],"sources":["../../src/Segmented/Segmented.tsx"],"sourcesContent":["'use client';\n\nimport { Segmented as AntdSegmented } from 'antd';\nimport { cva } from 'class-variance-authority';\nimport { memo, useMemo } from 'react';\n\nimport { useStyles } from './style';\nimport type { SegmentedProps } from './type';\n\nconst Segmented = memo<SegmentedProps>(\n  ({ ref, padding, style, className, variant = 'filled', shadow, glass, ...rest }) => {\n    const { cx, styles } = useStyles();\n    const variants = useMemo(\n      () =>\n        cva(styles.root, {\n          defaultVariants: {\n            glass: false,\n            shadow: false,\n            variant: 'filled',\n          },\n          /* eslint-disable sort-keys-fix/sort-keys-fix */\n          variants: {\n            variant: {\n              filled: styles.filled,\n              outlined: styles.outlined,\n              borderless: styles.borderless,\n            },\n            glass: {\n              false: null,\n              true: styles.glass,\n            },\n            shadow: {\n              false: null,\n              true: styles.shadow,\n            },\n          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    return (\n      <AntdSegmented\n        className={cx(variants({ glass, shadow, variant }), className)}\n        ref={ref}\n        style={{\n          padding,\n          ...style,\n        }}\n        {...rest}\n      />\n    );\n  },\n);\n\nSegmented.displayName = 'Segmented';\n\nexport default Segmented;\n"],"mappings":";;;;;;;;;AASA,MAAMA,cAAY,MACf,EAAE,KAAK,SAAS,OAAO,WAAW,UAAU,UAAU,QAAQ,OAAO,GAAG,WAAW;CAClF,MAAM,EAAE,IAAI,WAAW,WAAW;AA8BlC,QACE,oBAACC;EACC,WAAW,GA/BE,cAEb,IAAI,OAAO,MAAM;GACf,iBAAiB;IACf,OAAO;IACP,QAAQ;IACR,SAAS;IACV;GAED,UAAU;IACR,SAAS;KACP,QAAQ,OAAO;KACf,UAAU,OAAO;KACjB,YAAY,OAAO;KACpB;IACD,OAAO;KACL,OAAO;KACP,MAAM,OAAO;KACd;IACD,QAAQ;KACN,OAAO;KACP,MAAM,OAAO;KACd;IACF;GAEF,CAAC,EACJ,CAAC,OAAO,CACT,CAI0B;GAAE;GAAO;GAAQ;GAAS,CAAC,EAAE,UAAU;EACzD;EACL,OAAO;GACL;GACA,GAAG;GACJ;EACD,GAAI;GACJ;EAGP;AAED,YAAU,cAAc;AAExB,wBAAeD"}

package/es/Segmented/index.d.mts

@@ -0,0 +1,3 @@
+import { SegmentedProps } from "./type.mjs";
+import { Segmented } from "./Segmented.mjs";
+export { SegmentedProps, Segmented as default };

package/es/Segmented/index.mjs

@@ -0,0 +1,3 @@
+import Segmented_default from "./Segmented.mjs";
+
+export { Segmented_default as default };

package/es/Segmented/style.mjs

@@ -0,0 +1,23 @@
+import { createStyles } from "antd-style";
+
+//#region src/Segmented/style.ts
+const useStyles = createStyles(({ css: css$1, stylish, token }) => {
+	return {
+		borderless: stylish.variantBorderlessWithoutHover,
+		filled: css$1`
+      background: ${token.colorBgLayout};
+      border: 1px solid ${token.colorFillQuaternary};
+    `,
+		glass: stylish.blur,
+		outlined: css$1`
+      background: transparent;
+      border: 1px solid ${token.colorBorderSecondary};
+    `,
+		root: css$1``,
+		shadow: stylish.shadow
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/Segmented/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Segmented/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css, stylish, token }) => {\n  return {\n    borderless: stylish.variantBorderlessWithoutHover,\n    filled: css`\n      background: ${token.colorBgLayout};\n      border: 1px solid ${token.colorFillQuaternary};\n    `,\n    glass: stylish.blur,\n    outlined: css`\n      background: transparent;\n      border: 1px solid ${token.colorBorderSecondary};\n    `,\n    root: css``,\n    shadow: stylish.shadow,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,YAAK,SAAS,YAAY;AACjE,QAAO;EACL,YAAY,QAAQ;EACpB,QAAQ,KAAG;oBACK,MAAM,cAAc;0BACd,MAAM,oBAAoB;;EAEhD,OAAO,QAAQ;EACf,UAAU,KAAG;;0BAES,MAAM,qBAAqB;;EAEjD,MAAM,KAAG;EACT,QAAQ,QAAQ;EACjB;EACD"}

package/es/Segmented/type.d.mts

@@ -0,0 +1,17 @@
+import { IconProps } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
+import { SegmentedProps } from "antd";
+import { Ref } from "react";
+
+//#region src/Segmented/type.d.ts
+interface SegmentedProps$1 extends SegmentedProps {
+  glass?: boolean;
+  iconProps?: Omit<IconProps, 'icon'>;
+  padding?: string | number;
+  ref?: Ref<HTMLDivElement>;
+  shadow?: boolean;
+  variant?: 'filled' | 'outlined' | 'borderless';
+}
+//#endregion
+export { SegmentedProps$1 as SegmentedProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Select/Select.d.mts

@@ -0,0 +1,8 @@
+import { SelectProps } from "./type.mjs";
+import * as react61 from "react";
+
+//#region src/Select/Select.d.ts
+declare const Input: react61.NamedExoticComponent<SelectProps>;
+//#endregion
+export { Input };
+//# sourceMappingURL=Select.d.mts.map

package/es/Select/Select.mjs

@@ -0,0 +1,52 @@
+'use client';
+
+import Icon_default from "../Icon/Icon.mjs";
+import { useStyles } from "./style.mjs";
+import { Select } from "antd";
+import { memo, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { ChevronDownIcon } from "lucide-react";
+
+//#region src/Select/Select.tsx
+const Input$1 = memo(({ ref, variant, suffixIconProps, suffixIcon, shadow, className, ...rest }) => {
+	const { styles, cx, theme } = useStyles();
+	return /* @__PURE__ */ jsx(Select, {
+		className: cx(useMemo(() => cva(styles.root, {
+			defaultVariants: { shadow: false },
+			variants: {
+				variant: {
+					filled: styles.filled,
+					outlined: styles.outlined,
+					borderless: styles.borderless,
+					underlined: null
+				},
+				shadow: {
+					false: null,
+					true: styles.shadow
+				}
+			}
+		}), [styles])({
+			shadow,
+			variant: variant || (theme.isDarkMode ? "filled" : "outlined")
+		}), className),
+		ref,
+		suffixIcon: /* @__PURE__ */ jsx(Icon_default, {
+			icon: suffixIcon || ChevronDownIcon,
+			size: "small",
+			...suffixIconProps,
+			style: {
+				pointerEvents: "none",
+				...suffixIconProps?.style
+			}
+		}),
+		variant: variant || (theme.isDarkMode ? "filled" : "outlined"),
+		...rest
+	});
+});
+Input$1.displayName = "Input";
+var Select_default = Input$1;
+
+//#endregion
+export { Select_default as default };
+//# sourceMappingURL=Select.mjs.map

package/es/Select/Select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.mjs","names":["Input","AntSelect","Icon"],"sources":["../../src/Select/Select.tsx"],"sourcesContent":["'use client';\n\nimport { Select as AntSelect } from 'antd';\nimport { cva } from 'class-variance-authority';\nimport { ChevronDownIcon } from 'lucide-react';\nimport { memo, useMemo } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { useStyles } from './style';\nimport type { SelectProps } from './type';\n\nconst Input = memo<SelectProps>(\n  ({ ref, variant, suffixIconProps, suffixIcon, shadow, className, ...rest }) => {\n    const { styles, cx, theme } = useStyles();\n\n    const variants = useMemo(\n      () =>\n        cva(styles.root, {\n          defaultVariants: {\n            shadow: false,\n          },\n          /* eslint-disable sort-keys-fix/sort-keys-fix */\n          variants: {\n            variant: {\n              filled: styles.filled,\n              outlined: styles.outlined,\n              borderless: styles.borderless,\n              underlined: null,\n            },\n            shadow: {\n              false: null,\n              true: styles.shadow,\n            },\n          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    return (\n      <AntSelect\n        className={cx(\n          variants({ shadow, variant: variant || (theme.isDarkMode ? 'filled' : 'outlined') }),\n          className,\n        )}\n        ref={ref}\n        suffixIcon={\n          <Icon\n            icon={suffixIcon || ChevronDownIcon}\n            size={'small'}\n            {...suffixIconProps}\n            style={{\n              pointerEvents: 'none',\n              ...suffixIconProps?.style,\n            }}\n          />\n        }\n        variant={variant || (theme.isDarkMode ? 'filled' : 'outlined')}\n        {...rest}\n      />\n    );\n  },\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"mappings":";;;;;;;;;;;AAYA,MAAMA,UAAQ,MACX,EAAE,KAAK,SAAS,iBAAiB,YAAY,QAAQ,WAAW,GAAG,WAAW;CAC7E,MAAM,EAAE,QAAQ,IAAI,UAAU,WAAW;AA0BzC,QACE,oBAACC;EACC,WAAW,GA1BE,cAEb,IAAI,OAAO,MAAM;GACf,iBAAiB,EACf,QAAQ,OACT;GAED,UAAU;IACR,SAAS;KACP,QAAQ,OAAO;KACf,UAAU,OAAO;KACjB,YAAY,OAAO;KACnB,YAAY;KACb;IACD,QAAQ;KACN,OAAO;KACP,MAAM,OAAO;KACd;IACF;GAEF,CAAC,EACJ,CAAC,OAAO,CACT,CAKc;GAAE;GAAQ,SAAS,YAAY,MAAM,aAAa,WAAW;GAAa,CAAC,EACpF,UACD;EACI;EACL,YACE,oBAACC;GACC,MAAM,cAAc;GACpB,MAAM;GACN,GAAI;GACJ,OAAO;IACL,eAAe;IACf,GAAG,iBAAiB;IACrB;IACD;EAEJ,SAAS,YAAY,MAAM,aAAa,WAAW;EACnD,GAAI;GACJ;EAGP;AAED,QAAM,cAAc;AAEpB,qBAAeF"}

package/es/Select/index.d.mts

@@ -0,0 +1,3 @@
+import { SelectProps } from "./type.mjs";
+import { Input } from "./Select.mjs";
+export { SelectProps, Input as default };

package/es/Select/index.mjs

@@ -0,0 +1,3 @@
+import Select_default from "./Select.mjs";
+
+export { Select_default as default };

package/es/Select/style.mjs

@@ -0,0 +1,48 @@
+import { createStyles } from "antd-style";
+
+//#region src/Select/style.ts
+const useStyles = createStyles(({ prefixCls, token, css: css$1, stylish }) => {
+	return {
+		borderless: css$1`
+      &.${prefixCls}-select {
+        > .${prefixCls}-select-selector {
+          ${stylish.variantBorderless}
+        }
+      }
+    `,
+		filled: css$1`
+      &.${prefixCls}-select {
+        > .${prefixCls}-select-selector {
+          ${stylish.variantFilled}
+        }
+      }
+    `,
+		outlined: css$1`
+      &.${prefixCls}-select {
+        > .${prefixCls}-select-selector {
+          ${stylish.variantOutlined}
+        }
+      }
+    `,
+		root: css$1`
+      &.${prefixCls}-select {
+        &.${prefixCls}-select-focused {
+          > .${prefixCls}-select-selector {
+            background: ${token.colorFillTertiary} !important;
+          }
+        }
+      }
+    `,
+		shadow: css$1`
+      &.${prefixCls}-select {
+        > .${prefixCls}-select-selector {
+          ${stylish.shadow}
+        }
+      }
+    `
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/Select/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Select/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ prefixCls, token, css, stylish }) => {\n  return {\n    borderless: css`\n      &.${prefixCls}-select {\n        > .${prefixCls}-select-selector {\n          ${stylish.variantBorderless}\n        }\n      }\n    `,\n    filled: css`\n      &.${prefixCls}-select {\n        > .${prefixCls}-select-selector {\n          ${stylish.variantFilled}\n        }\n      }\n    `,\n    outlined: css`\n      &.${prefixCls}-select {\n        > .${prefixCls}-select-selector {\n          ${stylish.variantOutlined}\n        }\n      }\n    `,\n    root: css`\n      &.${prefixCls}-select {\n        &.${prefixCls}-select-focused {\n          > .${prefixCls}-select-selector {\n            background: ${token.colorFillTertiary} !important;\n          }\n        }\n      }\n    `,\n    shadow: css`\n      &.${prefixCls}-select {\n        > .${prefixCls}-select-selector {\n          ${stylish.shadow}\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,WAAW,OAAO,YAAK,cAAc;AAC5E,QAAO;EACL,YAAY,KAAG;UACT,UAAU;aACP,UAAU;YACX,QAAQ,kBAAkB;;;;EAIlC,QAAQ,KAAG;UACL,UAAU;aACP,UAAU;YACX,QAAQ,cAAc;;;;EAI9B,UAAU,KAAG;UACP,UAAU;aACP,UAAU;YACX,QAAQ,gBAAgB;;;;EAIhC,MAAM,KAAG;UACH,UAAU;YACR,UAAU;eACP,UAAU;0BACC,MAAM,kBAAkB;;;;;EAK9C,QAAQ,KAAG;UACL,UAAU;aACP,UAAU;YACX,QAAQ,OAAO;;;;EAIxB;EACD"}

package/es/Select/type.d.mts

@@ -0,0 +1,15 @@
+import { IconProps } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
+import { RefSelectProps, SelectProps } from "antd";
+import { Ref } from "react";
+
+//#region src/Select/type.d.ts
+interface SelectProps$1 extends Omit<SelectProps, 'suffixIcon'> {
+  ref?: Ref<RefSelectProps>;
+  shadow?: boolean;
+  suffixIcon?: IconProps['icon'];
+  suffixIconProps?: Omit<IconProps, 'icon'>;
+}
+//#endregion
+export { SelectProps$1 as SelectProps };
+//# sourceMappingURL=type.d.mts.map

package/es/SideNav/SideNav.d.mts

@@ -0,0 +1,8 @@
+import { SideNavProps } from "./type.mjs";
+import * as react34 from "react";
+
+//#region src/SideNav/SideNav.d.ts
+declare const SideNav: react34.NamedExoticComponent<SideNavProps>;
+//#endregion
+export { SideNav };
+//# sourceMappingURL=SideNav.d.mts.map