@tiny-design/react 1.0.4

package/lib/_utils/hooks.js

@@ -0,0 +1,35 @@
+require("../_virtual/_rolldown/runtime.js");
+let react = require("react");
+//#region src/_utils/hooks.tsx
+const useEventListener = (eventName, handler, target = window) => {
+	const savedHandler = (0, react.useRef)();
+	(0, react.useEffect)(() => {
+		savedHandler.current = handler;
+	}, [handler]);
+	(0, react.useEffect)(() => {
+		if (!(target && target.addEventListener)) return;
+		const eventListener = (event) => savedHandler.current && savedHandler.current(event);
+		target.addEventListener(eventName, eventListener);
+		return () => {
+			target.removeEventListener(eventName, eventListener);
+		};
+	}, [eventName, target]);
+};
+const useClickOutside = (target, handler) => {
+	(0, react.useEffect)(() => {
+		const listener = (event) => {
+			const el = target.current;
+			if (!el || el.contains(event.target)) return;
+			handler(event);
+		};
+		document.addEventListener("click", listener);
+		return () => {
+			document.removeEventListener("click", listener);
+		};
+	}, [target, handler]);
+};
+//#endregion
+exports.useClickOutside = useClickOutside;
+exports.useEventListener = useEventListener;
+
+//# sourceMappingURL=hooks.js.map

