@jinmi/ui 0.0.0-stage → 6.0.1

package/es/Modal/imperative.mjs

@@ -0,0 +1,188 @@
+"use client";
+import { useIsClient } from "../hooks/useIsClient.mjs";
+import { useAppElement } from "../ThemeProvider/AppElementContext.mjs";
+import { registerDevSingleton } from "../utils/devSingleton.mjs";
+import { ModalStackItem } from "./ModalStackItem.mjs";
+import { RawModalStackItem } from "./RawModalStackItem.mjs";
+import { memo, useEffect, useSyncExternalStore } from "react";
+import { jsx } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+//#region src/Modal/imperative.tsx
+let modalStack = [];
+let modalSeed = 0;
+const listeners = /* @__PURE__ */ new Set();
+const rawDestroyTimers = /* @__PURE__ */ new Map();
+const notify = () => {
+	listeners.forEach((listener) => listener());
+};
+const subscribe = (listener) => {
+	listeners.add(listener);
+	return () => listeners.delete(listener);
+};
+const EMPTY_STACK = [];
+const getSnapshot = () => modalStack;
+const getServerSnapshot = () => EMPTY_STACK;
+const ModalPortal = ({ children, root }) => {
+	const appElement = useAppElement();
+	const container = root ?? appElement ?? document.body;
+	return createPortal(children, container);
+};
+const updateModal = (id, nextProps) => {
+	let changed = false;
+	modalStack = modalStack.map((item) => {
+		if (item.id !== id) return item;
+		if (item.kind !== "modal") return item;
+		changed = true;
+		return {
+			...item,
+			props: {
+				...item.props,
+				...nextProps
+			}
+		};
+	});
+	if (changed) notify();
+};
+const updateRawProps = (id, nextProps) => {
+	let changed = false;
+	modalStack = modalStack.map((item) => {
+		if (item.id !== id) return item;
+		if (item.kind !== "raw") return item;
+		changed = true;
+		return {
+			...item,
+			props: {
+				...item.props,
+				...nextProps
+			}
+		};
+	});
+	if (changed) notify();
+};
+const setRawOpen = (id, open) => {
+	let changed = false;
+	modalStack = modalStack.map((item) => {
+		if (item.id !== id) return item;
+		if (item.kind !== "raw") return item;
+		if (item.open === open) return item;
+		changed = true;
+		return {
+			...item,
+			open
+		};
+	});
+	if (open) {
+		const timer = rawDestroyTimers.get(id);
+		if (timer) {
+			clearTimeout(timer);
+			rawDestroyTimers.delete(id);
+		}
+	}
+	if (changed) notify();
+};
+const closeModal = (id) => {
+	const target = modalStack.find((item) => item.id === id);
+	if (!target) return;
+	if (target.kind === "modal") {
+		updateModal(id, { open: false });
+		return;
+	}
+	setRawOpen(id, false);
+	if (!(target.options?.destroyOnClose ?? true)) return;
+	const delay = target.options?.destroyDelay ?? 200;
+	const existing = rawDestroyTimers.get(id);
+	if (existing) clearTimeout(existing);
+	const timer = window.setTimeout(() => {
+		rawDestroyTimers.delete(id);
+		destroyModal(id);
+	}, delay);
+	rawDestroyTimers.set(id, timer);
+};
+const destroyModal = (id) => {
+	const timer = rawDestroyTimers.get(id);
+	if (timer) {
+		clearTimeout(timer);
+		rawDestroyTimers.delete(id);
+	}
+	const nextStack = modalStack.filter((item) => item.id !== id);
+	if (nextStack.length === modalStack.length) return;
+	modalStack = nextStack;
+	notify();
+};
+const ModalStack = memo(({ stack }) => {
+	if (!useIsClient()) return null;
+	return stack.map((item) => {
+		if (item.kind === "modal") return /* @__PURE__ */ jsx(ModalStackItem, {
+			id: item.id,
+			props: item.props,
+			onClose: closeModal,
+			onDestroy: destroyModal,
+			onUpdate: updateModal
+		}, item.id);
+		return /* @__PURE__ */ jsx(RawModalStackItem, {
+			component: item.component,
+			id: item.id,
+			open: item.open,
+			options: item.options,
+			props: item.props,
+			onClose: closeModal,
+			onUpdate: updateRawProps
+		}, item.id);
+	});
+});
+ModalStack.displayName = "ModalStack";
+const ModalHost = ({ root }) => {
+	const stack = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+	const isClient = useIsClient();
+	useEffect(() => {
+		if (!isClient) return;
+		const scope = root ?? document.body;
+		return registerDevSingleton("ModalHost", scope);
+	}, [isClient, root]);
+	if (!isClient) return null;
+	if (stack.length === 0) return null;
+	return /* @__PURE__ */ jsx(ModalPortal, {
+		root,
+		children: /* @__PURE__ */ jsx(ModalStack, { stack })
+	});
+};
+const createModal = (props) => {
+	const id = `modal-${Date.now()}-${modalSeed++}`;
+	modalStack = [...modalStack, {
+		id,
+		kind: "modal",
+		props: {
+			...props,
+			open: props.open ?? true
+		}
+	}];
+	notify();
+	return {
+		close: () => closeModal(id),
+		destroy: () => destroyModal(id),
+		setCanDismissByClickOutside: (value) => updateModal(id, { mask: { closable: value } }),
+		update: (nextProps) => updateModal(id, nextProps)
+	};
+};
+function createRawModal(component, props, options) {
+	const id = `modal-${Date.now()}-${modalSeed++}`;
+	modalStack = [...modalStack, {
+		component,
+		id,
+		kind: "raw",
+		open: true,
+		options,
+		props
+	}];
+	notify();
+	return {
+		close: () => closeModal(id),
+		destroy: () => destroyModal(id),
+		setCanDismissByClickOutside: (value) => updateRawProps(id, { mask: { closable: value } }),
+		update: (nextProps) => updateRawProps(id, nextProps)
+	};
+}
+//#endregion
+export { ModalHost, createModal, createRawModal };
+
+//# sourceMappingURL=imperative.mjs.map

