tempest-react-sdk 0.22.0 → 0.23.0

package/dist/components/RatingStars/RatingStars.js

@@ -0,0 +1,71 @@
+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
+        );
+      })
+    }
+  );
+}
+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" })
+    }
+  );
+}
+export {
+  S as RatingStars
+};
+//# sourceMappingURL=RatingStars.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_wrapper_K9Mqa",t="tempest_star_goIGS",s="tempest_filled_mMs-d",l="tempest_disabled_tyUlQ",d="tempest_readonly_bnKLN",a="tempest_sm_K7-y9",r="tempest_md_ex2Tb",o="tempest_lg_TstLJ",m={wrapper:e,star:t,filled:s,disabled:l,readonly:d,sm:a,md:r,lg:o};exports.default=m;exports.disabled=l;exports.filled=s;exports.lg=o;exports.md=r;exports.readonly=d;exports.sm=a;exports.star=t;exports.wrapper=e;
+//# sourceMappingURL=RatingStars.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RatingStars.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,22 @@
+const t = "tempest_wrapper_K9Mqa", e = "tempest_star_goIGS", s = "tempest_filled_mMs-d", l = "tempest_disabled_tyUlQ", d = "tempest_readonly_bnKLN", _ = "tempest_sm_K7-y9", a = "tempest_md_ex2Tb", m = "tempest_lg_TstLJ", p = {
+  wrapper: t,
+  star: e,
+  filled: s,
+  disabled: l,
+  readonly: d,
+  sm: _,
+  md: a,
+  lg: m
+};
+export {
+  p as default,
+  l as disabled,
+  s as filled,
+  m as lg,
+  a as md,
+  d as readonly,
+  _ as sm,
+  e as star,
+  t as wrapper
+};
+//# sourceMappingURL=RatingStars.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RatingStars.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/components/RefreshIndicator/RefreshIndicator.cjs

@@ -0,0 +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

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

@@ -0,0 +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"}

package/dist/components/RefreshIndicator/RefreshIndicator.js

@@ -0,0 +1,90 @@
+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);
+}
+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
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  k as RefreshIndicator
+};
+//# sourceMappingURL=RefreshIndicator.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_wrapper_vGp-3",e="tempest_indicator_S7mV0",n="tempest_content_bZdpc",r="tempest_dragging_BvUty",o={wrapper:t,indicator:e,content:n,dragging:r};exports.content=n;exports.default=o;exports.dragging=r;exports.indicator=e;exports.wrapper=t;
+//# sourceMappingURL=RefreshIndicator.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshIndicator.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,14 @@
+const t = "tempest_wrapper_vGp-3", e = "tempest_indicator_S7mV0", n = "tempest_content_bZdpc", p = "tempest_dragging_BvUty", r = {
+  wrapper: t,
+  indicator: e,
+  content: n,
+  dragging: p
+};
+export {
+  n as content,
+  r as default,
+  p as dragging,
+  e as indicator,
+  t as wrapper
+};
+//# sourceMappingURL=RefreshIndicator.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshIndicator.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/RelativeTime/RelativeTime.cjs

@@ -0,0 +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

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

@@ -0,0 +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"}

package/dist/components/RelativeTime/RelativeTime.js

@@ -0,0 +1,10 @@
+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 });
+}
+export {
+  s as RelativeTime
+};
+//# sourceMappingURL=RelativeTime.js.map

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

@@ -0,0 +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;"}

package/dist/components/Resizable/Resizable.cjs

@@ -0,0 +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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.cjs","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"],"names":["KEY_STEP","clamp","value","min","max","Resizable","direction","defaultSize","children","className","props","size","setSize","useState","containerRef","useRef","paneA","paneB","isHorizontal","updateFromPointer","useCallback","clientX","clientY","container","rect","total","percent","handlePointerDown","event","handleMove","moveEvent","handleUp","handleKeyDown","delta","current","jsxs","cn","styles","jsx"],"mappings":"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"}