package/lib/_utils/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","names":[],"sources":["../../src/_utils/hooks.tsx"],"sourcesContent":["import { RefObject, useEffect, useRef, useState } from 'react';\nimport { Target } from './dom';\n\nexport const useEventListener = (\n  eventName: keyof HTMLElementEventMap,\n  handler: EventListener,\n  target: Target = window\n): void => {\n  const savedHandler = useRef<EventListener>();\n\n  useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  useEffect(() => {\n    const isSupported = target && target.addEventListener;\n    if (!isSupported) return;\n\n    const eventListener = (event: Event): void =>\n      savedHandler.current && savedHandler.current(event);\n    target.addEventListener(eventName, eventListener);\n    return (): void => {\n      target.removeEventListener(eventName, eventListener);\n    };\n  }, [eventName, target]);\n};\n\nexport const useClickOutside = (target: RefObject<HTMLElement | null>, handler: (event: MouseEvent) => void): void => {\n  useEffect(() => {\n    const listener = (event: MouseEvent): void => {\n      const el = target.current;\n      if (!el || el.contains(event.target as HTMLElement)) {\n        return;\n      }\n      handler(event);\n    };\n    document.addEventListener('click', listener);\n    return (): void => {\n      document.removeEventListener('click', listener);\n    };\n  }, [target, handler]);\n};\n\nexport function useDebounce<T>(value: T, delay = 300): T {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n\n  useEffect(() => {\n    const handler = window.setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return (): void => {\n      window.clearTimeout(handler);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n"],"mappings":";;;AAGA,MAAa,oBACX,WACA,SACA,SAAiB,WACR;CACT,MAAM,gBAAA,GAAA,MAAA,SAAsC;AAE5C,EAAA,GAAA,MAAA,iBAAgB;AACd,eAAa,UAAU;IACtB,CAAC,QAAQ,CAAC;AAEb,EAAA,GAAA,MAAA,iBAAgB;AAEd,MAAI,EADgB,UAAU,OAAO,kBACnB;EAElB,MAAM,iBAAiB,UACrB,aAAa,WAAW,aAAa,QAAQ,MAAM;AACrD,SAAO,iBAAiB,WAAW,cAAc;AACjD,eAAmB;AACjB,UAAO,oBAAoB,WAAW,cAAc;;IAErD,CAAC,WAAW,OAAO,CAAC;;AAGzB,MAAa,mBAAmB,QAAuC,YAA+C;AACpH,EAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,YAAY,UAA4B;GAC5C,MAAM,KAAK,OAAO;AAClB,OAAI,CAAC,MAAM,GAAG,SAAS,MAAM,OAAsB,CACjD;AAEF,WAAQ,MAAM;;AAEhB,WAAS,iBAAiB,SAAS,SAAS;AAC5C,eAAmB;AACjB,YAAS,oBAAoB,SAAS,SAAS;;IAEhD,CAAC,QAAQ,QAAQ,CAAC"}

package/lib/_utils/object.js

@@ -0,0 +1,29 @@
+//#region src/_utils/object.ts
+function deepCopy(target) {
+	if (target === void 0 || target === null) return target;
+	const type = typeof target;
+	if (type === "boolean" || type === "number" || type === "string") return target;
+	if (target instanceof Date) return new Date(target.getTime());
+	if (target instanceof RegExp) return new RegExp(target.source, target.flags);
+	if (target instanceof Map) {
+		const map = /* @__PURE__ */ new Map();
+		target.forEach((val, key) => map.set(deepCopy(key), deepCopy(val)));
+		return map;
+	}
+	if (target instanceof Set) {
+		const set = /* @__PURE__ */ new Set();
+		target.forEach((val) => set.add(deepCopy(val)));
+		return set;
+	}
+	if (Array.isArray(target)) return target.map((o) => deepCopy(o));
+	if (typeof target === "object") {
+		const obj = {};
+		for (const key in target) obj[key] = deepCopy(target[key]);
+		return obj;
+	}
+	return target;
+}
+//#endregion
+exports.deepCopy = deepCopy;
+
+//# sourceMappingURL=object.js.map

package/lib/_utils/object.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"object.js","names":[],"sources":["../../src/_utils/object.ts"],"sourcesContent":["export function isObject(obj: any): boolean {\n  return obj !== null && typeof obj === 'object';\n}\n\nexport function deepGet(obj: any, path: string): any {\n  const parts = path.split('.');\n  const length = parts.length;\n\n  for (let i = 0; i < length; i++) {\n    if (!isObject(obj)) return undefined;\n    obj = obj[parts[i]];\n  }\n\n  return obj;\n}\n\nexport function deepSet(obj: any, path: string, value: any) {\n  if (!isObject(obj)) return obj;\n\n  const root = obj;\n  const parts = path.split('.');\n  const length = parts.length;\n\n  for (let i = 0; i < length; i++) {\n    const p = parts[i];\n\n    if (i === length - 1) {\n      obj[p] = value;\n    } else if (!isObject(obj[p])) {\n      obj[p] = {};\n    }\n\n    obj = obj[p];\n  }\n\n  return root;\n}\n\nexport function deepCopy<T>(target: T): T {\n  if (target === undefined || target === null) {\n    return target;\n  }\n\n  const type = typeof target;\n\n  if (type === 'boolean' || type === 'number' || type === 'string') {\n    return target;\n  }\n\n  if (target instanceof Date) {\n    return new Date(target.getTime()) as any;\n  }\n\n  if (target instanceof RegExp) {\n    return new RegExp(target.source, target.flags) as any;\n  }\n\n  if (target instanceof Map) {\n    const map = new Map();\n    target.forEach((val, key) => map.set(deepCopy(key), deepCopy(val)));\n    return map as any;\n  }\n\n  if (target instanceof Set) {\n    const set = new Set();\n    target.forEach((val) => set.add(deepCopy(val)));\n    return set as any;\n  }\n\n  if (Array.isArray(target)) {\n    return target.map((o) => deepCopy(o)) as any;\n  }\n\n  if (typeof target === 'object') {\n    const obj: any = {};\n\n    for (const key in target) {\n      obj[key] = deepCopy(target[key]);\n    }\n\n    return obj;\n  }\n\n  return target;\n}\n"],"mappings":";AAsCA,SAAgB,SAAY,QAAc;AACxC,KAAI,WAAW,KAAA,KAAa,WAAW,KACrC,QAAO;CAGT,MAAM,OAAO,OAAO;AAEpB,KAAI,SAAS,aAAa,SAAS,YAAY,SAAS,SACtD,QAAO;AAGT,KAAI,kBAAkB,KACpB,QAAO,IAAI,KAAK,OAAO,SAAS,CAAC;AAGnC,KAAI,kBAAkB,OACpB,QAAO,IAAI,OAAO,OAAO,QAAQ,OAAO,MAAM;AAGhD,KAAI,kBAAkB,KAAK;EACzB,MAAM,sBAAM,IAAI,KAAK;AACrB,SAAO,SAAS,KAAK,QAAQ,IAAI,IAAI,SAAS,IAAI,EAAE,SAAS,IAAI,CAAC,CAAC;AACnE,SAAO;;AAGT,KAAI,kBAAkB,KAAK;EACzB,MAAM,sBAAM,IAAI,KAAK;AACrB,SAAO,SAAS,QAAQ,IAAI,IAAI,SAAS,IAAI,CAAC,CAAC;AAC/C,SAAO;;AAGT,KAAI,MAAM,QAAQ,OAAO,CACvB,QAAO,OAAO,KAAK,MAAM,SAAS,EAAE,CAAC;AAGvC,KAAI,OAAO,WAAW,UAAU;EAC9B,MAAM,MAAW,EAAE;AAEnB,OAAK,MAAM,OAAO,OAChB,KAAI,OAAO,SAAS,OAAO,KAAK;AAGlC,SAAO;;AAGT,QAAO"}

package/lib/_utils/props.d.ts

@@ -0,0 +1,14 @@
+import { ThemeMode } from "../config-provider/config-context.js";
+import { CSSProperties } from "react";
+
+//#region src/_utils/props.d.ts
+type SizeType = 'sm' | 'md' | 'lg';
+type DirectionType = 'horizontal' | 'vertical';
+type BaseProps = {
+  style?: CSSProperties;
+  className?: string;
+  prefixCls?: string;
+};
+//#endregion
+export { BaseProps, DirectionType, SizeType };
+//# sourceMappingURL=props.d.ts.map

package/lib/_utils/use-locale.d.ts

@@ -0,0 +1,7 @@
+import { Locale } from "../locale/types.js";
+
+//#region src/_utils/use-locale.d.ts
+declare function useLocale(): Locale;
+//#endregion
+export { useLocale };
+//# sourceMappingURL=use-locale.d.ts.map

package/lib/_utils/use-locale.js

@@ -0,0 +1,14 @@
+require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_intl_context = require("../intl-provider/intl-context.js");
+let react = require("react");
+//#region src/_utils/use-locale.ts
+function useLocale() {
+	const config = (0, react.useContext)(require_config_context.ConfigContext);
+	const intl = (0, react.useContext)(require_intl_context.default);
+	return config.locale ?? intl;
+}
+//#endregion
+exports.useLocale = useLocale;
+
+//# sourceMappingURL=use-locale.js.map

package/lib/_utils/use-locale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-locale.js","names":["ConfigContext","IntlContext"],"sources":["../../src/_utils/use-locale.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { Locale } from '../locale/types';\nimport { ConfigContext } from '../config-provider/config-context';\nimport IntlContext from '../intl-provider/intl-context';\n\nexport function useLocale(): Locale {\n  const config = useContext(ConfigContext);\n  const intl = useContext(IntlContext);\n  return config.locale ?? intl;\n}\n"],"mappings":";;;;;AAKA,SAAgB,YAAoB;CAClC,MAAM,UAAA,GAAA,MAAA,YAAoBA,uBAAAA,cAAc;CACxC,MAAM,QAAA,GAAA,MAAA,YAAkBC,qBAAAA,QAAY;AACpC,QAAO,OAAO,UAAU"}

package/lib/_utils/use-theme.d.ts

@@ -0,0 +1,11 @@
+//#region src/_utils/use-theme.d.ts
+type ThemeMode = 'light' | 'dark' | 'system';
+declare function useTheme(): {
+  mode: ThemeMode;
+  resolvedTheme: "light" | "dark";
+  setMode: (newMode: ThemeMode) => void;
+  toggle: () => void;
+};
+//#endregion
+export { ThemeMode, useTheme };
+//# sourceMappingURL=use-theme.d.ts.map

package/lib/_utils/use-theme.js

@@ -0,0 +1,54 @@
+require("../_virtual/_rolldown/runtime.js");
+let react = require("react");
+//#region src/_utils/use-theme.ts
+const STORAGE_KEY = "ty-theme";
+function getSystemTheme() {
+	if (typeof window === "undefined") return "light";
+	return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function applyTheme(mode) {
+	if (typeof document === "undefined") return;
+	document.documentElement.setAttribute("data-tiny-theme", mode);
+}
+function readStoredTheme() {
+	if (typeof localStorage === "undefined") return "light";
+	return localStorage.getItem(STORAGE_KEY) || "light";
+}
+let currentMode = readStoredTheme();
+const listeners = /* @__PURE__ */ new Set();
+function getSnapshot() {
+	return currentMode;
+}
+function getServerSnapshot() {
+	return "light";
+}
+function subscribe(cb) {
+	listeners.add(cb);
+	return () => listeners.delete(cb);
+}
+function setThemeMode(next) {
+	currentMode = next;
+	localStorage.setItem(STORAGE_KEY, next);
+	applyTheme(next);
+	listeners.forEach((cb) => cb());
+}
+if (typeof window !== "undefined" && typeof window.matchMedia === "function") window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
+	if (currentMode === "system") listeners.forEach((cb) => cb());
+});
+function useTheme() {
+	const mode = (0, react.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+	return {
+		mode,
+		resolvedTheme: mode === "system" ? getSystemTheme() : mode,
+		setMode: (0, react.useCallback)((newMode) => {
+			setThemeMode(newMode);
+		}, []),
+		toggle: (0, react.useCallback)(() => {
+			setThemeMode((currentMode === "system" ? getSystemTheme() : currentMode) === "light" ? "dark" : "light");
+		}, [])
+	};
+}
+//#endregion
+exports.useTheme = useTheme;
+
+//# sourceMappingURL=use-theme.js.map

package/lib/_utils/use-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme.js","names":[],"sources":["../../src/_utils/use-theme.ts"],"sourcesContent":["import { useSyncExternalStore, useCallback } from 'react';\n\nexport type ThemeMode = 'light' | 'dark' | 'system';\n\nconst STORAGE_KEY = 'ty-theme';\n\nfunction getSystemTheme(): 'light' | 'dark' {\n  if (typeof window === 'undefined') return 'light';\n  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n}\n\nfunction applyTheme(mode: ThemeMode): void {\n  if (typeof document === 'undefined') return;\n  document.documentElement.setAttribute('data-tiny-theme', mode);\n}\n\nfunction readStoredTheme(): ThemeMode {\n  if (typeof localStorage === 'undefined') return 'light';\n  return (localStorage.getItem(STORAGE_KEY) as ThemeMode) || 'light';\n}\n\n// ---- Shared store ----\nlet currentMode: ThemeMode = readStoredTheme();\nconst listeners = new Set<() => void>();\n\nfunction getSnapshot(): ThemeMode {\n  return currentMode;\n}\n\nfunction getServerSnapshot(): ThemeMode {\n  return 'light';\n}\n\nfunction subscribe(cb: () => void): () => void {\n  listeners.add(cb);\n  return () => listeners.delete(cb);\n}\n\nfunction setThemeMode(next: ThemeMode): void {\n  currentMode = next;\n  localStorage.setItem(STORAGE_KEY, next);\n  applyTheme(next);\n  listeners.forEach((cb) => cb());\n}\n\n// Listen for system preference changes at module level\nif (typeof window !== 'undefined' && typeof window.matchMedia === 'function') {\n  window\n    .matchMedia('(prefers-color-scheme: dark)')\n    .addEventListener('change', () => {\n      if (currentMode === 'system') {\n        // Force re-render for all subscribers so resolvedTheme updates\n        listeners.forEach((cb) => cb());\n      }\n    });\n}\n\n// ---- Hook ----\nexport function useTheme() {\n  const mode = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n\n  const resolvedTheme: 'light' | 'dark' = mode === 'system' ? getSystemTheme() : mode;\n\n  const setMode = useCallback((newMode: ThemeMode) => {\n    setThemeMode(newMode);\n  }, []);\n\n  const toggle = useCallback(() => {\n    const resolved = currentMode === 'system' ? getSystemTheme() : currentMode;\n    setThemeMode(resolved === 'light' ? 'dark' : 'light');\n  }, []);\n\n  return { mode, resolvedTheme, setMode, toggle };\n}\n"],"mappings":";;;AAIA,MAAM,cAAc;AAEpB,SAAS,iBAAmC;AAC1C,KAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAO,OAAO,WAAW,+BAA+B,CAAC,UAAU,SAAS;;AAG9E,SAAS,WAAW,MAAuB;AACzC,KAAI,OAAO,aAAa,YAAa;AACrC,UAAS,gBAAgB,aAAa,mBAAmB,KAAK;;AAGhE,SAAS,kBAA6B;AACpC,KAAI,OAAO,iBAAiB,YAAa,QAAO;AAChD,QAAQ,aAAa,QAAQ,YAAY,IAAkB;;AAI7D,IAAI,cAAyB,iBAAiB;AAC9C,MAAM,4BAAY,IAAI,KAAiB;AAEvC,SAAS,cAAyB;AAChC,QAAO;;AAGT,SAAS,oBAA+B;AACtC,QAAO;;AAGT,SAAS,UAAU,IAA4B;AAC7C,WAAU,IAAI,GAAG;AACjB,cAAa,UAAU,OAAO,GAAG;;AAGnC,SAAS,aAAa,MAAuB;AAC3C,eAAc;AACd,cAAa,QAAQ,aAAa,KAAK;AACvC,YAAW,KAAK;AAChB,WAAU,SAAS,OAAO,IAAI,CAAC;;AAIjC,IAAI,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,WAChE,QACG,WAAW,+BAA+B,CAC1C,iBAAiB,gBAAgB;AAChC,KAAI,gBAAgB,SAElB,WAAU,SAAS,OAAO,IAAI,CAAC;EAEjC;AAIN,SAAgB,WAAW;CACzB,MAAM,QAAA,GAAA,MAAA,sBAA4B,WAAW,aAAa,kBAAkB;AAa5E,QAAO;EAAE;EAAM,eAXyB,SAAS,WAAW,gBAAgB,GAAG;EAWjD,UAAA,GAAA,MAAA,cATD,YAAuB;AAClD,gBAAa,QAAQ;KACpB,EAAE,CAAC;EAOiC,SAAA,GAAA,MAAA,mBALN;AAE/B,iBADiB,gBAAgB,WAAW,gBAAgB,GAAG,iBACrC,UAAU,SAAS,QAAQ;KACpD,EAAE,CAAC;EAEyC"}

package/lib/_utils/use-virtual-scroll.js

@@ -0,0 +1,31 @@
+require("../_virtual/_rolldown/runtime.js");
+let react = require("react");
+//#region src/_utils/use-virtual-scroll.ts
+function useVirtualScroll(options) {
+	const { itemCount, itemHeight, containerHeight, overscan = 3 } = options;
+	const [scrollTop, setScrollTop] = (0, react.useState)(0);
+	const onScroll = (0, react.useCallback)((e) => {
+		setScrollTop(e.currentTarget.scrollTop);
+	}, []);
+	const totalHeight = itemCount * itemHeight;
+	const visibleRange = (0, react.useMemo)(() => {
+		if (itemCount === 0) return [0, 0];
+		return [Math.max(0, Math.floor(scrollTop / itemHeight) - overscan), Math.min(itemCount - 1, Math.ceil((scrollTop + containerHeight) / itemHeight) + overscan)];
+	}, [
+		scrollTop,
+		itemHeight,
+		containerHeight,
+		overscan,
+		itemCount
+	]);
+	return {
+		visibleRange,
+		totalHeight,
+		offsetY: visibleRange[0] * itemHeight,
+		onScroll
+	};
+}
+//#endregion
+exports.useVirtualScroll = useVirtualScroll;
+
+//# sourceMappingURL=use-virtual-scroll.js.map

package/lib/_utils/use-virtual-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-virtual-scroll.js","names":[],"sources":["../../src/_utils/use-virtual-scroll.ts"],"sourcesContent":["import { useState, useCallback, useMemo } from 'react';\n\nexport interface UseVirtualScrollOptions {\n  itemCount: number;\n  itemHeight: number;\n  containerHeight: number;\n  overscan?: number;\n}\n\nexport interface UseVirtualScrollResult {\n  visibleRange: [start: number, end: number];\n  totalHeight: number;\n  offsetY: number;\n  onScroll: (e: React.UIEvent<HTMLElement>) => void;\n}\n\nexport function useVirtualScroll(options: UseVirtualScrollOptions): UseVirtualScrollResult {\n  const { itemCount, itemHeight, containerHeight, overscan = 3 } = options;\n  const [scrollTop, setScrollTop] = useState(0);\n\n  const onScroll = useCallback((e: React.UIEvent<HTMLElement>) => {\n    setScrollTop(e.currentTarget.scrollTop);\n  }, []);\n\n  const totalHeight = itemCount * itemHeight;\n\n  const visibleRange = useMemo((): [number, number] => {\n    if (itemCount === 0) return [0, 0];\n    const start = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);\n    const end = Math.min(\n      itemCount - 1,\n      Math.ceil((scrollTop + containerHeight) / itemHeight) + overscan\n    );\n    return [start, end];\n  }, [scrollTop, itemHeight, containerHeight, overscan, itemCount]);\n\n  const offsetY = visibleRange[0] * itemHeight;\n\n  return { visibleRange, totalHeight, offsetY, onScroll };\n}\n"],"mappings":";;;AAgBA,SAAgB,iBAAiB,SAA0D;CACzF,MAAM,EAAE,WAAW,YAAY,iBAAiB,WAAW,MAAM;CACjE,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,UAAyB,EAAE;CAE7C,MAAM,YAAA,GAAA,MAAA,cAAwB,MAAkC;AAC9D,eAAa,EAAE,cAAc,UAAU;IACtC,EAAE,CAAC;CAEN,MAAM,cAAc,YAAY;CAEhC,MAAM,gBAAA,GAAA,MAAA,eAA+C;AACnD,MAAI,cAAc,EAAG,QAAO,CAAC,GAAG,EAAE;AAMlC,SAAO,CALO,KAAK,IAAI,GAAG,KAAK,MAAM,YAAY,WAAW,GAAG,SAAS,EAC5D,KAAK,IACf,YAAY,GACZ,KAAK,MAAM,YAAY,mBAAmB,WAAW,GAAG,SACzD,CACkB;IAClB;EAAC;EAAW;EAAY;EAAiB;EAAU;EAAU,CAAC;AAIjE,QAAO;EAAE;EAAc;EAAa,SAFpB,aAAa,KAAK;EAEW;EAAU"}

package/lib/_utils/useCombobox.js

@@ -0,0 +1,83 @@
+require("../_virtual/_rolldown/runtime.js");
+let react = require("react");
+//#region src/_utils/useCombobox.ts
+function useCombobox(options) {
+	const { items, searchValue, filterOption = true, isOpen: controlledOpen, defaultOpen = false, disabled = false, defaultActiveFirstOption = true, onOpenChange, onSelect } = options;
+	const isControlled = controlledOpen !== void 0;
+	const [internalOpen, setInternalOpen] = (0, react.useState)(defaultOpen);
+	const isOpen = isControlled ? controlledOpen : internalOpen;
+	const [focusedIndex, setFocusedIndex] = (0, react.useState)(-1);
+	(0, react.useEffect)(() => {
+		if (isControlled) setInternalOpen(controlledOpen);
+	}, [isControlled, controlledOpen]);
+	const matchesFilter = (0, react.useCallback)((item) => {
+		if (!searchValue) return true;
+		if (filterOption === false) return true;
+		if (typeof filterOption === "function") return filterOption(searchValue, item);
+		return (typeof item.label === "string" ? item.label : String(item.value)).toLowerCase().includes(searchValue.toLowerCase());
+	}, [searchValue, filterOption]);
+	const filteredItems = (0, react.useMemo)(() => items.filter(matchesFilter), [items, matchesFilter]);
+	(0, react.useEffect)(() => {
+		if (defaultActiveFirstOption && filteredItems.length > 0) setFocusedIndex(0);
+		else setFocusedIndex(-1);
+	}, [filteredItems.length, defaultActiveFirstOption]);
+	const openDropdown = (0, react.useCallback)(() => {
+		if (!isControlled) setInternalOpen(true);
+		onOpenChange?.(true);
+	}, [isControlled, onOpenChange]);
+	const closeDropdown = (0, react.useCallback)(() => {
+		if (!isControlled) setInternalOpen(false);
+		onOpenChange?.(false);
+	}, [isControlled, onOpenChange]);
+	return {
+		isOpen,
+		focusedIndex,
+		filteredItems,
+		matchesFilter,
+		openDropdown,
+		closeDropdown,
+		setFocusedIndex,
+		handleKeyDown: (0, react.useCallback)((e) => {
+			if (disabled) return;
+			if (e.key === "Escape") {
+				closeDropdown();
+				return;
+			}
+			if (e.key === "Enter") {
+				if (isOpen && focusedIndex >= 0 && focusedIndex < filteredItems.length) {
+					e.preventDefault();
+					const item = filteredItems[focusedIndex];
+					if (!item.disabled) onSelect?.(item);
+				}
+				return;
+			}
+			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+				e.preventDefault();
+				if (!isOpen) {
+					openDropdown();
+					setFocusedIndex(0);
+					return;
+				}
+				const dir = e.key === "ArrowDown" ? 1 : -1;
+				setFocusedIndex((prev) => {
+					let next = prev + dir;
+					if (next < 0) next = filteredItems.length - 1;
+					if (next >= filteredItems.length) next = 0;
+					return next;
+				});
+			}
+		}, [
+			disabled,
+			isOpen,
+			focusedIndex,
+			filteredItems,
+			closeDropdown,
+			openDropdown,
+			onSelect
+		])
+	};
+}
+//#endregion
+exports.useCombobox = useCombobox;
+
+//# sourceMappingURL=useCombobox.js.map

package/lib/_utils/useCombobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCombobox.js","names":[],"sources":["../../src/_utils/useCombobox.ts"],"sourcesContent":["import { useState, useCallback, useMemo, useEffect } from 'react';\n\ninterface ComboboxItem {\n  value: string;\n  label?: React.ReactNode;\n  disabled?: boolean;\n}\n\ninterface UseComboboxOptions<T extends ComboboxItem> {\n  items: T[];\n  searchValue: string;\n  filterOption?: boolean | ((input: string, item: T) => boolean);\n  isOpen?: boolean;\n  defaultOpen?: boolean;\n  disabled?: boolean;\n  defaultActiveFirstOption?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onSelect?: (item: T) => void;\n}\n\nexport function useCombobox<T extends ComboboxItem>(options: UseComboboxOptions<T>) {\n  const {\n    items,\n    searchValue,\n    filterOption = true,\n    isOpen: controlledOpen,\n    defaultOpen = false,\n    disabled = false,\n    defaultActiveFirstOption = true,\n    onOpenChange,\n    onSelect,\n  } = options;\n\n  const isControlled = controlledOpen !== undefined;\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const [focusedIndex, setFocusedIndex] = useState(-1);\n\n  useEffect(() => {\n    if (isControlled) setInternalOpen(controlledOpen);\n  }, [isControlled, controlledOpen]);\n\n  const matchesFilter = useCallback(\n    (item: T): boolean => {\n      if (!searchValue) return true;\n      if (filterOption === false) return true;\n      if (typeof filterOption === 'function') return filterOption(searchValue, item);\n      const label = typeof item.label === 'string' ? item.label : String(item.value);\n      return label.toLowerCase().includes(searchValue.toLowerCase());\n    },\n    [searchValue, filterOption]\n  );\n\n  const filteredItems = useMemo(\n    () => items.filter(matchesFilter),\n    [items, matchesFilter]\n  );\n\n  useEffect(() => {\n    if (defaultActiveFirstOption && filteredItems.length > 0) {\n      setFocusedIndex(0);\n    } else {\n      setFocusedIndex(-1);\n    }\n  }, [filteredItems.length, defaultActiveFirstOption]);\n\n  const openDropdown = useCallback(() => {\n    if (!isControlled) setInternalOpen(true);\n    onOpenChange?.(true);\n  }, [isControlled, onOpenChange]);\n\n  const closeDropdown = useCallback(() => {\n    if (!isControlled) setInternalOpen(false);\n    onOpenChange?.(false);\n  }, [isControlled, onOpenChange]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (disabled) return;\n\n      if (e.key === 'Escape') {\n        closeDropdown();\n        return;\n      }\n\n      if (e.key === 'Enter') {\n        if (isOpen && focusedIndex >= 0 && focusedIndex < filteredItems.length) {\n          e.preventDefault();\n          const item = filteredItems[focusedIndex];\n          if (!item.disabled) onSelect?.(item);\n        }\n        return;\n      }\n\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        e.preventDefault();\n        if (!isOpen) {\n          openDropdown();\n          setFocusedIndex(0);\n          return;\n        }\n        const dir = e.key === 'ArrowDown' ? 1 : -1;\n        setFocusedIndex((prev) => {\n          let next = prev + dir;\n          if (next < 0) next = filteredItems.length - 1;\n          if (next >= filteredItems.length) next = 0;\n          return next;\n        });\n      }\n    },\n    [disabled, isOpen, focusedIndex, filteredItems, closeDropdown, openDropdown, onSelect]\n  );\n\n  return {\n    isOpen,\n    focusedIndex,\n    filteredItems,\n    matchesFilter,\n    openDropdown,\n    closeDropdown,\n    setFocusedIndex,\n    handleKeyDown,\n  };\n}\n"],"mappings":";;;AAoBA,SAAgB,YAAoC,SAAgC;CAClF,MAAM,EACJ,OACA,aACA,eAAe,MACf,QAAQ,gBACR,cAAc,OACd,WAAW,OACX,2BAA2B,MAC3B,cACA,aACE;CAEJ,MAAM,eAAe,mBAAmB,KAAA;CACxC,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAA4B,YAAY;CAC7D,MAAM,SAAS,eAAe,iBAAiB;CAE/C,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAA4B,GAAG;AAEpD,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,aAAc,iBAAgB,eAAe;IAChD,CAAC,cAAc,eAAe,CAAC;CAElC,MAAM,iBAAA,GAAA,MAAA,cACH,SAAqB;AACpB,MAAI,CAAC,YAAa,QAAO;AACzB,MAAI,iBAAiB,MAAO,QAAO;AACnC,MAAI,OAAO,iBAAiB,WAAY,QAAO,aAAa,aAAa,KAAK;AAE9E,UADc,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ,OAAO,KAAK,MAAM,EACjE,aAAa,CAAC,SAAS,YAAY,aAAa,CAAC;IAEhE,CAAC,aAAa,aAAa,CAC5B;CAED,MAAM,iBAAA,GAAA,MAAA,eACE,MAAM,OAAO,cAAc,EACjC,CAAC,OAAO,cAAc,CACvB;AAED,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,4BAA4B,cAAc,SAAS,EACrD,iBAAgB,EAAE;MAElB,iBAAgB,GAAG;IAEpB,CAAC,cAAc,QAAQ,yBAAyB,CAAC;CAEpD,MAAM,gBAAA,GAAA,MAAA,mBAAiC;AACrC,MAAI,CAAC,aAAc,iBAAgB,KAAK;AACxC,iBAAe,KAAK;IACnB,CAAC,cAAc,aAAa,CAAC;CAEhC,MAAM,iBAAA,GAAA,MAAA,mBAAkC;AACtC,MAAI,CAAC,aAAc,iBAAgB,MAAM;AACzC,iBAAe,MAAM;IACpB,CAAC,cAAc,aAAa,CAAC;AAuChC,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA,gBAAA,GAAA,MAAA,cA5CC,MAA2B;AAC1B,OAAI,SAAU;AAEd,OAAI,EAAE,QAAQ,UAAU;AACtB,mBAAe;AACf;;AAGF,OAAI,EAAE,QAAQ,SAAS;AACrB,QAAI,UAAU,gBAAgB,KAAK,eAAe,cAAc,QAAQ;AACtE,OAAE,gBAAgB;KAClB,MAAM,OAAO,cAAc;AAC3B,SAAI,CAAC,KAAK,SAAU,YAAW,KAAK;;AAEtC;;AAGF,OAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,MAAE,gBAAgB;AAClB,QAAI,CAAC,QAAQ;AACX,mBAAc;AACd,qBAAgB,EAAE;AAClB;;IAEF,MAAM,MAAM,EAAE,QAAQ,cAAc,IAAI;AACxC,qBAAiB,SAAS;KACxB,IAAI,OAAO,OAAO;AAClB,SAAI,OAAO,EAAG,QAAO,cAAc,SAAS;AAC5C,SAAI,QAAQ,cAAc,OAAQ,QAAO;AACzC,YAAO;MACP;;KAGN;GAAC;GAAU;GAAQ;GAAc;GAAe;GAAe;GAAc;GAAS,CACvF;EAWA"}