package/es/Modal/imperative.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"imperative.mjs","names":[],"sources":["../../src/Modal/imperative.tsx"],"sourcesContent":["'use client';\r\n\r\nimport type { ReactNode } from 'react';\r\nimport { memo, useEffect, useSyncExternalStore } from 'react';\r\nimport { createPortal } from 'react-dom';\r\n\r\nimport { useIsClient } from '@/hooks/useIsClient';\r\nimport { useAppElement } from '@/ThemeProvider';\r\nimport { registerDevSingleton } from '@/utils/devSingleton';\r\n\r\nimport { ModalStackItem } from './ModalStackItem';\r\nimport { RawModalStackItem } from './RawModalStackItem';\r\nimport type {\r\n  ImperativeModalProps,\r\n  ModalInstance,\r\n  RawModalComponent,\r\n  RawModalComponentProps,\r\n  RawModalInstance,\r\n  RawModalKeyOptions,\r\n  RawModalOptions,\r\n} from './type';\r\n\r\ntype ModalStackItemBase = {\r\n  id: string;\r\n};\r\n\r\ntype ModalStackItemModal = ModalStackItemBase & {\r\n  kind: 'modal';\r\n  props: ImperativeModalProps;\r\n};\r\n\r\ntype ModalStackItemRaw = ModalStackItemBase & {\r\n  component: RawModalComponent;\r\n  kind: 'raw';\r\n  open: boolean;\r\n  options?: RawModalOptions<PropertyKey, PropertyKey>;\r\n  props: Record<string, unknown>;\r\n};\r\n\r\ntype TModalStackItem = ModalStackItemModal | ModalStackItemRaw;\r\n\r\ntype ModalStackProps = {\r\n  stack: TModalStackItem[];\r\n};\r\n\r\nexport type ModalHostProps = {\r\n  root?: HTMLElement | ShadowRoot | null;\r\n};\r\n\r\nlet modalStack: TModalStackItem[] = [];\r\nlet modalSeed = 0;\r\nconst listeners = new Set<() => void>();\r\nconst rawDestroyTimers = new Map<string, number>();\r\n\r\nconst notify = () => {\r\n  listeners.forEach((listener) => listener());\r\n};\r\n\r\nconst subscribe = (listener: () => void) => {\r\n  listeners.add(listener);\r\n  return () => listeners.delete(listener);\r\n};\r\n\r\nconst EMPTY_STACK: TModalStackItem[] = [];\r\nconst getSnapshot = () => modalStack;\r\nconst getServerSnapshot = () => EMPTY_STACK;\r\n\r\nconst ModalPortal = ({\r\n  children,\r\n  root,\r\n}: {\r\n  children: ReactNode;\r\n  root?: HTMLElement | ShadowRoot | null;\r\n}) => {\r\n  const appElement = useAppElement();\r\n  const container = root ?? appElement ?? document.body;\r\n\r\n  return createPortal(children, container);\r\n};\r\n\r\nconst updateModal = (id: string, nextProps: Partial<ImperativeModalProps>) => {\r\n  let changed = false;\r\n  modalStack = modalStack.map((item) => {\r\n    if (item.id !== id) return item;\r\n    if (item.kind !== 'modal') return item;\r\n    changed = true;\r\n    return {\r\n      ...item,\r\n      props: { ...item.props, ...nextProps },\r\n    };\r\n  });\r\n\r\n  if (changed) notify();\r\n};\r\n\r\nconst updateRawProps = (id: string, nextProps: Record<string, unknown>) => {\r\n  let changed = false;\r\n  modalStack = modalStack.map((item) => {\r\n    if (item.id !== id) return item;\r\n    if (item.kind !== 'raw') return item;\r\n    changed = true;\r\n    return {\r\n      ...item,\r\n      props: { ...item.props, ...nextProps },\r\n    };\r\n  });\r\n\r\n  if (changed) notify();\r\n};\r\n\r\nconst setRawOpen = (id: string, open: boolean) => {\r\n  let changed = false;\r\n  modalStack = modalStack.map((item) => {\r\n    if (item.id !== id) return item;\r\n    if (item.kind !== 'raw') return item;\r\n    if (item.open === open) return item;\r\n    changed = true;\r\n    return { ...item, open };\r\n  });\r\n\r\n  if (open) {\r\n    const timer = rawDestroyTimers.get(id);\r\n    if (timer) {\r\n      clearTimeout(timer);\r\n      rawDestroyTimers.delete(id);\r\n    }\r\n  }\r\n\r\n  if (changed) notify();\r\n};\r\n\r\nconst closeModal = (id: string) => {\r\n  const target = modalStack.find((item) => item.id === id);\r\n  if (!target) return;\r\n\r\n  if (target.kind === 'modal') {\r\n    updateModal(id, { open: false });\r\n    return;\r\n  }\r\n\r\n  setRawOpen(id, false);\r\n\r\n  const shouldDestroy = target.options?.destroyOnClose ?? true;\r\n  if (!shouldDestroy) return;\r\n\r\n  const delay = target.options?.destroyDelay ?? 200;\r\n  const existing = rawDestroyTimers.get(id);\r\n  if (existing) clearTimeout(existing);\r\n  const timer = window.setTimeout(() => {\r\n    rawDestroyTimers.delete(id);\r\n\r\n    destroyModal(id);\r\n  }, delay);\r\n  rawDestroyTimers.set(id, timer);\r\n};\r\n\r\nconst destroyModal = (id: string) => {\r\n  const timer = rawDestroyTimers.get(id);\r\n  if (timer) {\r\n    clearTimeout(timer);\r\n    rawDestroyTimers.delete(id);\r\n  }\r\n  const nextStack = modalStack.filter((item) => item.id !== id);\r\n  if (nextStack.length === modalStack.length) return;\r\n  modalStack = nextStack;\r\n  notify();\r\n};\r\n\r\nconst ModalStack = memo(({ stack }: ModalStackProps) => {\r\n  const isClient = useIsClient();\r\n  if (!isClient) return null;\r\n  return stack.map((item) => {\r\n    if (item.kind === 'modal') {\r\n      return (\r\n        <ModalStackItem\r\n          id={item.id}\r\n          key={item.id}\r\n          props={item.props}\r\n          onClose={closeModal}\r\n          onDestroy={destroyModal}\r\n          onUpdate={updateModal}\r\n        />\r\n      );\r\n    }\r\n\r\n    return (\r\n      <RawModalStackItem\r\n        component={item.component}\r\n        id={item.id}\r\n        key={item.id}\r\n        open={item.open}\r\n        options={item.options}\r\n        props={item.props}\r\n        onClose={closeModal}\r\n        onUpdate={updateRawProps}\r\n      />\r\n    );\r\n  });\r\n});\r\n\r\nModalStack.displayName = 'ModalStack';\r\n\r\nexport const ModalHost = ({ root }: ModalHostProps) => {\r\n  const stack = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\r\n  const isClient = useIsClient();\r\n\r\n  useEffect(() => {\r\n    if (!isClient) return;\r\n    // Enforce singleton per portal root (dev-only).\r\n    const scope = root ?? document.body;\r\n    return registerDevSingleton('ModalHost', scope);\r\n  }, [isClient, root]);\r\n\r\n  if (!isClient) return null;\r\n  if (stack.length === 0) return null;\r\n\r\n  return (\r\n    <ModalPortal root={root}>\r\n      <ModalStack stack={stack} />\r\n    </ModalPortal>\r\n  );\r\n};\r\n\r\nexport const createModal = (props: ImperativeModalProps): ModalInstance => {\r\n  const id = `modal-${Date.now()}-${modalSeed++}`;\r\n  modalStack = [\r\n    ...modalStack,\r\n    { id, kind: 'modal', props: { ...props, open: props.open ?? true } },\r\n  ];\r\n  notify();\r\n\r\n  return {\r\n    close: () => closeModal(id),\r\n    destroy: () => destroyModal(id),\r\n    setCanDismissByClickOutside: (value) => updateModal(id, { mask: { closable: value } }),\r\n    update: (nextProps) => updateModal(id, nextProps),\r\n  };\r\n};\r\n\r\nexport function createRawModal<P extends RawModalComponentProps>(\r\n  component: RawModalComponent<P>,\r\n  props: Omit<P, 'open' | 'onClose'>,\r\n  options?: RawModalOptions,\r\n): RawModalInstance<P>;\r\n\r\nexport function createRawModal<P, OpenKey extends keyof P, CloseKey extends keyof P>(\r\n  component: RawModalComponent<P>,\r\n  props: Omit<P, OpenKey | CloseKey>,\r\n  options: RawModalKeyOptions<OpenKey, CloseKey>,\r\n): RawModalInstance<P, OpenKey, CloseKey>;\r\n\r\nexport function createRawModal<P, OpenKey extends keyof P, CloseKey extends keyof P>(\r\n  component: RawModalComponent<P>,\r\n  props: Omit<P, OpenKey | CloseKey>,\r\n  options?: RawModalOptions<OpenKey, CloseKey>,\r\n): RawModalInstance<P, OpenKey, CloseKey> {\r\n  const id = `modal-${Date.now()}-${modalSeed++}`;\r\n  modalStack = [\r\n    ...modalStack,\r\n    {\r\n      component,\r\n      id,\r\n      kind: 'raw',\r\n      open: true,\r\n      options,\r\n      props: props as Record<string, unknown>,\r\n    },\r\n  ];\r\n  notify();\r\n\r\n  return {\r\n    close: () => closeModal(id),\r\n    destroy: () => destroyModal(id),\r\n    setCanDismissByClickOutside: (value) => updateRawProps(id, { mask: { closable: value } }),\r\n    update: (nextProps) => updateRawProps(id, nextProps as Record<string, unknown>),\r\n  };\r\n}\r\n"],"mappings":";;;;;;;;;;AAiDA,IAAI,aAAgC,CAAC;AACrC,IAAI,YAAY;AAChB,MAAM,4BAAY,IAAI,IAAgB;AACtC,MAAM,mCAAmB,IAAI,IAAoB;AAEjD,MAAM,eAAe;CACnB,UAAU,SAAS,aAAa,SAAS,CAAC;AAC5C;AAEA,MAAM,aAAa,aAAyB;CAC1C,UAAU,IAAI,QAAQ;CACtB,aAAa,UAAU,OAAO,QAAQ;AACxC;AAEA,MAAM,cAAiC,CAAC;AACxC,MAAM,oBAAoB;AAC1B,MAAM,0BAA0B;AAEhC,MAAM,eAAe,EACnB,UACA,WAII;CACJ,MAAM,aAAa,cAAc;CACjC,MAAM,YAAY,QAAQ,cAAc,SAAS;CAEjD,OAAO,aAAa,UAAU,SAAS;AACzC;AAEA,MAAM,eAAe,IAAY,cAA6C;CAC5E,IAAI,UAAU;CACd,aAAa,WAAW,KAAK,SAAS;EACpC,IAAI,KAAK,OAAO,IAAI,OAAO;EAC3B,IAAI,KAAK,SAAS,SAAS,OAAO;EAClC,UAAU;EACV,OAAO;GACL,GAAG;GACH,OAAO;IAAE,GAAG,KAAK;IAAO,GAAG;GAAU;EACvC;CACF,CAAC;CAED,IAAI,SAAS,OAAO;AACtB;AAEA,MAAM,kBAAkB,IAAY,cAAuC;CACzE,IAAI,UAAU;CACd,aAAa,WAAW,KAAK,SAAS;EACpC,IAAI,KAAK,OAAO,IAAI,OAAO;EAC3B,IAAI,KAAK,SAAS,OAAO,OAAO;EAChC,UAAU;EACV,OAAO;GACL,GAAG;GACH,OAAO;IAAE,GAAG,KAAK;IAAO,GAAG;GAAU;EACvC;CACF,CAAC;CAED,IAAI,SAAS,OAAO;AACtB;AAEA,MAAM,cAAc,IAAY,SAAkB;CAChD,IAAI,UAAU;CACd,aAAa,WAAW,KAAK,SAAS;EACpC,IAAI,KAAK,OAAO,IAAI,OAAO;EAC3B,IAAI,KAAK,SAAS,OAAO,OAAO;EAChC,IAAI,KAAK,SAAS,MAAM,OAAO;EAC/B,UAAU;EACV,OAAO;GAAE,GAAG;GAAM;EAAK;CACzB,CAAC;CAED,IAAI,MAAM;EACR,MAAM,QAAQ,iBAAiB,IAAI,EAAE;EACrC,IAAI,OAAO;GACT,aAAa,KAAK;GAClB,iBAAiB,OAAO,EAAE;EAC5B;CACF;CAEA,IAAI,SAAS,OAAO;AACtB;AAEA,MAAM,cAAc,OAAe;CACjC,MAAM,SAAS,WAAW,MAAM,SAAS,KAAK,OAAO,EAAE;CACvD,IAAI,CAAC,QAAQ;CAEb,IAAI,OAAO,SAAS,SAAS;EAC3B,YAAY,IAAI,EAAE,MAAM,MAAM,CAAC;EAC/B;CACF;CAEA,WAAW,IAAI,KAAK;CAGpB,IAAI,EADkB,OAAO,SAAS,kBAAkB,OACpC;CAEpB,MAAM,QAAQ,OAAO,SAAS,gBAAgB;CAC9C,MAAM,WAAW,iBAAiB,IAAI,EAAE;CACxC,IAAI,UAAU,aAAa,QAAQ;CACnC,MAAM,QAAQ,OAAO,iBAAiB;EACpC,iBAAiB,OAAO,EAAE;EAE1B,aAAa,EAAE;CACjB,GAAG,KAAK;CACR,iBAAiB,IAAI,IAAI,KAAK;AAChC;AAEA,MAAM,gBAAgB,OAAe;CACnC,MAAM,QAAQ,iBAAiB,IAAI,EAAE;CACrC,IAAI,OAAO;EACT,aAAa,KAAK;EAClB,iBAAiB,OAAO,EAAE;CAC5B;CACA,MAAM,YAAY,WAAW,QAAQ,SAAS,KAAK,OAAO,EAAE;CAC5D,IAAI,UAAU,WAAW,WAAW,QAAQ;CAC5C,aAAa;CACb,OAAO;AACT;AAEA,MAAM,aAAa,MAAM,EAAE,YAA6B;CAEtD,IAAI,CADa,YACL,GAAG,OAAO;CACtB,OAAO,MAAM,KAAK,SAAS;EACzB,IAAI,KAAK,SAAS,SAChB,OACE,oBAAC,gBAAD;GACE,IAAI,KAAK;GAET,OAAO,KAAK;GACZ,SAAS;GACT,WAAW;GACX,UAAU;EACX,GALM,KAAK,EAKX;EAIL,OACE,oBAAC,mBAAD;GACE,WAAW,KAAK;GAChB,IAAI,KAAK;GAET,MAAM,KAAK;GACX,SAAS,KAAK;GACd,OAAO,KAAK;GACZ,SAAS;GACT,UAAU;EACX,GANM,KAAK,EAMX;CAEL,CAAC;AACH,CAAC;AAED,WAAW,cAAc;AAEzB,MAAa,aAAa,EAAE,WAA2B;CACrD,MAAM,QAAQ,qBAAqB,WAAW,aAAa,iBAAiB;CAC5E,MAAM,WAAW,YAAY;CAE7B,gBAAgB;EACd,IAAI,CAAC,UAAU;EAEf,MAAM,QAAQ,QAAQ,SAAS;EAC/B,OAAO,qBAAqB,aAAa,KAAK;CAChD,GAAG,CAAC,UAAU,IAAI,CAAC;CAEnB,IAAI,CAAC,UAAU,OAAO;CACtB,IAAI,MAAM,WAAW,GAAG,OAAO;CAE/B,OACE,oBAAC,aAAD;EAAmB;EACjB,UAAA,oBAAC,YAAD,EAAmB,MAAQ,CAAA;CAChB,CAAA;AAEjB;AAEA,MAAa,eAAe,UAA+C;CACzE,MAAM,KAAK,SAAS,KAAK,IAAI,EAAE,GAAG;CAClC,aAAa,CACX,GAAG,YACH;EAAE;EAAI,MAAM;EAAS,OAAO;GAAE,GAAG;GAAO,MAAM,MAAM,QAAQ;EAAK;CAAE,CACrE;CACA,OAAO;CAEP,OAAO;EACL,aAAa,WAAW,EAAE;EAC1B,eAAe,aAAa,EAAE;EAC9B,8BAA8B,UAAU,YAAY,IAAI,EAAE,MAAM,EAAE,UAAU,MAAM,EAAE,CAAC;EACrF,SAAS,cAAc,YAAY,IAAI,SAAS;CAClD;AACF;AAcA,SAAgB,eACd,WACA,OACA,SACwC;CACxC,MAAM,KAAK,SAAS,KAAK,IAAI,EAAE,GAAG;CAClC,aAAa,CACX,GAAG,YACH;EACE;EACA;EACA,MAAM;EACN,MAAM;EACN;EACO;CACT,CACF;CACA,OAAO;CAEP,OAAO;EACL,aAAa,WAAW,EAAE;EAC1B,eAAe,aAAa,EAAE;EAC9B,8BAA8B,UAAU,eAAe,IAAI,EAAE,MAAM,EAAE,UAAU,MAAM,EAAE,CAAC;EACxF,SAAS,cAAc,eAAe,IAAI,SAAoC;CAChF;AACF"}

