tempest-react-sdk 0.22.0 → 0.23.0

package/dist/components/Modal/Modal.module.css.js

@@ -0,0 +1,40 @@
+const e = "tempest_overlay_dd9h1", t = "tempest_tempest-fade-in_DvgSp", s = "tempest_dialog_ptM-K", l = "tempest_tempest-modal-in_UoxQC", o = "tempest_sm_K5k3W", _ = "tempest_md_gvyR7", n = "tempest_lg_BgB1a", m = "tempest_xl_MR-68", c = "tempest_size2xl_-PH9e", p = "tempest_size3xl_iqDwN", d = "tempest_fullscreen_o84Xi", i = "tempest_fullscreenOnMobile_0bDwe", a = "tempest_body_lVhql", r = "tempest_header_ILG9i", f = "tempest_footer_rro2w", g = "tempest_title_A5OeE", y = "tempest_close_-ER1C", b = {
+  overlay: e,
+  tempestFadeIn: t,
+  dialog: s,
+  tempestModalIn: l,
+  sm: o,
+  md: _,
+  lg: n,
+  xl: m,
+  size2Xl: c,
+  size3Xl: p,
+  fullscreen: d,
+  fullscreenOnMobile: i,
+  body: a,
+  header: r,
+  footer: f,
+  title: g,
+  close: y
+};
+export {
+  a as body,
+  y as close,
+  b as default,
+  s as dialog,
+  f as footer,
+  d as fullscreen,
+  i as fullscreenOnMobile,
+  r as header,
+  n as lg,
+  _ as md,
+  e as overlay,
+  c as size2Xl,
+  p as size3Xl,
+  o as sm,
+  t as tempestFadeIn,
+  l as tempestModalIn,
+  g as title,
+  m as xl
+};
+//# sourceMappingURL=Modal.module.css.js.map

package/dist/components/Modal/Modal.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/components/ModalsManager/ModalsManager.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("react"),k=require("./ModalsManager.module.css.cjs"),p=require("../Modal/Modal.cjs"),b=require("../ConfirmDialog/ConfirmDialog.cjs"),m=o.createContext(null);function h({children:t}){const[r,e]=o.useState([]),l=o.useRef(0),s=o.useCallback(()=>(l.current+=1,`modal-${l.current}`),[]),a=o.useCallback(n=>{e(c=>c.filter(d=>d.id!==n))},[]),u=o.useCallback(()=>{e([])},[]),C=o.useCallback(n=>{const c=s();return e(d=>[...d,{kind:"content",id:c,options:n}]),c},[s]),f=o.useCallback(n=>{const c=s();return e(d=>[...d,{kind:"confirm",id:c,options:n}]),c},[s]),M=o.useMemo(()=>({open:C,confirm:f,close:a,closeAll:u}),[C,f,a,u]);return i.jsxs(m.Provider,{value:M,children:[t,i.jsx("div",{className:k.default.stack,children:r.map(n=>n.kind==="content"?i.jsx(x,{entry:n,close:a},n.id):i.jsx(g,{entry:n,close:a},n.id))})]})}function x({entry:t,close:r}){const{options:e,id:l}=t,s=()=>{e.onClose?.(),r(l)};return i.jsx(p.Modal,{open:!0,onClose:s,title:e.title,size:e.size,closeOnBackdrop:e.closeOnBackdrop,closeOnEsc:e.closeOnEsc,hideCloseButton:e.hideCloseButton,children:e.children})}function g({entry:t,close:r}){const{options:e,id:l}=t,[s,a]=o.useState(!1),u=async()=>{try{a(!0),await e.onConfirm?.()}finally{a(!1),r(l)}},C=()=>{e.onCancel?.(),r(l)};return i.jsx(b.ConfirmDialog,{open:!0,title:e.title??"",description:e.message,confirmLabel:e.confirmLabel,cancelLabel:e.cancelLabel,variant:e.danger?"danger":"primary",loading:s,onConfirm:u,onCancel:C})}function j(){const t=o.useContext(m);if(t===null)throw new Error("useModals must be used within a <ModalsProvider>");return t}exports.ModalsProvider=h;exports.useModals=j;
+//# sourceMappingURL=ModalsManager.cjs.map

