@banzamel/mineralui 0.9.0 → 0.10.0

package/dist/ToastProvider-DRz62qKU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider-DRz62qKU.cjs","names":[],"sources":["../src/components/feedback/Alert/Alert.tsx","../src/components/feedback/Banner/Banner.tsx","../src/components/feedback/Tag/Tag.tsx","../src/components/feedback/Spinner/Spinner.tsx","../src/components/feedback/Loader/Loader.tsx","../src/components/feedback/Toast/ToastContext.ts","../src/components/feedback/Toast/ToastItem.tsx","../src/components/feedback/Toast/ToastProvider.tsx"],"sourcesContent":["import type {AlertProps} from './Alert.types'\nimport type {ReactNode} from 'react'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {ErrorIcon, InfoIcon, NeutralIcon, SuccessIcon, WarningIcon} from '../../../icons'\nimport './Alert.css'\n\nconst icons: Record<string, ReactNode> = {\n    success: <SuccessIcon />,\n    warning: <WarningIcon />,\n    error: <ErrorIcon />,\n    danger: <ErrorIcon />,\n    info: <InfoIcon />,\n    primary: <InfoIcon />,\n    neutral: <NeutralIcon />,\n}\n\n// Render inline status messaging with optional heading content.\nexport function Alert({color = 'info', fcolor, icon = true, title, className, children, ...rest}: AlertProps) {\n    const iconView = icon === false ? null : icon === true ? (icons[color] ?? icons.info) : icon\n\n    return (\n        <div className={cn('alert', color, ...getAppearanceClassNames({fcolor}), className)} role=\"status\" {...rest}>\n            {iconView && <span className=\"icon\">{iconView}</span>}\n            <div className=\"main\">\n                {title && <div className=\"title\">{title}</div>}\n                {children && <div className=\"content\">{children}</div>}\n            </div>\n        </div>\n    )\n}\n","import {useState} from 'react'\nimport type {BannerProps} from './Banner.types'\nimport {cn} from '../../../utils/cn'\nimport './Banner.css'\n\n// Render a prominent banner for announcements, CTAs or dismissible messages.\nexport function Banner({\n    color = 'primary',\n    variant = 'filled',\n    icon,\n    action,\n    dismissible = false,\n    onDismiss,\n    className,\n    children,\n    ...rest\n}: BannerProps) {\n    const [visible, setVisible] = useState(true)\n\n    if (!visible) return null\n\n    const handleDismiss = () => {\n        setVisible(false)\n        onDismiss?.()\n    }\n\n    return (\n        <div className={cn('banner', color, variant, className)} role=\"banner\" {...rest}>\n            {icon && <span className=\"banner-icon\">{icon}</span>}\n            <div className=\"banner-content\">{children}</div>\n            {action && <div className=\"banner-action\">{action}</div>}\n            {dismissible && (\n                <button className=\"banner-dismiss\" onClick={handleDismiss} aria-label=\"Dismiss\" type=\"button\">\n                    ✕\n                </button>\n            )}\n        </div>\n    )\n}\n","import type {TagProps} from './Tag.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './Tag.css'\n\nexport function Tag({\n    label,\n    color = 'primary',\n    variant = 'solid',\n    closable = false,\n    onClose,\n    icon,\n    fcolor,\n    className,\n    ...rest\n}: TagProps) {\n    return (\n        <span className={cn('m-tag', color, variant, ...getAppearanceClassNames({fcolor}), className)} {...rest}>\n            {icon && <span className=\"m-tag icon\">{icon}</span>}\n            <span className=\"m-tag label\">{label}</span>\n            {closable && (\n                <button\n                    type=\"button\"\n                    className=\"m-tag close\"\n                    onClick={(e) => {\n                        e.stopPropagation()\n                        onClose?.()\n                    }}\n                    aria-label=\"Remove\"\n                >\n                    &#215;\n                </button>\n            )}\n        </span>\n    )\n}\n","import type {CSSProperties} from 'react'\nimport type {SpinnerProps} from './Spinner.types'\nimport {cn} from '../../../utils/cn'\nimport './Spinner.css'\n\n// Render a minimal semantic loading indicator with token-aware sizing and color.\nexport function Spinner({color = 'primary', size = 'md', label = 'Loading', className, style, ...rest}: SpinnerProps) {\n    const inlineStyle: CSSProperties =\n        typeof size === 'number'\n            ? {\n                  width: `${size}px`,\n                  height: `${size}px`,\n                  ...style,\n              }\n            : style || {}\n\n    return (\n        <span\n            className={cn('spinner', typeof size === 'string' && size, color && `color-${color}`, className)}\n            style={inlineStyle}\n            role=\"status\"\n            aria-label={label}\n            {...rest}\n        />\n    )\n}\n","import type {CSSProperties} from 'react'\nimport {Spinner} from '../Spinner'\nimport {Stack} from '../../layout'\nimport {Text} from '../../typography'\nimport {cn} from '../../../utils/cn'\nimport type {LoaderProps} from './Loader.types'\nimport './Loader.css'\n\n// Keep loading feedback minimal so apps can reuse it without card or alert chrome.\nexport function Loader({\n    color = 'primary',\n    size = 'lg',\n    label = 'Loading',\n    center = true,\n    minHeight = '40vh',\n    className,\n    style,\n    ...rest\n}: LoaderProps) {\n    const inlineStyle: CSSProperties = {\n        minHeight: typeof minHeight === 'number' ? `${minHeight}px` : minHeight,\n        ...style,\n    }\n\n    return (\n        <div className={cn('loader', center && 'center', className)} style={inlineStyle} {...rest}>\n            <Stack align={'center'}>\n                <Spinner size={size} color={color} label={label} />\n                <Text tone={'muted'} align={'center'}>\n                    {label}\n                </Text>\n            </Stack>\n        </div>\n    )\n}\n","import {createContext, useContext} from 'react'\nimport type {ToastContext as ToastContextType} from './Toast.types'\n\nconst ToastCtx = createContext<ToastContextType | null>(null)\n\nexport const ToastContextProvider = ToastCtx.Provider\n\nexport function useToast(): ToastContextType {\n    const ctx = useContext(ToastCtx)\n    if (!ctx) throw new Error('useToast must be used inside ToastProvider')\n    return ctx\n}\n","import {useEffect, useState} from 'react'\nimport type {ReactNode} from 'react'\nimport type {ToastEntry} from './Toast.types'\nimport {cn} from '../../../utils/cn'\nimport {CloseIcon, ErrorIcon, InfoIcon, NeutralIcon, SuccessIcon, WarningIcon} from '../../../icons'\n\nconst icons: Record<string, ReactNode> = {\n    success: <SuccessIcon />,\n    warning: <WarningIcon />,\n    error: <ErrorIcon />,\n    danger: <ErrorIcon />,\n    info: <InfoIcon />,\n    primary: <InfoIcon />,\n    neutral: <NeutralIcon />,\n}\n\n// Single toast notification with enter/exit animation.\nexport function ToastItem({entry, onDismiss}: {entry: ToastEntry; onDismiss: (id: string) => void}) {\n    const [exiting, setExiting] = useState(false)\n    const duration = entry.duration ?? 4000\n\n    useEffect(() => {\n        if (duration <= 0) return\n        const timer = setTimeout(() => setExiting(true), duration)\n        return () => clearTimeout(timer)\n    }, [duration])\n\n    function handleEnd() {\n        if (exiting) onDismiss(entry.id)\n    }\n\n    const color = entry.color || 'info'\n    const icon =\n        entry.icon === false ? null : entry.icon === undefined || entry.icon === true ? icons[color] : entry.icon\n\n    return (\n        <div className={cn('toast item', color, exiting && 'exit')} role=\"status\" onAnimationEnd={handleEnd}>\n            <div className=\"toast body\">\n                {icon && <span className=\"toast icon\">{icon}</span>}\n                <div className=\"toast content\">\n                    {entry.title && <div className=\"toast title\">{entry.title}</div>}\n                    <div className=\"toast message\">{entry.message}</div>\n                </div>\n            </div>\n            <button className=\"toast close\" onClick={() => setExiting(true)} aria-label=\"Close\">\n                <CloseIcon />\n            </button>\n        </div>\n    )\n}\n","import {useCallback, useMemo, useRef, useState} from 'react'\nimport {Portal} from '../../primitives'\nimport {ToastContextProvider, useToast} from './ToastContext'\nimport {ToastItem} from './ToastItem'\nimport type {ToastEntry, ToastOptions, ToastProviderProps} from './Toast.types'\nimport {cn} from '../../../utils/cn'\nimport './Toast.css'\n\nlet counter = 0\n\n// Global toast container with auto-dismiss and stacking.\nexport function ToastProvider({position = 'top-right', duration = 4000, children}: ToastProviderProps) {\n    const [toasts, setToasts] = useState<ToastEntry[]>([])\n    const defaultDuration = useRef(duration)\n    defaultDuration.current = duration\n\n    const dismiss = useCallback((id: string) => {\n        setToasts((prev) => prev.filter((t) => t.id !== id))\n    }, [])\n\n    const toast = useCallback((options: ToastOptions) => {\n        const id = `toast-${++counter}`\n        const entry: ToastEntry = {\n            id,\n            ...options,\n            duration: options.duration ?? defaultDuration.current,\n        }\n        setToasts((prev) => [...prev, entry])\n        return id\n    }, [])\n\n    const ctx = useMemo(() => ({toast, dismiss}), [toast, dismiss])\n\n    return (\n        <ToastContextProvider value={ctx}>\n            {children}\n            <Portal>\n                <div className={cn('toast container', position)}>\n                    {toasts.map((entry) => (\n                        <ToastItem key={entry.id} entry={entry} onDismiss={dismiss} />\n                    ))}\n                </div>\n            </Portal>\n        </ToastContextProvider>\n    )\n}\n\nexport {useToast}\n"],"mappings":"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"}

