tempest-react-sdk 0.22.0 → 0.23.0

package/dist/components/Toast/ToastProvider.js

@@ -0,0 +1,114 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { useState as b, useRef as g, useCallback as p, useMemo as w, useContext as x, createContext as k, useEffect as y } from "react";
+import { createPortal as N } from "react-dom";
+import { cn as f } from "../../utils/cn.js";
+import i from "./Toast.module.css.js";
+const h = k(null);
+function S() {
+  const t = x(h);
+  if (!t) throw new Error("useToast must be used inside a <ToastProvider>");
+  return t;
+}
+function W({
+  children: t,
+  defaultDuration: n = 4e3,
+  position: c = "top-right"
+}) {
+  const [a, m] = b([]), v = g(0), u = p((e) => {
+    m((r) => r.filter((l) => l.id !== e));
+  }, []), s = p(
+    (e) => {
+      const r = e.id ?? `toast-${++v.current}`, l = {
+        id: r,
+        title: e.title,
+        description: e.description,
+        variant: e.variant ?? "info",
+        duration: e.duration ?? n
+      };
+      return m((C) => [...C, l]), r;
+    },
+    [n]
+  ), T = w(
+    () => ({
+      show: s,
+      dismiss: u,
+      success: (e, r) => s({ ...r, description: e, variant: "success" }),
+      error: (e, r) => s({ ...r, description: e, variant: "error" }),
+      warning: (e, r) => s({ ...r, description: e, variant: "warning" }),
+      info: (e, r) => s({ ...r, description: e, variant: "info" })
+    }),
+    [s, u]
+  );
+  return /* @__PURE__ */ d(h.Provider, { value: T, children: [
+    t,
+    /* @__PURE__ */ o(L, { toasts: a, onDismiss: u, position: c })
+  ] });
+}
+function B(t) {
+  switch (t) {
+    case "top-left":
+      return i.positionTopLeft;
+    case "top-center":
+      return i.positionTopCenter;
+    case "bottom-right":
+      return i.positionBottomRight;
+    case "bottom-left":
+      return i.positionBottomLeft;
+    case "bottom-center":
+      return i.positionBottomCenter;
+    default:
+      return i.positionTopRight;
+  }
+}
+function L({ toasts: t, onDismiss: n, position: c }) {
+  return typeof document > "u" ? null : N(
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: f(i.container, B(c)),
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        children: t.map((a) => /* @__PURE__ */ o(P, { toast: a, onDismiss: n }, a.id))
+      }
+    ),
+    document.body
+  );
+}
+function P({ toast: t, onDismiss: n }) {
+  return y(() => {
+    if (!t.duration) return;
+    const c = setTimeout(() => n(t.id), t.duration);
+    return () => clearTimeout(c);
+  }, [t.id, t.duration, n]), /* @__PURE__ */ d("div", { className: f(i.toast, i[t.variant]), role: "status", children: [
+    /* @__PURE__ */ d("div", { children: [
+      t.title && /* @__PURE__ */ o("p", { className: i.title, children: t.title }),
+      t.description && /* @__PURE__ */ o("p", { className: i.description, children: t.description })
+    ] }),
+    /* @__PURE__ */ o(
+      "button",
+      {
+        type: "button",
+        className: i.close,
+        "aria-label": "Fechar notificação",
+        onClick: () => n(t.id),
+        children: /* @__PURE__ */ o(M, {})
+      }
+    )
+  ] });
+}
+function M() {
+  return /* @__PURE__ */ o("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M6 6l12 12M6 18L18 6",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round"
+    }
+  ) });
+}
+export {
+  W as ToastProvider,
+  S as useToast
+};
+//# sourceMappingURL=ToastProvider.js.map

package/dist/components/Toast/ToastProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.js","sources":["../../../src/components/Toast/ToastProvider.tsx"],"sourcesContent":["import {\n    createContext,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Toast.module.css\";\n\nexport type ToastVariant = \"success\" | \"warning\" | \"error\" | \"info\";\n\nexport interface ToastOptions {\n    id?: string;\n    title?: string;\n    description?: string;\n    variant?: ToastVariant;\n    /** Auto-dismiss timeout in ms. Pass `0` to keep the toast until dismissed manually. */\n    duration?: number;\n}\n\ninterface ToastEntry extends Required<Omit<ToastOptions, \"id\" | \"title\" | \"description\">> {\n    id: string;\n    title?: string;\n    description?: string;\n}\n\nexport interface ToastApi {\n    show: (options: ToastOptions) => string;\n    dismiss: (id: string) => void;\n    success: (\n        description: string,\n        options?: Omit<ToastOptions, \"variant\" | \"description\">,\n    ) => string;\n    error: (description: string, options?: Omit<ToastOptions, \"variant\" | \"description\">) => string;\n    warning: (\n        description: string,\n        options?: Omit<ToastOptions, \"variant\" | \"description\">,\n    ) => string;\n    info: (description: string, options?: Omit<ToastOptions, \"variant\" | \"description\">) => string;\n}\n\nconst ToastContext = createContext<ToastApi | null>(null);\n\n/**\n * Access the toast API. Must be used inside a {@link ToastProvider}.\n *\n * @returns Methods to show and dismiss toasts.\n */\nexport function useToast(): ToastApi {\n    const ctx = useContext(ToastContext);\n    if (!ctx) throw new Error(\"useToast must be used inside a <ToastProvider>\");\n    return ctx;\n}\n\nexport type ToastPosition =\n    | \"top-right\"\n    | \"top-left\"\n    | \"top-center\"\n    | \"bottom-right\"\n    | \"bottom-left\"\n    | \"bottom-center\";\n\nexport interface ToastProviderProps {\n    children: ReactNode;\n    /** Default auto-dismiss duration (ms). Default 4000. */\n    defaultDuration?: number;\n    /** Stack position on screen. Default `\"top-right\"`. */\n    position?: ToastPosition;\n}\n\n/**\n * Renders a portalled toast container and exposes the imperative {@link useToast} API.\n */\nexport function ToastProvider({\n    children,\n    defaultDuration = 4000,\n    position = \"top-right\",\n}: ToastProviderProps) {\n    const [toasts, setToasts] = useState<ToastEntry[]>([]);\n    const counter = useRef<number>(0);\n\n    const dismiss = useCallback((id: string): void => {\n        setToasts((current) => current.filter((toast) => toast.id !== id));\n    }, []);\n\n    const show = useCallback(\n        (options: ToastOptions): string => {\n            const id = options.id ?? `toast-${++counter.current}`;\n            const entry: ToastEntry = {\n                id,\n                title: options.title,\n                description: options.description,\n                variant: options.variant ?? \"info\",\n                duration: options.duration ?? defaultDuration,\n            };\n            setToasts((current) => [...current, entry]);\n            return id;\n        },\n        [defaultDuration],\n    );\n\n    const api = useMemo<ToastApi>(\n        () => ({\n            show,\n            dismiss,\n            success: (description, options) =>\n                show({ ...options, description, variant: \"success\" }),\n            error: (description, options) => show({ ...options, description, variant: \"error\" }),\n            warning: (description, options) =>\n                show({ ...options, description, variant: \"warning\" }),\n            info: (description, options) => show({ ...options, description, variant: \"info\" }),\n        }),\n        [show, dismiss],\n    );\n\n    return (\n        <ToastContext.Provider value={api}>\n            {children}\n            <ToastContainer toasts={toasts} onDismiss={dismiss} position={position} />\n        </ToastContext.Provider>\n    );\n}\n\ninterface ContainerProps {\n    toasts: ToastEntry[];\n    onDismiss: (id: string) => void;\n    position: ToastPosition;\n}\n\nfunction positionClass(position: ToastPosition): string {\n    switch (position) {\n        case \"top-left\":\n            return styles.positionTopLeft;\n        case \"top-center\":\n            return styles.positionTopCenter;\n        case \"bottom-right\":\n            return styles.positionBottomRight;\n        case \"bottom-left\":\n            return styles.positionBottomLeft;\n        case \"bottom-center\":\n            return styles.positionBottomCenter;\n        case \"top-right\":\n        default:\n            return styles.positionTopRight;\n    }\n}\n\nfunction ToastContainer({ toasts, onDismiss, position }: ContainerProps) {\n    if (typeof document === \"undefined\") return null;\n    return createPortal(\n        <div\n            className={cn(styles.container, positionClass(position))}\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n        >\n            {toasts.map((toast) => (\n                <ToastItem key={toast.id} toast={toast} onDismiss={onDismiss} />\n            ))}\n        </div>,\n        document.body,\n    );\n}\n\ninterface ItemProps {\n    toast: ToastEntry;\n    onDismiss: (id: string) => void;\n}\n\nfunction ToastItem({ toast, onDismiss }: ItemProps) {\n    useEffect(() => {\n        if (!toast.duration) return;\n        const timer = setTimeout(() => onDismiss(toast.id), toast.duration);\n        return () => clearTimeout(timer);\n    }, [toast.id, toast.duration, onDismiss]);\n\n    return (\n        <div className={cn(styles.toast, styles[toast.variant])} role=\"status\">\n            <div>\n                {toast.title && <p className={styles.title}>{toast.title}</p>}\n                {toast.description && <p className={styles.description}>{toast.description}</p>}\n            </div>\n            <button\n                type=\"button\"\n                className={styles.close}\n                aria-label=\"Fechar notificação\"\n                onClick={() => onDismiss(toast.id)}\n            >\n                <CloseIcon />\n            </button>\n        </div>\n    );\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 6l12 12M6 18L18 6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"names":["ToastContext","createContext","useToast","ctx","useContext","ToastProvider","children","defaultDuration","position","toasts","setToasts","useState","counter","useRef","dismiss","useCallback","id","current","toast","show","options","entry","api","useMemo","description","jsxs","jsx","ToastContainer","positionClass","styles","onDismiss","createPortal","cn","ToastItem","useEffect","timer","CloseIcon"],"mappings":"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"}

package/dist/components/Toggle/Toggle.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),o=require("react"),x=require("../../utils/cn.cjs"),t=require("./Toggle.module.css.cjs"),y=o.forwardRef(function({pressed:n,defaultPressed:c=!1,onPressedChange:r,size:d="md",variant:i="default",className:f,disabled:g,onClick:l,children:b,...m},T){const s=n!==void 0,[q,P]=o.useState(c),e=s?n:q,j=o.useCallback(a=>{if(l?.(a),a.defaultPrevented)return;const u=!e;s||P(u),r?.(u)},[e,s,l,r]);return p.jsx("button",{ref:T,type:"button","aria-pressed":e,disabled:g,"data-state":e?"on":"off",className:x.cn(t.default.toggle,t.default[d],t.default[i],e&&t.default.pressed,f),onClick:j,...m,children:b})});exports.Toggle=y;
+//# sourceMappingURL=Toggle.cjs.map

