tempest-react-sdk 0.22.0 → 0.24.0

package/dist/components/Form/Form.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Form.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i(e,t){return e===void 0?`${t*4}px`:typeof e==`number`?`${e*4}px`:e}function a(e){return e===void 0?`repeat(2, minmax(0, 1fr))`:typeof e==`number`?`repeat(${e}, minmax(0, 1fr))`:e}var o=(0,n.forwardRef)(function({layout:n=`stack`,columns:o,gap:s,className:c,style:l,children:u,...d},f){let p={gap:i(s,4),...n===`grid`?{gridTemplateColumns:a(o)}:null,...l};return(0,r.jsx)(`form`,{ref:f,className:e.cn(t.default.form,t.default[n],c),style:p,...d,children:u})});function s({title:n,description:o,layout:s=`stack`,columns:c,gap:l,className:u,style:d,children:f,...p}){let m={gap:i(l,4),...s===`grid`?{gridTemplateColumns:a(c)}:null};return(0,r.jsxs)(`section`,{className:e.cn(t.default.section,u),style:d,...p,children:[(n||o)&&(0,r.jsxs)(`header`,{className:t.default.sectionHeader,children:[n&&(0,r.jsx)(`h3`,{className:t.default.sectionTitle,children:n}),o&&(0,r.jsx)(`p`,{className:t.default.sectionDescription,children:o})]}),(0,r.jsx)(`div`,{className:e.cn(t.default.sectionBody,t.default[s]),style:m,children:f})]})}function c({gap:n,className:a,style:o,children:s,...c}){let l={gap:i(n,3),...o};return(0,r.jsx)(`div`,{className:e.cn(t.default.row,a),style:l,...c,children:s})}function l({align:n=`end`,gap:a,className:o,style:s,children:c,...l}){let u={gap:i(a,2),...s};return(0,r.jsx)(`div`,{className:e.cn(t.default.actions,t.default[n],o),style:u,...l,children:c})}exports.Form=o,exports.FormActions=l,exports.FormRow=c,exports.FormSection=s;
+//# sourceMappingURL=Form.cjs.map

package/dist/components/Form/Form.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.cjs","names":[],"sources":["../../../src/components/Form/Form.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { CSSProperties, FormHTMLAttributes, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Form.module.css\";\n\nexport type FormLayout = \"stack\" | \"inline\" | \"grid\";\nexport type FormActionsAlign = \"start\" | \"center\" | \"end\" | \"between\";\n\ninterface LayoutProps {\n    /** Field arrangement. `stack` stacks fields vertically, `inline` lines them up in a wrapping row, `grid` arranges them in `columns` equal-width tracks. Default `stack`. */\n    layout?: FormLayout;\n    /** Number of columns when `layout=\"grid\"`, or a custom `grid-template-columns` value. Default `2`. */\n    columns?: number | string;\n    /** Gap between fields. Numbers map to a multiple of the 4px scale (default `4` → 16px). */\n    gap?: number | string;\n}\n\nfunction resolveGap(gap: number | string | undefined, fallback: number): string {\n    if (gap === undefined) return `${fallback * 4}px`;\n    return typeof gap === \"number\" ? `${gap * 4}px` : gap;\n}\n\nfunction resolveColumns(columns: number | string | undefined): string {\n    if (columns === undefined) return \"repeat(2, minmax(0, 1fr))\";\n    return typeof columns === \"number\" ? `repeat(${columns}, minmax(0, 1fr))` : columns;\n}\n\nexport interface FormProps extends FormHTMLAttributes<HTMLFormElement>, LayoutProps {}\n\n/**\n * Form wrapper with a built-in layout variant. Replaces ad-hoc `<form>` +\n * `<Stack>` / `<Grid>` boilerplate; pair with [[FormRow]], [[FormSection]],\n * and [[FormActions]] for richer layouts.\n *\n * @example\n * <Form layout=\"grid\" columns={2} gap={4} onSubmit={form.handleSubmit(save)}>\n *     <Input label=\"Nome\" {...form.register(\"name\")} />\n *     <Input label=\"Email\" {...form.register(\"email\")} />\n *     <FormActions align=\"end\">\n *         <Button type=\"submit\">Salvar</Button>\n *     </FormActions>\n * </Form>\n */\nexport const Form = forwardRef<HTMLFormElement, FormProps>(function Form(\n    { layout = \"stack\", columns, gap, className, style, children, ...props },\n    ref,\n) {\n    const finalStyle: CSSProperties = {\n        gap: resolveGap(gap, 4),\n        ...(layout === \"grid\" ? { gridTemplateColumns: resolveColumns(columns) } : null),\n        ...style,\n    };\n    return (\n        <form\n            ref={ref}\n            className={cn(styles.form, styles[layout], className)}\n            style={finalStyle}\n            {...props}\n        >\n            {children}\n        </form>\n    );\n});\n\nexport interface FormSectionProps extends Omit<HTMLAttributes<HTMLElement>, \"title\">, LayoutProps {\n    title?: ReactNode;\n    description?: ReactNode;\n}\n\n/**\n * Visually grouped subset of fields with an optional title and description.\n * Has its own `layout`/`columns`/`gap` so subsets can stack while the parent\n * grids (or vice versa).\n *\n * @example\n * <FormSection title=\"Endereço\" description=\"Usado para entrega\" layout=\"grid\" columns={3}>\n *     <Input label=\"CEP\" />\n *     <Input label=\"Rua\" />\n *     <Input label=\"Número\" />\n * </FormSection>\n */\nexport function FormSection({\n    title,\n    description,\n    layout = \"stack\",\n    columns,\n    gap,\n    className,\n    style,\n    children,\n    ...props\n}: FormSectionProps) {\n    const bodyStyle: CSSProperties = {\n        gap: resolveGap(gap, 4),\n        ...(layout === \"grid\" ? { gridTemplateColumns: resolveColumns(columns) } : null),\n    };\n    return (\n        <section className={cn(styles.section, className)} style={style} {...props}>\n            {(title || description) && (\n                <header className={styles.sectionHeader}>\n                    {title && <h3 className={styles.sectionTitle}>{title}</h3>}\n                    {description && <p className={styles.sectionDescription}>{description}</p>}\n                </header>\n            )}\n            <div className={cn(styles.sectionBody, styles[layout])} style={bodyStyle}>\n                {children}\n            </div>\n        </section>\n    );\n}\n\nexport interface FormRowProps extends HTMLAttributes<HTMLDivElement> {\n    /** Gap between row items. Numbers map to a multiple of the 4px scale (default `3` → 12px). */\n    gap?: number | string;\n}\n\n/**\n * Forces a horizontal row regardless of parent layout — useful for grouping\n * two short fields side-by-side inside an otherwise stacked form (e.g. CEP +\n * city, expiry month + year).\n *\n * @example\n * <Form layout=\"stack\">\n *     <FormRow>\n *         <Input label=\"CEP\" />\n *         <Input label=\"Cidade\" />\n *     </FormRow>\n *     <Input label=\"Endereço completo\" />\n * </Form>\n */\nexport function FormRow({ gap, className, style, children, ...props }: FormRowProps) {\n    const finalStyle: CSSProperties = { gap: resolveGap(gap, 3), ...style };\n    return (\n        <div className={cn(styles.row, className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n\nexport interface FormActionsProps extends HTMLAttributes<HTMLDivElement> {\n    /** Horizontal alignment of buttons. Default `end`. */\n    align?: FormActionsAlign;\n    /** Gap between buttons. Numbers map to a multiple of the 4px scale (default `2` → 8px). */\n    gap?: number | string;\n}\n\n/**\n * Footer button row for a form. Use inside (or after) [[Form]] / [[FormSection]].\n *\n * @example\n * <FormActions align=\"end\">\n *     <Button variant=\"ghost\" onClick={onCancel}>Cancelar</Button>\n *     <Button type=\"submit\" loading={form.formState.isSubmitting}>Salvar</Button>\n * </FormActions>\n */\nexport function FormActions({\n    align = \"end\",\n    gap,\n    className,\n    style,\n    children,\n    ...props\n}: FormActionsProps) {\n    const finalStyle: CSSProperties = { gap: resolveGap(gap, 2), ...style };\n    return (\n        <div className={cn(styles.actions, styles[align], className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":"2HAiBA,SAAS,EAAW,EAAkC,EAA0B,CAE5E,OADI,IAAQ,IAAA,GAAkB,GAAG,EAAW,EAAE,IACvC,OAAO,GAAQ,SAAW,GAAG,EAAM,EAAE,IAAM,CACtD,CAEA,SAAS,EAAe,EAA8C,CAElE,OADI,IAAY,IAAA,GAAkB,4BAC3B,OAAO,GAAY,SAAW,UAAU,EAAQ,mBAAqB,CAChF,CAkBA,IAAa,GAAA,EAAA,EAAA,WAAA,CAA8C,SACvD,CAAE,SAAS,QAAS,UAAS,MAAK,YAAW,QAAO,WAAU,GAAG,GACjE,EACF,CACE,IAAM,EAA4B,CAC9B,IAAK,EAAW,EAAK,CAAC,EACtB,GAAI,IAAW,OAAS,CAAE,oBAAqB,EAAe,CAAO,CAAE,EAAI,KAC3E,GAAG,CACP,EACA,OACI,EAAA,EAAA,IAAA,CAAC,OAAD,CACS,MACL,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,EAAA,QAAO,GAAS,CAAS,EACpD,MAAO,EACP,GAAI,EAEH,UACC,CAAA,CAEd,CAAC,EAmBD,SAAgB,EAAY,CACxB,QACA,cACA,SAAS,QACT,UACA,MACA,YACA,QACA,WACA,GAAG,GACc,CACjB,IAAM,EAA2B,CAC7B,IAAK,EAAW,EAAK,CAAC,EACtB,GAAI,IAAW,OAAS,CAAE,oBAAqB,EAAe,CAAO,CAAE,EAAI,IAC/E,EACA,OACI,EAAA,EAAA,KAAA,CAAC,UAAD,CAAS,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EAAU,QAAO,GAAI,WAArE,EACM,GAAS,KACP,EAAA,EAAA,KAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,uBAA1B,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,sBAAe,CAAU,CAAA,EACxD,IAAe,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,4BAAqB,CAAe,CAAA,CACrE,KAEZ,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,YAAa,EAAA,QAAO,EAAO,EAAG,MAAO,EAC1D,UACA,CAAA,CACA,GAEjB,CAqBA,SAAgB,EAAQ,CAAE,MAAK,YAAW,QAAO,WAAU,GAAG,GAAuB,CACjF,IAAM,EAA4B,CAAE,IAAK,EAAW,EAAK,CAAC,EAAG,GAAG,CAAM,EACtE,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,CAAS,EAAG,MAAO,EAAY,GAAI,EAC7D,UACA,CAAA,CAEb,CAkBA,SAAgB,EAAY,CACxB,QAAQ,MACR,MACA,YACA,QACA,WACA,GAAG,GACc,CACjB,IAAM,EAA4B,CAAE,IAAK,EAAW,EAAK,CAAC,EAAG,GAAG,CAAM,EACtE,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,EAAA,QAAO,GAAQ,CAAS,EAAG,MAAO,EAAY,GAAI,EAChF,UACA,CAAA,CAEb"}