package/lib/_utils/warning.js

@@ -0,0 +1,12 @@
+//#region src/_utils/warning.ts
+const isProduction = process.env.NODE_ENV === "production";
+function warning(condition, message, serious = false) {
+	if (!isProduction && condition) {
+		const text = `Warning: ${message}`;
+		serious ? console.error(text) : console.warn(text);
+	}
+}
+//#endregion
+exports.default = warning;
+
+//# sourceMappingURL=warning.js.map

package/lib/_utils/warning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning.js","names":[],"sources":["../../src/_utils/warning.ts"],"sourcesContent":["const isProduction: boolean = process.env.NODE_ENV === 'production';\n\nexport default function warning(condition: boolean, message: string, serious = false): void {\n  if (!isProduction && condition) {\n    const text = `Warning: ${message}`;\n    serious ? console.error(text) : console.warn(text);\n  }\n}\n"],"mappings":";AAAA,MAAM,eAAwB,QAAQ,IAAI,aAAa;AAEvD,SAAwB,QAAQ,WAAoB,SAAiB,UAAU,OAAa;AAC1F,KAAI,CAAC,gBAAgB,WAAW;EAC9B,MAAM,OAAO,YAAY;AACzB,YAAU,QAAQ,MAAM,KAAK,GAAG,QAAQ,KAAK,KAAK"}

