tempest-react-sdk 0.22.0 → 0.24.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","names":[],"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"],"mappings":";;;;;AA6BA,IAAM,IAAiB;CAAC;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;AAAK,GACjE,IAAe;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACJ,GAEM,IAAe;AAUrB,SAAS,EAAS,GAAc,GAAe,GAAmB;CAC9D,OAAO,IAAI,KAAK,GAAM,GAAO,CAAG;AACpC;AAQA,SAAS,EAAW,GAAkB;CAClC,OAAO,IAAI,KAAK,EAAK,YAAY,GAAG,EAAK,SAAS,GAAG,EAAK,QAAQ,CAAC;AACvE;AASA,SAAS,EAAU,GAAS,GAAkB;CAC1C,OACI,EAAE,YAAY,MAAM,EAAE,YAAY,KAClC,EAAE,SAAS,MAAM,EAAE,SAAS,KAC5B,EAAE,QAAQ,MAAM,EAAE,QAAQ;AAElC;AAUA,SAAS,EAAa,GAAY,GAAgB,GAAyB;CACvE,IAAM,IAAM,EAAW,CAAI,CAAC,CAAC,QAAQ;CAGrC,OADA,GADI,KAAW,IAAM,EAAW,CAAO,CAAC,CAAC,QAAQ,KAC7C,KAAW,IAAM,EAAW,CAAO,CAAC,CAAC,QAAQ;AAErD;AAUA,SAAS,EAAU,GAAa,GAAiC;CAC7D,IAAM,IAAO,EAAM,YAAY,GACzB,IAAa,EAAM,SAAS,GAI5B,IAAQ,EAAS,GAAM,GAAY,KAHpB,EAAS,GAAM,GAAY,CAC3B,CAAA,CAAa,OACjB,IAAe,IAAe,KAAK,CACA,GAE9C,IAAgB,CAAC;CACvB,KAAK,IAAI,IAAI,GAAG,IAAI,GAAc,KAAK,GACnC,EAAM,KAAK,EAAS,EAAM,YAAY,GAAG,EAAM,SAAS,GAAG,EAAM,QAAQ,IAAI,CAAC,CAAC;CAEnF,OAAO;AACX;AAWA,SAAgB,EAAS,EACrB,UACA,iBACA,aACA,UACA,kBACA,YACA,YACA,kBAAe,GACf,cACA,GAAG,KACW;CACd,IAAM,IAAwB,MAAU,KAAA,GAClC,CAAC,GAAkB,KAAuB,EAA2B,CAAY,GACjF,IAAW,IAAwB,IAAQ,GAE3C,IAAoB,MAAU,KAAA,GAC9B,CAAC,GAAe,KAAoB,QAAqB;EAC3D,IAAM,IAAO,KAAS,KAAS,qBAAgB,IAAI,KAAK;EACxD,OAAO,EAAS,EAAK,YAAY,GAAG,EAAK,SAAS,GAAG,CAAC;CAC1D,CAAC,GACK,IAAe,IACf,EAAS,EAAM,YAAY,GAAG,EAAM,SAAS,GAAG,CAAC,IACjD,GAEA,CAAC,GAAY,KAAiB,EAAwB,IAAI,GAC1D,IAAU,EAA8B,IAAI,GAE5C,IAAQ,QAAc,kBAAW,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,GAChD,IAAQ,QACJ,EAAU,GAAc,CAAY,GAC1C,CAAC,GAAc,CAAY,CAC/B,GAEM,IAAgB,QACX,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAgB,IAAI,KAAgB,EAAE,GAClF,CAAC,CAAY,CAAC,GAEX,IAAc,GACf,MAAyB;EACtB,IAAM,IAAO,EAAS,EAAa,YAAY,GAAG,EAAa,SAAS,IAAI,GAAQ,CAAC;EAErF,AADI,KAAe,EAAc,CAAI,GAChC,KAAmB,EAAiB,CAAI;CACjD,GACA;EAAC;EAAc;EAAe;CAAiB,CACnD,GAEM,IAAa,GACd,MAAqB;EACd,EAAa,GAAM,GAAS,CAAO,MACnC,KAAU,EAAS,CAAI,GACtB,KAAuB,EAAoB,CAAI;CACxD,GACA;EAAC;EAAS;EAAS;EAAU;CAAqB,CACtD,GAEM,IAAY,GAAa,MAAwB;EACnD,IAAM,IAAU,KAAK,IAAI,GAAG,KAAK,IAAI,IAAe,GAAG,CAAK,CAAC;EAC7D,EAAc,CAAO;EACrB,IAAM,IAAO,EAAQ;EAChB,KAEL,EADqB,iBAAoC,kBACzD,CAAA,CAAQ,EAAQ,EAAE,MAAM;CAC5B,GAAG,CAAC,CAAC,GAEC,IAAgB,GACjB,GAAyC,MAAwB;EAC9D,QAAQ,EAAM,KAAd;GACI,KAAK;IAED,AADA,EAAM,eAAe,GACrB,EAAU,IAAQ,CAAC;IACnB;GACJ,KAAK;IAED,AADA,EAAM,eAAe,GACrB,EAAU,IAAQ,CAAC;IACnB;GACJ,KAAK;IAED,AADA,EAAM,eAAe,GACrB,EAAU,IAAQ,CAAC;IACnB;GACJ,KAAK;IAED,AADA,EAAM,eAAe,GACrB,EAAU,IAAQ,CAAC;IACnB;GACJ,KAAK;GACL,KAAK;IAED,AADA,EAAM,eAAe,GACrB,EAAW,EAAM,EAAM;IACvB;GACJ,SACI;EACR;CACJ,GACA;EAAC;EAAW;EAAY;CAAK,CACjC;CAEA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,MAAM,CAAS;EAAG,GAAI;YAAhD;GACI,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB;KACI,kBAAC,UAAD;MACI,MAAK;MACL,WAAW,EAAO;MAClB,cAAW;MACX,eAAe,EAAY,EAAE;gBAE5B;KACG,CAAA;KACR,kBAAC,QAAD;MAAM,WAAW,EAAO;MAAO,aAAU;gBAAzC;OACK,EAAa,EAAa,SAAS;OAAG;OAAE,EAAa,YAAY;MAChE;;KACN,kBAAC,UAAD;MACI,MAAK;MACL,WAAW,EAAO;MAClB,cAAW;MACX,eAAe,EAAY,CAAC;gBAE3B;KACG,CAAA;IACP;;GAEL,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU,MAAK;cACjC,EAAc,KAAK,MAChB,kBAAC,QAAD;KAAkB,WAAW,EAAO;KAAS,MAAK;eAC7C;IACC,GAFK,CAEL,CACT;GACA,CAAA;GAEL,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAM,MAAK;IAAO,KAAK;cACzC,EAAM,KAAK,GAAM,MAAU;KACxB,IAAM,IAAU,EAAK,SAAS,MAAM,EAAa,SAAS,GACpD,IAAa,IAAW,EAAU,GAAM,CAAQ,IAAI,IACpD,IAAU,EAAU,GAAM,CAAK,GAC/B,IAAW,EAAa,GAAM,GAAS,CAAO,GAC9C,IACF,MAAe,OACT,KAAW,EAAK,QAAQ,MAAM,IAC9B,MAAe;KACzB,OACI,kBAAC,UAAD;MAEI,MAAK;MACL,YAAA;MACA,MAAK;MACL,WAAW,EACP,EAAO,KACP,CAAC,KAAW,EAAO,SACnB,KAAc,EAAO,UACrB,KAAW,EAAO,KACtB;MACA,gBAAc;MACd,iBAAe;MACf,gBAAc,IAAU,SAAS,KAAA;MACvB;MACV,UAAU,IAAgB,IAAI;MAC9B,eAAe,EAAW,CAAI;MAC9B,YAAY,MAAU,EAAc,GAAO,CAAK;gBAE/C,EAAK,QAAQ;KACV,GAnBC,CAmBD;IAEhB,CAAC;GACA,CAAA;EACJ;;AAEb"}

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