package/dist/components/Form/Form.js

@@ -0,0 +1,78 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Form.module.js";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/Form/Form.tsx
+function a(e, t) {
+	return e === void 0 ? `${t * 4}px` : typeof e == "number" ? `${e * 4}px` : e;
+}
+function o(e) {
+	return e === void 0 ? "repeat(2, minmax(0, 1fr))" : typeof e == "number" ? `repeat(${e}, minmax(0, 1fr))` : e;
+}
+var s = n(function({ layout: n = "stack", columns: i, gap: s, className: c, style: l, children: u, ...d }, f) {
+	let p = {
+		gap: a(s, 4),
+		...n === "grid" ? { gridTemplateColumns: o(i) } : null,
+		...l
+	};
+	return /* @__PURE__ */ r("form", {
+		ref: f,
+		className: e(t.form, t[n], c),
+		style: p,
+		...d,
+		children: u
+	});
+});
+function c({ title: n, description: s, layout: c = "stack", columns: l, gap: u, className: d, style: f, children: p, ...m }) {
+	let h = {
+		gap: a(u, 4),
+		...c === "grid" ? { gridTemplateColumns: o(l) } : null
+	};
+	return /* @__PURE__ */ i("section", {
+		className: e(t.section, d),
+		style: f,
+		...m,
+		children: [(n || s) && /* @__PURE__ */ i("header", {
+			className: t.sectionHeader,
+			children: [n && /* @__PURE__ */ r("h3", {
+				className: t.sectionTitle,
+				children: n
+			}), s && /* @__PURE__ */ r("p", {
+				className: t.sectionDescription,
+				children: s
+			})]
+		}), /* @__PURE__ */ r("div", {
+			className: e(t.sectionBody, t[c]),
+			style: h,
+			children: p
+		})]
+	});
+}
+function l({ gap: n, className: i, style: o, children: s, ...c }) {
+	let l = {
+		gap: a(n, 3),
+		...o
+	};
+	return /* @__PURE__ */ r("div", {
+		className: e(t.row, i),
+		style: l,
+		...c,
+		children: s
+	});
+}
+function u({ align: n = "end", gap: i, className: o, style: s, children: c, ...l }) {
+	let u = {
+		gap: a(i, 2),
+		...s
+	};
+	return /* @__PURE__ */ r("div", {
+		className: e(t.actions, t[n], o),
+		style: u,
+		...l,
+		children: c
+	});
+}
+//#endregion
+export { s as Form, u as FormActions, l as FormRow, c as FormSection };
+
+//# sourceMappingURL=Form.js.map

package/dist/components/Form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","names":[],"sources":["../../../src/components/Form/Form.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { CSSProperties, FormHTMLAttributes, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Form.module.css\";\n\nexport type FormLayout = \"stack\" | \"inline\" | \"grid\";\nexport type FormActionsAlign = \"start\" | \"center\" | \"end\" | \"between\";\n\ninterface LayoutProps {\n    /** Field arrangement. `stack` stacks fields vertically, `inline` lines them up in a wrapping row, `grid` arranges them in `columns` equal-width tracks. Default `stack`. */\n    layout?: FormLayout;\n    /** Number of columns when `layout=\"grid\"`, or a custom `grid-template-columns` value. Default `2`. */\n    columns?: number | string;\n    /** Gap between fields. Numbers map to a multiple of the 4px scale (default `4` → 16px). */\n    gap?: number | string;\n}\n\nfunction resolveGap(gap: number | string | undefined, fallback: number): string {\n    if (gap === undefined) return `${fallback * 4}px`;\n    return typeof gap === \"number\" ? `${gap * 4}px` : gap;\n}\n\nfunction resolveColumns(columns: number | string | undefined): string {\n    if (columns === undefined) return \"repeat(2, minmax(0, 1fr))\";\n    return typeof columns === \"number\" ? `repeat(${columns}, minmax(0, 1fr))` : columns;\n}\n\nexport interface FormProps extends FormHTMLAttributes<HTMLFormElement>, LayoutProps {}\n\n/**\n * Form wrapper with a built-in layout variant. Replaces ad-hoc `<form>` +\n * `<Stack>` / `<Grid>` boilerplate; pair with [[FormRow]], [[FormSection]],\n * and [[FormActions]] for richer layouts.\n *\n * @example\n * <Form layout=\"grid\" columns={2} gap={4} onSubmit={form.handleSubmit(save)}>\n *     <Input label=\"Nome\" {...form.register(\"name\")} />\n *     <Input label=\"Email\" {...form.register(\"email\")} />\n *     <FormActions align=\"end\">\n *         <Button type=\"submit\">Salvar</Button>\n *     </FormActions>\n * </Form>\n */\nexport const Form = forwardRef<HTMLFormElement, FormProps>(function Form(\n    { layout = \"stack\", columns, gap, className, style, children, ...props },\n    ref,\n) {\n    const finalStyle: CSSProperties = {\n        gap: resolveGap(gap, 4),\n        ...(layout === \"grid\" ? { gridTemplateColumns: resolveColumns(columns) } : null),\n        ...style,\n    };\n    return (\n        <form\n            ref={ref}\n            className={cn(styles.form, styles[layout], className)}\n            style={finalStyle}\n            {...props}\n        >\n            {children}\n        </form>\n    );\n});\n\nexport interface FormSectionProps extends Omit<HTMLAttributes<HTMLElement>, \"title\">, LayoutProps {\n    title?: ReactNode;\n    description?: ReactNode;\n}\n\n/**\n * Visually grouped subset of fields with an optional title and description.\n * Has its own `layout`/`columns`/`gap` so subsets can stack while the parent\n * grids (or vice versa).\n *\n * @example\n * <FormSection title=\"Endereço\" description=\"Usado para entrega\" layout=\"grid\" columns={3}>\n *     <Input label=\"CEP\" />\n *     <Input label=\"Rua\" />\n *     <Input label=\"Número\" />\n * </FormSection>\n */\nexport function FormSection({\n    title,\n    description,\n    layout = \"stack\",\n    columns,\n    gap,\n    className,\n    style,\n    children,\n    ...props\n}: FormSectionProps) {\n    const bodyStyle: CSSProperties = {\n        gap: resolveGap(gap, 4),\n        ...(layout === \"grid\" ? { gridTemplateColumns: resolveColumns(columns) } : null),\n    };\n    return (\n        <section className={cn(styles.section, className)} style={style} {...props}>\n            {(title || description) && (\n                <header className={styles.sectionHeader}>\n                    {title && <h3 className={styles.sectionTitle}>{title}</h3>}\n                    {description && <p className={styles.sectionDescription}>{description}</p>}\n                </header>\n            )}\n            <div className={cn(styles.sectionBody, styles[layout])} style={bodyStyle}>\n                {children}\n            </div>\n        </section>\n    );\n}\n\nexport interface FormRowProps extends HTMLAttributes<HTMLDivElement> {\n    /** Gap between row items. Numbers map to a multiple of the 4px scale (default `3` → 12px). */\n    gap?: number | string;\n}\n\n/**\n * Forces a horizontal row regardless of parent layout — useful for grouping\n * two short fields side-by-side inside an otherwise stacked form (e.g. CEP +\n * city, expiry month + year).\n *\n * @example\n * <Form layout=\"stack\">\n *     <FormRow>\n *         <Input label=\"CEP\" />\n *         <Input label=\"Cidade\" />\n *     </FormRow>\n *     <Input label=\"Endereço completo\" />\n * </Form>\n */\nexport function FormRow({ gap, className, style, children, ...props }: FormRowProps) {\n    const finalStyle: CSSProperties = { gap: resolveGap(gap, 3), ...style };\n    return (\n        <div className={cn(styles.row, className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n\nexport interface FormActionsProps extends HTMLAttributes<HTMLDivElement> {\n    /** Horizontal alignment of buttons. Default `end`. */\n    align?: FormActionsAlign;\n    /** Gap between buttons. Numbers map to a multiple of the 4px scale (default `2` → 8px). */\n    gap?: number | string;\n}\n\n/**\n * Footer button row for a form. Use inside (or after) [[Form]] / [[FormSection]].\n *\n * @example\n * <FormActions align=\"end\">\n *     <Button variant=\"ghost\" onClick={onCancel}>Cancelar</Button>\n *     <Button type=\"submit\" loading={form.formState.isSubmitting}>Salvar</Button>\n * </FormActions>\n */\nexport function FormActions({\n    align = \"end\",\n    gap,\n    className,\n    style,\n    children,\n    ...props\n}: FormActionsProps) {\n    const finalStyle: CSSProperties = { gap: resolveGap(gap, 2), ...style };\n    return (\n        <div className={cn(styles.actions, styles[align], className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAiBA,SAAS,EAAW,GAAkC,GAA0B;CAE5E,OADI,MAAQ,KAAA,IAAkB,GAAG,IAAW,EAAE,MACvC,OAAO,KAAQ,WAAW,GAAG,IAAM,EAAE,MAAM;AACtD;AAEA,SAAS,EAAe,GAA8C;CAElE,OADI,MAAY,KAAA,IAAkB,8BAC3B,OAAO,KAAY,WAAW,UAAU,EAAQ,qBAAqB;AAChF;AAkBA,IAAa,IAAO,EAAuC,SACvD,EAAE,YAAS,SAAS,YAAS,QAAK,cAAW,UAAO,aAAU,GAAG,KACjE,GACF;CACE,IAAM,IAA4B;EAC9B,KAAK,EAAW,GAAK,CAAC;EACtB,GAAI,MAAW,SAAS,EAAE,qBAAqB,EAAe,CAAO,EAAE,IAAI;EAC3E,GAAG;CACP;CACA,OACI,kBAAC,QAAD;EACS;EACL,WAAW,EAAG,EAAO,MAAM,EAAO,IAAS,CAAS;EACpD,OAAO;EACP,GAAI;EAEH;CACC,CAAA;AAEd,CAAC;AAmBD,SAAgB,EAAY,EACxB,UACA,gBACA,YAAS,SACT,YACA,QACA,cACA,UACA,aACA,GAAG,KACc;CACjB,IAAM,IAA2B;EAC7B,KAAK,EAAW,GAAK,CAAC;EACtB,GAAI,MAAW,SAAS,EAAE,qBAAqB,EAAe,CAAO,EAAE,IAAI;CAC/E;CACA,OACI,kBAAC,WAAD;EAAS,WAAW,EAAG,EAAO,SAAS,CAAS;EAAU;EAAO,GAAI;YAArE,EACM,KAAS,MACP,kBAAC,UAAD;GAAQ,WAAW,EAAO;aAA1B,CACK,KAAS,kBAAC,MAAD;IAAI,WAAW,EAAO;cAAe;GAAU,CAAA,GACxD,KAAe,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAqB;GAAe,CAAA,CACrE;MAEZ,kBAAC,OAAD;GAAK,WAAW,EAAG,EAAO,aAAa,EAAO,EAAO;GAAG,OAAO;GAC1D;EACA,CAAA,CACA;;AAEjB;AAqBA,SAAgB,EAAQ,EAAE,QAAK,cAAW,UAAO,aAAU,GAAG,KAAuB;CACjF,IAAM,IAA4B;EAAE,KAAK,EAAW,GAAK,CAAC;EAAG,GAAG;CAAM;CACtE,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,KAAK,CAAS;EAAG,OAAO;EAAY,GAAI;EAC7D;CACA,CAAA;AAEb;AAkBA,SAAgB,EAAY,EACxB,WAAQ,OACR,QACA,cACA,UACA,aACA,GAAG,KACc;CACjB,IAAM,IAA4B;EAAE,KAAK,EAAW,GAAK,CAAC;EAAG,GAAG;CAAM;CACtE,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,EAAO,IAAQ,CAAS;EAAG,OAAO;EAAY,GAAI;EAChF;CACA,CAAA;AAEb"}