package/dist/components/ModalsManager/ModalsManager.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalsManager.cjs","sources":["../../../src/components/ModalsManager/ModalsManager.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { ConfirmDialog } from \"@/components/ConfirmDialog\";\nimport { Modal } from \"@/components/Modal\";\nimport type { ModalSize } from \"@/components/Modal\";\nimport styles from \"./ModalsManager.module.css\";\n\n/** Options accepted by {@link ModalsApi.open}. */\nexport interface OpenModalOptions {\n    /** Header title. */\n    title?: ReactNode;\n    /** Modal body content. */\n    children: ReactNode;\n    /** Dialog size. Default `md`. */\n    size?: ModalSize;\n    /** Allow closing by clicking the backdrop. Default `true`. */\n    closeOnBackdrop?: boolean;\n    /** Allow closing with the Esc key. Default `true`. */\n    closeOnEsc?: boolean;\n    /** Hide the header close button. */\n    hideCloseButton?: boolean;\n    /** Called after the modal is removed from the stack. */\n    onClose?: () => void;\n}\n\n/** Options accepted by {@link ModalsApi.confirm}. */\nexport interface ConfirmModalOptions {\n    /** Header title. */\n    title?: ReactNode;\n    /** Prompt message rendered in the dialog body. */\n    message: ReactNode;\n    /** Confirm button label. Default `Confirmar`. */\n    confirmLabel?: string;\n    /** Cancel button label. Default `Cancelar`. */\n    cancelLabel?: string;\n    /** Render the confirm button in the danger variant. */\n    danger?: boolean;\n    /** Called when the user confirms. */\n    onConfirm?: () => void | Promise<void>;\n    /** Called when the user cancels or dismisses. */\n    onCancel?: () => void;\n}\n\n/** Imperative API returned by {@link useModals}. */\nexport interface ModalsApi {\n    /** Push a content modal. Returns its stack id. */\n    open: (options: OpenModalOptions) => string;\n    /** Push a confirmation dialog. Returns its stack id. */\n    confirm: (options: ConfirmModalOptions) => string;\n    /** Remove the modal with the given id. */\n    close: (id: string) => void;\n    /** Remove every modal from the stack. */\n    closeAll: () => void;\n}\n\ninterface ContentEntry {\n    kind: \"content\";\n    id: string;\n    options: OpenModalOptions;\n}\n\ninterface ConfirmEntry {\n    kind: \"confirm\";\n    id: string;\n    options: ConfirmModalOptions;\n}\n\ntype StackEntry = ContentEntry | ConfirmEntry;\n\nconst ModalsContext = createContext<ModalsApi | null>(null);\n\n/** Props for {@link ModalsProvider}. */\nexport interface ModalsProviderProps {\n    children: ReactNode;\n}\n\n/**\n * Provides imperative modal control via {@link useModals} and renders the open\n * modal stack. Mount once near the app root.\n *\n * @example\n * <ModalsProvider>\n *     <App />\n * </ModalsProvider>\n */\nexport function ModalsProvider({ children }: ModalsProviderProps) {\n    const [stack, setStack] = useState<StackEntry[]>([]);\n    const counter = useRef(0);\n\n    const nextId = useCallback((): string => {\n        counter.current += 1;\n        return `modal-${counter.current}`;\n    }, []);\n\n    const close = useCallback((id: string): void => {\n        setStack((current) => current.filter((entry) => entry.id !== id));\n    }, []);\n\n    const closeAll = useCallback((): void => {\n        setStack([]);\n    }, []);\n\n    const open = useCallback(\n        (options: OpenModalOptions): string => {\n            const id = nextId();\n            setStack((current) => [...current, { kind: \"content\", id, options }]);\n            return id;\n        },\n        [nextId],\n    );\n\n    const confirm = useCallback(\n        (options: ConfirmModalOptions): string => {\n            const id = nextId();\n            setStack((current) => [...current, { kind: \"confirm\", id, options }]);\n            return id;\n        },\n        [nextId],\n    );\n\n    const api = useMemo<ModalsApi>(\n        () => ({ open, confirm, close, closeAll }),\n        [open, confirm, close, closeAll],\n    );\n\n    return (\n        <ModalsContext.Provider value={api}>\n            {children}\n            <div className={styles.stack}>\n                {stack.map((entry) =>\n                    entry.kind === \"content\" ? (\n                        <ContentModal key={entry.id} entry={entry} close={close} />\n                    ) : (\n                        <ConfirmModal key={entry.id} entry={entry} close={close} />\n                    ),\n                )}\n            </div>\n        </ModalsContext.Provider>\n    );\n}\n\ninterface ContentModalProps {\n    entry: ContentEntry;\n    close: (id: string) => void;\n}\n\nfunction ContentModal({ entry, close }: ContentModalProps) {\n    const { options, id } = entry;\n    const handleClose = (): void => {\n        options.onClose?.();\n        close(id);\n    };\n    return (\n        <Modal\n            open\n            onClose={handleClose}\n            title={options.title}\n            size={options.size}\n            closeOnBackdrop={options.closeOnBackdrop}\n            closeOnEsc={options.closeOnEsc}\n            hideCloseButton={options.hideCloseButton}\n        >\n            {options.children}\n        </Modal>\n    );\n}\n\ninterface ConfirmModalProps {\n    entry: ConfirmEntry;\n    close: (id: string) => void;\n}\n\nfunction ConfirmModal({ entry, close }: ConfirmModalProps) {\n    const { options, id } = entry;\n    const [loading, setLoading] = useState(false);\n\n    const handleConfirm = async (): Promise<void> => {\n        try {\n            setLoading(true);\n            await options.onConfirm?.();\n        } finally {\n            setLoading(false);\n            close(id);\n        }\n    };\n\n    const handleCancel = (): void => {\n        options.onCancel?.();\n        close(id);\n    };\n\n    return (\n        <ConfirmDialog\n            open\n            title={options.title ?? \"\"}\n            description={options.message}\n            confirmLabel={options.confirmLabel}\n            cancelLabel={options.cancelLabel}\n            variant={options.danger ? \"danger\" : \"primary\"}\n            loading={loading}\n            onConfirm={handleConfirm}\n            onCancel={handleCancel}\n        />\n    );\n}\n\n/**\n * Access the imperative modals API. Must be used within a {@link ModalsProvider}.\n *\n * @example\n * const modals = useModals();\n * modals.confirm({ message: \"Excluir item?\", danger: true, onConfirm: del });\n *\n * @throws Error when called outside a {@link ModalsProvider}.\n */\nexport function useModals(): ModalsApi {\n    const api = useContext(ModalsContext);\n    if (api === null) {\n        throw new Error(\"useModals must be used within a <ModalsProvider>\");\n    }\n    return api;\n}\n"],"names":["ModalsContext","createContext","ModalsProvider","children","stack","setStack","useState","counter","useRef","nextId","useCallback","close","id","current","entry","closeAll","open","options","confirm","api","useMemo","jsxs","jsx","styles","ContentModal","ConfirmModal","handleClose","Modal","loading","setLoading","handleConfirm","handleCancel","ConfirmDialog","useModals","useContext"],"mappings":"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"}