package/dist/components/Toggle/Toggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.cjs","sources":["../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import { forwardRef, useCallback, useState } from \"react\";\nimport type { ButtonHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Toggle.module.css\";\n\nexport type ToggleSize = \"sm\" | \"md\" | \"lg\";\nexport type ToggleVariant = \"default\" | \"outline\";\n\nexport interface ToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\"> {\n    /** Controlled pressed state. When provided the component is controlled. */\n    pressed?: boolean;\n    /** Initial pressed state for the uncontrolled variant. Default `false`. */\n    defaultPressed?: boolean;\n    /** Fired with the next pressed state whenever the toggle is activated. */\n    onPressedChange?: (pressed: boolean) => void;\n    /** Visual size. Default `\"md\"`. */\n    size?: ToggleSize;\n    /** Visual style. Default `\"default\"`. */\n    variant?: ToggleVariant;\n}\n\n/**\n * A pressable two-state button — like a checkbox styled as a button.\n *\n * Works controlled (pass `pressed` + `onPressedChange`) or uncontrolled\n * (pass `defaultPressed`). Renders a native `<button type=\"button\">` exposing\n * its state through `aria-pressed`.\n *\n * @param props - {@link ToggleProps}.\n * @returns The toggle button element.\n */\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(function Toggle(\n    {\n        pressed,\n        defaultPressed = false,\n        onPressedChange,\n        size = \"md\",\n        variant = \"default\",\n        className,\n        disabled,\n        onClick,\n        children,\n        ...props\n    },\n    ref,\n) {\n    const isControlled = pressed !== undefined;\n    const [internalPressed, setInternalPressed] = useState<boolean>(defaultPressed);\n    const isPressed = isControlled ? pressed : internalPressed;\n\n    const handleClick = useCallback(\n        (event: React.MouseEvent<HTMLButtonElement>): void => {\n            onClick?.(event);\n            if (event.defaultPrevented) return;\n            const next = !isPressed;\n            if (!isControlled) setInternalPressed(next);\n            onPressedChange?.(next);\n        },\n        [isPressed, isControlled, onClick, onPressedChange],\n    );\n\n    return (\n        <button\n            ref={ref}\n            type=\"button\"\n            aria-pressed={isPressed}\n            disabled={disabled}\n            data-state={isPressed ? \"on\" : \"off\"}\n            className={cn(\n                styles.toggle,\n                styles[size],\n                styles[variant],\n                isPressed && styles.pressed,\n                className,\n            )}\n            onClick={handleClick}\n            {...props}\n        >\n            {children}\n        </button>\n    );\n});\n"],"names":["Toggle","forwardRef","pressed","defaultPressed","onPressedChange","size","variant","className","disabled","onClick","children","props","ref","isControlled","internalPressed","setInternalPressed","useState","isPressed","handleClick","useCallback","event","next","jsx","cn","styles"],"mappings":"6MA+BaA,EAASC,EAAAA,WAA2C,SAC7D,CACI,QAAAC,EACA,eAAAC,EAAiB,GACjB,gBAAAC,EACA,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EACAC,EACF,CACE,MAAMC,EAAeX,IAAY,OAC3B,CAACY,EAAiBC,CAAkB,EAAIC,EAAAA,SAAkBb,CAAc,EACxEc,EAAYJ,EAAeX,EAAUY,EAErCI,EAAcC,EAAAA,YACfC,GAAqD,CAElD,GADAX,IAAUW,CAAK,EACXA,EAAM,iBAAkB,OAC5B,MAAMC,EAAO,CAACJ,EACTJ,GAAcE,EAAmBM,CAAI,EAC1CjB,IAAkBiB,CAAI,CAC1B,EACA,CAACJ,EAAWJ,EAAcJ,EAASL,CAAe,CAAA,EAGtD,OACIkB,EAAAA,IAAC,SAAA,CACG,IAAAV,EACA,KAAK,SACL,eAAcK,EACd,SAAAT,EACA,aAAYS,EAAY,KAAO,MAC/B,UAAWM,EAAAA,GACPC,EAAAA,QAAO,OACPA,EAAAA,QAAOnB,CAAI,EACXmB,EAAAA,QAAOlB,CAAO,EACdW,GAAaO,EAAAA,QAAO,QACpBjB,CAAA,EAEJ,QAASW,EACR,GAAGP,EAEH,SAAAD,CAAA,CAAA,CAGb,CAAC"}

package/dist/components/Toggle/Toggle.js

@@ -0,0 +1,49 @@
+import { jsx as k } from "react/jsx-runtime";
+import { forwardRef as y, useState as C, useCallback as T } from "react";
+import { cn as j } from "../../utils/cn.js";
+import e from "./Toggle.module.css.js";
+const S = y(function({
+  pressed: s,
+  defaultPressed: f = !1,
+  onPressedChange: r,
+  size: i = "md",
+  variant: d = "default",
+  className: c,
+  disabled: m,
+  onClick: n,
+  children: u,
+  ...p
+}, g) {
+  const o = s !== void 0, [b, x] = C(f), t = o ? s : b, P = T(
+    (a) => {
+      if (n?.(a), a.defaultPrevented) return;
+      const l = !t;
+      o || x(l), r?.(l);
+    },
+    [t, o, n, r]
+  );
+  return /* @__PURE__ */ k(
+    "button",
+    {
+      ref: g,
+      type: "button",
+      "aria-pressed": t,
+      disabled: m,
+      "data-state": t ? "on" : "off",
+      className: j(
+        e.toggle,
+        e[i],
+        e[d],
+        t && e.pressed,
+        c
+      ),
+      onClick: P,
+      ...p,
+      children: u
+    }
+  );
+});
+export {
+  S as Toggle
+};
+//# sourceMappingURL=Toggle.js.map

