tempest-react-sdk 0.23.0 → 0.24.0

package/dist/components/Toast/ToastProvider.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.cjs","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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"}
+{"version":3,"file":"ToastProvider.cjs","names":[],"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\" | \"top-left\" | \"top-center\" | \"bottom-right\" | \"bottom-left\" | \"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"],"mappings":"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"}

package/dist/components/Toast/ToastProvider.js

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

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

@@ -1 +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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"}
+{"version":3,"file":"ToastProvider.js","names":[],"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\" | \"top-left\" | \"top-center\" | \"bottom-right\" | \"bottom-left\" | \"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"],"mappings":";;;;;;AA8CA,IAAM,IAAe,EAA+B,IAAI;AAOxD,SAAgB,IAAqB;CACjC,IAAM,IAAM,EAAW,CAAY;CACnC,IAAI,CAAC,GAAK,MAAU,MAAM,gDAAgD;CAC1E,OAAO;AACX;AAgBA,SAAgB,EAAc,EAC1B,aACA,qBAAkB,KAClB,cAAW,eACQ;CACnB,IAAM,CAAC,GAAQ,KAAa,EAAuB,CAAC,CAAC,GAC/C,IAAU,EAAe,CAAC,GAE1B,IAAU,GAAa,MAAqB;EAC9C,GAAW,MAAY,EAAQ,QAAQ,MAAU,EAAM,OAAO,CAAE,CAAC;CACrE,GAAG,CAAC,CAAC,GAEC,IAAO,GACR,MAAkC;EAC/B,IAAM,IAAK,EAAQ,MAAM,SAAS,EAAE,EAAQ,WACtC,IAAoB;GACtB;GACA,OAAO,EAAQ;GACf,aAAa,EAAQ;GACrB,SAAS,EAAQ,WAAW;GAC5B,UAAU,EAAQ,YAAY;EAClC;EAEA,OADA,GAAW,MAAY,CAAC,GAAG,GAAS,CAAK,CAAC,GACnC;CACX,GACA,CAAC,CAAe,CACpB,GAEM,IAAM,SACD;EACH;EACA;EACA,UAAU,GAAa,MACnB,EAAK;GAAE,GAAG;GAAS;GAAa,SAAS;EAAU,CAAC;EACxD,QAAQ,GAAa,MAAY,EAAK;GAAE,GAAG;GAAS;GAAa,SAAS;EAAQ,CAAC;EACnF,UAAU,GAAa,MACnB,EAAK;GAAE,GAAG;GAAS;GAAa,SAAS;EAAU,CAAC;EACxD,OAAO,GAAa,MAAY,EAAK;GAAE,GAAG;GAAS;GAAa,SAAS;EAAO,CAAC;CACrF,IACA,CAAC,GAAM,CAAO,CAClB;CAEA,OACI,kBAAC,EAAa,UAAd;EAAuB,OAAO;YAA9B,CACK,GACD,kBAAC,GAAD;GAAwB;GAAQ,WAAW;GAAmB;EAAW,CAAA,CACtD;;AAE/B;AAQA,SAAS,EAAc,GAAiC;CACpD,QAAQ,GAAR;EACI,KAAK,YACD,OAAO,EAAO;EAClB,KAAK,cACD,OAAO,EAAO;EAClB,KAAK,gBACD,OAAO,EAAO;EAClB,KAAK,eACD,OAAO,EAAO;EAClB,KAAK,iBACD,OAAO,EAAO;EAElB,SACI,OAAO,EAAO;CACtB;AACJ;AAEA,SAAS,EAAe,EAAE,WAAQ,cAAW,eAA4B;CAErE,OADI,OAAO,WAAa,MAAoB,OACrC,EACH,kBAAC,OAAD;EACI,WAAW,EAAG,EAAO,WAAW,EAAc,CAAQ,CAAC;EACvD,aAAU;EACV,eAAY;YAEX,EAAO,KAAK,MACT,kBAAC,GAAD;GAAiC;GAAkB;EAAY,GAA/C,EAAM,EAAyC,CAClE;CACA,CAAA,GACL,SAAS,IACb;AACJ;AAOA,SAAS,EAAU,EAAE,UAAO,gBAAwB;CAOhD,OANA,QAAgB;EACZ,IAAI,CAAC,EAAM,UAAU;EACrB,IAAM,IAAQ,iBAAiB,EAAU,EAAM,EAAE,GAAG,EAAM,QAAQ;EAClE,aAAa,aAAa,CAAK;CACnC,GAAG;EAAC,EAAM;EAAI,EAAM;EAAU;CAAS,CAAC,GAGpC,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,OAAO,EAAO,EAAM,QAAQ;EAAG,MAAK;YAA9D,CACI,kBAAC,OAAD,EAAA,UAAA,CACK,EAAM,SAAS,kBAAC,KAAD;GAAG,WAAW,EAAO;aAAQ,EAAM;EAAS,CAAA,GAC3D,EAAM,eAAe,kBAAC,KAAD;GAAG,WAAW,EAAO;aAAc,EAAM;EAAe,CAAA,CAC7E,EAAA,CAAA,GACL,kBAAC,UAAD;GACI,MAAK;GACL,WAAW,EAAO;GAClB,cAAW;GACX,eAAe,EAAU,EAAM,EAAE;aAEjC,kBAAC,GAAD,CAAY,CAAA;EACR,CAAA,CACP;;AAEb;AAEA,SAAS,IAAY;CACjB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;YACjD,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;EACjB,CAAA;CACA,CAAA;AAEb"}