package/dist/components/ModalsManager/ModalsManager.js

@@ -0,0 +1,88 @@
+import { jsxs as k, jsx as d } from "react/jsx-runtime";
+import { useState as C, useRef as M, useCallback as a, useMemo as x, useContext as b, createContext as g } from "react";
+import v from "./ModalsManager.module.css.js";
+import { Modal as L } from "../Modal/Modal.js";
+import { ConfirmDialog as w } from "../ConfirmDialog/ConfirmDialog.js";
+const p = g(null);
+function y({ children: e }) {
+  const [c, n] = C([]), t = M(0), s = a(() => (t.current += 1, `modal-${t.current}`), []), r = a((o) => {
+    n((i) => i.filter((l) => l.id !== o));
+  }, []), u = a(() => {
+    n([]);
+  }, []), m = a(
+    (o) => {
+      const i = s();
+      return n((l) => [...l, { kind: "content", id: i, options: o }]), i;
+    },
+    [s]
+  ), f = a(
+    (o) => {
+      const i = s();
+      return n((l) => [...l, { kind: "confirm", id: i, options: o }]), i;
+    },
+    [s]
+  ), h = x(
+    () => ({ open: m, confirm: f, close: r, closeAll: u }),
+    [m, f, r, u]
+  );
+  return /* @__PURE__ */ k(p.Provider, { value: h, children: [
+    e,
+    /* @__PURE__ */ d("div", { className: v.stack, children: c.map(
+      (o) => o.kind === "content" ? /* @__PURE__ */ d(B, { entry: o, close: r }, o.id) : /* @__PURE__ */ d(O, { entry: o, close: r }, o.id)
+    ) })
+  ] });
+}
+function B({ entry: e, close: c }) {
+  const { options: n, id: t } = e;
+  return /* @__PURE__ */ d(
+    L,
+    {
+      open: !0,
+      onClose: () => {
+        n.onClose?.(), c(t);
+      },
+      title: n.title,
+      size: n.size,
+      closeOnBackdrop: n.closeOnBackdrop,
+      closeOnEsc: n.closeOnEsc,
+      hideCloseButton: n.hideCloseButton,
+      children: n.children
+    }
+  );
+}
+function O({ entry: e, close: c }) {
+  const { options: n, id: t } = e, [s, r] = C(!1), u = async () => {
+    try {
+      r(!0), await n.onConfirm?.();
+    } finally {
+      r(!1), c(t);
+    }
+  }, m = () => {
+    n.onCancel?.(), c(t);
+  };
+  return /* @__PURE__ */ d(
+    w,
+    {
+      open: !0,
+      title: n.title ?? "",
+      description: n.message,
+      confirmLabel: n.confirmLabel,
+      cancelLabel: n.cancelLabel,
+      variant: n.danger ? "danger" : "primary",
+      loading: s,
+      onConfirm: u,
+      onCancel: m
+    }
+  );
+}
+function A() {
+  const e = b(p);
+  if (e === null)
+    throw new Error("useModals must be used within a <ModalsProvider>");
+  return e;
+}
+export {
+  y as ModalsProvider,
+  A as useModals
+};
+//# sourceMappingURL=ModalsManager.js.map

