tempest-react-sdk 0.21.0 → 0.23.0

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

@@ -0,0 +1,50 @@
+const t = "tempest_button_2ZuB7", s = "tempest_primary_s1sM6", e = "tempest_secondary_R0waJ", n = "tempest_danger_V4fX8", o = "tempest_success_w6qB6", _ = "tempest_ghost_1KINV", c = "tempest_soft_c3kzm", p = "tempest_outline_F5jq-", m = "tempest_link_Zt5hw", l = "tempest_xs_cF6m0", i = "tempest_sm_NhG0g", d = "tempest_md_hH4h3", r = "tempest_lg_2plQf", a = "tempest_xl_nx4V0", h = "tempest_iconOnly_WCpTS", u = "tempest_pill_lx8lt", g = "tempest_fullWidth_36oJT", x = "tempest_content_EKXmF", y = "tempest_loading_EQAt2", f = "tempest_hiddenText_hIiJ2", T = "tempest_spinner_ZExvW", W = "tempest_tempest-spin_UOSVC", k = {
+  button: t,
+  primary: s,
+  secondary: e,
+  danger: n,
+  success: o,
+  ghost: _,
+  soft: c,
+  outline: p,
+  link: m,
+  xs: l,
+  sm: i,
+  md: d,
+  lg: r,
+  xl: a,
+  iconOnly: h,
+  pill: u,
+  fullWidth: g,
+  content: x,
+  loading: y,
+  hiddenText: f,
+  spinner: T,
+  tempestSpin: W
+};
+export {
+  t as button,
+  x as content,
+  n as danger,
+  k as default,
+  g as fullWidth,
+  _ as ghost,
+  f as hiddenText,
+  h as iconOnly,
+  r as lg,
+  m as link,
+  y as loading,
+  d as md,
+  p as outline,
+  u as pill,
+  s as primary,
+  e as secondary,
+  i as sm,
+  c as soft,
+  T as spinner,
+  o as success,
+  W as tempestSpin,
+  a as xl,
+  l as xs
+};
+//# sourceMappingURL=Button.module.css.js.map

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

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

package/dist/components/Calendar/Calendar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),l=require("react"),C=require("../../utils/cn.cjs"),s=require("./Calendar.module.css.cjs"),P=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],H=["January","February","March","April","May","June","July","August","September","October","November","December"],I=42;function d(t,n,a){return new Date(t,n,a)}function p(t){return new Date(t.getFullYear(),t.getMonth(),t.getDate())}function T(t,n){return t.getFullYear()===n.getFullYear()&&t.getMonth()===n.getMonth()&&t.getDate()===n.getDate()}function x(t,n,a){const o=p(t).getTime();return!!(n&&o<p(n).getTime()||a&&o>p(a).getTime())}function U(t,n){const a=t.getFullYear(),o=t.getMonth(),f=(d(a,o,1).getDay()-n+7)%7,u=d(a,o,1-f),m=[];for(let g=0;g<I;g+=1)m.push(d(u.getFullYear(),u.getMonth(),u.getDate()+g));return m}function z({value:t,defaultValue:n,onChange:a,month:o,onMonthChange:b,minDate:M,maxDate:f,weekStartsOn:u=0,className:m,...g}){const k=t!==void 0,[L,R]=l.useState(n),N=k?t:L,S=o!==void 0,[_,q]=l.useState(()=>{const e=o??t??n??new Date;return d(e.getFullYear(),e.getMonth(),1)}),i=S?d(o.getFullYear(),o.getMonth(),1):_,[v,E]=l.useState(null),A=l.useRef(null),O=l.useMemo(()=>p(new Date),[]),w=l.useMemo(()=>U(i,u),[i,u]),W=l.useMemo(()=>Array.from({length:7},(e,r)=>P[(r+u)%7]),[u]),j=l.useCallback(e=>{const r=d(i.getFullYear(),i.getMonth()+e,1);b&&b(r),S||q(r)},[i,b,S]),F=l.useCallback(e=>{x(e,M,f)||(a&&a(e),k||R(e))},[M,f,a,k]),h=l.useCallback(e=>{const r=Math.max(0,Math.min(I-1,e));E(r);const y=A.current;if(!y)return;y.querySelectorAll("button[data-day]")[r]?.focus()},[]),J=l.useCallback((e,r)=>{switch(e.key){case"ArrowLeft":e.preventDefault(),h(r-1);break;case"ArrowRight":e.preventDefault(),h(r+1);break;case"ArrowUp":e.preventDefault(),h(r-7);break;case"ArrowDown":e.preventDefault(),h(r+7);break;case"Enter":case" ":e.preventDefault(),F(w[r]);break}},[h,F,w]);return c.jsxs("div",{className:C.cn(s.default.root,m),...g,children:[c.jsxs("div",{className:s.default.header,children:[c.jsx("button",{type:"button",className:s.default.nav,"aria-label":"Previous month",onClick:()=>j(-1),children:"‹"}),c.jsxs("span",{className:s.default.title,"aria-live":"polite",children:[H[i.getMonth()]," ",i.getFullYear()]}),c.jsx("button",{type:"button",className:s.default.nav,"aria-label":"Next month",onClick:()=>j(1),children:"›"})]}),c.jsx("div",{className:s.default.weekdays,role:"row",children:W.map(e=>c.jsx("span",{className:s.default.weekday,role:"columnheader",children:e},e))}),c.jsx("div",{className:s.default.grid,role:"grid",ref:A,children:w.map((e,r)=>{const y=e.getMonth()===i.getMonth(),D=N?T(e,N):!1,Y=T(e,O),K=x(e,M,f),B=v===null?y&&e.getDate()===1:v===r;return c.jsx("button",{type:"button","data-day":!0,role:"gridcell",className:C.cn(s.default.day,!y&&s.default.outside,D&&s.default.selected,Y&&s.default.today),"aria-pressed":D,"aria-selected":D,"aria-current":Y?"date":void 0,disabled:K,tabIndex:B?0:-1,onClick:()=>F(e),onKeyDown:G=>J(G,r),children:e.getDate()},r)})})]})}exports.Calendar=z;
+//# sourceMappingURL=Calendar.cjs.map

