tempest-react-sdk 0.22.0 → 0.24.0

package/dist/components/RangeSlider/RangeSlider.js

@@ -0,0 +1,76 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./RangeSlider.module.js";
+import { useCallback as n, useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/RangeSlider/RangeSlider.tsx
+function o({ value: o, onChange: s, min: c = 0, max: l = 100, step: u = 1, label: d, helperText: f, disabled: p = !1, formatValue: m, className: h }) {
+	let [g, _] = o, v = l - c, y = r(() => (g - c) / v * 100, [
+		g,
+		c,
+		v
+	]), b = r(() => (_ - c) / v * 100, [
+		_,
+		c,
+		v
+	]), x = m?.(o) ?? `${g} – ${_}`, S = n((e) => {
+		s([Math.min(Number(e.target.value), _), _]);
+	}, [_, s]), C = n((e) => {
+		let t = Math.max(Number(e.target.value), g);
+		s([g, t]);
+	}, [g, s]);
+	return /* @__PURE__ */ a("div", {
+		className: e(t.wrapper, h),
+		children: [
+			d && /* @__PURE__ */ a("div", {
+				className: t.label,
+				children: [/* @__PURE__ */ i("span", { children: d }), /* @__PURE__ */ i("span", {
+					className: t.value,
+					children: x
+				})]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: t.field,
+				children: [
+					/* @__PURE__ */ i("div", { className: t.track }),
+					/* @__PURE__ */ i("div", {
+						className: t.fill,
+						style: {
+							left: `${y}%`,
+							right: `${100 - b}%`
+						}
+					}),
+					/* @__PURE__ */ i("input", {
+						type: "range",
+						className: t.input,
+						min: c,
+						max: l,
+						step: u,
+						value: g,
+						onChange: S,
+						disabled: p,
+						"aria-label": d ? `${d} (mínimo)` : "Mínimo"
+					}),
+					/* @__PURE__ */ i("input", {
+						type: "range",
+						className: t.input,
+						min: c,
+						max: l,
+						step: u,
+						value: _,
+						onChange: C,
+						disabled: p,
+						"aria-label": d ? `${d} (máximo)` : "Máximo"
+					})
+				]
+			}),
+			f && /* @__PURE__ */ i("span", {
+				className: t.helper,
+				children: f
+			})
+		]
+	});
+}
+//#endregion
+export { o as RangeSlider };
+
+//# sourceMappingURL=RangeSlider.js.map

package/dist/components/RangeSlider/RangeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.js","names":[],"sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RangeSlider.module.css\";\n\nexport type RangeValue = [number, number];\n\nexport interface RangeSliderProps {\n    value: RangeValue;\n    onChange: (value: RangeValue) => void;\n    min?: number;\n    max?: number;\n    step?: number;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    /** Formatter for the value badge next to the label. Defaults to `min – max`. */\n    formatValue?: (value: RangeValue) => string;\n    className?: string;\n}\n\n/**\n * Dual-thumb range slider. Built on two native `<input type=\"range\">` so it\n * stays accessible and works with keyboards/screen readers without\n * heavyweight positioning libs. The active fill is positioned via percentages.\n */\nexport function RangeSlider({\n    value,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    label,\n    helperText,\n    disabled = false,\n    formatValue,\n    className,\n}: RangeSliderProps) {\n    const [low, high] = value;\n    const range = max - min;\n\n    const fillLeft = useMemo(() => ((low - min) / range) * 100, [low, min, range]);\n    const fillRight = useMemo(() => ((high - min) / range) * 100, [high, min, range]);\n\n    const valueText = formatValue?.(value) ?? `${low} – ${high}`;\n\n    const handleLow = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.min(Number(event.target.value), high);\n            onChange([next, high]);\n        },\n        [high, onChange],\n    );\n\n    const handleHigh = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.max(Number(event.target.value), low);\n            onChange([low, next]);\n        },\n        [low, onChange],\n    );\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && (\n                <div className={styles.label}>\n                    <span>{label}</span>\n                    <span className={styles.value}>{valueText}</span>\n                </div>\n            )}\n            <div className={styles.field}>\n                <div className={styles.track} />\n                <div\n                    className={styles.fill}\n                    style={{ left: `${fillLeft}%`, right: `${100 - fillRight}%` }}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={low}\n                    onChange={handleLow}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (mínimo)` : \"Mínimo\"}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={high}\n                    onChange={handleHigh}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (máximo)` : \"Máximo\"}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAyBA,SAAgB,EAAY,EACxB,UACA,aACA,SAAM,GACN,SAAM,KACN,UAAO,GACP,UACA,eACA,cAAW,IACX,gBACA,gBACiB;CACjB,IAAM,CAAC,GAAK,KAAQ,GACd,IAAQ,IAAM,GAEd,IAAW,SAAgB,IAAM,KAAO,IAAS,KAAK;EAAC;EAAK;EAAK;CAAK,CAAC,GACvE,IAAY,SAAgB,IAAO,KAAO,IAAS,KAAK;EAAC;EAAM;EAAK;CAAK,CAAC,GAE1E,IAAY,IAAc,CAAK,KAAK,GAAG,EAAI,KAAK,KAEhD,IAAY,GACb,MAAqD;EAElD,EAAS,CADI,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,GAAG,CACxC,GAAM,CAAI,CAAC;CACzB,GACA,CAAC,GAAM,CAAQ,CACnB,GAEM,IAAa,GACd,MAAqD;EAClD,IAAM,IAAO,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,GAAG,CAAG;EACrD,EAAS,CAAC,GAAK,CAAI,CAAC;CACxB,GACA,CAAC,GAAK,CAAQ,CAClB;CAEA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;YAA5C;GACK,KACG,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACI,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA,GACnB,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAgB,CAAA,CAC/C;;GAET,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB;KACI,kBAAC,OAAD,EAAK,WAAW,EAAO,MAAQ,CAAA;KAC/B,kBAAC,OAAD;MACI,WAAW,EAAO;MAClB,OAAO;OAAE,MAAM,GAAG,EAAS;OAAI,OAAO,GAAG,MAAM,EAAU;MAAG;KAC/D,CAAA;KACD,kBAAC,SAAD;MACI,MAAK;MACL,WAAW,EAAO;MACb;MACA;MACC;MACN,OAAO;MACP,UAAU;MACA;MACV,cAAY,IAAQ,GAAG,EAAM,aAAa;KAC7C,CAAA;KACD,kBAAC,SAAD;MACI,MAAK;MACL,WAAW,EAAO;MACb;MACA;MACC;MACN,OAAO;MACP,UAAU;MACA;MACV,cAAY,IAAQ,GAAG,EAAM,aAAa;KAC7C,CAAA;IACA;;GACJ,KAAc,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAS;GAAiB,CAAA;EAChE;;AAEb"}