package/es/Modal/index.d.mts

@@ -0,0 +1,5 @@
+import { ImperativeModalProps, ModalContextValue, ModalInstance, ModalProps, RawModalComponent, RawModalComponentProps, RawModalInstance, RawModalKeyOptions, RawModalOptions } from "./type.mjs";
+import { ModalHost, ModalHostProps, createModal, createRawModal } from "./imperative.mjs";
+import Modal from "./Modal.mjs";
+import { ModalProvider, useModalContext } from "./ModalProvider.mjs";
+export { type ImperativeModalProps, type ModalContextValue, ModalHost, type ModalHostProps, type ModalInstance, type ModalProps, ModalProvider, type RawModalComponent, type RawModalComponentProps, type RawModalInstance, type RawModalKeyOptions, type RawModalOptions, createModal, createRawModal, Modal as default, useModalContext };

package/es/Modal/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/Modal/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/Modal/index.mjs

@@ -0,0 +1,4 @@
+import Modal from "./Modal.mjs";
+import { ModalProvider, useModalContext } from "./ModalProvider.mjs";
+import { ModalHost, createModal, createRawModal } from "./imperative.mjs";
+export { ModalHost, ModalProvider, createModal, createRawModal, Modal as default, useModalContext };

package/es/Modal/style.mjs