package/dist/components/Form/Form.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_form_jNBDR`,t=`tempest_stack_O1Hl-`,n=`tempest_inline_LBQAv`,r=`tempest_grid_-B86T`,i=`tempest_section_HGqw3`,a=`tempest_sectionHeader_ji9hQ`,o=`tempest_sectionTitle_GTPwe`,s=`tempest_sectionDescription_KjW7k`,c=`tempest_sectionBody_Vp2wz`,l=`tempest_row_1EkVR`,u=`tempest_actions_hK95I`,d=`tempest_start_gXnm3`,f=`tempest_center_mKkz4`,p=`tempest_end_O3yDQ`,m=`tempest_between_tte2z`,h={form:e,stack:t,inline:n,grid:r,section:i,sectionHeader:a,sectionTitle:o,sectionDescription:s,sectionBody:c,row:l,actions:u,start:d,center:f,end:p,between:m};exports.actions=u,exports.between=m,exports.center=f,exports.default=h,exports.end=p,exports.form=e,exports.grid=r,exports.inline=n,exports.row=l,exports.section=i,exports.sectionBody=c,exports.sectionDescription=s,exports.sectionHeader=a,exports.sectionTitle=o,exports.stack=t,exports.start=d;
+//# sourceMappingURL=Form.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.module.cjs","names":[],"sources":["../../../src/components/Form/Form.module.css"],"sourcesContent":[".form {\n    display: flex;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.form.stack {\n    flex-direction: column;\n}\n\n.form.inline {\n    flex-direction: row;\n    align-items: flex-end;\n    flex-wrap: wrap;\n}\n\n.form.grid {\n    display: grid;\n    width: 100%;\n}\n\n.section {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n\n.sectionHeader {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: var(--tempest-space-3);\n}\n\n.sectionTitle {\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n    margin: 0;\n}\n\n.sectionDescription {\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    margin: var(--tempest-space-1) 0 0;\n}\n\n.sectionBody {\n    display: flex;\n    width: 100%;\n}\n\n.sectionBody.stack {\n    flex-direction: column;\n}\n\n.sectionBody.inline {\n    flex-direction: row;\n    align-items: flex-end;\n    flex-wrap: wrap;\n}\n\n.sectionBody.grid {\n    display: grid;\n}\n\n.row {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-end;\n    flex-wrap: wrap;\n    width: 100%;\n}\n\n.row > * {\n    flex: 1 1 0;\n    min-width: 0;\n}\n\n/* On mobile, rows collapse to single column for legibility. */\n@media (max-width: 639.98px) {\n    .row {\n        flex-direction: column;\n        align-items: stretch;\n    }\n    .row > * {\n        flex: 1 1 auto;\n    }\n}\n\n.actions {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    margin-top: var(--tempest-space-2);\n}\n\n.actions.start {\n    justify-content: flex-start;\n}\n\n.actions.center {\n    justify-content: center;\n}\n\n.actions.end {\n    justify-content: flex-end;\n}\n\n.actions.between {\n    justify-content: space-between;\n}\n"],"mappings":""}

package/dist/components/Form/Form.module.js

@@ -0,0 +1,22 @@
+//#region src/components/Form/Form.module.css
+var e = "tempest_form_jNBDR", t = "tempest_stack_O1Hl-", n = "tempest_inline_LBQAv", r = "tempest_grid_-B86T", i = "tempest_section_HGqw3", a = "tempest_sectionHeader_ji9hQ", o = "tempest_sectionTitle_GTPwe", s = "tempest_sectionDescription_KjW7k", c = "tempest_sectionBody_Vp2wz", l = "tempest_row_1EkVR", u = "tempest_actions_hK95I", d = "tempest_start_gXnm3", f = "tempest_center_mKkz4", p = "tempest_end_O3yDQ", m = "tempest_between_tte2z", h = {
+	form: e,
+	stack: t,
+	inline: n,
+	grid: r,
+	section: i,
+	sectionHeader: a,
+	sectionTitle: o,
+	sectionDescription: s,
+	sectionBody: c,
+	row: l,
+	actions: u,
+	start: d,
+	center: f,
+	end: p,
+	between: m
+};
+//#endregion
+export { u as actions, m as between, f as center, h as default, p as end, e as form, r as grid, n as inline, l as row, i as section, c as sectionBody, s as sectionDescription, a as sectionHeader, o as sectionTitle, t as stack, d as start };
+
+//# sourceMappingURL=Form.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.module.js","names":[],"sources":["../../../src/components/Form/Form.module.css"],"sourcesContent":[".form {\n    display: flex;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.form.stack {\n    flex-direction: column;\n}\n\n.form.inline {\n    flex-direction: row;\n    align-items: flex-end;\n    flex-wrap: wrap;\n}\n\n.form.grid {\n    display: grid;\n    width: 100%;\n}\n\n.section {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n\n.sectionHeader {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: var(--tempest-space-3);\n}\n\n.sectionTitle {\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n    margin: 0;\n}\n\n.sectionDescription {\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    margin: var(--tempest-space-1) 0 0;\n}\n\n.sectionBody {\n    display: flex;\n    width: 100%;\n}\n\n.sectionBody.stack {\n    flex-direction: column;\n}\n\n.sectionBody.inline {\n    flex-direction: row;\n    align-items: flex-end;\n    flex-wrap: wrap;\n}\n\n.sectionBody.grid {\n    display: grid;\n}\n\n.row {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-end;\n    flex-wrap: wrap;\n    width: 100%;\n}\n\n.row > * {\n    flex: 1 1 0;\n    min-width: 0;\n}\n\n/* On mobile, rows collapse to single column for legibility. */\n@media (max-width: 639.98px) {\n    .row {\n        flex-direction: column;\n        align-items: stretch;\n    }\n    .row > * {\n        flex: 1 1 auto;\n    }\n}\n\n.actions {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    margin-top: var(--tempest-space-2);\n}\n\n.actions.start {\n    justify-content: flex-start;\n}\n\n.actions.center {\n    justify-content: center;\n}\n\n.actions.end {\n    justify-content: flex-end;\n}\n\n.actions.between {\n    justify-content: space-between;\n}\n"],"mappings":""}

package/dist/components/HoverCard/HoverCard.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./HoverCard.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({trigger:i,children:a,openDelay:o=300,closeDelay:s=150,placement:c=`bottom`,className:l,...u}){let[d,f]=(0,n.useState)(!1),p=(0,n.useId)(),m=(0,n.useRef)(null),h=(0,n.useCallback)(()=>{m.current!==null&&(clearTimeout(m.current),m.current=null)},[]),g=(0,n.useCallback)(()=>{h(),m.current=setTimeout(()=>f(!0),o)},[h,o]),_=(0,n.useCallback)(()=>{h(),m.current=setTimeout(()=>f(!1),s)},[h,s]);return(0,n.useEffect)(()=>h,[h]),(0,r.jsxs)(`span`,{className:t.default.root,onMouseEnter:g,onMouseLeave:_,onFocus:g,onBlur:_,children:[(0,r.jsx)(`span`,{"aria-describedby":d?p:void 0,className:t.default.trigger,children:i}),d&&(0,r.jsx)(`div`,{id:p,role:`dialog`,className:e.cn(t.default.card,t.default[c],l),...u,children:a})]})}exports.HoverCard=i;
+//# sourceMappingURL=HoverCard.cjs.map

package/dist/components/HoverCard/HoverCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.cjs","names":[],"sources":["../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./HoverCard.module.css\";\n\nexport type HoverCardPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface HoverCardProps extends HTMLAttributes<HTMLDivElement> {\n    /** Element the user hovers/focuses to reveal the card. */\n    trigger: ReactNode;\n    /** Card content shown while hovering/focusing the trigger or the card itself. */\n    children: ReactNode;\n    /** Delay in ms before opening on mouseenter/focus. Default 300. */\n    openDelay?: number;\n    /** Delay in ms before closing on mouseleave/blur. Default 150. */\n    closeDelay?: number;\n    /** Where the card is anchored relative to the trigger. Default \"bottom\". */\n    placement?: HoverCardPlacement;\n}\n\n/**\n * Content preview shown when the trigger is hovered or focused.\n *\n * - Opens after `openDelay` on `mouseenter`/`focus`.\n * - Closes after `closeDelay` on `mouseleave`/`blur`.\n * - Positioned relative to the trigger via `placement`.\n * - The card is rendered as a labelled `role=\"dialog\"` region; the trigger stays keyboard focusable.\n *\n * @param props - The hover card props.\n * @returns The trigger wrapper and the anchored card when open.\n */\nexport function HoverCard({\n    trigger,\n    children,\n    openDelay = 300,\n    closeDelay = 150,\n    placement = \"bottom\",\n    className,\n    ...rest\n}: HoverCardProps) {\n    const [open, setOpen] = useState(false);\n    const id = useId();\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const clearTimer = useCallback((): void => {\n        if (timerRef.current !== null) {\n            clearTimeout(timerRef.current);\n            timerRef.current = null;\n        }\n    }, []);\n\n    const scheduleOpen = useCallback((): void => {\n        clearTimer();\n        timerRef.current = setTimeout(() => setOpen(true), openDelay);\n    }, [clearTimer, openDelay]);\n\n    const scheduleClose = useCallback((): void => {\n        clearTimer();\n        timerRef.current = setTimeout(() => setOpen(false), closeDelay);\n    }, [clearTimer, closeDelay]);\n\n    useEffect(() => clearTimer, [clearTimer]);\n\n    return (\n        <span\n            className={styles.root}\n            onMouseEnter={scheduleOpen}\n            onMouseLeave={scheduleClose}\n            onFocus={scheduleOpen}\n            onBlur={scheduleClose}\n        >\n            <span aria-describedby={open ? id : undefined} className={styles.trigger}>\n                {trigger}\n            </span>\n            {open && (\n                <div\n                    id={id}\n                    role=\"dialog\"\n                    className={cn(styles.card, styles[placement], className)}\n                    {...rest}\n                >\n                    {children}\n                </div>\n            )}\n        </span>\n    );\n}\n"],"mappings":"gIA+BA,SAAgB,EAAU,CACtB,UACA,WACA,YAAY,IACZ,aAAa,IACb,YAAY,SACZ,YACA,GAAG,GACY,CACf,GAAM,CAAC,EAAM,IAAA,EAAA,EAAA,SAAA,CAAoB,EAAK,EAChC,GAAA,EAAA,EAAA,MAAA,CAAW,EACX,GAAA,EAAA,EAAA,OAAA,CAAwD,IAAI,EAE5D,GAAA,EAAA,EAAA,YAAA,KAAqC,CACnC,EAAS,UAAY,OACrB,aAAa,EAAS,OAAO,EAC7B,EAAS,QAAU,KAE3B,EAAG,CAAC,CAAC,EAEC,GAAA,EAAA,EAAA,YAAA,KAAuC,CACzC,EAAW,EACX,EAAS,QAAU,eAAiB,EAAQ,EAAI,EAAG,CAAS,CAChE,EAAG,CAAC,EAAY,CAAS,CAAC,EAEpB,GAAA,EAAA,EAAA,YAAA,KAAwC,CAC1C,EAAW,EACX,EAAS,QAAU,eAAiB,EAAQ,EAAK,EAAG,CAAU,CAClE,EAAG,CAAC,EAAY,CAAU,CAAC,EAI3B,OAFA,EAAA,EAAA,UAAA,KAAgB,EAAY,CAAC,CAAU,CAAC,GAGpC,EAAA,EAAA,KAAA,CAAC,OAAD,CACI,UAAW,EAAA,QAAO,KAClB,aAAc,EACd,aAAc,EACd,QAAS,EACT,OAAQ,WALZ,EAOI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,mBAAkB,EAAO,EAAK,IAAA,GAAW,UAAW,EAAA,QAAO,iBAC5D,CACC,CAAA,EACL,IACG,EAAA,EAAA,IAAA,CAAC,MAAD,CACQ,KACJ,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,EAAA,QAAO,GAAY,CAAS,EACvD,GAAI,EAEH,UACA,CAAA,CAEP,GAEd"}

