tempest-react-sdk 0.23.0 → 0.24.0

package/dist/components/RatingStars/RatingStars.js

@@ -1,71 +1,47 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useState as L } from "react";
-import { cn as u } from "../../utils/cn.js";
-import e from "./RatingStars.module.css.js";
-function S({
-  value: o,
-  max: d = 5,
-  onChange: f,
-  size: h = "md",
-  readonly: a = !1,
-  disabled: n = !1,
-  label: m = "Avaliação",
-  className: p
-}) {
-  const [i, l] = L(0), k = i > 0 ? i : o, g = (s) => {
-    a || n || f?.(s);
-  };
-  return /* @__PURE__ */ t(
-    "span",
-    {
-      role: "radiogroup",
-      "aria-label": m,
-      className: u(
-        e.wrapper,
-        e[h],
-        n && e.disabled,
-        a && e.readonly,
-        p
-      ),
-      onMouseLeave: () => l(0),
-      children: Array.from({ length: d }, (s, v) => {
-        const r = v + 1, c = r <= k;
-        return /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            role: "radio",
-            "aria-checked": o === r,
-            "aria-label": `${r} ${r === 1 ? "estrela" : "estrelas"}`,
-            className: u(e.star, c && e.filled),
-            disabled: n,
-            onMouseEnter: () => !a && !n && l(r),
-            onClick: () => g(r),
-            children: /* @__PURE__ */ t(x, { filled: c })
-          },
-          r
-        );
-      })
-    }
-  );
+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 x({ filled: o }) {
-  return /* @__PURE__ */ t(
-    "svg",
-    {
-      width: "20",
-      height: "20",
-      viewBox: "0 0 24 24",
-      fill: o ? "currentColor" : "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinejoin: "round",
-      "aria-hidden": !0,
-      children: /* @__PURE__ */ t("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" })
-    }
-  );
+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" })
+	});
 }