package/dist/components/RangeSlider/RangeSlider.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_o1aOo`,t=`tempest_label_jaBOA`,n=`tempest_value_GKfOu`,r=`tempest_field_YxCzt`,i=`tempest_track_j-2iy`,a=`tempest_fill_1pbqj`,o=`tempest_input_1MASw`,s=`tempest_helper_uqxKu`,c={wrapper:e,label:t,value:n,field:r,track:i,fill:a,input:o,helper:s};exports.default=c,exports.field=r,exports.fill=a,exports.helper=s,exports.input=o,exports.label=t,exports.track=i,exports.value=n,exports.wrapper=e;
+//# sourceMappingURL=RangeSlider.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.module.cjs","names":[],"sources":["../../../src/components/RangeSlider/RangeSlider.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.label {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\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.value {\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.field {\n    position: relative;\n    height: 28px;\n    display: flex;\n    align-items: center;\n}\n\n.track {\n    position: absolute;\n    left: 0;\n    right: 0;\n    height: 4px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface-2);\n}\n\n.fill {\n    position: absolute;\n    height: 4px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-primary);\n}\n\n.input {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 28px;\n    -webkit-appearance: none;\n    appearance: none;\n    background: none;\n    pointer-events: none;\n    margin: 0;\n}\n\n.input::-webkit-slider-thumb {\n    pointer-events: auto;\n    -webkit-appearance: none;\n    appearance: none;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background-color: var(--tempest-bg);\n    border: 2px solid var(--tempest-primary);\n    box-shadow: var(--tempest-shadow-sm);\n    cursor: pointer;\n}\n\n.input::-moz-range-thumb {\n    pointer-events: auto;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background-color: var(--tempest-bg);\n    border: 2px solid var(--tempest-primary);\n    box-shadow: var(--tempest-shadow-sm);\n    cursor: pointer;\n}\n\n.input:focus-visible::-webkit-slider-thumb {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n.input:focus-visible::-moz-range-thumb {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n.input:disabled::-webkit-slider-thumb,\n.input:disabled::-moz-range-thumb {\n    border-color: var(--tempest-border-strong);\n    cursor: not-allowed;\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"],"mappings":""}

package/dist/components/RangeSlider/RangeSlider.module.js

@@ -0,0 +1,15 @@
+//#region src/components/RangeSlider/RangeSlider.module.css
+var e = "tempest_wrapper_o1aOo", t = "tempest_label_jaBOA", n = "tempest_value_GKfOu", r = "tempest_field_YxCzt", i = "tempest_track_j-2iy", a = "tempest_fill_1pbqj", o = "tempest_input_1MASw", s = "tempest_helper_uqxKu", c = {
+	wrapper: e,
+	label: t,
+	value: n,
+	field: r,
+	track: i,
+	fill: a,
+	input: o,
+	helper: s
+};
+//#endregion
+export { c as default, r as field, a as fill, s as helper, o as input, t as label, i as track, n as value, e as wrapper };
+
+//# sourceMappingURL=RangeSlider.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.module.js","names":[],"sources":["../../../src/components/RangeSlider/RangeSlider.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.label {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\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.value {\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.field {\n    position: relative;\n    height: 28px;\n    display: flex;\n    align-items: center;\n}\n\n.track {\n    position: absolute;\n    left: 0;\n    right: 0;\n    height: 4px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface-2);\n}\n\n.fill {\n    position: absolute;\n    height: 4px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-primary);\n}\n\n.input {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 28px;\n    -webkit-appearance: none;\n    appearance: none;\n    background: none;\n    pointer-events: none;\n    margin: 0;\n}\n\n.input::-webkit-slider-thumb {\n    pointer-events: auto;\n    -webkit-appearance: none;\n    appearance: none;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background-color: var(--tempest-bg);\n    border: 2px solid var(--tempest-primary);\n    box-shadow: var(--tempest-shadow-sm);\n    cursor: pointer;\n}\n\n.input::-moz-range-thumb {\n    pointer-events: auto;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background-color: var(--tempest-bg);\n    border: 2px solid var(--tempest-primary);\n    box-shadow: var(--tempest-shadow-sm);\n    cursor: pointer;\n}\n\n.input:focus-visible::-webkit-slider-thumb {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n.input:focus-visible::-moz-range-thumb {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n.input:disabled::-webkit-slider-thumb,\n.input:disabled::-moz-range-thumb {\n    border-color: var(--tempest-border-strong);\n    cursor: not-allowed;\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"],"mappings":""}

package/dist/components/RatingStars/RatingStars.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./RatingStars.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({value:i,max:o=5,onChange:s,size:c=`md`,readonly:l=!1,disabled:u=!1,label:d=`Avaliação`,className:f}){let[p,m]=(0,n.useState)(0),h=p>0?p:i,g=e=>{l||u||s?.(e)};return(0,r.jsx)(`span`,{role:`radiogroup`,"aria-label":d,className:e.cn(t.default.wrapper,t.default[c],u&&t.default.disabled,l&&t.default.readonly,f),onMouseLeave:()=>m(0),children:Array.from({length:o},(n,o)=>{let s=o+1,c=s<=h;return(0,r.jsx)(`button`,{type:`button`,role:`radio`,"aria-checked":i===s,"aria-label":`${s} ${s===1?`estrela`:`estrelas`}`,className:e.cn(t.default.star,c&&t.default.filled),disabled:u,onMouseEnter:()=>!l&&!u&&m(s),onClick:()=>g(s),children:(0,r.jsx)(a,{filled:c})},s)})})}function a({filled:e}){return(0,r.jsx)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:e?`currentColor`:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinejoin:`round`,"aria-hidden":!0,children:(0,r.jsx)(`path`,{d:`M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z`})})}exports.RatingStars=i;
+//# sourceMappingURL=RatingStars.cjs.map

package/dist/components/RatingStars/RatingStars.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingStars.cjs","names":[],"sources":["../../../src/components/RatingStars/RatingStars.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RatingStars.module.css\";\n\nexport type RatingSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface RatingStarsProps {\n    /** Current selected value (1..max). 0 means none. */\n    value: number;\n    /** Total number of stars. Default 5. */\n    max?: number;\n    onChange?: (value: number) => void;\n    size?: RatingSize;\n    readonly?: boolean;\n    disabled?: boolean;\n    /** Accessible label for the rating group. */\n    label?: string;\n    className?: string;\n}\n\n/**\n * Star rating control. Renders `max` stars, fills the first `value`. Click a\n * star to set rating (when not readonly). Hovering previews the value.\n */\nexport function RatingStars({\n    value,\n    max = 5,\n    onChange,\n    size = \"md\",\n    readonly = false,\n    disabled = false,\n    label = \"Avaliação\",\n    className,\n}: RatingStarsProps) {\n    const [hover, setHover] = useState<number>(0);\n    const displayed = hover > 0 ? hover : value;\n\n    const handleClick = (next: number): void => {\n        if (readonly || disabled) return;\n        onChange?.(next);\n    };\n\n    return (\n        <span\n            role=\"radiogroup\"\n            aria-label={label}\n            className={cn(\n                styles.wrapper,\n                styles[size],\n                disabled && styles.disabled,\n                readonly && styles.readonly,\n                className,\n            )}\n            onMouseLeave={() => setHover(0)}\n        >\n            {Array.from({ length: max }, (_, i) => {\n                const starIndex = i + 1;\n                const filled = starIndex <= displayed;\n                return (\n                    <button\n                        key={starIndex}\n                        type=\"button\"\n                        role=\"radio\"\n                        aria-checked={value === starIndex}\n                        aria-label={`${starIndex} ${starIndex === 1 ? \"estrela\" : \"estrelas\"}`}\n                        className={cn(styles.star, filled && styles.filled)}\n                        disabled={disabled}\n                        onMouseEnter={() => !readonly && !disabled && setHover(starIndex)}\n                        onClick={() => handleClick(starIndex)}\n                    >\n                        <StarIcon filled={filled} />\n                    </button>\n                );\n            })}\n        </span>\n    );\n}\n\nfunction StarIcon({ filled }: { filled: boolean }) {\n    return (\n        <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill={filled ? \"currentColor\" : \"none\"}\n            stroke=\"currentColor\"\n            strokeWidth=\"1.5\"\n            strokeLinejoin=\"round\"\n            aria-hidden\n        >\n            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z\" />\n        </svg>\n    );\n}\n"],"mappings":"kIAwBA,SAAgB,EAAY,CACxB,QACA,MAAM,EACN,WACA,OAAO,KACP,WAAW,GACX,WAAW,GACX,QAAQ,YACR,aACiB,CACjB,GAAM,CAAC,EAAO,IAAA,EAAA,EAAA,SAAA,CAA6B,CAAC,EACtC,EAAY,EAAQ,EAAI,EAAQ,EAEhC,EAAe,GAAuB,CACpC,GAAY,GAChB,IAAW,CAAI,CACnB,EAEA,OACI,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,KAAK,aACL,aAAY,EACZ,UAAW,EAAA,GACP,EAAA,QAAO,QACP,EAAA,QAAO,GACP,GAAY,EAAA,QAAO,SACnB,GAAY,EAAA,QAAO,SACnB,CACJ,EACA,iBAAoB,EAAS,CAAC,WAE7B,MAAM,KAAK,CAAE,OAAQ,CAAI,GAAI,EAAG,IAAM,CACnC,IAAM,EAAY,EAAI,EAChB,EAAS,GAAa,EAC5B,OACI,EAAA,EAAA,IAAA,CAAC,SAAD,CAEI,KAAK,SACL,KAAK,QACL,eAAc,IAAU,EACxB,aAAY,GAAG,EAAU,GAAG,IAAc,EAAI,UAAY,aAC1D,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,GAAU,EAAA,QAAO,MAAM,EACxC,WACV,iBAAoB,CAAC,GAAY,CAAC,GAAY,EAAS,CAAS,EAChE,YAAe,EAAY,CAAS,YAEpC,EAAA,EAAA,IAAA,CAAC,EAAD,CAAkB,QAAS,CAAA,CACvB,EAXC,CAWD,CAEhB,CAAC,CACC,CAAA,CAEd,CAEA,SAAS,EAAS,CAAE,UAA+B,CAC/C,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAM,EAAS,eAAiB,OAChC,OAAO,eACP,YAAY,MACZ,eAAe,QACf,cAAA,aAEA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAE,0FAA4F,CAAA,CACnG,CAAA,CAEb"}

package/dist/components/RatingStars/RatingStars.js

@@ -0,0 +1,47 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./RatingStars.module.js";
+import { useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/RatingStars/RatingStars.tsx
+function i({ value: i, max: o = 5, onChange: s, size: c = "md", readonly: l = !1, disabled: u = !1, label: d = "Avaliação", className: f }) {
+	let [p, m] = n(0), h = p > 0 ? p : i, g = (e) => {
+		l || u || s?.(e);
+	};
+	return /* @__PURE__ */ r("span", {
+		role: "radiogroup",
+		"aria-label": d,
+		className: e(t.wrapper, t[c], u && t.disabled, l && t.readonly, f),
+		onMouseLeave: () => m(0),
+		children: Array.from({ length: o }, (n, o) => {
+			let s = o + 1, c = s <= h;
+			return /* @__PURE__ */ r("button", {
+				type: "button",
+				role: "radio",
+				"aria-checked": i === s,
+				"aria-label": `${s} ${s === 1 ? "estrela" : "estrelas"}`,
+				className: e(t.star, c && t.filled),
+				disabled: u,
+				onMouseEnter: () => !l && !u && m(s),
+				onClick: () => g(s),
+				children: /* @__PURE__ */ r(a, { filled: c })
+			}, s);
+		})
+	});
+}
+function a({ filled: e }) {
+	return /* @__PURE__ */ r("svg", {
+		width: "20",
+		height: "20",
+		viewBox: "0 0 24 24",
+		fill: e ? "currentColor" : "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinejoin: "round",
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ r("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z" })
+	});
+}
+//#endregion
+export { i as RatingStars };
+
+//# sourceMappingURL=RatingStars.js.map