package/dist/components/Calendar/Calendar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.cjs","sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Calendar.module.css\";\n\nexport type WeekStart = 0 | 1;\n\nexport interface CalendarProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    \"onChange\" | \"defaultValue\"\n> {\n    /** Controlled selected date. */\n    value?: Date;\n    /** Initial selected date for the uncontrolled case. */\n    defaultValue?: Date;\n    /** Called with the newly selected date. */\n    onChange?: (date: Date) => void;\n    /** Controlled visible month (any day within it). */\n    month?: Date;\n    /** Called when the visible month changes (prev/next). */\n    onMonthChange?: (month: Date) => void;\n    /** Earliest selectable date (inclusive). */\n    minDate?: Date;\n    /** Latest selectable date (inclusive). */\n    maxDate?: Date;\n    /** First column of the week — `0` Sunday (default) or `1` Monday. */\n    weekStartsOn?: WeekStart;\n}\n\nconst WEEKDAY_LABELS = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nconst MONTH_LABELS = [\n    \"January\",\n    \"February\",\n    \"March\",\n    \"April\",\n    \"May\",\n    \"June\",\n    \"July\",\n    \"August\",\n    \"September\",\n    \"October\",\n    \"November\",\n    \"December\",\n];\n\nconst DAYS_IN_GRID = 42;\n\n/**\n * Build a `Date` at midnight local time for the given year/month/day.\n *\n * @param year - Full year.\n * @param month - Zero-based month index.\n * @param day - Day of the month.\n * @returns A normalized `Date`.\n */\nfunction makeDate(year: number, month: number, day: number): Date {\n    return new Date(year, month, day);\n}\n\n/**\n * Strip the time portion so two dates can be compared by calendar day.\n *\n * @param date - The date to normalize.\n * @returns A new `Date` at local midnight.\n */\nfunction startOfDay(date: Date): Date {\n    return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\n/**\n * Whether two dates fall on the same calendar day.\n *\n * @param a - First date.\n * @param b - Second date.\n * @returns `true` when year, month and day match.\n */\nfunction isSameDay(a: Date, b: Date): boolean {\n    return (\n        a.getFullYear() === b.getFullYear() &&\n        a.getMonth() === b.getMonth() &&\n        a.getDate() === b.getDate()\n    );\n}\n\n/**\n * Whether a date is outside the inclusive `[minDate, maxDate]` window.\n *\n * @param date - The candidate day.\n * @param minDate - Optional lower bound.\n * @param maxDate - Optional upper bound.\n * @returns `true` when the date is disabled.\n */\nfunction isOutOfRange(date: Date, minDate?: Date, maxDate?: Date): boolean {\n    const day = startOfDay(date).getTime();\n    if (minDate && day < startOfDay(minDate).getTime()) return true;\n    if (maxDate && day > startOfDay(maxDate).getTime()) return true;\n    return false;\n}\n\n/**\n * Compute the 42-cell (6x7) grid of dates covering the given month, padded with\n * leading/trailing days from the adjacent months.\n *\n * @param month - Any date within the target month.\n * @param weekStartsOn - First column of the week.\n * @returns An array of 42 `Date` objects.\n */\nfunction buildGrid(month: Date, weekStartsOn: WeekStart): Date[] {\n    const year = month.getFullYear();\n    const monthIndex = month.getMonth();\n    const firstOfMonth = makeDate(year, monthIndex, 1);\n    const firstWeekday = firstOfMonth.getDay();\n    const leading = (firstWeekday - weekStartsOn + 7) % 7;\n    const start = makeDate(year, monthIndex, 1 - leading);\n\n    const cells: Date[] = [];\n    for (let i = 0; i < DAYS_IN_GRID; i += 1) {\n        cells.push(makeDate(start.getFullYear(), start.getMonth(), start.getDate() + i));\n    }\n    return cells;\n}\n\n/**\n * Standalone month-grid date picker. Renders a header with the month/year and\n * prev/next buttons, a weekday row, and a 6x7 grid of day buttons. Selection and\n * the visible month can each be controlled or uncontrolled. Grid arithmetic uses\n * plain `Date` math — no external date libraries.\n *\n * Keyboard: arrow keys move focus by day (left/right) or week (up/down), and\n * Enter/Space selects the focused day.\n */\nexport function Calendar({\n    value,\n    defaultValue,\n    onChange,\n    month,\n    onMonthChange,\n    minDate,\n    maxDate,\n    weekStartsOn = 0,\n    className,\n    ...props\n}: CalendarProps) {\n    const isSelectionControlled = value !== undefined;\n    const [internalSelected, setInternalSelected] = useState<Date | undefined>(defaultValue);\n    const selected = isSelectionControlled ? value : internalSelected;\n\n    const isMonthControlled = month !== undefined;\n    const [internalMonth, setInternalMonth] = useState<Date>(() => {\n        const base = month ?? value ?? defaultValue ?? new Date();\n        return makeDate(base.getFullYear(), base.getMonth(), 1);\n    });\n    const visibleMonth = isMonthControlled\n        ? makeDate(month.getFullYear(), month.getMonth(), 1)\n        : internalMonth;\n\n    const [focusedDay, setFocusedDay] = useState<number | null>(null);\n    const gridRef = useRef<HTMLDivElement | null>(null);\n\n    const today = useMemo(() => startOfDay(new Date()), []);\n    const cells = useMemo(\n        () => buildGrid(visibleMonth, weekStartsOn),\n        [visibleMonth, weekStartsOn],\n    );\n\n    const weekdayLabels = useMemo(() => {\n        return Array.from({ length: 7 }, (_, i) => WEEKDAY_LABELS[(i + weekStartsOn) % 7]);\n    }, [weekStartsOn]);\n\n    const changeMonth = useCallback(\n        (offset: number): void => {\n            const next = makeDate(visibleMonth.getFullYear(), visibleMonth.getMonth() + offset, 1);\n            if (onMonthChange) onMonthChange(next);\n            if (!isMonthControlled) setInternalMonth(next);\n        },\n        [visibleMonth, onMonthChange, isMonthControlled],\n    );\n\n    const selectDate = useCallback(\n        (date: Date): void => {\n            if (isOutOfRange(date, minDate, maxDate)) return;\n            if (onChange) onChange(date);\n            if (!isSelectionControlled) setInternalSelected(date);\n        },\n        [minDate, maxDate, onChange, isSelectionControlled],\n    );\n\n    const focusCell = useCallback((index: number): void => {\n        const clamped = Math.max(0, Math.min(DAYS_IN_GRID - 1, index));\n        setFocusedDay(clamped);\n        const grid = gridRef.current;\n        if (!grid) return;\n        const buttons = grid.querySelectorAll<HTMLButtonElement>(\"button[data-day]\");\n        buttons[clamped]?.focus();\n    }, []);\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLButtonElement>, index: number): void => {\n            switch (event.key) {\n                case \"ArrowLeft\":\n                    event.preventDefault();\n                    focusCell(index - 1);\n                    break;\n                case \"ArrowRight\":\n                    event.preventDefault();\n                    focusCell(index + 1);\n                    break;\n                case \"ArrowUp\":\n                    event.preventDefault();\n                    focusCell(index - 7);\n                    break;\n                case \"ArrowDown\":\n                    event.preventDefault();\n                    focusCell(index + 7);\n                    break;\n                case \"Enter\":\n                case \" \":\n                    event.preventDefault();\n                    selectDate(cells[index]);\n                    break;\n                default:\n                    break;\n            }\n        },\n        [focusCell, selectDate, cells],\n    );\n\n    return (\n        <div className={cn(styles.root, className)} {...props}>\n            <div className={styles.header}>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Previous month\"\n                    onClick={() => changeMonth(-1)}\n                >\n                    {\"‹\"}\n                </button>\n                <span className={styles.title} aria-live=\"polite\">\n                    {MONTH_LABELS[visibleMonth.getMonth()]} {visibleMonth.getFullYear()}\n                </span>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Next month\"\n                    onClick={() => changeMonth(1)}\n                >\n                    {\"›\"}\n                </button>\n            </div>\n\n            <div className={styles.weekdays} role=\"row\">\n                {weekdayLabels.map((label) => (\n                    <span key={label} className={styles.weekday} role=\"columnheader\">\n                        {label}\n                    </span>\n                ))}\n            </div>\n\n            <div className={styles.grid} role=\"grid\" ref={gridRef}>\n                {cells.map((date, index) => {\n                    const inMonth = date.getMonth() === visibleMonth.getMonth();\n                    const isSelected = selected ? isSameDay(date, selected) : false;\n                    const isToday = isSameDay(date, today);\n                    const disabled = isOutOfRange(date, minDate, maxDate);\n                    const isFocusTarget =\n                        focusedDay === null\n                            ? inMonth && date.getDate() === 1\n                            : focusedDay === index;\n                    return (\n                        <button\n                            key={index}\n                            type=\"button\"\n                            data-day\n                            role=\"gridcell\"\n                            className={cn(\n                                styles.day,\n                                !inMonth && styles.outside,\n                                isSelected && styles.selected,\n                                isToday && styles.today,\n                            )}\n                            aria-pressed={isSelected}\n                            aria-selected={isSelected}\n                            aria-current={isToday ? \"date\" : undefined}\n                            disabled={disabled}\n                            tabIndex={isFocusTarget ? 0 : -1}\n                            onClick={() => selectDate(date)}\n                            onKeyDown={(event) => handleKeyDown(event, index)}\n                        >\n                            {date.getDate()}\n                        </button>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"names":["WEEKDAY_LABELS","MONTH_LABELS","DAYS_IN_GRID","makeDate","year","month","day","startOfDay","date","isSameDay","a","b","isOutOfRange","minDate","maxDate","buildGrid","weekStartsOn","monthIndex","leading","start","cells","i","Calendar","value","defaultValue","onChange","onMonthChange","className","props","isSelectionControlled","internalSelected","setInternalSelected","useState","selected","isMonthControlled","internalMonth","setInternalMonth","base","visibleMonth","focusedDay","setFocusedDay","gridRef","useRef","today","useMemo","weekdayLabels","_","changeMonth","useCallback","offset","next","selectDate","focusCell","index","clamped","grid","handleKeyDown","event","jsxs","cn","styles","jsx","label","inMonth","isSelected","isToday","disabled","isFocusTarget"],"mappings":"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"}