@@ -0,0 +1,2 @@
+var e=`tempest_root_ObO-Z`,t=`tempest_header_5nSJG`,n=`tempest_title_Jd3Xb`,r=`tempest_nav_4h58I`,i=`tempest_weekdays_YzRfx`,a=`tempest_grid_nbaFm`,o=`tempest_weekday_k-7Vr`,s=`tempest_day_ao-IC`,c=`tempest_outside_HkC-6`,l=`tempest_today_p18-m`,u=`tempest_selected_C9bTY`,d={root:e,header:t,title:n,nav:r,weekdays:i,grid:a,weekday:o,day:s,outside:c,today:l,selected:u};exports.day=s,exports.default=d,exports.grid=a,exports.header=t,exports.nav=r,exports.outside=c,exports.root=e,exports.selected=u,exports.title=n,exports.today=l,exports.weekday=o,exports.weekdays=i;
+//# sourceMappingURL=Calendar.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.module.cjs","names":[],"sources":["../../../src/components/Calendar/Calendar.module.css"],"sourcesContent":[".root {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    user-select: none;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n}\n\n.title {\n    flex: 1;\n    text-align: center;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.nav {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-lg);\n    line-height: 1;\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.nav:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.nav:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.weekdays,\n.grid {\n    display: grid;\n    grid-template-columns: repeat(7, 2.25rem);\n    gap: var(--tempest-space-1);\n}\n\n.weekday {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 1.5rem;\n    font-size: var(--tempest-text-2xs);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    text-transform: uppercase;\n}\n\n.day {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2.25rem;\n    height: 2.25rem;\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n    transition:\n        background-color var(--tempest-duration-fast) var(--tempest-ease-out),\n        color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.day:hover:not(:disabled) {\n    background-color: var(--tempest-surface-2);\n}\n\n.day:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.day:disabled {\n    color: var(--tempest-text-muted);\n    cursor: not-allowed;\n    opacity: 0.4;\n}\n\n.outside {\n    /* No extra opacity: subtle-on-surface already reads as de-emphasised, and\n       fading it further dropped the contrast to 2.11:1 (WCAG AA needs 4.5:1)\n       for dates that are still clickable. */\n    color: var(--tempest-text-subtle);\n}\n\n.today {\n    border-color: var(--tempest-primary);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.selected,\n.selected:hover {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    border-color: var(--tempest-primary);\n}\n"],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.module.js","names":[],"sources":["../../../src/components/Calendar/Calendar.module.css"],"sourcesContent":[".root {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    user-select: none;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-2);\n}\n\n.title {\n    flex: 1;\n    text-align: center;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.nav {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-lg);\n    line-height: 1;\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.nav:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.nav:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.weekdays,\n.grid {\n    display: grid;\n    grid-template-columns: repeat(7, 2.25rem);\n    gap: var(--tempest-space-1);\n}\n\n.weekday {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 1.5rem;\n    font-size: var(--tempest-text-2xs);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    text-transform: uppercase;\n}\n\n.day {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2.25rem;\n    height: 2.25rem;\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n    transition:\n        background-color var(--tempest-duration-fast) var(--tempest-ease-out),\n        color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.day:hover:not(:disabled) {\n    background-color: var(--tempest-surface-2);\n}\n\n.day:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.day:disabled {\n    color: var(--tempest-text-muted);\n    cursor: not-allowed;\n    opacity: 0.4;\n}\n\n.outside {\n    /* No extra opacity: subtle-on-surface already reads as de-emphasised, and\n       fading it further dropped the contrast to 2.11:1 (WCAG AA needs 4.5:1)\n       for dates that are still clickable. */\n    color: var(--tempest-text-subtle);\n}\n\n.today {\n    border-color: var(--tempest-primary);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.selected,\n.selected:hover {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    border-color: var(--tempest-primary);\n}\n"],"mappings":""}

package/dist/components/Card/Card.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.cjs","names":[],"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"],"mappings":"wGAsBA,SAAgB,EAAK,CACjB,QACA,UACA,SACA,QAAQ,GACR,cAAc,GACd,YAAY,UACZ,YACA,WACA,GAAG,GACO,CACV,IAAM,EAAY,CAAC,EAAE,GAAS,GAC9B,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,KACP,IAAc,QAAU,EAAA,QAAO,KAC/B,IAAc,UAAY,EAAA,QAAO,OACjC,IAAc,YAAc,EAAA,QAAO,SACnC,GAAe,EAAA,QAAO,YACtB,CAAC,GAAa,CAAC,GAAS,EAAA,QAAO,OAC/B,GAAS,EAAA,QAAO,MAChB,CACJ,EACA,SAAU,EAAe,EAAM,UAAY,EAAK,EAAM,SACtD,GAAI,WAZR,CAcK,IACG,EAAA,EAAA,KAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,gBAA1B,CACK,OAAO,GAAU,UAAW,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,eAAQ,CAAU,CAAA,EAAI,EACxE,CACG,IAEX,GAAY,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAO,UAAc,CAAA,EAAI,EAC5D,IAAU,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,gBAAS,CAAe,CAAA,CAC5D,GAEb"}

package/dist/components/Card/Card.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","names":[],"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"],"mappings":";;;;AAsBA,SAAgB,EAAK,EACjB,UACA,YACA,WACA,WAAQ,IACR,iBAAc,IACd,eAAY,WACZ,cACA,aACA,GAAG,KACO;CACV,IAAM,IAAY,CAAC,EAAE,KAAS;CAC9B,OACI,kBAAC,OAAD;EACI,WAAW,EACP,EAAO,MACP,MAAc,UAAU,EAAO,MAC/B,MAAc,YAAY,EAAO,QACjC,MAAc,cAAc,EAAO,UACnC,KAAe,EAAO,aACtB,CAAC,KAAa,CAAC,KAAS,EAAO,QAC/B,KAAS,EAAO,OAChB,CACJ;EACA,UAAU,IAAe,EAAM,YAAY,IAAK,EAAM;EACtD,GAAI;YAZR;GAcK,KACG,kBAAC,UAAD;IAAQ,WAAW,EAAO;cAA1B,CACK,OAAO,KAAU,WAAW,kBAAC,MAAD;KAAI,WAAW,EAAO;eAAQ;IAAU,CAAA,IAAI,GACxE,CACG;;GAEX,IAAY,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAO;GAAc,CAAA,IAAI;GAC5D,KAAU,kBAAC,UAAD;IAAQ,WAAW,EAAO;cAAS;GAAe,CAAA;EAC5D;;AAEb"}

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