package/dist/components/Resizable/Resizable.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.js","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"],"names":["KEY_STEP","clamp","value","min","max","Resizable","direction","defaultSize","children","className","props","size","setSize","useState","containerRef","useRef","paneA","paneB","isHorizontal","updateFromPointer","useCallback","clientX","clientY","container","rect","total","percent","handlePointerDown","event","handleMove","moveEvent","handleUp","handleKeyDown","delta","current","jsxs","cn","styles","jsx"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_root_-Xerf",t="tempest_horizontal_3QOMV",o="tempest_vertical_6A7lb",r="tempest_pane_x6yUG",a="tempest_divider_fhaTB",n="tempest_handle_eCe1B",i={root:e,horizontal:t,vertical:o,pane:r,divider:a,handle:n};exports.default=i;exports.divider=a;exports.handle=n;exports.horizontal=t;exports.pane=r;exports.root=e;exports.vertical=o;
+//# sourceMappingURL=Resizable.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/Responsive/Responsive.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Responsive.cjs","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"],"names":["shouldRender","current","above","below","only","helpers","Show","children","bp","useBreakpoint","Hide"],"mappings":"kIAaA,SAASA,EACLC,EACAC,EACAC,EACAC,EACAC,EACO,CACP,OAAID,GACa,MAAM,QAAQA,CAAI,EAAIA,EAAO,CAACA,CAAI,GACnC,SAASH,CAAO,EAE5B,EAAAC,GAAS,CAACG,EAAQ,MAAMH,CAAK,GAC7BC,GAAS,CAACE,EAAQ,MAAMF,CAAK,EAErC,CAYO,SAASG,EAAK,CAAE,MAAAJ,EAAO,MAAAC,EAAO,KAAAC,EAAM,SAAAG,GAAkC,CACzE,MAAMC,EAAKC,EAAAA,cAAA,EACX,OAAKT,EAAaQ,EAAG,QAASN,EAAOC,EAAOC,EAAMI,CAAE,EAC7CD,EADuD,IAElE,CAaO,SAASG,EAAK,CAAE,MAAAR,EAAO,MAAAC,EAAO,KAAAC,EAAM,SAAAG,GAAkC,CACzE,MAAMC,EAAKC,EAAAA,cAAA,EACX,OAAIT,EAAaQ,EAAG,QAASN,EAAOC,EAAOC,EAAMI,CAAE,EAAU,KACtDD,CACX"}

package/dist/components/Responsive/Responsive.js

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

package/dist/components/Responsive/Responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Responsive.js","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"],"names":["shouldRender","current","above","below","only","helpers","Show","children","bp","useBreakpoint","Hide"],"mappings":";AAaA,SAASA,EACLC,GACAC,GACAC,GACAC,GACAC,GACO;AACP,SAAID,KACa,MAAM,QAAQA,CAAI,IAAIA,IAAO,CAACA,CAAI,GACnC,SAASH,CAAO,IAE5B,EAAAC,KAAS,CAACG,EAAQ,MAAMH,CAAK,KAC7BC,KAAS,CAACE,EAAQ,MAAMF,CAAK;AAErC;AAYO,SAASG,EAAK,EAAE,OAAAJ,GAAO,OAAAC,GAAO,MAAAC,GAAM,UAAAG,KAAkC;AACzE,QAAMC,IAAKC,EAAA;AACX,SAAKT,EAAaQ,EAAG,SAASN,GAAOC,GAAOC,GAAMI,CAAE,IAC7CD,IADuD;AAElE;AAaO,SAASG,EAAK,EAAE,OAAAR,GAAO,OAAAC,GAAO,MAAAC,GAAM,UAAAG,KAAkC;AACzE,QAAMC,IAAKC,EAAA;AACX,SAAIT,EAAaQ,EAAG,SAASN,GAAOC,GAAOC,GAAMI,CAAE,IAAU,OACtDD;AACX;"}

package/dist/components/SafeArea/SafeArea.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("../../utils/cn.cjs"),t=require("./SafeArea.module.css.cjs"),r=["top","right","bottom","left"];function f({edges:e=r,inline:a=!1,className:l,children:o,...u}){return i.jsx("div",{className:n.cn(t.default.safe,a&&t.default.inline,e.includes("top")&&t.default.top,e.includes("right")&&t.default.right,e.includes("bottom")&&t.default.bottom,e.includes("left")&&t.default.left,l),"data-edges":e.join(" "),...u,children:o})}exports.SafeArea=f;
+//# sourceMappingURL=SafeArea.cjs.map