package/dist/components/RatingStars/RatingStars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingStars.js","names":[],"sources":["../../../src/components/RatingStars/RatingStars.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RatingStars.module.css\";\n\nexport type RatingSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface RatingStarsProps {\n    /** Current selected value (1..max). 0 means none. */\n    value: number;\n    /** Total number of stars. Default 5. */\n    max?: number;\n    onChange?: (value: number) => void;\n    size?: RatingSize;\n    readonly?: boolean;\n    disabled?: boolean;\n    /** Accessible label for the rating group. */\n    label?: string;\n    className?: string;\n}\n\n/**\n * Star rating control. Renders `max` stars, fills the first `value`. Click a\n * star to set rating (when not readonly). Hovering previews the value.\n */\nexport function RatingStars({\n    value,\n    max = 5,\n    onChange,\n    size = \"md\",\n    readonly = false,\n    disabled = false,\n    label = \"Avaliação\",\n    className,\n}: RatingStarsProps) {\n    const [hover, setHover] = useState<number>(0);\n    const displayed = hover > 0 ? hover : value;\n\n    const handleClick = (next: number): void => {\n        if (readonly || disabled) return;\n        onChange?.(next);\n    };\n\n    return (\n        <span\n            role=\"radiogroup\"\n            aria-label={label}\n            className={cn(\n                styles.wrapper,\n                styles[size],\n                disabled && styles.disabled,\n                readonly && styles.readonly,\n                className,\n            )}\n            onMouseLeave={() => setHover(0)}\n        >\n            {Array.from({ length: max }, (_, i) => {\n                const starIndex = i + 1;\n                const filled = starIndex <= displayed;\n                return (\n                    <button\n                        key={starIndex}\n                        type=\"button\"\n                        role=\"radio\"\n                        aria-checked={value === starIndex}\n                        aria-label={`${starIndex} ${starIndex === 1 ? \"estrela\" : \"estrelas\"}`}\n                        className={cn(styles.star, filled && styles.filled)}\n                        disabled={disabled}\n                        onMouseEnter={() => !readonly && !disabled && setHover(starIndex)}\n                        onClick={() => handleClick(starIndex)}\n                    >\n                        <StarIcon filled={filled} />\n                    </button>\n                );\n            })}\n        </span>\n    );\n}\n\nfunction StarIcon({ filled }: { filled: boolean }) {\n    return (\n        <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill={filled ? \"currentColor\" : \"none\"}\n            stroke=\"currentColor\"\n            strokeWidth=\"1.5\"\n            strokeLinejoin=\"round\"\n            aria-hidden\n        >\n            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z\" />\n        </svg>\n    );\n}\n"],"mappings":";;;;;AAwBA,SAAgB,EAAY,EACxB,UACA,SAAM,GACN,aACA,UAAO,MACP,cAAW,IACX,cAAW,IACX,WAAQ,aACR,gBACiB;CACjB,IAAM,CAAC,GAAO,KAAY,EAAiB,CAAC,GACtC,IAAY,IAAQ,IAAI,IAAQ,GAEhC,KAAe,MAAuB;EACpC,KAAY,KAChB,IAAW,CAAI;CACnB;CAEA,OACI,kBAAC,QAAD;EACI,MAAK;EACL,cAAY;EACZ,WAAW,EACP,EAAO,SACP,EAAO,IACP,KAAY,EAAO,UACnB,KAAY,EAAO,UACnB,CACJ;EACA,oBAAoB,EAAS,CAAC;YAE7B,MAAM,KAAK,EAAE,QAAQ,EAAI,IAAI,GAAG,MAAM;GACnC,IAAM,IAAY,IAAI,GAChB,IAAS,KAAa;GAC5B,OACI,kBAAC,UAAD;IAEI,MAAK;IACL,MAAK;IACL,gBAAc,MAAU;IACxB,cAAY,GAAG,EAAU,GAAG,MAAc,IAAI,YAAY;IAC1D,WAAW,EAAG,EAAO,MAAM,KAAU,EAAO,MAAM;IACxC;IACV,oBAAoB,CAAC,KAAY,CAAC,KAAY,EAAS,CAAS;IAChE,eAAe,EAAY,CAAS;cAEpC,kBAAC,GAAD,EAAkB,UAAS,CAAA;GACvB,GAXC,CAWD;EAEhB,CAAC;CACC,CAAA;AAEd;AAEA,SAAS,EAAS,EAAE,aAA+B;CAC/C,OACI,kBAAC,OAAD;EACI,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAM,IAAS,iBAAiB;EAChC,QAAO;EACP,aAAY;EACZ,gBAAe;EACf,eAAA;YAEA,kBAAC,QAAD,EAAM,GAAE,2FAA4F,CAAA;CACnG,CAAA;AAEb"}