package/dist/components/Calendar/Calendar.js

@@ -0,0 +1,156 @@
+import { jsxs as A, jsx as i } from "react/jsx-runtime";
+import { useState as v, useRef as Q, useMemo as Y, useCallback as M } from "react";
+import { cn as R } from "../../utils/cn.js";
+import o from "./Calendar.module.css.js";
+const X = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], Z = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+], O = 42;
+function u(t, n, s) {
+  return new Date(t, n, s);
+}
+function D(t) {
+  return new Date(t.getFullYear(), t.getMonth(), t.getDate());
+}
+function _(t, n) {
+  return t.getFullYear() === n.getFullYear() && t.getMonth() === n.getMonth() && t.getDate() === n.getDate();
+}
+function C(t, n, s) {
+  const a = D(t).getTime();
+  return !!(n && a < D(n).getTime() || s && a > D(s).getTime());
+}
+function $(t, n) {
+  const s = t.getFullYear(), a = t.getMonth(), d = (u(s, a, 1).getDay() - n + 7) % 7, l = u(s, a, 1 - d), b = [];
+  for (let f = 0; f < O; f += 1)
+    b.push(u(l.getFullYear(), l.getMonth(), l.getDate() + f));
+  return b;
+}
+function re({
+  value: t,
+  defaultValue: n,
+  onChange: s,
+  month: a,
+  onMonthChange: y,
+  minDate: m,
+  maxDate: d,
+  weekStartsOn: l = 0,
+  className: b,
+  ...f
+}) {
+  const k = t !== void 0, [W, J] = v(n), S = k ? t : W, w = a !== void 0, [K, j] = v(() => {
+    const e = a ?? t ?? n ?? /* @__PURE__ */ new Date();
+    return u(e.getFullYear(), e.getMonth(), 1);
+  }), c = w ? u(a.getFullYear(), a.getMonth(), 1) : K, [T, B] = v(null), I = Q(null), G = Y(() => D(/* @__PURE__ */ new Date()), []), F = Y(
+    () => $(c, l),
+    [c, l]
+  ), q = Y(() => Array.from({ length: 7 }, (e, r) => X[(r + l) % 7]), [l]), L = M(
+    (e) => {
+      const r = u(c.getFullYear(), c.getMonth() + e, 1);
+      y && y(r), w || j(r);
+    },
+    [c, y, w]
+  ), N = M(
+    (e) => {
+      C(e, m, d) || (s && s(e), k || J(e));
+    },
+    [m, d, s, k]
+  ), g = M((e) => {
+    const r = Math.max(0, Math.min(O - 1, e));
+    B(r);
+    const h = I.current;
+    if (!h) return;
+    h.querySelectorAll("button[data-day]")[r]?.focus();
+  }, []), H = M(
+    (e, r) => {
+      switch (e.key) {
+        case "ArrowLeft":
+          e.preventDefault(), g(r - 1);
+          break;
+        case "ArrowRight":
+          e.preventDefault(), g(r + 1);
+          break;
+        case "ArrowUp":
+          e.preventDefault(), g(r - 7);
+          break;
+        case "ArrowDown":
+          e.preventDefault(), g(r + 7);
+          break;
+        case "Enter":
+        case " ":
+          e.preventDefault(), N(F[r]);
+          break;
+      }
+    },
+    [g, N, F]
+  );
+  return /* @__PURE__ */ A("div", { className: R(o.root, b), ...f, children: [
+    /* @__PURE__ */ A("div", { className: o.header, children: [
+      /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: o.nav,
+          "aria-label": "Previous month",
+          onClick: () => L(-1),
+          children: "‹"
+        }
+      ),
+      /* @__PURE__ */ A("span", { className: o.title, "aria-live": "polite", children: [
+        Z[c.getMonth()],
+        " ",
+        c.getFullYear()
+      ] }),
+      /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: o.nav,
+          "aria-label": "Next month",
+          onClick: () => L(1),
+          children: "›"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i("div", { className: o.weekdays, role: "row", children: q.map((e) => /* @__PURE__ */ i("span", { className: o.weekday, role: "columnheader", children: e }, e)) }),
+    /* @__PURE__ */ i("div", { className: o.grid, role: "grid", ref: I, children: F.map((e, r) => {
+      const h = e.getMonth() === c.getMonth(), p = S ? _(e, S) : !1, E = _(e, G), P = C(e, m, d), U = T === null ? h && e.getDate() === 1 : T === r;
+      return /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          "data-day": !0,
+          role: "gridcell",
+          className: R(
+            o.day,
+            !h && o.outside,
+            p && o.selected,
+            E && o.today
+          ),
+          "aria-pressed": p,
+          "aria-selected": p,
+          "aria-current": E ? "date" : void 0,
+          disabled: P,
+          tabIndex: U ? 0 : -1,
+          onClick: () => N(e),
+          onKeyDown: (z) => H(z, r),
+          children: e.getDate()
+        },
+        r
+      );
+    }) })
+  ] });
+}
+export {
+  re as Calendar
+};
+//# sourceMappingURL=Calendar.js.map

