tempest-react-sdk 0.23.0 → 0.24.0

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

package/dist/components/Tooltip/Tooltip.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { cloneElement, useId, useState } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tooltip.module.css\";\n\nexport type TooltipPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface TooltipProps {\n    /** Tooltip content. Plain text recommended; rich content also works. */\n    content: ReactNode;\n    /** Placement relative to the trigger. Default: `\"top\"`. */\n    placement?: TooltipPlacement;\n    /** Single React element to attach hover/focus listeners to. */\n    children: ReactElement;\n    /** Disable the tooltip without changing the trigger. */\n    disabled?: boolean;\n    /** Delay (ms) before showing the tooltip. Default: 150. */\n    openDelay?: number;\n}\n\n/**\n * Lightweight tooltip. Shows on hover and on focus (keyboard-friendly). Wraps\n * a single child element via `cloneElement`, so the trigger keeps its own ref\n * and props.\n */\nexport function Tooltip({\n    content,\n    placement = \"top\",\n    children,\n    disabled = false,\n    openDelay = 150,\n}: TooltipProps) {\n    const [open, setOpen] = useState<boolean>(false);\n    const tooltipId = useId();\n    let timer: ReturnType<typeof setTimeout> | null = null;\n\n    function show(): void {\n        if (disabled) return;\n        if (timer) clearTimeout(timer);\n        timer = setTimeout(() => setOpen(true), openDelay);\n    }\n\n    function hide(): void {\n        if (timer) {\n            clearTimeout(timer);\n            timer = null;\n        }\n        setOpen(false);\n    }\n\n    const trigger = cloneElement(children, {\n        onMouseEnter: show,\n        onMouseLeave: hide,\n        onFocus: show,\n        onBlur: hide,\n        \"aria-describedby\": open ? tooltipId : undefined,\n    } as Record<string, unknown>);\n\n    return (\n        <span className={styles.trigger}>\n            {trigger}\n            {open && (\n                <span\n                    id={tooltipId}\n                    role=\"tooltip\"\n                    className={cn(styles.bubble, styles[placement])}\n                >\n                    {content}\n                </span>\n            )}\n        </span>\n    );\n}\n"],"names":["Tooltip","content","placement","children","disabled","openDelay","open","setOpen","useState","tooltipId","useId","timer","show","hide","trigger","cloneElement","jsxs","styles","jsx","cn"],"mappings":";;;;AAyBO,SAASA,EAAQ;AAAA,EACpB,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAChB,GAAiB;AACb,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAkB,EAAK,GACzCC,IAAYC,EAAA;AAClB,MAAIC,IAA8C;AAElD,WAASC,IAAa;AAClB,IAAIR,MACAO,kBAAoBA,CAAK,GAC7BA,IAAQ,WAAW,MAAMJ,EAAQ,EAAI,GAAGF,CAAS;AAAA,EACrD;AAEA,WAASQ,IAAa;AAClB,IAAIF,MACA,aAAaA,CAAK,GAClBA,IAAQ,OAEZJ,EAAQ,EAAK;AAAA,EACjB;AAEA,QAAMO,IAAUC,EAAaZ,GAAU;AAAA,IACnC,cAAcS;AAAA,IACd,cAAcC;AAAA,IACd,SAASD;AAAA,IACT,QAAQC;AAAA,IACR,oBAAoBP,IAAOG,IAAY;AAAA,EAAA,CACf;AAE5B,SACI,gBAAAO,EAAC,QAAA,EAAK,WAAWC,EAAO,SACnB,UAAA;AAAA,IAAAH;AAAA,IACAR,KACG,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,IAAIT;AAAA,QACJ,MAAK;AAAA,QACL,WAAWU,EAAGF,EAAO,QAAQA,EAAOf,CAAS,CAAC;AAAA,QAE7C,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GAER;AAER;"}
+{"version":3,"file":"Tooltip.js","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":";;;;;AAyBA,SAAgB,EAAQ,EACpB,YACA,eAAY,OACZ,aACA,cAAW,IACX,eAAY,OACC;CACb,IAAM,CAAC,GAAM,KAAW,EAAkB,EAAK,GACzC,IAAY,EAAM,GACpB,IAA8C;CAElD,SAAS,IAAa;EACd,MACA,KAAO,aAAa,CAAK,GAC7B,IAAQ,iBAAiB,EAAQ,EAAI,GAAG,CAAS;CACrD;CAEA,SAAS,IAAa;EAKlB,AAJA,AAEI,OADA,aAAa,CAAK,GACV,OAEZ,EAAQ,EAAK;CACjB;CAEA,IAAM,IAAU,EAAa,GAAU;EACnC,cAAc;EACd,cAAc;EACd,SAAS;EACT,QAAQ;EACR,oBAAoB,IAAO,IAAY,KAAA;CAC3C,CAA4B;CAE5B,OACI,kBAAC,QAAD;EAAM,WAAW,EAAO;YAAxB,CACK,GACA,KACG,kBAAC,QAAD;GACI,IAAI;GACJ,MAAK;GACL,WAAW,EAAG,EAAO,QAAQ,EAAO,EAAU;aAE7C;EACC,CAAA,CAER;;AAEd"}

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