package/dist/components/HoverCard/HoverCard.js

@@ -0,0 +1,36 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./HoverCard.module.js";
+import { useCallback as n, useEffect as r, useId as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/HoverCard/HoverCard.tsx
+function l({ trigger: l, children: u, openDelay: d = 300, closeDelay: f = 150, placement: p = "bottom", className: m, ...h }) {
+	let [g, _] = o(!1), v = i(), y = a(null), b = n(() => {
+		y.current !== null && (clearTimeout(y.current), y.current = null);
+	}, []), x = n(() => {
+		b(), y.current = setTimeout(() => _(!0), d);
+	}, [b, d]), S = n(() => {
+		b(), y.current = setTimeout(() => _(!1), f);
+	}, [b, f]);
+	return r(() => b, [b]), /* @__PURE__ */ c("span", {
+		className: t.root,
+		onMouseEnter: x,
+		onMouseLeave: S,
+		onFocus: x,
+		onBlur: S,
+		children: [/* @__PURE__ */ s("span", {
+			"aria-describedby": g ? v : void 0,
+			className: t.trigger,
+			children: l
+		}), g && /* @__PURE__ */ s("div", {
+			id: v,
+			role: "dialog",
+			className: e(t.card, t[p], m),
+			...h,
+			children: u
+		})]
+	});
+}
+//#endregion
+export { l as HoverCard };
+
+//# sourceMappingURL=HoverCard.js.map

package/dist/components/HoverCard/HoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.js","names":[],"sources":["../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./HoverCard.module.css\";\n\nexport type HoverCardPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface HoverCardProps extends HTMLAttributes<HTMLDivElement> {\n    /** Element the user hovers/focuses to reveal the card. */\n    trigger: ReactNode;\n    /** Card content shown while hovering/focusing the trigger or the card itself. */\n    children: ReactNode;\n    /** Delay in ms before opening on mouseenter/focus. Default 300. */\n    openDelay?: number;\n    /** Delay in ms before closing on mouseleave/blur. Default 150. */\n    closeDelay?: number;\n    /** Where the card is anchored relative to the trigger. Default \"bottom\". */\n    placement?: HoverCardPlacement;\n}\n\n/**\n * Content preview shown when the trigger is hovered or focused.\n *\n * - Opens after `openDelay` on `mouseenter`/`focus`.\n * - Closes after `closeDelay` on `mouseleave`/`blur`.\n * - Positioned relative to the trigger via `placement`.\n * - The card is rendered as a labelled `role=\"dialog\"` region; the trigger stays keyboard focusable.\n *\n * @param props - The hover card props.\n * @returns The trigger wrapper and the anchored card when open.\n */\nexport function HoverCard({\n    trigger,\n    children,\n    openDelay = 300,\n    closeDelay = 150,\n    placement = \"bottom\",\n    className,\n    ...rest\n}: HoverCardProps) {\n    const [open, setOpen] = useState(false);\n    const id = useId();\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const clearTimer = useCallback((): void => {\n        if (timerRef.current !== null) {\n            clearTimeout(timerRef.current);\n            timerRef.current = null;\n        }\n    }, []);\n\n    const scheduleOpen = useCallback((): void => {\n        clearTimer();\n        timerRef.current = setTimeout(() => setOpen(true), openDelay);\n    }, [clearTimer, openDelay]);\n\n    const scheduleClose = useCallback((): void => {\n        clearTimer();\n        timerRef.current = setTimeout(() => setOpen(false), closeDelay);\n    }, [clearTimer, closeDelay]);\n\n    useEffect(() => clearTimer, [clearTimer]);\n\n    return (\n        <span\n            className={styles.root}\n            onMouseEnter={scheduleOpen}\n            onMouseLeave={scheduleClose}\n            onFocus={scheduleOpen}\n            onBlur={scheduleClose}\n        >\n            <span aria-describedby={open ? id : undefined} className={styles.trigger}>\n                {trigger}\n            </span>\n            {open && (\n                <div\n                    id={id}\n                    role=\"dialog\"\n                    className={cn(styles.card, styles[placement], className)}\n                    {...rest}\n                >\n                    {children}\n                </div>\n            )}\n        </span>\n    );\n}\n"],"mappings":";;;;;AA+BA,SAAgB,EAAU,EACtB,YACA,aACA,eAAY,KACZ,gBAAa,KACb,eAAY,UACZ,cACA,GAAG,KACY;CACf,IAAM,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,IAAK,EAAM,GACX,IAAW,EAA6C,IAAI,GAE5D,IAAa,QAAwB;EACvC,AAAI,EAAS,YAAY,SACrB,aAAa,EAAS,OAAO,GAC7B,EAAS,UAAU;CAE3B,GAAG,CAAC,CAAC,GAEC,IAAe,QAAwB;EAEzC,AADA,EAAW,GACX,EAAS,UAAU,iBAAiB,EAAQ,EAAI,GAAG,CAAS;CAChE,GAAG,CAAC,GAAY,CAAS,CAAC,GAEpB,IAAgB,QAAwB;EAE1C,AADA,EAAW,GACX,EAAS,UAAU,iBAAiB,EAAQ,EAAK,GAAG,CAAU;CAClE,GAAG,CAAC,GAAY,CAAU,CAAC;CAI3B,OAFA,QAAgB,GAAY,CAAC,CAAU,CAAC,GAGpC,kBAAC,QAAD;EACI,WAAW,EAAO;EAClB,cAAc;EACd,cAAc;EACd,SAAS;EACT,QAAQ;YALZ,CAOI,kBAAC,QAAD;GAAM,oBAAkB,IAAO,IAAK,KAAA;GAAW,WAAW,EAAO;aAC5D;EACC,CAAA,GACL,KACG,kBAAC,OAAD;GACQ;GACJ,MAAK;GACL,WAAW,EAAG,EAAO,MAAM,EAAO,IAAY,CAAS;GACvD,GAAI;GAEH;EACA,CAAA,CAEP;;AAEd"}