package/dist/components/RatingStars/RatingStars.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_K9Mqa`,t=`tempest_star_goIGS`,n=`tempest_filled_mMs-d`,r=`tempest_disabled_tyUlQ`,i=`tempest_readonly_bnKLN`,a=`tempest_sm_K7-y9`,o=`tempest_md_ex2Tb`,s=`tempest_lg_TstLJ`,c={wrapper:e,star:t,filled:n,disabled:r,readonly:i,sm:a,md:o,lg:s};exports.default=c,exports.disabled=r,exports.filled=n,exports.lg=s,exports.md=o,exports.readonly=i,exports.sm=a,exports.star=t,exports.wrapper=e;
+//# sourceMappingURL=RatingStars.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RatingStars.module.cjs","names":[],"sources":["../../../src/components/RatingStars/RatingStars.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n    color: var(--tempest-warning-solid);\n}\n\n.star {\n    background: none;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: var(--tempest-border-strong);\n    line-height: 0;\n    transition:\n        var(--tempest-transition-color),\n        transform var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.star:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .star:hover:not(:disabled) {\n        transform: scale(1.1);\n    }\n}\n\n.filled {\n    color: var(--tempest-warning-solid);\n}\n\n.disabled {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.readonly {\n    cursor: default;\n}\n\n.sm svg {\n    width: 14px;\n    height: 14px;\n}\n.md svg {\n    width: 20px;\n    height: 20px;\n}\n.lg svg {\n    width: 28px;\n    height: 28px;\n}\n"],"mappings":""}

package/dist/components/RatingStars/RatingStars.module.js

@@ -0,0 +1,15 @@
+//#region src/components/RatingStars/RatingStars.module.css
+var e = "tempest_wrapper_K9Mqa", t = "tempest_star_goIGS", n = "tempest_filled_mMs-d", r = "tempest_disabled_tyUlQ", i = "tempest_readonly_bnKLN", a = "tempest_sm_K7-y9", o = "tempest_md_ex2Tb", s = "tempest_lg_TstLJ", c = {
+	wrapper: e,
+	star: t,
+	filled: n,
+	disabled: r,
+	readonly: i,
+	sm: a,
+	md: o,
+	lg: s
+};
+//#endregion
+export { c as default, r as disabled, n as filled, s as lg, o as md, i as readonly, a as sm, t as star, e as wrapper };
+
+//# sourceMappingURL=RatingStars.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RatingStars.module.js","names":[],"sources":["../../../src/components/RatingStars/RatingStars.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n    color: var(--tempest-warning-solid);\n}\n\n.star {\n    background: none;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: var(--tempest-border-strong);\n    line-height: 0;\n    transition:\n        var(--tempest-transition-color),\n        transform var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.star:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .star:hover:not(:disabled) {\n        transform: scale(1.1);\n    }\n}\n\n.filled {\n    color: var(--tempest-warning-solid);\n}\n\n.disabled {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.readonly {\n    cursor: default;\n}\n\n.sm svg {\n    width: 14px;\n    height: 14px;\n}\n.md svg {\n    width: 20px;\n    height: 20px;\n}\n.lg svg {\n    width: 28px;\n    height: 28px;\n}\n"],"mappings":""}

package/dist/components/RefreshIndicator/RefreshIndicator.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("../Spinner/Spinner.cjs"),n=require("./RefreshIndicator.module.cjs");let r=require("react"),i=require("react/jsx-runtime");function a(e,t){let n=t*1.5;return Math.min(e/2,n)}function o({onRefresh:o,children:s,threshold:c=80,disabled:l,className:u}){let d=(0,r.useRef)(null),f=(0,r.useRef)(null),[p,m]=(0,r.useState)(0),[h,g]=(0,r.useState)(!1),_=f.current!==null,v=e=>{if(l||h)return;let t=d.current;if(!t||t.scrollTop>0)return;let n=e.touches[0];n&&(f.current=n.clientY)},y=e=>{if(l||h)return;let t=f.current;if(t===null)return;let n=e.touches[0];if(!n)return;let r=n.clientY-t;if(r<=0){m(0);return}m(a(r,c))},b=()=>{f.current=null,m(0)},x=async()=>{if(l||h){b();return}if(!(f.current!==null&&p>=c)){b();return}f.current=null,g(!0),m(c);try{await o()}finally{g(!1),m(0)}},S=h||p>0,C=Math.min(1,p/c);return(0,i.jsxs)(`div`,{ref:d,className:e.cn(n.default.wrapper,u),"data-refreshing":h,onTouchStart:v,onTouchMove:y,onTouchEnd:x,children:[(0,i.jsx)(`div`,{className:n.default.indicator,"aria-hidden":!S,style:{opacity:h?1:C,transform:`translateX(-50%) translateY(${S?p:0}px) rotate(${C*360}deg)`},children:(0,i.jsx)(t.Spinner,{size:`sm`,label:`Atualizando`})}),(0,i.jsx)(`div`,{className:e.cn(n.default.content,(_||h)&&n.default.dragging),style:{transform:`translateY(${S?p:0}px)`},children:s})]})}exports.RefreshIndicator=o;
+//# sourceMappingURL=RefreshIndicator.cjs.map

package/dist/components/RefreshIndicator/RefreshIndicator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshIndicator.cjs","names":[],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.tsx"],"sourcesContent":["import { useRef, useState, type ReactNode, type TouchEvent } from \"react\";\nimport { Spinner } from \"@/components/Spinner\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RefreshIndicator.module.css\";\n\nexport interface RefreshIndicatorProps {\n    /** Invoked when the user pulls past `threshold` and releases. May be async. */\n    onRefresh: () => void | Promise<void>;\n    /** Scrollable content to wrap. */\n    children: ReactNode;\n    /** Pixels the user must pull past to trigger a refresh. Defaults to `80`. */\n    threshold?: number;\n    /** When true, pull-to-refresh is inert. */\n    disabled?: boolean;\n    className?: string;\n}\n\n/** Apply resistance so the content lags behind the finger and the pull never runs away. */\nfunction applyResistance(distance: number, threshold: number): number {\n    const cap = threshold * 1.5;\n    return Math.min(distance / 2, cap);\n}\n\n/**\n * RefreshIndicator — pull-to-refresh wrapper for touch devices.\n *\n * Wraps scrollable `children` and listens for a downward drag that starts while the\n * container is scrolled to the top. Pulling past `threshold` and releasing triggers\n * `onRefresh`; the SDK {@link Spinner} is shown while pulling and during the refresh.\n */\nexport function RefreshIndicator({\n    onRefresh,\n    children,\n    threshold = 80,\n    disabled,\n    className,\n}: RefreshIndicatorProps) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const startYRef = useRef<number | null>(null);\n    const [pull, setPull] = useState(0);\n    const [refreshing, setRefreshing] = useState(false);\n\n    const engaged = startYRef.current !== null;\n\n    const handleTouchStart = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const container = containerRef.current;\n        if (!container || container.scrollTop > 0) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        startYRef.current = touch.clientY;\n    };\n\n    const handleTouchMove = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const startY = startYRef.current;\n        if (startY === null) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        const delta = touch.clientY - startY;\n        if (delta <= 0) {\n            setPull(0);\n            return;\n        }\n        setPull(applyResistance(delta, threshold));\n    };\n\n    const reset = (): void => {\n        startYRef.current = null;\n        setPull(0);\n    };\n\n    const handleTouchEnd = async (): Promise<void> => {\n        if (disabled || refreshing) {\n            reset();\n            return;\n        }\n        const startY = startYRef.current;\n        const triggered = startY !== null && pull >= threshold;\n        if (!triggered) {\n            reset();\n            return;\n        }\n        startYRef.current = null;\n        setRefreshing(true);\n        setPull(threshold);\n        try {\n            await onRefresh();\n        } finally {\n            setRefreshing(false);\n            setPull(0);\n        }\n    };\n\n    const showIndicator = refreshing || pull > 0;\n    const progress = Math.min(1, pull / threshold);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.wrapper, className)}\n            data-refreshing={refreshing}\n            onTouchStart={handleTouchStart}\n            onTouchMove={handleTouchMove}\n            onTouchEnd={handleTouchEnd}\n        >\n            <div\n                className={styles.indicator}\n                aria-hidden={!showIndicator}\n                style={{\n                    opacity: refreshing ? 1 : progress,\n                    transform: `translateX(-50%) translateY(${showIndicator ? pull : 0}px) rotate(${progress * 360}deg)`,\n                }}\n            >\n                <Spinner size=\"sm\" label=\"Atualizando\" />\n            </div>\n            <div\n                className={cn(styles.content, (engaged || refreshing) && styles.dragging)}\n                style={{ transform: `translateY(${showIndicator ? pull : 0}px)` }}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"2KAkBA,SAAS,EAAgB,EAAkB,EAA2B,CAClE,IAAM,EAAM,EAAY,IACxB,OAAO,KAAK,IAAI,EAAW,EAAG,CAAG,CACrC,CASA,SAAgB,EAAiB,CAC7B,YACA,WACA,YAAY,GACZ,WACA,aACsB,CACtB,IAAM,GAAA,EAAA,EAAA,OAAA,CAAsC,IAAI,EAC1C,GAAA,EAAA,EAAA,OAAA,CAAkC,IAAI,EACtC,CAAC,EAAM,IAAA,EAAA,EAAA,SAAA,CAAoB,CAAC,EAC5B,CAAC,EAAY,IAAA,EAAA,EAAA,SAAA,CAA0B,EAAK,EAE5C,EAAU,EAAU,UAAY,KAEhC,EAAoB,GAA4C,CAClE,GAAI,GAAY,EAAY,OAC5B,IAAM,EAAY,EAAa,QAC/B,GAAI,CAAC,GAAa,EAAU,UAAY,EAAG,OAC3C,IAAM,EAAQ,EAAM,QAAQ,GACvB,IACL,EAAU,QAAU,EAAM,QAC9B,EAEM,EAAmB,GAA4C,CACjE,GAAI,GAAY,EAAY,OAC5B,IAAM,EAAS,EAAU,QACzB,GAAI,IAAW,KAAM,OACrB,IAAM,EAAQ,EAAM,QAAQ,GAC5B,GAAI,CAAC,EAAO,OACZ,IAAM,EAAQ,EAAM,QAAU,EAC9B,GAAI,GAAS,EAAG,CACZ,EAAQ,CAAC,EACT,MACJ,CACA,EAAQ,EAAgB,EAAO,CAAS,CAAC,CAC7C,EAEM,MAAoB,CACtB,EAAU,QAAU,KACpB,EAAQ,CAAC,CACb,EAEM,EAAiB,SAA2B,CAC9C,GAAI,GAAY,EAAY,CACxB,EAAM,EACN,MACJ,CAGA,GAAI,EAFW,EAAU,UACI,MAAQ,GAAQ,GAC7B,CACZ,EAAM,EACN,MACJ,CACA,EAAU,QAAU,KACpB,EAAc,EAAI,EAClB,EAAQ,CAAS,EACjB,GAAI,CACA,MAAM,EAAU,CACpB,QAAU,CACN,EAAc,EAAK,EACnB,EAAQ,CAAC,CACb,CACJ,EAEM,EAAgB,GAAc,EAAO,EACrC,EAAW,KAAK,IAAI,EAAG,EAAO,CAAS,EAE7C,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EACvC,kBAAiB,EACjB,aAAc,EACd,YAAa,EACb,WAAY,WANhB,EAQI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,UAClB,cAAa,CAAC,EACd,MAAO,CACH,QAAS,EAAa,EAAI,EAC1B,UAAW,+BAA+B,EAAgB,EAAO,EAAE,aAAa,EAAW,IAAI,KACnG,YAEA,EAAA,EAAA,IAAA,CAAC,EAAA,QAAD,CAAS,KAAK,KAAK,MAAM,aAAe,CAAA,CACvC,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,SAAU,GAAW,IAAe,EAAA,QAAO,QAAQ,EACxE,MAAO,CAAE,UAAW,cAAc,EAAgB,EAAO,EAAE,IAAK,EAE/D,UACA,CAAA,CACJ,GAEb"}

package/dist/components/RefreshIndicator/RefreshIndicator.js

@@ -0,0 +1,76 @@
+import { cn as e } from "../../utils/cn.js";
+import { Spinner as t } from "../Spinner/Spinner.js";
+import n from "./RefreshIndicator.module.js";
+import { useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/RefreshIndicator/RefreshIndicator.tsx
+function s(e, t) {
+	let n = t * 1.5;
+	return Math.min(e / 2, n);
+}
+function c({ onRefresh: c, children: l, threshold: u = 80, disabled: d, className: f }) {
+	let p = r(null), m = r(null), [h, g] = i(0), [_, v] = i(!1), y = m.current !== null, b = (e) => {
+		if (d || _) return;
+		let t = p.current;
+		if (!t || t.scrollTop > 0) return;
+		let n = e.touches[0];
+		n && (m.current = n.clientY);
+	}, x = (e) => {
+		if (d || _) return;
+		let t = m.current;
+		if (t === null) return;
+		let n = e.touches[0];
+		if (!n) return;
+		let r = n.clientY - t;
+		if (r <= 0) {
+			g(0);
+			return;
+		}
+		g(s(r, u));
+	}, S = () => {
+		m.current = null, g(0);
+	}, C = async () => {
+		if (d || _) {
+			S();
+			return;
+		}
+		if (!(m.current !== null && h >= u)) {
+			S();
+			return;
+		}
+		m.current = null, v(!0), g(u);
+		try {
+			await c();
+		} finally {
+			v(!1), g(0);
+		}
+	}, w = _ || h > 0, T = Math.min(1, h / u);
+	return /* @__PURE__ */ o("div", {
+		ref: p,
+		className: e(n.wrapper, f),
+		"data-refreshing": _,
+		onTouchStart: b,
+		onTouchMove: x,
+		onTouchEnd: C,
+		children: [/* @__PURE__ */ a("div", {
+			className: n.indicator,
+			"aria-hidden": !w,
+			style: {
+				opacity: _ ? 1 : T,
+				transform: `translateX(-50%) translateY(${w ? h : 0}px) rotate(${T * 360}deg)`
+			},
+			children: /* @__PURE__ */ a(t, {
+				size: "sm",
+				label: "Atualizando"
+			})
+		}), /* @__PURE__ */ a("div", {
+			className: e(n.content, (y || _) && n.dragging),
+			style: { transform: `translateY(${w ? h : 0}px)` },
+			children: l
+		})]
+	});
+}
+//#endregion
+export { c as RefreshIndicator };
+
+//# sourceMappingURL=RefreshIndicator.js.map

package/dist/components/RefreshIndicator/RefreshIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshIndicator.js","names":[],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.tsx"],"sourcesContent":["import { useRef, useState, type ReactNode, type TouchEvent } from \"react\";\nimport { Spinner } from \"@/components/Spinner\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RefreshIndicator.module.css\";\n\nexport interface RefreshIndicatorProps {\n    /** Invoked when the user pulls past `threshold` and releases. May be async. */\n    onRefresh: () => void | Promise<void>;\n    /** Scrollable content to wrap. */\n    children: ReactNode;\n    /** Pixels the user must pull past to trigger a refresh. Defaults to `80`. */\n    threshold?: number;\n    /** When true, pull-to-refresh is inert. */\n    disabled?: boolean;\n    className?: string;\n}\n\n/** Apply resistance so the content lags behind the finger and the pull never runs away. */\nfunction applyResistance(distance: number, threshold: number): number {\n    const cap = threshold * 1.5;\n    return Math.min(distance / 2, cap);\n}\n\n/**\n * RefreshIndicator — pull-to-refresh wrapper for touch devices.\n *\n * Wraps scrollable `children` and listens for a downward drag that starts while the\n * container is scrolled to the top. Pulling past `threshold` and releasing triggers\n * `onRefresh`; the SDK {@link Spinner} is shown while pulling and during the refresh.\n */\nexport function RefreshIndicator({\n    onRefresh,\n    children,\n    threshold = 80,\n    disabled,\n    className,\n}: RefreshIndicatorProps) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const startYRef = useRef<number | null>(null);\n    const [pull, setPull] = useState(0);\n    const [refreshing, setRefreshing] = useState(false);\n\n    const engaged = startYRef.current !== null;\n\n    const handleTouchStart = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const container = containerRef.current;\n        if (!container || container.scrollTop > 0) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        startYRef.current = touch.clientY;\n    };\n\n    const handleTouchMove = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const startY = startYRef.current;\n        if (startY === null) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        const delta = touch.clientY - startY;\n        if (delta <= 0) {\n            setPull(0);\n            return;\n        }\n        setPull(applyResistance(delta, threshold));\n    };\n\n    const reset = (): void => {\n        startYRef.current = null;\n        setPull(0);\n    };\n\n    const handleTouchEnd = async (): Promise<void> => {\n        if (disabled || refreshing) {\n            reset();\n            return;\n        }\n        const startY = startYRef.current;\n        const triggered = startY !== null && pull >= threshold;\n        if (!triggered) {\n            reset();\n            return;\n        }\n        startYRef.current = null;\n        setRefreshing(true);\n        setPull(threshold);\n        try {\n            await onRefresh();\n        } finally {\n            setRefreshing(false);\n            setPull(0);\n        }\n    };\n\n    const showIndicator = refreshing || pull > 0;\n    const progress = Math.min(1, pull / threshold);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.wrapper, className)}\n            data-refreshing={refreshing}\n            onTouchStart={handleTouchStart}\n            onTouchMove={handleTouchMove}\n            onTouchEnd={handleTouchEnd}\n        >\n            <div\n                className={styles.indicator}\n                aria-hidden={!showIndicator}\n                style={{\n                    opacity: refreshing ? 1 : progress,\n                    transform: `translateX(-50%) translateY(${showIndicator ? pull : 0}px) rotate(${progress * 360}deg)`,\n                }}\n            >\n                <Spinner size=\"sm\" label=\"Atualizando\" />\n            </div>\n            <div\n                className={cn(styles.content, (engaged || refreshing) && styles.dragging)}\n                style={{ transform: `translateY(${showIndicator ? pull : 0}px)` }}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;;AAkBA,SAAS,EAAgB,GAAkB,GAA2B;CAClE,IAAM,IAAM,IAAY;CACxB,OAAO,KAAK,IAAI,IAAW,GAAG,CAAG;AACrC;AASA,SAAgB,EAAiB,EAC7B,cACA,aACA,eAAY,IACZ,aACA,gBACsB;CACtB,IAAM,IAAe,EAAuB,IAAI,GAC1C,IAAY,EAAsB,IAAI,GACtC,CAAC,GAAM,KAAW,EAAS,CAAC,GAC5B,CAAC,GAAY,KAAiB,EAAS,EAAK,GAE5C,IAAU,EAAU,YAAY,MAEhC,KAAoB,MAA4C;EAClE,IAAI,KAAY,GAAY;EAC5B,IAAM,IAAY,EAAa;EAC/B,IAAI,CAAC,KAAa,EAAU,YAAY,GAAG;EAC3C,IAAM,IAAQ,EAAM,QAAQ;EACvB,MACL,EAAU,UAAU,EAAM;CAC9B,GAEM,KAAmB,MAA4C;EACjE,IAAI,KAAY,GAAY;EAC5B,IAAM,IAAS,EAAU;EACzB,IAAI,MAAW,MAAM;EACrB,IAAM,IAAQ,EAAM,QAAQ;EAC5B,IAAI,CAAC,GAAO;EACZ,IAAM,IAAQ,EAAM,UAAU;EAC9B,IAAI,KAAS,GAAG;GACZ,EAAQ,CAAC;GACT;EACJ;EACA,EAAQ,EAAgB,GAAO,CAAS,CAAC;CAC7C,GAEM,UAAoB;EAEtB,AADA,EAAU,UAAU,MACpB,EAAQ,CAAC;CACb,GAEM,IAAiB,YAA2B;EAC9C,IAAI,KAAY,GAAY;GACxB,EAAM;GACN;EACJ;EAGA,IAAI,EAFW,EAAU,YACI,QAAQ,KAAQ,IAC7B;GACZ,EAAM;GACN;EACJ;EAGA,AAFA,EAAU,UAAU,MACpB,EAAc,EAAI,GAClB,EAAQ,CAAS;EACjB,IAAI;GACA,MAAM,EAAU;EACpB,UAAU;GAEN,AADA,EAAc,EAAK,GACnB,EAAQ,CAAC;EACb;CACJ,GAEM,IAAgB,KAAc,IAAO,GACrC,IAAW,KAAK,IAAI,GAAG,IAAO,CAAS;CAE7C,OACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EAAG,EAAO,SAAS,CAAS;EACvC,mBAAiB;EACjB,cAAc;EACd,aAAa;EACb,YAAY;YANhB,CAQI,kBAAC,OAAD;GACI,WAAW,EAAO;GAClB,eAAa,CAAC;GACd,OAAO;IACH,SAAS,IAAa,IAAI;IAC1B,WAAW,+BAA+B,IAAgB,IAAO,EAAE,aAAa,IAAW,IAAI;GACnG;aAEA,kBAAC,GAAD;IAAS,MAAK;IAAK,OAAM;GAAe,CAAA;EACvC,CAAA,GACL,kBAAC,OAAD;GACI,WAAW,EAAG,EAAO,UAAU,KAAW,MAAe,EAAO,QAAQ;GACxE,OAAO,EAAE,WAAW,cAAc,IAAgB,IAAO,EAAE,KAAK;GAE/D;EACA,CAAA,CACJ;;AAEb"}

package/dist/components/RefreshIndicator/RefreshIndicator.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_vGp-3`,t=`tempest_indicator_S7mV0`,n=`tempest_content_bZdpc`,r=`tempest_dragging_BvUty`,i={wrapper:e,indicator:t,content:n,dragging:r};exports.content=n,exports.default=i,exports.dragging=r,exports.indicator=t,exports.wrapper=e;
+//# sourceMappingURL=RefreshIndicator.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshIndicator.module.cjs","names":[],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.module.css"],"sourcesContent":[".wrapper {\n    position: relative;\n    overflow-y: auto;\n    height: 100%;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    -webkit-overflow-scrolling: touch;\n}\n\n.indicator {\n    position: absolute;\n    top: var(--tempest-space-2);\n    left: 50%;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-primary);\n    box-shadow: var(--tempest-shadow-lg);\n    pointer-events: none;\n    transform: translateX(-50%);\n}\n\n.content {\n    will-change: transform;\n}\n\n.content.dragging {\n    transition: transform 0.2s ease;\n}\n"],"mappings":""}