@@ -0,0 +1,57 @@
+import { createStaticStyles } from "antd-style";
+const styles = createStaticStyles(({ css, cssVar }) => {
+	return {
+		content: css`
+      [class*='ant-modal-footer'] {
+        margin: 0;
+        padding: 16px;
+      }
+
+      [class*='ant-modal-header'] {
+        display: flex;
+        gap: 4px;
+        align-items: center;
+        justify-content: center;
+
+        height: 56px;
+        margin-block-end: 0;
+        padding: 16px;
+      }
+
+      [class*='ant-modal-container'] {
+        overflow: hidden;
+        padding: 0;
+        border: 1px solid ${cssVar.colorSplit};
+        border-radius: ${cssVar.borderRadiusLG};
+      }
+    `,
+		drawerContent: css`
+      [class*='ant-drawer-close'] {
+        padding: 0;
+      }
+
+      [class*='ant-drawer-header'] {
+        flex: none;
+        height: ${56}px !important;
+        padding-block: 0;
+        padding-inline: 16px;
+      }
+
+      [class*='ant-drawer-footer'] {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+
+        padding: 16px;
+        border: none;
+      }
+    `,
+		wrap: css`
+      overflow: hidden auto;
+    `
+	};
+});
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/Modal/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Modal/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nexport const HEADER_HEIGHT = 56;\r\nexport const FOOTER_HEIGHT = 68;\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => {\r\n  return {\r\n    content: css`\r\n      [class*='ant-modal-footer'] {\r\n        margin: 0;\r\n        padding: 16px;\r\n      }\r\n\r\n      [class*='ant-modal-header'] {\r\n        display: flex;\r\n        gap: 4px;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        height: 56px;\r\n        margin-block-end: 0;\r\n        padding: 16px;\r\n      }\r\n\r\n      [class*='ant-modal-container'] {\r\n        overflow: hidden;\r\n        padding: 0;\r\n        border: 1px solid ${cssVar.colorSplit};\r\n        border-radius: ${cssVar.borderRadiusLG};\r\n      }\r\n    `,\r\n    drawerContent: css`\r\n      [class*='ant-drawer-close'] {\r\n        padding: 0;\r\n      }\r\n\r\n      [class*='ant-drawer-header'] {\r\n        flex: none;\r\n        height: ${HEADER_HEIGHT}px !important;\r\n        padding-block: 0;\r\n        padding-inline: 16px;\r\n      }\r\n\r\n      [class*='ant-drawer-footer'] {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-end;\r\n\r\n        padding: 16px;\r\n        border: none;\r\n      }\r\n    `,\r\n    wrap: css`\r\n      overflow: hidden auto;\r\n    `,\r\n  };\r\n});\r\n"],"mappings":";AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;4BAoBY,OAAO,WAAW;yBACrB,OAAO,eAAe;;;EAG3C,eAAe,GAAG;;;;;;;kBAOU,GAAA;;;;;;;;;;;;;;EAc5B,MAAM,GAAG;;;CAGX;AACF,CAAC"}