package/dist/components/HoverCard/HoverCard.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_root_2KoZA`,t=`tempest_trigger_OXsnr`,n=`tempest_card_CoGx4`,r=`tempest_tempest-hover-card-in_jD85J`,i=`tempest_top_AVcQ0`,a=`tempest_bottom_2rLAA`,o=`tempest_left_tqGPt`,s=`tempest_right_9Fe6S`,c={root:e,trigger:t,card:n,tempestHoverCardIn:r,top:i,bottom:a,left:o,right:s};exports.bottom=a,exports.card=n,exports.default=c,exports.left=o,exports.right=s,exports.root=e,exports.tempestHoverCardIn=r,exports.top=i,exports.trigger=t;
+//# sourceMappingURL=HoverCard.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.module.cjs","names":[],"sources":["../../../src/components/HoverCard/HoverCard.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.trigger {\n    display: inline-flex;\n}\n\n.card {\n    position: absolute;\n    z-index: var(--tempest-z-popover);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    min-width: 200px;\n    max-width: 320px;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    animation: tempest-hover-card-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.card:focus {\n    outline: none;\n}\n\n/* Placements (center-aligned across the trigger). */\n.top {\n    bottom: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.bottom {\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.left {\n    right: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n.right {\n    left: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n\n@keyframes tempest-hover-card-in {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .card {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/HoverCard/HoverCard.module.js

@@ -0,0 +1,15 @@
+//#region src/components/HoverCard/HoverCard.module.css
+var e = "tempest_root_2KoZA", t = "tempest_trigger_OXsnr", n = "tempest_card_CoGx4", r = "tempest_tempest-hover-card-in_jD85J", i = "tempest_top_AVcQ0", a = "tempest_bottom_2rLAA", o = "tempest_left_tqGPt", s = "tempest_right_9Fe6S", c = {
+	root: e,
+	trigger: t,
+	card: n,
+	tempestHoverCardIn: r,
+	top: i,
+	bottom: a,
+	left: o,
+	right: s
+};
+//#endregion
+export { a as bottom, n as card, c as default, o as left, s as right, e as root, r as tempestHoverCardIn, i as top, t as trigger };
+
+//# sourceMappingURL=HoverCard.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.module.js","names":[],"sources":["../../../src/components/HoverCard/HoverCard.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.trigger {\n    display: inline-flex;\n}\n\n.card {\n    position: absolute;\n    z-index: var(--tempest-z-popover);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    min-width: 200px;\n    max-width: 320px;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    animation: tempest-hover-card-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.card:focus {\n    outline: none;\n}\n\n/* Placements (center-aligned across the trigger). */\n.top {\n    bottom: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.bottom {\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.left {\n    right: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n.right {\n    left: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n\n@keyframes tempest-hover-card-in {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .card {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Image/Image.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Image.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({src:i,fallback:a,alt:o,lazy:s=!0,className:c,onError:l,...u}){let[d,f]=(0,n.useState)(i),[p,m]=(0,n.useState)(!1);return(0,r.jsx)(`img`,{src:d,alt:o,loading:s?`lazy`:`eager`,className:e.cn(t.default.image,c),onError:e=>{a&&!p&&d!==a&&(m(!0),f(a)),l?.(e)},...u})}exports.Image=i;
+//# sourceMappingURL=Image.cjs.map

package/dist/components/Image/Image.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.cjs","names":[],"sources":["../../../src/components/Image/Image.tsx"],"sourcesContent":["import type { ImgHTMLAttributes } from \"react\";\nimport { useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Image.module.css\";\n\nexport interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, \"src\"> {\n    /** Primary image source URL. */\n    src: string;\n    /** Fallback source swapped in once if the primary `src` fails to load. */\n    fallback?: string;\n    /** Alternative text describing the image (required for accessibility). */\n    alt: string;\n    /** When true (default) uses native lazy loading; otherwise loads eagerly. */\n    lazy?: boolean;\n}\n\n/**\n * Renders an `<img>` with native lazy loading and a one-shot fallback.\n *\n * On the first load error the source is swapped to `fallback` (when provided),\n * guarded so a failing fallback cannot loop the `onError` handler.\n *\n * @param src - The primary image source URL.\n * @param fallback - Optional source used once when `src` fails to load.\n * @param alt - Accessible alternative text for the image.\n * @param lazy - Whether to use `loading=\"lazy\"` (default `true`).\n * @returns The rendered image element.\n */\nexport function Image({\n    src,\n    fallback,\n    alt,\n    lazy = true,\n    className,\n    onError,\n    ...props\n}: ImageProps) {\n    const [currentSrc, setCurrentSrc] = useState<string>(src);\n    const [usedFallback, setUsedFallback] = useState<boolean>(false);\n\n    return (\n        <img\n            src={currentSrc}\n            alt={alt}\n            loading={lazy ? \"lazy\" : \"eager\"}\n            className={cn(styles.image, className)}\n            onError={(event) => {\n                if (fallback && !usedFallback && currentSrc !== fallback) {\n                    setUsedFallback(true);\n                    setCurrentSrc(fallback);\n                }\n                onError?.(event);\n            }}\n            {...props}\n        />\n    );\n}\n"],"mappings":"4HA4BA,SAAgB,EAAM,CAClB,MACA,WACA,MACA,OAAO,GACP,YACA,UACA,GAAG,GACQ,CACX,GAAM,CAAC,EAAY,IAAA,EAAA,EAAA,SAAA,CAAkC,CAAG,EAClD,CAAC,EAAc,IAAA,EAAA,EAAA,SAAA,CAAqC,EAAK,EAE/D,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,IAAK,EACA,MACL,QAAS,EAAO,OAAS,QACzB,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EACrC,QAAU,GAAU,CACZ,GAAY,CAAC,GAAgB,IAAe,IAC5C,EAAgB,EAAI,EACpB,EAAc,CAAQ,GAE1B,IAAU,CAAK,CACnB,EACA,GAAI,CACP,CAAA,CAET"}

package/dist/components/Image/Image.js

@@ -0,0 +1,22 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Image.module.js";
+import { useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Image/Image.tsx
+function i({ src: i, fallback: a, alt: o, lazy: s = !0, className: c, onError: l, ...u }) {
+	let [d, f] = n(i), [p, m] = n(!1);
+	return /* @__PURE__ */ r("img", {
+		src: d,
+		alt: o,
+		loading: s ? "lazy" : "eager",
+		className: e(t.image, c),
+		onError: (e) => {
+			a && !p && d !== a && (m(!0), f(a)), l?.(e);
+		},
+		...u
+	});
+}
+//#endregion
+export { i as Image };
+
+//# sourceMappingURL=Image.js.map

package/dist/components/Image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","names":[],"sources":["../../../src/components/Image/Image.tsx"],"sourcesContent":["import type { ImgHTMLAttributes } from \"react\";\nimport { useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Image.module.css\";\n\nexport interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, \"src\"> {\n    /** Primary image source URL. */\n    src: string;\n    /** Fallback source swapped in once if the primary `src` fails to load. */\n    fallback?: string;\n    /** Alternative text describing the image (required for accessibility). */\n    alt: string;\n    /** When true (default) uses native lazy loading; otherwise loads eagerly. */\n    lazy?: boolean;\n}\n\n/**\n * Renders an `<img>` with native lazy loading and a one-shot fallback.\n *\n * On the first load error the source is swapped to `fallback` (when provided),\n * guarded so a failing fallback cannot loop the `onError` handler.\n *\n * @param src - The primary image source URL.\n * @param fallback - Optional source used once when `src` fails to load.\n * @param alt - Accessible alternative text for the image.\n * @param lazy - Whether to use `loading=\"lazy\"` (default `true`).\n * @returns The rendered image element.\n */\nexport function Image({\n    src,\n    fallback,\n    alt,\n    lazy = true,\n    className,\n    onError,\n    ...props\n}: ImageProps) {\n    const [currentSrc, setCurrentSrc] = useState<string>(src);\n    const [usedFallback, setUsedFallback] = useState<boolean>(false);\n\n    return (\n        <img\n            src={currentSrc}\n            alt={alt}\n            loading={lazy ? \"lazy\" : \"eager\"}\n            className={cn(styles.image, className)}\n            onError={(event) => {\n                if (fallback && !usedFallback && currentSrc !== fallback) {\n                    setUsedFallback(true);\n                    setCurrentSrc(fallback);\n                }\n                onError?.(event);\n            }}\n            {...props}\n        />\n    );\n}\n"],"mappings":";;;;;AA4BA,SAAgB,EAAM,EAClB,QACA,aACA,QACA,UAAO,IACP,cACA,YACA,GAAG,KACQ;CACX,IAAM,CAAC,GAAY,KAAiB,EAAiB,CAAG,GAClD,CAAC,GAAc,KAAmB,EAAkB,EAAK;CAE/D,OACI,kBAAC,OAAD;EACI,KAAK;EACA;EACL,SAAS,IAAO,SAAS;EACzB,WAAW,EAAG,EAAO,OAAO,CAAS;EACrC,UAAU,MAAU;GAKhB,AAJI,KAAY,CAAC,KAAgB,MAAe,MAC5C,EAAgB,EAAI,GACpB,EAAc,CAAQ,IAE1B,IAAU,CAAK;EACnB;EACA,GAAI;CACP,CAAA;AAET"}

package/dist/components/Image/Image.module.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.module.cjs","names":[],"sources":["../../../src/components/Image/Image.module.css"],"sourcesContent":[".image {\n    max-width: 100%;\n    height: auto;\n    display: block;\n}\n"],"mappings":""}

package/dist/components/Image/Image.module.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.module.js","names":[],"sources":["../../../src/components/Image/Image.module.css"],"sourcesContent":[".image {\n    max-width: 100%;\n    height: auto;\n    display: block;\n}\n"],"mappings":""}

package/dist/components/Input/Input.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Input.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.forwardRef)(function({label:i,helperText:a,error:o,leftIcon:s,rightIcon:c,wrapperClassName:l,className:u,id:d,required:f,size:p=`md`,...m},h){let g=(0,n.useId)(),_=d??g,v=o?`${_}-error`:a?`${_}-helper`:void 0,y=p===`sm`?t.default.sizeSm:p===`lg`?t.default.sizeLg:t.default.sizeMd;return(0,r.jsxs)(`div`,{className:e.cn(t.default.wrapper,o&&t.default.error,l),children:[i&&(0,r.jsxs)(`label`,{htmlFor:_,className:t.default.label,children:[i,f&&(0,r.jsx)(`span`,{className:t.default.required,children:`*`})]}),(0,r.jsxs)(`div`,{className:t.default.field,children:[s&&(0,r.jsx)(`span`,{className:t.default.iconLeft,children:s}),(0,r.jsx)(`input`,{ref:h,id:_,"aria-invalid":!!o,"aria-describedby":v,required:f,className:e.cn(t.default.input,y,s&&t.default.hasLeftIcon,c&&t.default.hasRightIcon,u),...m}),c&&(0,r.jsx)(`span`,{className:t.default.iconRight,children:c})]}),o?(0,r.jsx)(`span`,{id:`${_}-error`,className:t.default.errorText,children:o}):a?(0,r.jsx)(`span`,{id:`${_}-helper`,className:t.default.helper,children:a}):null]})});exports.Input=i;
+//# sourceMappingURL=Input.cjs.map