@@ -0,0 +1,2 @@
+var e=`tempest_trigger_Dmc5E`,t=`tempest_bubble_TPGHB`,n=`tempest_tempest-tooltip-in_csYeZ`,r=`tempest_top_m2tnn`,i=`tempest_bottom_9Twz4`,a=`tempest_left_UPdrG`,o=`tempest_right_CV--T`,s={trigger:e,bubble:t,tempestTooltipIn:n,top:r,bottom:i,left:a,right:o};exports.bottom=i,exports.bubble=t,exports.default=s,exports.left=a,exports.right=o,exports.tempestTooltipIn=n,exports.top=r,exports.trigger=e;
+//# sourceMappingURL=Tooltip.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.module.cjs","names":[],"sources":["../../../src/components/Tooltip/Tooltip.module.css"],"sourcesContent":[".trigger {\n    display: inline-flex;\n    position: relative;\n}\n\n.bubble {\n    position: absolute;\n    z-index: var(--tempest-z-tooltip);\n    background-color: var(--tempest-gray-900);\n    color: #ffffff;\n    padding: 6px 10px;\n    border-radius: var(--tempest-radius-sm);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    line-height: var(--tempest-leading-snug);\n    white-space: nowrap;\n    pointer-events: none;\n    box-shadow: var(--tempest-shadow-lg);\n    animation: tempest-tooltip-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.top {\n    bottom: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n\n.bottom {\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n\n.left {\n    right: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n\n.right {\n    left: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n\n@keyframes tempest-tooltip-in {\n    from {\n        opacity: 0;\n        transform: scale(0.94) translate(var(--tempest-tx, 0), var(--tempest-ty, 0));\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .bubble {\n        animation: none;\n    }\n}\n\n/* Hide tooltip on touch / no-hover devices — tap+hold leaves\n * tooltip stuck visible and competes with native long-press menus. */\n@media (hover: none) {\n    .bubble {\n        display: none;\n    }\n}\n"],"mappings":""}

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

@@ -0,0 +1,14 @@
+//#region src/components/Tooltip/Tooltip.module.css
+var e = "tempest_trigger_Dmc5E", t = "tempest_bubble_TPGHB", n = "tempest_tempest-tooltip-in_csYeZ", r = "tempest_top_m2tnn", i = "tempest_bottom_9Twz4", a = "tempest_left_UPdrG", o = "tempest_right_CV--T", s = {
+	trigger: e,
+	bubble: t,
+	tempestTooltipIn: n,
+	top: r,
+	bottom: i,
+	left: a,
+	right: o
+};
+//#endregion
+export { i as bottom, t as bubble, s as default, a as left, o as right, n as tempestTooltipIn, r as top, e as trigger };
+
+//# sourceMappingURL=Tooltip.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.module.js","names":[],"sources":["../../../src/components/Tooltip/Tooltip.module.css"],"sourcesContent":[".trigger {\n    display: inline-flex;\n    position: relative;\n}\n\n.bubble {\n    position: absolute;\n    z-index: var(--tempest-z-tooltip);\n    background-color: var(--tempest-gray-900);\n    color: #ffffff;\n    padding: 6px 10px;\n    border-radius: var(--tempest-radius-sm);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    line-height: var(--tempest-leading-snug);\n    white-space: nowrap;\n    pointer-events: none;\n    box-shadow: var(--tempest-shadow-lg);\n    animation: tempest-tooltip-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.top {\n    bottom: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n\n.bottom {\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n\n.left {\n    right: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n\n.right {\n    left: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n\n@keyframes tempest-tooltip-in {\n    from {\n        opacity: 0;\n        transform: scale(0.94) translate(var(--tempest-tx, 0), var(--tempest-ty, 0));\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .bubble {\n        animation: none;\n    }\n}\n\n/* Hide tooltip on touch / no-hover devices — tap+hold leaves\n * tooltip stuck visible and competes with native long-press menus. */\n@media (hover: none) {\n    .bubble {\n        display: none;\n    }\n}\n"],"mappings":""}

package/dist/components/TruncateText/TruncateText.cjs

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

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

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

package/dist/components/TruncateText/TruncateText.js

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

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

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

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

@@ -0,0 +1,2 @@
+var e=`tempest_clamp_r43C-`,t={clamp:e};exports.clamp=e,exports.default=t;
+//# sourceMappingURL=TruncateText.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TruncateText.module.cjs","names":[],"sources":["../../../src/components/TruncateText/TruncateText.module.css"],"sourcesContent":[".clamp {\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: var(--tempest-clamp-lines, 1);\n    line-clamp: var(--tempest-clamp-lines, 1);\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n"],"mappings":""}

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

@@ -0,0 +1,6 @@
+//#region src/components/TruncateText/TruncateText.module.css
+var e = "tempest_clamp_r43C-", t = { clamp: e };
+//#endregion
+export { e as clamp, t as default };
+
+//# sourceMappingURL=TruncateText.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TruncateText.module.js","names":[],"sources":["../../../src/components/TruncateText/TruncateText.module.css"],"sourcesContent":[".clamp {\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: var(--tempest-clamp-lines, 1);\n    line-clamp: var(--tempest-clamp-lines, 1);\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n"],"mappings":""}

package/dist/components/UpdatePrompt/UpdatePrompt.cjs

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

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

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