@@ -0,0 +1,2 @@
+var e=`tempest_card_Cb1o4`,t=`tempest_flat_LRpce`,n=`tempest_raised_WmIqk`,r=`tempest_elevated_5VEDw`,i=`tempest_interactive_B8Tah`,a=`tempest_padded_oOxwN`,o=`tempest_flush_aiDZi`,s=`tempest_header_PTXf2`,c=`tempest_title_mSgoo`,l=`tempest_body_W441Z`,u=`tempest_footer_Mu-JC`,d={card:e,flat:t,raised:n,elevated:r,interactive:i,padded:a,flush:o,header:s,title:c,body:l,footer:u};exports.body=l,exports.card=e,exports.default=d,exports.elevated=r,exports.flat=t,exports.flush=o,exports.footer=u,exports.header=s,exports.interactive=i,exports.padded=a,exports.raised=n,exports.title=c;
+//# sourceMappingURL=Card.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.module.cjs","names":[],"sources":["../../../src/components/Card/Card.module.css"],"sourcesContent":[".card {\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    padding: var(--tempest-space-5);\n    box-shadow: var(--tempest-shadow-sm);\n    color: var(--tempest-text);\n    transition:\n        var(--tempest-transition-shadow),\n        var(--tempest-transition-transform),\n        border-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n/* ============================================================\n * Elevation variants\n * ============================================================ */\n.flat {\n    box-shadow: none;\n}\n.raised {\n    box-shadow: var(--tempest-shadow-md);\n}\n.elevated {\n    box-shadow: var(--tempest-shadow-lg);\n    border-color: transparent;\n}\n\n/* ============================================================\n * Interactive — hoverable card (use for clickable cards, list rows)\n * ============================================================ */\n.interactive {\n    cursor: pointer;\n}\n@media (hover: hover) and (pointer: fine) {\n    .interactive:hover {\n        border-color: var(--tempest-border-strong);\n        box-shadow: var(--tempest-shadow-md);\n        transform: translateY(-1px);\n    }\n}\n.interactive:active {\n    transform: translateY(0);\n    box-shadow: var(--tempest-shadow-sm);\n}\n.interactive:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.padded {\n    padding: var(--tempest-space-5);\n}\n\n.flush {\n    padding: 0;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-md);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n}\n\n.body {\n    padding: var(--tempest-space-5);\n}\n\n.footer {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.module.js","names":[],"sources":["../../../src/components/Card/Card.module.css"],"sourcesContent":[".card {\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    padding: var(--tempest-space-5);\n    box-shadow: var(--tempest-shadow-sm);\n    color: var(--tempest-text);\n    transition:\n        var(--tempest-transition-shadow),\n        var(--tempest-transition-transform),\n        border-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n/* ============================================================\n * Elevation variants\n * ============================================================ */\n.flat {\n    box-shadow: none;\n}\n.raised {\n    box-shadow: var(--tempest-shadow-md);\n}\n.elevated {\n    box-shadow: var(--tempest-shadow-lg);\n    border-color: transparent;\n}\n\n/* ============================================================\n * Interactive — hoverable card (use for clickable cards, list rows)\n * ============================================================ */\n.interactive {\n    cursor: pointer;\n}\n@media (hover: hover) and (pointer: fine) {\n    .interactive:hover {\n        border-color: var(--tempest-border-strong);\n        box-shadow: var(--tempest-shadow-md);\n        transform: translateY(-1px);\n    }\n}\n.interactive:active {\n    transform: translateY(0);\n    box-shadow: var(--tempest-shadow-sm);\n}\n.interactive:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.padded {\n    padding: var(--tempest-space-5);\n}\n\n.flush {\n    padding: 0;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-md);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n}\n\n.body {\n    padding: var(--tempest-space-5);\n}\n\n.footer {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":""}

package/dist/components/Carousel/Carousel.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.cjs","names":[],"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"],"mappings":"+HAqCA,SAAgB,EAAS,CACrB,WACA,OAAO,GACP,aAAa,GACb,WAAW,GACX,QACA,eAAe,EACf,gBACA,YACA,GAAG,GACW,CACd,IAAM,EAAQ,EAAS,OACjB,EAAe,IAAU,IAAA,GACzB,CAAC,EAAe,IAAA,EAAA,EAAA,SAAA,CAAqC,CAAY,EACjE,EAAU,EAAe,EAAQ,EAEjC,GAAA,EAAA,EAAA,YAAA,CACD,GAAuB,CACpB,IAAI,EAAS,EACT,EAAS,EAAG,EAAS,EAAO,EAAQ,EAAI,EACnC,GAAU,IAAO,EAAS,EAAO,EAAI,EAAQ,GAClD,IAAW,IACV,GAAc,EAAiB,CAAM,EAC1C,IAAgB,CAAM,EAC1B,EACA,CAAC,EAAO,EAAM,EAAS,EAAc,CAAa,CACtD,EAEM,EAAU,GAAW,EACrB,EAAQ,GAAW,EAAQ,EAYjC,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,KAAK,SACL,uBAAqB,WACrB,SAAU,EACV,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,CAAS,EACpC,UAhBe,GAAqD,CACpE,EAAM,MAAQ,cACd,EAAM,eAAe,EACrB,EAAK,EAAU,CAAC,GACT,EAAM,MAAQ,cACrB,EAAM,eAAe,EACrB,EAAK,EAAU,CAAC,EAExB,EASQ,GAAI,WANR,EAQI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,mBACnB,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,MAClB,MAAO,CAAE,UAAW,eAAe,EAAU,IAAI,GAAI,WAEpD,EAAS,KAAK,EAAO,KAClB,EAAA,EAAA,IAAA,CAAC,MAAD,CAEI,KAAK,QACL,uBAAqB,QACrB,aAAY,GAAG,EAAa,EAAE,MAAM,IACpC,cAAa,IAAe,EAC5B,UAAW,EAAA,QAAO,eAEjB,CACA,EARI,CAQJ,CACR,CACA,CAAA,CACJ,CAAA,EAEJ,GAAc,EAAQ,IACnB,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,EAAA,QAAO,IAAI,EACvC,aAAW,iBACX,SAAU,CAAC,GAAQ,EACnB,YAAe,EAAK,EAAU,CAAC,WAClC,GAEO,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,EAAA,QAAO,IAAI,EACvC,aAAW,aACX,SAAU,CAAC,GAAQ,EACnB,YAAe,EAAK,EAAU,CAAC,WAClC,GAEO,CAAA,CACV,CAAA,CAAA,EAGL,GAAY,EAAQ,IACjB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAM,KAAK,UAAU,aAAW,kBAClD,EAAS,KAAK,EAAG,KACd,EAAA,EAAA,IAAA,CAAC,SAAD,CAEI,KAAK,SACL,KAAK,MACL,aAAY,eAAe,EAAW,IACtC,gBAAe,IAAa,EAC5B,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,IAAa,GAAW,EAAA,QAAO,SAAS,EAClE,YAAe,EAAK,CAAQ,CAC/B,EAPQ,CAOR,CACJ,CACA,CAAA,CAER,GAEb"}

