tempest-react-sdk 0.23.0 → 0.25.0

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":"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"}

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

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

@@ -1 +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"}
+{"version":3,"file":"ToggleGroup.cjs","names":[],"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"],"mappings":"kIAaA,IAAM,GAAA,EAAA,EAAA,cAAA,CAAmE,IAAI,EAE7E,SAAS,GAAiD,CACtD,IAAM,GAAA,EAAA,EAAA,WAAA,CAAiB,CAAkB,EACzC,GAAI,CAAC,EACD,MAAU,MAAM,mDAAmD,EAEvE,OAAO,CACX,CAcA,SAAS,EAAe,EAAgD,CAEpE,OADI,IAAU,IAAA,GAAkB,CAAC,EAC1B,MAAM,QAAQ,CAAK,EAAI,EAAQ,CAAC,CAAK,CAChD,CAYA,SAAgB,EAAY,CACxB,OAAO,SACP,QACA,eACA,gBACA,YACA,WACA,GAAG,GACc,CACjB,IAAM,EAAe,IAAU,IAAA,GACzB,CAAC,EAAe,IAAA,EAAA,EAAA,SAAA,KAClB,EAAe,CAAY,CAC/B,EACM,EAAW,EAAe,EAAe,CAAK,EAAI,EAElD,GAAA,EAAA,EAAA,YAAA,CACD,GAAyB,CACjB,GAAc,EAAiB,CAAI,EACxC,IAAgB,IAAS,SAAY,EAAK,IAAM,GAAM,CAAI,CAC9D,EACA,CAAC,EAAc,EAAe,CAAI,CACtC,EAEM,GAAA,EAAA,EAAA,YAAA,CACD,GAA4B,CACzB,IAAM,EAAO,EAAS,SAAS,CAAS,EAEpC,EADA,IAAS,SACF,EAAO,CAAC,EAAI,CAAC,CAAS,EAEtB,EAAO,EAAS,OAAQ,GAAM,IAAM,CAAS,EAAI,CAAC,GAAG,EAAU,CAAS,CAAC,CAExF,EACA,CAAC,EAAU,EAAM,CAAM,CAC3B,EAEM,GAAA,EAAA,EAAA,QAAA,MACK,CACH,OACA,WAAa,GAAsB,EAAS,SAAS,CAAS,EAC9D,QACJ,GACA,CAAC,EAAM,EAAU,CAAM,CAC3B,EAEA,OACI,EAAA,EAAA,IAAA,CAAC,EAAmB,SAApB,CAA6B,MAAO,YAChC,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,KAAK,QAAQ,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EAAG,GAAI,EACzD,UACA,CAAA,CACoB,CAAA,CAErC,CAoBA,SAAgB,EAAgB,CAC5B,QACA,WACA,YACA,WACA,GAAG,GACkB,CACrB,GAAM,CAAE,aAAY,UAAW,EAAsB,EAC/C,EAAW,EAAW,CAAK,EAEjC,OACI,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,KAAK,SACL,eAAc,EACJ,WACV,aAAY,EAAW,KAAO,MAC9B,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,GAAY,EAAA,QAAO,SAAU,CAAS,EACjE,YAAe,EAAO,CAAK,EAC3B,GAAI,EAEH,UACG,CAAA,CAEhB"}

package/dist/components/ToggleGroup/ToggleGroup.js

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

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

@@ -1 +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;"}
+{"version":3,"file":"ToggleGroup.js","names":[],"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"],"mappings":";;;;;AAaA,IAAM,IAAqB,EAA8C,IAAI;AAE7E,SAAS,IAAiD;CACtD,IAAM,IAAM,EAAW,CAAkB;CACzC,IAAI,CAAC,GACD,MAAU,MAAM,mDAAmD;CAEvE,OAAO;AACX;AAcA,SAAS,EAAe,GAAgD;CAEpE,OADI,MAAU,KAAA,IAAkB,CAAC,IAC1B,MAAM,QAAQ,CAAK,IAAI,IAAQ,CAAC,CAAK;AAChD;AAYA,SAAgB,EAAY,EACxB,UAAO,UACP,UACA,iBACA,kBACA,cACA,aACA,GAAG,KACc;CACjB,IAAM,IAAe,MAAU,KAAA,GACzB,CAAC,GAAe,KAAoB,QACtC,EAAe,CAAY,CAC/B,GACM,IAAW,IAAe,EAAe,CAAK,IAAI,GAElD,IAAS,GACV,MAAyB;EAEtB,AADK,KAAc,EAAiB,CAAI,GACxC,IAAgB,MAAS,WAAY,EAAK,MAAM,KAAM,CAAI;CAC9D,GACA;EAAC;EAAc;EAAe;CAAI,CACtC,GAEM,IAAS,GACV,MAA4B;EACzB,IAAM,IAAO,EAAS,SAAS,CAAS;EACxC,AACI,EADA,MAAS,WACF,IAAO,CAAC,IAAI,CAAC,CAAS,IAEtB,IAAO,EAAS,QAAQ,MAAM,MAAM,CAAS,IAAI,CAAC,GAAG,GAAU,CAAS,CAAC;CAExF,GACA;EAAC;EAAU;EAAM;CAAM,CAC3B,GAEM,IAAM,SACD;EACH;EACA,aAAa,MAAsB,EAAS,SAAS,CAAS;EAC9D;CACJ,IACA;EAAC;EAAM;EAAU;CAAM,CAC3B;CAEA,OACI,kBAAC,EAAmB,UAApB;EAA6B,OAAO;YAChC,kBAAC,OAAD;GAAK,MAAK;GAAQ,WAAW,EAAG,EAAO,OAAO,CAAS;GAAG,GAAI;GACzD;EACA,CAAA;CACoB,CAAA;AAErC;AAoBA,SAAgB,EAAgB,EAC5B,UACA,aACA,cACA,aACA,GAAG,KACkB;CACrB,IAAM,EAAE,eAAY,cAAW,EAAsB,GAC/C,IAAW,EAAW,CAAK;CAEjC,OACI,kBAAC,UAAD;EACI,MAAK;EACL,MAAK;EACL,gBAAc;EACJ;EACV,cAAY,IAAW,OAAO;EAC9B,WAAW,EAAG,EAAO,MAAM,KAAY,EAAO,UAAU,CAAS;EACjE,eAAe,EAAO,CAAK;EAC3B,GAAI;EAEH;CACG,CAAA;AAEhB"}

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