package/dist/components/SafeArea/SafeArea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeArea.cjs","sources":["../../../src/components/SafeArea/SafeArea.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./SafeArea.module.css\";\n\nexport type SafeAreaEdge = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport interface SafeAreaProps extends HTMLAttributes<HTMLDivElement> {\n    /** Edges to pad. Default `[\"top\",\"right\",\"bottom\",\"left\"]` (all). */\n    edges?: SafeAreaEdge[];\n    /** Render as inline (use `display: contents`). */\n    inline?: boolean;\n    children?: ReactNode;\n}\n\nconst ALL_EDGES: SafeAreaEdge[] = [\"top\", \"right\", \"bottom\", \"left\"];\n\n/**\n * Apply `env(safe-area-inset-*)` padding so content avoids iOS notch /\n * Android navbar / device chrome. Wrap the outermost container of pages\n * with sticky headers/footers.\n *\n * @example\n * <SafeArea edges={[\"top\"]}>\n *     <Navbar />\n * </SafeArea>\n */\nexport function SafeArea({\n    edges = ALL_EDGES,\n    inline = false,\n    className,\n    children,\n    ...props\n}: SafeAreaProps) {\n    return (\n        <div\n            className={cn(\n                styles.safe,\n                inline && styles.inline,\n                edges.includes(\"top\") && styles.top,\n                edges.includes(\"right\") && styles.right,\n                edges.includes(\"bottom\") && styles.bottom,\n                edges.includes(\"left\") && styles.left,\n                className,\n            )}\n            data-edges={edges.join(\" \")}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n}\n"],"names":["ALL_EDGES","SafeArea","edges","inline","className","children","props","jsx","cn","styles"],"mappings":"4LAcMA,EAA4B,CAAC,MAAO,QAAS,SAAU,MAAM,EAY5D,SAASC,EAAS,CACrB,MAAAC,EAAQF,EACR,OAAAG,EAAS,GACT,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAkB,CACd,OACIC,EAAAA,IAAC,MAAA,CACG,UAAWC,EAAAA,GACPC,EAAAA,QAAO,KACPN,GAAUM,EAAAA,QAAO,OACjBP,EAAM,SAAS,KAAK,GAAKO,EAAAA,QAAO,IAChCP,EAAM,SAAS,OAAO,GAAKO,EAAAA,QAAO,MAClCP,EAAM,SAAS,QAAQ,GAAKO,EAAAA,QAAO,OACnCP,EAAM,SAAS,MAAM,GAAKO,EAAAA,QAAO,KACjCL,CAAA,EAEJ,aAAYF,EAAM,KAAK,GAAG,EACzB,GAAGI,EAEH,SAAAD,CAAA,CAAA,CAGb"}

package/dist/components/SafeArea/SafeArea.js

@@ -0,0 +1,33 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as f } from "../../utils/cn.js";
+import t from "./SafeArea.module.css.js";
+const m = ["top", "right", "bottom", "left"];
+function p({
+  edges: o = m,
+  inline: i = !1,
+  className: r,
+  children: n,
+  ...l
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: f(
+        t.safe,
+        i && t.inline,
+        o.includes("top") && t.top,
+        o.includes("right") && t.right,
+        o.includes("bottom") && t.bottom,
+        o.includes("left") && t.left,
+        r
+      ),
+      "data-edges": o.join(" "),
+      ...l,
+      children: n
+    }
+  );
+}
+export {
+  p as SafeArea
+};
+//# sourceMappingURL=SafeArea.js.map