package/dist/components/Toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sources":["../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import { forwardRef, useCallback, useState } from \"react\";\nimport type { ButtonHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Toggle.module.css\";\n\nexport type ToggleSize = \"sm\" | \"md\" | \"lg\";\nexport type ToggleVariant = \"default\" | \"outline\";\n\nexport interface ToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\"> {\n    /** Controlled pressed state. When provided the component is controlled. */\n    pressed?: boolean;\n    /** Initial pressed state for the uncontrolled variant. Default `false`. */\n    defaultPressed?: boolean;\n    /** Fired with the next pressed state whenever the toggle is activated. */\n    onPressedChange?: (pressed: boolean) => void;\n    /** Visual size. Default `\"md\"`. */\n    size?: ToggleSize;\n    /** Visual style. Default `\"default\"`. */\n    variant?: ToggleVariant;\n}\n\n/**\n * A pressable two-state button — like a checkbox styled as a button.\n *\n * Works controlled (pass `pressed` + `onPressedChange`) or uncontrolled\n * (pass `defaultPressed`). Renders a native `<button type=\"button\">` exposing\n * its state through `aria-pressed`.\n *\n * @param props - {@link ToggleProps}.\n * @returns The toggle button element.\n */\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(function Toggle(\n    {\n        pressed,\n        defaultPressed = false,\n        onPressedChange,\n        size = \"md\",\n        variant = \"default\",\n        className,\n        disabled,\n        onClick,\n        children,\n        ...props\n    },\n    ref,\n) {\n    const isControlled = pressed !== undefined;\n    const [internalPressed, setInternalPressed] = useState<boolean>(defaultPressed);\n    const isPressed = isControlled ? pressed : internalPressed;\n\n    const handleClick = useCallback(\n        (event: React.MouseEvent<HTMLButtonElement>): void => {\n            onClick?.(event);\n            if (event.defaultPrevented) return;\n            const next = !isPressed;\n            if (!isControlled) setInternalPressed(next);\n            onPressedChange?.(next);\n        },\n        [isPressed, isControlled, onClick, onPressedChange],\n    );\n\n    return (\n        <button\n            ref={ref}\n            type=\"button\"\n            aria-pressed={isPressed}\n            disabled={disabled}\n            data-state={isPressed ? \"on\" : \"off\"}\n            className={cn(\n                styles.toggle,\n                styles[size],\n                styles[variant],\n                isPressed && styles.pressed,\n                className,\n            )}\n            onClick={handleClick}\n            {...props}\n        >\n            {children}\n        </button>\n    );\n});\n"],"names":["Toggle","forwardRef","pressed","defaultPressed","onPressedChange","size","variant","className","disabled","onClick","children","props","ref","isControlled","internalPressed","setInternalPressed","useState","isPressed","handleClick","useCallback","event","next","jsx","cn","styles"],"mappings":";;;;AA+BO,MAAMA,IAASC,EAA2C,SAC7D;AAAA,EACI,SAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,iBAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GACAC,GACF;AACE,QAAMC,IAAeX,MAAY,QAC3B,CAACY,GAAiBC,CAAkB,IAAIC,EAAkBb,CAAc,GACxEc,IAAYJ,IAAeX,IAAUY,GAErCI,IAAcC;AAAA,IAChB,CAACC,MAAqD;AAElD,UADAX,IAAUW,CAAK,GACXA,EAAM,iBAAkB;AAC5B,YAAMC,IAAO,CAACJ;AACd,MAAKJ,KAAcE,EAAmBM,CAAI,GAC1CjB,IAAkBiB,CAAI;AAAA,IAC1B;AAAA,IACA,CAACJ,GAAWJ,GAAcJ,GAASL,CAAe;AAAA,EAAA;AAGtD,SACI,gBAAAkB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAV;AAAA,MACA,MAAK;AAAA,MACL,gBAAcK;AAAA,MACd,UAAAT;AAAA,MACA,cAAYS,IAAY,OAAO;AAAA,MAC/B,WAAWM;AAAA,QACPC,EAAO;AAAA,QACPA,EAAOnB,CAAI;AAAA,QACXmB,EAAOlB,CAAO;AAAA,QACdW,KAAaO,EAAO;AAAA,QACpBjB;AAAA,MAAA;AAAA,MAEJ,SAASW;AAAA,MACR,GAAGP;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_toggle_kmzmH",t="tempest_outline_aFbzy",s="tempest_pressed_hX319",o="tempest_sm_JTqaB",l="tempest_md_QfS4K",m="tempest_lg_ajzsM",g={toggle:e,outline:t,pressed:s,sm:o,md:l,lg:m};exports.default=g;exports.lg=m;exports.md=l;exports.outline=t;exports.pressed=s;exports.sm=o;exports.toggle=e;
+//# sourceMappingURL=Toggle.module.css.cjs.map

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

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

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

@@ -0,0 +1,18 @@
+const t = "tempest_toggle_kmzmH", e = "tempest_outline_aFbzy", s = "tempest_pressed_hX319", m = "tempest_sm_JTqaB", o = "tempest_md_QfS4K", _ = "tempest_lg_ajzsM", l = {
+  toggle: t,
+  outline: e,
+  pressed: s,
+  sm: m,
+  md: o,
+  lg: _
+};
+export {
+  l as default,
+  _ as lg,
+  o as md,
+  e as outline,
+  s as pressed,
+  m as sm,
+  t as toggle
+};
+//# sourceMappingURL=Toggle.module.css.js.map

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

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

package/dist/components/ToggleGroup/ToggleGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),n=require("react"),G=require("../../utils/cn.cjs"),f=require("./ToggleGroup.module.css.cjs"),b=n.createContext(null);function q(){const e=n.useContext(b);if(!e)throw new Error("ToggleGroupItem must be used within a ToggleGroup");return e}function p(e){return e===void 0?[]:Array.isArray(e)?e:[e]}function I({type:e="single",value:s,defaultValue:l,onValueChange:c,className:u,children:i,...g}){const o=s!==void 0,[x,C]=n.useState(()=>p(l)),r=o?p(s):x,d=n.useCallback(t=>{o||C(t),c?.(e==="single"?t[0]??"":t)},[o,c,e]),m=n.useCallback(t=>{const T=r.includes(t);d(e==="single"?T?[]:[t]:T?r.filter(S=>S!==t):[...r,t])},[r,e,d]),j=n.useMemo(()=>({type:e,isSelected:t=>r.includes(t),toggle:m}),[e,r,m]);return a.jsx(b.Provider,{value:j,children:a.jsx("div",{role:"group",className:G.cn(f.default.group,u),...g,children:i})})}function k({value:e,disabled:s,className:l,children:c,...u}){const{isSelected:i,toggle:g}=q(),o=i(e);return a.jsx("button",{type:"button",role:"button","aria-pressed":o,disabled:s,"data-state":o?"on":"off",className:G.cn(f.default.item,o&&f.default.selected,l),onClick:()=>g(e),...u,children:c})}exports.ToggleGroup=I;exports.ToggleGroupItem=k;
+//# sourceMappingURL=ToggleGroup.cjs.map