-export {
-  S as RatingStars
-};
-//# sourceMappingURL=RatingStars.js.map
+//#endregion
+export { i as RatingStars };
+
+//# sourceMappingURL=RatingStars.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RatingStars.js","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"],"names":["RatingStars","value","max","onChange","size","readonly","disabled","label","className","hover","setHover","useState","displayed","handleClick","next","jsx","cn","styles","_","i","starIndex","filled","StarIcon"],"mappings":";;;;AAwBO,SAASA,EAAY;AAAA,EACxB,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,WAAAC;AACJ,GAAqB;AACjB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,CAAC,GACtCC,IAAYH,IAAQ,IAAIA,IAAQR,GAEhCY,IAAc,CAACC,MAAuB;AACxC,IAAIT,KAAYC,KAChBH,IAAWW,CAAI;AAAA,EACnB;AAEA,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,cAAYR;AAAA,MACZ,WAAWS;AAAA,QACPC,EAAO;AAAA,QACPA,EAAOb,CAAI;AAAA,QACXE,KAAYW,EAAO;AAAA,QACnBZ,KAAYY,EAAO;AAAA,QACnBT;AAAA,MAAA;AAAA,MAEJ,cAAc,MAAME,EAAS,CAAC;AAAA,MAE7B,UAAA,MAAM,KAAK,EAAE,QAAQR,KAAO,CAACgB,GAAGC,MAAM;AACnC,cAAMC,IAAYD,IAAI,GAChBE,IAASD,KAAaR;AAC5B,eACI,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,MAAK;AAAA,YACL,MAAK;AAAA,YACL,gBAAcd,MAAUmB;AAAA,YACxB,cAAY,GAAGA,CAAS,IAAIA,MAAc,IAAI,YAAY,UAAU;AAAA,YACpE,WAAWJ,EAAGC,EAAO,MAAMI,KAAUJ,EAAO,MAAM;AAAA,YAClD,UAAAX;AAAA,YACA,cAAc,MAAM,CAACD,KAAY,CAACC,KAAYI,EAASU,CAAS;AAAA,YAChE,SAAS,MAAMP,EAAYO,CAAS;AAAA,YAEpC,UAAA,gBAAAL,EAACO,KAAS,QAAAD,EAAA,CAAgB;AAAA,UAAA;AAAA,UAVrBD;AAAA,QAAA;AAAA,MAajB,CAAC;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,SAASE,EAAS,EAAE,QAAAD,KAA+B;AAC/C,SACI,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAMM,IAAS,iBAAiB;AAAA,MAChC,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,gBAAe;AAAA,MACf,eAAW;AAAA,MAEX,UAAA,gBAAAN,EAAC,QAAA,EAAK,GAAE,2FAAA,CAA2F;AAAA,IAAA;AAAA,EAAA;AAG/G;"}
+{"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

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

@@ -1 +1 @@
-{"version":3,"file":"RefreshIndicator.cjs","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"],"names":["applyResistance","distance","threshold","cap","RefreshIndicator","onRefresh","children","disabled","className","containerRef","useRef","startYRef","pull","setPull","useState","refreshing","setRefreshing","engaged","handleTouchStart","event","container","touch","handleTouchMove","startY","delta","reset","handleTouchEnd","showIndicator","progress","jsxs","cn","styles","jsx","Spinner"],"mappings":"2PAkBA,SAASA,EAAgBC,EAAkBC,EAA2B,CAClE,MAAMC,EAAMD,EAAY,IACxB,OAAO,KAAK,IAAID,EAAW,EAAGE,CAAG,CACrC,CASO,SAASC,EAAiB,CAC7B,UAAAC,EACA,SAAAC,EACA,UAAAJ,EAAY,GACZ,SAAAK,EACA,UAAAC,CACJ,EAA0B,CACtB,MAAMC,EAAeC,EAAAA,OAAuB,IAAI,EAC1CC,EAAYD,EAAAA,OAAsB,IAAI,EACtC,CAACE,EAAMC,CAAO,EAAIC,EAAAA,SAAS,CAAC,EAC5B,CAACC,EAAYC,CAAa,EAAIF,EAAAA,SAAS,EAAK,EAE5CG,EAAUN,EAAU,UAAY,KAEhCO,EAAoBC,GAA4C,CAClE,GAAIZ,GAAYQ,EAAY,OAC5B,MAAMK,EAAYX,EAAa,QAC/B,GAAI,CAACW,GAAaA,EAAU,UAAY,EAAG,OAC3C,MAAMC,EAAQF,EAAM,QAAQ,CAAC,EACxBE,IACLV,EAAU,QAAUU,EAAM,QAC9B,EAEMC,EAAmBH,GAA4C,CACjE,GAAIZ,GAAYQ,EAAY,OAC5B,MAAMQ,EAASZ,EAAU,QACzB,GAAIY,IAAW,KAAM,OACrB,MAAMF,EAAQF,EAAM,QAAQ,CAAC,EAC7B,GAAI,CAACE,EAAO,OACZ,MAAMG,EAAQH,EAAM,QAAUE,EAC9B,GAAIC,GAAS,EAAG,CACZX,EAAQ,CAAC,EACT,MACJ,CACAA,EAAQb,EAAgBwB,EAAOtB,CAAS,CAAC,CAC7C,EAEMuB,EAAQ,IAAY,CACtBd,EAAU,QAAU,KACpBE,EAAQ,CAAC,CACb,EAEMa,EAAiB,SAA2B,CAC9C,GAAInB,GAAYQ,EAAY,CACxBU,EAAA,EACA,MACJ,CAGA,GAAI,EAFWd,EAAU,UACI,MAAQC,GAAQV,GAC7B,CACZuB,EAAA,EACA,MACJ,CACAd,EAAU,QAAU,KACpBK,EAAc,EAAI,EAClBH,EAAQX,CAAS,EACjB,GAAI,CACA,MAAMG,EAAA,CACV,QAAA,CACIW,EAAc,EAAK,EACnBH,EAAQ,CAAC,CACb,CACJ,EAEMc,EAAgBZ,GAAcH,EAAO,EACrCgB,EAAW,KAAK,IAAI,EAAGhB,EAAOV,CAAS,EAE7C,OACI2B,EAAAA,KAAC,MAAA,CACG,IAAKpB,EACL,UAAWqB,EAAAA,GAAGC,UAAO,QAASvB,CAAS,EACvC,kBAAiBO,EACjB,aAAcG,EACd,YAAaI,EACb,WAAYI,EAEZ,SAAA,CAAAM,EAAAA,IAAC,MAAA,CACG,UAAWD,EAAAA,QAAO,UAClB,cAAa,CAACJ,EACd,MAAO,CACH,QAASZ,EAAa,EAAIa,EAC1B,UAAW,+BAA+BD,EAAgBf,EAAO,CAAC,cAAcgB,EAAW,GAAG,MAAA,EAGlG,SAAAI,EAAAA,IAACC,UAAA,CAAQ,KAAK,KAAK,MAAM,aAAA,CAAc,CAAA,CAAA,EAE3CD,EAAAA,IAAC,MAAA,CACG,UAAWF,EAAAA,GAAGC,EAAAA,QAAO,SAAUd,GAAWF,IAAegB,EAAAA,QAAO,QAAQ,EACxE,MAAO,CAAE,UAAW,cAAcJ,EAAgBf,EAAO,CAAC,KAAA,EAEzD,SAAAN,CAAA,CAAA,CACL,CAAA,CAAA,CAGZ"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"file":"RefreshIndicator.js","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"],"names":["applyResistance","distance","threshold","cap","RefreshIndicator","onRefresh","children","disabled","className","containerRef","useRef","startYRef","pull","setPull","useState","refreshing","setRefreshing","engaged","handleTouchStart","event","container","touch","handleTouchMove","startY","delta","reset","handleTouchEnd","showIndicator","progress","jsxs","cn","styles","jsx","Spinner"],"mappings":";;;;;AAkBA,SAASA,EAAgBC,GAAkBC,GAA2B;AAClE,QAAMC,IAAMD,IAAY;AACxB,SAAO,KAAK,IAAID,IAAW,GAAGE,CAAG;AACrC;AASO,SAASC,EAAiB;AAAA,EAC7B,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAJ,IAAY;AAAA,EACZ,UAAAK;AAAA,EACA,WAAAC;AACJ,GAA0B;AACtB,QAAMC,IAAeC,EAAuB,IAAI,GAC1CC,IAAYD,EAAsB,IAAI,GACtC,CAACE,GAAMC,CAAO,IAAIC,EAAS,CAAC,GAC5B,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAK,GAE5CG,IAAUN,EAAU,YAAY,MAEhCO,IAAmB,CAACC,MAA4C;AAClE,QAAIZ,KAAYQ,EAAY;AAC5B,UAAMK,IAAYX,EAAa;AAC/B,QAAI,CAACW,KAAaA,EAAU,YAAY,EAAG;AAC3C,UAAMC,IAAQF,EAAM,QAAQ,CAAC;AAC7B,IAAKE,MACLV,EAAU,UAAUU,EAAM;AAAA,EAC9B,GAEMC,IAAkB,CAACH,MAA4C;AACjE,QAAIZ,KAAYQ,EAAY;AAC5B,UAAMQ,IAASZ,EAAU;AACzB,QAAIY,MAAW,KAAM;AACrB,UAAMF,IAAQF,EAAM,QAAQ,CAAC;AAC7B,QAAI,CAACE,EAAO;AACZ,UAAMG,IAAQH,EAAM,UAAUE;AAC9B,QAAIC,KAAS,GAAG;AACZ,MAAAX,EAAQ,CAAC;AACT;AAAA,IACJ;AACA,IAAAA,EAAQb,EAAgBwB,GAAOtB,CAAS,CAAC;AAAA,EAC7C,GAEMuB,IAAQ,MAAY;AACtB,IAAAd,EAAU,UAAU,MACpBE,EAAQ,CAAC;AAAA,EACb,GAEMa,IAAiB,YAA2B;AAC9C,QAAInB,KAAYQ,GAAY;AACxB,MAAAU,EAAA;AACA;AAAA,IACJ;AAGA,QAAI,EAFWd,EAAU,YACI,QAAQC,KAAQV,IAC7B;AACZ,MAAAuB,EAAA;AACA;AAAA,IACJ;AACA,IAAAd,EAAU,UAAU,MACpBK,EAAc,EAAI,GAClBH,EAAQX,CAAS;AACjB,QAAI;AACA,YAAMG,EAAA;AAAA,IACV,UAAA;AACI,MAAAW,EAAc,EAAK,GACnBH,EAAQ,CAAC;AAAA,IACb;AAAA,EACJ,GAEMc,IAAgBZ,KAAcH,IAAO,GACrCgB,IAAW,KAAK,IAAI,GAAGhB,IAAOV,CAAS;AAE7C,SACI,gBAAA2B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKpB;AAAA,MACL,WAAWqB,EAAGC,EAAO,SAASvB,CAAS;AAAA,MACvC,mBAAiBO;AAAA,MACjB,cAAcG;AAAA,MACd,aAAaI;AAAA,MACb,YAAYI;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD,EAAO;AAAA,YAClB,eAAa,CAACJ;AAAA,YACd,OAAO;AAAA,cACH,SAASZ,IAAa,IAAIa;AAAA,cAC1B,WAAW,+BAA+BD,IAAgBf,IAAO,CAAC,cAAcgB,IAAW,GAAG;AAAA,YAAA;AAAA,YAGlG,UAAA,gBAAAI,EAACC,GAAA,EAAQ,MAAK,MAAK,OAAM,cAAA,CAAc;AAAA,UAAA;AAAA,QAAA;AAAA,QAE3C,gBAAAD;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWF,EAAGC,EAAO,UAAUd,KAAWF,MAAegB,EAAO,QAAQ;AAAA,YACxE,OAAO,EAAE,WAAW,cAAcJ,IAAgBf,IAAO,CAAC,MAAA;AAAA,YAEzD,UAAAN;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("../../utils/relative-time.cjs");function a({date:e,locale:i="pt",...n}){const t=e instanceof Date?e:new Date(e),r=Number.isNaN(t.getTime())?void 0:t.toISOString(),o=s.relativeTime(e,{locale:i==="pt"?"pt-BR":"en"});return l.jsx("time",{dateTime:r,...n,children:o})}exports.RelativeTime=a;
-//# sourceMappingURL=RelativeTime.cjs.map
+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

