tempest-react-sdk 0.23.0 → 0.25.0

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,155 +1,130 @@
-import { jsxs as w, jsx as s } from "react/jsx-runtime";
-import { useId as U, useRef as $, useState as g, useMemo as M, useCallback as j, useEffect as q } from "react";
-import { cn as k } from "../../utils/cn.js";
-import l from "./MultiSelect.module.css.js";
-function z(a, r) {
-  return r ? a.label.toLowerCase().includes(r.toLowerCase()) : !0;
+import { cn as e } from "../../utils/cn.js";
+import t from "./MultiSelect.module.js";
+import { useCallback as n, useEffect as r, useId as i, useMemo as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/MultiSelect/MultiSelect.tsx
+function u(e, t) {
+	return !t || e.label.toLowerCase().includes(t.toLowerCase());
 }
-function P({
-  options: a,
-  value: r,
-  onChange: c,
-  label: v,
-  placeholder: B = "Selecione",
-  helperText: E,
-  error: b,
-  disabled: o,
-  maxItems: S,
-  filter: R = z,
-  emptyMessage: I = "Nenhuma opção encontrada",
-  className: K
-}) {
-  const i = U(), D = $(null), N = $(null), [u, n] = g(!1), [f, d] = g(""), [A, m] = g(0), y = M(() => new Set(r), [r]), O = M(
-    () => r.map((e) => a.find((t) => t.value === e)).filter((e) => !!e),
-    [r, a]
-  ), p = M(
-    () => a.filter((e) => R(e, f)),
-    [a, R, f]
-  ), x = S !== void 0 && r.length >= S, L = j(
-    (e) => {
-      if (!e.disabled) {
-        if (y.has(e.value))
-          c(r.filter((t) => t !== e.value));
-        else {
-          if (x) return;
-          c([...r, e.value]);
-        }
-        d(""), N.current?.focus();
-      }
-    },
-    [y, c, r, x]
-  ), F = j(
-    (e) => {
-      c(r.filter((t) => t !== e));
-    },
-    [c, r]
-  );
-  q(() => {
-    if (!u) return;
-    const e = (t) => {
-      D.current && !D.current.contains(t.target) && (n(!1), d(""));
-    };
-    return window.addEventListener("mousedown", e), () => window.removeEventListener("mousedown", e);
-  }, [u]);
-  const Q = (e) => {
-    if (e.key === "ArrowDown")
-      e.preventDefault(), n(!0), m((t) => Math.min(p.length - 1, t + 1));
-    else if (e.key === "ArrowUp")
-      e.preventDefault(), m((t) => Math.max(0, t - 1));
-    else if (e.key === "Enter") {
-      e.preventDefault();
-      const t = p[A];
-      t && L(t);
-    } else e.key === "Escape" ? (n(!1), d("")) : e.key === "Backspace" && f === "" && r.length > 0 && F(r[r.length - 1]);
-  };
-  return /* @__PURE__ */ w("div", { ref: D, className: k(l.wrapper, b && l.error, K), children: [
-    v && /* @__PURE__ */ s("label", { htmlFor: i, className: l.label, children: v }),
-    /* @__PURE__ */ w(
-      "div",
-      {
-        className: k(l.field, o && l.disabled),
-        onMouseDown: (e) => {
-          o || e.target === e.currentTarget && (e.preventDefault(), N.current?.focus(), n(!0));
-        },
-        children: [
-          O.map((e) => /* @__PURE__ */ w("span", { className: l.chip, children: [
-            e.label,
-            /* @__PURE__ */ s(
-              "button",
-              {
-                type: "button",
-                className: l.chipRemove,
-                "aria-label": `Remover ${e.label}`,
-                disabled: o,
-                onMouseDown: (t) => {
-                  t.preventDefault(), F(e.value);
-                },
-                children: "×"
-              }
-            )
-          ] }, e.value)),
-          /* @__PURE__ */ s(
-            "input",
-            {
-              id: i,
-              ref: N,
-              type: "text",
-              role: "combobox",
-              "aria-expanded": u,
-              "aria-controls": `${i}-listbox`,
-              "aria-autocomplete": "list",
-              className: l.input,
-              placeholder: r.length === 0 ? B : "",
-              disabled: o,
-              value: f,
-              onFocus: () => n(!0),
-              onChange: (e) => {
-                d(e.target.value), n(!0), m(0);
-              },
-              onKeyDown: Q
-            }
-          )
-        ]
-      }
-    ),
-    u && /* @__PURE__ */ s(
-      "ul",
-      {
-        id: `${i}-listbox`,
-        role: "listbox",
-        "aria-multiselectable": !0,
-        className: l.menu,
-        children: p.length === 0 ? /* @__PURE__ */ s("li", { className: l.empty, children: I }) : p.map((e, t) => {
-          const h = y.has(e.value);
-          return /* @__PURE__ */ w(
-            "li",
-            {
-              role: "option",
-              "aria-selected": h,
-              "aria-disabled": e.disabled || !h && x,
-              className: k(
-                l.option,
-                t === A && l.active,
-                h && l.selected
-              ),
-              onMouseEnter: () => m(t),
-              onMouseDown: (T) => {
-                T.preventDefault(), L(e);
-              },
-              children: [
-                /* @__PURE__ */ s("span", { className: l.check, "aria-hidden": !0, children: h ? "✓" : "" }),
-                e.label
-              ]
-            },
-            e.value
-          );
-        })
-      }
-    ),
-    b ? /* @__PURE__ */ s("span", { className: l.errorText, children: b }) : E ? /* @__PURE__ */ s("span", { className: l.helper, children: E }) : null
-  ] });
+function d({ options: d, value: f, onChange: p, label: m, placeholder: h = "Selecione", helperText: g, error: _, disabled: v, maxItems: y, filter: b = u, emptyMessage: x = "Nenhuma opção encontrada", className: S }) {
+	let C = i(), w = o(null), T = o(null), [E, D] = s(!1), [O, k] = s(""), [A, j] = s(0), M = a(() => new Set(f), [f]), N = a(() => f.map((e) => d.find((t) => t.value === e)).filter((e) => !!e), [f, d]), P = a(() => d.filter((e) => b(e, O)), [
+		d,
+		b,
+		O
+	]), F = y !== void 0 && f.length >= y, I = n((e) => {
+		if (!e.disabled) {
+			if (M.has(e.value)) p(f.filter((t) => t !== e.value));
+			else {
+				if (F) return;
+				p([...f, e.value]);
+			}
+			k(""), T.current?.focus();
+		}
+	}, [
+		M,
+		p,
+		f,
+		F
+	]), L = n((e) => {
+		p(f.filter((t) => t !== e));
+	}, [p, f]);
+	return r(() => {
+		if (!E) return;
+		let e = (e) => {
+			w.current && !w.current.contains(e.target) && (D(!1), k(""));
+		};
+		return window.addEventListener("mousedown", e), () => window.removeEventListener("mousedown", e);
+	}, [E]), /* @__PURE__ */ l("div", {
+		ref: w,
+		className: e(t.wrapper, _ && t.error, S),
+		children: [
+			m && /* @__PURE__ */ c("label", {
+				htmlFor: C,
+				className: t.label,
+				children: m
+			}),
+			/* @__PURE__ */ l("div", {
+				className: e(t.field, v && t.disabled),
+				onMouseDown: (e) => {
+					v || e.target === e.currentTarget && (e.preventDefault(), T.current?.focus(), D(!0));
+				},
+				children: [N.map((e) => /* @__PURE__ */ l("span", {
+					className: t.chip,
+					children: [e.label, /* @__PURE__ */ c("button", {
+						type: "button",
+						className: t.chipRemove,
+						"aria-label": `Remover ${e.label}`,
+						disabled: v,
+						onMouseDown: (t) => {
+							t.preventDefault(), L(e.value);
+						},
+						children: "×"
+					})]
+				}, e.value)), /* @__PURE__ */ c("input", {
+					id: C,
+					ref: T,
+					type: "text",
+					role: "combobox",
+					"aria-expanded": E,
+					"aria-controls": `${C}-listbox`,
+					"aria-autocomplete": "list",
+					className: t.input,
+					placeholder: f.length === 0 ? h : "",
+					disabled: v,
+					value: O,
+					onFocus: () => D(!0),
+					onChange: (e) => {
+						k(e.target.value), D(!0), j(0);
+					},
+					onKeyDown: (e) => {
+						if (e.key === "ArrowDown") e.preventDefault(), D(!0), j((e) => Math.min(P.length - 1, e + 1));
+						else if (e.key === "ArrowUp") e.preventDefault(), j((e) => Math.max(0, e - 1));
+						else if (e.key === "Enter") {
+							e.preventDefault();
+							let t = P[A];
+							t && I(t);
+						} else e.key === "Escape" ? (D(!1), k("")) : e.key === "Backspace" && O === "" && f.length > 0 && L(f[f.length - 1]);
+					}
+				})]
+			}),
+			E && /* @__PURE__ */ c("ul", {
+				id: `${C}-listbox`,
+				role: "listbox",
+				"aria-multiselectable": !0,
+				className: t.menu,
+				children: P.length === 0 ? /* @__PURE__ */ c("li", {
+					className: t.empty,
+					children: x
+				}) : P.map((n, r) => {
+					let i = M.has(n.value);
+					return /* @__PURE__ */ l("li", {
+						role: "option",
+						"aria-selected": i,
+						"aria-disabled": n.disabled || !i && F,
+						className: e(t.option, r === A && t.active, i && t.selected),
+						onMouseEnter: () => j(r),
+						onMouseDown: (e) => {
+							e.preventDefault(), I(n);
+						},
+						children: [/* @__PURE__ */ c("span", {
+							className: t.check,
+							"aria-hidden": !0,
+							children: i ? "✓" : ""
+						}), n.label]
+					}, n.value);
+				})
+			}),
+			_ ? /* @__PURE__ */ c("span", {
+				className: t.errorText,
+				children: _
+			}) : g ? /* @__PURE__ */ c("span", {
+				className: t.helper,
+				children: g
+			}) : null
+		]
+	});
 }
-export {
-  P as MultiSelect
-};
-//# sourceMappingURL=MultiSelect.js.map
+//#endregion
+export { d as MultiSelect };
+
+//# sourceMappingURL=MultiSelect.js.map

package/dist/components/MultiSelect/MultiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.js","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./MultiSelect.module.css\";\n\nexport interface MultiSelectOption {\n    value: string;\n    label: string;\n    disabled?: boolean;\n}\n\nexport interface MultiSelectProps {\n    options: MultiSelectOption[];\n    /** Currently selected values. */\n    value: string[];\n    onChange: (value: string[]) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    disabled?: boolean;\n    /** Cap the number of selectable items. */\n    maxItems?: number;\n    /** Custom filter — return true to keep the option. Default: case-insensitive substring on label. */\n    filter?: (option: MultiSelectOption, query: string) => boolean;\n    /** Message shown when no option matches. */\n    emptyMessage?: string;\n    className?: string;\n}\n\nfunction defaultFilter(option: MultiSelectOption, query: string): boolean {\n    if (!query) return true;\n    return option.label.toLowerCase().includes(query.toLowerCase());\n}\n\n/**\n * MultiSelect — a filterable dropdown that selects many options, shown as\n * removable chips inside the field. Selecting toggles a value; Backspace on an\n * empty query removes the last chip.\n *\n * Keyboard: ArrowUp/ArrowDown navigate, Enter toggles the active option, Esc\n * closes, Backspace (empty input) pops the last chip.\n */\nexport function MultiSelect({\n    options,\n    value,\n    onChange,\n    label,\n    placeholder = \"Selecione\",\n    helperText,\n    error,\n    disabled,\n    maxItems,\n    filter = defaultFilter,\n    emptyMessage = \"Nenhuma opção encontrada\",\n    className,\n}: MultiSelectProps) {\n    const id = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState(\"\");\n    const [activeIndex, setActiveIndex] = useState(0);\n\n    const selectedSet = useMemo(() => new Set(value), [value]);\n    const selectedOptions = useMemo(\n        () =>\n            value\n                .map((v) => options.find((o) => o.value === v))\n                .filter((o): o is MultiSelectOption => Boolean(o)),\n        [value, options],\n    );\n    const filtered = useMemo(\n        () => options.filter((o) => filter(o, query)),\n        [options, filter, query],\n    );\n\n    const atMax = maxItems !== undefined && value.length >= maxItems;\n\n    const toggle = useCallback(\n        (option: MultiSelectOption): void => {\n            if (option.disabled) return;\n            if (selectedSet.has(option.value)) {\n                onChange(value.filter((v) => v !== option.value));\n            } else {\n                if (atMax) return;\n                onChange([...value, option.value]);\n            }\n            setQuery(\"\");\n            inputRef.current?.focus();\n        },\n        [selectedSet, onChange, value, atMax],\n    );\n\n    const removeAt = useCallback(\n        (optionValue: string): void => {\n            onChange(value.filter((v) => v !== optionValue));\n        },\n        [onChange, value],\n    );\n\n    useEffect(() => {\n        if (!open) return;\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n                setOpen(false);\n                setQuery(\"\");\n            }\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => window.removeEventListener(\"mousedown\", onDown);\n    }, [open]);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            setOpen(true);\n            setActiveIndex((current) => Math.min(filtered.length - 1, current + 1));\n        } else if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            setActiveIndex((current) => Math.max(0, current - 1));\n        } else if (event.key === \"Enter\") {\n            event.preventDefault();\n            const option = filtered[activeIndex];\n            if (option) toggle(option);\n        } else if (event.key === \"Escape\") {\n            setOpen(false);\n            setQuery(\"\");\n        } else if (event.key === \"Backspace\" && query === \"\" && value.length > 0) {\n            removeAt(value[value.length - 1]);\n        }\n    };\n\n    return (\n        <div ref={rootRef} className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={id} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div\n                className={cn(styles.field, disabled && styles.disabled)}\n                onMouseDown={(event) => {\n                    if (disabled) return;\n                    // Keep focus on the input when clicking empty field space.\n                    if (event.target === event.currentTarget) {\n                        event.preventDefault();\n                        inputRef.current?.focus();\n                        setOpen(true);\n                    }\n                }}\n            >\n                {selectedOptions.map((option) => (\n                    <span key={option.value} className={styles.chip}>\n                        {option.label}\n                        <button\n                            type=\"button\"\n                            className={styles.chipRemove}\n                            aria-label={`Remover ${option.label}`}\n                            disabled={disabled}\n                            onMouseDown={(event) => {\n                                event.preventDefault();\n                                removeAt(option.value);\n                            }}\n                        >\n                            ×\n                        </button>\n                    </span>\n                ))}\n                <input\n                    id={id}\n                    ref={inputRef}\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-expanded={open}\n                    aria-controls={`${id}-listbox`}\n                    aria-autocomplete=\"list\"\n                    className={styles.input}\n                    placeholder={value.length === 0 ? placeholder : \"\"}\n                    disabled={disabled}\n                    value={query}\n                    onFocus={() => setOpen(true)}\n                    onChange={(event) => {\n                        setQuery(event.target.value);\n                        setOpen(true);\n                        setActiveIndex(0);\n                    }}\n                    onKeyDown={handleKeyDown}\n                />\n            </div>\n            {open && (\n                <ul\n                    id={`${id}-listbox`}\n                    role=\"listbox\"\n                    aria-multiselectable\n                    className={styles.menu}\n                >\n                    {filtered.length === 0 ? (\n                        <li className={styles.empty}>{emptyMessage}</li>\n                    ) : (\n                        filtered.map((option, index) => {\n                            const isSelected = selectedSet.has(option.value);\n                            return (\n                                <li\n                                    key={option.value}\n                                    role=\"option\"\n                                    aria-selected={isSelected}\n                                    aria-disabled={option.disabled || (!isSelected && atMax)}\n                                    className={cn(\n                                        styles.option,\n                                        index === activeIndex && styles.active,\n                                        isSelected && styles.selected,\n                                    )}\n                                    onMouseEnter={() => setActiveIndex(index)}\n                                    onMouseDown={(event) => {\n                                        event.preventDefault();\n                                        toggle(option);\n                                    }}\n                                >\n                                    <span className={styles.check} aria-hidden>\n                                        {isSelected ? \"✓\" : \"\"}\n                                    </span>\n                                    {option.label}\n                                </li>\n                            );\n                        })\n                    )}\n                </ul>\n            )}\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n}\n"],"names":["defaultFilter","option","query","MultiSelect","options","value","onChange","label","placeholder","helperText","error","disabled","maxItems","filter","emptyMessage","className","id","useId","rootRef","useRef","inputRef","open","setOpen","useState","setQuery","activeIndex","setActiveIndex","selectedSet","useMemo","selectedOptions","v","o","filtered","atMax","toggle","useCallback","removeAt","optionValue","useEffect","onDown","event","handleKeyDown","current","jsxs","cn","styles","jsx","index","isSelected"],"mappings":"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"}
+{"version":3,"file":"MultiSelect.js","names":[],"sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./MultiSelect.module.css\";\n\nexport interface MultiSelectOption {\n    value: string;\n    label: string;\n    disabled?: boolean;\n}\n\nexport interface MultiSelectProps {\n    options: MultiSelectOption[];\n    /** Currently selected values. */\n    value: string[];\n    onChange: (value: string[]) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    disabled?: boolean;\n    /** Cap the number of selectable items. */\n    maxItems?: number;\n    /** Custom filter — return true to keep the option. Default: case-insensitive substring on label. */\n    filter?: (option: MultiSelectOption, query: string) => boolean;\n    /** Message shown when no option matches. */\n    emptyMessage?: string;\n    className?: string;\n}\n\nfunction defaultFilter(option: MultiSelectOption, query: string): boolean {\n    if (!query) return true;\n    return option.label.toLowerCase().includes(query.toLowerCase());\n}\n\n/**\n * MultiSelect — a filterable dropdown that selects many options, shown as\n * removable chips inside the field. Selecting toggles a value; Backspace on an\n * empty query removes the last chip.\n *\n * Keyboard: ArrowUp/ArrowDown navigate, Enter toggles the active option, Esc\n * closes, Backspace (empty input) pops the last chip.\n */\nexport function MultiSelect({\n    options,\n    value,\n    onChange,\n    label,\n    placeholder = \"Selecione\",\n    helperText,\n    error,\n    disabled,\n    maxItems,\n    filter = defaultFilter,\n    emptyMessage = \"Nenhuma opção encontrada\",\n    className,\n}: MultiSelectProps) {\n    const id = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState(\"\");\n    const [activeIndex, setActiveIndex] = useState(0);\n\n    const selectedSet = useMemo(() => new Set(value), [value]);\n    const selectedOptions = useMemo(\n        () =>\n            value\n                .map((v) => options.find((o) => o.value === v))\n                .filter((o): o is MultiSelectOption => Boolean(o)),\n        [value, options],\n    );\n    const filtered = useMemo(\n        () => options.filter((o) => filter(o, query)),\n        [options, filter, query],\n    );\n\n    const atMax = maxItems !== undefined && value.length >= maxItems;\n\n    const toggle = useCallback(\n        (option: MultiSelectOption): void => {\n            if (option.disabled) return;\n            if (selectedSet.has(option.value)) {\n                onChange(value.filter((v) => v !== option.value));\n            } else {\n                if (atMax) return;\n                onChange([...value, option.value]);\n            }\n            setQuery(\"\");\n            inputRef.current?.focus();\n        },\n        [selectedSet, onChange, value, atMax],\n    );\n\n    const removeAt = useCallback(\n        (optionValue: string): void => {\n            onChange(value.filter((v) => v !== optionValue));\n        },\n        [onChange, value],\n    );\n\n    useEffect(() => {\n        if (!open) return;\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n                setOpen(false);\n                setQuery(\"\");\n            }\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => window.removeEventListener(\"mousedown\", onDown);\n    }, [open]);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            setOpen(true);\n            setActiveIndex((current) => Math.min(filtered.length - 1, current + 1));\n        } else if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            setActiveIndex((current) => Math.max(0, current - 1));\n        } else if (event.key === \"Enter\") {\n            event.preventDefault();\n            const option = filtered[activeIndex];\n            if (option) toggle(option);\n        } else if (event.key === \"Escape\") {\n            setOpen(false);\n            setQuery(\"\");\n        } else if (event.key === \"Backspace\" && query === \"\" && value.length > 0) {\n            removeAt(value[value.length - 1]);\n        }\n    };\n\n    return (\n        <div ref={rootRef} className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={id} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div\n                className={cn(styles.field, disabled && styles.disabled)}\n                onMouseDown={(event) => {\n                    if (disabled) return;\n                    // Keep focus on the input when clicking empty field space.\n                    if (event.target === event.currentTarget) {\n                        event.preventDefault();\n                        inputRef.current?.focus();\n                        setOpen(true);\n                    }\n                }}\n            >\n                {selectedOptions.map((option) => (\n                    <span key={option.value} className={styles.chip}>\n                        {option.label}\n                        <button\n                            type=\"button\"\n                            className={styles.chipRemove}\n                            aria-label={`Remover ${option.label}`}\n                            disabled={disabled}\n                            onMouseDown={(event) => {\n                                event.preventDefault();\n                                removeAt(option.value);\n                            }}\n                        >\n                            ×\n                        </button>\n                    </span>\n                ))}\n                <input\n                    id={id}\n                    ref={inputRef}\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-expanded={open}\n                    aria-controls={`${id}-listbox`}\n                    aria-autocomplete=\"list\"\n                    className={styles.input}\n                    placeholder={value.length === 0 ? placeholder : \"\"}\n                    disabled={disabled}\n                    value={query}\n                    onFocus={() => setOpen(true)}\n                    onChange={(event) => {\n                        setQuery(event.target.value);\n                        setOpen(true);\n                        setActiveIndex(0);\n                    }}\n                    onKeyDown={handleKeyDown}\n                />\n            </div>\n            {open && (\n                <ul\n                    id={`${id}-listbox`}\n                    role=\"listbox\"\n                    aria-multiselectable\n                    className={styles.menu}\n                >\n                    {filtered.length === 0 ? (\n                        <li className={styles.empty}>{emptyMessage}</li>\n                    ) : (\n                        filtered.map((option, index) => {\n                            const isSelected = selectedSet.has(option.value);\n                            return (\n                                <li\n                                    key={option.value}\n                                    role=\"option\"\n                                    aria-selected={isSelected}\n                                    aria-disabled={option.disabled || (!isSelected && atMax)}\n                                    className={cn(\n                                        styles.option,\n                                        index === activeIndex && styles.active,\n                                        isSelected && styles.selected,\n                                    )}\n                                    onMouseEnter={() => setActiveIndex(index)}\n                                    onMouseDown={(event) => {\n                                        event.preventDefault();\n                                        toggle(option);\n                                    }}\n                                >\n                                    <span className={styles.check} aria-hidden>\n                                        {isSelected ? \"✓\" : \"\"}\n                                    </span>\n                                    {option.label}\n                                </li>\n                            );\n                        })\n                    )}\n                </ul>\n            )}\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/MultiSelect/MultiSelect.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_6xZZr`,t=`tempest_label_Jwj7I`,n=`tempest_field_GpA0V`,r=`tempest_disabled_BIKaG`,i=`tempest_chip_Zk0ch`,a=`tempest_chipRemove_R-mNv`,o=`tempest_input_SjOXU`,s=`tempest_menu_3xnmo`,c=`tempest_option_lqEl1`,l=`tempest_check_aUM1w`,u=`tempest_active_S9sQ-`,d=`tempest_selected_Rw8yr`,f=`tempest_empty_-5B16`,p=`tempest_helper_c7aH3`,m=`tempest_errorText_qZR9s`,h=`tempest_error_DIOTW`,g={wrapper:e,label:t,field:n,disabled:r,chip:i,chipRemove:a,input:o,menu:s,option:c,check:l,active:u,selected:d,empty:f,helper:p,errorText:m,error:h};exports.active=u,exports.check=l,exports.chip=i,exports.chipRemove=a,exports.default=g,exports.disabled=r,exports.empty=f,exports.error=h,exports.errorText=m,exports.field=n,exports.helper=p,exports.input=o,exports.label=t,exports.menu=s,exports.option=c,exports.selected=d,exports.wrapper=e;
+//# sourceMappingURL=MultiSelect.module.cjs.map

package/dist/components/MultiSelect/MultiSelect.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.module.cjs","names":[],"sources":["../../../src/components/MultiSelect/MultiSelect.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    position: relative;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.field {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    min-height: var(--tempest-control-height-md);\n    padding: 4px var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    box-shadow: var(--tempest-shadow-xs);\n    cursor: text;\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.field:focus-within {\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.field.disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n}\n\n.chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 4px 2px 8px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-active);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    line-height: 1.4;\n}\n\n.chipRemove {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    height: 16px;\n    border: none;\n    border-radius: 50%;\n    background: transparent;\n    color: inherit;\n    font-size: 14px;\n    line-height: 1;\n    cursor: pointer;\n}\n\n.chipRemove:hover {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.input {\n    flex: 1;\n    min-width: 80px;\n    border: none;\n    outline: none;\n    background: transparent;\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-control-font-md);\n    height: 24px;\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.menu {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    right: 0;\n    z-index: var(--tempest-z-dropdown);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    max-height: 280px;\n    overflow-y: auto;\n    padding: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n}\n\n.option {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-sm);\n    cursor: pointer;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n}\n\n.check {\n    display: inline-flex;\n    width: 16px;\n    justify-content: center;\n    color: var(--tempest-primary);\n    font-weight: var(--tempest-weight-bold);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .option:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.option.active {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-active);\n}\n\n.option.selected {\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.empty {\n    padding: var(--tempest-space-3);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n}\n\n.wrapper.error .field {\n    border-color: var(--tempest-danger);\n}\n"],"mappings":""}

package/dist/components/MultiSelect/MultiSelect.module.js

@@ -0,0 +1,23 @@
+//#region src/components/MultiSelect/MultiSelect.module.css
+var e = "tempest_wrapper_6xZZr", t = "tempest_label_Jwj7I", n = "tempest_field_GpA0V", r = "tempest_disabled_BIKaG", i = "tempest_chip_Zk0ch", a = "tempest_chipRemove_R-mNv", o = "tempest_input_SjOXU", s = "tempest_menu_3xnmo", c = "tempest_option_lqEl1", l = "tempest_check_aUM1w", u = "tempest_active_S9sQ-", d = "tempest_selected_Rw8yr", f = "tempest_empty_-5B16", p = "tempest_helper_c7aH3", m = "tempest_errorText_qZR9s", h = "tempest_error_DIOTW", g = {
+	wrapper: e,
+	label: t,
+	field: n,
+	disabled: r,
+	chip: i,
+	chipRemove: a,
+	input: o,
+	menu: s,
+	option: c,
+	check: l,
+	active: u,
+	selected: d,
+	empty: f,
+	helper: p,
+	errorText: m,
+	error: h
+};
+//#endregion
+export { u as active, l as check, i as chip, a as chipRemove, g as default, r as disabled, f as empty, h as error, m as errorText, n as field, p as helper, o as input, t as label, s as menu, c as option, d as selected, e as wrapper };
+
+//# sourceMappingURL=MultiSelect.module.js.map

package/dist/components/MultiSelect/MultiSelect.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.module.js","names":[],"sources":["../../../src/components/MultiSelect/MultiSelect.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    position: relative;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.field {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    min-height: var(--tempest-control-height-md);\n    padding: 4px var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    box-shadow: var(--tempest-shadow-xs);\n    cursor: text;\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.field:focus-within {\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.field.disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n}\n\n.chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 4px 2px 8px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-active);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    line-height: 1.4;\n}\n\n.chipRemove {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    height: 16px;\n    border: none;\n    border-radius: 50%;\n    background: transparent;\n    color: inherit;\n    font-size: 14px;\n    line-height: 1;\n    cursor: pointer;\n}\n\n.chipRemove:hover {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.input {\n    flex: 1;\n    min-width: 80px;\n    border: none;\n    outline: none;\n    background: transparent;\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-control-font-md);\n    height: 24px;\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.menu {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    right: 0;\n    z-index: var(--tempest-z-dropdown);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    max-height: 280px;\n    overflow-y: auto;\n    padding: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n}\n\n.option {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-sm);\n    cursor: pointer;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n}\n\n.check {\n    display: inline-flex;\n    width: 16px;\n    justify-content: center;\n    color: var(--tempest-primary);\n    font-weight: var(--tempest-weight-bold);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .option:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.option.active {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-active);\n}\n\n.option.selected {\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.empty {\n    padding: var(--tempest-space-3);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n}\n\n.wrapper.error .field {\n    border-color: var(--tempest-danger);\n}\n"],"mappings":""}

package/dist/components/NProgress/NProgress.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),v=require("react"),p=require("../../utils/cn.cjs"),T=require("./NProgress.module.css.cjs"),E=300,f=.9,I=300;function d(e){return e<0?0:e>1?1:e}function N(){let e={value:0,active:!1};const u=new Set;let a=null,r=null;const c=()=>{for(const t of u)t(e)},s=t=>{e={...e,...t},c()},o=()=>{a!==null&&(clearInterval(a),a=null)},l=()=>{r!==null&&(clearTimeout(r),r=null)},i=t=>{const n=e.value;if(n>=f)return;const b=t??(1-n)*.1+.01;s({value:Math.min(d(n+b),f)})};return{start:()=>{l(),!e.active&&(s({active:!0,value:e.value>0?e.value:.08}),o(),a=setInterval(()=>i(),E))},done:()=>{o(),l(),s({value:1,active:!0}),r=setTimeout(()=>{s({active:!1,value:0}),r=null},I)},set:t=>{l();const n=d(t);s({value:n,active:n<1?!0:e.active})},inc:i,subscribe:t=>(u.add(t),t(e),()=>{u.delete(t)})}}const m=N();function h({color:e,height:u=3,className:a}){const[r,c]=v.useState({value:0,active:!1});if(v.useEffect(()=>m.subscribe(c),[]),!r.active)return null;const s={width:`${Math.round(r.value*100)}%`,height:`${u}px`,background:e??"var(--tempest-primary)"};return g.jsx("div",{className:p.cn(T.default.bar,a),style:s,role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(r.value*100)})}exports.NProgressBar=h;exports.nprogress=m;
-//# sourceMappingURL=NProgress.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./NProgress.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=300,a=.9,o=300;function s(e){return e<0?0:e>1?1:e}function c(){let e={value:0,active:!1},t=new Set,n=null,r=null,c=()=>{for(let n of t)n(e)},l=t=>{e={...e,...t},c()},u=()=>{n!==null&&(clearInterval(n),n=null)},d=()=>{r!==null&&(clearTimeout(r),r=null)},f=t=>{let n=e.value;if(n>=a)return;let r=t??(1-n)*.1+.01;l({value:Math.min(s(n+r),a)})};return{start:()=>{d(),!e.active&&(l({active:!0,value:e.value>0?e.value:.08}),u(),n=setInterval(()=>f(),i))},done:()=>{u(),d(),l({value:1,active:!0}),r=setTimeout(()=>{l({active:!1,value:0}),r=null},o)},set:t=>{d();let n=s(t);l({value:n,active:n<1||e.active})},inc:f,subscribe:n=>(t.add(n),n(e),()=>{t.delete(n)})}}var l=c();function u({color:i,height:a=3,className:o}){let[s,c]=(0,n.useState)({value:0,active:!1});if((0,n.useEffect)(()=>l.subscribe(c),[]),!s.active)return null;let u={width:`${Math.round(s.value*100)}%`,height:`${a}px`,background:i??`var(--tempest-primary)`};return(0,r.jsx)(`div`,{className:e.cn(t.default.bar,o),style:u,role:`progressbar`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(s.value*100)})}exports.NProgressBar=u,exports.nprogress=l;
+//# sourceMappingURL=NProgress.cjs.map

package/dist/components/NProgress/NProgress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NProgress.cjs","sources":["../../../src/components/NProgress/NProgress.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport type { CSSProperties } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./NProgress.module.css\";\n\n/** Snapshot of the progress controller state delivered to subscribers. */\nexport interface NProgressState {\n    /** Current progress, `0` (empty) to `1` (complete). */\n    value: number;\n    /** Whether the bar should be visible. */\n    active: boolean;\n}\n\n/** Listener invoked whenever the progress state changes. */\nexport type NProgressListener = (state: NProgressState) => void;\n\n/** Imperative top-loading-bar controller. */\nexport interface NProgressController {\n    /** Show the bar and start trickling toward ~0.9. */\n    start: () => void;\n    /** Complete to `1`, then hide the bar shortly after. */\n    done: () => void;\n    /** Set the progress explicitly. Values are clamped to `0..1`. */\n    set: (n: number) => void;\n    /** Increment progress by `amount` (default a small trickle step). */\n    inc: (amount?: number) => void;\n    /** Subscribe to state changes. Returns an unsubscribe function. */\n    subscribe: (listener: NProgressListener) => () => void;\n}\n\nconst TRICKLE_INTERVAL_MS = 300;\nconst TRICKLE_CEILING = 0.9;\nconst DONE_HIDE_DELAY_MS = 300;\n\nfunction clamp(n: number): number {\n    if (n < 0) return 0;\n    if (n > 1) return 1;\n    return n;\n}\n\nfunction createNProgress(): NProgressController {\n    let state: NProgressState = { value: 0, active: false };\n    const listeners = new Set<NProgressListener>();\n    let trickleTimer: ReturnType<typeof setInterval> | null = null;\n    let hideTimer: ReturnType<typeof setTimeout> | null = null;\n\n    const emit = (): void => {\n        for (const listener of listeners) listener(state);\n    };\n\n    const update = (next: Partial<NProgressState>): void => {\n        state = { ...state, ...next };\n        emit();\n    };\n\n    const stopTrickle = (): void => {\n        if (trickleTimer !== null) {\n            clearInterval(trickleTimer);\n            trickleTimer = null;\n        }\n    };\n\n    const clearHide = (): void => {\n        if (hideTimer !== null) {\n            clearTimeout(hideTimer);\n            hideTimer = null;\n        }\n    };\n\n    const inc = (amount?: number): void => {\n        const current = state.value;\n        if (current >= TRICKLE_CEILING) return;\n        const step = amount ?? (1 - current) * 0.1 + 0.01;\n        update({ value: Math.min(clamp(current + step), TRICKLE_CEILING) });\n    };\n\n    const start = (): void => {\n        clearHide();\n        if (state.active) return;\n        update({ active: true, value: state.value > 0 ? state.value : 0.08 });\n        stopTrickle();\n        trickleTimer = setInterval(() => inc(), TRICKLE_INTERVAL_MS);\n    };\n\n    const done = (): void => {\n        stopTrickle();\n        clearHide();\n        update({ value: 1, active: true });\n        hideTimer = setTimeout(() => {\n            update({ active: false, value: 0 });\n            hideTimer = null;\n        }, DONE_HIDE_DELAY_MS);\n    };\n\n    const set = (n: number): void => {\n        clearHide();\n        const value = clamp(n);\n        update({ value, active: value < 1 ? true : state.active });\n    };\n\n    const subscribe = (listener: NProgressListener): (() => void) => {\n        listeners.add(listener);\n        listener(state);\n        return () => {\n            listeners.delete(listener);\n        };\n    };\n\n    return { start, done, set, inc, subscribe };\n}\n\n/**\n * Module-level singleton progress controller. Drive it imperatively from\n * anywhere (router transitions, fetch interceptors) and render the visual bar\n * with {@link NProgressBar}.\n *\n * @example\n * nprogress.start();\n * await loadData();\n * nprogress.done();\n */\nexport const nprogress: NProgressController = createNProgress();\n\n/** Props for {@link NProgressBar}. */\nexport interface NProgressBarProps {\n    /** Bar color. Defaults to `var(--tempest-primary)`. */\n    color?: string;\n    /** Bar height in pixels. Default `3`. */\n    height?: number;\n    /** Extra class applied to the bar element. */\n    className?: string;\n}\n\n/**\n * Fixed top loading bar bound to the {@link nprogress} singleton. Mount once\n * near the app root; it renders nothing while inactive.\n *\n * @example\n * <NProgressBar />\n */\nexport function NProgressBar({ color, height = 3, className }: NProgressBarProps) {\n    const [state, setState] = useState<NProgressState>({ value: 0, active: false });\n\n    useEffect(() => nprogress.subscribe(setState), []);\n\n    if (!state.active) return null;\n\n    const style: CSSProperties = {\n        width: `${Math.round(state.value * 100)}%`,\n        height: `${height}px`,\n        background: color ?? \"var(--tempest-primary)\",\n    };\n\n    return (\n        <div\n            className={cn(styles.bar, className)}\n            style={style}\n            role=\"progressbar\"\n            aria-valuemin={0}\n            aria-valuemax={100}\n            aria-valuenow={Math.round(state.value * 100)}\n        />\n    );\n}\n"],"names":["TRICKLE_INTERVAL_MS","TRICKLE_CEILING","DONE_HIDE_DELAY_MS","clamp","n","createNProgress","state","listeners","trickleTimer","hideTimer","emit","listener","update","next","stopTrickle","clearHide","inc","amount","current","step","value","nprogress","NProgressBar","color","height","className","setState","useState","useEffect","style","jsx","cn","styles"],"mappings":"gNA8BMA,EAAsB,IACtBC,EAAkB,GAClBC,EAAqB,IAE3B,SAASC,EAAMC,EAAmB,CAC9B,OAAIA,EAAI,EAAU,EACdA,EAAI,EAAU,EACXA,CACX,CAEA,SAASC,GAAuC,CAC5C,IAAIC,EAAwB,CAAE,MAAO,EAAG,OAAQ,EAAA,EAChD,MAAMC,MAAgB,IACtB,IAAIC,EAAsD,KACtDC,EAAkD,KAEtD,MAAMC,EAAO,IAAY,CACrB,UAAWC,KAAYJ,EAAWI,EAASL,CAAK,CACpD,EAEMM,EAAUC,GAAwC,CACpDP,EAAQ,CAAE,GAAGA,EAAO,GAAGO,CAAA,EACvBH,EAAA,CACJ,EAEMI,EAAc,IAAY,CACxBN,IAAiB,OACjB,cAAcA,CAAY,EAC1BA,EAAe,KAEvB,EAEMO,EAAY,IAAY,CACtBN,IAAc,OACd,aAAaA,CAAS,EACtBA,EAAY,KAEpB,EAEMO,EAAOC,GAA0B,CACnC,MAAMC,EAAUZ,EAAM,MACtB,GAAIY,GAAWjB,EAAiB,OAChC,MAAMkB,EAAOF,IAAW,EAAIC,GAAW,GAAM,IAC7CN,EAAO,CAAE,MAAO,KAAK,IAAIT,EAAMe,EAAUC,CAAI,EAAGlB,CAAe,EAAG,CACtE,EAkCA,MAAO,CAAE,MAhCK,IAAY,CACtBc,EAAA,EACI,CAAAT,EAAM,SACVM,EAAO,CAAE,OAAQ,GAAM,MAAON,EAAM,MAAQ,EAAIA,EAAM,MAAQ,GAAA,CAAM,EACpEQ,EAAA,EACAN,EAAe,YAAY,IAAMQ,EAAA,EAAOhB,CAAmB,EAC/D,EA0BgB,KAxBH,IAAY,CACrBc,EAAA,EACAC,EAAA,EACAH,EAAO,CAAE,MAAO,EAAG,OAAQ,GAAM,EACjCH,EAAY,WAAW,IAAM,CACzBG,EAAO,CAAE,OAAQ,GAAO,MAAO,EAAG,EAClCH,EAAY,IAChB,EAAGP,CAAkB,CACzB,EAgBsB,IAdTE,GAAoB,CAC7BW,EAAA,EACA,MAAMK,EAAQjB,EAAMC,CAAC,EACrBQ,EAAO,CAAE,MAAAQ,EAAO,OAAQA,EAAQ,EAAI,GAAOd,EAAM,OAAQ,CAC7D,EAU2B,IAAAU,EAAK,UARbL,IACfJ,EAAU,IAAII,CAAQ,EACtBA,EAASL,CAAK,EACP,IAAM,CACTC,EAAU,OAAOI,CAAQ,CAC7B,EAG4B,CACpC,CAYO,MAAMU,EAAiChB,EAAA,EAmBvC,SAASiB,EAAa,CAAE,MAAAC,EAAO,OAAAC,EAAS,EAAG,UAAAC,GAAgC,CAC9E,KAAM,CAACnB,EAAOoB,CAAQ,EAAIC,EAAAA,SAAyB,CAAE,MAAO,EAAG,OAAQ,GAAO,EAI9E,GAFAC,EAAAA,UAAU,IAAMP,EAAU,UAAUK,CAAQ,EAAG,CAAA,CAAE,EAE7C,CAACpB,EAAM,OAAQ,OAAO,KAE1B,MAAMuB,EAAuB,CACzB,MAAO,GAAG,KAAK,MAAMvB,EAAM,MAAQ,GAAG,CAAC,IACvC,OAAQ,GAAGkB,CAAM,KACjB,WAAYD,GAAS,wBAAA,EAGzB,OACIO,EAAAA,IAAC,MAAA,CACG,UAAWC,EAAAA,GAAGC,UAAO,IAAKP,CAAS,EACnC,MAAAI,EACA,KAAK,cACL,gBAAe,EACf,gBAAe,IACf,gBAAe,KAAK,MAAMvB,EAAM,MAAQ,GAAG,CAAA,CAAA,CAGvD"}
+{"version":3,"file":"NProgress.cjs","names":[],"sources":["../../../src/components/NProgress/NProgress.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport type { CSSProperties } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./NProgress.module.css\";\n\n/** Snapshot of the progress controller state delivered to subscribers. */\nexport interface NProgressState {\n    /** Current progress, `0` (empty) to `1` (complete). */\n    value: number;\n    /** Whether the bar should be visible. */\n    active: boolean;\n}\n\n/** Listener invoked whenever the progress state changes. */\nexport type NProgressListener = (state: NProgressState) => void;\n\n/** Imperative top-loading-bar controller. */\nexport interface NProgressController {\n    /** Show the bar and start trickling toward ~0.9. */\n    start: () => void;\n    /** Complete to `1`, then hide the bar shortly after. */\n    done: () => void;\n    /** Set the progress explicitly. Values are clamped to `0..1`. */\n    set: (n: number) => void;\n    /** Increment progress by `amount` (default a small trickle step). */\n    inc: (amount?: number) => void;\n    /** Subscribe to state changes. Returns an unsubscribe function. */\n    subscribe: (listener: NProgressListener) => () => void;\n}\n\nconst TRICKLE_INTERVAL_MS = 300;\nconst TRICKLE_CEILING = 0.9;\nconst DONE_HIDE_DELAY_MS = 300;\n\nfunction clamp(n: number): number {\n    if (n < 0) return 0;\n    if (n > 1) return 1;\n    return n;\n}\n\nfunction createNProgress(): NProgressController {\n    let state: NProgressState = { value: 0, active: false };\n    const listeners = new Set<NProgressListener>();\n    let trickleTimer: ReturnType<typeof setInterval> | null = null;\n    let hideTimer: ReturnType<typeof setTimeout> | null = null;\n\n    const emit = (): void => {\n        for (const listener of listeners) listener(state);\n    };\n\n    const update = (next: Partial<NProgressState>): void => {\n        state = { ...state, ...next };\n        emit();\n    };\n\n    const stopTrickle = (): void => {\n        if (trickleTimer !== null) {\n            clearInterval(trickleTimer);\n            trickleTimer = null;\n        }\n    };\n\n    const clearHide = (): void => {\n        if (hideTimer !== null) {\n            clearTimeout(hideTimer);\n            hideTimer = null;\n        }\n    };\n\n    const inc = (amount?: number): void => {\n        const current = state.value;\n        if (current >= TRICKLE_CEILING) return;\n        const step = amount ?? (1 - current) * 0.1 + 0.01;\n        update({ value: Math.min(clamp(current + step), TRICKLE_CEILING) });\n    };\n\n    const start = (): void => {\n        clearHide();\n        if (state.active) return;\n        update({ active: true, value: state.value > 0 ? state.value : 0.08 });\n        stopTrickle();\n        trickleTimer = setInterval(() => inc(), TRICKLE_INTERVAL_MS);\n    };\n\n    const done = (): void => {\n        stopTrickle();\n        clearHide();\n        update({ value: 1, active: true });\n        hideTimer = setTimeout(() => {\n            update({ active: false, value: 0 });\n            hideTimer = null;\n        }, DONE_HIDE_DELAY_MS);\n    };\n\n    const set = (n: number): void => {\n        clearHide();\n        const value = clamp(n);\n        update({ value, active: value < 1 ? true : state.active });\n    };\n\n    const subscribe = (listener: NProgressListener): (() => void) => {\n        listeners.add(listener);\n        listener(state);\n        return () => {\n            listeners.delete(listener);\n        };\n    };\n\n    return { start, done, set, inc, subscribe };\n}\n\n/**\n * Module-level singleton progress controller. Drive it imperatively from\n * anywhere (router transitions, fetch interceptors) and render the visual bar\n * with {@link NProgressBar}.\n *\n * @example\n * nprogress.start();\n * await loadData();\n * nprogress.done();\n */\nexport const nprogress: NProgressController = createNProgress();\n\n/** Props for {@link NProgressBar}. */\nexport interface NProgressBarProps {\n    /** Bar color. Defaults to `var(--tempest-primary)`. */\n    color?: string;\n    /** Bar height in pixels. Default `3`. */\n    height?: number;\n    /** Extra class applied to the bar element. */\n    className?: string;\n}\n\n/**\n * Fixed top loading bar bound to the {@link nprogress} singleton. Mount once\n * near the app root; it renders nothing while inactive.\n *\n * @example\n * <NProgressBar />\n */\nexport function NProgressBar({ color, height = 3, className }: NProgressBarProps) {\n    const [state, setState] = useState<NProgressState>({ value: 0, active: false });\n\n    useEffect(() => nprogress.subscribe(setState), []);\n\n    if (!state.active) return null;\n\n    const style: CSSProperties = {\n        width: `${Math.round(state.value * 100)}%`,\n        height: `${height}px`,\n        background: color ?? \"var(--tempest-primary)\",\n    };\n\n    return (\n        <div\n            className={cn(styles.bar, className)}\n            style={style}\n            role=\"progressbar\"\n            aria-valuemin={0}\n            aria-valuemax={100}\n            aria-valuenow={Math.round(state.value * 100)}\n        />\n    );\n}\n"],"mappings":"gIA8BA,IAAM,EAAsB,IACtB,EAAkB,GAClB,EAAqB,IAE3B,SAAS,EAAM,EAAmB,CAG9B,OAFI,EAAI,EAAU,EACd,EAAI,EAAU,EACX,CACX,CAEA,SAAS,GAAuC,CAC5C,IAAI,EAAwB,CAAE,MAAO,EAAG,OAAQ,EAAM,EAChD,EAAY,IAAI,IAClB,EAAsD,KACtD,EAAkD,KAEhD,MAAmB,CACrB,IAAK,IAAM,KAAY,EAAW,EAAS,CAAK,CACpD,EAEM,EAAU,GAAwC,CACpD,EAAQ,CAAE,GAAG,EAAO,GAAG,CAAK,EAC5B,EAAK,CACT,EAEM,MAA0B,CACxB,IAAiB,OACjB,cAAc,CAAY,EAC1B,EAAe,KAEvB,EAEM,MAAwB,CACtB,IAAc,OACd,aAAa,CAAS,EACtB,EAAY,KAEpB,EAEM,EAAO,GAA0B,CACnC,IAAM,EAAU,EAAM,MACtB,GAAI,GAAW,EAAiB,OAChC,IAAM,EAAO,IAAW,EAAI,GAAW,GAAM,IAC7C,EAAO,CAAE,MAAO,KAAK,IAAI,EAAM,EAAU,CAAI,EAAG,CAAe,CAAE,CAAC,CACtE,EAkCA,MAAO,CAAE,UAhCiB,CACtB,EAAU,EACN,GAAM,SACV,EAAO,CAAE,OAAQ,GAAM,MAAO,EAAM,MAAQ,EAAI,EAAM,MAAQ,GAAK,CAAC,EACpE,EAAY,EACZ,EAAe,gBAAkB,EAAI,EAAG,CAAmB,EAC/D,EA0BgB,SAxBS,CACrB,EAAY,EACZ,EAAU,EACV,EAAO,CAAE,MAAO,EAAG,OAAQ,EAAK,CAAC,EACjC,EAAY,eAAiB,CACzB,EAAO,CAAE,OAAQ,GAAO,MAAO,CAAE,CAAC,EAClC,EAAY,IAChB,EAAG,CAAkB,CACzB,EAgBsB,IAdT,GAAoB,CAC7B,EAAU,EACV,IAAM,EAAQ,EAAM,CAAC,EACrB,EAAO,CAAE,QAAO,OAAQ,EAAQ,GAAW,EAAM,MAAO,CAAC,CAC7D,EAU2B,MAAK,UARb,IACf,EAAU,IAAI,CAAQ,EACtB,EAAS,CAAK,MACD,CACT,EAAU,OAAO,CAAQ,CAC7B,EAGsC,CAC9C,CAYA,IAAa,EAAiC,EAAgB,EAmB9D,SAAgB,EAAa,CAAE,QAAO,SAAS,EAAG,aAAgC,CAC9E,GAAM,CAAC,EAAO,IAAA,EAAA,EAAA,SAAA,CAAqC,CAAE,MAAO,EAAG,OAAQ,EAAM,CAAC,EAI9E,IAFA,EAAA,EAAA,UAAA,KAAgB,EAAU,UAAU,CAAQ,EAAG,CAAC,CAAC,EAE7C,CAAC,EAAM,OAAQ,OAAO,KAE1B,IAAM,EAAuB,CACzB,MAAO,GAAG,KAAK,MAAM,EAAM,MAAQ,GAAG,EAAE,GACxC,OAAQ,GAAG,EAAO,IAClB,WAAY,GAAS,wBACzB,EAEA,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,CAAS,EAC5B,QACP,KAAK,cACL,gBAAe,EACf,gBAAe,IACf,gBAAe,KAAK,MAAM,EAAM,MAAQ,GAAG,CAC9C,CAAA,CAET"}