package/dist/components/Input/Input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.cjs","names":[],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Input.module.css\";\n\nexport type InputSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n    wrapperClassName?: string;\n    /** Visual size — drives height, padding and font via density-aware tokens. */\n    size?: InputSize;\n}\n\n/**\n * Labelled text input with helper/error slots and optional adornment icons.\n * Forwards refs to the underlying `<input>` for integration with form libraries.\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n    {\n        label,\n        helperText,\n        error,\n        leftIcon,\n        rightIcon,\n        wrapperClassName,\n        className,\n        id,\n        required,\n        size = \"md\",\n        ...props\n    },\n    ref,\n) {\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n    const sizeClass = size === \"sm\" ? styles.sizeSm : size === \"lg\" ? styles.sizeLg : styles.sizeMd;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <div className={styles.field}>\n                {leftIcon && <span className={styles.iconLeft}>{leftIcon}</span>}\n                <input\n                    ref={ref}\n                    id={inputId}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    required={required}\n                    className={cn(\n                        styles.input,\n                        sizeClass,\n                        leftIcon && styles.hasLeftIcon,\n                        rightIcon && styles.hasRightIcon,\n                        className,\n                    )}\n                    {...props}\n                />\n                {rightIcon && <span className={styles.iconRight}>{rightIcon}</span>}\n            </div>\n            {error ? (\n                <span id={`${inputId}-error`} className={styles.errorText}>\n                    {error}\n                </span>\n            ) : helperText ? (\n                <span id={`${inputId}-helper`} className={styles.helper}>\n                    {helperText}\n                </span>\n            ) : null}\n        </div>\n    );\n});\n"],"mappings":"4HAsBA,IAAa,GAAA,EAAA,EAAA,WAAA,CAAiD,SAC1D,CACI,QACA,aACA,QACA,WACA,YACA,mBACA,YACA,KACA,WACA,OAAO,KACP,GAAG,GAEP,EACF,CACE,IAAM,GAAA,EAAA,EAAA,MAAA,CAAoB,EACpB,EAAU,GAAM,EAChB,EAAgB,EAAQ,GAAG,EAAQ,QAAU,EAAa,GAAG,EAAQ,SAAW,IAAA,GAChF,EAAY,IAAS,KAAO,EAAA,QAAO,OAAS,IAAS,KAAO,EAAA,QAAO,OAAS,EAAA,QAAO,OAEzF,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAS,EAAA,QAAO,MAAO,CAAgB,WAA1E,CACK,IACG,EAAA,EAAA,KAAA,CAAC,QAAD,CAAO,QAAS,EAAS,UAAW,EAAA,QAAO,eAA3C,CACK,EACA,IAAY,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAU,GAAO,CAAA,CACnD,KAEX,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,CACK,IAAY,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAW,CAAe,CAAA,GAC/D,EAAA,EAAA,IAAA,CAAC,QAAD,CACS,MACL,GAAI,EACJ,eAAc,CAAC,CAAC,EAChB,mBAAkB,EACR,WACV,UAAW,EAAA,GACP,EAAA,QAAO,MACP,EACA,GAAY,EAAA,QAAO,YACnB,GAAa,EAAA,QAAO,aACpB,CACJ,EACA,GAAI,CACP,CAAA,EACA,IAAa,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAY,CAAgB,CAAA,CACjE,IACJ,GACG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,GAAG,EAAQ,QAAS,UAAW,EAAA,QAAO,mBAC3C,CACC,CAAA,EACN,GACA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,GAAG,EAAQ,SAAU,UAAW,EAAA,QAAO,gBAC5C,CACC,CAAA,EACN,IACH,GAEb,CAAC"}

package/dist/components/Input/Input.js