package/dist/components/Calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Calendar.module.css\";\n\nexport type WeekStart = 0 | 1;\n\nexport interface CalendarProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    \"onChange\" | \"defaultValue\"\n> {\n    /** Controlled selected date. */\n    value?: Date;\n    /** Initial selected date for the uncontrolled case. */\n    defaultValue?: Date;\n    /** Called with the newly selected date. */\n    onChange?: (date: Date) => void;\n    /** Controlled visible month (any day within it). */\n    month?: Date;\n    /** Called when the visible month changes (prev/next). */\n    onMonthChange?: (month: Date) => void;\n    /** Earliest selectable date (inclusive). */\n    minDate?: Date;\n    /** Latest selectable date (inclusive). */\n    maxDate?: Date;\n    /** First column of the week — `0` Sunday (default) or `1` Monday. */\n    weekStartsOn?: WeekStart;\n}\n\nconst WEEKDAY_LABELS = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nconst MONTH_LABELS = [\n    \"January\",\n    \"February\",\n    \"March\",\n    \"April\",\n    \"May\",\n    \"June\",\n    \"July\",\n    \"August\",\n    \"September\",\n    \"October\",\n    \"November\",\n    \"December\",\n];\n\nconst DAYS_IN_GRID = 42;\n\n/**\n * Build a `Date` at midnight local time for the given year/month/day.\n *\n * @param year - Full year.\n * @param month - Zero-based month index.\n * @param day - Day of the month.\n * @returns A normalized `Date`.\n */\nfunction makeDate(year: number, month: number, day: number): Date {\n    return new Date(year, month, day);\n}\n\n/**\n * Strip the time portion so two dates can be compared by calendar day.\n *\n * @param date - The date to normalize.\n * @returns A new `Date` at local midnight.\n */\nfunction startOfDay(date: Date): Date {\n    return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\n/**\n * Whether two dates fall on the same calendar day.\n *\n * @param a - First date.\n * @param b - Second date.\n * @returns `true` when year, month and day match.\n */\nfunction isSameDay(a: Date, b: Date): boolean {\n    return (\n        a.getFullYear() === b.getFullYear() &&\n        a.getMonth() === b.getMonth() &&\n        a.getDate() === b.getDate()\n    );\n}\n\n/**\n * Whether a date is outside the inclusive `[minDate, maxDate]` window.\n *\n * @param date - The candidate day.\n * @param minDate - Optional lower bound.\n * @param maxDate - Optional upper bound.\n * @returns `true` when the date is disabled.\n */\nfunction isOutOfRange(date: Date, minDate?: Date, maxDate?: Date): boolean {\n    const day = startOfDay(date).getTime();\n    if (minDate && day < startOfDay(minDate).getTime()) return true;\n    if (maxDate && day > startOfDay(maxDate).getTime()) return true;\n    return false;\n}\n\n/**\n * Compute the 42-cell (6x7) grid of dates covering the given month, padded with\n * leading/trailing days from the adjacent months.\n *\n * @param month - Any date within the target month.\n * @param weekStartsOn - First column of the week.\n * @returns An array of 42 `Date` objects.\n */\nfunction buildGrid(month: Date, weekStartsOn: WeekStart): Date[] {\n    const year = month.getFullYear();\n    const monthIndex = month.getMonth();\n    const firstOfMonth = makeDate(year, monthIndex, 1);\n    const firstWeekday = firstOfMonth.getDay();\n    const leading = (firstWeekday - weekStartsOn + 7) % 7;\n    const start = makeDate(year, monthIndex, 1 - leading);\n\n    const cells: Date[] = [];\n    for (let i = 0; i < DAYS_IN_GRID; i += 1) {\n        cells.push(makeDate(start.getFullYear(), start.getMonth(), start.getDate() + i));\n    }\n    return cells;\n}\n\n/**\n * Standalone month-grid date picker. Renders a header with the month/year and\n * prev/next buttons, a weekday row, and a 6x7 grid of day buttons. Selection and\n * the visible month can each be controlled or uncontrolled. Grid arithmetic uses\n * plain `Date` math — no external date libraries.\n *\n * Keyboard: arrow keys move focus by day (left/right) or week (up/down), and\n * Enter/Space selects the focused day.\n */\nexport function Calendar({\n    value,\n    defaultValue,\n    onChange,\n    month,\n    onMonthChange,\n    minDate,\n    maxDate,\n    weekStartsOn = 0,\n    className,\n    ...props\n}: CalendarProps) {\n    const isSelectionControlled = value !== undefined;\n    const [internalSelected, setInternalSelected] = useState<Date | undefined>(defaultValue);\n    const selected = isSelectionControlled ? value : internalSelected;\n\n    const isMonthControlled = month !== undefined;\n    const [internalMonth, setInternalMonth] = useState<Date>(() => {\n        const base = month ?? value ?? defaultValue ?? new Date();\n        return makeDate(base.getFullYear(), base.getMonth(), 1);\n    });\n    const visibleMonth = isMonthControlled\n        ? makeDate(month.getFullYear(), month.getMonth(), 1)\n        : internalMonth;\n\n    const [focusedDay, setFocusedDay] = useState<number | null>(null);\n    const gridRef = useRef<HTMLDivElement | null>(null);\n\n    const today = useMemo(() => startOfDay(new Date()), []);\n    const cells = useMemo(\n        () => buildGrid(visibleMonth, weekStartsOn),\n        [visibleMonth, weekStartsOn],\n    );\n\n    const weekdayLabels = useMemo(() => {\n        return Array.from({ length: 7 }, (_, i) => WEEKDAY_LABELS[(i + weekStartsOn) % 7]);\n    }, [weekStartsOn]);\n\n    const changeMonth = useCallback(\n        (offset: number): void => {\n            const next = makeDate(visibleMonth.getFullYear(), visibleMonth.getMonth() + offset, 1);\n            if (onMonthChange) onMonthChange(next);\n            if (!isMonthControlled) setInternalMonth(next);\n        },\n        [visibleMonth, onMonthChange, isMonthControlled],\n    );\n\n    const selectDate = useCallback(\n        (date: Date): void => {\n            if (isOutOfRange(date, minDate, maxDate)) return;\n            if (onChange) onChange(date);\n            if (!isSelectionControlled) setInternalSelected(date);\n        },\n        [minDate, maxDate, onChange, isSelectionControlled],\n    );\n\n    const focusCell = useCallback((index: number): void => {\n        const clamped = Math.max(0, Math.min(DAYS_IN_GRID - 1, index));\n        setFocusedDay(clamped);\n        const grid = gridRef.current;\n        if (!grid) return;\n        const buttons = grid.querySelectorAll<HTMLButtonElement>(\"button[data-day]\");\n        buttons[clamped]?.focus();\n    }, []);\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLButtonElement>, index: number): void => {\n            switch (event.key) {\n                case \"ArrowLeft\":\n                    event.preventDefault();\n                    focusCell(index - 1);\n                    break;\n                case \"ArrowRight\":\n                    event.preventDefault();\n                    focusCell(index + 1);\n                    break;\n                case \"ArrowUp\":\n                    event.preventDefault();\n                    focusCell(index - 7);\n                    break;\n                case \"ArrowDown\":\n                    event.preventDefault();\n                    focusCell(index + 7);\n                    break;\n                case \"Enter\":\n                case \" \":\n                    event.preventDefault();\n                    selectDate(cells[index]);\n                    break;\n                default:\n                    break;\n            }\n        },\n        [focusCell, selectDate, cells],\n    );\n\n    return (\n        <div className={cn(styles.root, className)} {...props}>\n            <div className={styles.header}>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Previous month\"\n                    onClick={() => changeMonth(-1)}\n                >\n                    {\"‹\"}\n                </button>\n                <span className={styles.title} aria-live=\"polite\">\n                    {MONTH_LABELS[visibleMonth.getMonth()]} {visibleMonth.getFullYear()}\n                </span>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Next month\"\n                    onClick={() => changeMonth(1)}\n                >\n                    {\"›\"}\n                </button>\n            </div>\n\n            <div className={styles.weekdays} role=\"row\">\n                {weekdayLabels.map((label) => (\n                    <span key={label} className={styles.weekday} role=\"columnheader\">\n                        {label}\n                    </span>\n                ))}\n            </div>\n\n            <div className={styles.grid} role=\"grid\" ref={gridRef}>\n                {cells.map((date, index) => {\n                    const inMonth = date.getMonth() === visibleMonth.getMonth();\n                    const isSelected = selected ? isSameDay(date, selected) : false;\n                    const isToday = isSameDay(date, today);\n                    const disabled = isOutOfRange(date, minDate, maxDate);\n                    const isFocusTarget =\n                        focusedDay === null\n                            ? inMonth && date.getDate() === 1\n                            : focusedDay === index;\n                    return (\n                        <button\n                            key={index}\n                            type=\"button\"\n                            data-day\n                            role=\"gridcell\"\n                            className={cn(\n                                styles.day,\n                                !inMonth && styles.outside,\n                                isSelected && styles.selected,\n                                isToday && styles.today,\n                            )}\n                            aria-pressed={isSelected}\n                            aria-selected={isSelected}\n                            aria-current={isToday ? \"date\" : undefined}\n                            disabled={disabled}\n                            tabIndex={isFocusTarget ? 0 : -1}\n                            onClick={() => selectDate(date)}\n                            onKeyDown={(event) => handleKeyDown(event, index)}\n                        >\n                            {date.getDate()}\n                        </button>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"names":["WEEKDAY_LABELS","MONTH_LABELS","DAYS_IN_GRID","makeDate","year","month","day","startOfDay","date","isSameDay","a","b","isOutOfRange","minDate","maxDate","buildGrid","weekStartsOn","monthIndex","leading","start","cells","i","Calendar","value","defaultValue","onChange","onMonthChange","className","props","isSelectionControlled","internalSelected","setInternalSelected","useState","selected","isMonthControlled","internalMonth","setInternalMonth","base","visibleMonth","focusedDay","setFocusedDay","gridRef","useRef","today","useMemo","weekdayLabels","_","changeMonth","useCallback","offset","next","selectDate","focusCell","index","clamped","grid","handleKeyDown","event","jsxs","cn","styles","jsx","label","inMonth","isSelected","isToday","disabled","isFocusTarget"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_root_ObO-Z",t="tempest_header_5nSJG",s="tempest_title_Jd3Xb",d="tempest_nav_4h58I",o="tempest_weekdays_YzRfx",a="tempest_grid_nbaFm",_="tempest_weekday_k-7Vr",n="tempest_day_ao-IC",c="tempest_outside_HkC-6",r="tempest_today_p18-m",y="tempest_selected_C9bTY",i={root:e,header:t,title:s,nav:d,weekdays:o,grid:a,weekday:_,day:n,outside:c,today:r,selected:y};exports.day=n;exports.default=i;exports.grid=a;exports.header=t;exports.nav=d;exports.outside=c;exports.root=e;exports.selected=y;exports.title=s;exports.today=r;exports.weekday=_;exports.weekdays=o;
+//# sourceMappingURL=Calendar.module.css.cjs.map

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

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

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