package/dist/components/RefreshIndicator/RefreshIndicator.module.js

@@ -0,0 +1,11 @@
+//#region src/components/RefreshIndicator/RefreshIndicator.module.css
+var e = "tempest_wrapper_vGp-3", t = "tempest_indicator_S7mV0", n = "tempest_content_bZdpc", r = "tempest_dragging_BvUty", i = {
+	wrapper: e,
+	indicator: t,
+	content: n,
+	dragging: r
+};
+//#endregion
+export { n as content, i as default, r as dragging, t as indicator, e as wrapper };
+
+//# sourceMappingURL=RefreshIndicator.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshIndicator.module.js","names":[],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.module.css"],"sourcesContent":[".wrapper {\n    position: relative;\n    overflow-y: auto;\n    height: 100%;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    -webkit-overflow-scrolling: touch;\n}\n\n.indicator {\n    position: absolute;\n    top: var(--tempest-space-2);\n    left: 50%;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-primary);\n    box-shadow: var(--tempest-shadow-lg);\n    pointer-events: none;\n    transform: translateX(-50%);\n}\n\n.content {\n    will-change: transform;\n}\n\n.content.dragging {\n    transition: transform 0.2s ease;\n}\n"],"mappings":""}

package/dist/components/RelativeTime/RelativeTime.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/relative-time.cjs");let t=require("react/jsx-runtime");function n({date:n,locale:r=`pt`,...i}){let a=n instanceof Date?n:new Date(n),o=Number.isNaN(a.getTime())?void 0:a.toISOString(),s=e.relativeTime(n,{locale:r===`pt`?`pt-BR`:`en`});return(0,t.jsx)(`time`,{dateTime:o,...i,children:s})}exports.RelativeTime=n;
+//# sourceMappingURL=RelativeTime.cjs.map

package/dist/components/RelativeTime/RelativeTime.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelativeTime.cjs","names":[],"sources":["../../../src/components/RelativeTime/RelativeTime.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { relativeTime } from \"@/utils/relative-time\";\n\nexport interface RelativeTimeProps extends HTMLAttributes<HTMLTimeElement> {\n    /** The instant to render relative to now. */\n    date: Date | string | number;\n    /** Output language. Defaults to \"pt\". */\n    locale?: \"pt\" | \"en\";\n}\n\n/**\n * Render a date as a human-friendly relative-time string (e.g. \"5 min atrás\")\n * inside a semantic `<time>` element with a machine-readable `dateTime`.\n *\n * Delegates the wording to the `relativeTime` util; \"pt\" maps to its \"pt-BR\"\n * locale.\n *\n * @example\n * <RelativeTime date={post.createdAt} locale=\"en\" />\n */\nexport function RelativeTime({ date, locale = \"pt\", ...props }: RelativeTimeProps) {\n    const target = date instanceof Date ? date : new Date(date);\n    const iso = Number.isNaN(target.getTime()) ? undefined : target.toISOString();\n    const label = relativeTime(date, { locale: locale === \"pt\" ? \"pt-BR\" : \"en\" });\n\n    return (\n        <time dateTime={iso} {...props}>\n            {label}\n        </time>\n    );\n}\n"],"mappings":"oFAoBA,SAAgB,EAAa,CAAE,OAAM,SAAS,KAAM,GAAG,GAA4B,CAC/E,IAAM,EAAS,aAAgB,KAAO,EAAO,IAAI,KAAK,CAAI,EACpD,EAAM,OAAO,MAAM,EAAO,QAAQ,CAAC,EAAI,IAAA,GAAY,EAAO,YAAY,EACtE,EAAQ,EAAA,aAAa,EAAM,CAAE,OAAQ,IAAW,KAAO,QAAU,IAAK,CAAC,EAE7E,OACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,SAAU,EAAK,GAAI,WACpB,CACC,CAAA,CAEd"}

package/dist/components/RelativeTime/RelativeTime.js

@@ -0,0 +1,15 @@
+import { relativeTime as e } from "../../utils/relative-time.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/RelativeTime/RelativeTime.tsx
+function n({ date: n, locale: r = "pt", ...i }) {
+	let a = n instanceof Date ? n : new Date(n), o = Number.isNaN(a.getTime()) ? void 0 : a.toISOString(), s = e(n, { locale: r === "pt" ? "pt-BR" : "en" });
+	return /* @__PURE__ */ t("time", {
+		dateTime: o,
+		...i,
+		children: s
+	});
+}
+//#endregion
+export { n as RelativeTime };
+
+//# sourceMappingURL=RelativeTime.js.map

package/dist/components/RelativeTime/RelativeTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelativeTime.js","names":[],"sources":["../../../src/components/RelativeTime/RelativeTime.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { relativeTime } from \"@/utils/relative-time\";\n\nexport interface RelativeTimeProps extends HTMLAttributes<HTMLTimeElement> {\n    /** The instant to render relative to now. */\n    date: Date | string | number;\n    /** Output language. Defaults to \"pt\". */\n    locale?: \"pt\" | \"en\";\n}\n\n/**\n * Render a date as a human-friendly relative-time string (e.g. \"5 min atrás\")\n * inside a semantic `<time>` element with a machine-readable `dateTime`.\n *\n * Delegates the wording to the `relativeTime` util; \"pt\" maps to its \"pt-BR\"\n * locale.\n *\n * @example\n * <RelativeTime date={post.createdAt} locale=\"en\" />\n */\nexport function RelativeTime({ date, locale = \"pt\", ...props }: RelativeTimeProps) {\n    const target = date instanceof Date ? date : new Date(date);\n    const iso = Number.isNaN(target.getTime()) ? undefined : target.toISOString();\n    const label = relativeTime(date, { locale: locale === \"pt\" ? \"pt-BR\" : \"en\" });\n\n    return (\n        <time dateTime={iso} {...props}>\n            {label}\n        </time>\n    );\n}\n"],"mappings":";;;AAoBA,SAAgB,EAAa,EAAE,SAAM,YAAS,MAAM,GAAG,KAA4B;CAC/E,IAAM,IAAS,aAAgB,OAAO,IAAO,IAAI,KAAK,CAAI,GACpD,IAAM,OAAO,MAAM,EAAO,QAAQ,CAAC,IAAI,KAAA,IAAY,EAAO,YAAY,GACtE,IAAQ,EAAa,GAAM,EAAE,QAAQ,MAAW,OAAO,UAAU,KAAK,CAAC;CAE7E,OACI,kBAAC,QAAD;EAAM,UAAU;EAAK,GAAI;YACpB;CACC,CAAA;AAEd"}