package/dist/components/ToggleGroup/ToggleGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.cjs","sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ToggleGroup.module.css\";\n\nexport type ToggleGroupType = \"single\" | \"multiple\";\n\ninterface ToggleGroupContextValue {\n    type: ToggleGroupType;\n    isSelected: (value: string) => boolean;\n    toggle: (value: string) => void;\n}\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue | null>(null);\n\nfunction useToggleGroupContext(): ToggleGroupContextValue {\n    const ctx = useContext(ToggleGroupContext);\n    if (!ctx) {\n        throw new Error(\"ToggleGroupItem must be used within a ToggleGroup\");\n    }\n    return ctx;\n}\n\nexport interface ToggleGroupProps extends HTMLAttributes<HTMLDivElement> {\n    /** Selection mode. `\"single\"` keeps one value; `\"multiple\"` keeps a set. Default `\"single\"`. */\n    type?: ToggleGroupType;\n    /** Controlled value — `string` for `single`, `string[]` for `multiple`. */\n    value?: string | string[];\n    /** Uncontrolled initial value. */\n    defaultValue?: string | string[];\n    /** Fired with the next value whenever the selection changes. */\n    onValueChange?: (value: string | string[]) => void;\n    children: ReactNode;\n}\n\nfunction normalizeArray(value: string | string[] | undefined): string[] {\n    if (value === undefined) return [];\n    return Array.isArray(value) ? value : [value];\n}\n\n/**\n * A set of {@link ToggleGroupItem}s that share selection state via context.\n *\n * In `single` mode the value is a `string` (empty string when nothing is\n * selected); in `multiple` mode it is a `string[]`. Works controlled (pass\n * `value` + `onValueChange`) or uncontrolled (pass `defaultValue`).\n *\n * @param props - {@link ToggleGroupProps}.\n * @returns A `role=\"group\"` container wrapping the items.\n */\nexport function ToggleGroup({\n    type = \"single\",\n    value,\n    defaultValue,\n    onValueChange,\n    className,\n    children,\n    ...props\n}: ToggleGroupProps) {\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string[]>(() =>\n        normalizeArray(defaultValue),\n    );\n    const selected = isControlled ? normalizeArray(value) : internalValue;\n\n    const commit = useCallback(\n        (next: string[]): void => {\n            if (!isControlled) setInternalValue(next);\n            onValueChange?.(type === \"single\" ? (next[0] ?? \"\") : next);\n        },\n        [isControlled, onValueChange, type],\n    );\n\n    const toggle = useCallback(\n        (itemValue: string): void => {\n            const isOn = selected.includes(itemValue);\n            if (type === \"single\") {\n                commit(isOn ? [] : [itemValue]);\n            } else {\n                commit(isOn ? selected.filter((v) => v !== itemValue) : [...selected, itemValue]);\n            }\n        },\n        [selected, type, commit],\n    );\n\n    const ctx = useMemo<ToggleGroupContextValue>(\n        () => ({\n            type,\n            isSelected: (itemValue: string) => selected.includes(itemValue),\n            toggle,\n        }),\n        [type, selected, toggle],\n    );\n\n    return (\n        <ToggleGroupContext.Provider value={ctx}>\n            <div role=\"group\" className={cn(styles.group, className)} {...props}>\n                {children}\n            </div>\n        </ToggleGroupContext.Provider>\n    );\n}\n\nexport interface ToggleGroupItemProps extends Omit<HTMLAttributes<HTMLButtonElement>, \"onClick\"> {\n    /** Stable value identifying this item within the group. */\n    value: string;\n    /** Disables the item. */\n    disabled?: boolean;\n    children: ReactNode;\n}\n\n/**\n * A single selectable item inside a {@link ToggleGroup}. Reads and updates the\n * group's shared state through context.\n *\n * Icon-only items need an explicit `aria-label` (forwarded to the button):\n * an SVG child gives screen readers nothing to announce.\n *\n * @param props - {@link ToggleGroupItemProps}.\n * @returns A `role=\"button\"` element exposing its state via `aria-pressed`.\n */\nexport function ToggleGroupItem({\n    value,\n    disabled,\n    className,\n    children,\n    ...props\n}: ToggleGroupItemProps) {\n    const { isSelected, toggle } = useToggleGroupContext();\n    const selected = isSelected(value);\n\n    return (\n        <button\n            type=\"button\"\n            role=\"button\"\n            aria-pressed={selected}\n            disabled={disabled}\n            data-state={selected ? \"on\" : \"off\"}\n            className={cn(styles.item, selected && styles.selected, className)}\n            onClick={() => toggle(value)}\n            {...props}\n        >\n            {children}\n        </button>\n    );\n}\n"],"names":["ToggleGroupContext","createContext","useToggleGroupContext","ctx","useContext","normalizeArray","value","ToggleGroup","type","defaultValue","onValueChange","className","children","props","isControlled","internalValue","setInternalValue","useState","selected","commit","useCallback","next","toggle","itemValue","isOn","v","useMemo","cn","styles","ToggleGroupItem","disabled","isSelected","jsx"],"mappings":"kNAaMA,EAAqBC,EAAAA,cAA8C,IAAI,EAE7E,SAASC,GAAiD,CACtD,MAAMC,EAAMC,EAAAA,WAAWJ,CAAkB,EACzC,GAAI,CAACG,EACD,MAAM,IAAI,MAAM,mDAAmD,EAEvE,OAAOA,CACX,CAcA,SAASE,EAAeC,EAAgD,CACpE,OAAIA,IAAU,OAAkB,CAAA,EACzB,MAAM,QAAQA,CAAK,EAAIA,EAAQ,CAACA,CAAK,CAChD,CAYO,SAASC,EAAY,CACxB,KAAAC,EAAO,SACP,MAAAF,EACA,aAAAG,EACA,cAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAqB,CACjB,MAAMC,EAAeR,IAAU,OACzB,CAACS,EAAeC,CAAgB,EAAIC,EAAAA,SAAmB,IACzDZ,EAAeI,CAAY,CAAA,EAEzBS,EAAWJ,EAAeT,EAAeC,CAAK,EAAIS,EAElDI,EAASC,EAAAA,YACVC,GAAyB,CACjBP,GAAcE,EAAiBK,CAAI,EACxCX,IAAgBF,IAAS,SAAYa,EAAK,CAAC,GAAK,GAAMA,CAAI,CAC9D,EACA,CAACP,EAAcJ,EAAeF,CAAI,CAAA,EAGhCc,EAASF,EAAAA,YACVG,GAA4B,CACzB,MAAMC,EAAON,EAAS,SAASK,CAAS,EAEpCJ,EADAX,IAAS,SACFgB,EAAO,GAAK,CAACD,CAAS,EAEtBC,EAAON,EAAS,OAAQO,GAAMA,IAAMF,CAAS,EAAI,CAAC,GAAGL,EAAUK,CAAS,CAFjD,CAItC,EACA,CAACL,EAAUV,EAAMW,CAAM,CAAA,EAGrBhB,EAAMuB,EAAAA,QACR,KAAO,CACH,KAAAlB,EACA,WAAae,GAAsBL,EAAS,SAASK,CAAS,EAC9D,OAAAD,CAAA,GAEJ,CAACd,EAAMU,EAAUI,CAAM,CAAA,EAG3B,aACKtB,EAAmB,SAAnB,CAA4B,MAAOG,EAChC,eAAC,MAAA,CAAI,KAAK,QAAQ,UAAWwB,KAAGC,EAAAA,QAAO,MAAOjB,CAAS,EAAI,GAAGE,EACzD,SAAAD,EACL,EACJ,CAER,CAoBO,SAASiB,EAAgB,CAC5B,MAAAvB,EACA,SAAAwB,EACA,UAAAnB,EACA,SAAAC,EACA,GAAGC,CACP,EAAyB,CACrB,KAAM,CAAE,WAAAkB,EAAY,OAAAT,CAAA,EAAWpB,EAAA,EACzBgB,EAAWa,EAAWzB,CAAK,EAEjC,OACI0B,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,KAAK,SACL,eAAcd,EACd,SAAAY,EACA,aAAYZ,EAAW,KAAO,MAC9B,UAAWS,EAAAA,GAAGC,UAAO,KAAMV,GAAYU,EAAAA,QAAO,SAAUjB,CAAS,EACjE,QAAS,IAAMW,EAAOhB,CAAK,EAC1B,GAAGO,EAEH,SAAAD,CAAA,CAAA,CAGb"}

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -0,0 +1,74 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useState as I, useCallback as p, useMemo as S, createContext as h, useContext as k } from "react";
+import { cn as C } from "../../utils/cn.js";
+import f from "./ToggleGroup.module.css.js";
+const G = h(null);
+function N() {
+  const o = k(G);
+  if (!o)
+    throw new Error("ToggleGroupItem must be used within a ToggleGroup");
+  return o;
+}
+function x(o) {
+  return o === void 0 ? [] : Array.isArray(o) ? o : [o];
+}
+function O({
+  type: o = "single",
+  value: n,
+  defaultValue: i,
+  onValueChange: s,
+  className: c,
+  children: l,
+  ...u
+}) {
+  const e = n !== void 0, [T, b] = I(
+    () => x(i)
+  ), r = e ? x(n) : T, g = p(
+    (t) => {
+      e || b(t), s?.(o === "single" ? t[0] ?? "" : t);
+    },
+    [e, s, o]
+  ), m = p(
+    (t) => {
+      const a = r.includes(t);
+      g(o === "single" ? a ? [] : [t] : a ? r.filter((A) => A !== t) : [...r, t]);
+    },
+    [r, o, g]
+  ), w = S(
+    () => ({
+      type: o,
+      isSelected: (t) => r.includes(t),
+      toggle: m
+    }),
+    [o, r, m]
+  );
+  return /* @__PURE__ */ d(G.Provider, { value: w, children: /* @__PURE__ */ d("div", { role: "group", className: C(f.group, c), ...u, children: l }) });
+}
+function P({
+  value: o,
+  disabled: n,
+  className: i,
+  children: s,
+  ...c
+}) {
+  const { isSelected: l, toggle: u } = N(), e = l(o);
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      type: "button",
+      role: "button",
+      "aria-pressed": e,
+      disabled: n,
+      "data-state": e ? "on" : "off",
+      className: C(f.item, e && f.selected, i),
+      onClick: () => u(o),
+      ...c,
+      children: s
+    }
+  );
+}
+export {
+  O as ToggleGroup,
+  P as ToggleGroupItem
+};
+//# sourceMappingURL=ToggleGroup.js.map