package/es/Modal/type.d.mts

@@ -0,0 +1,42 @@
+import { ComponentType } from "react";
+import { ModalProps } from "antd";
+//#region src/Modal/type.d.ts
+type ModalProps$1 = Omit<ModalProps, 'okType' | 'wrapClassName'> & {
+  allowFullscreen?: boolean;
+  enableResponsive?: boolean;
+  paddings?: {
+    desktop?: number;
+    mobile?: number;
+  };
+};
+type ModalContextValue = {
+  close: () => void;
+  setCanDismissByClickOutside: (value: boolean) => void;
+};
+type ModalInstance = ModalContextValue & {
+  destroy: () => void;
+  update: (nextProps: Partial<ImperativeModalProps>) => void;
+};
+type ImperativeModalProps = ModalProps$1;
+type RawModalComponentProps = {
+  onClose: () => void;
+  open: boolean;
+};
+type RawModalComponent<P = any> = ComponentType<P>;
+type RawModalOptions<OpenKey extends PropertyKey = 'open', CloseKey extends PropertyKey = 'onClose'> = {
+  destroyDelay?: number;
+  destroyOnClose?: boolean;
+  onCloseKey?: CloseKey;
+  openKey?: OpenKey;
+};
+type RawModalKeyOptions<OpenKey extends PropertyKey = 'open', CloseKey extends PropertyKey = 'onClose'> = RawModalOptions<OpenKey, CloseKey> & {
+  onCloseKey: CloseKey;
+  openKey: OpenKey;
+};
+type RawModalInstance<P = any, OpenKey extends PropertyKey = 'open', CloseKey extends PropertyKey = 'onClose'> = ModalContextValue & {
+  destroy: () => void;
+  update: (nextProps: Partial<Omit<P, Extract<OpenKey, keyof P> | Extract<CloseKey, keyof P>>>) => void;
+};
+//#endregion
+export { ImperativeModalProps, ModalContextValue, ModalInstance, ModalProps$1 as ModalProps, RawModalComponent, RawModalComponentProps, RawModalInstance, RawModalKeyOptions, RawModalOptions };
+//# sourceMappingURL=type.d.mts.map

package/es/MotionProvider/index.d.mts

@@ -0,0 +1,13 @@
+import { Context, ReactNode } from "react";
+import * as m from "motion/react-m";
+//#region src/MotionProvider/index.d.ts
+type MotionComponentType = typeof import('motion/react').motion | typeof m;
+declare const MotionComponent: Context<MotionComponentType>;
+declare const MotionProvider: import("react").NamedExoticComponent<{
+  children: ReactNode;
+  motion: MotionComponentType;
+}>;
+declare const useMotionComponent: () => MotionComponentType;
+//#endregion
+export { MotionComponent, MotionComponentType, MotionProvider, useMotionComponent };
+//# sourceMappingURL=index.d.mts.map

package/es/MotionProvider/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/MotionProvider/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/MotionProvider/index.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { createContext, memo, use } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/MotionProvider/index.tsx
+const MotionComponent = createContext(null);
+const MotionProvider = memo(({ children, motion }) => {
+	return /* @__PURE__ */ jsx(MotionComponent, {
+		value: motion,
+		children
+	});
+});
+const useMotionComponent = () => {
+	const context = use(MotionComponent);
+	if (!context) throw new Error("Please wrap your app with <ConfigProvider> (or <MotionProvider>) and pass the motion component");
+	return context;
+};
+//#endregion
+export { MotionComponent, MotionProvider, useMotionComponent };
+
+//# sourceMappingURL=index.mjs.map