package/dist/components/Resizable/Resizable.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Resizable.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=2;function a(e,t,n){return Math.min(n,Math.max(t,e))}function o({direction:o=`horizontal`,defaultSize:s=50,min:c=10,max:l=90,children:u,className:d,...f}){let[p,m]=(0,n.useState)(()=>a(s,c,l)),h=(0,n.useRef)(null),[g,_]=u,v=o===`horizontal`,y=(0,n.useCallback)((e,t)=>{let n=h.current;if(!n)return;let r=n.getBoundingClientRect(),i=v?r.width:r.height;if(i<=0)return;let o=(v?e-r.left:t-r.top)/i*100;m(a(o,c,l))},[v,c,l]),b=(0,n.useCallback)(e=>{e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId);let t=e=>{y(e.clientX,e.clientY)},n=()=>{window.removeEventListener(`pointermove`,t),window.removeEventListener(`pointerup`,n)};window.addEventListener(`pointermove`,t),window.addEventListener(`pointerup`,n)},[y]),x=(0,n.useCallback)(e=>{let t=0;if(v?e.key===`ArrowRight`?t=i:e.key===`ArrowLeft`&&(t=-2):e.key===`ArrowDown`?t=i:e.key===`ArrowUp`&&(t=-2),e.key===`Home`){e.preventDefault(),m(c);return}if(e.key===`End`){e.preventDefault(),m(l);return}t!==0&&(e.preventDefault(),m(e=>a(e+t,c,l)))},[v,c,l]);return(0,r.jsxs)(`div`,{ref:h,className:e.cn(t.default.root,v?t.default.horizontal:t.default.vertical,d),...f,children:[(0,r.jsx)(`div`,{className:t.default.pane,style:{flexBasis:`${p}%`},children:g}),(0,r.jsx)(`div`,{role:`separator`,"aria-orientation":v?`vertical`:`horizontal`,"aria-valuenow":Math.round(p),"aria-valuemin":c,"aria-valuemax":l,tabIndex:0,className:t.default.divider,onPointerDown:b,onKeyDown:x,children:(0,r.jsx)(`span`,{className:t.default.handle,"aria-hidden":`true`})}),(0,r.jsx)(`div`,{className:t.default.pane,style:{flexBasis:`${100-p}%`},children:_})]})}exports.Resizable=o;
+//# sourceMappingURL=Resizable.cjs.map

package/dist/components/Resizable/Resizable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.cjs","names":[],"sources":["../../../src/components/Resizable/Resizable.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent, PointerEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Resizable.module.css\";\n\nexport type ResizableDirection = \"horizontal\" | \"vertical\";\n\nexport interface ResizableProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Split orientation. `horizontal` (default) places panes side by side. */\n    direction?: ResizableDirection;\n    /** Initial size of the first pane, as a percentage. Defaults to `50`. */\n    defaultSize?: number;\n    /** Lower clamp for the first pane size, in percent. Defaults to `10`. */\n    min?: number;\n    /** Upper clamp for the first pane size, in percent. Defaults to `90`. */\n    max?: number;\n    /** Exactly two panes — `[paneA, paneB]`. */\n    children: [ReactNode, ReactNode];\n}\n\nconst KEY_STEP = 2;\n\n/**\n * Clamp a number into the inclusive `[min, max]` range.\n *\n * @param value - The value to clamp.\n * @param min - Lower bound.\n * @param max - Upper bound.\n * @returns The clamped value.\n */\nfunction clamp(value: number, min: number, max: number): number {\n    return Math.min(max, Math.max(min, value));\n}\n\n/**\n * A two-pane split layout with a draggable divider. The first pane is sized via\n * `flex-basis` as a percentage; the second pane fills the rest. Drag the divider\n * with a pointer, or focus it and use the arrow keys to adjust by 2% steps.\n *\n * The size is clamped to `[min, max]` at all times.\n */\nexport function Resizable({\n    direction = \"horizontal\",\n    defaultSize = 50,\n    min = 10,\n    max = 90,\n    children,\n    className,\n    ...props\n}: ResizableProps) {\n    const [size, setSize] = useState<number>(() => clamp(defaultSize, min, max));\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const [paneA, paneB] = children;\n    const isHorizontal = direction === \"horizontal\";\n\n    const updateFromPointer = useCallback(\n        (clientX: number, clientY: number): void => {\n            const container = containerRef.current;\n            if (!container) return;\n            const rect = container.getBoundingClientRect();\n            const total = isHorizontal ? rect.width : rect.height;\n            if (total <= 0) return;\n            const offset = isHorizontal ? clientX - rect.left : clientY - rect.top;\n            const percent = (offset / total) * 100;\n            setSize(clamp(percent, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    const handlePointerDown = useCallback(\n        (event: PointerEvent<HTMLDivElement>): void => {\n            event.preventDefault();\n            const divider = event.currentTarget;\n            divider.setPointerCapture(event.pointerId);\n\n            const handleMove = (moveEvent: globalThis.PointerEvent): void => {\n                updateFromPointer(moveEvent.clientX, moveEvent.clientY);\n            };\n            const handleUp = (): void => {\n                window.removeEventListener(\"pointermove\", handleMove);\n                window.removeEventListener(\"pointerup\", handleUp);\n            };\n\n            window.addEventListener(\"pointermove\", handleMove);\n            window.addEventListener(\"pointerup\", handleUp);\n        },\n        [updateFromPointer],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>): void => {\n            let delta = 0;\n            if (isHorizontal) {\n                if (event.key === \"ArrowRight\") delta = KEY_STEP;\n                else if (event.key === \"ArrowLeft\") delta = -KEY_STEP;\n            } else {\n                if (event.key === \"ArrowDown\") delta = KEY_STEP;\n                else if (event.key === \"ArrowUp\") delta = -KEY_STEP;\n            }\n            if (event.key === \"Home\") {\n                event.preventDefault();\n                setSize(min);\n                return;\n            }\n            if (event.key === \"End\") {\n                event.preventDefault();\n                setSize(max);\n                return;\n            }\n            if (delta === 0) return;\n            event.preventDefault();\n            setSize((current) => clamp(current + delta, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(\n                styles.root,\n                isHorizontal ? styles.horizontal : styles.vertical,\n                className,\n            )}\n            {...props}\n        >\n            <div className={styles.pane} style={{ flexBasis: `${size}%` }}>\n                {paneA}\n            </div>\n            <div\n                role=\"separator\"\n                aria-orientation={isHorizontal ? \"vertical\" : \"horizontal\"}\n                aria-valuenow={Math.round(size)}\n                aria-valuemin={min}\n                aria-valuemax={max}\n                tabIndex={0}\n                className={styles.divider}\n                onPointerDown={handlePointerDown}\n                onKeyDown={handleKeyDown}\n            >\n                <span className={styles.handle} aria-hidden=\"true\" />\n            </div>\n            <div className={styles.pane} style={{ flexBasis: `${100 - size}%` }}>\n                {paneB}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"gIAoBA,IAAM,EAAW,EAUjB,SAAS,EAAM,EAAe,EAAa,EAAqB,CAC5D,OAAO,KAAK,IAAI,EAAK,KAAK,IAAI,EAAK,CAAK,CAAC,CAC7C,CASA,SAAgB,EAAU,CACtB,YAAY,aACZ,cAAc,GACd,MAAM,GACN,MAAM,GACN,WACA,YACA,GAAG,GACY,CACf,GAAM,CAAC,EAAM,IAAA,EAAA,EAAA,SAAA,KAAkC,EAAM,EAAa,EAAK,CAAG,CAAC,EACrE,GAAA,EAAA,EAAA,OAAA,CAA6C,IAAI,EACjD,CAAC,EAAO,GAAS,EACjB,EAAe,IAAc,aAE7B,GAAA,EAAA,EAAA,YAAA,EACD,EAAiB,IAA0B,CACxC,IAAM,EAAY,EAAa,QAC/B,GAAI,CAAC,EAAW,OAChB,IAAM,EAAO,EAAU,sBAAsB,EACvC,EAAQ,EAAe,EAAK,MAAQ,EAAK,OAC/C,GAAI,GAAS,EAAG,OAEhB,IAAM,GADS,EAAe,EAAU,EAAK,KAAO,EAAU,EAAK,KACzC,EAAS,IACnC,EAAQ,EAAM,EAAS,EAAK,CAAG,CAAC,CACpC,EACA,CAAC,EAAc,EAAK,CAAG,CAC3B,EAEM,GAAA,EAAA,EAAA,YAAA,CACD,GAA8C,CAC3C,EAAM,eAAe,EAErB,EADsB,cACd,kBAAkB,EAAM,SAAS,EAEzC,IAAM,EAAc,GAA6C,CAC7D,EAAkB,EAAU,QAAS,EAAU,OAAO,CAC1D,EACM,MAAuB,CACzB,OAAO,oBAAoB,cAAe,CAAU,EACpD,OAAO,oBAAoB,YAAa,CAAQ,CACpD,EAEA,OAAO,iBAAiB,cAAe,CAAU,EACjD,OAAO,iBAAiB,YAAa,CAAQ,CACjD,EACA,CAAC,CAAiB,CACtB,EAEM,GAAA,EAAA,EAAA,YAAA,CACD,GAA+C,CAC5C,IAAI,EAAQ,EAQZ,GAPI,EACI,EAAM,MAAQ,aAAc,EAAQ,EAC/B,EAAM,MAAQ,cAAa,EAAQ,IAExC,EAAM,MAAQ,YAAa,EAAQ,EAC9B,EAAM,MAAQ,YAAW,EAAQ,IAE1C,EAAM,MAAQ,OAAQ,CACtB,EAAM,eAAe,EACrB,EAAQ,CAAG,EACX,MACJ,CACA,GAAI,EAAM,MAAQ,MAAO,CACrB,EAAM,eAAe,EACrB,EAAQ,CAAG,EACX,MACJ,CACI,IAAU,IACd,EAAM,eAAe,EACrB,EAAS,GAAY,EAAM,EAAU,EAAO,EAAK,CAAG,CAAC,EACzD,EACA,CAAC,EAAc,EAAK,CAAG,CAC3B,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,GACP,EAAA,QAAO,KACP,EAAe,EAAA,QAAO,WAAa,EAAA,QAAO,SAC1C,CACJ,EACA,GAAI,WAPR,EASI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAM,MAAO,CAAE,UAAW,GAAG,EAAK,EAAG,WACvD,CACA,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,YACL,mBAAkB,EAAe,WAAa,aAC9C,gBAAe,KAAK,MAAM,CAAI,EAC9B,gBAAe,EACf,gBAAe,EACf,SAAU,EACV,UAAW,EAAA,QAAO,QAClB,cAAe,EACf,UAAW,YAEX,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,OAAQ,cAAY,MAAQ,CAAA,CACnD,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAM,MAAO,CAAE,UAAW,GAAG,IAAM,EAAK,EAAG,WAC7D,CACA,CAAA,CACJ,GAEb"}