@@ -0,0 +1,28 @@
+const e = "tempest_root_ObO-Z", t = "tempest_header_5nSJG", s = "tempest_title_Jd3Xb", d = "tempest_nav_4h58I", o = "tempest_weekdays_YzRfx", a = "tempest_grid_nbaFm", _ = "tempest_weekday_k-7Vr", n = "tempest_day_ao-IC", c = "tempest_outside_HkC-6", m = "tempest_today_p18-m", p = "tempest_selected_C9bTY", y = {
+  root: e,
+  header: t,
+  title: s,
+  nav: d,
+  weekdays: o,
+  grid: a,
+  weekday: _,
+  day: n,
+  outside: c,
+  today: m,
+  selected: p
+};
+export {
+  n as day,
+  y as default,
+  a as grid,
+  t as header,
+  d as nav,
+  c as outside,
+  e as root,
+  p as selected,
+  s as title,
+  m as today,
+  _ as weekday,
+  o as weekdays
+};
+//# sourceMappingURL=Calendar.module.css.js.map

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

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

package/dist/components/Card/Card.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("../../utils/cn.cjs"),e=require("./Card.module.css.cjs");function x({title:d,actions:r,footer:u,flush:f=!1,interactive:c=!1,elevation:t="default",className:i,children:n,...s}){const l=!!(d||r);return a.jsxs("div",{className:o.cn(e.default.card,t==="flat"&&e.default.flat,t==="raised"&&e.default.raised,t==="elevated"&&e.default.elevated,c&&e.default.interactive,!l&&!f&&e.default.padded,f&&e.default.flush,i),tabIndex:c?s.tabIndex??0:s.tabIndex,...s,children:[l&&a.jsxs("header",{className:e.default.header,children:[typeof d=="string"?a.jsx("h3",{className:e.default.title,children:d}):d,r]}),l?a.jsx("div",{className:e.default.body,children:n}):n,u&&a.jsx("footer",{className:e.default.footer,children:u})]})}exports.Card=x;
+//# sourceMappingURL=Card.cjs.map

package/dist/components/Card/Card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.cjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Card.module.css\";\n\nexport type CardElevation = \"flat\" | \"default\" | \"raised\" | \"elevated\";\n\nexport interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    title?: ReactNode;\n    actions?: ReactNode;\n    footer?: ReactNode;\n    flush?: boolean;\n    /** Hoverable card — adds elevation lift, cursor pointer and focus ring. */\n    interactive?: boolean;\n    /** Visual elevation level. Defaults to `default` (subtle shadow + border). */\n    elevation?: CardElevation;\n}\n\n/**\n * Card container with optional header (title + actions) and footer slot.\n * Use `flush` when you need to host content (tables, lists) without inner padding.\n * Use `interactive` for clickable cards — adds hover lift and focus ring.\n */\nexport function Card({\n    title,\n    actions,\n    footer,\n    flush = false,\n    interactive = false,\n    elevation = \"default\",\n    className,\n    children,\n    ...props\n}: CardProps) {\n    const hasHeader = !!(title || actions);\n    return (\n        <div\n            className={cn(\n                styles.card,\n                elevation === \"flat\" && styles.flat,\n                elevation === \"raised\" && styles.raised,\n                elevation === \"elevated\" && styles.elevated,\n                interactive && styles.interactive,\n                !hasHeader && !flush && styles.padded,\n                flush && styles.flush,\n                className,\n            )}\n            tabIndex={interactive ? (props.tabIndex ?? 0) : props.tabIndex}\n            {...props}\n        >\n            {hasHeader && (\n                <header className={styles.header}>\n                    {typeof title === \"string\" ? <h3 className={styles.title}>{title}</h3> : title}\n                    {actions}\n                </header>\n            )}\n            {hasHeader ? <div className={styles.body}>{children}</div> : children}\n            {footer && <footer className={styles.footer}>{footer}</footer>}\n        </div>\n    );\n}\n"],"names":["Card","title","actions","footer","flush","interactive","elevation","className","children","props","hasHeader","jsxs","cn","styles","jsx"],"mappings":"wLAsBO,SAASA,EAAK,CACjB,MAAAC,EACA,QAAAC,EACA,OAAAC,EACA,MAAAC,EAAQ,GACR,YAAAC,EAAc,GACd,UAAAC,EAAY,UACZ,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAc,CACV,MAAMC,EAAY,CAAC,EAAET,GAASC,GAC9B,OACIS,EAAAA,KAAC,MAAA,CACG,UAAWC,EAAAA,GACPC,EAAAA,QAAO,KACPP,IAAc,QAAUO,EAAAA,QAAO,KAC/BP,IAAc,UAAYO,EAAAA,QAAO,OACjCP,IAAc,YAAcO,EAAAA,QAAO,SACnCR,GAAeQ,EAAAA,QAAO,YACtB,CAACH,GAAa,CAACN,GAASS,EAAAA,QAAO,OAC/BT,GAASS,EAAAA,QAAO,MAChBN,CAAA,EAEJ,SAAUF,EAAeI,EAAM,UAAY,EAAKA,EAAM,SACrD,GAAGA,EAEH,SAAA,CAAAC,GACGC,EAAAA,KAAC,SAAA,CAAO,UAAWE,EAAAA,QAAO,OACrB,SAAA,CAAA,OAAOZ,GAAU,SAAWa,EAAAA,IAAC,KAAA,CAAG,UAAWD,EAAAA,QAAO,MAAQ,WAAM,EAAQZ,EACxEC,CAAA,EACL,EAEHQ,EAAYI,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,KAAO,SAAAL,EAAS,EAASA,EAC5DL,GAAUW,EAAAA,IAAC,SAAA,CAAO,UAAWD,EAAAA,QAAO,OAAS,SAAAV,CAAA,CAAO,CAAA,CAAA,CAAA,CAGjE"}

package/dist/components/Card/Card.js

@@ -0,0 +1,45 @@
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import { cn as i } from "../../utils/cn.js";
+import e from "./Card.module.css.js";
+function u({
+  title: a,
+  actions: t,
+  footer: c,
+  flush: f = !1,
+  interactive: m = !1,
+  elevation: d = "default",
+  className: h,
+  children: n,
+  ...r
+}) {
+  const s = !!(a || t);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: i(
+        e.card,
+        d === "flat" && e.flat,
+        d === "raised" && e.raised,
+        d === "elevated" && e.elevated,
+        m && e.interactive,
+        !s && !f && e.padded,
+        f && e.flush,
+        h
+      ),
+      tabIndex: m ? r.tabIndex ?? 0 : r.tabIndex,
+      ...r,
+      children: [
+        s && /* @__PURE__ */ o("header", { className: e.header, children: [
+          typeof a == "string" ? /* @__PURE__ */ l("h3", { className: e.title, children: a }) : a,
+          t
+        ] }),
+        s ? /* @__PURE__ */ l("div", { className: e.body, children: n }) : n,
+        c && /* @__PURE__ */ l("footer", { className: e.footer, children: c })
+      ]
+    }
+  );
+}
+export {
+  u as Card
+};
+//# sourceMappingURL=Card.js.map