@@ -0,0 +1,56 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Input.module.js";
+import { forwardRef as n, useId as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Input/Input.tsx
+var o = n(function({ label: n, helperText: o, error: s, leftIcon: c, rightIcon: l, wrapperClassName: u, className: d, id: f, required: p, size: m = "md", ...h }, g) {
+	let _ = r(), v = f ?? _, y = s ? `${v}-error` : o ? `${v}-helper` : void 0, b = m === "sm" ? t.sizeSm : m === "lg" ? t.sizeLg : t.sizeMd;
+	return /* @__PURE__ */ a("div", {
+		className: e(t.wrapper, s && t.error, u),
+		children: [
+			n && /* @__PURE__ */ a("label", {
+				htmlFor: v,
+				className: t.label,
+				children: [n, p && /* @__PURE__ */ i("span", {
+					className: t.required,
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: t.field,
+				children: [
+					c && /* @__PURE__ */ i("span", {
+						className: t.iconLeft,
+						children: c
+					}),
+					/* @__PURE__ */ i("input", {
+						ref: g,
+						id: v,
+						"aria-invalid": !!s,
+						"aria-describedby": y,
+						required: p,
+						className: e(t.input, b, c && t.hasLeftIcon, l && t.hasRightIcon, d),
+						...h
+					}),
+					l && /* @__PURE__ */ i("span", {
+						className: t.iconRight,
+						children: l
+					})
+				]
+			}),
+			s ? /* @__PURE__ */ i("span", {
+				id: `${v}-error`,
+				className: t.errorText,
+				children: s
+			}) : o ? /* @__PURE__ */ i("span", {
+				id: `${v}-helper`,
+				className: t.helper,
+				children: o
+			}) : null
+		]
+	});
+});
+//#endregion
+export { o as Input };
+
+//# sourceMappingURL=Input.js.map

package/dist/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","names":[],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Input.module.css\";\n\nexport type InputSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n    wrapperClassName?: string;\n    /** Visual size — drives height, padding and font via density-aware tokens. */\n    size?: InputSize;\n}\n\n/**\n * Labelled text input with helper/error slots and optional adornment icons.\n * Forwards refs to the underlying `<input>` for integration with form libraries.\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n    {\n        label,\n        helperText,\n        error,\n        leftIcon,\n        rightIcon,\n        wrapperClassName,\n        className,\n        id,\n        required,\n        size = \"md\",\n        ...props\n    },\n    ref,\n) {\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n    const sizeClass = size === \"sm\" ? styles.sizeSm : size === \"lg\" ? styles.sizeLg : styles.sizeMd;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <div className={styles.field}>\n                {leftIcon && <span className={styles.iconLeft}>{leftIcon}</span>}\n                <input\n                    ref={ref}\n                    id={inputId}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    required={required}\n                    className={cn(\n                        styles.input,\n                        sizeClass,\n                        leftIcon && styles.hasLeftIcon,\n                        rightIcon && styles.hasRightIcon,\n                        className,\n                    )}\n                    {...props}\n                />\n                {rightIcon && <span className={styles.iconRight}>{rightIcon}</span>}\n            </div>\n            {error ? (\n                <span id={`${inputId}-error`} className={styles.errorText}>\n                    {error}\n                </span>\n            ) : helperText ? (\n                <span id={`${inputId}-helper`} className={styles.helper}>\n                    {helperText}\n                </span>\n            ) : null}\n        </div>\n    );\n});\n"],"mappings":";;;;;AAsBA,IAAa,IAAQ,EAAyC,SAC1D,EACI,UACA,eACA,UACA,aACA,cACA,qBACA,cACA,OACA,aACA,UAAO,MACP,GAAG,KAEP,GACF;CACE,IAAM,IAAc,EAAM,GACpB,IAAU,KAAM,GAChB,IAAgB,IAAQ,GAAG,EAAQ,UAAU,IAAa,GAAG,EAAQ,WAAW,KAAA,GAChF,IAAY,MAAS,OAAO,EAAO,SAAS,MAAS,OAAO,EAAO,SAAS,EAAO;CAEzF,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,KAAS,EAAO,OAAO,CAAgB;YAA1E;GACK,KACG,kBAAC,SAAD;IAAO,SAAS;IAAS,WAAW,EAAO;cAA3C,CACK,GACA,KAAY,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAU;IAAO,CAAA,CACnD;;GAEX,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB;KACK,KAAY,kBAAC,QAAD;MAAM,WAAW,EAAO;gBAAW;KAAe,CAAA;KAC/D,kBAAC,SAAD;MACS;MACL,IAAI;MACJ,gBAAc,CAAC,CAAC;MAChB,oBAAkB;MACR;MACV,WAAW,EACP,EAAO,OACP,GACA,KAAY,EAAO,aACnB,KAAa,EAAO,cACpB,CACJ;MACA,GAAI;KACP,CAAA;KACA,KAAa,kBAAC,QAAD;MAAM,WAAW,EAAO;gBAAY;KAAgB,CAAA;IACjE;;GACJ,IACG,kBAAC,QAAD;IAAM,IAAI,GAAG,EAAQ;IAAS,WAAW,EAAO;cAC3C;GACC,CAAA,IACN,IACA,kBAAC,QAAD;IAAM,IAAI,GAAG,EAAQ;IAAU,WAAW,EAAO;cAC5C;GACC,CAAA,IACN;EACH;;AAEb,CAAC"}

package/dist/components/Input/Input.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_iHNUs`,t=`tempest_label_-OEBL`,n=`tempest_required_CTss-`,r=`tempest_field_65yGJ`,i=`tempest_input_WjT81`,a=`tempest_sizeSm_cgds6`,o=`tempest_sizeMd_EPFGy`,s=`tempest_sizeLg_5Cq8k`,c=`tempest_hasLeftIcon_xYO-v`,l=`tempest_hasRightIcon_C7uyr`,u=`tempest_iconLeft_KrUhI`,d=`tempest_iconRight_Ssr47`,f=`tempest_error_VLISa`,p=`tempest_helper_7Vc-s`,m=`tempest_errorText_xz4xS`,h={wrapper:e,label:t,required:n,field:r,input:i,sizeSm:a,sizeMd:o,sizeLg:s,hasLeftIcon:c,hasRightIcon:l,iconLeft:u,iconRight:d,error:f,helper:p,errorText:m};exports.default=h,exports.error=f,exports.errorText=m,exports.field=r,exports.hasLeftIcon=c,exports.hasRightIcon=l,exports.helper=p,exports.iconLeft=u,exports.iconRight=d,exports.input=i,exports.label=t,exports.required=n,exports.sizeLg=s,exports.sizeMd=o,exports.sizeSm=a,exports.wrapper=e;
+//# sourceMappingURL=Input.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.module.cjs","names":[],"sources":["../../../src/components/Input/Input.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.required {\n    color: var(--tempest-danger);\n    margin-left: 2px;\n}\n\n.field {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.input {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    line-height: var(--tempest-leading-snug);\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.input:hover:not(:disabled):not(:focus) {\n    border-color: var(--tempest-border-strong);\n}\n\n.input:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.input:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n    color: var(--tempest-text-muted);\n    box-shadow: none;\n}\n\n.input:read-only {\n    background-color: var(--tempest-surface);\n}\n\n/* Sizes — density-aware. Applied directly on the <input>. */\n.sizeSm {\n    height: var(--tempest-control-height-sm);\n    padding: 0 var(--tempest-control-padding-sm);\n    font-size: var(--tempest-control-font-sm);\n}\n.sizeMd {\n    height: var(--tempest-control-height-md);\n    padding: 0 var(--tempest-control-padding-md);\n    font-size: var(--tempest-control-font-md);\n}\n.sizeLg {\n    height: var(--tempest-control-height-lg);\n    padding: 0 var(--tempest-control-padding-lg);\n    font-size: var(--tempest-control-font-lg);\n}\n\n.hasLeftIcon {\n    padding-left: 36px;\n}\n\n.hasRightIcon {\n    padding-right: 36px;\n}\n\n.iconLeft,\n.iconRight {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    color: var(--tempest-text-muted);\n    pointer-events: none;\n}\n\n/*\n * Decorative icons let clicks fall through to the input, but interactive\n * adornments (a clear/reveal/save button passed as leftIcon/rightIcon) must\n * stay clickable — re-enable pointer events on the slot's children.\n */\n.iconLeft > *,\n.iconRight > * {\n    pointer-events: auto;\n}\n\n.iconLeft {\n    left: 12px;\n}\n\n.iconRight {\n    right: 12px;\n}\n\n.error .input {\n    border-color: var(--tempest-danger);\n}\n\n.error .input:focus {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":""}

package/dist/components/Input/Input.module.js

@@ -0,0 +1,22 @@
+//#region src/components/Input/Input.module.css
+var e = "tempest_wrapper_iHNUs", t = "tempest_label_-OEBL", n = "tempest_required_CTss-", r = "tempest_field_65yGJ", i = "tempest_input_WjT81", a = "tempest_sizeSm_cgds6", o = "tempest_sizeMd_EPFGy", s = "tempest_sizeLg_5Cq8k", c = "tempest_hasLeftIcon_xYO-v", l = "tempest_hasRightIcon_C7uyr", u = "tempest_iconLeft_KrUhI", d = "tempest_iconRight_Ssr47", f = "tempest_error_VLISa", p = "tempest_helper_7Vc-s", m = "tempest_errorText_xz4xS", h = {
+	wrapper: e,
+	label: t,
+	required: n,
+	field: r,
+	input: i,
+	sizeSm: a,
+	sizeMd: o,
+	sizeLg: s,
+	hasLeftIcon: c,
+	hasRightIcon: l,
+	iconLeft: u,
+	iconRight: d,
+	error: f,
+	helper: p,
+	errorText: m
+};
+//#endregion
+export { h as default, f as error, m as errorText, r as field, c as hasLeftIcon, l as hasRightIcon, p as helper, u as iconLeft, d as iconRight, i as input, t as label, n as required, s as sizeLg, o as sizeMd, a as sizeSm, e as wrapper };
+
+//# sourceMappingURL=Input.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.module.js","names":[],"sources":["../../../src/components/Input/Input.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.required {\n    color: var(--tempest-danger);\n    margin-left: 2px;\n}\n\n.field {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.input {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    line-height: var(--tempest-leading-snug);\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.input:hover:not(:disabled):not(:focus) {\n    border-color: var(--tempest-border-strong);\n}\n\n.input:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.input:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n    color: var(--tempest-text-muted);\n    box-shadow: none;\n}\n\n.input:read-only {\n    background-color: var(--tempest-surface);\n}\n\n/* Sizes — density-aware. Applied directly on the <input>. */\n.sizeSm {\n    height: var(--tempest-control-height-sm);\n    padding: 0 var(--tempest-control-padding-sm);\n    font-size: var(--tempest-control-font-sm);\n}\n.sizeMd {\n    height: var(--tempest-control-height-md);\n    padding: 0 var(--tempest-control-padding-md);\n    font-size: var(--tempest-control-font-md);\n}\n.sizeLg {\n    height: var(--tempest-control-height-lg);\n    padding: 0 var(--tempest-control-padding-lg);\n    font-size: var(--tempest-control-font-lg);\n}\n\n.hasLeftIcon {\n    padding-left: 36px;\n}\n\n.hasRightIcon {\n    padding-right: 36px;\n}\n\n.iconLeft,\n.iconRight {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    color: var(--tempest-text-muted);\n    pointer-events: none;\n}\n\n/*\n * Decorative icons let clicks fall through to the input, but interactive\n * adornments (a clear/reveal/save button passed as leftIcon/rightIcon) must\n * stay clickable — re-enable pointer events on the slot's children.\n */\n.iconLeft > *,\n.iconRight > * {\n    pointer-events: auto;\n}\n\n.iconLeft {\n    left: 12px;\n}\n\n.iconRight {\n    right: 12px;\n}\n\n.error .input {\n    border-color: var(--tempest-danger);\n}\n\n.error .input:focus {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":""}

package/dist/components/InstallBanner/InstallBanner.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("../Button/Button.cjs"),n=require("../../hooks/use-before-install-prompt.cjs"),r=require("./InstallBanner.module.cjs");let i=require("react"),a=require("react/jsx-runtime"),o=require("lucide-react");function s(e){if(!e||typeof window>`u`)return!1;try{return window.localStorage.getItem(e)===`1`}catch{return!1}}function c({title:c=`Instale o app`,description:l,installLabel:u=`Instalar`,dismissLabel:d=`Dispensar`,icon:f,storageKey:p,onResult:m,className:h}){let{installable:g,installed:_,isStandalone:v,prompt:y}=n.useBeforeInstallPrompt(),[b,x]=(0,i.useState)(()=>s(p));return!g||_||v||b?null:(0,a.jsxs)(`div`,{className:e.cn(r.default.banner,h),role:`region`,"aria-label":String(c),children:[f&&(0,a.jsx)(`span`,{className:r.default.icon,children:f}),(0,a.jsxs)(`div`,{className:r.default.body,children:[(0,a.jsx)(`p`,{className:r.default.title,children:c}),l&&(0,a.jsx)(`p`,{className:r.default.description,children:l})]}),(0,a.jsx)(t.Button,{size:`sm`,onClick:async()=>{m?.(await y())},children:u}),(0,a.jsx)(`button`,{type:`button`,className:r.default.close,"aria-label":d,onClick:()=>{if(x(!0),p&&typeof window<`u`)try{window.localStorage.setItem(p,`1`)}catch{}},children:(0,a.jsx)(o.X,{size:18,"aria-hidden":!0})})]})}exports.InstallBanner=c;
+//# sourceMappingURL=InstallBanner.cjs.map

package/dist/components/InstallBanner/InstallBanner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstallBanner.cjs","names":[],"sources":["../../../src/components/InstallBanner/InstallBanner.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { Button } from \"@/components/Button\";\nimport { useBeforeInstallPrompt } from \"@/hooks/use-before-install-prompt\";\nimport type { InstallOutcome } from \"@/components/InstallButton\";\nimport styles from \"./InstallBanner.module.css\";\n\nexport interface InstallBannerProps {\n    /** Headline. Default `\"Instale o app\"`. */\n    title?: ReactNode;\n    /** Supporting copy under the title. */\n    description?: ReactNode;\n    /** Install button label. Default `\"Instalar\"`. */\n    installLabel?: string;\n    /** Accessible label for the dismiss button. Default `\"Dispensar\"`. */\n    dismissLabel?: string;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n    /**\n     * `localStorage` key used to remember dismissal across reloads. Omit to\n     * make dismissal last only for the current session (component state).\n     */\n    storageKey?: string;\n    /** Called with the user's choice after the install prompt resolves. */\n    onResult?: (outcome: InstallOutcome) => void;\n    className?: string;\n}\n\nfunction readDismissed(storageKey?: string): boolean {\n    if (!storageKey || typeof window === \"undefined\") return false;\n    try {\n        return window.localStorage.getItem(storageKey) === \"1\";\n    } catch {\n        return false;\n    }\n}\n\n/**\n * Dismissible bottom banner that invites the user to install the PWA. Wired to\n * {@link useBeforeInstallPrompt}: it renders only when the browser captured an\n * install prompt and the app is not already running standalone — so on\n * platforms that never fire `beforeinstallprompt` (e.g. iOS Safari) it stays\n * hidden and you can surface manual instructions elsewhere.\n *\n * @example\n * <InstallBanner\n *     title=\"Instale o FAMACHApp\"\n *     description=\"Acesso offline e atalho na tela inicial.\"\n *     storageKey=\"famacha:install-dismissed\"\n * />\n */\nexport function InstallBanner({\n    title = \"Instale o app\",\n    description,\n    installLabel = \"Instalar\",\n    dismissLabel = \"Dispensar\",\n    icon,\n    storageKey,\n    onResult,\n    className,\n}: InstallBannerProps) {\n    const { installable, installed, isStandalone, prompt } = useBeforeInstallPrompt();\n    const [dismissed, setDismissed] = useState<boolean>(() => readDismissed(storageKey));\n\n    if (!installable || installed || isStandalone || dismissed) return null;\n\n    const dismiss = (): void => {\n        setDismissed(true);\n        if (storageKey && typeof window !== \"undefined\") {\n            try {\n                window.localStorage.setItem(storageKey, \"1\");\n            } catch {\n                /* ignore quota errors */\n            }\n        }\n    };\n\n    return (\n        <div className={cn(styles.banner, className)} role=\"region\" aria-label={String(title)}>\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.body}>\n                <p className={styles.title}>{title}</p>\n                {description && <p className={styles.description}>{description}</p>}\n            </div>\n            <Button\n                size=\"sm\"\n                onClick={async () => {\n                    onResult?.(await prompt());\n                }}\n            >\n                {installLabel}\n            </Button>\n            <button\n                type=\"button\"\n                className={styles.close}\n                aria-label={dismissLabel}\n                onClick={dismiss}\n            >\n                <X size={18} aria-hidden />\n            </button>\n        </div>\n    );\n}\n"],"mappings":"uPA8BA,SAAS,EAAc,EAA8B,CACjD,GAAI,CAAC,GAAc,OAAO,OAAW,IAAa,MAAO,GACzD,GAAI,CACA,OAAO,OAAO,aAAa,QAAQ,CAAU,IAAM,GACvD,MAAQ,CACJ,MAAO,EACX,CACJ,CAgBA,SAAgB,EAAc,CAC1B,QAAQ,gBACR,cACA,eAAe,WACf,eAAe,YACf,OACA,aACA,WACA,aACmB,CACnB,GAAM,CAAE,cAAa,YAAW,eAAc,UAAW,EAAA,uBAAuB,EAC1E,CAAC,EAAW,IAAA,EAAA,EAAA,SAAA,KAAwC,EAAc,CAAU,CAAC,EAenF,MAbI,CAAC,GAAe,GAAa,GAAgB,EAAkB,MAc/D,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,CAAS,EAAG,KAAK,SAAS,aAAY,OAAO,CAAK,WAApF,CACK,IAAQ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,cAAO,CAAW,CAAA,GACnD,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,cAAvB,EACI,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,eAAQ,CAAS,CAAA,EACrC,IAAe,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,qBAAc,CAAe,CAAA,CACjE,KACL,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CACI,KAAK,KACL,QAAS,SAAY,CACjB,IAAW,MAAM,EAAO,CAAC,CAC7B,WAEC,CACG,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,MAClB,aAAY,EACZ,YA9BgB,CAExB,GADA,EAAa,EAAI,EACb,GAAc,OAAO,OAAW,IAChC,GAAI,CACA,OAAO,aAAa,QAAQ,EAAY,GAAG,CAC/C,MAAQ,CAER,CAER,YAuBY,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAG,KAAM,GAAI,cAAA,EAAa,CAAA,CACtB,CAAA,CACP,GAEb"}