package/dist/components/Resizable/Resizable.js

@@ -0,0 +1,82 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Resizable.module.js";
+import { useCallback as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/Resizable/Resizable.tsx
+var s = 2;
+function c(e, t, n) {
+	return Math.min(n, Math.max(t, e));
+}
+function l({ direction: l = "horizontal", defaultSize: u = 50, min: d = 10, max: f = 90, children: p, className: m, ...h }) {
+	let [g, _] = i(() => c(u, d, f)), v = r(null), [y, b] = p, x = l === "horizontal", S = n((e, t) => {
+		let n = v.current;
+		if (!n) return;
+		let r = n.getBoundingClientRect(), i = x ? r.width : r.height;
+		if (i <= 0) return;
+		let a = (x ? e - r.left : t - r.top) / i * 100;
+		_(c(a, d, f));
+	}, [
+		x,
+		d,
+		f
+	]), C = n((e) => {
+		e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId);
+		let t = (e) => {
+			S(e.clientX, e.clientY);
+		}, n = () => {
+			window.removeEventListener("pointermove", t), window.removeEventListener("pointerup", n);
+		};
+		window.addEventListener("pointermove", t), window.addEventListener("pointerup", n);
+	}, [S]), w = n((e) => {
+		let t = 0;
+		if (x ? e.key === "ArrowRight" ? t = s : e.key === "ArrowLeft" && (t = -2) : e.key === "ArrowDown" ? t = s : e.key === "ArrowUp" && (t = -2), e.key === "Home") {
+			e.preventDefault(), _(d);
+			return;
+		}
+		if (e.key === "End") {
+			e.preventDefault(), _(f);
+			return;
+		}
+		t !== 0 && (e.preventDefault(), _((e) => c(e + t, d, f)));
+	}, [
+		x,
+		d,
+		f
+	]);
+	return /* @__PURE__ */ o("div", {
+		ref: v,
+		className: e(t.root, x ? t.horizontal : t.vertical, m),
+		...h,
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: t.pane,
+				style: { flexBasis: `${g}%` },
+				children: y
+			}),
+			/* @__PURE__ */ a("div", {
+				role: "separator",
+				"aria-orientation": x ? "vertical" : "horizontal",
+				"aria-valuenow": Math.round(g),
+				"aria-valuemin": d,
+				"aria-valuemax": f,
+				tabIndex: 0,
+				className: t.divider,
+				onPointerDown: C,
+				onKeyDown: w,
+				children: /* @__PURE__ */ a("span", {
+					className: t.handle,
+					"aria-hidden": "true"
+				})
+			}),
+			/* @__PURE__ */ a("div", {
+				className: t.pane,
+				style: { flexBasis: `${100 - g}%` },
+				children: b
+			})
+		]
+	});
+}
+//#endregion
+export { l as Resizable };
+
+//# sourceMappingURL=Resizable.js.map

package/dist/components/Resizable/Resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.js","names":[],"sources":["../../../src/components/Resizable/Resizable.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent, PointerEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Resizable.module.css\";\n\nexport type ResizableDirection = \"horizontal\" | \"vertical\";\n\nexport interface ResizableProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Split orientation. `horizontal` (default) places panes side by side. */\n    direction?: ResizableDirection;\n    /** Initial size of the first pane, as a percentage. Defaults to `50`. */\n    defaultSize?: number;\n    /** Lower clamp for the first pane size, in percent. Defaults to `10`. */\n    min?: number;\n    /** Upper clamp for the first pane size, in percent. Defaults to `90`. */\n    max?: number;\n    /** Exactly two panes — `[paneA, paneB]`. */\n    children: [ReactNode, ReactNode];\n}\n\nconst KEY_STEP = 2;\n\n/**\n * Clamp a number into the inclusive `[min, max]` range.\n *\n * @param value - The value to clamp.\n * @param min - Lower bound.\n * @param max - Upper bound.\n * @returns The clamped value.\n */\nfunction clamp(value: number, min: number, max: number): number {\n    return Math.min(max, Math.max(min, value));\n}\n\n/**\n * A two-pane split layout with a draggable divider. The first pane is sized via\n * `flex-basis` as a percentage; the second pane fills the rest. Drag the divider\n * with a pointer, or focus it and use the arrow keys to adjust by 2% steps.\n *\n * The size is clamped to `[min, max]` at all times.\n */\nexport function Resizable({\n    direction = \"horizontal\",\n    defaultSize = 50,\n    min = 10,\n    max = 90,\n    children,\n    className,\n    ...props\n}: ResizableProps) {\n    const [size, setSize] = useState<number>(() => clamp(defaultSize, min, max));\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const [paneA, paneB] = children;\n    const isHorizontal = direction === \"horizontal\";\n\n    const updateFromPointer = useCallback(\n        (clientX: number, clientY: number): void => {\n            const container = containerRef.current;\n            if (!container) return;\n            const rect = container.getBoundingClientRect();\n            const total = isHorizontal ? rect.width : rect.height;\n            if (total <= 0) return;\n            const offset = isHorizontal ? clientX - rect.left : clientY - rect.top;\n            const percent = (offset / total) * 100;\n            setSize(clamp(percent, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    const handlePointerDown = useCallback(\n        (event: PointerEvent<HTMLDivElement>): void => {\n            event.preventDefault();\n            const divider = event.currentTarget;\n            divider.setPointerCapture(event.pointerId);\n\n            const handleMove = (moveEvent: globalThis.PointerEvent): void => {\n                updateFromPointer(moveEvent.clientX, moveEvent.clientY);\n            };\n            const handleUp = (): void => {\n                window.removeEventListener(\"pointermove\", handleMove);\n                window.removeEventListener(\"pointerup\", handleUp);\n            };\n\n            window.addEventListener(\"pointermove\", handleMove);\n            window.addEventListener(\"pointerup\", handleUp);\n        },\n        [updateFromPointer],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>): void => {\n            let delta = 0;\n            if (isHorizontal) {\n                if (event.key === \"ArrowRight\") delta = KEY_STEP;\n                else if (event.key === \"ArrowLeft\") delta = -KEY_STEP;\n            } else {\n                if (event.key === \"ArrowDown\") delta = KEY_STEP;\n                else if (event.key === \"ArrowUp\") delta = -KEY_STEP;\n            }\n            if (event.key === \"Home\") {\n                event.preventDefault();\n                setSize(min);\n                return;\n            }\n            if (event.key === \"End\") {\n                event.preventDefault();\n                setSize(max);\n                return;\n            }\n            if (delta === 0) return;\n            event.preventDefault();\n            setSize((current) => clamp(current + delta, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(\n                styles.root,\n                isHorizontal ? styles.horizontal : styles.vertical,\n                className,\n            )}\n            {...props}\n        >\n            <div className={styles.pane} style={{ flexBasis: `${size}%` }}>\n                {paneA}\n            </div>\n            <div\n                role=\"separator\"\n                aria-orientation={isHorizontal ? \"vertical\" : \"horizontal\"}\n                aria-valuenow={Math.round(size)}\n                aria-valuemin={min}\n                aria-valuemax={max}\n                tabIndex={0}\n                className={styles.divider}\n                onPointerDown={handlePointerDown}\n                onKeyDown={handleKeyDown}\n            >\n                <span className={styles.handle} aria-hidden=\"true\" />\n            </div>\n            <div className={styles.pane} style={{ flexBasis: `${100 - size}%` }}>\n                {paneB}\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;AAoBA,IAAM,IAAW;AAUjB,SAAS,EAAM,GAAe,GAAa,GAAqB;CAC5D,OAAO,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,CAAK,CAAC;AAC7C;AASA,SAAgB,EAAU,EACtB,eAAY,cACZ,iBAAc,IACd,SAAM,IACN,SAAM,IACN,aACA,cACA,GAAG,KACY;CACf,IAAM,CAAC,GAAM,KAAW,QAAuB,EAAM,GAAa,GAAK,CAAG,CAAC,GACrE,IAAe,EAA8B,IAAI,GACjD,CAAC,GAAO,KAAS,GACjB,IAAe,MAAc,cAE7B,IAAoB,GACrB,GAAiB,MAA0B;EACxC,IAAM,IAAY,EAAa;EAC/B,IAAI,CAAC,GAAW;EAChB,IAAM,IAAO,EAAU,sBAAsB,GACvC,IAAQ,IAAe,EAAK,QAAQ,EAAK;EAC/C,IAAI,KAAS,GAAG;EAEhB,IAAM,KADS,IAAe,IAAU,EAAK,OAAO,IAAU,EAAK,OACzC,IAAS;EACnC,EAAQ,EAAM,GAAS,GAAK,CAAG,CAAC;CACpC,GACA;EAAC;EAAc;EAAK;CAAG,CAC3B,GAEM,IAAoB,GACrB,MAA8C;EAG3C,AAFA,EAAM,eAAe,GAErB,EADsB,cACd,kBAAkB,EAAM,SAAS;EAEzC,IAAM,KAAc,MAA6C;GAC7D,EAAkB,EAAU,SAAS,EAAU,OAAO;EAC1D,GACM,UAAuB;GAEzB,AADA,OAAO,oBAAoB,eAAe,CAAU,GACpD,OAAO,oBAAoB,aAAa,CAAQ;EACpD;EAGA,AADA,OAAO,iBAAiB,eAAe,CAAU,GACjD,OAAO,iBAAiB,aAAa,CAAQ;CACjD,GACA,CAAC,CAAiB,CACtB,GAEM,IAAgB,GACjB,MAA+C;EAC5C,IAAI,IAAQ;EAQZ,IAPI,IACI,EAAM,QAAQ,eAAc,IAAQ,IAC/B,EAAM,QAAQ,gBAAa,IAAQ,MAExC,EAAM,QAAQ,cAAa,IAAQ,IAC9B,EAAM,QAAQ,cAAW,IAAQ,KAE1C,EAAM,QAAQ,QAAQ;GAEtB,AADA,EAAM,eAAe,GACrB,EAAQ,CAAG;GACX;EACJ;EACA,IAAI,EAAM,QAAQ,OAAO;GAErB,AADA,EAAM,eAAe,GACrB,EAAQ,CAAG;GACX;EACJ;EACI,MAAU,MACd,EAAM,eAAe,GACrB,GAAS,MAAY,EAAM,IAAU,GAAO,GAAK,CAAG,CAAC;CACzD,GACA;EAAC;EAAc;EAAK;CAAG,CAC3B;CAEA,OACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EACP,EAAO,MACP,IAAe,EAAO,aAAa,EAAO,UAC1C,CACJ;EACA,GAAI;YAPR;GASI,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAM,OAAO,EAAE,WAAW,GAAG,EAAK,GAAG;cACvD;GACA,CAAA;GACL,kBAAC,OAAD;IACI,MAAK;IACL,oBAAkB,IAAe,aAAa;IAC9C,iBAAe,KAAK,MAAM,CAAI;IAC9B,iBAAe;IACf,iBAAe;IACf,UAAU;IACV,WAAW,EAAO;IAClB,eAAe;IACf,WAAW;cAEX,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAQ,eAAY;IAAQ,CAAA;GACnD,CAAA;GACL,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAM,OAAO,EAAE,WAAW,GAAG,MAAM,EAAK,GAAG;cAC7D;GACA,CAAA;EACJ;;AAEb"}