package/dist/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Card.module.css\";\n\nexport type CardElevation = \"flat\" | \"default\" | \"raised\" | \"elevated\";\n\nexport interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n    title?: ReactNode;\n    actions?: ReactNode;\n    footer?: ReactNode;\n    flush?: boolean;\n    /** Hoverable card — adds elevation lift, cursor pointer and focus ring. */\n    interactive?: boolean;\n    /** Visual elevation level. Defaults to `default` (subtle shadow + border). */\n    elevation?: CardElevation;\n}\n\n/**\n * Card container with optional header (title + actions) and footer slot.\n * Use `flush` when you need to host content (tables, lists) without inner padding.\n * Use `interactive` for clickable cards — adds hover lift and focus ring.\n */\nexport function Card({\n    title,\n    actions,\n    footer,\n    flush = false,\n    interactive = false,\n    elevation = \"default\",\n    className,\n    children,\n    ...props\n}: CardProps) {\n    const hasHeader = !!(title || actions);\n    return (\n        <div\n            className={cn(\n                styles.card,\n                elevation === \"flat\" && styles.flat,\n                elevation === \"raised\" && styles.raised,\n                elevation === \"elevated\" && styles.elevated,\n                interactive && styles.interactive,\n                !hasHeader && !flush && styles.padded,\n                flush && styles.flush,\n                className,\n            )}\n            tabIndex={interactive ? (props.tabIndex ?? 0) : props.tabIndex}\n            {...props}\n        >\n            {hasHeader && (\n                <header className={styles.header}>\n                    {typeof title === \"string\" ? <h3 className={styles.title}>{title}</h3> : title}\n                    {actions}\n                </header>\n            )}\n            {hasHeader ? <div className={styles.body}>{children}</div> : children}\n            {footer && <footer className={styles.footer}>{footer}</footer>}\n        </div>\n    );\n}\n"],"names":["Card","title","actions","footer","flush","interactive","elevation","className","children","props","hasHeader","jsxs","cn","styles","jsx"],"mappings":";;;AAsBO,SAASA,EAAK;AAAA,EACjB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,aAAAC,IAAc;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAc;AACV,QAAMC,IAAY,CAAC,EAAET,KAASC;AAC9B,SACI,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACPC,EAAO;AAAA,QACPP,MAAc,UAAUO,EAAO;AAAA,QAC/BP,MAAc,YAAYO,EAAO;AAAA,QACjCP,MAAc,cAAcO,EAAO;AAAA,QACnCR,KAAeQ,EAAO;AAAA,QACtB,CAACH,KAAa,CAACN,KAASS,EAAO;AAAA,QAC/BT,KAASS,EAAO;AAAA,QAChBN;AAAA,MAAA;AAAA,MAEJ,UAAUF,IAAeI,EAAM,YAAY,IAAKA,EAAM;AAAA,MACrD,GAAGA;AAAA,MAEH,UAAA;AAAA,QAAAC,KACG,gBAAAC,EAAC,UAAA,EAAO,WAAWE,EAAO,QACrB,UAAA;AAAA,UAAA,OAAOZ,KAAU,WAAW,gBAAAa,EAAC,MAAA,EAAG,WAAWD,EAAO,OAAQ,aAAM,IAAQZ;AAAA,UACxEC;AAAA,QAAA,GACL;AAAA,QAEHQ,IAAY,gBAAAI,EAAC,OAAA,EAAI,WAAWD,EAAO,MAAO,UAAAL,GAAS,IAASA;AAAA,QAC5DL,KAAU,gBAAAW,EAAC,UAAA,EAAO,WAAWD,EAAO,QAAS,UAAAV,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGjE;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_card_Cb1o4",t="tempest_flat_LRpce",s="tempest_raised_WmIqk",d="tempest_elevated_5VEDw",a="tempest_interactive_B8Tah",o="tempest_padded_oOxwN",r="tempest_flush_aiDZi",_="tempest_header_PTXf2",c="tempest_title_mSgoo",l="tempest_body_W441Z",i="tempest_footer_Mu-JC",n={card:e,flat:t,raised:s,elevated:d,interactive:a,padded:o,flush:r,header:_,title:c,body:l,footer:i};exports.body=l;exports.card=e;exports.default=n;exports.elevated=d;exports.flat=t;exports.flush=r;exports.footer=i;exports.header=_;exports.interactive=a;exports.padded=o;exports.raised=s;exports.title=c;
+//# sourceMappingURL=Card.module.css.cjs.map

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

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

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

@@ -0,0 +1,28 @@
+const e = "tempest_card_Cb1o4", t = "tempest_flat_LRpce", s = "tempest_raised_WmIqk", o = "tempest_elevated_5VEDw", a = "tempest_interactive_B8Tah", d = "tempest_padded_oOxwN", _ = "tempest_flush_aiDZi", c = "tempest_header_PTXf2", p = "tempest_title_mSgoo", r = "tempest_body_W441Z", n = "tempest_footer_Mu-JC", i = {
+  card: e,
+  flat: t,
+  raised: s,
+  elevated: o,
+  interactive: a,
+  padded: d,
+  flush: _,
+  header: c,
+  title: p,
+  body: r,
+  footer: n
+};
+export {
+  r as body,
+  e as card,
+  i as default,
+  o as elevated,
+  t as flat,
+  _ as flush,
+  n as footer,
+  c as header,
+  a as interactive,
+  d as padded,
+  s as raised,
+  p as title
+};
+//# sourceMappingURL=Card.module.css.js.map

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

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

package/dist/components/Carousel/Carousel.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("react"),o=require("../../utils/cn.cjs"),a=require("./Carousel.module.css.cjs");function x({children:c,loop:i=!1,showArrows:m=!0,showDots:j=!0,index:d,defaultIndex:v=0,onIndexChange:f,className:y,...h}){const s=c.length,u=d!==void 0,[p,N]=b.useState(v),t=u?d:p,n=b.useCallback(l=>{let e=l;e<0?e=i?s-1:0:e>=s&&(e=i?0:s-1),e!==t&&(u||N(e),f?.(e))},[s,i,t,u,f]),g=t<=0,k=t>=s-1,w=l=>{l.key==="ArrowRight"?(l.preventDefault(),n(t+1)):l.key==="ArrowLeft"&&(l.preventDefault(),n(t-1))};return r.jsxs("div",{role:"region","aria-roledescription":"carousel",tabIndex:0,className:o.cn(a.default.root,y),onKeyDown:w,...h,children:[r.jsx("div",{className:a.default.viewport,children:r.jsx("div",{className:a.default.track,style:{transform:`translateX(-${t*100}%)`},children:c.map((l,e)=>r.jsx("div",{role:"group","aria-roledescription":"slide","aria-label":`${e+1} of ${s}`,"aria-hidden":e!==t,className:a.default.slide,children:l},e))})}),m&&s>1&&r.jsxs(r.Fragment,{children:[r.jsx("button",{type:"button",className:o.cn(a.default.arrow,a.default.prev),"aria-label":"Previous slide",disabled:!i&&g,onClick:()=>n(t-1),children:"‹"}),r.jsx("button",{type:"button",className:o.cn(a.default.arrow,a.default.next),"aria-label":"Next slide",disabled:!i&&k,onClick:()=>n(t+1),children:"›"})]}),j&&s>1&&r.jsx("div",{className:a.default.dots,role:"tablist","aria-label":"Slides",children:c.map((l,e)=>r.jsx("button",{type:"button",role:"tab","aria-label":`Go to slide ${e+1}`,"aria-selected":e===t,className:o.cn(a.default.dot,e===t&&a.default.dotActive),onClick:()=>n(e)},e))})]})}exports.Carousel=x;
+//# sourceMappingURL=Carousel.cjs.map