package/dist/components/ModalsManager/ModalsManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalsManager.js","sources":["../../../src/components/ModalsManager/ModalsManager.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { ConfirmDialog } from \"@/components/ConfirmDialog\";\nimport { Modal } from \"@/components/Modal\";\nimport type { ModalSize } from \"@/components/Modal\";\nimport styles from \"./ModalsManager.module.css\";\n\n/** Options accepted by {@link ModalsApi.open}. */\nexport interface OpenModalOptions {\n    /** Header title. */\n    title?: ReactNode;\n    /** Modal body content. */\n    children: ReactNode;\n    /** Dialog size. Default `md`. */\n    size?: ModalSize;\n    /** Allow closing by clicking the backdrop. Default `true`. */\n    closeOnBackdrop?: boolean;\n    /** Allow closing with the Esc key. Default `true`. */\n    closeOnEsc?: boolean;\n    /** Hide the header close button. */\n    hideCloseButton?: boolean;\n    /** Called after the modal is removed from the stack. */\n    onClose?: () => void;\n}\n\n/** Options accepted by {@link ModalsApi.confirm}. */\nexport interface ConfirmModalOptions {\n    /** Header title. */\n    title?: ReactNode;\n    /** Prompt message rendered in the dialog body. */\n    message: ReactNode;\n    /** Confirm button label. Default `Confirmar`. */\n    confirmLabel?: string;\n    /** Cancel button label. Default `Cancelar`. */\n    cancelLabel?: string;\n    /** Render the confirm button in the danger variant. */\n    danger?: boolean;\n    /** Called when the user confirms. */\n    onConfirm?: () => void | Promise<void>;\n    /** Called when the user cancels or dismisses. */\n    onCancel?: () => void;\n}\n\n/** Imperative API returned by {@link useModals}. */\nexport interface ModalsApi {\n    /** Push a content modal. Returns its stack id. */\n    open: (options: OpenModalOptions) => string;\n    /** Push a confirmation dialog. Returns its stack id. */\n    confirm: (options: ConfirmModalOptions) => string;\n    /** Remove the modal with the given id. */\n    close: (id: string) => void;\n    /** Remove every modal from the stack. */\n    closeAll: () => void;\n}\n\ninterface ContentEntry {\n    kind: \"content\";\n    id: string;\n    options: OpenModalOptions;\n}\n\ninterface ConfirmEntry {\n    kind: \"confirm\";\n    id: string;\n    options: ConfirmModalOptions;\n}\n\ntype StackEntry = ContentEntry | ConfirmEntry;\n\nconst ModalsContext = createContext<ModalsApi | null>(null);\n\n/** Props for {@link ModalsProvider}. */\nexport interface ModalsProviderProps {\n    children: ReactNode;\n}\n\n/**\n * Provides imperative modal control via {@link useModals} and renders the open\n * modal stack. Mount once near the app root.\n *\n * @example\n * <ModalsProvider>\n *     <App />\n * </ModalsProvider>\n */\nexport function ModalsProvider({ children }: ModalsProviderProps) {\n    const [stack, setStack] = useState<StackEntry[]>([]);\n    const counter = useRef(0);\n\n    const nextId = useCallback((): string => {\n        counter.current += 1;\n        return `modal-${counter.current}`;\n    }, []);\n\n    const close = useCallback((id: string): void => {\n        setStack((current) => current.filter((entry) => entry.id !== id));\n    }, []);\n\n    const closeAll = useCallback((): void => {\n        setStack([]);\n    }, []);\n\n    const open = useCallback(\n        (options: OpenModalOptions): string => {\n            const id = nextId();\n            setStack((current) => [...current, { kind: \"content\", id, options }]);\n            return id;\n        },\n        [nextId],\n    );\n\n    const confirm = useCallback(\n        (options: ConfirmModalOptions): string => {\n            const id = nextId();\n            setStack((current) => [...current, { kind: \"confirm\", id, options }]);\n            return id;\n        },\n        [nextId],\n    );\n\n    const api = useMemo<ModalsApi>(\n        () => ({ open, confirm, close, closeAll }),\n        [open, confirm, close, closeAll],\n    );\n\n    return (\n        <ModalsContext.Provider value={api}>\n            {children}\n            <div className={styles.stack}>\n                {stack.map((entry) =>\n                    entry.kind === \"content\" ? (\n                        <ContentModal key={entry.id} entry={entry} close={close} />\n                    ) : (\n                        <ConfirmModal key={entry.id} entry={entry} close={close} />\n                    ),\n                )}\n            </div>\n        </ModalsContext.Provider>\n    );\n}\n\ninterface ContentModalProps {\n    entry: ContentEntry;\n    close: (id: string) => void;\n}\n\nfunction ContentModal({ entry, close }: ContentModalProps) {\n    const { options, id } = entry;\n    const handleClose = (): void => {\n        options.onClose?.();\n        close(id);\n    };\n    return (\n        <Modal\n            open\n            onClose={handleClose}\n            title={options.title}\n            size={options.size}\n            closeOnBackdrop={options.closeOnBackdrop}\n            closeOnEsc={options.closeOnEsc}\n            hideCloseButton={options.hideCloseButton}\n        >\n            {options.children}\n        </Modal>\n    );\n}\n\ninterface ConfirmModalProps {\n    entry: ConfirmEntry;\n    close: (id: string) => void;\n}\n\nfunction ConfirmModal({ entry, close }: ConfirmModalProps) {\n    const { options, id } = entry;\n    const [loading, setLoading] = useState(false);\n\n    const handleConfirm = async (): Promise<void> => {\n        try {\n            setLoading(true);\n            await options.onConfirm?.();\n        } finally {\n            setLoading(false);\n            close(id);\n        }\n    };\n\n    const handleCancel = (): void => {\n        options.onCancel?.();\n        close(id);\n    };\n\n    return (\n        <ConfirmDialog\n            open\n            title={options.title ?? \"\"}\n            description={options.message}\n            confirmLabel={options.confirmLabel}\n            cancelLabel={options.cancelLabel}\n            variant={options.danger ? \"danger\" : \"primary\"}\n            loading={loading}\n            onConfirm={handleConfirm}\n            onCancel={handleCancel}\n        />\n    );\n}\n\n/**\n * Access the imperative modals API. Must be used within a {@link ModalsProvider}.\n *\n * @example\n * const modals = useModals();\n * modals.confirm({ message: \"Excluir item?\", danger: true, onConfirm: del });\n *\n * @throws Error when called outside a {@link ModalsProvider}.\n */\nexport function useModals(): ModalsApi {\n    const api = useContext(ModalsContext);\n    if (api === null) {\n        throw new Error(\"useModals must be used within a <ModalsProvider>\");\n    }\n    return api;\n}\n"],"names":["ModalsContext","createContext","ModalsProvider","children","stack","setStack","useState","counter","useRef","nextId","useCallback","close","id","current","entry","closeAll","open","options","confirm","api","useMemo","jsxs","jsx","styles","ContentModal","ConfirmModal","Modal","loading","setLoading","handleConfirm","handleCancel","ConfirmDialog","useModals","useContext"],"mappings":"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"}