package/es/MotionProvider/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/MotionProvider/index.tsx"],"sourcesContent":["'use client';\r\n\r\nimport type * as m from 'motion/react-m';\r\nimport { type Context, createContext, memo, type ReactNode, use } from 'react';\r\n\r\nexport type MotionComponentType = typeof import('motion/react').motion | typeof m;\r\n\r\nexport const MotionComponent: Context<MotionComponentType> = createContext<MotionComponentType>(\r\n  null!,\r\n);\r\n\r\nexport const MotionProvider = memo<{ children: ReactNode; motion: MotionComponentType }>(\r\n  ({ children, motion }) => {\r\n    return <MotionComponent value={motion}>{children}</MotionComponent>;\r\n  },\r\n);\r\n\r\nexport const useMotionComponent = (): MotionComponentType => {\r\n  const context = use(MotionComponent);\r\n  if (!context) {\r\n    throw new Error(\r\n      'Please wrap your app with <ConfigProvider> (or <MotionProvider>) and pass the motion component',\r\n    );\r\n  }\r\n  return context;\r\n};\r\n"],"mappings":";;;;AAOA,MAAa,kBAAgD,cAC3D,IACF;AAEA,MAAa,iBAAiB,MAC3B,EAAE,UAAU,aAAa;CACxB,OAAO,oBAAC,iBAAD;EAAiB,OAAO;EAAS;CAA0B,CAAA;AACpE,CACF;AAEA,MAAa,2BAAgD;CAC3D,MAAM,UAAU,IAAI,eAAe;CACnC,IAAI,CAAC,SACH,MAAM,IAAI,MACR,gGACF;CAEF,OAAO;AACT"}

package/es/Popover/index.d.mts

@@ -0,0 +1,11 @@
+import { PopoverArrowIcon } from "../base-ui/Popover/ArrowIcon.mjs";
+import { PopoverBackdropProps, PopoverPlacement, PopoverPopupProps, PopoverPortalProps, PopoverPositionerProps, PopoverProps, PopoverTrigger, PopoverTriggerComponentProps } from "../base-ui/Popover/type.mjs";
+import { PopoverArrow, PopoverArrowAtomProps, PopoverBackdrop, PopoverPopup, PopoverPopupAtomProps, PopoverPortal, PopoverPortalAtomProps, PopoverPositioner, PopoverPositionerAtomProps, PopoverRoot, PopoverTriggerElement, PopoverTriggerElementProps, PopoverViewport, PopoverViewportAtomProps } from "../base-ui/Popover/atoms.mjs";
+import { PopoverContextValue, PopoverProvider, usePopoverContext } from "../base-ui/Popover/context.mjs";
+import { PopoverGroupHandle, PopoverGroupItem, usePopoverGroupHandle } from "../base-ui/Popover/groupContext.mjs";
+import { parseTrigger } from "../utils/parseTrigger.mjs";
+import Popover from "../base-ui/Popover/Popover.mjs";
+import PopoverGroup from "../base-ui/Popover/PopoverGroup.mjs";
+import { usePopoverPortalContainer } from "../base-ui/Popover/PopoverPortal.mjs";
+import "../base-ui/Popover/index.mjs";
+export { PopoverArrow, type PopoverArrowAtomProps, PopoverArrowIcon, PopoverBackdrop, type PopoverBackdropProps, type PopoverContextValue, PopoverGroup, type PopoverGroupHandle, type PopoverGroupItem, type PopoverPlacement, PopoverPopup, type PopoverPopupAtomProps, type PopoverPopupProps, PopoverPortal, type PopoverPortalAtomProps, type PopoverPortalProps, PopoverPositioner, type PopoverPositionerAtomProps, type PopoverPositionerProps, type PopoverProps, PopoverProvider, PopoverRoot, type PopoverTrigger, type PopoverTriggerComponentProps, PopoverTriggerElement, type PopoverTriggerElementProps, PopoverViewport, type PopoverViewportAtomProps, Popover as default, parseTrigger, usePopoverContext, usePopoverGroupHandle, usePopoverPortalContainer };

package/es/Popover/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/Popover/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/Popover/index.mjs

@@ -0,0 +1,9 @@
+import { parseTrigger } from "../utils/parseTrigger.mjs";
+import { PopoverArrowIcon } from "../base-ui/Popover/ArrowIcon.mjs";
+import { usePopoverPortalContainer } from "../base-ui/Popover/PopoverPortal.mjs";
+import { PopoverArrow, PopoverBackdrop, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTriggerElement, PopoverViewport } from "../base-ui/Popover/atoms.mjs";
+import { PopoverProvider, usePopoverContext } from "../base-ui/Popover/context.mjs";
+import { usePopoverGroupHandle } from "../base-ui/Popover/groupContext.mjs";
+import Popover from "../base-ui/Popover/Popover.mjs";
+import PopoverGroup from "../base-ui/Popover/PopoverGroup.mjs";
+export { PopoverArrow, PopoverArrowIcon, PopoverBackdrop, PopoverGroup, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverProvider, PopoverRoot, PopoverTriggerElement, PopoverViewport, Popover as default, parseTrigger, usePopoverContext, usePopoverGroupHandle, usePopoverPortalContainer };

package/es/Provider.d.mts

@@ -0,0 +1,3 @@
+import { I18nProvider, I18nProviderProps } from "./i18n/context.mjs";
+import { useTranslation } from "./i18n/useTranslation.mjs";
+export { I18nProvider, type I18nProviderProps, I18nProvider as LobeUIProvider, useTranslation };

package/es/ScrollArea/index.d.mts

@@ -0,0 +1,5 @@
+import { ScrollAreaContent, ScrollAreaContentProps, ScrollAreaCorner, ScrollAreaCornerProps, ScrollAreaRoot, ScrollAreaRootProps, ScrollAreaScrollbar, ScrollAreaScrollbarProps, ScrollAreaThumb, ScrollAreaThumbProps, ScrollAreaViewport, ScrollAreaViewportProps } from "../base-ui/ScrollArea/atoms.mjs";
+import { ScrollAreaProps } from "../base-ui/ScrollArea/type.mjs";
+import { ScrollArea } from "../base-ui/ScrollArea/ScrollArea.mjs";
+import "../base-ui/ScrollArea/index.mjs";
+export { ScrollArea, ScrollAreaContent, type ScrollAreaContentProps, ScrollAreaCorner, type ScrollAreaCornerProps, type ScrollAreaProps, ScrollAreaRoot, type ScrollAreaRootProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb, type ScrollAreaThumbProps, ScrollAreaViewport, type ScrollAreaViewportProps };