package/lib/_virtual/_rolldown/runtime.js

@@ -0,0 +1,23 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+exports.__toESM = __toESM;

package/lib/alert/alert.d.ts

@@ -0,0 +1,8 @@
+import { AlertProps } from "./types.js";
+import React from "react";
+
+//#region src/alert/alert.d.ts
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Alert };
+//# sourceMappingURL=alert.d.ts.map

package/lib/alert/alert.js

@@ -0,0 +1,90 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_components = require("../_utils/components.js");
+const require_index = require("../transition/index.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/alert/alert.tsx
+const setClosedStyle = (node) => {
+	node.style.borderTopWidth = "0";
+	node.style.paddingTop = "0";
+	node.style.marginTop = "0";
+	node.style.height = "0";
+	node.style.paddingBottom = "0";
+	node.style.borderBottomWidth = "0";
+	node.style.marginBottom = "0";
+};
+const Alert = react.default.forwardRef((props, forwardedRef) => {
+	const { type = "info", iconSize = 14, prefixCls: customisedCls, title, icon, closeText, closable, afterClose, onClose, children, className, style, ...otherProps } = props;
+	const [isShow, setShow] = (0, react.useState)(true);
+	const ref = (0, react.useRef)(null);
+	const prefixCls = require_general.getPrefixCls("alert", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className, [`${prefixCls}_${type}`]);
+	const closeBtnOnClick = (e) => {
+		ref.current && setClosedStyle(ref.current);
+		setShow(false);
+		onClose && onClose(e);
+	};
+	const closeIcon = (closable || closeText) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		className: `${prefixCls}__close-btn`,
+		onClick: closeBtnOnClick,
+		"aria-label": "Close",
+		children: closeText || "✕"
+	});
+	const renderIcon = () => {
+		if (typeof icon === "boolean") switch (type) {
+			case "success": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.CheckCircle, {
+				size: iconSize,
+				className: `${prefixCls}__icon`
+			});
+			case "info": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.InfoCircle, {
+				size: iconSize,
+				className: `${prefixCls}__icon`
+			});
+			case "warning": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.WarningCircle, {
+				size: iconSize,
+				className: `${prefixCls}__icon`
+			});
+			case "error": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.CloseCircle, {
+				size: iconSize,
+				className: `${prefixCls}__icon`
+			});
+		}
+		return icon;
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+		timeout: 300,
+		in: isShow,
+		nodeRef: ref,
+		onExited: afterClose,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			...otherProps,
+			role: "alert",
+			className: cls,
+			style,
+			ref: (node) => {
+				ref.current = node;
+				if (typeof forwardedRef === "function") forwardedRef(node);
+				else if (forwardedRef) forwardedRef.current = node;
+			},
+			children: [
+				icon && renderIcon(),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: `${prefixCls}__title`,
+					children: title
+				}), children] }),
+				closeIcon
+			]
+		})
+	});
+});
+Alert.displayName = "Alert";
+//#endregion
+exports.default = Alert;
+
+//# sourceMappingURL=alert.js.map