package/dist/components/ModalsManager/ModalsManager.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_stack_zYzdv",e={stack:t};exports.default=e;exports.stack=t;
+//# sourceMappingURL=ModalsManager.module.css.cjs.map

package/dist/components/ModalsManager/ModalsManager.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalsManager.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/ModalsManager/ModalsManager.module.css.js

@@ -0,0 +1,8 @@
+const t = "tempest_stack_zYzdv", s = {
+  stack: t
+};
+export {
+  s as default,
+  t as stack
+};
+//# sourceMappingURL=ModalsManager.module.css.js.map

package/dist/components/ModalsManager/ModalsManager.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalsManager.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Money/Money.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime");function c({cents:e,currency:t="BRL",locale:n="pt-BR",...r}){const o=new Intl.NumberFormat(n,{style:"currency",currency:t}).format(e/100);return u.jsx("span",{...r,children:o})}exports.Money=c;
+//# sourceMappingURL=Money.cjs.map

package/dist/components/Money/Money.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Money.cjs","sources":["../../../src/components/Money/Money.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\n\nexport interface MoneyProps extends HTMLAttributes<HTMLSpanElement> {\n    /** Amount in the smallest currency unit (e.g. cents). */\n    cents: number;\n    /** ISO 4217 currency code. Defaults to \"BRL\". */\n    currency?: string;\n    /** BCP 47 locale used for formatting. Defaults to \"pt-BR\". */\n    locale?: string;\n}\n\n/**\n * Render a monetary amount given in cents as a localized currency string\n * inside a `<span>`.\n *\n * The integer cents are divided by 100 and formatted with `Intl.NumberFormat`.\n *\n * @example\n * <Money cents={1990} />            // \"R$ 19,90\"\n * <Money cents={500} currency=\"USD\" locale=\"en-US\" /> // \"$5.00\"\n */\nexport function Money({ cents, currency = \"BRL\", locale = \"pt-BR\", ...props }: MoneyProps) {\n    const formatted = new Intl.NumberFormat(locale, {\n        style: \"currency\",\n        currency,\n    }).format(cents / 100);\n\n    return <span {...props}>{formatted}</span>;\n}\n"],"names":["Money","cents","currency","locale","props","formatted","jsx"],"mappings":"qHAqBO,SAASA,EAAM,CAAE,MAAAC,EAAO,SAAAC,EAAW,MAAO,OAAAC,EAAS,QAAS,GAAGC,GAAqB,CACvF,MAAMC,EAAY,IAAI,KAAK,aAAaF,EAAQ,CAC5C,MAAO,WACP,SAAAD,CAAA,CACH,EAAE,OAAOD,EAAQ,GAAG,EAErB,OAAOK,EAAAA,IAAC,OAAA,CAAM,GAAGF,EAAQ,SAAAC,EAAU,CACvC"}