package/dist/components/ToggleGroup/ToggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.js","sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ToggleGroup.module.css\";\n\nexport type ToggleGroupType = \"single\" | \"multiple\";\n\ninterface ToggleGroupContextValue {\n    type: ToggleGroupType;\n    isSelected: (value: string) => boolean;\n    toggle: (value: string) => void;\n}\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue | null>(null);\n\nfunction useToggleGroupContext(): ToggleGroupContextValue {\n    const ctx = useContext(ToggleGroupContext);\n    if (!ctx) {\n        throw new Error(\"ToggleGroupItem must be used within a ToggleGroup\");\n    }\n    return ctx;\n}\n\nexport interface ToggleGroupProps extends HTMLAttributes<HTMLDivElement> {\n    /** Selection mode. `\"single\"` keeps one value; `\"multiple\"` keeps a set. Default `\"single\"`. */\n    type?: ToggleGroupType;\n    /** Controlled value — `string` for `single`, `string[]` for `multiple`. */\n    value?: string | string[];\n    /** Uncontrolled initial value. */\n    defaultValue?: string | string[];\n    /** Fired with the next value whenever the selection changes. */\n    onValueChange?: (value: string | string[]) => void;\n    children: ReactNode;\n}\n\nfunction normalizeArray(value: string | string[] | undefined): string[] {\n    if (value === undefined) return [];\n    return Array.isArray(value) ? value : [value];\n}\n\n/**\n * A set of {@link ToggleGroupItem}s that share selection state via context.\n *\n * In `single` mode the value is a `string` (empty string when nothing is\n * selected); in `multiple` mode it is a `string[]`. Works controlled (pass\n * `value` + `onValueChange`) or uncontrolled (pass `defaultValue`).\n *\n * @param props - {@link ToggleGroupProps}.\n * @returns A `role=\"group\"` container wrapping the items.\n */\nexport function ToggleGroup({\n    type = \"single\",\n    value,\n    defaultValue,\n    onValueChange,\n    className,\n    children,\n    ...props\n}: ToggleGroupProps) {\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string[]>(() =>\n        normalizeArray(defaultValue),\n    );\n    const selected = isControlled ? normalizeArray(value) : internalValue;\n\n    const commit = useCallback(\n        (next: string[]): void => {\n            if (!isControlled) setInternalValue(next);\n            onValueChange?.(type === \"single\" ? (next[0] ?? \"\") : next);\n        },\n        [isControlled, onValueChange, type],\n    );\n\n    const toggle = useCallback(\n        (itemValue: string): void => {\n            const isOn = selected.includes(itemValue);\n            if (type === \"single\") {\n                commit(isOn ? [] : [itemValue]);\n            } else {\n                commit(isOn ? selected.filter((v) => v !== itemValue) : [...selected, itemValue]);\n            }\n        },\n        [selected, type, commit],\n    );\n\n    const ctx = useMemo<ToggleGroupContextValue>(\n        () => ({\n            type,\n            isSelected: (itemValue: string) => selected.includes(itemValue),\n            toggle,\n        }),\n        [type, selected, toggle],\n    );\n\n    return (\n        <ToggleGroupContext.Provider value={ctx}>\n            <div role=\"group\" className={cn(styles.group, className)} {...props}>\n                {children}\n            </div>\n        </ToggleGroupContext.Provider>\n    );\n}\n\nexport interface ToggleGroupItemProps extends Omit<HTMLAttributes<HTMLButtonElement>, \"onClick\"> {\n    /** Stable value identifying this item within the group. */\n    value: string;\n    /** Disables the item. */\n    disabled?: boolean;\n    children: ReactNode;\n}\n\n/**\n * A single selectable item inside a {@link ToggleGroup}. Reads and updates the\n * group's shared state through context.\n *\n * Icon-only items need an explicit `aria-label` (forwarded to the button):\n * an SVG child gives screen readers nothing to announce.\n *\n * @param props - {@link ToggleGroupItemProps}.\n * @returns A `role=\"button\"` element exposing its state via `aria-pressed`.\n */\nexport function ToggleGroupItem({\n    value,\n    disabled,\n    className,\n    children,\n    ...props\n}: ToggleGroupItemProps) {\n    const { isSelected, toggle } = useToggleGroupContext();\n    const selected = isSelected(value);\n\n    return (\n        <button\n            type=\"button\"\n            role=\"button\"\n            aria-pressed={selected}\n            disabled={disabled}\n            data-state={selected ? \"on\" : \"off\"}\n            className={cn(styles.item, selected && styles.selected, className)}\n            onClick={() => toggle(value)}\n            {...props}\n        >\n            {children}\n        </button>\n    );\n}\n"],"names":["ToggleGroupContext","createContext","useToggleGroupContext","ctx","useContext","normalizeArray","value","ToggleGroup","type","defaultValue","onValueChange","className","children","props","isControlled","internalValue","setInternalValue","useState","selected","commit","useCallback","next","toggle","itemValue","isOn","v","useMemo","cn","styles","ToggleGroupItem","disabled","isSelected","jsx"],"mappings":";;;;AAaA,MAAMA,IAAqBC,EAA8C,IAAI;AAE7E,SAASC,IAAiD;AACtD,QAAMC,IAAMC,EAAWJ,CAAkB;AACzC,MAAI,CAACG;AACD,UAAM,IAAI,MAAM,mDAAmD;AAEvE,SAAOA;AACX;AAcA,SAASE,EAAeC,GAAgD;AACpE,SAAIA,MAAU,SAAkB,CAAA,IACzB,MAAM,QAAQA,CAAK,IAAIA,IAAQ,CAACA,CAAK;AAChD;AAYO,SAASC,EAAY;AAAA,EACxB,MAAAC,IAAO;AAAA,EACP,OAAAF;AAAA,EACA,cAAAG;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAqB;AACjB,QAAMC,IAAeR,MAAU,QACzB,CAACS,GAAeC,CAAgB,IAAIC;AAAA,IAAmB,MACzDZ,EAAeI,CAAY;AAAA,EAAA,GAEzBS,IAAWJ,IAAeT,EAAeC,CAAK,IAAIS,GAElDI,IAASC;AAAA,IACX,CAACC,MAAyB;AACtB,MAAKP,KAAcE,EAAiBK,CAAI,GACxCX,IAAgBF,MAAS,WAAYa,EAAK,CAAC,KAAK,KAAMA,CAAI;AAAA,IAC9D;AAAA,IACA,CAACP,GAAcJ,GAAeF,CAAI;AAAA,EAAA,GAGhCc,IAASF;AAAA,IACX,CAACG,MAA4B;AACzB,YAAMC,IAAON,EAAS,SAASK,CAAS;AACxC,MACIJ,EADAX,MAAS,WACFgB,IAAO,KAAK,CAACD,CAAS,IAEtBC,IAAON,EAAS,OAAO,CAACO,MAAMA,MAAMF,CAAS,IAAI,CAAC,GAAGL,GAAUK,CAAS,CAFjD;AAAA,IAItC;AAAA,IACA,CAACL,GAAUV,GAAMW,CAAM;AAAA,EAAA,GAGrBhB,IAAMuB;AAAA,IACR,OAAO;AAAA,MACH,MAAAlB;AAAA,MACA,YAAY,CAACe,MAAsBL,EAAS,SAASK,CAAS;AAAA,MAC9D,QAAAD;AAAA,IAAA;AAAA,IAEJ,CAACd,GAAMU,GAAUI,CAAM;AAAA,EAAA;AAG3B,2BACKtB,EAAmB,UAAnB,EAA4B,OAAOG,GAChC,4BAAC,OAAA,EAAI,MAAK,SAAQ,WAAWwB,EAAGC,EAAO,OAAOjB,CAAS,GAAI,GAAGE,GACzD,UAAAD,GACL,GACJ;AAER;AAoBO,SAASiB,EAAgB;AAAA,EAC5B,OAAAvB;AAAA,EACA,UAAAwB;AAAA,EACA,WAAAnB;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAyB;AACrB,QAAM,EAAE,YAAAkB,GAAY,QAAAT,EAAA,IAAWpB,EAAA,GACzBgB,IAAWa,EAAWzB,CAAK;AAEjC,SACI,gBAAA0B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,MAAK;AAAA,MACL,gBAAcd;AAAA,MACd,UAAAY;AAAA,MACA,cAAYZ,IAAW,OAAO;AAAA,MAC9B,WAAWS,EAAGC,EAAO,MAAMV,KAAYU,EAAO,UAAUjB,CAAS;AAAA,MACjE,SAAS,MAAMW,EAAOhB,CAAK;AAAA,MAC1B,GAAGO;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_group_XZCDJ",t="tempest_item_B-27E",s="tempest_selected_OHPVQ",o={group:e,item:t,selected:s};exports.default=o;exports.group=e;exports.item=t;exports.selected=s;
+//# sourceMappingURL=ToggleGroup.module.css.cjs.map

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

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

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