package/dist/components/Toggle/Toggle.cjs

@@ -1,2 +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
+const e=require("../../utils/cn.cjs"),t=require("./Toggle.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.forwardRef)(function({pressed:i,defaultPressed:a=!1,onPressedChange:o,size:s=`md`,variant:c=`default`,className:l,disabled:u,onClick:d,children:f,...p},m){let h=i!==void 0,[g,_]=(0,n.useState)(a),v=h?i:g,y=(0,n.useCallback)(e=>{if(d?.(e),e.defaultPrevented)return;let t=!v;h||_(t),o?.(t)},[v,h,d,o]);return(0,r.jsx)(`button`,{ref:m,type:`button`,"aria-pressed":v,disabled:u,"data-state":v?`on`:`off`,className:e.cn(t.default.toggle,t.default[s],t.default[c],v&&t.default.pressed,l),onClick:y,...p,children:f})});exports.Toggle=i;
+//# sourceMappingURL=Toggle.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"Toggle.cjs","names":[],"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"],"mappings":"6HA+BA,IAAa,GAAA,EAAA,EAAA,WAAA,CAAoD,SAC7D,CACI,UACA,iBAAiB,GACjB,kBACA,OAAO,KACP,UAAU,UACV,YACA,WACA,UACA,WACA,GAAG,GAEP,EACF,CACE,IAAM,EAAe,IAAY,IAAA,GAC3B,CAAC,EAAiB,IAAA,EAAA,EAAA,SAAA,CAAwC,CAAc,EACxE,EAAY,EAAe,EAAU,EAErC,GAAA,EAAA,EAAA,YAAA,CACD,GAAqD,CAElD,GADA,IAAU,CAAK,EACX,EAAM,iBAAkB,OAC5B,IAAM,EAAO,CAAC,EACT,GAAc,EAAmB,CAAI,EAC1C,IAAkB,CAAI,CAC1B,EACA,CAAC,EAAW,EAAc,EAAS,CAAe,CACtD,EAEA,OACI,EAAA,EAAA,IAAA,CAAC,SAAD,CACS,MACL,KAAK,SACL,eAAc,EACJ,WACV,aAAY,EAAY,KAAO,MAC/B,UAAW,EAAA,GACP,EAAA,QAAO,OACP,EAAA,QAAO,GACP,EAAA,QAAO,GACP,GAAa,EAAA,QAAO,QACpB,CACJ,EACA,QAAS,EACT,GAAI,EAEH,UACG,CAAA,CAEhB,CAAC"}

package/dist/components/Toggle/Toggle.js

@@ -1,49 +1,32 @@
-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
-    }
-  );
+import { cn as e } from "../../utils/cn.js";
+import t from "./Toggle.module.js";
+import { forwardRef as n, useCallback as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/Toggle/Toggle.tsx
+var o = n(function({ pressed: n, defaultPressed: o = !1, onPressedChange: s, size: c = "md", variant: l = "default", className: u, disabled: d, onClick: f, children: p, ...m }, h) {
+	let g = n !== void 0, [_, v] = i(o), y = g ? n : _, b = r((e) => {
+		if (f?.(e), e.defaultPrevented) return;
+		let t = !y;
+		g || v(t), s?.(t);
+	}, [
+		y,
+		g,
+		f,
+		s
+	]);
+	return /* @__PURE__ */ a("button", {
+		ref: h,
+		type: "button",
+		"aria-pressed": y,
+		disabled: d,
+		"data-state": y ? "on" : "off",
+		className: e(t.toggle, t[c], t[l], y && t.pressed, u),
+		onClick: b,
+		...m,
+		children: p
+	});
 });
-export {
-  S as Toggle
-};
-//# sourceMappingURL=Toggle.js.map
+//#endregion
+export { o as Toggle };
+
+//# sourceMappingURL=Toggle.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"Toggle.js","names":[],"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"],"mappings":";;;;;AA+BA,IAAa,IAAS,EAA2C,SAC7D,EACI,YACA,oBAAiB,IACjB,oBACA,UAAO,MACP,aAAU,WACV,cACA,aACA,YACA,aACA,GAAG,KAEP,GACF;CACE,IAAM,IAAe,MAAY,KAAA,GAC3B,CAAC,GAAiB,KAAsB,EAAkB,CAAc,GACxE,IAAY,IAAe,IAAU,GAErC,IAAc,GACf,MAAqD;EAElD,IADA,IAAU,CAAK,GACX,EAAM,kBAAkB;EAC5B,IAAM,IAAO,CAAC;EAEd,AADK,KAAc,EAAmB,CAAI,GAC1C,IAAkB,CAAI;CAC1B,GACA;EAAC;EAAW;EAAc;EAAS;CAAe,CACtD;CAEA,OACI,kBAAC,UAAD;EACS;EACL,MAAK;EACL,gBAAc;EACJ;EACV,cAAY,IAAY,OAAO;EAC/B,WAAW,EACP,EAAO,QACP,EAAO,IACP,EAAO,IACP,KAAa,EAAO,SACpB,CACJ;EACA,SAAS;EACT,GAAI;EAEH;CACG,CAAA;AAEhB,CAAC"}

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

@@ -0,0 +1,2 @@
+var e=`tempest_toggle_kmzmH`,t=`tempest_outline_aFbzy`,n=`tempest_pressed_hX319`,r=`tempest_sm_JTqaB`,i=`tempest_md_QfS4K`,a=`tempest_lg_ajzsM`,o={toggle:e,outline:t,pressed:n,sm:r,md:i,lg:a};exports.default=o,exports.lg=a,exports.md=i,exports.outline=t,exports.pressed=n,exports.sm=r,exports.toggle=e;
+//# sourceMappingURL=Toggle.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.module.cjs","names":[],"sources":["../../../src/components/Toggle/Toggle.module.css"],"sourcesContent":[".toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-medium);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition:\n        var(--tempest-transition-color),\n        background-color var(--tempest-duration-base) var(--tempest-ease-emphasized);\n    white-space: nowrap;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .toggle:hover {\n        background-color: var(--tempest-surface-hover, var(--tempest-primary-soft));\n    }\n}\n\n.toggle:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n.toggle:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.outline {\n    background-color: transparent;\n    border-color: var(--tempest-border);\n}\n\n.pressed {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n    border-color: var(--tempest-primary-soft);\n}\n\n.outline.pressed {\n    border-color: var(--tempest-primary);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .pressed:hover {\n        background-color: var(--tempest-primary-soft-hover, var(--tempest-primary-soft));\n    }\n}\n\n.sm {\n    min-height: 1.75rem;\n    padding: 0 var(--tempest-space-2);\n    font-size: var(--tempest-text-xs);\n}\n\n.md {\n    min-height: 2.25rem;\n    padding: 0 var(--tempest-space-3);\n    font-size: var(--tempest-text-sm);\n}\n\n.lg {\n    min-height: 2.75rem;\n    padding: 0 var(--tempest-space-4);\n    font-size: var(--tempest-text-base);\n}\n"],"mappings":""}

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

@@ -0,0 +1,13 @@
+//#region src/components/Toggle/Toggle.module.css
+var e = "tempest_toggle_kmzmH", t = "tempest_outline_aFbzy", n = "tempest_pressed_hX319", r = "tempest_sm_JTqaB", i = "tempest_md_QfS4K", a = "tempest_lg_ajzsM", o = {
+	toggle: e,
+	outline: t,
+	pressed: n,
+	sm: r,
+	md: i,
+	lg: a
+};
+//#endregion
+export { o as default, a as lg, i as md, t as outline, n as pressed, r as sm, e as toggle };
+
+//# sourceMappingURL=Toggle.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.module.js","names":[],"sources":["../../../src/components/Toggle/Toggle.module.css"],"sourcesContent":[".toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-medium);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition:\n        var(--tempest-transition-color),\n        background-color var(--tempest-duration-base) var(--tempest-ease-emphasized);\n    white-space: nowrap;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .toggle:hover {\n        background-color: var(--tempest-surface-hover, var(--tempest-primary-soft));\n    }\n}\n\n.toggle:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n.toggle:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.outline {\n    background-color: transparent;\n    border-color: var(--tempest-border);\n}\n\n.pressed {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n    border-color: var(--tempest-primary-soft);\n}\n\n.outline.pressed {\n    border-color: var(--tempest-primary);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .pressed:hover {\n        background-color: var(--tempest-primary-soft-hover, var(--tempest-primary-soft));\n    }\n}\n\n.sm {\n    min-height: 1.75rem;\n    padding: 0 var(--tempest-space-2);\n    font-size: var(--tempest-text-xs);\n}\n\n.md {\n    min-height: 2.25rem;\n    padding: 0 var(--tempest-space-3);\n    font-size: var(--tempest-text-sm);\n}\n\n.lg {\n    min-height: 2.75rem;\n    padding: 0 var(--tempest-space-4);\n    font-size: var(--tempest-text-base);\n}\n"],"mappings":""}

package/dist/components/ToggleGroup/ToggleGroup.cjs

@@ -1,2 +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
+const e=require("../../utils/cn.cjs"),t=require("./ToggleGroup.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.createContext)(null);function a(){let e=(0,n.useContext)(i);if(!e)throw Error(`ToggleGroupItem must be used within a ToggleGroup`);return e}function o(e){return e===void 0?[]:Array.isArray(e)?e:[e]}function s({type:a=`single`,value:s,defaultValue:c,onValueChange:l,className:u,children:d,...f}){let p=s!==void 0,[m,h]=(0,n.useState)(()=>o(c)),g=p?o(s):m,_=(0,n.useCallback)(e=>{p||h(e),l?.(a===`single`?e[0]??``:e)},[p,l,a]),v=(0,n.useCallback)(e=>{let t=g.includes(e);_(a===`single`?t?[]:[e]:t?g.filter(t=>t!==e):[...g,e])},[g,a,_]),y=(0,n.useMemo)(()=>({type:a,isSelected:e=>g.includes(e),toggle:v}),[a,g,v]);return(0,r.jsx)(i.Provider,{value:y,children:(0,r.jsx)(`div`,{role:`group`,className:e.cn(t.default.group,u),...f,children:d})})}function c({value:n,disabled:i,className:o,children:s,...c}){let{isSelected:l,toggle:u}=a(),d=l(n);return(0,r.jsx)(`button`,{type:`button`,role:`button`,"aria-pressed":d,disabled:i,"data-state":d?`on`:`off`,className:e.cn(t.default.item,d&&t.default.selected,o),onClick:()=>u(n),...c,children:s})}exports.ToggleGroup=s,exports.ToggleGroupItem=c;
+//# sourceMappingURL=ToggleGroup.cjs.map