package/dist/components/Resizable/Resizable.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_root_-Xerf`,t=`tempest_horizontal_3QOMV`,n=`tempest_vertical_6A7lb`,r=`tempest_pane_x6yUG`,i=`tempest_divider_fhaTB`,a=`tempest_handle_eCe1B`,o={root:e,horizontal:t,vertical:n,pane:r,divider:i,handle:a};exports.default=o,exports.divider=i,exports.handle=a,exports.horizontal=t,exports.pane=r,exports.root=e,exports.vertical=n;
+//# sourceMappingURL=Resizable.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.module.cjs","names":[],"sources":["../../../src/components/Resizable/Resizable.module.css"],"sourcesContent":[".root {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n}\n\n.horizontal {\n    flex-direction: row;\n}\n\n.vertical {\n    flex-direction: column;\n}\n\n.pane {\n    flex-grow: 0;\n    flex-shrink: 0;\n    min-width: 0;\n    min-height: 0;\n    overflow: auto;\n}\n\n.divider {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--tempest-border);\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n    touch-action: none;\n    user-select: none;\n}\n\n.divider:hover,\n.divider:focus-visible {\n    background-color: var(--tempest-primary);\n}\n\n.divider:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.horizontal > .divider {\n    width: 6px;\n    height: 100%;\n    cursor: col-resize;\n}\n\n.vertical > .divider {\n    width: 100%;\n    height: 6px;\n    cursor: row-resize;\n}\n\n.handle {\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    opacity: 0.7;\n}\n\n.horizontal > .divider .handle {\n    width: 2px;\n    height: 24px;\n}\n\n.vertical > .divider .handle {\n    width: 24px;\n    height: 2px;\n}\n"],"mappings":""}

package/dist/components/Resizable/Resizable.module.js

@@ -0,0 +1,13 @@
+//#region src/components/Resizable/Resizable.module.css
+var e = "tempest_root_-Xerf", t = "tempest_horizontal_3QOMV", n = "tempest_vertical_6A7lb", r = "tempest_pane_x6yUG", i = "tempest_divider_fhaTB", a = "tempest_handle_eCe1B", o = {
+	root: e,
+	horizontal: t,
+	vertical: n,
+	pane: r,
+	divider: i,
+	handle: a
+};
+//#endregion
+export { o as default, i as divider, a as handle, t as horizontal, r as pane, e as root, n as vertical };
+
+//# sourceMappingURL=Resizable.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.module.js","names":[],"sources":["../../../src/components/Resizable/Resizable.module.css"],"sourcesContent":[".root {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n}\n\n.horizontal {\n    flex-direction: row;\n}\n\n.vertical {\n    flex-direction: column;\n}\n\n.pane {\n    flex-grow: 0;\n    flex-shrink: 0;\n    min-width: 0;\n    min-height: 0;\n    overflow: auto;\n}\n\n.divider {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--tempest-border);\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n    touch-action: none;\n    user-select: none;\n}\n\n.divider:hover,\n.divider:focus-visible {\n    background-color: var(--tempest-primary);\n}\n\n.divider:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.horizontal > .divider {\n    width: 6px;\n    height: 100%;\n    cursor: col-resize;\n}\n\n.vertical > .divider {\n    width: 100%;\n    height: 6px;\n    cursor: row-resize;\n}\n\n.handle {\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    opacity: 0.7;\n}\n\n.horizontal > .divider .handle {\n    width: 2px;\n    height: 24px;\n}\n\n.vertical > .divider .handle {\n    width: 24px;\n    height: 2px;\n}\n"],"mappings":""}

package/dist/components/Responsive/Responsive.cjs

@@ -0,0 +1,2 @@
+const e=require("../../hooks/use-breakpoint.cjs");function t(e,t,n,r,i){return r?(Array.isArray(r)?r:[r]).includes(e):!(t&&!i.above(t)||n&&!i.below(n))}function n({above:n,below:r,only:i,children:a}){let o=e.useBreakpoint();return t(o.current,n,r,i,o)?a:null}function r({above:n,below:r,only:i,children:a}){let o=e.useBreakpoint();return t(o.current,n,r,i,o)?null:a}exports.Hide=r,exports.Show=n;
+//# sourceMappingURL=Responsive.cjs.map

package/dist/components/Responsive/Responsive.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Responsive.cjs","names":[],"sources":["../../../src/components/Responsive/Responsive.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useBreakpoint, type Breakpoint } from \"@/hooks/use-breakpoint\";\n\nexport interface ShowProps {\n    /** Render children only when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Render children only when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Render only on specific breakpoints. Wins over `above`/`below` when set. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\nfunction shouldRender(\n    current: Breakpoint,\n    above: Breakpoint | undefined,\n    below: Breakpoint | undefined,\n    only: Breakpoint | Breakpoint[] | undefined,\n    helpers: { above: (bp: Breakpoint) => boolean; below: (bp: Breakpoint) => boolean },\n): boolean {\n    if (only) {\n        const list = Array.isArray(only) ? only : [only];\n        return list.includes(current);\n    }\n    if (above && !helpers.above(above)) return false;\n    if (below && !helpers.below(below)) return false;\n    return true;\n}\n\n/**\n * Conditionally render children based on the viewport breakpoint.\n *\n * - `above` — render when viewport width is `>=` the given breakpoint.\n * - `below` — render when viewport width is `<` the given breakpoint.\n * - `only` — render only on the listed breakpoint(s).\n *\n * SSR-safe: first render uses `xs` (renders mobile content first); the\n * component re-renders once `useBreakpoint` has the real viewport width.\n */\nexport function Show({ above, below, only, children }: ShowProps): ReactNode {\n    const bp = useBreakpoint();\n    if (!shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n\nexport interface HideProps {\n    /** Hide children when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Hide children when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Hide on specific breakpoints. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\n/** Inverse of `<Show>` — hides children when the condition matches. */\nexport function Hide({ above, below, only, children }: HideProps): ReactNode {\n    const bp = useBreakpoint();\n    if (shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n"],"mappings":"kDAaA,SAAS,EACL,EACA,EACA,EACA,EACA,EACO,CAOP,OANI,GACa,MAAM,QAAQ,CAAI,EAAI,EAAO,CAAC,CAAI,EAAA,CACnC,SAAS,CAAO,EAGhC,EADI,GAAS,CAAC,EAAQ,MAAM,CAAK,GAC7B,GAAS,CAAC,EAAQ,MAAM,CAAK,EAErC,CAYA,SAAgB,EAAK,CAAE,QAAO,QAAO,OAAM,YAAkC,CACzE,IAAM,EAAK,EAAA,cAAc,EAEzB,OADK,EAAa,EAAG,QAAS,EAAO,EAAO,EAAM,CAAE,EAC7C,EADuD,IAElE,CAaA,SAAgB,EAAK,CAAE,QAAO,QAAO,OAAM,YAAkC,CACzE,IAAM,EAAK,EAAA,cAAc,EAEzB,OADI,EAAa,EAAG,QAAS,EAAO,EAAO,EAAM,CAAE,EAAU,KACtD,CACX"}

package/dist/components/Responsive/Responsive.js

@@ -0,0 +1,17 @@
+import { useBreakpoint as e } from "../../hooks/use-breakpoint.js";
+//#region src/components/Responsive/Responsive.tsx
+function t(e, t, n, r, i) {
+	return r ? (Array.isArray(r) ? r : [r]).includes(e) : !(t && !i.above(t) || n && !i.below(n));
+}
+function n({ above: n, below: r, only: i, children: a }) {
+	let o = e();
+	return t(o.current, n, r, i, o) ? a : null;
+}
+function r({ above: n, below: r, only: i, children: a }) {
+	let o = e();
+	return t(o.current, n, r, i, o) ? null : a;
+}
+//#endregion
+export { r as Hide, n as Show };
+
+//# sourceMappingURL=Responsive.js.map