tiny-ui 1.0.3 → 1.0.4

package/lib/message/message.js

@@ -1,55 +1,84 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const react_transition_group_1 = require("react-transition-group");
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const components_1 = require("../_utils/components");
+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");
+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");
+let react_transition_group = require("react-transition-group");
+//#region components/message/message.tsx
 const Message = (props) => {
-    const { type, icon, content, duration, willUnmount, extra, className, style, prefixCls: customisedCls, } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('message', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, className);
-    const ref = (0, react_1.useRef)(null);
-    const [visible, setVisible] = (0, react_1.useState)(true);
-    const renderIcon = () => {
-        if (react_1.default.isValidElement(icon)) {
-            return icon;
-        }
-        else if (typeof type === 'string') {
-            switch (type) {
-                case 'success':
-                    return (0, jsx_runtime_1.jsx)(components_1.CheckCircle, { size: 16, className: `${prefixCls}__icon` });
-                case 'info':
-                    return (0, jsx_runtime_1.jsx)(components_1.InfoCircle, { size: 16, className: `${prefixCls}__icon` });
-                case 'warning':
-                    return (0, jsx_runtime_1.jsx)(components_1.WarningCircle, { size: 16, className: `${prefixCls}__icon` });
-                case 'error':
-                    return (0, jsx_runtime_1.jsx)(components_1.CloseCircle, { size: 16, className: `${prefixCls}__icon` });
-                case 'loading':
-                    return ((0, jsx_runtime_1.jsx)(components_1.LoadingCircle, { size: 16, className: (0, classnames_1.default)(`${prefixCls}__icon`, {
-                            [`${prefixCls}__icon_loading`]: type === 'loading',
-                        }) }));
-            }
-        }
-        return null;
-    };
-    (0, react_1.useEffect)(() => {
-        const node = ref.current;
-        const height = (node && node.offsetHeight) || 0;
-        const timer = window.setTimeout(() => {
-            setVisible(false);
-            willUnmount(height);
-        }, duration);
-        return () => {
-            window.clearTimeout(timer);
-        };
-    }, [duration, willUnmount]);
-    return ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { nodeRef: ref, in: visible, appear: true, timeout: 0, classNames: `${prefixCls}_fade-slide`, children: (0, jsx_runtime_1.jsxs)("div", { role: "alert", className: cls, style: style, ref: ref, children: [renderIcon(), (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__content`, children: content }), extra && (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__extra`, children: extra })] }) }));
+	const { type, icon, content, duration, willUnmount, extra, className, style, prefixCls: customisedCls } = props;
+	const prefixCls = require_general.getPrefixCls("message", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className);
+	const ref = (0, react.useRef)(null);
+	const [visible, setVisible] = (0, react.useState)(true);
+	const renderIcon = () => {
+		if (react.default.isValidElement(icon)) return icon;
+		else if (typeof type === "string") switch (type) {
+			case "success": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.CheckCircle, {
+				size: 16,
+				className: `${prefixCls}__icon`
+			});
+			case "info": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.InfoCircle, {
+				size: 16,
+				className: `${prefixCls}__icon`
+			});
+			case "warning": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.WarningCircle, {
+				size: 16,
+				className: `${prefixCls}__icon`
+			});
+			case "error": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.CloseCircle, {
+				size: 16,
+				className: `${prefixCls}__icon`
+			});
+			case "loading": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.LoadingCircle, {
+				size: 16,
+				className: (0, classnames.default)(`${prefixCls}__icon`, { [`${prefixCls}__icon_loading`]: type === "loading" })
+			});
+		}
+		return null;
+	};
+	(0, react.useEffect)(() => {
+		const node = ref.current;
+		const height = node && node.offsetHeight || 0;
+		const timer = window.setTimeout(() => {
+			setVisible(false);
+			willUnmount(height);
+		}, duration);
+		return () => {
+			window.clearTimeout(timer);
+		};
+	}, [duration, willUnmount]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_transition_group.CSSTransition, {
+		nodeRef: ref,
+		in: visible,
+		appear: true,
+		timeout: 0,
+		classNames: `${prefixCls}_fade-slide`,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			role: "alert",
+			className: cls,
+			style,
+			ref,
+			children: [
+				renderIcon(),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${prefixCls}__content`,
+					children: content
+				}),
+				extra && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: `${prefixCls}__extra`,
+					children: extra
+				})
+			]
+		})
+	});
 };
-Message.displayName = 'Message';
+Message.displayName = "Message";
+//#endregion
 exports.default = Message;
+
 //# sourceMappingURL=message.js.map

package/lib/message/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","sourceRoot":"","sources":["../../components/message/message.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"message.js","names":["getPrefixCls","ConfigContext","React","CheckCircle","InfoCircle","WarningCircle","CloseCircle","LoadingCircle","CSSTransition"],"sources":["../../components/message/message.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, useContext } from 'react';\nimport classNames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport {\n  CheckCircle,\n  CloseCircle,\n  InfoCircle,\n  LoadingCircle,\n  WarningCircle,\n} from '../_utils/components';\nimport { MessageProps } from './types';\n\nconst Message = (props: MessageProps): JSX.Element => {\n  const {\n    type,\n    icon,\n    content,\n    duration,\n    willUnmount,\n    extra,\n    className,\n    style,\n    prefixCls: customisedCls,\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('message', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n  const ref = useRef<HTMLDivElement | null>(null);\n  const [visible, setVisible] = useState(true);\n\n  const renderIcon = (): React.ReactNode => {\n    if (React.isValidElement(icon)) {\n      return icon;\n    } else if (typeof type === 'string') {\n      switch (type) {\n        case 'success':\n          return <CheckCircle size={16} className={`${prefixCls}__icon`} />;\n        case 'info':\n          return <InfoCircle size={16} className={`${prefixCls}__icon`} />;\n        case 'warning':\n          return <WarningCircle size={16} className={`${prefixCls}__icon`} />;\n        case 'error':\n          return <CloseCircle size={16} className={`${prefixCls}__icon`} />;\n        case 'loading':\n          return (\n            <LoadingCircle\n              size={16}\n              className={classNames(`${prefixCls}__icon`, {\n                [`${prefixCls}__icon_loading`]: type === 'loading',\n              })}\n            />\n          );\n      }\n    }\n\n    return null;\n  };\n\n  useEffect(() => {\n    const node = ref.current;\n    const height = (node && node.offsetHeight) || 0;\n    const timer = window.setTimeout(() => {\n      setVisible(false);\n      willUnmount(height);\n    }, duration);\n\n    return (): void => {\n      window.clearTimeout(timer);\n    };\n  }, [duration, willUnmount]);\n\n  return (\n    <CSSTransition nodeRef={ref} in={visible} appear={true} timeout={0} classNames={`${prefixCls}_fade-slide`}>\n      <div role=\"alert\" className={cls} style={style} ref={ref}>\n        {renderIcon()}\n        <span className={`${prefixCls}__content`}>{content}</span>\n        {extra && <div className={`${prefixCls}__extra`}>{extra}</div>}\n      </div>\n    </CSSTransition>\n  );\n};\n\nMessage.displayName = 'Message';\n\nexport default Message;\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,WAAW,UAAqC;CACpD,MAAM,EACJ,MACA,MACA,SACA,UACA,aACA,OACA,WACA,OACA,WAAW,kBACT;CAEJ,MAAM,YAAYA,gBAAAA,aAAa,YAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACS,WAAW,cAAc;CACjF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,UAAU;CAC5C,MAAM,OAAA,GAAA,MAAA,QAAoC,KAAK;CAC/C,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,KAAK;CAE5C,MAAM,mBAAoC;AACxC,MAAIC,MAAAA,QAAM,eAAe,KAAK,CAC5B,QAAO;WACE,OAAO,SAAS,SACzB,SAAQ,MAAR;GACE,KAAK,UACH,QAAO,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,aAAD;IAAa,MAAM;IAAI,WAAW,GAAG,UAAU;IAAW,CAAA;GACnE,KAAK,OACH,QAAO,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,YAAD;IAAY,MAAM;IAAI,WAAW,GAAG,UAAU;IAAW,CAAA;GAClE,KAAK,UACH,QAAO,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,eAAD;IAAe,MAAM;IAAI,WAAW,GAAG,UAAU;IAAW,CAAA;GACrE,KAAK,QACH,QAAO,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,aAAD;IAAa,MAAM;IAAI,WAAW,GAAG,UAAU;IAAW,CAAA;GACnE,KAAK,UACH,QACE,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,eAAD;IACE,MAAM;IACN,YAAA,GAAA,WAAA,SAAsB,GAAG,UAAU,SAAS,GACzC,GAAG,UAAU,kBAAkB,SAAS,WAC1C,CAAC;IACF,CAAA;;AAKV,SAAO;;AAGT,EAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,OAAO,IAAI;EACjB,MAAM,SAAU,QAAQ,KAAK,gBAAiB;EAC9C,MAAM,QAAQ,OAAO,iBAAiB;AACpC,cAAW,MAAM;AACjB,eAAY,OAAO;KAClB,SAAS;AAEZ,eAAmB;AACjB,UAAO,aAAa,MAAM;;IAE3B,CAAC,UAAU,YAAY,CAAC;AAE3B,QACE,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,eAAD;EAAe,SAAS;EAAK,IAAI;EAAS,QAAQ;EAAM,SAAS;EAAG,YAAY,GAAG,UAAU;YAC3F,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,MAAK;GAAQ,WAAW;GAAY;GAAY;aAArD;IACG,YAAY;IACb,iBAAA,GAAA,kBAAA,KAAC,QAAD;KAAM,WAAW,GAAG,UAAU;eAAa;KAAe,CAAA;IACzD,SAAS,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAW,GAAG,UAAU;eAAW;KAAY,CAAA;IAC1D;;EACQ,CAAA;;AAIpB,QAAQ,cAAc"}

package/lib/message/style/index.css

@@ -0,0 +1,73 @@
+@keyframes ty-rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes ty-rotate-reverse {
+  from {
+    transform: rotate(0);
+  }
+  to {
+    transform: rotate(-360deg);
+  }
+}
+@keyframes ty-processing {
+  0% {
+    transform: scale(0.8);
+    opacity: 0.5;
+  }
+  100% {
+    transform: scale(2.8);
+    opacity: 0;
+  }
+}
+.ty-message {
+  position: relative;
+  padding: 10px 16px;
+  background: var(--ty-message-bg);
+  border-radius: 4px;
+  box-shadow: var(--ty-shadow-modal);
+  transition: all 300ms;
+  opacity: 0;
+  transform: translateY(-5px);
+  box-sizing: border-box;
+  display: flex;
+  font-size: 14px;
+  align-items: center;
+  pointer-events: all;
+}
+.ty-message-container {
+  display: flex;
+  justify-content: center;
+  position: fixed;
+  width: 100%;
+  pointer-events: none;
+  transition: top 200ms;
+  z-index: 999;
+  box-sizing: border-box;
+}
+.ty-message__content {
+  font-size: 14px;
+  line-height: 14px;
+  color: var(--ty-color-text-secondary);
+}
+.ty-message_fade-slide-enter {
+  opacity: 0;
+  transform: translateY(-5px);
+}
+.ty-message_fade-slide-enter-done {
+  opacity: 1;
+  transform: translateY(0);
+}
+.ty-message__icon {
+  margin-right: 5px;
+}
+.ty-message__icon_loading {
+  animation: ty-rotate 1s linear infinite;
+}
+.ty-message__extra {
+  margin-left: 15px;
+}

package/lib/message/style/index.d.ts

@@ -1 +1 @@
-import './index.scss';
+export { };

package/lib/message/style/index.js

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./index.scss");
-//# sourceMappingURL=index.js.map
+require("./index.css");

package/lib/modal/index.d.ts

@@ -1,10 +1,12 @@
-import Modal from './modal';
-import { ModalProvider, useModal } from './modal-context';
-import type { ModalProviderProps, UseModalReturn } from './modal-context';
+import { Modal } from "./modal.js";
+import { ModalProvider, ModalProviderProps, UseModalReturn, useModal } from "./modal-context.js";
+
+//#region components/modal/index.d.ts
 type ModalComponent = typeof Modal & {
-    Provider: typeof ModalProvider;
-    useModal: typeof useModal;
+  Provider: typeof ModalProvider;
+  useModal: typeof useModal;
 };
 declare const ModalWithContext: ModalComponent;
-export default ModalWithContext;
-export type { ModalProviderProps, UseModalReturn };
+//#endregion
+export { ModalWithContext };
+//# sourceMappingURL=index.d.ts.map

package/lib/modal/index.js

@@ -1,10 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const modal_1 = tslib_1.__importDefault(require("./modal"));
-const modal_context_1 = require("./modal-context");
-const ModalWithContext = modal_1.default;
-ModalWithContext.Provider = modal_context_1.ModalProvider;
-ModalWithContext.useModal = modal_context_1.useModal;
+require('../style/base.css');
+require('./style/index.css');
+require('../overlay/style/index.css');
+require('../button/style/index.css');
+const require_modal = require("./modal.js");
+const require_modal_context = require("./modal-context.js");
+//#region components/modal/index.tsx
+const ModalWithContext = require_modal.default;
+ModalWithContext.Provider = require_modal_context.ModalProvider;
+ModalWithContext.useModal = require_modal_context.useModal;
+//#endregion
 exports.default = ModalWithContext;
+
 //# sourceMappingURL=index.js.map

package/lib/modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/modal/index.tsx"],"names":[],"mappings":";;;AAAA,4DAA4B;AAC5B,mDAA0D;AAQ1D,MAAM,gBAAgB,GAAG,eAAuB,CAAC;AACjD,gBAAgB,CAAC,QAAQ,GAAG,6BAAa,CAAC;AAC1C,gBAAgB,CAAC,QAAQ,GAAG,wBAAQ,CAAC;AAErC,kBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","names":["Modal","ModalProvider","useModal"],"sources":["../../components/modal/index.tsx"],"sourcesContent":["import Modal from './modal';\nimport { ModalProvider, useModal } from './modal-context';\nimport type { ModalProviderProps, UseModalReturn } from './modal-context';\n\ntype ModalComponent = typeof Modal & {\n  Provider: typeof ModalProvider;\n  useModal: typeof useModal;\n};\n\nconst ModalWithContext = Modal as ModalComponent;\nModalWithContext.Provider = ModalProvider;\nModalWithContext.useModal = useModal;\n\nexport default ModalWithContext;\nexport type { ModalProviderProps, UseModalReturn };\n"],"mappings":";;;AASA,MAAM,mBAAmBA,cAAAA;AACzB,iBAAiB,WAAWC,sBAAAA;AAC5B,iBAAiB,WAAWC,sBAAAA"}

package/lib/modal/modal-context.d.ts

@@ -1,30 +1,37 @@
-import React from 'react';
+import React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/modal/modal-context.d.ts
 type ModalState = Record<string, boolean>;
 type ModalAction = {
-    type: 'SHOW';
-    id: string;
+  type: 'SHOW';
+  id: string;
 } | {
-    type: 'HIDE';
-    id: string;
+  type: 'HIDE';
+  id: string;
 } | {
-    type: 'TOGGLE';
-    id: string;
+  type: 'TOGGLE';
+  id: string;
 } | {
-    type: 'PURGE';
+  type: 'PURGE';
 };
-declare function modalReducer(state: ModalState, action: ModalAction): ModalState;
 interface ModalProviderProps {
-    modals?: ModalState;
-    dispatch?: React.Dispatch<ModalAction>;
-    children: React.ReactNode;
+  modals?: ModalState;
+  dispatch?: React.Dispatch<ModalAction>;
+  children: React.ReactNode;
 }
-declare function ModalProvider({ modals: controlledModals, dispatch: controlledDispatch, children }: ModalProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function ModalProvider({
+  modals: controlledModals,
+  dispatch: controlledDispatch,
+  children
+}: ModalProviderProps): react_jsx_runtime0.JSX.Element;
 interface UseModalReturn {
-    visible: boolean;
-    show: () => void;
-    close: () => void;
-    toggle: () => void;
+  visible: boolean;
+  show: () => void;
+  close: () => void;
+  toggle: () => void;
 }
 declare function useModal(id: string): UseModalReturn;
-export { ModalProvider, useModal, modalReducer };
-export type { ModalState, ModalAction, ModalProviderProps, UseModalReturn };
+//#endregion
+export { ModalProvider, type ModalProviderProps, type UseModalReturn, useModal };
+//# sourceMappingURL=modal-context.d.ts.map

package/lib/modal/modal-context.js

@@ -1,42 +1,71 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalProvider = ModalProvider;
-exports.useModal = useModal;
-exports.modalReducer = modalReducer;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/modal/modal-context.tsx
 function modalReducer(state, action) {
-    switch (action.type) {
-        case 'SHOW':
-            return state[action.id] === true ? state : { ...state, [action.id]: true };
-        case 'HIDE':
-            return state[action.id] === false ? state : { ...state, [action.id]: false };
-        case 'TOGGLE':
-            return { ...state, [action.id]: !state[action.id] };
-        case 'PURGE':
-            return {};
-        default:
-            return state;
-    }
+	switch (action.type) {
+		case "SHOW": return state[action.id] === true ? state : {
+			...state,
+			[action.id]: true
+		};
+		case "HIDE": return state[action.id] === false ? state : {
+			...state,
+			[action.id]: false
+		};
+		case "TOGGLE": return {
+			...state,
+			[action.id]: !state[action.id]
+		};
+		case "PURGE": return {};
+		default: return state;
+	}
 }
-const ModalContext = (0, react_1.createContext)(null);
+const ModalContext = (0, react.createContext)(null);
 function ModalProvider({ modals: controlledModals, dispatch: controlledDispatch, children }) {
-    const [internalModals, internalDispatch] = (0, react_1.useReducer)(modalReducer, {});
-    const modals = controlledModals ?? internalModals;
-    const dispatch = controlledDispatch ?? internalDispatch;
-    const value = (0, react_1.useMemo)(() => ({ modals, dispatch }), [modals, dispatch]);
-    return (0, jsx_runtime_1.jsx)(ModalContext.Provider, { value: value, children: children });
+	const [internalModals, internalDispatch] = (0, react.useReducer)(modalReducer, {});
+	const modals = controlledModals ?? internalModals;
+	const dispatch = controlledDispatch ?? internalDispatch;
+	const value = (0, react.useMemo)(() => ({
+		modals,
+		dispatch
+	}), [modals, dispatch]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalContext.Provider, {
+		value,
+		children
+	});
 }
 function useModal(id) {
-    const ctx = (0, react_1.useContext)(ModalContext);
-    if (!ctx) {
-        throw new Error('useModal must be used within a <Modal.Provider>');
-    }
-    const { modals, dispatch } = ctx;
-    const visible = !!modals[id];
-    const show = (0, react_1.useCallback)(() => dispatch({ type: 'SHOW', id }), [dispatch, id]);
-    const close = (0, react_1.useCallback)(() => dispatch({ type: 'HIDE', id }), [dispatch, id]);
-    const toggle = (0, react_1.useCallback)(() => dispatch({ type: 'TOGGLE', id }), [dispatch, id]);
-    return (0, react_1.useMemo)(() => ({ visible, show, close, toggle }), [visible, show, close, toggle]);
+	const ctx = (0, react.useContext)(ModalContext);
+	if (!ctx) throw new Error("useModal must be used within a <Modal.Provider>");
+	const { modals, dispatch } = ctx;
+	const visible = !!modals[id];
+	const show = (0, react.useCallback)(() => dispatch({
+		type: "SHOW",
+		id
+	}), [dispatch, id]);
+	const close = (0, react.useCallback)(() => dispatch({
+		type: "HIDE",
+		id
+	}), [dispatch, id]);
+	const toggle = (0, react.useCallback)(() => dispatch({
+		type: "TOGGLE",
+		id
+	}), [dispatch, id]);
+	return (0, react.useMemo)(() => ({
+		visible,
+		show,
+		close,
+		toggle
+	}), [
+		visible,
+		show,
+		close,
+		toggle
+	]);
 }
+//#endregion
+exports.ModalProvider = ModalProvider;
+exports.useModal = useModal;
+
 //# sourceMappingURL=modal-context.js.map

package/lib/modal/modal-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-context.js","sourceRoot":"","sources":["../../components/modal/modal-context.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"modal-context.js","names":[],"sources":["../../components/modal/modal-context.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useMemo, useReducer } from 'react';\n\n// --- Reducer ---\n\ntype ModalState = Record<string, boolean>;\n\ntype ModalAction =\n  | { type: 'SHOW'; id: string }\n  | { type: 'HIDE'; id: string }\n  | { type: 'TOGGLE'; id: string }\n  | { type: 'PURGE' };\n\nfunction modalReducer(state: ModalState, action: ModalAction): ModalState {\n  switch (action.type) {\n    case 'SHOW':\n      return state[action.id] === true ? state : { ...state, [action.id]: true };\n    case 'HIDE':\n      return state[action.id] === false ? state : { ...state, [action.id]: false };\n    case 'TOGGLE':\n      return { ...state, [action.id]: !state[action.id] };\n    case 'PURGE':\n      return {};\n    default:\n      return state;\n  }\n}\n\n// --- Context ---\n\ninterface ModalContextValue {\n  modals: ModalState;\n  dispatch: React.Dispatch<ModalAction>;\n}\n\nconst ModalContext = createContext<ModalContextValue | null>(null);\n\n// --- Provider ---\n\ninterface ModalProviderProps {\n  modals?: ModalState;\n  dispatch?: React.Dispatch<ModalAction>;\n  children: React.ReactNode;\n}\n\nfunction ModalProvider({ modals: controlledModals, dispatch: controlledDispatch, children }: ModalProviderProps) {\n  const [internalModals, internalDispatch] = useReducer(modalReducer, {});\n\n  const modals = controlledModals ?? internalModals;\n  const dispatch = controlledDispatch ?? internalDispatch;\n\n  const value = useMemo(() => ({ modals, dispatch }), [modals, dispatch]);\n\n  return <ModalContext.Provider value={value}>{children}</ModalContext.Provider>;\n}\n\n// --- Hook ---\n\ninterface UseModalReturn {\n  visible: boolean;\n  show: () => void;\n  close: () => void;\n  toggle: () => void;\n}\n\nfunction useModal(id: string): UseModalReturn {\n  const ctx = useContext(ModalContext);\n  if (!ctx) {\n    throw new Error('useModal must be used within a <Modal.Provider>');\n  }\n\n  const { modals, dispatch } = ctx;\n  const visible = !!modals[id];\n\n  const show = useCallback(() => dispatch({ type: 'SHOW', id }), [dispatch, id]);\n  const close = useCallback(() => dispatch({ type: 'HIDE', id }), [dispatch, id]);\n  const toggle = useCallback(() => dispatch({ type: 'TOGGLE', id }), [dispatch, id]);\n\n  return useMemo(() => ({ visible, show, close, toggle }), [visible, show, close, toggle]);\n}\n\nexport { ModalProvider, useModal, modalReducer };\nexport type { ModalState, ModalAction, ModalProviderProps, UseModalReturn };\n"],"mappings":";;;;;AAYA,SAAS,aAAa,OAAmB,QAAiC;AACxE,SAAQ,OAAO,MAAf;EACE,KAAK,OACH,QAAO,MAAM,OAAO,QAAQ,OAAO,QAAQ;GAAE,GAAG;IAAQ,OAAO,KAAK;GAAM;EAC5E,KAAK,OACH,QAAO,MAAM,OAAO,QAAQ,QAAQ,QAAQ;GAAE,GAAG;IAAQ,OAAO,KAAK;GAAO;EAC9E,KAAK,SACH,QAAO;GAAE,GAAG;IAAQ,OAAO,KAAK,CAAC,MAAM,OAAO;GAAK;EACrD,KAAK,QACH,QAAO,EAAE;EACX,QACE,QAAO;;;AAWb,MAAM,gBAAA,GAAA,MAAA,eAAuD,KAAK;AAUlE,SAAS,cAAc,EAAE,QAAQ,kBAAkB,UAAU,oBAAoB,YAAgC;CAC/G,MAAM,CAAC,gBAAgB,qBAAA,GAAA,MAAA,YAA+B,cAAc,EAAE,CAAC;CAEvE,MAAM,SAAS,oBAAoB;CACnC,MAAM,WAAW,sBAAsB;CAEvC,MAAM,SAAA,GAAA,MAAA,gBAAuB;EAAE;EAAQ;EAAU,GAAG,CAAC,QAAQ,SAAS,CAAC;AAEvE,QAAO,iBAAA,GAAA,kBAAA,KAAC,aAAa,UAAd;EAA8B;EAAQ;EAAiC,CAAA;;AAYhF,SAAS,SAAS,IAA4B;CAC5C,MAAM,OAAA,GAAA,MAAA,YAAiB,aAAa;AACpC,KAAI,CAAC,IACH,OAAM,IAAI,MAAM,kDAAkD;CAGpE,MAAM,EAAE,QAAQ,aAAa;CAC7B,MAAM,UAAU,CAAC,CAAC,OAAO;CAEzB,MAAM,QAAA,GAAA,MAAA,mBAAyB,SAAS;EAAE,MAAM;EAAQ;EAAI,CAAC,EAAE,CAAC,UAAU,GAAG,CAAC;CAC9E,MAAM,SAAA,GAAA,MAAA,mBAA0B,SAAS;EAAE,MAAM;EAAQ;EAAI,CAAC,EAAE,CAAC,UAAU,GAAG,CAAC;CAC/E,MAAM,UAAA,GAAA,MAAA,mBAA2B,SAAS;EAAE,MAAM;EAAU;EAAI,CAAC,EAAE,CAAC,UAAU,GAAG,CAAC;AAElF,SAAA,GAAA,MAAA,gBAAsB;EAAE;EAAS;EAAM;EAAO;EAAQ,GAAG;EAAC;EAAS;EAAM;EAAO;EAAO,CAAC"}

package/lib/modal/modal.d.ts

@@ -1,4 +1,8 @@
-import React from 'react';
-import { ModalProps } from './types';
+import { ModalProps } from "./types.js";
+import React from "react";
+
+//#region components/modal/modal.d.ts
 declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
-export default Modal;
+//#endregion
+export { Modal };
+//# sourceMappingURL=modal.d.ts.map