package/dist/components/Carousel/Carousel.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","names":[],"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"],"mappings":";;;;;AAqCA,SAAgB,EAAS,EACrB,aACA,UAAO,IACP,gBAAa,IACb,cAAW,IACX,UACA,kBAAe,GACf,kBACA,cACA,GAAG,KACW;CACd,IAAM,IAAQ,EAAS,QACjB,IAAe,MAAU,KAAA,GACzB,CAAC,GAAe,KAAoB,EAAiB,CAAY,GACjE,IAAU,IAAe,IAAQ,GAEjC,IAAO,GACR,MAAuB;EACpB,IAAI,IAAS;EACb,AAAI,IAAS,IAAG,IAAS,IAAO,IAAQ,IAAI,IACnC,KAAU,MAAO,IAAS,IAAO,IAAI,IAAQ,IAClD,MAAW,MACV,KAAc,EAAiB,CAAM,GAC1C,IAAgB,CAAM;CAC1B,GACA;EAAC;EAAO;EAAM;EAAS;EAAc;CAAa,CACtD,GAEM,IAAU,KAAW,GACrB,IAAQ,KAAW,IAAQ;CAYjC,OACI,kBAAC,OAAD;EACI,MAAK;EACL,wBAAqB;EACrB,UAAU;EACV,WAAW,EAAG,EAAO,MAAM,CAAS;EACpC,YAhBe,MAAqD;GACxE,AAAI,EAAM,QAAQ,gBACd,EAAM,eAAe,GACrB,EAAK,IAAU,CAAC,KACT,EAAM,QAAQ,gBACrB,EAAM,eAAe,GACrB,EAAK,IAAU,CAAC;EAExB;EASQ,GAAI;YANR;GAQI,kBAAC,OAAD;IAAK,WAAW,EAAO;cACnB,kBAAC,OAAD;KACI,WAAW,EAAO;KAClB,OAAO,EAAE,WAAW,eAAe,IAAU,IAAI,IAAI;eAEpD,EAAS,KAAK,GAAO,MAClB,kBAAC,OAAD;MAEI,MAAK;MACL,wBAAqB;MACrB,cAAY,GAAG,IAAa,EAAE,MAAM;MACpC,eAAa,MAAe;MAC5B,WAAW,EAAO;gBAEjB;KACA,GARI,CAQJ,CACR;IACA,CAAA;GACJ,CAAA;GAEJ,KAAc,IAAQ,KACnB,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,UAAD;IACI,MAAK;IACL,WAAW,EAAG,EAAO,OAAO,EAAO,IAAI;IACvC,cAAW;IACX,UAAU,CAAC,KAAQ;IACnB,eAAe,EAAK,IAAU,CAAC;cAClC;GAEO,CAAA,GACR,kBAAC,UAAD;IACI,MAAK;IACL,WAAW,EAAG,EAAO,OAAO,EAAO,IAAI;IACvC,cAAW;IACX,UAAU,CAAC,KAAQ;IACnB,eAAe,EAAK,IAAU,CAAC;cAClC;GAEO,CAAA,CACV,EAAA,CAAA;GAGL,KAAY,IAAQ,KACjB,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAM,MAAK;IAAU,cAAW;cAClD,EAAS,KAAK,GAAG,MACd,kBAAC,UAAD;KAEI,MAAK;KACL,MAAK;KACL,cAAY,eAAe,IAAW;KACtC,iBAAe,MAAa;KAC5B,WAAW,EAAG,EAAO,KAAK,MAAa,KAAW,EAAO,SAAS;KAClE,eAAe,EAAK,CAAQ;IAC/B,GAPQ,CAOR,CACJ;GACA,CAAA;EAER;;AAEb"}

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

@@ -0,0 +1,2 @@
+var e=`tempest_root_-w3-j`,t=`tempest_viewport_n0hzM`,n=`tempest_track_5PA8h`,r=`tempest_slide_fhfjg`,i=`tempest_arrow_S92Lt`,a=`tempest_prev_X8whU`,o=`tempest_next_jBRSz`,s=`tempest_dots_fL3Hr`,c=`tempest_dot_vEB56`,l=`tempest_dotActive_OSSUg`,u={root:e,viewport:t,track:n,slide:r,arrow:i,prev:a,next:o,dots:s,dot:c,dotActive:l};exports.arrow=i,exports.default=u,exports.dot=c,exports.dotActive=l,exports.dots=s,exports.next=o,exports.prev=a,exports.root=e,exports.slide=r,exports.track=n,exports.viewport=t;
+//# sourceMappingURL=Carousel.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.module.cjs","names":[],"sources":["../../../src/components/Carousel/Carousel.module.css"],"sourcesContent":[".root {\n    position: relative;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.root:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.viewport {\n    overflow: hidden;\n    border-radius: var(--tempest-radius-lg);\n}\n\n.track {\n    display: flex;\n    transition: transform var(--tempest-duration-normal) var(--tempest-ease-out);\n}\n\n.slide {\n    flex: 0 0 100%;\n    min-width: 0;\n}\n\n.arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    box-shadow: var(--tempest-shadow-md);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-xl);\n    line-height: 1;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .arrow:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.arrow:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.arrow:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.prev {\n    left: var(--tempest-space-2);\n}\n\n.next {\n    right: var(--tempest-space-2);\n}\n\n.dots {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    margin-top: var(--tempest-space-3);\n}\n\n.dot {\n    width: 0.5rem;\n    height: 0.5rem;\n    padding: 0;\n    background-color: var(--tempest-border);\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.dotActive {\n    background-color: var(--tempest-primary);\n}\n\n.dot:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .track {\n        transition: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Carousel/Carousel.module.js

@@ -0,0 +1,17 @@
+//#region src/components/Carousel/Carousel.module.css
+var e = "tempest_root_-w3-j", t = "tempest_viewport_n0hzM", n = "tempest_track_5PA8h", r = "tempest_slide_fhfjg", i = "tempest_arrow_S92Lt", a = "tempest_prev_X8whU", o = "tempest_next_jBRSz", s = "tempest_dots_fL3Hr", c = "tempest_dot_vEB56", l = "tempest_dotActive_OSSUg", u = {
+	root: e,
+	viewport: t,
+	track: n,
+	slide: r,
+	arrow: i,
+	prev: a,
+	next: o,
+	dots: s,
+	dot: c,
+	dotActive: l
+};
+//#endregion
+export { i as arrow, u as default, c as dot, l as dotActive, s as dots, o as next, a as prev, e as root, r as slide, n as track, t as viewport };
+
+//# sourceMappingURL=Carousel.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.module.js","names":[],"sources":["../../../src/components/Carousel/Carousel.module.css"],"sourcesContent":[".root {\n    position: relative;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.root:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.viewport {\n    overflow: hidden;\n    border-radius: var(--tempest-radius-lg);\n}\n\n.track {\n    display: flex;\n    transition: transform var(--tempest-duration-normal) var(--tempest-ease-out);\n}\n\n.slide {\n    flex: 0 0 100%;\n    min-width: 0;\n}\n\n.arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    box-shadow: var(--tempest-shadow-md);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-xl);\n    line-height: 1;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .arrow:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.arrow:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n.arrow:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.prev {\n    left: var(--tempest-space-2);\n}\n\n.next {\n    right: var(--tempest-space-2);\n}\n\n.dots {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    margin-top: var(--tempest-space-3);\n}\n\n.dot {\n    width: 0.5rem;\n    height: 0.5rem;\n    padding: 0;\n    background-color: var(--tempest-border);\n    border: none;\n    border-radius: var(--tempest-radius-full);\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n.dotActive {\n    background-color: var(--tempest-primary);\n}\n\n.dot:focus-visible {\n    outline: 2px solid var(--tempest-primary);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .track {\n        transition: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Center/Center.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Center.module.cjs");let n=require("react/jsx-runtime");function r({axis:r=`both`,minHeight:i,fullWidth:a=!0,className:o,style:s,children:c,...l}){let u={...i===void 0?null:{minHeight:typeof i==`number`?`${i}px`:i},...a?{width:`100%`}:null,...s};return(0,n.jsx)(`div`,{className:e.cn(t.default.center,t.default[r],o),style:u,...l,children:c})}exports.Center=r;
+//# sourceMappingURL=Center.cjs.map