package/dist/components/SafeArea/SafeArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeArea.js","sources":["../../../src/components/SafeArea/SafeArea.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./SafeArea.module.css\";\n\nexport type SafeAreaEdge = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport interface SafeAreaProps extends HTMLAttributes<HTMLDivElement> {\n    /** Edges to pad. Default `[\"top\",\"right\",\"bottom\",\"left\"]` (all). */\n    edges?: SafeAreaEdge[];\n    /** Render as inline (use `display: contents`). */\n    inline?: boolean;\n    children?: ReactNode;\n}\n\nconst ALL_EDGES: SafeAreaEdge[] = [\"top\", \"right\", \"bottom\", \"left\"];\n\n/**\n * Apply `env(safe-area-inset-*)` padding so content avoids iOS notch /\n * Android navbar / device chrome. Wrap the outermost container of pages\n * with sticky headers/footers.\n *\n * @example\n * <SafeArea edges={[\"top\"]}>\n *     <Navbar />\n * </SafeArea>\n */\nexport function SafeArea({\n    edges = ALL_EDGES,\n    inline = false,\n    className,\n    children,\n    ...props\n}: SafeAreaProps) {\n    return (\n        <div\n            className={cn(\n                styles.safe,\n                inline && styles.inline,\n                edges.includes(\"top\") && styles.top,\n                edges.includes(\"right\") && styles.right,\n                edges.includes(\"bottom\") && styles.bottom,\n                edges.includes(\"left\") && styles.left,\n                className,\n            )}\n            data-edges={edges.join(\" \")}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n}\n"],"names":["ALL_EDGES","SafeArea","edges","inline","className","children","props","jsx","cn","styles"],"mappings":";;;AAcA,MAAMA,IAA4B,CAAC,OAAO,SAAS,UAAU,MAAM;AAY5D,SAASC,EAAS;AAAA,EACrB,OAAAC,IAAQF;AAAA,EACR,QAAAG,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAkB;AACd,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACPC,EAAO;AAAA,QACPN,KAAUM,EAAO;AAAA,QACjBP,EAAM,SAAS,KAAK,KAAKO,EAAO;AAAA,QAChCP,EAAM,SAAS,OAAO,KAAKO,EAAO;AAAA,QAClCP,EAAM,SAAS,QAAQ,KAAKO,EAAO;AAAA,QACnCP,EAAM,SAAS,MAAM,KAAKO,EAAO;AAAA,QACjCL;AAAA,MAAA;AAAA,MAEJ,cAAYF,EAAM,KAAK,GAAG;AAAA,MACzB,GAAGI;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/components/SafeArea/SafeArea.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_safe_iqDFY",e="tempest_inline_V9eMG",o="tempest_top_Xse9E",s="tempest_right_GZm9b",i="tempest_bottom_kkyD7",n="tempest_left_Z4Q72",l={safe:t,inline:e,top:o,right:s,bottom:i,left:n};exports.bottom=i;exports.default=l;exports.inline=e;exports.left=n;exports.right=s;exports.safe=t;exports.top=o;
+//# sourceMappingURL=SafeArea.module.css.cjs.map

package/dist/components/SafeArea/SafeArea.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeArea.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/SafeArea/SafeArea.module.css.js

@@ -0,0 +1,18 @@
+const t = "tempest_safe_iqDFY", e = "tempest_inline_V9eMG", s = "tempest_top_Xse9E", o = "tempest_right_GZm9b", n = "tempest_bottom_kkyD7", _ = "tempest_left_Z4Q72", i = {
+  safe: t,
+  inline: e,
+  top: s,
+  right: o,
+  bottom: n,
+  left: _
+};
+export {
+  n as bottom,
+  i as default,
+  e as inline,
+  _ as left,
+  o as right,
+  t as safe,
+  s as top
+};
+//# sourceMappingURL=SafeArea.module.css.js.map

package/dist/components/SafeArea/SafeArea.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeArea.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/ScrollArea/ScrollArea.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),i=require("react"),s=require("../../utils/cn.cjs"),d=require("./ScrollArea.module.css.cjs"),f=i.forwardRef(function({maxHeight:e,orientation:r="vertical",className:o,style:t,children:l,...c},n){const a={overflowX:r==="vertical"?"hidden":"auto",overflowY:r==="horizontal"?"hidden":"auto",...e!==void 0?{maxHeight:e}:{},...t};return u.jsx("div",{ref:n,className:s.cn(d.default.root,o),style:a,...c,children:l})});exports.ScrollArea=f;
+//# sourceMappingURL=ScrollArea.cjs.map