package/dist/components/InstallBanner/InstallBanner.js

@@ -0,0 +1,65 @@
+import { cn as e } from "../../utils/cn.js";
+import { Button as t } from "../Button/Button.js";
+import { useBeforeInstallPrompt as n } from "../../hooks/use-before-install-prompt.js";
+import r from "./InstallBanner.module.js";
+import { useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { X as s } from "lucide-react";
+//#region src/components/InstallBanner/InstallBanner.tsx
+function c(e) {
+	if (!e || typeof window > "u") return !1;
+	try {
+		return window.localStorage.getItem(e) === "1";
+	} catch {
+		return !1;
+	}
+}
+function l({ title: l = "Instale o app", description: u, installLabel: d = "Instalar", dismissLabel: f = "Dispensar", icon: p, storageKey: m, onResult: h, className: g }) {
+	let { installable: _, installed: v, isStandalone: y, prompt: b } = n(), [x, S] = i(() => c(m));
+	return !_ || v || y || x ? null : /* @__PURE__ */ o("div", {
+		className: e(r.banner, g),
+		role: "region",
+		"aria-label": String(l),
+		children: [
+			p && /* @__PURE__ */ a("span", {
+				className: r.icon,
+				children: p
+			}),
+			/* @__PURE__ */ o("div", {
+				className: r.body,
+				children: [/* @__PURE__ */ a("p", {
+					className: r.title,
+					children: l
+				}), u && /* @__PURE__ */ a("p", {
+					className: r.description,
+					children: u
+				})]
+			}),
+			/* @__PURE__ */ a(t, {
+				size: "sm",
+				onClick: async () => {
+					h?.(await b());
+				},
+				children: d
+			}),
+			/* @__PURE__ */ a("button", {
+				type: "button",
+				className: r.close,
+				"aria-label": f,
+				onClick: () => {
+					if (S(!0), m && typeof window < "u") try {
+						window.localStorage.setItem(m, "1");
+					} catch {}
+				},
+				children: /* @__PURE__ */ a(s, {
+					size: 18,
+					"aria-hidden": !0
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { l as InstallBanner };
+
+//# sourceMappingURL=InstallBanner.js.map

package/dist/components/InstallBanner/InstallBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstallBanner.js","names":[],"sources":["../../../src/components/InstallBanner/InstallBanner.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { Button } from \"@/components/Button\";\nimport { useBeforeInstallPrompt } from \"@/hooks/use-before-install-prompt\";\nimport type { InstallOutcome } from \"@/components/InstallButton\";\nimport styles from \"./InstallBanner.module.css\";\n\nexport interface InstallBannerProps {\n    /** Headline. Default `\"Instale o app\"`. */\n    title?: ReactNode;\n    /** Supporting copy under the title. */\n    description?: ReactNode;\n    /** Install button label. Default `\"Instalar\"`. */\n    installLabel?: string;\n    /** Accessible label for the dismiss button. Default `\"Dispensar\"`. */\n    dismissLabel?: string;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n    /**\n     * `localStorage` key used to remember dismissal across reloads. Omit to\n     * make dismissal last only for the current session (component state).\n     */\n    storageKey?: string;\n    /** Called with the user's choice after the install prompt resolves. */\n    onResult?: (outcome: InstallOutcome) => void;\n    className?: string;\n}\n\nfunction readDismissed(storageKey?: string): boolean {\n    if (!storageKey || typeof window === \"undefined\") return false;\n    try {\n        return window.localStorage.getItem(storageKey) === \"1\";\n    } catch {\n        return false;\n    }\n}\n\n/**\n * Dismissible bottom banner that invites the user to install the PWA. Wired to\n * {@link useBeforeInstallPrompt}: it renders only when the browser captured an\n * install prompt and the app is not already running standalone — so on\n * platforms that never fire `beforeinstallprompt` (e.g. iOS Safari) it stays\n * hidden and you can surface manual instructions elsewhere.\n *\n * @example\n * <InstallBanner\n *     title=\"Instale o FAMACHApp\"\n *     description=\"Acesso offline e atalho na tela inicial.\"\n *     storageKey=\"famacha:install-dismissed\"\n * />\n */\nexport function InstallBanner({\n    title = \"Instale o app\",\n    description,\n    installLabel = \"Instalar\",\n    dismissLabel = \"Dispensar\",\n    icon,\n    storageKey,\n    onResult,\n    className,\n}: InstallBannerProps) {\n    const { installable, installed, isStandalone, prompt } = useBeforeInstallPrompt();\n    const [dismissed, setDismissed] = useState<boolean>(() => readDismissed(storageKey));\n\n    if (!installable || installed || isStandalone || dismissed) return null;\n\n    const dismiss = (): void => {\n        setDismissed(true);\n        if (storageKey && typeof window !== \"undefined\") {\n            try {\n                window.localStorage.setItem(storageKey, \"1\");\n            } catch {\n                /* ignore quota errors */\n            }\n        }\n    };\n\n    return (\n        <div className={cn(styles.banner, className)} role=\"region\" aria-label={String(title)}>\n            {icon && <span className={styles.icon}>{icon}</span>}\n            <div className={styles.body}>\n                <p className={styles.title}>{title}</p>\n                {description && <p className={styles.description}>{description}</p>}\n            </div>\n            <Button\n                size=\"sm\"\n                onClick={async () => {\n                    onResult?.(await prompt());\n                }}\n            >\n                {installLabel}\n            </Button>\n            <button\n                type=\"button\"\n                className={styles.close}\n                aria-label={dismissLabel}\n                onClick={dismiss}\n            >\n                <X size={18} aria-hidden />\n            </button>\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;AA8BA,SAAS,EAAc,GAA8B;CACjD,IAAI,CAAC,KAAc,OAAO,SAAW,KAAa,OAAO;CACzD,IAAI;EACA,OAAO,OAAO,aAAa,QAAQ,CAAU,MAAM;CACvD,QAAQ;EACJ,OAAO;CACX;AACJ;AAgBA,SAAgB,EAAc,EAC1B,WAAQ,iBACR,gBACA,kBAAe,YACf,kBAAe,aACf,SACA,eACA,aACA,gBACmB;CACnB,IAAM,EAAE,gBAAa,cAAW,iBAAc,cAAW,EAAuB,GAC1E,CAAC,GAAW,KAAgB,QAAwB,EAAc,CAAU,CAAC;CAenF,OAbI,CAAC,KAAe,KAAa,KAAgB,IAAkB,OAc/D,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,QAAQ,CAAS;EAAG,MAAK;EAAS,cAAY,OAAO,CAAK;YAApF;GACK,KAAQ,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAO;GAAW,CAAA;GACnD,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACI,kBAAC,KAAD;KAAG,WAAW,EAAO;eAAQ;IAAS,CAAA,GACrC,KAAe,kBAAC,KAAD;KAAG,WAAW,EAAO;eAAc;IAAe,CAAA,CACjE;;GACL,kBAAC,GAAD;IACI,MAAK;IACL,SAAS,YAAY;KACjB,IAAW,MAAM,EAAO,CAAC;IAC7B;cAEC;GACG,CAAA;GACR,kBAAC,UAAD;IACI,MAAK;IACL,WAAW,EAAO;IAClB,cAAY;IACZ,eA9BgB;KAExB,IADA,EAAa,EAAI,GACb,KAAc,OAAO,SAAW,KAChC,IAAI;MACA,OAAO,aAAa,QAAQ,GAAY,GAAG;KAC/C,QAAQ,CAER;IAER;cAuBY,kBAAC,GAAD;KAAG,MAAM;KAAI,eAAA;IAAa,CAAA;GACtB,CAAA;EACP;;AAEb"}

package/dist/components/InstallBanner/InstallBanner.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_banner_0oCIc`,t=`tempest_icon_izjRL`,n=`tempest_body_9JAQv`,r=`tempest_title_1E50X`,i=`tempest_description_QY25-`,a=`tempest_close_RN6FO`,o={banner:e,icon:t,body:n,title:r,description:i,close:a};exports.banner=e,exports.body=n,exports.close=a,exports.default=o,exports.description=i,exports.icon=t,exports.title=r;
+//# sourceMappingURL=InstallBanner.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InstallBanner.module.cjs","names":[],"sources":["../../../src/components/InstallBanner/InstallBanner.module.css"],"sourcesContent":[".banner {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-lg);\n    border: 1px solid var(--tempest-border);\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n    box-shadow: var(--tempest-shadow-lg);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n}\n\n.icon {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    line-height: 1;\n    color: var(--tempest-primary);\n}\n\n.body {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.title {\n    margin: 0;\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n}\n\n.description {\n    margin: var(--tempest-space-1) 0 0;\n    color: var(--tempest-text-muted);\n}\n\n.close {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    padding: 0;\n    width: 28px;\n    height: 28px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.close:hover {\n    background: color-mix(in srgb, currentColor 10%, transparent);\n}\n"],"mappings":""}

package/dist/components/InstallBanner/InstallBanner.module.js

@@ -0,0 +1,13 @@
+//#region src/components/InstallBanner/InstallBanner.module.css
+var e = "tempest_banner_0oCIc", t = "tempest_icon_izjRL", n = "tempest_body_9JAQv", r = "tempest_title_1E50X", i = "tempest_description_QY25-", a = "tempest_close_RN6FO", o = {
+	banner: e,
+	icon: t,
+	body: n,
+	title: r,
+	description: i,
+	close: a
+};
+//#endregion
+export { e as banner, n as body, a as close, o as default, i as description, t as icon, r as title };
+
+//# sourceMappingURL=InstallBanner.module.js.map