package/lib/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","names":["React","getPrefixCls","ConfigContext","CheckCircle","InfoCircle","WarningCircle","CloseCircle","Transition"],"sources":["../../src/alert/alert.tsx"],"sourcesContent":["import React, { useState, useRef, useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { CheckCircle, CloseCircle, InfoCircle, WarningCircle } from '../_utils/components';\nimport { AlertProps } from './types';\nimport Transition from '../transition';\n\nconst setClosedStyle = (node: HTMLElement): void => {\n  node.style.borderTopWidth = '0';\n  node.style.paddingTop = '0';\n  node.style.marginTop = '0';\n  node.style.height = '0';\n  node.style.paddingBottom = '0';\n  node.style.borderBottomWidth = '0';\n  node.style.marginBottom = '0';\n};\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>((props, forwardedRef) => {\n  const {\n    type = 'info',\n    iconSize = 14,\n    prefixCls: customisedCls,\n    title,\n    icon,\n    closeText,\n    closable,\n    afterClose,\n    onClose,\n    children,\n    className,\n    style,\n    ...otherProps\n  } = props;\n  const [isShow, setShow] = useState(true);\n  const ref = useRef<HTMLDivElement | null>(null);\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('alert', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, [`${prefixCls}_${type}`]);\n\n  const closeBtnOnClick = (e: React.MouseEvent<HTMLSpanElement>): void => {\n    ref.current && setClosedStyle(ref.current as HTMLDivElement);\n    setShow(false);\n    onClose && onClose(e);\n  };\n\n  // Setting close text attribute also allows to be closable\n  const closeIcon = (closable || closeText) && (\n    <button type=\"button\" className={`${prefixCls}__close-btn`} onClick={closeBtnOnClick} aria-label=\"Close\">\n      {closeText || '✕'}\n    </button>\n  );\n\n  const renderIcon = (): React.ReactNode => {\n    if (typeof icon === 'boolean') {\n      switch (type) {\n        case 'success':\n          return <CheckCircle size={iconSize} className={`${prefixCls}__icon`} />;\n        case 'info':\n          return <InfoCircle size={iconSize} className={`${prefixCls}__icon`} />;\n        case 'warning':\n          return <WarningCircle size={iconSize} className={`${prefixCls}__icon`} />;\n        case 'error':\n          return <CloseCircle size={iconSize} className={`${prefixCls}__icon`} />;\n      }\n    }\n\n    return icon;\n  };\n\n  return (\n    <Transition timeout={300} in={isShow} nodeRef={ref} onExited={afterClose}>\n      <div {...otherProps} role=\"alert\" className={cls} style={style} ref={(node) => {\n        ref.current = node;\n        if (typeof forwardedRef === 'function') forwardedRef(node);\n        else if (forwardedRef) forwardedRef.current = node;\n      }}>\n        {icon && renderIcon()}\n        <div>\n          {title && <p className={`${prefixCls}__title`}>{title}</p>}\n          {children}\n        </div>\n        {closeIcon}\n      </div>\n    </Transition>\n  );\n});\n\nAlert.displayName = 'Alert';\n\nexport default Alert;\n"],"mappings":";;;;;;;;;;;AAQA,MAAM,kBAAkB,SAA4B;AAClD,MAAK,MAAM,iBAAiB;AAC5B,MAAK,MAAM,aAAa;AACxB,MAAK,MAAM,YAAY;AACvB,MAAK,MAAM,SAAS;AACpB,MAAK,MAAM,gBAAgB;AAC3B,MAAK,MAAM,oBAAoB;AAC/B,MAAK,MAAM,eAAe;;AAG5B,MAAM,QAAQA,MAAAA,QAAM,YAAwC,OAAO,iBAAiB;CAClF,MAAM,EACJ,OAAO,QACP,WAAW,IACX,WAAW,eACX,OACA,MACA,WACA,UACA,YACA,SACA,UACA,WACA,OACA,GAAG,eACD;CACJ,MAAM,CAAC,QAAQ,YAAA,GAAA,MAAA,UAAoB,KAAK;CACxC,MAAM,OAAA,GAAA,MAAA,QAAoC,KAAK;CAE/C,MAAM,YAAYC,gBAAAA,aAAa,UAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACO,WAAW,cAAc;CAC/E,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW,CAAC,GAAG,UAAU,GAAG,OAAO,CAAC;CAEtE,MAAM,mBAAmB,MAA+C;AACtE,MAAI,WAAW,eAAe,IAAI,QAA0B;AAC5D,UAAQ,MAAM;AACd,aAAW,QAAQ,EAAE;;CAIvB,MAAM,aAAa,YAAY,cAC7B,iBAAA,GAAA,kBAAA,KAAC,UAAD;EAAQ,MAAK;EAAS,WAAW,GAAG,UAAU;EAAc,SAAS;EAAiB,cAAW;YAC9F,aAAa;EACP,CAAA;CAGX,MAAM,mBAAoC;AACxC,MAAI,OAAO,SAAS,UAClB,SAAQ,MAAR;GACE,KAAK,UACH,QAAO,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,aAAD;IAAa,MAAM;IAAU,WAAW,GAAG,UAAU;IAAW,CAAA;GACzE,KAAK,OACH,QAAO,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,YAAD;IAAY,MAAM;IAAU,WAAW,GAAG,UAAU;IAAW,CAAA;GACxE,KAAK,UACH,QAAO,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,eAAD;IAAe,MAAM;IAAU,WAAW,GAAG,UAAU;IAAW,CAAA;GAC3E,KAAK,QACH,QAAO,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,aAAD;IAAa,MAAM;IAAU,WAAW,GAAG,UAAU;IAAW,CAAA;;AAI7E,SAAO;;AAGT,QACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;EAAY,SAAS;EAAK,IAAI;EAAQ,SAAS;EAAK,UAAU;YAC5D,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,GAAI;GAAY,MAAK;GAAQ,WAAW;GAAY;GAAO,MAAM,SAAS;AAC7E,QAAI,UAAU;AACd,QAAI,OAAO,iBAAiB,WAAY,cAAa,KAAK;aACjD,aAAc,cAAa,UAAU;;aAHhD;IAKG,QAAQ,YAAY;IACrB,iBAAA,GAAA,kBAAA,MAAC,OAAD,EAAA,UAAA,CACG,SAAS,iBAAA,GAAA,kBAAA,KAAC,KAAD;KAAG,WAAW,GAAG,UAAU;eAAW;KAAU,CAAA,EACzD,SACG,EAAA,CAAA;IACL;IACG;;EACK,CAAA;EAEf;AAEF,MAAM,cAAc"}

package/lib/alert/index.js

@@ -0,0 +1,8 @@
+require('../style/base.css');
+require('./style/index.css');
+//#region src/alert/index.tsx
+var alert_default = require("./alert.js").default;
+//#endregion
+exports.default = alert_default;
+
+//# sourceMappingURL=index.js.map

package/lib/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Alert"],"sources":["../../src/alert/index.tsx"],"sourcesContent":["import Alert from './alert';\n\nexport default Alert;\n"],"mappings":";AAEA,IAAA,sCAAeA"}

package/lib/alert/style/_index.scss

@@ -0,0 +1,72 @@
+@use '../../style/variables' as *;
+@use './mixin' as *;
+
+.#{$prefix}-alert {
+  border: 1px solid;
+  border-radius: $alert-border-radius;
+  box-sizing: border-box;
+  padding: 10px 30px 10px 13px;
+  position: relative;
+  font-weight: $font-weight;
+  opacity: 1;
+  font-size: $font-size-base;
+  transition: all 300ms;
+  transform-origin: center top;
+  overflow: hidden;
+  display: flex;
+  align-items: flex-start;
+
+  & + & {
+    margin-top: 14px;
+  }
+
+  &__title {
+    box-sizing: border-box;
+    margin: 0 0 5px;
+    font-size: 18px;
+    font-weight: 500;
+  }
+
+  &__desc {
+    box-sizing: border-box;
+    line-height: 16px;
+  }
+
+  &__icon {
+    line-height: 16px;
+    margin-right: 7px;
+    position: relative;
+    top: 1px;
+  }
+
+  &__close-btn {
+    position: absolute;
+    top: 10px;
+    right: 13px;
+    cursor: pointer;
+    float: right;
+    user-select: none;
+    background: none;
+    border: none;
+    padding: 0;
+    color: inherit;
+    font-size: inherit;
+    line-height: inherit;
+  }
+
+  &_error {
+    @include alert-mixin(var(--ty-color-danger-text), var(--ty-color-danger-border), var(--ty-color-danger-bg));
+  }
+
+  &_warning {
+    @include alert-mixin(var(--ty-color-warning-text), var(--ty-color-warning-border), var(--ty-color-warning-bg));
+  }
+
+  &_success {
+    @include alert-mixin(var(--ty-color-success-text), var(--ty-color-success-border), var(--ty-color-success-bg));
+  }
+
+  &_info {
+    @include alert-mixin(var(--ty-color-info-text), var(--ty-color-info-border), var(--ty-color-info-bg));
+  }
+}

package/lib/alert/style/_mixin.scss

@@ -0,0 +1,5 @@
+@mixin alert-mixin($fontColor, $borderColor, $bgColor) {
+  border-color: $borderColor;
+  background-color: $bgColor;
+  color: $fontColor;
+}

package/lib/alert/style/index.css

@@ -0,0 +1,70 @@
+.ty-alert {
+  border: 1px solid;
+  border-radius: 3px;
+  box-sizing: border-box;
+  padding: 10px 30px 10px 13px;
+  position: relative;
+  font-weight: 400;
+  opacity: 1;
+  font-size: 1rem;
+  transition: all 300ms;
+  transform-origin: center top;
+  overflow: hidden;
+  display: flex;
+  align-items: flex-start;
+}
+.ty-alert + .ty-alert {
+  margin-top: 14px;
+}
+.ty-alert__title {
+  box-sizing: border-box;
+  margin: 0 0 5px;
+  font-size: 18px;
+  font-weight: 500;
+}
+.ty-alert__desc {
+  box-sizing: border-box;
+  line-height: 16px;
+}
+.ty-alert__icon {
+  line-height: 16px;
+  margin-right: 7px;
+  position: relative;
+  top: 1px;
+}
+.ty-alert__close-btn {
+  position: absolute;
+  top: 10px;
+  right: 13px;
+  cursor: pointer;
+  float: right;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  background: none;
+  border: none;
+  padding: 0;
+  color: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+.ty-alert_error {
+  border-color: var(--ty-color-danger-border);
+  background-color: var(--ty-color-danger-bg);
+  color: var(--ty-color-danger-text);
+}
+.ty-alert_warning {
+  border-color: var(--ty-color-warning-border);
+  background-color: var(--ty-color-warning-bg);
+  color: var(--ty-color-warning-text);
+}
+.ty-alert_success {
+  border-color: var(--ty-color-success-border);
+  background-color: var(--ty-color-success-bg);
+  color: var(--ty-color-success-text);
+}
+.ty-alert_info {
+  border-color: var(--ty-color-info-border);
+  background-color: var(--ty-color-info-bg);
+  color: var(--ty-color-info-text);
+}