package/dist/ToastProvider-Dlgk48v1.js

@@ -0,0 +1,234 @@
+import { t as e } from "./CloseIcon-DGl8CDLK.js";
+import { a as t, i as n, n as r, r as i, t as a } from "./NeutralIcon-BPZ3coWv.js";
+import { t as o } from "./cn-BIeeqGZv.js";
+import { t as s } from "./Portal-s54PuE_l.js";
+import { t as c } from "./appearanceProps-8tN47e1u.js";
+import { t as l } from "./Text-DOVuH0uw.js";
+import { t as u } from "./Stack-xUXSOKqN.js";
+import { createContext as d, useCallback as f, useContext as p, useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/components/feedback/Alert/Alert.tsx
+var b = {
+	success: /* @__PURE__ */ v(r, {}),
+	warning: /* @__PURE__ */ v(t, {}),
+	error: /* @__PURE__ */ v(i, {}),
+	danger: /* @__PURE__ */ v(i, {}),
+	info: /* @__PURE__ */ v(n, {}),
+	primary: /* @__PURE__ */ v(n, {}),
+	neutral: /* @__PURE__ */ v(a, {})
+};
+function x({ color: e = "info", fcolor: t, icon: n = !0, title: r, className: i, children: a, ...s }) {
+	let l = n === !1 ? null : n === !0 ? b[e] ?? b.info : n;
+	return /* @__PURE__ */ y("div", {
+		className: o("alert", e, ...c({ fcolor: t }), i),
+		role: "status",
+		...s,
+		children: [l && /* @__PURE__ */ v("span", {
+			className: "icon",
+			children: l
+		}), /* @__PURE__ */ y("div", {
+			className: "main",
+			children: [r && /* @__PURE__ */ v("div", {
+				className: "title",
+				children: r
+			}), a && /* @__PURE__ */ v("div", {
+				className: "content",
+				children: a
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/feedback/Banner/Banner.tsx
+function S({ color: e = "primary", variant: t = "filled", icon: n, action: r, dismissible: i = !1, onDismiss: a, className: s, children: c, ...l }) {
+	let [u, d] = _(!0);
+	if (!u) return null;
+	let f = () => {
+		d(!1), a?.();
+	};
+	return /* @__PURE__ */ y("div", {
+		className: o("banner", e, t, s),
+		role: "banner",
+		...l,
+		children: [
+			n && /* @__PURE__ */ v("span", {
+				className: "banner-icon",
+				children: n
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "banner-content",
+				children: c
+			}),
+			r && /* @__PURE__ */ v("div", {
+				className: "banner-action",
+				children: r
+			}),
+			i && /* @__PURE__ */ v("button", {
+				className: "banner-dismiss",
+				onClick: f,
+				"aria-label": "Dismiss",
+				type: "button",
+				children: "✕"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/feedback/Tag/Tag.tsx
+function C({ label: e, color: t = "primary", variant: n = "solid", closable: r = !1, onClose: i, icon: a, fcolor: s, className: l, ...u }) {
+	return /* @__PURE__ */ y("span", {
+		className: o("m-tag", t, n, ...c({ fcolor: s }), l),
+		...u,
+		children: [
+			a && /* @__PURE__ */ v("span", {
+				className: "m-tag icon",
+				children: a
+			}),
+			/* @__PURE__ */ v("span", {
+				className: "m-tag label",
+				children: e
+			}),
+			r && /* @__PURE__ */ v("button", {
+				type: "button",
+				className: "m-tag close",
+				onClick: (e) => {
+					e.stopPropagation(), i?.();
+				},
+				"aria-label": "Remove",
+				children: "×"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/feedback/Spinner/Spinner.tsx
+function w({ color: e = "primary", size: t = "md", label: n = "Loading", className: r, style: i, ...a }) {
+	let s = typeof t == "number" ? {
+		width: `${t}px`,
+		height: `${t}px`,
+		...i
+	} : i || {};
+	return /* @__PURE__ */ v("span", {
+		className: o("spinner", typeof t == "string" && t, e && `color-${e}`, r),
+		style: s,
+		role: "status",
+		"aria-label": n,
+		...a
+	});
+}
+//#endregion
+//#region src/components/feedback/Loader/Loader.tsx
+function T({ color: e = "primary", size: t = "lg", label: n = "Loading", center: r = !0, minHeight: i = "40vh", className: a, style: s, ...c }) {
+	let d = {
+		minHeight: typeof i == "number" ? `${i}px` : i,
+		...s
+	};
+	return /* @__PURE__ */ v("div", {
+		className: o("loader", r && "center", a),
+		style: d,
+		...c,
+		children: /* @__PURE__ */ y(u, {
+			align: "center",
+			children: [/* @__PURE__ */ v(w, {
+				size: t,
+				color: e,
+				label: n
+			}), /* @__PURE__ */ v(l, {
+				tone: "muted",
+				align: "center",
+				children: n
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/feedback/Toast/ToastContext.ts
+var E = d(null), D = E.Provider;
+function O() {
+	let e = p(E);
+	if (!e) throw Error("useToast must be used inside ToastProvider");
+	return e;
+}
+//#endregion
+//#region src/components/feedback/Toast/ToastItem.tsx
+var k = {
+	success: /* @__PURE__ */ v(r, {}),
+	warning: /* @__PURE__ */ v(t, {}),
+	error: /* @__PURE__ */ v(i, {}),
+	danger: /* @__PURE__ */ v(i, {}),
+	info: /* @__PURE__ */ v(n, {}),
+	primary: /* @__PURE__ */ v(n, {}),
+	neutral: /* @__PURE__ */ v(a, {})
+};
+function A({ entry: t, onDismiss: n }) {
+	let [r, i] = _(!1), a = t.duration ?? 4e3;
+	m(() => {
+		if (a <= 0) return;
+		let e = setTimeout(() => i(!0), a);
+		return () => clearTimeout(e);
+	}, [a]);
+	function s() {
+		r && n(t.id);
+	}
+	let c = t.color || "info", l = t.icon === !1 ? null : t.icon === void 0 || t.icon === !0 ? k[c] : t.icon;
+	return /* @__PURE__ */ y("div", {
+		className: o("toast item", c, r && "exit"),
+		role: "status",
+		onAnimationEnd: s,
+		children: [/* @__PURE__ */ y("div", {
+			className: "toast body",
+			children: [l && /* @__PURE__ */ v("span", {
+				className: "toast icon",
+				children: l
+			}), /* @__PURE__ */ y("div", {
+				className: "toast content",
+				children: [t.title && /* @__PURE__ */ v("div", {
+					className: "toast title",
+					children: t.title
+				}), /* @__PURE__ */ v("div", {
+					className: "toast message",
+					children: t.message
+				})]
+			})]
+		}), /* @__PURE__ */ v("button", {
+			className: "toast close",
+			onClick: () => i(!0),
+			"aria-label": "Close",
+			children: /* @__PURE__ */ v(e, {})
+		})]
+	});
+}
+//#endregion
+//#region src/components/feedback/Toast/ToastProvider.tsx
+var j = 0;
+function M({ position: e = "top-right", duration: t = 4e3, children: n }) {
+	let [r, i] = _([]), a = g(t);
+	a.current = t;
+	let c = f((e) => {
+		i((t) => t.filter((t) => t.id !== e));
+	}, []), l = f((e) => {
+		let t = `toast-${++j}`, n = {
+			id: t,
+			...e,
+			duration: e.duration ?? a.current
+		};
+		return i((e) => [...e, n]), t;
+	}, []);
+	return /* @__PURE__ */ y(D, {
+		value: h(() => ({
+			toast: l,
+			dismiss: c
+		}), [l, c]),
+		children: [n, /* @__PURE__ */ v(s, { children: /* @__PURE__ */ v("div", {
+			className: o("toast container", e),
+			children: r.map((e) => /* @__PURE__ */ v(A, {
+				entry: e,
+				onDismiss: c
+			}, e.id))
+		}) })]
+	});
+}
+//#endregion
+export { C as a, w as i, O as n, S as o, T as r, x as s, M as t };
+
+//# sourceMappingURL=ToastProvider-Dlgk48v1.js.map

package/dist/ToastProvider-Dlgk48v1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider-Dlgk48v1.js","names":[],"sources":["../src/components/feedback/Alert/Alert.tsx","../src/components/feedback/Banner/Banner.tsx","../src/components/feedback/Tag/Tag.tsx","../src/components/feedback/Spinner/Spinner.tsx","../src/components/feedback/Loader/Loader.tsx","../src/components/feedback/Toast/ToastContext.ts","../src/components/feedback/Toast/ToastItem.tsx","../src/components/feedback/Toast/ToastProvider.tsx"],"sourcesContent":["import type {AlertProps} from './Alert.types'\nimport type {ReactNode} from 'react'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {ErrorIcon, InfoIcon, NeutralIcon, SuccessIcon, WarningIcon} from '../../../icons'\nimport './Alert.css'\n\nconst icons: Record<string, ReactNode> = {\n    success: <SuccessIcon />,\n    warning: <WarningIcon />,\n    error: <ErrorIcon />,\n    danger: <ErrorIcon />,\n    info: <InfoIcon />,\n    primary: <InfoIcon />,\n    neutral: <NeutralIcon />,\n}\n\n// Render inline status messaging with optional heading content.\nexport function Alert({color = 'info', fcolor, icon = true, title, className, children, ...rest}: AlertProps) {\n    const iconView = icon === false ? null : icon === true ? (icons[color] ?? icons.info) : icon\n\n    return (\n        <div className={cn('alert', color, ...getAppearanceClassNames({fcolor}), className)} role=\"status\" {...rest}>\n            {iconView && <span className=\"icon\">{iconView}</span>}\n            <div className=\"main\">\n                {title && <div className=\"title\">{title}</div>}\n                {children && <div className=\"content\">{children}</div>}\n            </div>\n        </div>\n    )\n}\n","import {useState} from 'react'\nimport type {BannerProps} from './Banner.types'\nimport {cn} from '../../../utils/cn'\nimport './Banner.css'\n\n// Render a prominent banner for announcements, CTAs or dismissible messages.\nexport function Banner({\n    color = 'primary',\n    variant = 'filled',\n    icon,\n    action,\n    dismissible = false,\n    onDismiss,\n    className,\n    children,\n    ...rest\n}: BannerProps) {\n    const [visible, setVisible] = useState(true)\n\n    if (!visible) return null\n\n    const handleDismiss = () => {\n        setVisible(false)\n        onDismiss?.()\n    }\n\n    return (\n        <div className={cn('banner', color, variant, className)} role=\"banner\" {...rest}>\n            {icon && <span className=\"banner-icon\">{icon}</span>}\n            <div className=\"banner-content\">{children}</div>\n            {action && <div className=\"banner-action\">{action}</div>}\n            {dismissible && (\n                <button className=\"banner-dismiss\" onClick={handleDismiss} aria-label=\"Dismiss\" type=\"button\">\n                    ✕\n                </button>\n            )}\n        </div>\n    )\n}\n","import type {TagProps} from './Tag.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './Tag.css'\n\nexport function Tag({\n    label,\n    color = 'primary',\n    variant = 'solid',\n    closable = false,\n    onClose,\n    icon,\n    fcolor,\n    className,\n    ...rest\n}: TagProps) {\n    return (\n        <span className={cn('m-tag', color, variant, ...getAppearanceClassNames({fcolor}), className)} {...rest}>\n            {icon && <span className=\"m-tag icon\">{icon}</span>}\n            <span className=\"m-tag label\">{label}</span>\n            {closable && (\n                <button\n                    type=\"button\"\n                    className=\"m-tag close\"\n                    onClick={(e) => {\n                        e.stopPropagation()\n                        onClose?.()\n                    }}\n                    aria-label=\"Remove\"\n                >\n                    &#215;\n                </button>\n            )}\n        </span>\n    )\n}\n","import type {CSSProperties} from 'react'\nimport type {SpinnerProps} from './Spinner.types'\nimport {cn} from '../../../utils/cn'\nimport './Spinner.css'\n\n// Render a minimal semantic loading indicator with token-aware sizing and color.\nexport function Spinner({color = 'primary', size = 'md', label = 'Loading', className, style, ...rest}: SpinnerProps) {\n    const inlineStyle: CSSProperties =\n        typeof size === 'number'\n            ? {\n                  width: `${size}px`,\n                  height: `${size}px`,\n                  ...style,\n              }\n            : style || {}\n\n    return (\n        <span\n            className={cn('spinner', typeof size === 'string' && size, color && `color-${color}`, className)}\n            style={inlineStyle}\n            role=\"status\"\n            aria-label={label}\n            {...rest}\n        />\n    )\n}\n","import type {CSSProperties} from 'react'\nimport {Spinner} from '../Spinner'\nimport {Stack} from '../../layout'\nimport {Text} from '../../typography'\nimport {cn} from '../../../utils/cn'\nimport type {LoaderProps} from './Loader.types'\nimport './Loader.css'\n\n// Keep loading feedback minimal so apps can reuse it without card or alert chrome.\nexport function Loader({\n    color = 'primary',\n    size = 'lg',\n    label = 'Loading',\n    center = true,\n    minHeight = '40vh',\n    className,\n    style,\n    ...rest\n}: LoaderProps) {\n    const inlineStyle: CSSProperties = {\n        minHeight: typeof minHeight === 'number' ? `${minHeight}px` : minHeight,\n        ...style,\n    }\n\n    return (\n        <div className={cn('loader', center && 'center', className)} style={inlineStyle} {...rest}>\n            <Stack align={'center'}>\n                <Spinner size={size} color={color} label={label} />\n                <Text tone={'muted'} align={'center'}>\n                    {label}\n                </Text>\n            </Stack>\n        </div>\n    )\n}\n","import {createContext, useContext} from 'react'\nimport type {ToastContext as ToastContextType} from './Toast.types'\n\nconst ToastCtx = createContext<ToastContextType | null>(null)\n\nexport const ToastContextProvider = ToastCtx.Provider\n\nexport function useToast(): ToastContextType {\n    const ctx = useContext(ToastCtx)\n    if (!ctx) throw new Error('useToast must be used inside ToastProvider')\n    return ctx\n}\n","import {useEffect, useState} from 'react'\nimport type {ReactNode} from 'react'\nimport type {ToastEntry} from './Toast.types'\nimport {cn} from '../../../utils/cn'\nimport {CloseIcon, ErrorIcon, InfoIcon, NeutralIcon, SuccessIcon, WarningIcon} from '../../../icons'\n\nconst icons: Record<string, ReactNode> = {\n    success: <SuccessIcon />,\n    warning: <WarningIcon />,\n    error: <ErrorIcon />,\n    danger: <ErrorIcon />,\n    info: <InfoIcon />,\n    primary: <InfoIcon />,\n    neutral: <NeutralIcon />,\n}\n\n// Single toast notification with enter/exit animation.\nexport function ToastItem({entry, onDismiss}: {entry: ToastEntry; onDismiss: (id: string) => void}) {\n    const [exiting, setExiting] = useState(false)\n    const duration = entry.duration ?? 4000\n\n    useEffect(() => {\n        if (duration <= 0) return\n        const timer = setTimeout(() => setExiting(true), duration)\n        return () => clearTimeout(timer)\n    }, [duration])\n\n    function handleEnd() {\n        if (exiting) onDismiss(entry.id)\n    }\n\n    const color = entry.color || 'info'\n    const icon =\n        entry.icon === false ? null : entry.icon === undefined || entry.icon === true ? icons[color] : entry.icon\n\n    return (\n        <div className={cn('toast item', color, exiting && 'exit')} role=\"status\" onAnimationEnd={handleEnd}>\n            <div className=\"toast body\">\n                {icon && <span className=\"toast icon\">{icon}</span>}\n                <div className=\"toast content\">\n                    {entry.title && <div className=\"toast title\">{entry.title}</div>}\n                    <div className=\"toast message\">{entry.message}</div>\n                </div>\n            </div>\n            <button className=\"toast close\" onClick={() => setExiting(true)} aria-label=\"Close\">\n                <CloseIcon />\n            </button>\n        </div>\n    )\n}\n","import {useCallback, useMemo, useRef, useState} from 'react'\nimport {Portal} from '../../primitives'\nimport {ToastContextProvider, useToast} from './ToastContext'\nimport {ToastItem} from './ToastItem'\nimport type {ToastEntry, ToastOptions, ToastProviderProps} from './Toast.types'\nimport {cn} from '../../../utils/cn'\nimport './Toast.css'\n\nlet counter = 0\n\n// Global toast container with auto-dismiss and stacking.\nexport function ToastProvider({position = 'top-right', duration = 4000, children}: ToastProviderProps) {\n    const [toasts, setToasts] = useState<ToastEntry[]>([])\n    const defaultDuration = useRef(duration)\n    defaultDuration.current = duration\n\n    const dismiss = useCallback((id: string) => {\n        setToasts((prev) => prev.filter((t) => t.id !== id))\n    }, [])\n\n    const toast = useCallback((options: ToastOptions) => {\n        const id = `toast-${++counter}`\n        const entry: ToastEntry = {\n            id,\n            ...options,\n            duration: options.duration ?? defaultDuration.current,\n        }\n        setToasts((prev) => [...prev, entry])\n        return id\n    }, [])\n\n    const ctx = useMemo(() => ({toast, dismiss}), [toast, dismiss])\n\n    return (\n        <ToastContextProvider value={ctx}>\n            {children}\n            <Portal>\n                <div className={cn('toast container', position)}>\n                    {toasts.map((entry) => (\n                        <ToastItem key={entry.id} entry={entry} onDismiss={dismiss} />\n                    ))}\n                </div>\n            </Portal>\n        </ToastContextProvider>\n    )\n}\n\nexport {useToast}\n"],"mappings":"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"}

package/dist/Toggle-BACN6Wrk.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-BOmEz3Rt.cjs`),t=require(`./useInteractionEffect-BaJeiUns.cjs`),n=require(`./appearanceProps-65LbXIeI.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);var a=(0,r.createContext)(null);function o(){return(0,r.useContext)(a)}var s=(0,r.forwardRef)(function({checked:a,defaultChecked:s,name:c,id:l,value:u,disabled:d=!1,size:f=`md`,color:p=`primary`,fcolor:m,label:h,labelPosition:g=`right`,onChange:_,clickEffect:v=`ripple`,rippleColor:y,className:b,style:x},S){let C=o(),w=C?.name??c,T=C?.disabled??d,E=C?.size??f,D=C?.color??p,O=C?.fcolor??m,k=C?C.value===u:a,{effectClassName:A,effectLayer:j,handlePointerDown:M,triggerEffect:N}=t.t({effect:v,disabled:T,centered:!0,color:y}),P=(0,r.useCallback)(e=>{_?.(e),C?.onChange&&u&&C.onChange(u)},[_,C,u]);return(0,i.jsxs)(`label`,{className:e.t(`radio`,E,...n.t({fcolor:O}),g===`left`&&`label-left`,T&&`disabled`,b),style:x,children:[(0,i.jsxs)(`span`,{className:e.t(`circle`,D,A),onPointerDown:M,children:[j,(0,i.jsx)(`input`,{ref:S,type:`radio`,name:w,id:l,value:u,checked:k,defaultChecked:C?void 0:s,disabled:T,onChange:P,onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&N(e.currentTarget.parentElement)},className:`input`})]}),h&&(0,i.jsx)(`span`,{className:`label-text`,children:h})]})});function c({name:t,value:o,defaultValue:s,onChange:c,direction:l=`vertical`,children:u,disabled:d=!1,size:f=`md`,color:p=`primary`,fcolor:m,error:h=!1,errorText:g,label:_,className:v,style:y}){let[b,x]=(0,r.useState)(s),S=o===void 0?b:o,C=(0,r.useCallback)(e=>{o===void 0&&x(e),c?.(e)},[c,o]),w=(0,r.useMemo)(()=>({name:t,value:S,disabled:d,size:f,color:p,fcolor:m,onChange:C}),[t,S,d,f,p,m,C]);return(0,i.jsx)(a.Provider,{value:w,children:(0,i.jsxs)(`fieldset`,{className:e.t(`radio-group`,l,...n.t({fcolor:m}),v),style:y,role:`radiogroup`,children:[_&&(0,i.jsx)(`legend`,{className:e.t(`label`,h&&`error`),children:_}),u,g&&(0,i.jsx)(`span`,{className:`error-text`,role:`alert`,children:g})]})})}var l=(0,r.forwardRef)(function({checked:r,defaultChecked:a,name:o,id:s,disabled:c=!1,size:l=`md`,color:u=`primary`,fcolor:d,label:f,labelPosition:p=`right`,onChange:m,clickEffect:h=`ripple`,rippleColor:g,className:_,style:v},y){let{effectClassName:b,effectLayer:x,handlePointerDown:S,triggerEffect:C}=t.t({effect:h,disabled:c,centered:!0,color:g});return(0,i.jsxs)(`label`,{className:e.t(`toggle`,l,...n.t({fcolor:d}),p===`left`&&`label-left`,c&&`disabled`,_),style:v,children:[(0,i.jsxs)(`span`,{className:e.t(`track`,u,b),onPointerDown:S,children:[x,(0,i.jsx)(`input`,{ref:y,type:`checkbox`,checked:r,defaultChecked:a,name:o,id:s,disabled:c,onChange:m,onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&C(e.currentTarget.parentElement)},className:`input`,role:`switch`,"aria-checked":r}),(0,i.jsx)(`span`,{className:`knob`})]}),f&&(0,i.jsx)(`span`,{className:`label-text`,children:f})]})});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
+//# sourceMappingURL=Toggle-BACN6Wrk.cjs.map

package/dist/Toggle-BACN6Wrk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle-BACN6Wrk.cjs","names":[],"sources":["../src/components/controls/Radio/RadioContext.ts","../src/components/controls/Radio/Radio.tsx","../src/components/controls/Radio/RadioGroup.tsx","../src/components/controls/Toggle/Toggle.tsx"],"sourcesContent":["import {createContext, useContext} from 'react'\nimport type {RadioGroupContextValue} from './Radio.types'\n\nexport const RadioContext = createContext<RadioGroupContextValue | null>(null)\n\n// Read the nearest radio-group context when a radio participates in grouped state.\nexport function useRadioGroup(): RadioGroupContextValue | null {\n    return useContext(RadioContext)\n}\n","import {forwardRef, useCallback} from 'react'\nimport type * as React from 'react'\nimport type {RadioProps} from './Radio.types'\nimport {useRadioGroup} from './RadioContext'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './Radio.css'\n\n// Render a single radio that can work standalone or inside RadioGroup.\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n    {\n        checked,\n        defaultChecked,\n        name,\n        id,\n        value,\n        disabled = false,\n        size = 'md',\n        color = 'primary',\n        fcolor,\n        label,\n        labelPosition = 'right',\n        onChange,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n    },\n    ref\n) {\n    const group = useRadioGroup()\n\n    const resolvedName = group?.name ?? name\n    const resolvedDisabled = group?.disabled ?? disabled\n    const resolvedSize = group?.size ?? size\n    const resolvedColor = group?.color ?? color\n    const resolvedFontColor = group?.fcolor ?? fcolor\n    const resolvedChecked = group ? group.value === value : checked\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect,\n        disabled: resolvedDisabled,\n        centered: true,\n        color: rippleColor,\n    })\n\n    // Delegate selection back to the group when one is present.\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            onChange?.(event)\n            if (group?.onChange && value) {\n                group.onChange(value)\n            }\n        },\n        [onChange, group, value]\n    )\n\n    return (\n        <label\n            className={cn(\n                'radio',\n                resolvedSize,\n                ...getAppearanceClassNames({fcolor: resolvedFontColor}),\n                labelPosition === 'left' && 'label-left',\n                resolvedDisabled && 'disabled',\n                className\n            )}\n            style={style}\n        >\n            <span className={cn('circle', resolvedColor, effectClassName)} onPointerDown={handlePointerDown}>\n                {effectLayer}\n                <input\n                    ref={ref}\n                    type=\"radio\"\n                    name={resolvedName}\n                    id={id}\n                    value={value}\n                    checked={resolvedChecked}\n                    defaultChecked={!group ? defaultChecked : undefined}\n                    disabled={resolvedDisabled}\n                    onChange={handleChange}\n                    onKeyDown={(event) => {\n                        if (event.key === ' ' || event.key === 'Enter') {\n                            triggerEffect(event.currentTarget.parentElement as HTMLSpanElement | null)\n                        }\n                    }}\n                    className=\"input\"\n                />\n            </span>\n            {label && <span className=\"label-text\">{label}</span>}\n        </label>\n    )\n})\n","import {useState, useCallback, useMemo} from 'react'\nimport type {RadioGroupProps} from './Radio.types'\nimport {RadioContext} from './RadioContext'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './Radio.css'\n\n// Coordinate multiple radio items through shared context and optional controlled state.\nexport function RadioGroup({\n    name,\n    value,\n    defaultValue,\n    onChange,\n    direction = 'vertical',\n    children,\n    disabled = false,\n    size = 'md',\n    color = 'primary',\n    fcolor,\n    error = false,\n    errorText,\n    label,\n    className,\n    style,\n}: RadioGroupProps) {\n    const [internalValue, setInternalValue] = useState(defaultValue)\n    const currentValue = value !== undefined ? value : internalValue\n\n    // Mirror controlled and uncontrolled usage with the same group API.\n    const handleChange = useCallback(\n        (val: string) => {\n            if (value === undefined) {\n                setInternalValue(val)\n            }\n            onChange?.(val)\n        },\n        [onChange, value]\n    )\n\n    // Memoize context so nested radios only update when relevant inputs change.\n    const ctx = useMemo(\n        () => ({name, value: currentValue, disabled, size, color, fcolor, onChange: handleChange}),\n        [name, currentValue, disabled, size, color, fcolor, handleChange]\n    )\n\n    return (\n        <RadioContext.Provider value={ctx}>\n            <fieldset\n                className={cn('radio-group', direction, ...getAppearanceClassNames({fcolor}), className)}\n                style={style}\n                role=\"radiogroup\"\n            >\n                {label && <legend className={cn('label', error && 'error')}>{label}</legend>}\n                {children}\n                {errorText && (\n                    <span className=\"error-text\" role=\"alert\">\n                        {errorText}\n                    </span>\n                )}\n            </fieldset>\n        </RadioContext.Provider>\n    )\n}\n","import {forwardRef} from 'react'\nimport type {ToggleProps} from './Toggle.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './Toggle.css'\n\n// Render a switch-style boolean control with the same API shape as Checkbox.\nexport const Toggle = forwardRef<HTMLInputElement, ToggleProps>(function Toggle(\n    {\n        checked,\n        defaultChecked,\n        name,\n        id,\n        disabled = false,\n        size = 'md',\n        color = 'primary',\n        fcolor,\n        label,\n        labelPosition = 'right',\n        onChange,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n    },\n    ref\n) {\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect,\n        disabled,\n        centered: true,\n        color: rippleColor,\n    })\n\n    return (\n        <label\n            className={cn(\n                'toggle',\n                size,\n                ...getAppearanceClassNames({fcolor}),\n                labelPosition === 'left' && 'label-left',\n                disabled && 'disabled',\n                className\n            )}\n            style={style}\n        >\n            <span className={cn('track', color, effectClassName)} onPointerDown={handlePointerDown}>\n                {effectLayer}\n                <input\n                    ref={ref}\n                    type=\"checkbox\"\n                    checked={checked}\n                    defaultChecked={defaultChecked}\n                    name={name}\n                    id={id}\n                    disabled={disabled}\n                    onChange={onChange}\n                    onKeyDown={(event) => {\n                        if (event.key === ' ' || event.key === 'Enter') {\n                            triggerEffect(event.currentTarget.parentElement as HTMLSpanElement | null)\n                        }\n                    }}\n                    className=\"input\"\n                    role=\"switch\"\n                    aria-checked={checked}\n                />\n                <span className=\"knob\" />\n            </span>\n            {label && <span className=\"label-text\">{label}</span>}\n        </label>\n    )\n})\n"],"mappings":"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"}

package/dist/Toggle-D9M7aDWh.js

@@ -0,0 +1,140 @@
+import { t as e } from "./cn-BIeeqGZv.js";
+import { t } from "./useInteractionEffect-B5_UpgTt.js";
+import { t as n } from "./appearanceProps-8tN47e1u.js";
+import { createContext as r, forwardRef as i, useCallback as a, useContext as o, useMemo as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/controls/Radio/RadioContext.ts
+var d = r(null);
+function f() {
+	return o(d);
+}
+//#endregion
+//#region src/components/controls/Radio/Radio.tsx
+var p = i(function({ checked: r, defaultChecked: i, name: o, id: s, value: c, disabled: d = !1, size: p = "md", color: m = "primary", fcolor: h, label: g, labelPosition: _ = "right", onChange: v, clickEffect: y = "ripple", rippleColor: b, className: x, style: S }, C) {
+	let w = f(), T = w?.name ?? o, E = w?.disabled ?? d, D = w?.size ?? p, O = w?.color ?? m, k = w?.fcolor ?? h, A = w ? w.value === c : r, { effectClassName: j, effectLayer: M, handlePointerDown: N, triggerEffect: P } = t({
+		effect: y,
+		disabled: E,
+		centered: !0,
+		color: b
+	}), F = a((e) => {
+		v?.(e), w?.onChange && c && w.onChange(c);
+	}, [
+		v,
+		w,
+		c
+	]);
+	return /* @__PURE__ */ u("label", {
+		className: e("radio", D, ...n({ fcolor: k }), _ === "left" && "label-left", E && "disabled", x),
+		style: S,
+		children: [/* @__PURE__ */ u("span", {
+			className: e("circle", O, j),
+			onPointerDown: N,
+			children: [M, /* @__PURE__ */ l("input", {
+				ref: C,
+				type: "radio",
+				name: T,
+				id: s,
+				value: c,
+				checked: A,
+				defaultChecked: w ? void 0 : i,
+				disabled: E,
+				onChange: F,
+				onKeyDown: (e) => {
+					(e.key === " " || e.key === "Enter") && P(e.currentTarget.parentElement);
+				},
+				className: "input"
+			})]
+		}), g && /* @__PURE__ */ l("span", {
+			className: "label-text",
+			children: g
+		})]
+	});
+});
+//#endregion
+//#region src/components/controls/Radio/RadioGroup.tsx
+function m({ name: t, value: r, defaultValue: i, onChange: o, direction: f = "vertical", children: p, disabled: m = !1, size: h = "md", color: g = "primary", fcolor: _, error: v = !1, errorText: y, label: b, className: x, style: S }) {
+	let [C, w] = c(i), T = r === void 0 ? C : r, E = a((e) => {
+		r === void 0 && w(e), o?.(e);
+	}, [o, r]), D = s(() => ({
+		name: t,
+		value: T,
+		disabled: m,
+		size: h,
+		color: g,
+		fcolor: _,
+		onChange: E
+	}), [
+		t,
+		T,
+		m,
+		h,
+		g,
+		_,
+		E
+	]);
+	return /* @__PURE__ */ l(d.Provider, {
+		value: D,
+		children: /* @__PURE__ */ u("fieldset", {
+			className: e("radio-group", f, ...n({ fcolor: _ }), x),
+			style: S,
+			role: "radiogroup",
+			children: [
+				b && /* @__PURE__ */ l("legend", {
+					className: e("label", v && "error"),
+					children: b
+				}),
+				p,
+				y && /* @__PURE__ */ l("span", {
+					className: "error-text",
+					role: "alert",
+					children: y
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/controls/Toggle/Toggle.tsx
+var h = i(function({ checked: r, defaultChecked: i, name: a, id: o, disabled: s = !1, size: c = "md", color: d = "primary", fcolor: f, label: p, labelPosition: m = "right", onChange: h, clickEffect: g = "ripple", rippleColor: _, className: v, style: y }, b) {
+	let { effectClassName: x, effectLayer: S, handlePointerDown: C, triggerEffect: w } = t({
+		effect: g,
+		disabled: s,
+		centered: !0,
+		color: _
+	});
+	return /* @__PURE__ */ u("label", {
+		className: e("toggle", c, ...n({ fcolor: f }), m === "left" && "label-left", s && "disabled", v),
+		style: y,
+		children: [/* @__PURE__ */ u("span", {
+			className: e("track", d, x),
+			onPointerDown: C,
+			children: [
+				S,
+				/* @__PURE__ */ l("input", {
+					ref: b,
+					type: "checkbox",
+					checked: r,
+					defaultChecked: i,
+					name: a,
+					id: o,
+					disabled: s,
+					onChange: h,
+					onKeyDown: (e) => {
+						(e.key === " " || e.key === "Enter") && w(e.currentTarget.parentElement);
+					},
+					className: "input",
+					role: "switch",
+					"aria-checked": r
+				}),
+				/* @__PURE__ */ l("span", { className: "knob" })
+			]
+		}), p && /* @__PURE__ */ l("span", {
+			className: "label-text",
+			children: p
+		})]
+	});
+});
+//#endregion
+export { m as n, p as r, h as t };
+
+//# sourceMappingURL=Toggle-D9M7aDWh.js.map

package/dist/Toggle-D9M7aDWh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle-D9M7aDWh.js","names":[],"sources":["../src/components/controls/Radio/RadioContext.ts","../src/components/controls/Radio/Radio.tsx","../src/components/controls/Radio/RadioGroup.tsx","../src/components/controls/Toggle/Toggle.tsx"],"sourcesContent":["import {createContext, useContext} from 'react'\nimport type {RadioGroupContextValue} from './Radio.types'\n\nexport const RadioContext = createContext<RadioGroupContextValue | null>(null)\n\n// Read the nearest radio-group context when a radio participates in grouped state.\nexport function useRadioGroup(): RadioGroupContextValue | null {\n    return useContext(RadioContext)\n}\n","import {forwardRef, useCallback} from 'react'\nimport type * as React from 'react'\nimport type {RadioProps} from './Radio.types'\nimport {useRadioGroup} from './RadioContext'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './Radio.css'\n\n// Render a single radio that can work standalone or inside RadioGroup.\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n    {\n        checked,\n        defaultChecked,\n        name,\n        id,\n        value,\n        disabled = false,\n        size = 'md',\n        color = 'primary',\n        fcolor,\n        label,\n        labelPosition = 'right',\n        onChange,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n    },\n    ref\n) {\n    const group = useRadioGroup()\n\n    const resolvedName = group?.name ?? name\n    const resolvedDisabled = group?.disabled ?? disabled\n    const resolvedSize = group?.size ?? size\n    const resolvedColor = group?.color ?? color\n    const resolvedFontColor = group?.fcolor ?? fcolor\n    const resolvedChecked = group ? group.value === value : checked\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect,\n        disabled: resolvedDisabled,\n        centered: true,\n        color: rippleColor,\n    })\n\n    // Delegate selection back to the group when one is present.\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            onChange?.(event)\n            if (group?.onChange && value) {\n                group.onChange(value)\n            }\n        },\n        [onChange, group, value]\n    )\n\n    return (\n        <label\n            className={cn(\n                'radio',\n                resolvedSize,\n                ...getAppearanceClassNames({fcolor: resolvedFontColor}),\n                labelPosition === 'left' && 'label-left',\n                resolvedDisabled && 'disabled',\n                className\n            )}\n            style={style}\n        >\n            <span className={cn('circle', resolvedColor, effectClassName)} onPointerDown={handlePointerDown}>\n                {effectLayer}\n                <input\n                    ref={ref}\n                    type=\"radio\"\n                    name={resolvedName}\n                    id={id}\n                    value={value}\n                    checked={resolvedChecked}\n                    defaultChecked={!group ? defaultChecked : undefined}\n                    disabled={resolvedDisabled}\n                    onChange={handleChange}\n                    onKeyDown={(event) => {\n                        if (event.key === ' ' || event.key === 'Enter') {\n                            triggerEffect(event.currentTarget.parentElement as HTMLSpanElement | null)\n                        }\n                    }}\n                    className=\"input\"\n                />\n            </span>\n            {label && <span className=\"label-text\">{label}</span>}\n        </label>\n    )\n})\n","import {useState, useCallback, useMemo} from 'react'\nimport type {RadioGroupProps} from './Radio.types'\nimport {RadioContext} from './RadioContext'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './Radio.css'\n\n// Coordinate multiple radio items through shared context and optional controlled state.\nexport function RadioGroup({\n    name,\n    value,\n    defaultValue,\n    onChange,\n    direction = 'vertical',\n    children,\n    disabled = false,\n    size = 'md',\n    color = 'primary',\n    fcolor,\n    error = false,\n    errorText,\n    label,\n    className,\n    style,\n}: RadioGroupProps) {\n    const [internalValue, setInternalValue] = useState(defaultValue)\n    const currentValue = value !== undefined ? value : internalValue\n\n    // Mirror controlled and uncontrolled usage with the same group API.\n    const handleChange = useCallback(\n        (val: string) => {\n            if (value === undefined) {\n                setInternalValue(val)\n            }\n            onChange?.(val)\n        },\n        [onChange, value]\n    )\n\n    // Memoize context so nested radios only update when relevant inputs change.\n    const ctx = useMemo(\n        () => ({name, value: currentValue, disabled, size, color, fcolor, onChange: handleChange}),\n        [name, currentValue, disabled, size, color, fcolor, handleChange]\n    )\n\n    return (\n        <RadioContext.Provider value={ctx}>\n            <fieldset\n                className={cn('radio-group', direction, ...getAppearanceClassNames({fcolor}), className)}\n                style={style}\n                role=\"radiogroup\"\n            >\n                {label && <legend className={cn('label', error && 'error')}>{label}</legend>}\n                {children}\n                {errorText && (\n                    <span className=\"error-text\" role=\"alert\">\n                        {errorText}\n                    </span>\n                )}\n            </fieldset>\n        </RadioContext.Provider>\n    )\n}\n","import {forwardRef} from 'react'\nimport type {ToggleProps} from './Toggle.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './Toggle.css'\n\n// Render a switch-style boolean control with the same API shape as Checkbox.\nexport const Toggle = forwardRef<HTMLInputElement, ToggleProps>(function Toggle(\n    {\n        checked,\n        defaultChecked,\n        name,\n        id,\n        disabled = false,\n        size = 'md',\n        color = 'primary',\n        fcolor,\n        label,\n        labelPosition = 'right',\n        onChange,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n    },\n    ref\n) {\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect,\n        disabled,\n        centered: true,\n        color: rippleColor,\n    })\n\n    return (\n        <label\n            className={cn(\n                'toggle',\n                size,\n                ...getAppearanceClassNames({fcolor}),\n                labelPosition === 'left' && 'label-left',\n                disabled && 'disabled',\n                className\n            )}\n            style={style}\n        >\n            <span className={cn('track', color, effectClassName)} onPointerDown={handlePointerDown}>\n                {effectLayer}\n                <input\n                    ref={ref}\n                    type=\"checkbox\"\n                    checked={checked}\n                    defaultChecked={defaultChecked}\n                    name={name}\n                    id={id}\n                    disabled={disabled}\n                    onChange={onChange}\n                    onKeyDown={(event) => {\n                        if (event.key === ' ' || event.key === 'Enter') {\n                            triggerEffect(event.currentTarget.parentElement as HTMLSpanElement | null)\n                        }\n                    }}\n                    className=\"input\"\n                    role=\"switch\"\n                    aria-checked={checked}\n                />\n                <span className=\"knob\" />\n            </span>\n            {label && <span className=\"label-text\">{label}</span>}\n        </label>\n    )\n})\n"],"mappings":"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"}

package/dist/ZoomInIcon-CtoKX0Ri.cjs

@@ -0,0 +1,2 @@
+const e=require(`./Icon-B-s6VJr5.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.forwardRef)(function(t,r){return(0,n.jsx)(e.t,{ref:r,...t,children:(0,n.jsx)(`path`,{d:`M5.5 12.5l4.25 4.25L18.5 8`})})}),i=(0,t.forwardRef)(function(t,r){return(0,n.jsx)(e.t,{ref:r,...t,children:(0,n.jsx)(`path`,{d:`M6.5 14.5L12 9l5.5 5.5`})})}),a=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`path`,{d:`M12 15V5`}),(0,n.jsx)(`path`,{d:`M8 9l4-4 4 4`}),(0,n.jsx)(`path`,{d:`M5 18.5h14`})]})}),o=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`path`,{d:`M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z`}),(0,n.jsx)(`path`,{d:`M14 3.5V8h4`}),(0,n.jsx)(`path`,{d:`M9.85 11.35h4.3a1 1 0 0 1 1 1v5.65a1 1 0 0 1-1 1h-4.3a1 1 0 0 1-1-1v-5.65a1 1 0 0 1 1-1z`,fill:`#f59e0b`,stroke:`none`}),(0,n.jsx)(`path`,{d:`M11.2 12.3h1.6M11.2 13.45h1.6M11.2 14.6h1.6M11.2 15.75h1.6`,stroke:`#fff`}),(0,n.jsx)(`path`,{d:`M12 12.3v4.9`,stroke:`#fff`})]})}),s=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`circle`,{cx:`12`,cy:`8`,r:`3.5`}),(0,n.jsx)(`path`,{d:`M4.5 19c0-3.75 3.2-6 7.5-6s7.5 2.25 7.5 6`}),(0,n.jsx)(`path`,{d:`M9.25 7.5h5.5`})]})}),c=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`path`,{d:`M12 4L4 7.5h16L12 4z`}),(0,n.jsx)(`path`,{d:`M5 19.5h14`}),(0,n.jsx)(`path`,{d:`M6.5 10v7M10 10v7M14 10v7M17.5 10v7`}),(0,n.jsx)(`path`,{d:`M4 8.5h16`})]})}),l=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`rect`,{x:`3`,y:`6`,width:`18`,height:`12`,rx:`2.5`}),(0,n.jsx)(`circle`,{cx:`8.4`,cy:`10.8`,r:`2`}),(0,n.jsx)(`path`,{d:`M5.9 15c.7-1.25 1.85-1.95 3.25-1.95s2.55.7 3.25 1.95`}),(0,n.jsx)(`path`,{d:`M13.5 10h4M13.5 13h4`})]})}),u=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`circle`,{cx:`10.5`,cy:`10.5`,r:`5.75`}),(0,n.jsx)(`path`,{d:`M10.5 8v5M8 10.5h5`}),(0,n.jsx)(`path`,{d:`M15.25 15.25L19.5 19.5`})]})});Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});
+//# sourceMappingURL=ZoomInIcon-CtoKX0Ri.cjs.map

package/dist/ZoomInIcon-CtoKX0Ri.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomInIcon-CtoKX0Ri.cjs","names":[],"sources":["../src/icons/glyphs/CheckIcon.tsx","../src/icons/glyphs/ChevronUpIcon.tsx","../src/icons/glyphs/UploadIcon.tsx","../src/icons/glyphs/FileArchiveIcon.tsx","../src/icons/glyphs/UserIcon.tsx","../src/icons/glyphs/BankIcon.tsx","../src/icons/glyphs/IdCardIcon.tsx","../src/icons/glyphs/ZoomInIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const CheckIcon = forwardRef<SVGSVGElement, IconProps>(function CheckIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <path d=\"M5.5 12.5l4.25 4.25L18.5 8\" />\n        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const ChevronUpIcon = forwardRef<SVGSVGElement, IconProps>(function ChevronUpIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <path d=\"M6.5 14.5L12 9l5.5 5.5\" />\n        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const UploadIcon = forwardRef<SVGSVGElement, IconProps>(function UploadIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <path d=\"M12 15V5\" />\n            <path d=\"M8 9l4-4 4 4\" />\n            <path d=\"M5 18.5h14\" />\n        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const FileArchiveIcon = forwardRef<SVGSVGElement, IconProps>(function FileArchiveIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <path d=\"M7 3.5h7l4 4v12a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2z\" />\n            <path d=\"M14 3.5V8h4\" />\n            <path\n                d=\"M9.85 11.35h4.3a1 1 0 0 1 1 1v5.65a1 1 0 0 1-1 1h-4.3a1 1 0 0 1-1-1v-5.65a1 1 0 0 1 1-1z\"\n                fill=\"#f59e0b\"\n                stroke=\"none\"\n            />\n            <path d=\"M11.2 12.3h1.6M11.2 13.45h1.6M11.2 14.6h1.6M11.2 15.75h1.6\" stroke=\"#fff\" />\n            <path d=\"M12 12.3v4.9\" stroke=\"#fff\" />\n        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const UserIcon = forwardRef<SVGSVGElement, IconProps>(function UserIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"8\" r=\"3.5\" />\n            <path d=\"M4.5 19c0-3.75 3.2-6 7.5-6s7.5 2.25 7.5 6\" />\n            <path d=\"M9.25 7.5h5.5\" />\n        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const BankIcon = forwardRef<SVGSVGElement, IconProps>(function BankIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <path d=\"M12 4L4 7.5h16L12 4z\" />\n            <path d=\"M5 19.5h14\" />\n            <path d=\"M6.5 10v7M10 10v7M14 10v7M17.5 10v7\" />\n            <path d=\"M4 8.5h16\" />\n        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const IdCardIcon = forwardRef<SVGSVGElement, IconProps>(function IdCardIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2.5\" />\n            <circle cx=\"8.4\" cy=\"10.8\" r=\"2\" />\n            <path d=\"M5.9 15c.7-1.25 1.85-1.95 3.25-1.95s2.55.7 3.25 1.95\" />\n            <path d=\"M13.5 10h4M13.5 13h4\" />\n        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const ZoomInIcon = forwardRef<SVGSVGElement, IconProps>(function ZoomInIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <circle cx=\"10.5\" cy=\"10.5\" r=\"5.75\" />\n            <path d=\"M10.5 8v5M8 10.5h5\" />\n            <path d=\"M15.25 15.25L19.5 19.5\" />\n        </Icon>\n    )\n})\n"],"mappings":"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"}