@@ -1 +1 @@
-{"version":3,"file":"RelativeTime.cjs","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"],"names":["RelativeTime","date","locale","props","target","iso","label","relativeTime"],"mappings":"gKAoBO,SAASA,EAAa,CAAE,KAAAC,EAAM,OAAAC,EAAS,KAAM,GAAGC,GAA4B,CAC/E,MAAMC,EAASH,aAAgB,KAAOA,EAAO,IAAI,KAAKA,CAAI,EACpDI,EAAM,OAAO,MAAMD,EAAO,SAAS,EAAI,OAAYA,EAAO,YAAA,EAC1DE,EAAQC,eAAaN,EAAM,CAAE,OAAQC,IAAW,KAAO,QAAU,KAAM,EAE7E,aACK,OAAA,CAAK,SAAUG,EAAM,GAAGF,EACpB,SAAAG,EACL,CAER"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"file":"RelativeTime.js","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"],"names":["RelativeTime","date","locale","props","target","iso","label","relativeTime"],"mappings":";;AAoBO,SAASA,EAAa,EAAE,MAAAC,GAAM,QAAAC,IAAS,MAAM,GAAGC,KAA4B;AAC/E,QAAMC,IAASH,aAAgB,OAAOA,IAAO,IAAI,KAAKA,CAAI,GACpDI,IAAM,OAAO,MAAMD,EAAO,SAAS,IAAI,SAAYA,EAAO,YAAA,GAC1DE,IAAQC,EAAaN,GAAM,EAAE,QAAQC,MAAW,OAAO,UAAU,MAAM;AAE7E,2BACK,QAAA,EAAK,UAAUG,GAAM,GAAGF,GACpB,UAAAG,GACL;AAER;"}
+{"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

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