package/dist/components/Money/Money.js

@@ -0,0 +1,12 @@
+import { jsx as m } from "react/jsx-runtime";
+function a({ cents: r, currency: t = "BRL", locale: n = "pt-BR", ...e }) {
+  const o = new Intl.NumberFormat(n, {
+    style: "currency",
+    currency: t
+  }).format(r / 100);
+  return /* @__PURE__ */ m("span", { ...e, children: o });
+}
+export {
+  a as Money
+};
+//# sourceMappingURL=Money.js.map

package/dist/components/Money/Money.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Money.js","sources":["../../../src/components/Money/Money.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\n\nexport interface MoneyProps extends HTMLAttributes<HTMLSpanElement> {\n    /** Amount in the smallest currency unit (e.g. cents). */\n    cents: number;\n    /** ISO 4217 currency code. Defaults to \"BRL\". */\n    currency?: string;\n    /** BCP 47 locale used for formatting. Defaults to \"pt-BR\". */\n    locale?: string;\n}\n\n/**\n * Render a monetary amount given in cents as a localized currency string\n * inside a `<span>`.\n *\n * The integer cents are divided by 100 and formatted with `Intl.NumberFormat`.\n *\n * @example\n * <Money cents={1990} />            // \"R$ 19,90\"\n * <Money cents={500} currency=\"USD\" locale=\"en-US\" /> // \"$5.00\"\n */\nexport function Money({ cents, currency = \"BRL\", locale = \"pt-BR\", ...props }: MoneyProps) {\n    const formatted = new Intl.NumberFormat(locale, {\n        style: \"currency\",\n        currency,\n    }).format(cents / 100);\n\n    return <span {...props}>{formatted}</span>;\n}\n"],"names":["Money","cents","currency","locale","props","formatted","jsx"],"mappings":";AAqBO,SAASA,EAAM,EAAE,OAAAC,GAAO,UAAAC,IAAW,OAAO,QAAAC,IAAS,SAAS,GAAGC,KAAqB;AACvF,QAAMC,IAAY,IAAI,KAAK,aAAaF,GAAQ;AAAA,IAC5C,OAAO;AAAA,IACP,UAAAD;AAAA,EAAA,CACH,EAAE,OAAOD,IAAQ,GAAG;AAErB,SAAO,gBAAAK,EAAC,QAAA,EAAM,GAAGF,GAAQ,UAAAC,GAAU;AACvC;"}