@@ -0,0 +1,12 @@
+const e = "tempest_group_XZCDJ", t = "tempest_item_B-27E", s = "tempest_selected_OHPVQ", o = {
+  group: e,
+  item: t,
+  selected: s
+};
+export {
+  o as default,
+  e as group,
+  t as item,
+  s as selected
+};
+//# sourceMappingURL=ToggleGroup.module.css.js.map

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

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

package/dist/components/Tooltip/Tooltip.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),b=require("../../utils/cn.cjs"),o=require("./Tooltip.module.css.cjs");function T({content:c,placement:a="top",children:d,disabled:f=!1,openDelay:p=150}){const[n,i]=t.useState(!1),r=t.useId();let e=null;function l(){f||(e&&clearTimeout(e),e=setTimeout(()=>i(!0),p))}function s(){e&&(clearTimeout(e),e=null),i(!1)}const m=t.cloneElement(d,{onMouseEnter:l,onMouseLeave:s,onFocus:l,onBlur:s,"aria-describedby":n?r:void 0});return u.jsxs("span",{className:o.default.trigger,children:[m,n&&u.jsx("span",{id:r,role:"tooltip",className:b.cn(o.default.bubble,o.default[a]),children:c})]})}exports.Tooltip=T;
+//# sourceMappingURL=Tooltip.cjs.map