package/dist/components/Center/Center.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Center.cjs","names":[],"sources":["../../../src/components/Center/Center.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Center.module.css\";\n\nexport type CenterAxis = \"both\" | \"horizontal\" | \"vertical\";\n\nexport interface CenterProps extends HTMLAttributes<HTMLDivElement> {\n    /** Which axis to center on. Default `\"both\"`. */\n    axis?: CenterAxis;\n    /** Fixed height for the container. Numbers map to `${n}px`; strings pass through. Useful when centering inside an unsized parent. */\n    minHeight?: number | string;\n    /** When `true` (default), takes up `100%` width of the parent. */\n    fullWidth?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Center children horizontally, vertically, or both. Flex-based; works with\n * any child size. Pair with `minHeight` (or set parent height) when\n * centering vertically.\n *\n * @example\n * <Center axis=\"both\" minHeight=\"100vh\">\n *     <Spinner />\n * </Center>\n */\nexport function Center({\n    axis = \"both\",\n    minHeight,\n    fullWidth = true,\n    className,\n    style,\n    children,\n    ...props\n}: CenterProps) {\n    const finalStyle: CSSProperties = {\n        ...(minHeight !== undefined\n            ? { minHeight: typeof minHeight === \"number\" ? `${minHeight}px` : minHeight }\n            : null),\n        ...(fullWidth ? { width: \"100%\" } : null),\n        ...style,\n    };\n    return (\n        <div className={cn(styles.center, styles[axis], className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":"0GA0BA,SAAgB,EAAO,CACnB,OAAO,OACP,YACA,YAAY,GACZ,YACA,QACA,WACA,GAAG,GACS,CACZ,IAAM,EAA4B,CAC9B,GAAI,IAAc,IAAA,GAEZ,KADA,CAAE,UAAW,OAAO,GAAc,SAAW,GAAG,EAAU,IAAM,CAAU,EAEhF,GAAI,EAAY,CAAE,MAAO,MAAO,EAAI,KACpC,GAAG,CACP,EACA,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,EAAA,QAAO,GAAO,CAAS,EAAG,MAAO,EAAY,GAAI,EAC9E,UACA,CAAA,CAEb"}

package/dist/components/Center/Center.js

@@ -0,0 +1,21 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Center.module.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Center/Center.tsx
+function r({ axis: r = "both", minHeight: i, fullWidth: a = !0, className: o, style: s, children: c, ...l }) {
+	let u = {
+		...i === void 0 ? null : { minHeight: typeof i == "number" ? `${i}px` : i },
+		...a ? { width: "100%" } : null,
+		...s
+	};
+	return /* @__PURE__ */ n("div", {
+		className: e(t.center, t[r], o),
+		style: u,
+		...l,
+		children: c
+	});
+}
+//#endregion
+export { r as Center };
+
+//# sourceMappingURL=Center.js.map

package/dist/components/Center/Center.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Center.js","names":[],"sources":["../../../src/components/Center/Center.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Center.module.css\";\n\nexport type CenterAxis = \"both\" | \"horizontal\" | \"vertical\";\n\nexport interface CenterProps extends HTMLAttributes<HTMLDivElement> {\n    /** Which axis to center on. Default `\"both\"`. */\n    axis?: CenterAxis;\n    /** Fixed height for the container. Numbers map to `${n}px`; strings pass through. Useful when centering inside an unsized parent. */\n    minHeight?: number | string;\n    /** When `true` (default), takes up `100%` width of the parent. */\n    fullWidth?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Center children horizontally, vertically, or both. Flex-based; works with\n * any child size. Pair with `minHeight` (or set parent height) when\n * centering vertically.\n *\n * @example\n * <Center axis=\"both\" minHeight=\"100vh\">\n *     <Spinner />\n * </Center>\n */\nexport function Center({\n    axis = \"both\",\n    minHeight,\n    fullWidth = true,\n    className,\n    style,\n    children,\n    ...props\n}: CenterProps) {\n    const finalStyle: CSSProperties = {\n        ...(minHeight !== undefined\n            ? { minHeight: typeof minHeight === \"number\" ? `${minHeight}px` : minHeight }\n            : null),\n        ...(fullWidth ? { width: \"100%\" } : null),\n        ...style,\n    };\n    return (\n        <div className={cn(styles.center, styles[axis], className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":";;;;AA0BA,SAAgB,EAAO,EACnB,UAAO,QACP,cACA,eAAY,IACZ,cACA,UACA,aACA,GAAG,KACS;CACZ,IAAM,IAA4B;EAC9B,GAAI,MAAc,KAAA,IAEZ,OADA,EAAE,WAAW,OAAO,KAAc,WAAW,GAAG,EAAU,MAAM,EAAU;EAEhF,GAAI,IAAY,EAAE,OAAO,OAAO,IAAI;EACpC,GAAG;CACP;CACA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,QAAQ,EAAO,IAAO,CAAS;EAAG,OAAO;EAAY,GAAI;EAC9E;CACA,CAAA;AAEb"}