package/dist/components/MultiSelect/MultiSelect.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.cjs","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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"}

package/dist/components/MultiSelect/MultiSelect.js

@@ -0,0 +1,155 @@
+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;
+}
+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
+  ] });
+}
+export {
+  P as MultiSelect
+};
+//# sourceMappingURL=MultiSelect.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_wrapper_6xZZr",t="tempest_label_Jwj7I",p="tempest_field_GpA0V",s="tempest_disabled_BIKaG",c="tempest_chip_Zk0ch",o="tempest_chipRemove_R-mNv",r="tempest_input_SjOXU",_="tempest_menu_3xnmo",l="tempest_option_lqEl1",i="tempest_check_aUM1w",n="tempest_active_S9sQ-",m="tempest_selected_Rw8yr",a="tempest_empty_-5B16",d="tempest_helper_c7aH3",h="tempest_errorText_qZR9s",u="tempest_error_DIOTW",v={wrapper:e,label:t,field:p,disabled:s,chip:c,chipRemove:o,input:r,menu:_,option:l,check:i,active:n,selected:m,empty:a,helper:d,errorText:h,error:u};exports.active=n;exports.check=i;exports.chip=c;exports.chipRemove=o;exports.default=v;exports.disabled=s;exports.empty=a;exports.error=u;exports.errorText=h;exports.field=p;exports.helper=d;exports.input=r;exports.label=t;exports.menu=_;exports.option=l;exports.selected=m;exports.wrapper=e;
+//# sourceMappingURL=MultiSelect.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/components/NProgress/NProgress.cjs

@@ -0,0 +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

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

@@ -0,0 +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"}

package/dist/components/NProgress/NProgress.js

@@ -0,0 +1,66 @@
+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;
+}
+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);
+  }) };
+}
+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)
+    }
+  );
+}
+export {
+  C as NProgressBar,
+  N as nprogress
+};
+//# sourceMappingURL=NProgress.js.map