package/dist/components/NProgress/NProgress.js

@@ -1,66 +1,87 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useState as d, useEffect as b } from "react";
-import { cn as E } from "../../utils/cn.js";
-import I from "./NProgress.module.css.js";
-const T = 300, v = 0.9, h = 300;
-function f(e) {
-  return e < 0 ? 0 : e > 1 ? 1 : e;
+import { cn as e } from "../../utils/cn.js";
+import t from "./NProgress.module.js";
+import { useEffect as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/NProgress/NProgress.tsx
+var a = 300, o = .9, s = 300;
+function c(e) {
+	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-function g() {
-  let e = { value: 0, active: !1 };
-  const l = /* @__PURE__ */ new Set();
-  let s = null, r = null;
-  const u = () => {
-    for (const t of l) t(e);
-  }, a = (t) => {
-    e = { ...e, ...t }, u();
-  }, o = () => {
-    s !== null && (clearInterval(s), s = null);
-  }, c = () => {
-    r !== null && (clearTimeout(r), r = null);
-  }, i = (t) => {
-    const n = e.value;
-    if (n >= v) return;
-    const m = t ?? (1 - n) * 0.1 + 0.01;
-    a({ value: Math.min(f(n + m), v) });
-  };
-  return { start: () => {
-    c(), !e.active && (a({ active: !0, value: e.value > 0 ? e.value : 0.08 }), o(), s = setInterval(() => i(), T));
-  }, done: () => {
-    o(), c(), a({ value: 1, active: !0 }), r = setTimeout(() => {
-      a({ active: !1, value: 0 }), r = null;
-    }, h);
-  }, set: (t) => {
-    c();
-    const n = f(t);
-    a({ value: n, active: n < 1 ? !0 : e.active });
-  }, inc: i, subscribe: (t) => (l.add(t), t(e), () => {
-    l.delete(t);
-  }) };
+function l() {
+	let e = {
+		value: 0,
+		active: !1
+	}, t = /* @__PURE__ */ new Set(), n = null, r = null, i = () => {
+		for (let n of t) n(e);
+	}, l = (t) => {
+		e = {
+			...e,
+			...t
+		}, i();
+	}, u = () => {
+		n !== null && (clearInterval(n), n = null);
+	}, d = () => {
+		r !== null && (clearTimeout(r), r = null);
+	}, f = (t) => {
+		let n = e.value;
+		if (n >= o) return;
+		let r = t ?? (1 - n) * .1 + .01;
+		l({ value: Math.min(c(n + r), o) });
+	};
+	return {
+		start: () => {
+			d(), !e.active && (l({
+				active: !0,
+				value: e.value > 0 ? e.value : .08
+			}), u(), n = setInterval(() => f(), a));
+		},
+		done: () => {
+			u(), d(), l({
+				value: 1,
+				active: !0
+			}), r = setTimeout(() => {
+				l({
+					active: !1,
+					value: 0
+				}), r = null;
+			}, s);
+		},
+		set: (t) => {
+			d();
+			let n = c(t);
+			l({
+				value: n,
+				active: n < 1 || e.active
+			});
+		},
+		inc: f,
+		subscribe: (n) => (t.add(n), n(e), () => {
+			t.delete(n);
+		})
+	};
 }
-const N = g();
-function C({ color: e, height: l = 3, className: s }) {
-  const [r, u] = d({ value: 0, active: !1 });
-  if (b(() => N.subscribe(u), []), !r.active) return null;
-  const a = {
-    width: `${Math.round(r.value * 100)}%`,
-    height: `${l}px`,
-    background: e ?? "var(--tempest-primary)"
-  };
-  return /* @__PURE__ */ p(
-    "div",
-    {
-      className: E(I.bar, s),
-      style: a,
-      role: "progressbar",
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      "aria-valuenow": Math.round(r.value * 100)
-    }
-  );
+var u = l();
+function d({ color: a, height: o = 3, className: s }) {
+	let [c, l] = r({
+		value: 0,
+		active: !1
+	});
+	if (n(() => u.subscribe(l), []), !c.active) return null;
+	let d = {
+		width: `${Math.round(c.value * 100)}%`,
+		height: `${o}px`,
+		background: a ?? "var(--tempest-primary)"
+	};
+	return /* @__PURE__ */ i("div", {
+		className: e(t.bar, s),
+		style: d,
+		role: "progressbar",
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		"aria-valuenow": Math.round(c.value * 100)
+	});
 }
-export {
-  C as NProgressBar,
-  N as nprogress
-};
-//# sourceMappingURL=NProgress.js.map
+//#endregion
+export { d as NProgressBar, u as nprogress };
+
+//# sourceMappingURL=NProgress.js.map