@@ -0,0 +1,2 @@
+var e=`tempest_group_XZCDJ`,t=`tempest_item_B-27E`,n=`tempest_selected_OHPVQ`,r={group:e,item:t,selected:n};exports.default=r,exports.group=e,exports.item=t,exports.selected=n;
+//# sourceMappingURL=ToggleGroup.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.module.cjs","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroup.module.css"],"sourcesContent":[".group {\n    display: inline-flex;\n    align-items: stretch;\n    gap: 0;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    overflow: hidden;\n}\n\n.item {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    min-height: 2.25rem;\n    padding: 0 var(--tempest-space-3);\n    border: none;\n    border-left: 1px solid var(--tempest-border);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\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.item:first-child {\n    border-left: none;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .item:hover {\n        background-color: var(--tempest-surface-hover, var(--tempest-primary-soft));\n    }\n}\n\n.item:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n    z-index: 1;\n}\n\n.item:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.selected {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .selected:hover {\n        background-color: var(--tempest-primary-soft-hover, var(--tempest-primary-soft));\n    }\n}\n"],"mappings":""}

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

@@ -0,0 +1,10 @@
+//#region src/components/ToggleGroup/ToggleGroup.module.css
+var e = "tempest_group_XZCDJ", t = "tempest_item_B-27E", n = "tempest_selected_OHPVQ", r = {
+	group: e,
+	item: t,
+	selected: n
+};
+//#endregion
+export { r as default, e as group, t as item, n as selected };
+
+//# sourceMappingURL=ToggleGroup.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.module.js","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroup.module.css"],"sourcesContent":[".group {\n    display: inline-flex;\n    align-items: stretch;\n    gap: 0;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    overflow: hidden;\n}\n\n.item {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    min-height: 2.25rem;\n    padding: 0 var(--tempest-space-3);\n    border: none;\n    border-left: 1px solid var(--tempest-border);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\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.item:first-child {\n    border-left: none;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .item:hover {\n        background-color: var(--tempest-surface-hover, var(--tempest-primary-soft));\n    }\n}\n\n.item:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n    z-index: 1;\n}\n\n.item:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.selected {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-on-soft);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .selected:hover {\n        background-color: var(--tempest-primary-soft-hover, var(--tempest-primary-soft));\n    }\n}\n"],"mappings":""}

package/dist/components/Tooltip/Tooltip.cjs

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

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

@@ -1 +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"}
+{"version":3,"file":"Tooltip.cjs","names":[],"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"],"mappings":"8HAyBA,SAAgB,EAAQ,CACpB,UACA,YAAY,MACZ,WACA,WAAW,GACX,YAAY,KACC,CACb,GAAM,CAAC,EAAM,IAAA,EAAA,EAAA,SAAA,CAA6B,EAAK,EACzC,GAAA,EAAA,EAAA,MAAA,CAAkB,EACpB,EAA8C,KAElD,SAAS,GAAa,CACd,IACA,GAAO,aAAa,CAAK,EAC7B,EAAQ,eAAiB,EAAQ,EAAI,EAAG,CAAS,EACrD,CAEA,SAAS,GAAa,CAClB,AAEI,KADA,aAAa,CAAK,EACV,MAEZ,EAAQ,EAAK,CACjB,CAEA,IAAM,GAAA,EAAA,EAAA,aAAA,CAAuB,EAAU,CACnC,aAAc,EACd,aAAc,EACd,QAAS,EACT,OAAQ,EACR,mBAAoB,EAAO,EAAY,IAAA,EAC3C,CAA4B,EAE5B,OACI,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,iBAAxB,CACK,EACA,IACG,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,GAAI,EACJ,KAAK,UACL,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,EAAA,QAAO,EAAU,WAE7C,CACC,CAAA,CAER,GAEd"}