package/dist/components/Carousel/Carousel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.cjs","sources":["../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Carousel.module.css\";\n\nexport interface CarouselProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Slides — one rendered at a time. */\n    children: ReactNode[];\n    /** Wrap around at the ends instead of stopping. Default `false`. */\n    loop?: boolean;\n    /** Show prev/next arrow buttons. Default `true`. */\n    showArrows?: boolean;\n    /** Show dot indicators. Default `true`. */\n    showDots?: boolean;\n    /** Controlled active index. */\n    index?: number;\n    /** Initial index for uncontrolled use. Default `0`. */\n    defaultIndex?: number;\n    /** Called whenever the active index changes. */\n    onIndexChange?: (index: number) => void;\n}\n\n/**\n * Horizontal content slider showing one slide at a time.\n *\n * - Track translates by the active index (`translateX(-index * 100%)`).\n * - Prev/next arrows (disabled at the ends unless `loop`); dot indicators jump.\n * - Controlled (`index`) or uncontrolled (`defaultIndex`).\n * - Arrow Left/Right on the focused region navigates.\n *\n * @example\n * <Carousel loop>\n *     <img src=\"/1.jpg\" alt=\"\" />\n *     <img src=\"/2.jpg\" alt=\"\" />\n *     <img src=\"/3.jpg\" alt=\"\" />\n * </Carousel>\n */\nexport function Carousel({\n    children,\n    loop = false,\n    showArrows = true,\n    showDots = true,\n    index,\n    defaultIndex = 0,\n    onIndexChange,\n    className,\n    ...props\n}: CarouselProps) {\n    const count = children.length;\n    const isControlled = index !== undefined;\n    const [internalIndex, setInternalIndex] = useState<number>(defaultIndex);\n    const current = isControlled ? index : internalIndex;\n\n    const goTo = useCallback(\n        (next: number): void => {\n            let target = next;\n            if (target < 0) target = loop ? count - 1 : 0;\n            else if (target >= count) target = loop ? 0 : count - 1;\n            if (target === current) return;\n            if (!isControlled) setInternalIndex(target);\n            onIndexChange?.(target);\n        },\n        [count, loop, current, isControlled, onIndexChange],\n    );\n\n    const atStart = current <= 0;\n    const atEnd = current >= count - 1;\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n        if (event.key === \"ArrowRight\") {\n            event.preventDefault();\n            goTo(current + 1);\n        } else if (event.key === \"ArrowLeft\") {\n            event.preventDefault();\n            goTo(current - 1);\n        }\n    };\n\n    return (\n        <div\n            role=\"region\"\n            aria-roledescription=\"carousel\"\n            tabIndex={0}\n            className={cn(styles.root, className)}\n            onKeyDown={handleKeyDown}\n            {...props}\n        >\n            <div className={styles.viewport}>\n                <div\n                    className={styles.track}\n                    style={{ transform: `translateX(-${current * 100}%)` }}\n                >\n                    {children.map((slide, slideIndex) => (\n                        <div\n                            key={slideIndex}\n                            role=\"group\"\n                            aria-roledescription=\"slide\"\n                            aria-label={`${slideIndex + 1} of ${count}`}\n                            aria-hidden={slideIndex !== current}\n                            className={styles.slide}\n                        >\n                            {slide}\n                        </div>\n                    ))}\n                </div>\n            </div>\n\n            {showArrows && count > 1 && (\n                <>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.arrow, styles.prev)}\n                        aria-label=\"Previous slide\"\n                        disabled={!loop && atStart}\n                        onClick={() => goTo(current - 1)}\n                    >\n                        ‹\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.arrow, styles.next)}\n                        aria-label=\"Next slide\"\n                        disabled={!loop && atEnd}\n                        onClick={() => goTo(current + 1)}\n                    >\n                        ›\n                    </button>\n                </>\n            )}\n\n            {showDots && count > 1 && (\n                <div className={styles.dots} role=\"tablist\" aria-label=\"Slides\">\n                    {children.map((_, dotIndex) => (\n                        <button\n                            key={dotIndex}\n                            type=\"button\"\n                            role=\"tab\"\n                            aria-label={`Go to slide ${dotIndex + 1}`}\n                            aria-selected={dotIndex === current}\n                            className={cn(styles.dot, dotIndex === current && styles.dotActive)}\n                            onClick={() => goTo(dotIndex)}\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n}\n"],"names":["Carousel","children","loop","showArrows","showDots","index","defaultIndex","onIndexChange","className","props","count","isControlled","internalIndex","setInternalIndex","useState","current","goTo","useCallback","next","target","atStart","atEnd","handleKeyDown","event","jsxs","cn","styles","jsx","slide","slideIndex","Fragment","_","dotIndex"],"mappings":"+MAqCO,SAASA,EAAS,CACrB,SAAAC,EACA,KAAAC,EAAO,GACP,WAAAC,EAAa,GACb,SAAAC,EAAW,GACX,MAAAC,EACA,aAAAC,EAAe,EACf,cAAAC,EACA,UAAAC,EACA,GAAGC,CACP,EAAkB,CACd,MAAMC,EAAQT,EAAS,OACjBU,EAAeN,IAAU,OACzB,CAACO,EAAeC,CAAgB,EAAIC,EAAAA,SAAiBR,CAAY,EACjES,EAAUJ,EAAeN,EAAQO,EAEjCI,EAAOC,EAAAA,YACRC,GAAuB,CACpB,IAAIC,EAASD,EACTC,EAAS,EAAGA,EAASjB,EAAOQ,EAAQ,EAAI,EACnCS,GAAUT,IAAOS,EAASjB,EAAO,EAAIQ,EAAQ,GAClDS,IAAWJ,IACVJ,GAAcE,EAAiBM,CAAM,EAC1CZ,IAAgBY,CAAM,EAC1B,EACA,CAACT,EAAOR,EAAMa,EAASJ,EAAcJ,CAAa,CAAA,EAGhDa,EAAUL,GAAW,EACrBM,EAAQN,GAAWL,EAAQ,EAE3BY,EAAiBC,GAAqD,CACpEA,EAAM,MAAQ,cACdA,EAAM,eAAA,EACNP,EAAKD,EAAU,CAAC,GACTQ,EAAM,MAAQ,cACrBA,EAAM,eAAA,EACNP,EAAKD,EAAU,CAAC,EAExB,EAEA,OACIS,EAAAA,KAAC,MAAA,CACG,KAAK,SACL,uBAAqB,WACrB,SAAU,EACV,UAAWC,EAAAA,GAAGC,UAAO,KAAMlB,CAAS,EACpC,UAAWc,EACV,GAAGb,EAEJ,SAAA,CAAAkB,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,SACnB,SAAAC,EAAAA,IAAC,MAAA,CACG,UAAWD,EAAAA,QAAO,MAClB,MAAO,CAAE,UAAW,eAAeX,EAAU,GAAG,IAAA,EAE/C,SAAAd,EAAS,IAAI,CAAC2B,EAAOC,IAClBF,EAAAA,IAAC,MAAA,CAEG,KAAK,QACL,uBAAqB,QACrB,aAAY,GAAGE,EAAa,CAAC,OAAOnB,CAAK,GACzC,cAAamB,IAAed,EAC5B,UAAWW,EAAAA,QAAO,MAEjB,SAAAE,CAAA,EAPIC,CAAA,CASZ,CAAA,CAAA,EAET,EAEC1B,GAAcO,EAAQ,GACnBc,EAAAA,KAAAM,EAAAA,SAAA,CACI,SAAA,CAAAH,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWF,EAAAA,GAAGC,EAAAA,QAAO,MAAOA,EAAAA,QAAO,IAAI,EACvC,aAAW,iBACX,SAAU,CAACxB,GAAQkB,EACnB,QAAS,IAAMJ,EAAKD,EAAU,CAAC,EAClC,SAAA,GAAA,CAAA,EAGDY,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWF,EAAAA,GAAGC,EAAAA,QAAO,MAAOA,EAAAA,QAAO,IAAI,EACvC,aAAW,aACX,SAAU,CAACxB,GAAQmB,EACnB,QAAS,IAAML,EAAKD,EAAU,CAAC,EAClC,SAAA,GAAA,CAAA,CAED,EACJ,EAGHX,GAAYM,EAAQ,GACjBiB,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,KAAM,KAAK,UAAU,aAAW,SAClD,SAAAzB,EAAS,IAAI,CAAC8B,EAAGC,IACdL,EAAAA,IAAC,SAAA,CAEG,KAAK,SACL,KAAK,MACL,aAAY,eAAeK,EAAW,CAAC,GACvC,gBAAeA,IAAajB,EAC5B,UAAWU,EAAAA,GAAGC,UAAO,IAAKM,IAAajB,GAAWW,EAAAA,QAAO,SAAS,EAClE,QAAS,IAAMV,EAAKgB,CAAQ,CAAA,EANvBA,CAAA,CAQZ,CAAA,CACL,CAAA,CAAA,CAAA,CAIhB"}

package/dist/components/Carousel/Carousel.js