package/dist/components/Tooltip/Tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.cjs","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { cloneElement, useId, useState } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tooltip.module.css\";\n\nexport type TooltipPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface TooltipProps {\n    /** Tooltip content. Plain text recommended; rich content also works. */\n    content: ReactNode;\n    /** Placement relative to the trigger. Default: `\"top\"`. */\n    placement?: TooltipPlacement;\n    /** Single React element to attach hover/focus listeners to. */\n    children: ReactElement;\n    /** Disable the tooltip without changing the trigger. */\n    disabled?: boolean;\n    /** Delay (ms) before showing the tooltip. Default: 150. */\n    openDelay?: number;\n}\n\n/**\n * Lightweight tooltip. Shows on hover and on focus (keyboard-friendly). Wraps\n * a single child element via `cloneElement`, so the trigger keeps its own ref\n * and props.\n */\nexport function Tooltip({\n    content,\n    placement = \"top\",\n    children,\n    disabled = false,\n    openDelay = 150,\n}: TooltipProps) {\n    const [open, setOpen] = useState<boolean>(false);\n    const tooltipId = useId();\n    let timer: ReturnType<typeof setTimeout> | null = null;\n\n    function show(): void {\n        if (disabled) return;\n        if (timer) clearTimeout(timer);\n        timer = setTimeout(() => setOpen(true), openDelay);\n    }\n\n    function hide(): void {\n        if (timer) {\n            clearTimeout(timer);\n            timer = null;\n        }\n        setOpen(false);\n    }\n\n    const trigger = cloneElement(children, {\n        onMouseEnter: show,\n        onMouseLeave: hide,\n        onFocus: show,\n        onBlur: hide,\n        \"aria-describedby\": open ? tooltipId : undefined,\n    } as Record<string, unknown>);\n\n    return (\n        <span className={styles.trigger}>\n            {trigger}\n            {open && (\n                <span\n                    id={tooltipId}\n                    role=\"tooltip\"\n                    className={cn(styles.bubble, styles[placement])}\n                >\n                    {content}\n                </span>\n            )}\n        </span>\n    );\n}\n"],"names":["Tooltip","content","placement","children","disabled","openDelay","open","setOpen","useState","tooltipId","useId","timer","show","hide","trigger","cloneElement","jsxs","styles","jsx","cn"],"mappings":"8MAyBO,SAASA,EAAQ,CACpB,QAAAC,EACA,UAAAC,EAAY,MACZ,SAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,GAChB,EAAiB,CACb,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAkB,EAAK,EACzCC,EAAYC,EAAAA,MAAA,EAClB,IAAIC,EAA8C,KAElD,SAASC,GAAa,CACdR,IACAO,gBAAoBA,CAAK,EAC7BA,EAAQ,WAAW,IAAMJ,EAAQ,EAAI,EAAGF,CAAS,EACrD,CAEA,SAASQ,GAAa,CACdF,IACA,aAAaA,CAAK,EAClBA,EAAQ,MAEZJ,EAAQ,EAAK,CACjB,CAEA,MAAMO,EAAUC,EAAAA,aAAaZ,EAAU,CACnC,aAAcS,EACd,aAAcC,EACd,QAASD,EACT,OAAQC,EACR,mBAAoBP,EAAOG,EAAY,MAAA,CACf,EAE5B,OACIO,EAAAA,KAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,QACnB,SAAA,CAAAH,EACAR,GACGY,EAAAA,IAAC,OAAA,CACG,GAAIT,EACJ,KAAK,UACL,UAAWU,EAAAA,GAAGF,EAAAA,QAAO,OAAQA,EAAAA,QAAOf,CAAS,CAAC,EAE7C,SAAAD,CAAA,CAAA,CACL,EAER,CAER"}

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,43 @@
+import { jsxs as p, jsx as d } from "react/jsx-runtime";
+import { useState as b, useId as g, cloneElement as h } from "react";
+import { cn as T } from "../../utils/cn.js";
+import o from "./Tooltip.module.css.js";
+function E({
+  content: l,
+  placement: u = "top",
+  children: c,
+  disabled: a = !1,
+  openDelay: m = 150
+}) {
+  const [t, r] = b(!1), n = g();
+  let e = null;
+  function i() {
+    a || (e && clearTimeout(e), e = setTimeout(() => r(!0), m));
+  }
+  function s() {
+    e && (clearTimeout(e), e = null), r(!1);
+  }
+  const f = h(c, {
+    onMouseEnter: i,
+    onMouseLeave: s,
+    onFocus: i,
+    onBlur: s,
+    "aria-describedby": t ? n : void 0
+  });
+  return /* @__PURE__ */ p("span", { className: o.trigger, children: [
+    f,
+    t && /* @__PURE__ */ d(
+      "span",
+      {
+        id: n,
+        role: "tooltip",
+        className: T(o.bubble, o[u]),
+        children: l
+      }
+    )
+  ] });
+}
+export {
+  E as Tooltip
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { cloneElement, useId, useState } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tooltip.module.css\";\n\nexport type TooltipPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface TooltipProps {\n    /** Tooltip content. Plain text recommended; rich content also works. */\n    content: ReactNode;\n    /** Placement relative to the trigger. Default: `\"top\"`. */\n    placement?: TooltipPlacement;\n    /** Single React element to attach hover/focus listeners to. */\n    children: ReactElement;\n    /** Disable the tooltip without changing the trigger. */\n    disabled?: boolean;\n    /** Delay (ms) before showing the tooltip. Default: 150. */\n    openDelay?: number;\n}\n\n/**\n * Lightweight tooltip. Shows on hover and on focus (keyboard-friendly). Wraps\n * a single child element via `cloneElement`, so the trigger keeps its own ref\n * and props.\n */\nexport function Tooltip({\n    content,\n    placement = \"top\",\n    children,\n    disabled = false,\n    openDelay = 150,\n}: TooltipProps) {\n    const [open, setOpen] = useState<boolean>(false);\n    const tooltipId = useId();\n    let timer: ReturnType<typeof setTimeout> | null = null;\n\n    function show(): void {\n        if (disabled) return;\n        if (timer) clearTimeout(timer);\n        timer = setTimeout(() => setOpen(true), openDelay);\n    }\n\n    function hide(): void {\n        if (timer) {\n            clearTimeout(timer);\n            timer = null;\n        }\n        setOpen(false);\n    }\n\n    const trigger = cloneElement(children, {\n        onMouseEnter: show,\n        onMouseLeave: hide,\n        onFocus: show,\n        onBlur: hide,\n        \"aria-describedby\": open ? tooltipId : undefined,\n    } as Record<string, unknown>);\n\n    return (\n        <span className={styles.trigger}>\n            {trigger}\n            {open && (\n                <span\n                    id={tooltipId}\n                    role=\"tooltip\"\n                    className={cn(styles.bubble, styles[placement])}\n                >\n                    {content}\n                </span>\n            )}\n        </span>\n    );\n}\n"],"names":["Tooltip","content","placement","children","disabled","openDelay","open","setOpen","useState","tooltipId","useId","timer","show","hide","trigger","cloneElement","jsxs","styles","jsx","cn"],"mappings":";;;;AAyBO,SAASA,EAAQ;AAAA,EACpB,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAChB,GAAiB;AACb,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAkB,EAAK,GACzCC,IAAYC,EAAA;AAClB,MAAIC,IAA8C;AAElD,WAASC,IAAa;AAClB,IAAIR,MACAO,kBAAoBA,CAAK,GAC7BA,IAAQ,WAAW,MAAMJ,EAAQ,EAAI,GAAGF,CAAS;AAAA,EACrD;AAEA,WAASQ,IAAa;AAClB,IAAIF,MACA,aAAaA,CAAK,GAClBA,IAAQ,OAEZJ,EAAQ,EAAK;AAAA,EACjB;AAEA,QAAMO,IAAUC,EAAaZ,GAAU;AAAA,IACnC,cAAcS;AAAA,IACd,cAAcC;AAAA,IACd,SAASD;AAAA,IACT,QAAQC;AAAA,IACR,oBAAoBP,IAAOG,IAAY;AAAA,EAAA,CACf;AAE5B,SACI,gBAAAO,EAAC,QAAA,EAAK,WAAWC,EAAO,SACnB,UAAA;AAAA,IAAAH;AAAA,IACAR,KACG,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,IAAIT;AAAA,QACJ,MAAK;AAAA,QACL,WAAWU,EAAGF,EAAO,QAAQA,EAAOf,CAAS,CAAC;AAAA,QAE7C,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GAER;AAER;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_trigger_Dmc5E",e="tempest_bubble_TPGHB",o="tempest_tempest-tooltip-in_csYeZ",s="tempest_top_m2tnn",p="tempest_bottom_9Twz4",l="tempest_left_UPdrG",b="tempest_right_CV--T",m={trigger:t,bubble:e,tempestTooltipIn:o,top:s,bottom:p,left:l,right:b};exports.bottom=p;exports.bubble=e;exports.default=m;exports.left=l;exports.right=b;exports.tempestTooltipIn=o;exports.top=s;exports.trigger=t;
+//# sourceMappingURL=Tooltip.module.css.cjs.map

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

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

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

@@ -0,0 +1,20 @@
+const t = "tempest_trigger_Dmc5E", e = "tempest_bubble_TPGHB", o = "tempest_tempest-tooltip-in_csYeZ", s = "tempest_top_m2tnn", p = "tempest_bottom_9Twz4", m = "tempest_left_UPdrG", _ = "tempest_right_CV--T", n = {
+  trigger: t,
+  bubble: e,
+  tempestTooltipIn: o,
+  top: s,
+  bottom: p,
+  left: m,
+  right: _
+};
+export {
+  p as bottom,
+  e as bubble,
+  n as default,
+  m as left,
+  _ as right,
+  o as tempestTooltipIn,
+  s as top,
+  t as trigger
+};
+//# sourceMappingURL=Tooltip.module.css.js.map

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

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

package/dist/components/TruncateText/TruncateText.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("../../utils/cn.cjs"),a=require("./TruncateText.module.css.cjs");function i({lines:e=1,className:t,style:n,children:r,...c}){const u={...n,"--tempest-clamp-lines":e};return s.jsx("div",{className:l.cn(a.default.clamp,t),style:u,...c,children:r})}exports.TruncateText=i;
+//# sourceMappingURL=TruncateText.cjs.map

package/dist/components/TruncateText/TruncateText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TruncateText.cjs","sources":["../../../src/components/TruncateText/TruncateText.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TruncateText.module.css\";\n\nexport interface TruncateTextProps extends HTMLAttributes<HTMLDivElement> {\n    /** Maximum number of lines to show before clamping. Defaults to 1. */\n    lines?: number;\n    /** Content to clamp. */\n    children: ReactNode;\n}\n\n/**\n * Clamp text to a fixed number of lines using a CSS line-clamp, adding an\n * ellipsis on overflow. The line count is driven by the\n * `--tempest-clamp-lines` custom property.\n *\n * @example\n * <TruncateText lines={2}>{longDescription}</TruncateText>\n */\nexport function TruncateText({\n    lines = 1,\n    className,\n    style,\n    children,\n    ...props\n}: TruncateTextProps) {\n    const mergedStyle = {\n        ...style,\n        \"--tempest-clamp-lines\": lines,\n    } as CSSProperties;\n\n    return (\n        <div className={cn(styles.clamp, className)} style={mergedStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"names":["TruncateText","lines","className","style","children","props","mergedStyle","jsx","cn","styles"],"mappings":"gMAmBO,SAASA,EAAa,CACzB,MAAAC,EAAQ,EACR,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAsB,CAClB,MAAMC,EAAc,CAChB,GAAGH,EACH,wBAAyBF,CAAA,EAG7B,OACIM,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,MAAOP,CAAS,EAAG,MAAOI,EAAc,GAAGD,EAChE,SAAAD,CAAA,CACL,CAER"}

package/dist/components/TruncateText/TruncateText.js

@@ -0,0 +1,20 @@
+import { jsx as c } from "react/jsx-runtime";
+import { cn as l } from "../../utils/cn.js";
+import n from "./TruncateText.module.css.js";
+function f({
+  lines: t = 1,
+  className: e,
+  style: m,
+  children: r,
+  ...o
+}) {
+  const s = {
+    ...m,
+    "--tempest-clamp-lines": t
+  };
+  return /* @__PURE__ */ c("div", { className: l(n.clamp, e), style: s, ...o, children: r });
+}
+export {
+  f as TruncateText
+};
+//# sourceMappingURL=TruncateText.js.map