package/dist/components/Center/Center.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_center_Pu1Pf`,t=`tempest_both_53GWn`,n=`tempest_horizontal_94-Bt`,r=`tempest_vertical_Q7Kyg`,i={center:e,both:t,horizontal:n,vertical:r};exports.both=t,exports.center=e,exports.default=i,exports.horizontal=n,exports.vertical=r;
+//# sourceMappingURL=Center.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Center.module.cjs","names":[],"sources":["../../../src/components/Center/Center.module.css"],"sourcesContent":[".center {\n    display: flex;\n}\n\n.center.both {\n    align-items: center;\n    justify-content: center;\n}\n\n.center.horizontal {\n    justify-content: center;\n}\n\n.center.vertical {\n    align-items: center;\n}\n"],"mappings":""}

package/dist/components/Center/Center.module.js

@@ -0,0 +1,11 @@
+//#region src/components/Center/Center.module.css
+var e = "tempest_center_Pu1Pf", t = "tempest_both_53GWn", n = "tempest_horizontal_94-Bt", r = "tempest_vertical_Q7Kyg", i = {
+	center: e,
+	both: t,
+	horizontal: n,
+	vertical: r
+};
+//#endregion
+export { t as both, e as center, i as default, n as horizontal, r as vertical };
+
+//# sourceMappingURL=Center.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Center.module.js","names":[],"sources":["../../../src/components/Center/Center.module.css"],"sourcesContent":[".center {\n    display: flex;\n}\n\n.center.both {\n    align-items: center;\n    justify-content: center;\n}\n\n.center.horizontal {\n    justify-content: center;\n}\n\n.center.vertical {\n    align-items: center;\n}\n"],"mappings":""}

package/dist/components/Checkbox/Checkbox.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Checkbox.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.forwardRef)(function({label:i,description:s,indeterminate:c,disabled:l,wrapperClassName:u,className:d,...f},p){let m=(0,n.useRef)(null);(0,n.useEffect)(()=>{m.current&&(m.current.indeterminate=!!c)},[c]);function h(e){m.current=e,typeof p==`function`?p(e):p&&(p.current=e)}return(0,r.jsxs)(`label`,{className:e.cn(t.default.wrapper,l&&t.default.disabled,u),children:[(0,r.jsx)(`input`,{ref:h,type:`checkbox`,disabled:l,className:e.cn(t.default.input,d),...f}),(0,r.jsx)(`span`,{className:t.default.box,"aria-hidden":!0,children:c?(0,r.jsx)(o,{}):(0,r.jsx)(a,{})}),(i||s)&&(0,r.jsxs)(`span`,{className:t.default.labelWrap,children:[i&&(0,r.jsx)(`span`,{className:t.default.label,children:i}),s&&(0,r.jsx)(`span`,{className:t.default.description,children:s})]})]})});function a(){return(0,r.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,children:(0,r.jsx)(`path`,{d:`M5 12l5 5L20 7`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`})})}function o(){return(0,r.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,children:(0,r.jsx)(`path`,{d:`M5 12h14`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`})})}exports.Checkbox=i;
+//# sourceMappingURL=Checkbox.cjs.map

package/dist/components/Checkbox/Checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.cjs","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Checkbox.module.css\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    /** Render the box in the indeterminate state regardless of `checked`. */\n    indeterminate?: boolean;\n    wrapperClassName?: string;\n}\n\n/**\n * Accessible checkbox. Supports a tri-state via `indeterminate` and pairs the\n * input with a label/description column for forms.\n */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n    { label, description, indeterminate, disabled, wrapperClassName, className, ...props },\n    ref,\n) {\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    useEffect(() => {\n        if (innerRef.current) innerRef.current.indeterminate = Boolean(indeterminate);\n    }, [indeterminate]);\n\n    function setRef(node: HTMLInputElement | null): void {\n        innerRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n    }\n\n    return (\n        <label className={cn(styles.wrapper, disabled && styles.disabled, wrapperClassName)}>\n            <input\n                ref={setRef}\n                type=\"checkbox\"\n                disabled={disabled}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.box} aria-hidden>\n                {indeterminate ? <DashIcon /> : <CheckIcon />}\n            </span>\n            {(label || description) && (\n                <span className={styles.labelWrap}>\n                    {label && <span className={styles.label}>{label}</span>}\n                    {description && <span className={styles.description}>{description}</span>}\n                </span>\n            )}\n        </label>\n    );\n});\n\nfunction CheckIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M5 12l5 5L20 7\"\n                stroke=\"currentColor\"\n                strokeWidth=\"3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n\nfunction DashIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M5 12h14\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n"],"mappings":"+HAiBA,IAAa,GAAA,EAAA,EAAA,WAAA,CAAuD,SAChE,CAAE,QAAO,cAAa,gBAAe,WAAU,mBAAkB,YAAW,GAAG,GAC/E,EACF,CACE,IAAM,GAAA,EAAA,EAAA,OAAA,CAA2C,IAAI,GAErD,EAAA,EAAA,UAAA,KAAgB,CACR,EAAS,UAAS,EAAS,QAAQ,cAAgB,EAAQ,EACnE,EAAG,CAAC,CAAa,CAAC,EAElB,SAAS,EAAO,EAAqC,CACjD,EAAS,QAAU,EACf,OAAO,GAAQ,WAAY,EAAI,CAAI,EAC9B,IAAK,EAAyD,QAAU,EACrF,CAEA,OACI,EAAA,EAAA,KAAA,CAAC,QAAD,CAAO,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAY,EAAA,QAAO,SAAU,CAAgB,WAAlF,EACI,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,IAAK,EACL,KAAK,WACK,WACV,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EACrC,GAAI,CACP,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,IAAK,cAAA,YACxB,GAAgB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAW,CAAA,GAAI,EAAA,EAAA,IAAA,CAAC,EAAD,CAAY,CAAA,CAC1C,CAAA,GACJ,GAAS,KACP,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAxB,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,EACrD,IAAe,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,qBAAc,CAAkB,CAAA,CACtE,GAEP,GAEf,CAAC,EAED,SAAS,GAAY,CACjB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,iBACjD,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,iBACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,OAClB,CAAA,CACA,CAAA,CAEb,CAEA,SAAS,GAAW,CAChB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,iBACjD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAE,WAAW,OAAO,eAAe,YAAY,IAAI,cAAc,OAAS,CAAA,CAC/E,CAAA,CAEb"}

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,74 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Checkbox.module.js";
+import { forwardRef as n, useEffect as r, useRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/Checkbox/Checkbox.tsx
+var s = n(function({ label: n, description: s, indeterminate: u, disabled: d, wrapperClassName: f, className: p, ...m }, h) {
+	let g = i(null);
+	r(() => {
+		g.current && (g.current.indeterminate = !!u);
+	}, [u]);
+	function _(e) {
+		g.current = e, typeof h == "function" ? h(e) : h && (h.current = e);
+	}
+	return /* @__PURE__ */ o("label", {
+		className: e(t.wrapper, d && t.disabled, f),
+		children: [
+			/* @__PURE__ */ a("input", {
+				ref: _,
+				type: "checkbox",
+				disabled: d,
+				className: e(t.input, p),
+				...m
+			}),
+			/* @__PURE__ */ a("span", {
+				className: t.box,
+				"aria-hidden": !0,
+				children: a(u ? l : c, {})
+			}),
+			(n || s) && /* @__PURE__ */ o("span", {
+				className: t.labelWrap,
+				children: [n && /* @__PURE__ */ a("span", {
+					className: t.label,
+					children: n
+				}), s && /* @__PURE__ */ a("span", {
+					className: t.description,
+					children: s
+				})]
+			})
+		]
+	});
+});
+function c() {
+	return /* @__PURE__ */ a("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: /* @__PURE__ */ a("path", {
+			d: "M5 12l5 5L20 7",
+			stroke: "currentColor",
+			strokeWidth: "3",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function l() {
+	return /* @__PURE__ */ a("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: /* @__PURE__ */ a("path", {
+			d: "M5 12h14",
+			stroke: "currentColor",
+			strokeWidth: "3",
+			strokeLinecap: "round"
+		})
+	});
+}
+//#endregion
+export { s as Checkbox };
+
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Checkbox.module.css\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    /** Render the box in the indeterminate state regardless of `checked`. */\n    indeterminate?: boolean;\n    wrapperClassName?: string;\n}\n\n/**\n * Accessible checkbox. Supports a tri-state via `indeterminate` and pairs the\n * input with a label/description column for forms.\n */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n    { label, description, indeterminate, disabled, wrapperClassName, className, ...props },\n    ref,\n) {\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    useEffect(() => {\n        if (innerRef.current) innerRef.current.indeterminate = Boolean(indeterminate);\n    }, [indeterminate]);\n\n    function setRef(node: HTMLInputElement | null): void {\n        innerRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n    }\n\n    return (\n        <label className={cn(styles.wrapper, disabled && styles.disabled, wrapperClassName)}>\n            <input\n                ref={setRef}\n                type=\"checkbox\"\n                disabled={disabled}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.box} aria-hidden>\n                {indeterminate ? <DashIcon /> : <CheckIcon />}\n            </span>\n            {(label || description) && (\n                <span className={styles.labelWrap}>\n                    {label && <span className={styles.label}>{label}</span>}\n                    {description && <span className={styles.description}>{description}</span>}\n                </span>\n            )}\n        </label>\n    );\n});\n\nfunction CheckIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M5 12l5 5L20 7\"\n                stroke=\"currentColor\"\n                strokeWidth=\"3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n\nfunction DashIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M5 12h14\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n"],"mappings":";;;;;AAiBA,IAAa,IAAW,EAA4C,SAChE,EAAE,UAAO,gBAAa,kBAAe,aAAU,qBAAkB,cAAW,GAAG,KAC/E,GACF;CACE,IAAM,IAAW,EAAgC,IAAI;CAErD,QAAgB;EACZ,AAAI,EAAS,YAAS,EAAS,QAAQ,gBAAgB,EAAQ;CACnE,GAAG,CAAC,CAAa,CAAC;CAElB,SAAS,EAAO,GAAqC;EAEjD,AADA,EAAS,UAAU,GACf,OAAO,KAAQ,aAAY,EAAI,CAAI,IAC9B,MAAK,EAAyD,UAAU;CACrF;CAEA,OACI,kBAAC,SAAD;EAAO,WAAW,EAAG,EAAO,SAAS,KAAY,EAAO,UAAU,CAAgB;YAAlF;GACI,kBAAC,SAAD;IACI,KAAK;IACL,MAAK;IACK;IACV,WAAW,EAAG,EAAO,OAAO,CAAS;IACrC,GAAI;GACP,CAAA;GACD,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAK,eAAA;cACR,EAAhB,IAAiB,IAAe,GAAhB,CAAW,CAAgB;GAC1C,CAAA;IACJ,KAAS,MACP,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAxB,CACK,KAAS,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAY,CAAA,GACrD,KAAe,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAc;IAAkB,CAAA,CACtE;;EAEP;;AAEf,CAAC;AAED,SAAS,IAAY;CACjB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;YACjD,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAClB,CAAA;CACA,CAAA;AAEb;AAEA,SAAS,IAAW;CAChB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;YACjD,kBAAC,QAAD;GAAM,GAAE;GAAW,QAAO;GAAe,aAAY;GAAI,eAAc;EAAS,CAAA;CAC/E,CAAA;AAEb"}

package/dist/components/Checkbox/Checkbox.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_rpthW`,t=`tempest_disabled_x7-eg`,n=`tempest_input_2kt-h`,r=`tempest_box_OCPee`,i=`tempest_labelWrap_Ktbp0`,a=`tempest_label_cwRtI`,o=`tempest_description_rMhG1`,s={wrapper:e,disabled:t,input:n,box:r,labelWrap:i,label:a,description:o};exports.box=r,exports.default=s,exports.description=o,exports.disabled=t,exports.input=n,exports.label=a,exports.labelWrap=i,exports.wrapper=e;
+//# sourceMappingURL=Checkbox.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.module.cjs","names":[],"sources":["../../../src/components/Checkbox/Checkbox.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    cursor: pointer;\n    user-select: none;\n}\n\n.wrapper.disabled {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.input {\n    position: absolute;\n    opacity: 0;\n    width: 1px;\n    height: 1px;\n    pointer-events: none;\n}\n\n.box {\n    flex-shrink: 0;\n    width: 18px;\n    height: 18px;\n    border: 1.5px solid var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-bg);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: transparent;\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.wrapper:hover:not(.disabled) .input:not(:checked):not(:indeterminate) + .box {\n    border-color: var(--tempest-primary);\n}\n\n.input:focus-visible + .box {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.input:checked + .box {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.input:indeterminate + .box {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.labelWrap {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    line-height: var(--tempest-leading-snug);\n}\n\n.label {\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n}\n\n.description {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":""}

package/dist/components/Checkbox/Checkbox.module.js

@@ -0,0 +1,14 @@
+//#region src/components/Checkbox/Checkbox.module.css
+var e = "tempest_wrapper_rpthW", t = "tempest_disabled_x7-eg", n = "tempest_input_2kt-h", r = "tempest_box_OCPee", i = "tempest_labelWrap_Ktbp0", a = "tempest_label_cwRtI", o = "tempest_description_rMhG1", s = {
+	wrapper: e,
+	disabled: t,
+	input: n,
+	box: r,
+	labelWrap: i,
+	label: a,
+	description: o
+};
+//#endregion
+export { r as box, s as default, o as description, t as disabled, n as input, a as label, i as labelWrap, e as wrapper };
+
+//# sourceMappingURL=Checkbox.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.module.js","names":[],"sources":["../../../src/components/Checkbox/Checkbox.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    cursor: pointer;\n    user-select: none;\n}\n\n.wrapper.disabled {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.input {\n    position: absolute;\n    opacity: 0;\n    width: 1px;\n    height: 1px;\n    pointer-events: none;\n}\n\n.box {\n    flex-shrink: 0;\n    width: 18px;\n    height: 18px;\n    border: 1.5px solid var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-bg);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: transparent;\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.wrapper:hover:not(.disabled) .input:not(:checked):not(:indeterminate) + .box {\n    border-color: var(--tempest-primary);\n}\n\n.input:focus-visible + .box {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.input:checked + .box {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.input:indeterminate + .box {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.labelWrap {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    line-height: var(--tempest-leading-snug);\n}\n\n.label {\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n}\n\n.description {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":""}

package/dist/components/ChipInput/ChipInput.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./ChipInput.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({value:i,onChange:a,label:o,placeholder:s=`Adicionar e pressionar Enter…`,helperText:c,error:l,commitKeys:u=[`Enter`,`,`,`Tab`],normalize:d=!0,className:f,id:p,"aria-label":m}){let[h,g]=(0,n.useState)(``),_=(0,n.useRef)(null),v=(0,n.useId)(),y=p??v,b=l?`${y}-error`:c?`${y}-helper`:void 0;function x(){let e=d?h.trim().toLowerCase():h.trim();if(e){if(i.includes(e)){g(``);return}a([...i,e]),g(``)}}function S(e){if(u.includes(e.key)){e.preventDefault(),x();return}e.key===`Backspace`&&!h&&i.length>0&&a(i.slice(0,-1))}function C(e){let t=i.slice();t.splice(e,1),a(t)}return(0,r.jsxs)(`div`,{className:e.cn(t.default.wrapper,l&&t.default.error,f),children:[o&&(0,r.jsx)(`label`,{htmlFor:y,className:t.default.label,children:o}),(0,r.jsxs)(`div`,{className:t.default.field,onClick:()=>_.current?.focus(),children:[i.map((e,n)=>(0,r.jsxs)(`span`,{className:t.default.chip,children:[e,(0,r.jsx)(`button`,{type:`button`,className:t.default.remove,"aria-label":`Remover ${e}`,onClick:()=>C(n),children:`×`})]},`${e}-${n}`)),(0,r.jsx)(`input`,{ref:_,id:y,className:t.default.input,value:h,placeholder:i.length===0?s:``,"aria-label":o?void 0:m,"aria-invalid":!!l,"aria-describedby":b,onChange:e=>g(e.target.value),onKeyDown:S,onBlur:x})]}),l?(0,r.jsx)(`span`,{id:`${y}-error`,className:t.default.errorText,children:l}):c?(0,r.jsx)(`span`,{id:`${y}-helper`,className:t.default.helper,children:c}):null]})}exports.ChipInput=i;
+//# sourceMappingURL=ChipInput.cjs.map

package/dist/components/ChipInput/ChipInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipInput.cjs","names":[],"sources":["../../../src/components/ChipInput/ChipInput.tsx"],"sourcesContent":["import { useId, useRef, useState } from \"react\";\nimport type { KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ChipInput.module.css\";\n\nexport interface ChipInputProps {\n    value: string[];\n    onChange: (next: string[]) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    /** Id for the inner input. Generated when omitted. */\n    id?: string;\n    /**\n     * Accessible name for the inner input when there is no visible `label`.\n     * Without either, screen readers announce an unnamed text field.\n     */\n    \"aria-label\"?: string;\n    /** Keys that commit the current draft as a chip. Default: Enter, comma, Tab. */\n    commitKeys?: string[];\n    /** Lowercase + trim each chip + dedupe. Default: true. */\n    normalize?: boolean;\n    className?: string;\n}\n\n/**\n * Multi-value input. Type a value and press Enter (or comma / Tab) to push a\n * chip. Backspace on empty input removes the last chip.\n *\n * Name the field with `label` (associated through `htmlFor`) or, when the label\n * lives elsewhere in the layout, with `aria-label`. The placeholder is not an\n * accessible name — it disappears as soon as the first chip is added.\n */\nexport function ChipInput({\n    value,\n    onChange,\n    label,\n    placeholder = \"Adicionar e pressionar Enter…\",\n    helperText,\n    error,\n    commitKeys = [\"Enter\", \",\", \"Tab\"],\n    normalize = true,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n}: ChipInputProps) {\n    const [draft, setDraft] = useState<string>(\"\");\n    const inputRef = useRef<HTMLInputElement>(null);\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n\n    function commit(): void {\n        const next = normalize ? draft.trim().toLowerCase() : draft.trim();\n        if (!next) return;\n        if (value.includes(next)) {\n            setDraft(\"\");\n            return;\n        }\n        onChange([...value, next]);\n        setDraft(\"\");\n    }\n\n    function handleKeyDown(event: KeyboardEvent<HTMLInputElement>): void {\n        if (commitKeys.includes(event.key)) {\n            event.preventDefault();\n            commit();\n            return;\n        }\n        if (event.key === \"Backspace\" && !draft && value.length > 0) {\n            onChange(value.slice(0, -1));\n        }\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div className={styles.field} onClick={() => inputRef.current?.focus()}>\n                {value.map((chip, index) => (\n                    <span key={`${chip}-${index}`} className={styles.chip}>\n                        {chip}\n                        <button\n                            type=\"button\"\n                            className={styles.remove}\n                            aria-label={`Remover ${chip}`}\n                            onClick={() => remove(index)}\n                        >\n                            ×\n                        </button>\n                    </span>\n                ))}\n                <input\n                    ref={inputRef}\n                    id={inputId}\n                    className={styles.input}\n                    value={draft}\n                    placeholder={value.length === 0 ? placeholder : \"\"}\n                    aria-label={label ? undefined : ariaLabel}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    onChange={(event) => setDraft(event.target.value)}\n                    onKeyDown={handleKeyDown}\n                    onBlur={commit}\n                />\n            </div>\n            {error ? (\n                <span id={`${inputId}-error`} className={styles.errorText}>\n                    {error}\n                </span>\n            ) : helperText ? (\n                <span id={`${inputId}-helper`} className={styles.helper}>\n                    {helperText}\n                </span>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":"gIAkCA,SAAgB,EAAU,CACtB,QACA,WACA,QACA,cAAc,gCACd,aACA,QACA,aAAa,CAAC,QAAS,IAAK,KAAK,EACjC,YAAY,GACZ,YACA,KACA,aAAc,GACC,CACf,GAAM,CAAC,EAAO,IAAA,EAAA,EAAA,SAAA,CAA6B,EAAE,EACvC,GAAA,EAAA,EAAA,OAAA,CAAoC,IAAI,EACxC,GAAA,EAAA,EAAA,MAAA,CAAoB,EACpB,EAAU,GAAM,EAChB,EAAgB,EAAQ,GAAG,EAAQ,QAAU,EAAa,GAAG,EAAQ,SAAW,IAAA,GAEtF,SAAS,GAAe,CACpB,IAAM,EAAO,EAAY,EAAM,KAAK,CAAC,CAAC,YAAY,EAAI,EAAM,KAAK,EAC5D,KACL,IAAI,EAAM,SAAS,CAAI,EAAG,CACtB,EAAS,EAAE,EACX,MACJ,CACA,EAAS,CAAC,GAAG,EAAO,CAAI,CAAC,EACzB,EAAS,EAAE,CAFX,CAGJ,CAEA,SAAS,EAAc,EAA8C,CACjE,GAAI,EAAW,SAAS,EAAM,GAAG,EAAG,CAChC,EAAM,eAAe,EACrB,EAAO,EACP,MACJ,CACI,EAAM,MAAQ,aAAe,CAAC,GAAS,EAAM,OAAS,GACtD,EAAS,EAAM,MAAM,EAAG,EAAE,CAAC,CAEnC,CAEA,SAAS,EAAO,EAAqB,CACjC,IAAM,EAAO,EAAM,MAAM,EACzB,EAAK,OAAO,EAAO,CAAC,EACpB,EAAS,CAAI,CACjB,CAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAS,EAAA,QAAO,MAAO,CAAS,WAAnE,CACK,IACG,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,QAAS,EAAS,UAAW,EAAA,QAAO,eACtC,CACE,CAAA,GAEX,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,MAAO,YAAe,EAAS,SAAS,MAAM,WAArE,CACK,EAAM,KAAK,EAAM,KACd,EAAA,EAAA,KAAA,CAAC,OAAD,CAA+B,UAAW,EAAA,QAAO,cAAjD,CACK,GACD,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,OAClB,aAAY,WAAW,IACvB,YAAe,EAAO,CAAK,WAC9B,GAEO,CAAA,CACN,GAVK,GAAG,EAAK,GAAG,GAUhB,CACT,GACD,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,IAAK,EACL,GAAI,EACJ,UAAW,EAAA,QAAO,MAClB,MAAO,EACP,YAAa,EAAM,SAAW,EAAI,EAAc,GAChD,aAAY,EAAQ,IAAA,GAAY,EAChC,eAAc,CAAC,CAAC,EAChB,mBAAkB,EAClB,SAAW,GAAU,EAAS,EAAM,OAAO,KAAK,EAChD,UAAW,EACX,OAAQ,CACX,CAAA,CACA,IACJ,GACG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,GAAG,EAAQ,QAAS,UAAW,EAAA,QAAO,mBAC3C,CACC,CAAA,EACN,GACA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,GAAG,EAAQ,SAAU,UAAW,EAAA,QAAO,gBAC5C,CACC,CAAA,EACN,IACH,GAEb"}