@@ -0,0 +1,97 @@
+import { jsxs as b, jsx as i, Fragment as D } from "react/jsx-runtime";
+import { useState as $, useCallback as A } from "react";
+import { cn as n } from "../../utils/cn.js";
+import r from "./Carousel.module.css.js";
+function F({
+  children: c,
+  loop: s = !1,
+  showArrows: f = !0,
+  showDots: p = !0,
+  index: u,
+  defaultIndex: h = 0,
+  onIndexChange: m,
+  className: v,
+  ...y
+}) {
+  const l = c.length, d = u !== void 0, [N, k] = $(h), t = d ? u : N, o = A(
+    (a) => {
+      let e = a;
+      e < 0 ? e = s ? l - 1 : 0 : e >= l && (e = s ? 0 : l - 1), e !== t && (d || k(e), m?.(e));
+    },
+    [l, s, t, d, m]
+  ), w = t <= 0, g = t >= l - 1, C = (a) => {
+    a.key === "ArrowRight" ? (a.preventDefault(), o(t + 1)) : a.key === "ArrowLeft" && (a.preventDefault(), o(t - 1));
+  };
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      role: "region",
+      "aria-roledescription": "carousel",
+      tabIndex: 0,
+      className: n(r.root, v),
+      onKeyDown: C,
+      ...y,
+      children: [
+        /* @__PURE__ */ i("div", { className: r.viewport, children: /* @__PURE__ */ i(
+          "div",
+          {
+            className: r.track,
+            style: { transform: `translateX(-${t * 100}%)` },
+            children: c.map((a, e) => /* @__PURE__ */ i(
+              "div",
+              {
+                role: "group",
+                "aria-roledescription": "slide",
+                "aria-label": `${e + 1} of ${l}`,
+                "aria-hidden": e !== t,
+                className: r.slide,
+                children: a
+              },
+              e
+            ))
+          }
+        ) }),
+        f && l > 1 && /* @__PURE__ */ b(D, { children: [
+          /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              className: n(r.arrow, r.prev),
+              "aria-label": "Previous slide",
+              disabled: !s && w,
+              onClick: () => o(t - 1),
+              children: "‹"
+            }
+          ),
+          /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              className: n(r.arrow, r.next),
+              "aria-label": "Next slide",
+              disabled: !s && g,
+              onClick: () => o(t + 1),
+              children: "›"
+            }
+          )
+        ] }),
+        p && l > 1 && /* @__PURE__ */ i("div", { className: r.dots, role: "tablist", "aria-label": "Slides", children: c.map((a, e) => /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-label": `Go to slide ${e + 1}`,
+            "aria-selected": e === t,
+            className: n(r.dot, e === t && r.dotActive),
+            onClick: () => o(e)
+          },
+          e
+        )) })
+      ]
+    }
+  );
+}
+export {
+  F as Carousel
+};
+//# sourceMappingURL=Carousel.js.map

package/dist/components/Carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sources":["../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Carousel.module.css\";\n\nexport interface CarouselProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Slides — one rendered at a time. */\n    children: ReactNode[];\n    /** Wrap around at the ends instead of stopping. Default `false`. */\n    loop?: boolean;\n    /** Show prev/next arrow buttons. Default `true`. */\n    showArrows?: boolean;\n    /** Show dot indicators. Default `true`. */\n    showDots?: boolean;\n    /** Controlled active index. */\n    index?: number;\n    /** Initial index for uncontrolled use. Default `0`. */\n    defaultIndex?: number;\n    /** Called whenever the active index changes. */\n    onIndexChange?: (index: number) => void;\n}\n\n/**\n * Horizontal content slider showing one slide at a time.\n *\n * - Track translates by the active index (`translateX(-index * 100%)`).\n * - Prev/next arrows (disabled at the ends unless `loop`); dot indicators jump.\n * - Controlled (`index`) or uncontrolled (`defaultIndex`).\n * - Arrow Left/Right on the focused region navigates.\n *\n * @example\n * <Carousel loop>\n *     <img src=\"/1.jpg\" alt=\"\" />\n *     <img src=\"/2.jpg\" alt=\"\" />\n *     <img src=\"/3.jpg\" alt=\"\" />\n * </Carousel>\n */\nexport function Carousel({\n    children,\n    loop = false,\n    showArrows = true,\n    showDots = true,\n    index,\n    defaultIndex = 0,\n    onIndexChange,\n    className,\n    ...props\n}: CarouselProps) {\n    const count = children.length;\n    const isControlled = index !== undefined;\n    const [internalIndex, setInternalIndex] = useState<number>(defaultIndex);\n    const current = isControlled ? index : internalIndex;\n\n    const goTo = useCallback(\n        (next: number): void => {\n            let target = next;\n            if (target < 0) target = loop ? count - 1 : 0;\n            else if (target >= count) target = loop ? 0 : count - 1;\n            if (target === current) return;\n            if (!isControlled) setInternalIndex(target);\n            onIndexChange?.(target);\n        },\n        [count, loop, current, isControlled, onIndexChange],\n    );\n\n    const atStart = current <= 0;\n    const atEnd = current >= count - 1;\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n        if (event.key === \"ArrowRight\") {\n            event.preventDefault();\n            goTo(current + 1);\n        } else if (event.key === \"ArrowLeft\") {\n            event.preventDefault();\n            goTo(current - 1);\n        }\n    };\n\n    return (\n        <div\n            role=\"region\"\n            aria-roledescription=\"carousel\"\n            tabIndex={0}\n            className={cn(styles.root, className)}\n            onKeyDown={handleKeyDown}\n            {...props}\n        >\n            <div className={styles.viewport}>\n                <div\n                    className={styles.track}\n                    style={{ transform: `translateX(-${current * 100}%)` }}\n                >\n                    {children.map((slide, slideIndex) => (\n                        <div\n                            key={slideIndex}\n                            role=\"group\"\n                            aria-roledescription=\"slide\"\n                            aria-label={`${slideIndex + 1} of ${count}`}\n                            aria-hidden={slideIndex !== current}\n                            className={styles.slide}\n                        >\n                            {slide}\n                        </div>\n                    ))}\n                </div>\n            </div>\n\n            {showArrows && count > 1 && (\n                <>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.arrow, styles.prev)}\n                        aria-label=\"Previous slide\"\n                        disabled={!loop && atStart}\n                        onClick={() => goTo(current - 1)}\n                    >\n                        ‹\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={cn(styles.arrow, styles.next)}\n                        aria-label=\"Next slide\"\n                        disabled={!loop && atEnd}\n                        onClick={() => goTo(current + 1)}\n                    >\n                        ›\n                    </button>\n                </>\n            )}\n\n            {showDots && count > 1 && (\n                <div className={styles.dots} role=\"tablist\" aria-label=\"Slides\">\n                    {children.map((_, dotIndex) => (\n                        <button\n                            key={dotIndex}\n                            type=\"button\"\n                            role=\"tab\"\n                            aria-label={`Go to slide ${dotIndex + 1}`}\n                            aria-selected={dotIndex === current}\n                            className={cn(styles.dot, dotIndex === current && styles.dotActive)}\n                            onClick={() => goTo(dotIndex)}\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n}\n"],"names":["Carousel","children","loop","showArrows","showDots","index","defaultIndex","onIndexChange","className","props","count","isControlled","internalIndex","setInternalIndex","useState","current","goTo","useCallback","next","target","atStart","atEnd","handleKeyDown","event","jsxs","cn","styles","jsx","slide","slideIndex","Fragment","_","dotIndex"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_root_-w3-j",e="tempest_viewport_n0hzM",o="tempest_track_5PA8h",s="tempest_slide_fhfjg",r="tempest_arrow_S92Lt",_="tempest_prev_X8whU",c="tempest_next_jBRSz",d="tempest_dots_fL3Hr",p="tempest_dot_vEB56",n="tempest_dotActive_OSSUg",i={root:t,viewport:e,track:o,slide:s,arrow:r,prev:_,next:c,dots:d,dot:p,dotActive:n};exports.arrow=r;exports.default=i;exports.dot=p;exports.dotActive=n;exports.dots=d;exports.next=c;exports.prev=_;exports.root=t;exports.slide=s;exports.track=o;exports.viewport=e;
+//# sourceMappingURL=Carousel.module.css.cjs.map

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

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