package/es/ScrollArea/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/ScrollArea/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/ScrollArea/index.mjs

@@ -0,0 +1,3 @@
+import { ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "../base-ui/ScrollArea/atoms.mjs";
+import { ScrollArea } from "../base-ui/ScrollArea/ScrollArea.mjs";
+export { ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport };

package/es/ScrollShadow/ScrollShadow.d.mts

@@ -0,0 +1,7 @@
+import { ScrollShadowProps } from "./type.mjs";
+import { FC } from "react";
+//#region src/ScrollShadow/ScrollShadow.d.ts
+declare const ScrollShadow: FC<ScrollShadowProps>;
+//#endregion
+export { ScrollShadow as default };
+//# sourceMappingURL=ScrollShadow.d.mts.map

package/es/ScrollShadow/ScrollShadow.mjs

@@ -0,0 +1,83 @@
+"use client";
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import { useEventCallback } from "../hooks/useEventCallback.mjs";
+import { variants } from "./style.mjs";
+import { useScrollOverflow } from "./useScrollOverflow.mjs";
+import { useMemo, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { mergeRefs } from "react-merge-refs";
+//#region src/ScrollShadow/ScrollShadow.tsx
+const ScrollShadow = ({ className, children, orientation = "vertical", hideScrollBar = false, size = 16, offset = 8, visibility = "auto", isEnabled = true, onVisibilityChange, style, ref, ...rest }) => {
+	const cssVariables = useMemo(() => ({ "--scroll-shadow-size": `${size}%` }), [size]);
+	const domRef = useRef(null);
+	const onVisibilityChangeEvent = useEventCallback((visibility) => {
+		onVisibilityChange?.(visibility);
+	});
+	const scrollState = useScrollOverflow({
+		domRef,
+		isEnabled: isEnabled && visibility === "auto",
+		offset,
+		onVisibilityChange: onVisibilityChangeEvent,
+		orientation,
+		updateDeps: [children]
+	});
+	const finalScrollState = useMemo(() => {
+		if (visibility === "always") return {
+			bottom: true,
+			left: true,
+			right: true,
+			top: true
+		};
+		if (visibility === "never") return {
+			bottom: false,
+			left: false,
+			right: false,
+			top: false
+		};
+		return scrollState;
+	}, [visibility, scrollState]);
+	const dataAttributes = useMemo(() => {
+		const attributes = { "data-orientation": orientation };
+		if (orientation === "vertical") {
+			if (finalScrollState.top && finalScrollState.bottom) attributes["data-top-bottom-scroll"] = true;
+			else if (finalScrollState.top) attributes["data-top-scroll"] = true;
+			else if (finalScrollState.bottom) attributes["data-bottom-scroll"] = true;
+		} else if (finalScrollState.left && finalScrollState.right) attributes["data-left-right-scroll"] = true;
+		else if (finalScrollState.left) attributes["data-left-scroll"] = true;
+		else if (finalScrollState.right) attributes["data-right-scroll"] = true;
+		return attributes;
+	}, [orientation, finalScrollState]);
+	const scrollPosition = useMemo(() => {
+		if (orientation === "vertical") {
+			if (finalScrollState.top && finalScrollState.bottom) return "top-bottom";
+			if (finalScrollState.top) return "top";
+			if (finalScrollState.bottom) return "bottom";
+		} else {
+			if (finalScrollState.left && finalScrollState.right) return "left-right";
+			if (finalScrollState.left) return "left";
+			if (finalScrollState.right) return "right";
+		}
+		return "none";
+	}, [orientation, finalScrollState]);
+	return /* @__PURE__ */ jsx(FlexBasic_default, {
+		className: cx(variants({
+			hideScrollBar,
+			orientation,
+			scrollPosition
+		}), className),
+		ref: mergeRefs([domRef, ref]),
+		style: {
+			...cssVariables,
+			...style
+		},
+		...dataAttributes,
+		...rest,
+		children
+	});
+};
+ScrollShadow.displayName = "ScrollShadow";
+//#endregion
+export { ScrollShadow as default };
+
+//# sourceMappingURL=ScrollShadow.mjs.map

package/es/ScrollShadow/ScrollShadow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollShadow.mjs","names":["Flexbox"],"sources":["../../src/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport type { FC } from 'react';\r\nimport { useMemo, useRef } from 'react';\r\nimport { mergeRefs } from 'react-merge-refs';\r\n\r\nimport { Flexbox } from '@/Flex';\r\nimport { useEventCallback } from '@/hooks/useEventCallback';\r\n\r\nimport { variants } from './style';\r\nimport type { ScrollShadowProps } from './type';\r\nimport { useScrollOverflow } from './useScrollOverflow';\r\n\r\nconst ScrollShadow: FC<ScrollShadowProps> = ({\r\n  className,\r\n  children,\r\n  orientation = 'vertical',\r\n  hideScrollBar = false,\r\n  size = 16,\r\n  offset = 8,\r\n  visibility = 'auto',\r\n  isEnabled = true,\r\n  onVisibilityChange,\r\n  style,\r\n  ref,\r\n  ...rest\r\n}) => {\r\n  // Convert size prop to CSS variable\r\n  const cssVariables = useMemo<Record<string, string>>(\r\n    () => ({\r\n      '--scroll-shadow-size': `${size}%`,\r\n    }),\r\n    [size],\r\n  );\r\n  const domRef = useRef<HTMLDivElement>(null);\r\n\r\n  const onVisibilityChangeEvent = useEventCallback<\r\n    NonNullable<ScrollShadowProps['onVisibilityChange']>\r\n  >((visibility) => {\r\n    onVisibilityChange?.(visibility);\r\n  });\r\n  // 使用滚动检测钩子\r\n  const scrollState = useScrollOverflow({\r\n    domRef,\r\n    isEnabled: isEnabled && visibility === 'auto',\r\n    offset,\r\n    onVisibilityChange: onVisibilityChangeEvent,\r\n    orientation,\r\n    updateDeps: [children],\r\n  });\r\n\r\n  // 决定最终的滚动状态\r\n  const finalScrollState = useMemo(() => {\r\n    if (visibility === 'always') {\r\n      return {\r\n        bottom: true,\r\n        left: true,\r\n        right: true,\r\n        top: true,\r\n      };\r\n    }\r\n\r\n    if (visibility === 'never') {\r\n      return {\r\n        bottom: false,\r\n        left: false,\r\n        right: false,\r\n        top: false,\r\n      };\r\n    }\r\n\r\n    return scrollState;\r\n  }, [visibility, scrollState]);\r\n\r\n  // 计算数据属性\r\n  const dataAttributes = useMemo(() => {\r\n    const attributes: Record<string, boolean | string> = {\r\n      'data-orientation': orientation,\r\n    };\r\n\r\n    if (orientation === 'vertical') {\r\n      if (finalScrollState.top && finalScrollState.bottom) {\r\n        attributes['data-top-bottom-scroll'] = true;\r\n      } else if (finalScrollState.top) {\r\n        attributes['data-top-scroll'] = true;\r\n      } else if (finalScrollState.bottom) {\r\n        attributes['data-bottom-scroll'] = true;\r\n      }\r\n    } else {\r\n      if (finalScrollState.left && finalScrollState.right) {\r\n        attributes['data-left-right-scroll'] = true;\r\n      } else if (finalScrollState.left) {\r\n        attributes['data-left-scroll'] = true;\r\n      } else if (finalScrollState.right) {\r\n        attributes['data-right-scroll'] = true;\r\n      }\r\n    }\r\n\r\n    return attributes;\r\n  }, [orientation, finalScrollState]);\r\n\r\n  // 计算滚动位置变体\r\n  const scrollPosition = useMemo(() => {\r\n    if (orientation === 'vertical') {\r\n      if (finalScrollState.top && finalScrollState.bottom) return 'top-bottom';\r\n      if (finalScrollState.top) return 'top';\r\n      if (finalScrollState.bottom) return 'bottom';\r\n    } else {\r\n      if (finalScrollState.left && finalScrollState.right) return 'left-right';\r\n      if (finalScrollState.left) return 'left';\r\n      if (finalScrollState.right) return 'right';\r\n    }\r\n    return 'none';\r\n  }, [orientation, finalScrollState]);\r\n\r\n  return (\r\n    <Flexbox\r\n      className={cx(variants({ hideScrollBar, orientation, scrollPosition }), className)}\r\n      ref={mergeRefs<HTMLDivElement>([domRef, ref])}\r\n      style={{\r\n        ...cssVariables,\r\n        ...style,\r\n      }}\r\n      {...dataAttributes}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nScrollShadow.displayName = 'ScrollShadow';\r\n\r\nexport default ScrollShadow;\r\n"],"mappings":";;;;;;;;;;AAcA,MAAM,gBAAuC,EAC3C,WACA,UACA,cAAc,YACd,gBAAgB,OAChB,OAAO,IACP,SAAS,GACT,aAAa,QACb,YAAY,MACZ,oBACA,OACA,KACA,GAAG,WACC;CAEJ,MAAM,eAAe,eACZ,EACL,wBAAwB,GAAG,KAAK,GAClC,IACA,CAAC,IAAI,CACP;CACA,MAAM,SAAS,OAAuB,IAAI;CAE1C,MAAM,0BAA0B,kBAE7B,eAAe;EAChB,qBAAqB,UAAU;CACjC,CAAC;CAED,MAAM,cAAc,kBAAkB;EACpC;EACA,WAAW,aAAa,eAAe;EACvC;EACA,oBAAoB;EACpB;EACA,YAAY,CAAC,QAAQ;CACvB,CAAC;CAGD,MAAM,mBAAmB,cAAc;EACrC,IAAI,eAAe,UACjB,OAAO;GACL,QAAQ;GACR,MAAM;GACN,OAAO;GACP,KAAK;EACP;EAGF,IAAI,eAAe,SACjB,OAAO;GACL,QAAQ;GACR,MAAM;GACN,OAAO;GACP,KAAK;EACP;EAGF,OAAO;CACT,GAAG,CAAC,YAAY,WAAW,CAAC;CAG5B,MAAM,iBAAiB,cAAc;EACnC,MAAM,aAA+C,EACnD,oBAAoB,YACtB;EAEA,IAAI,gBAAgB,YAAY;GAC9B,IAAI,iBAAiB,OAAO,iBAAiB,QAC3C,WAAW,4BAA4B;QAClC,IAAI,iBAAiB,KAC1B,WAAW,qBAAqB;QAC3B,IAAI,iBAAiB,QAC1B,WAAW,wBAAwB;EAEvC,OACE,IAAI,iBAAiB,QAAQ,iBAAiB,OAC5C,WAAW,4BAA4B;OAClC,IAAI,iBAAiB,MAC1B,WAAW,sBAAsB;OAC5B,IAAI,iBAAiB,OAC1B,WAAW,uBAAuB;EAItC,OAAO;CACT,GAAG,CAAC,aAAa,gBAAgB,CAAC;CAGlC,MAAM,iBAAiB,cAAc;EACnC,IAAI,gBAAgB,YAAY;GAC9B,IAAI,iBAAiB,OAAO,iBAAiB,QAAQ,OAAO;GAC5D,IAAI,iBAAiB,KAAK,OAAO;GACjC,IAAI,iBAAiB,QAAQ,OAAO;EACtC,OAAO;GACL,IAAI,iBAAiB,QAAQ,iBAAiB,OAAO,OAAO;GAC5D,IAAI,iBAAiB,MAAM,OAAO;GAClC,IAAI,iBAAiB,OAAO,OAAO;EACrC;EACA,OAAO;CACT,GAAG,CAAC,aAAa,gBAAgB,CAAC;CAElC,OACE,oBAACA,mBAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAe;GAAa;EAAe,CAAC,GAAG,SAAS;EACjF,KAAK,UAA0B,CAAC,QAAQ,GAAG,CAAC;EAC5C,OAAO;GACL,GAAG;GACH,GAAG;EACL;EACA,GAAI;EACJ,GAAI;EAEH;CACM,CAAA;AAEb;AAEA,aAAa,cAAc"}

package/es/ScrollShadow/index.d.mts

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

package/es/ScrollShadow/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/ScrollShadow/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/ScrollShadow/index.mjs

@@ -0,0 +1,2 @@
+import ScrollShadow from "./ScrollShadow.mjs";
+export { ScrollShadow as default };