package/dist/components/TruncateText/TruncateText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TruncateText.js","sources":["../../../src/components/TruncateText/TruncateText.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TruncateText.module.css\";\n\nexport interface TruncateTextProps extends HTMLAttributes<HTMLDivElement> {\n    /** Maximum number of lines to show before clamping. Defaults to 1. */\n    lines?: number;\n    /** Content to clamp. */\n    children: ReactNode;\n}\n\n/**\n * Clamp text to a fixed number of lines using a CSS line-clamp, adding an\n * ellipsis on overflow. The line count is driven by the\n * `--tempest-clamp-lines` custom property.\n *\n * @example\n * <TruncateText lines={2}>{longDescription}</TruncateText>\n */\nexport function TruncateText({\n    lines = 1,\n    className,\n    style,\n    children,\n    ...props\n}: TruncateTextProps) {\n    const mergedStyle = {\n        ...style,\n        \"--tempest-clamp-lines\": lines,\n    } as CSSProperties;\n\n    return (\n        <div className={cn(styles.clamp, className)} style={mergedStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"names":["TruncateText","lines","className","style","children","props","mergedStyle","jsx","cn","styles"],"mappings":";;;AAmBO,SAASA,EAAa;AAAA,EACzB,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAsB;AAClB,QAAMC,IAAc;AAAA,IAChB,GAAGH;AAAA,IACH,yBAAyBF;AAAA,EAAA;AAG7B,SACI,gBAAAM,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,OAAOP,CAAS,GAAG,OAAOI,GAAc,GAAGD,GAChE,UAAAD,EAAA,CACL;AAER;"}

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

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

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

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

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

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

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

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

package/dist/components/UpdatePrompt/UpdatePrompt.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("lucide-react"),d=require("../../utils/cn.cjs"),t=require("./UpdatePrompt.module.css.cjs");function m({open:s,onUpdate:i,onDismiss:a,message:l="Uma nova versão está disponível.",actionLabel:n="Atualizar",position:o="bottom",className:u,...c}){return s?e.jsxs("div",{className:d.cn(t.default.prompt,t.default[o],u),role:"alert","aria-live":"assertive",...c,children:[e.jsx(r.RefreshCw,{className:t.default.icon,size:18,"aria-hidden":"true"}),e.jsx("span",{className:t.default.message,children:l}),e.jsx("button",{type:"button",className:t.default.action,onClick:i,children:n}),a&&e.jsx("button",{type:"button",className:t.default.dismiss,"aria-label":"Dispensar",onClick:a,children:e.jsx(r.X,{size:16,"aria-hidden":"true"})})]}):null}exports.UpdatePrompt=m;
+//# sourceMappingURL=UpdatePrompt.cjs.map

package/dist/components/UpdatePrompt/UpdatePrompt.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdatePrompt.cjs","sources":["../../../src/components/UpdatePrompt/UpdatePrompt.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { RefreshCw, X } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./UpdatePrompt.module.css\";\n\nexport type UpdatePromptPosition = \"top\" | \"bottom\";\n\nexport interface UpdatePromptProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Whether the prompt is visible. Feed from `useServiceWorkerUpdate().updateAvailable`. */\n    open: boolean;\n    /** Called when the user confirms the update. Wire to `applyUpdate`. */\n    onUpdate: () => void;\n    /** Called when the user dismisses the prompt. Omit to hide the dismiss button. */\n    onDismiss?: () => void;\n    /** Body message. */\n    message?: ReactNode;\n    /** Confirm button label. Default `\"Atualizar\"`. */\n    actionLabel?: string;\n    /** Where to pin the fixed toast. Default `\"bottom\"`. */\n    position?: UpdatePromptPosition;\n}\n\n/**\n * Fixed toast prompting the user to activate a freshly installed service\n * worker. Presentational — pair with {@link useServiceWorkerUpdate}, feeding\n * `updateAvailable` to `open` and `applyUpdate` to `onUpdate`.\n *\n * Renders nothing while `open` is `false`.\n *\n * @example\n * const { updateAvailable, applyUpdate } = useServiceWorkerUpdate({ url: \"/sw.js\" });\n * <UpdatePrompt open={updateAvailable} onUpdate={applyUpdate} />\n */\nexport function UpdatePrompt({\n    open,\n    onUpdate,\n    onDismiss,\n    message = \"Uma nova versão está disponível.\",\n    actionLabel = \"Atualizar\",\n    position = \"bottom\",\n    className,\n    ...props\n}: UpdatePromptProps) {\n    if (!open) return null;\n    return (\n        <div\n            className={cn(styles.prompt, styles[position], className)}\n            role=\"alert\"\n            aria-live=\"assertive\"\n            {...props}\n        >\n            <RefreshCw className={styles.icon} size={18} aria-hidden=\"true\" />\n            <span className={styles.message}>{message}</span>\n            <button type=\"button\" className={styles.action} onClick={onUpdate}>\n                {actionLabel}\n            </button>\n            {onDismiss && (\n                <button\n                    type=\"button\"\n                    className={styles.dismiss}\n                    aria-label=\"Dispensar\"\n                    onClick={onDismiss}\n                >\n                    <X size={16} aria-hidden=\"true\" />\n                </button>\n            )}\n        </div>\n    );\n}\n"],"names":["UpdatePrompt","open","onUpdate","onDismiss","message","actionLabel","position","className","props","jsxs","cn","styles","jsx","RefreshCw","X"],"mappings":"0NAiCO,SAASA,EAAa,CACzB,KAAAC,EACA,SAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,mCACV,YAAAC,EAAc,YACd,SAAAC,EAAW,SACX,UAAAC,EACA,GAAGC,CACP,EAAsB,CAClB,OAAKP,EAEDQ,EAAAA,KAAC,MAAA,CACG,UAAWC,EAAAA,GAAGC,UAAO,OAAQA,EAAAA,QAAOL,CAAQ,EAAGC,CAAS,EACxD,KAAK,QACL,YAAU,YACT,GAAGC,EAEJ,SAAA,CAAAI,MAACC,EAAAA,WAAU,UAAWF,EAAAA,QAAO,KAAM,KAAM,GAAI,cAAY,OAAO,EAChEC,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,QAAU,SAAAP,EAAQ,EAC1CQ,EAAAA,IAAC,UAAO,KAAK,SAAS,UAAWD,UAAO,OAAQ,QAAST,EACpD,SAAAG,CAAA,CACL,EACCF,GACGS,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWD,EAAAA,QAAO,QAClB,aAAW,YACX,QAASR,EAET,SAAAS,EAAAA,IAACE,IAAA,CAAE,KAAM,GAAI,cAAY,MAAA,CAAO,CAAA,CAAA,CACpC,CAAA,CAAA,EArBM,IAyBtB"}

package/dist/components/UpdatePrompt/UpdatePrompt.js

@@ -0,0 +1,43 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { RefreshCw as p, X as d } from "lucide-react";
+import { cn as u } from "../../utils/cn.js";
+import e from "./UpdatePrompt.module.css.js";
+function N({
+  open: a,
+  onUpdate: i,
+  onDismiss: t,
+  message: s = "Uma nova versão está disponível.",
+  actionLabel: o = "Atualizar",
+  position: n = "bottom",
+  className: l,
+  ...m
+}) {
+  return a ? /* @__PURE__ */ c(
+    "div",
+    {
+      className: u(e.prompt, e[n], l),
+      role: "alert",
+      "aria-live": "assertive",
+      ...m,
+      children: [
+        /* @__PURE__ */ r(p, { className: e.icon, size: 18, "aria-hidden": "true" }),
+        /* @__PURE__ */ r("span", { className: e.message, children: s }),
+        /* @__PURE__ */ r("button", { type: "button", className: e.action, onClick: i, children: o }),
+        t && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            className: e.dismiss,
+            "aria-label": "Dispensar",
+            onClick: t,
+            children: /* @__PURE__ */ r(d, { size: 16, "aria-hidden": "true" })
+          }
+        )
+      ]
+    }
+  ) : null;
+}
+export {
+  N as UpdatePrompt
+};
+//# sourceMappingURL=UpdatePrompt.js.map