tempest-react-sdk 0.23.0 → 0.24.0

package/dist/components/DateRangePicker/DateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.js","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DateRangePicker.module.css\";\n\nexport type WeekStart = 0 | 1;\n\n/** A selected range. Either bound may be `null` while picking. */\nexport interface DateRange {\n    start: Date | null;\n    end: Date | null;\n}\n\nexport interface DateRangePickerProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    \"onChange\" | \"defaultValue\"\n> {\n    /** Controlled selected range. */\n    value: DateRange;\n    /** Called with the new range as the user picks start then end. */\n    onChange: (range: DateRange) => void;\n    /** How many month grids to show side by side. Default `2`. */\n    numberOfMonths?: number;\n    /** Initial visible month (uncontrolled). Defaults to the range start or today. */\n    defaultMonth?: Date;\n    minDate?: Date;\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];\nconst DAYS_IN_GRID = 42;\n\nfunction makeDate(year: number, month: number, day: number): Date {\n    return new Date(year, month, day);\n}\n\nfunction startOfDay(date: Date): Date {\n    return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\nfunction addMonths(date: Date, offset: number): Date {\n    return makeDate(date.getFullYear(), date.getMonth() + offset, 1);\n}\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\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/** Inclusive-exclusive-agnostic \"strictly between a and b\" (a/b order-independent). */\nfunction isBetween(date: Date, a: Date, b: Date): boolean {\n    const t = startOfDay(date).getTime();\n    const lo = Math.min(startOfDay(a).getTime(), startOfDay(b).getTime());\n    const hi = Math.max(startOfDay(a).getTime(), startOfDay(b).getTime());\n    return t > lo && t < hi;\n}\n\nfunction buildGrid(month: Date, weekStartsOn: WeekStart): Date[] {\n    const year = month.getFullYear();\n    const monthIndex = month.getMonth();\n    const firstWeekday = makeDate(year, monthIndex, 1).getDay();\n    const leading = (firstWeekday - weekStartsOn + 7) % 7;\n    const start = makeDate(year, monthIndex, 1 - leading);\n    return Array.from({ length: DAYS_IN_GRID }, (_, i) =>\n        makeDate(start.getFullYear(), start.getMonth(), start.getDate() + i),\n    );\n}\n\n/**\n * Date-range picker: pick a start day, then an end day, across one or more\n * month grids. The hovered day previews the range before the end is committed.\n * Pure `Date` math — no date libraries. For a single date, use `Calendar`.\n *\n * Selection: first click sets `start` (clears `end`); the next click sets `end`\n * (auto-ordered if you click earlier than the start); a third click starts over.\n */\nexport function DateRangePicker({\n    value,\n    onChange,\n    numberOfMonths = 2,\n    defaultMonth,\n    minDate,\n    maxDate,\n    weekStartsOn = 0,\n    className,\n    ...props\n}: DateRangePickerProps) {\n    const [visibleMonth, setVisibleMonth] = useState<Date>(() => {\n        const base = defaultMonth ?? value.start ?? new Date();\n        return makeDate(base.getFullYear(), base.getMonth(), 1);\n    });\n    const [hovered, setHovered] = useState<Date | null>(null);\n\n    const today = useMemo(() => startOfDay(new Date()), []);\n    const weekdayLabels = useMemo(\n        () => Array.from({ length: 7 }, (_, i) => WEEKDAY_LABELS[(i + weekStartsOn) % 7]),\n        [weekStartsOn],\n    );\n\n    const selectDate = useCallback(\n        (date: Date): void => {\n            if (isOutOfRange(date, minDate, maxDate)) return;\n            const { start, end } = value;\n            if (!start || end) {\n                onChange({ start: date, end: null });\n            } else if (startOfDay(date).getTime() < startOfDay(start).getTime()) {\n                onChange({ start: date, end: start });\n            } else {\n                onChange({ start, end: date });\n            }\n        },\n        [value, onChange, minDate, maxDate],\n    );\n\n    const changeMonth = useCallback((offset: number): void => {\n        setVisibleMonth((current) => addMonths(current, offset));\n    }, []);\n\n    // Effective end used for preview highlighting (hovered day while picking).\n    const previewEnd = value.start && !value.end ? hovered : value.end;\n\n    function dayState(date: Date): {\n        selected: boolean;\n        inRange: boolean;\n        isStart: boolean;\n        isEnd: boolean;\n    } {\n        const { start } = value;\n        const end = previewEnd;\n        const isStart = start ? isSameDay(date, start) : false;\n        const isEnd = end ? isSameDay(date, end) : false;\n        const inRange = start && end ? isBetween(date, start, end) : false;\n        return { selected: isStart || isEnd, inRange, isStart, isEnd };\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.headerSpacer} aria-hidden />\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.months} onMouseLeave={() => setHovered(null)}>\n                {Array.from({ length: Math.max(1, numberOfMonths) }, (_, monthOffset) => {\n                    const month = addMonths(visibleMonth, monthOffset);\n                    const cells = buildGrid(month, weekStartsOn);\n                    return (\n                        <div key={monthOffset} className={styles.month}>\n                            <div className={styles.title} aria-live=\"polite\">\n                                {MONTH_LABELS[month.getMonth()]} {month.getFullYear()}\n                            </div>\n                            <div className={styles.weekdays} role=\"row\">\n                                {weekdayLabels.map((label) => (\n                                    <span\n                                        key={label}\n                                        className={styles.weekday}\n                                        role=\"columnheader\"\n                                    >\n                                        {label}\n                                    </span>\n                                ))}\n                            </div>\n                            <div className={styles.grid} role=\"grid\">\n                                {cells.map((date, index) => {\n                                    const inMonth = date.getMonth() === month.getMonth();\n                                    const disabled = isOutOfRange(date, minDate, maxDate);\n                                    const { selected, inRange, isStart, isEnd } = dayState(date);\n                                    const isToday = isSameDay(date, today);\n                                    return (\n                                        <button\n                                            key={index}\n                                            type=\"button\"\n                                            role=\"gridcell\"\n                                            className={cn(\n                                                styles.day,\n                                                !inMonth && styles.outside,\n                                                inRange && styles.inRange,\n                                                selected && styles.selected,\n                                                isStart && styles.rangeStart,\n                                                isEnd && styles.rangeEnd,\n                                                isToday && styles.today,\n                                            )}\n                                            aria-label={`${MONTH_LABELS[date.getMonth()]} ${date.getDate()}, ${date.getFullYear()}`}\n                                            aria-selected={selected}\n                                            aria-current={isToday ? \"date\" : undefined}\n                                            disabled={disabled}\n                                            onClick={() => selectDate(date)}\n                                            onMouseEnter={() => setHovered(date)}\n                                        >\n                                            {date.getDate()}\n                                        </button>\n                                    );\n                                })}\n                            </div>\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"names":["WEEKDAY_LABELS","MONTH_LABELS","DAYS_IN_GRID","makeDate","year","month","day","startOfDay","date","addMonths","offset","isSameDay","a","b","isOutOfRange","minDate","maxDate","isBetween","t","lo","hi","buildGrid","weekStartsOn","monthIndex","leading","start","_","i","DateRangePicker","value","onChange","numberOfMonths","defaultMonth","className","props","visibleMonth","setVisibleMonth","useState","base","hovered","setHovered","today","useMemo","weekdayLabels","selectDate","useCallback","end","changeMonth","current","previewEnd","dayState","isStart","isEnd","inRange","jsxs","cn","styles","jsx","monthOffset","cells","label","index","inMonth","disabled","selected","isToday"],"mappings":"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"}
+{"version":3,"file":"DateRangePicker.js","names":[],"sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DateRangePicker.module.css\";\n\nexport type WeekStart = 0 | 1;\n\n/** A selected range. Either bound may be `null` while picking. */\nexport interface DateRange {\n    start: Date | null;\n    end: Date | null;\n}\n\nexport interface DateRangePickerProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    \"onChange\" | \"defaultValue\"\n> {\n    /** Controlled selected range. */\n    value: DateRange;\n    /** Called with the new range as the user picks start then end. */\n    onChange: (range: DateRange) => void;\n    /** How many month grids to show side by side. Default `2`. */\n    numberOfMonths?: number;\n    /** Initial visible month (uncontrolled). Defaults to the range start or today. */\n    defaultMonth?: Date;\n    minDate?: Date;\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];\nconst DAYS_IN_GRID = 42;\n\nfunction makeDate(year: number, month: number, day: number): Date {\n    return new Date(year, month, day);\n}\n\nfunction startOfDay(date: Date): Date {\n    return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\nfunction addMonths(date: Date, offset: number): Date {\n    return makeDate(date.getFullYear(), date.getMonth() + offset, 1);\n}\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\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/** Inclusive-exclusive-agnostic \"strictly between a and b\" (a/b order-independent). */\nfunction isBetween(date: Date, a: Date, b: Date): boolean {\n    const t = startOfDay(date).getTime();\n    const lo = Math.min(startOfDay(a).getTime(), startOfDay(b).getTime());\n    const hi = Math.max(startOfDay(a).getTime(), startOfDay(b).getTime());\n    return t > lo && t < hi;\n}\n\nfunction buildGrid(month: Date, weekStartsOn: WeekStart): Date[] {\n    const year = month.getFullYear();\n    const monthIndex = month.getMonth();\n    const firstWeekday = makeDate(year, monthIndex, 1).getDay();\n    const leading = (firstWeekday - weekStartsOn + 7) % 7;\n    const start = makeDate(year, monthIndex, 1 - leading);\n    return Array.from({ length: DAYS_IN_GRID }, (_, i) =>\n        makeDate(start.getFullYear(), start.getMonth(), start.getDate() + i),\n    );\n}\n\n/**\n * Date-range picker: pick a start day, then an end day, across one or more\n * month grids. The hovered day previews the range before the end is committed.\n * Pure `Date` math — no date libraries. For a single date, use `Calendar`.\n *\n * Selection: first click sets `start` (clears `end`); the next click sets `end`\n * (auto-ordered if you click earlier than the start); a third click starts over.\n */\nexport function DateRangePicker({\n    value,\n    onChange,\n    numberOfMonths = 2,\n    defaultMonth,\n    minDate,\n    maxDate,\n    weekStartsOn = 0,\n    className,\n    ...props\n}: DateRangePickerProps) {\n    const [visibleMonth, setVisibleMonth] = useState<Date>(() => {\n        const base = defaultMonth ?? value.start ?? new Date();\n        return makeDate(base.getFullYear(), base.getMonth(), 1);\n    });\n    const [hovered, setHovered] = useState<Date | null>(null);\n\n    const today = useMemo(() => startOfDay(new Date()), []);\n    const weekdayLabels = useMemo(\n        () => Array.from({ length: 7 }, (_, i) => WEEKDAY_LABELS[(i + weekStartsOn) % 7]),\n        [weekStartsOn],\n    );\n\n    const selectDate = useCallback(\n        (date: Date): void => {\n            if (isOutOfRange(date, minDate, maxDate)) return;\n            const { start, end } = value;\n            if (!start || end) {\n                onChange({ start: date, end: null });\n            } else if (startOfDay(date).getTime() < startOfDay(start).getTime()) {\n                onChange({ start: date, end: start });\n            } else {\n                onChange({ start, end: date });\n            }\n        },\n        [value, onChange, minDate, maxDate],\n    );\n\n    const changeMonth = useCallback((offset: number): void => {\n        setVisibleMonth((current) => addMonths(current, offset));\n    }, []);\n\n    // Effective end used for preview highlighting (hovered day while picking).\n    const previewEnd = value.start && !value.end ? hovered : value.end;\n\n    function dayState(date: Date): {\n        selected: boolean;\n        inRange: boolean;\n        isStart: boolean;\n        isEnd: boolean;\n    } {\n        const { start } = value;\n        const end = previewEnd;\n        const isStart = start ? isSameDay(date, start) : false;\n        const isEnd = end ? isSameDay(date, end) : false;\n        const inRange = start && end ? isBetween(date, start, end) : false;\n        return { selected: isStart || isEnd, inRange, isStart, isEnd };\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.headerSpacer} aria-hidden />\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.months} onMouseLeave={() => setHovered(null)}>\n                {Array.from({ length: Math.max(1, numberOfMonths) }, (_, monthOffset) => {\n                    const month = addMonths(visibleMonth, monthOffset);\n                    const cells = buildGrid(month, weekStartsOn);\n                    return (\n                        <div key={monthOffset} className={styles.month}>\n                            <div className={styles.title} aria-live=\"polite\">\n                                {MONTH_LABELS[month.getMonth()]} {month.getFullYear()}\n                            </div>\n                            <div className={styles.weekdays} role=\"row\">\n                                {weekdayLabels.map((label) => (\n                                    <span\n                                        key={label}\n                                        className={styles.weekday}\n                                        role=\"columnheader\"\n                                    >\n                                        {label}\n                                    </span>\n                                ))}\n                            </div>\n                            <div className={styles.grid} role=\"grid\">\n                                {cells.map((date, index) => {\n                                    const inMonth = date.getMonth() === month.getMonth();\n                                    const disabled = isOutOfRange(date, minDate, maxDate);\n                                    const { selected, inRange, isStart, isEnd } = dayState(date);\n                                    const isToday = isSameDay(date, today);\n                                    return (\n                                        <button\n                                            key={index}\n                                            type=\"button\"\n                                            role=\"gridcell\"\n                                            className={cn(\n                                                styles.day,\n                                                !inMonth && styles.outside,\n                                                inRange && styles.inRange,\n                                                selected && styles.selected,\n                                                isStart && styles.rangeStart,\n                                                isEnd && styles.rangeEnd,\n                                                isToday && styles.today,\n                                            )}\n                                            aria-label={`${MONTH_LABELS[date.getMonth()]} ${date.getDate()}, ${date.getFullYear()}`}\n                                            aria-selected={selected}\n                                            aria-current={isToday ? \"date\" : undefined}\n                                            disabled={disabled}\n                                            onClick={() => selectDate(date)}\n                                            onMouseEnter={() => setHovered(date)}\n                                        >\n                                            {date.getDate()}\n                                        </button>\n                                    );\n                                })}\n                            </div>\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/DateRangePicker/DateRangePicker.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_root_fVC66`,t=`tempest_header_sTdRM`,n=`tempest_headerSpacer_nqeNO`,r=`tempest_nav_7nFJE`,i=`tempest_months_fbwtK`,a=`tempest_month_0WfUc`,o=`tempest_title_OGQrm`,s=`tempest_weekdays_nYTrg`,c=`tempest_grid_O0eUF`,l=`tempest_weekday_cy-Mz`,u=`tempest_day_-V6FX`,d=`tempest_outside_3otid`,f=`tempest_today_gwmhs`,p=`tempest_inRange_iQJYA`,m=`tempest_selected_DRsBO`,h=`tempest_rangeStart_-Oe1u`,g=`tempest_rangeEnd_mUaKW`,_={root:e,header:t,headerSpacer:n,nav:r,months:i,month:a,title:o,weekdays:s,grid:c,weekday:l,day:u,outside:d,today:f,inRange:p,selected:m,rangeStart:h,rangeEnd:g};exports.day=u,exports.default=_,exports.grid=c,exports.header=t,exports.headerSpacer=n,exports.inRange=p,exports.month=a,exports.months=i,exports.nav=r,exports.outside=d,exports.rangeEnd=g,exports.rangeStart=h,exports.root=e,exports.selected=m,exports.title=o,exports.today=f,exports.weekday=l,exports.weekdays=s;
+//# sourceMappingURL=DateRangePicker.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.module.cjs","names":[],"sources":["../../../src/components/DateRangePicker/DateRangePicker.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.headerSpacer {\n    flex: 1;\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.months {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--tempest-space-5);\n}\n\n.month {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.title {\n    text-align: center;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\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    font-weight: var(--tempest-weight-semibold);\n    border-color: var(--tempest-primary);\n}\n\n.inRange {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-active);\n    border-radius: 0;\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\n.rangeStart {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.rangeEnd {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n"],"mappings":""}

package/dist/components/DateRangePicker/DateRangePicker.module.js

@@ -0,0 +1,24 @@
+//#region src/components/DateRangePicker/DateRangePicker.module.css
+var e = "tempest_root_fVC66", t = "tempest_header_sTdRM", n = "tempest_headerSpacer_nqeNO", r = "tempest_nav_7nFJE", i = "tempest_months_fbwtK", a = "tempest_month_0WfUc", o = "tempest_title_OGQrm", s = "tempest_weekdays_nYTrg", c = "tempest_grid_O0eUF", l = "tempest_weekday_cy-Mz", u = "tempest_day_-V6FX", d = "tempest_outside_3otid", f = "tempest_today_gwmhs", p = "tempest_inRange_iQJYA", m = "tempest_selected_DRsBO", h = "tempest_rangeStart_-Oe1u", g = "tempest_rangeEnd_mUaKW", _ = {
+	root: e,
+	header: t,
+	headerSpacer: n,
+	nav: r,
+	months: i,
+	month: a,
+	title: o,
+	weekdays: s,
+	grid: c,
+	weekday: l,
+	day: u,
+	outside: d,
+	today: f,
+	inRange: p,
+	selected: m,
+	rangeStart: h,
+	rangeEnd: g
+};
+//#endregion
+export { u as day, _ as default, c as grid, t as header, n as headerSpacer, p as inRange, a as month, i as months, r as nav, d as outside, g as rangeEnd, h as rangeStart, e as root, m as selected, o as title, f as today, l as weekday, s as weekdays };
+
+//# sourceMappingURL=DateRangePicker.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.module.js","names":[],"sources":["../../../src/components/DateRangePicker/DateRangePicker.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.headerSpacer {\n    flex: 1;\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.months {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--tempest-space-5);\n}\n\n.month {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.title {\n    text-align: center;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\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    font-weight: var(--tempest-weight-semibold);\n    border-color: var(--tempest-primary);\n}\n\n.inRange {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-active);\n    border-radius: 0;\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\n.rangeStart {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.rangeEnd {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n"],"mappings":""}

package/dist/components/DescriptionList/DescriptionList.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),l=require("../../utils/cn.cjs"),t=require("./DescriptionList.module.css.cjs");function o({items:s,className:i,...c}){return e.jsx("dl",{className:l.cn(t.default.list,i),...c,children:s.map((r,n)=>e.jsxs(d.Fragment,{children:[e.jsx("dt",{className:t.default.term,children:r.term}),e.jsx("dd",{className:t.default.description,children:r.description})]},n))})}exports.DescriptionList=o;
-//# sourceMappingURL=DescriptionList.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./DescriptionList.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({items:i,className:a,...o}){return(0,r.jsx)(`dl`,{className:e.cn(t.default.list,a),...o,children:i.map((e,i)=>(0,r.jsxs)(n.Fragment,{children:[(0,r.jsx)(`dt`,{className:t.default.term,children:e.term}),(0,r.jsx)(`dd`,{className:t.default.description,children:e.description})]},i))})}exports.DescriptionList=i;
+//# sourceMappingURL=DescriptionList.cjs.map

package/dist/components/DescriptionList/DescriptionList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionList.cjs","sources":["../../../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { Fragment } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DescriptionList.module.css\";\n\nexport interface DescriptionListItem {\n    /** The key/label rendered inside a `<dt>`. */\n    term: ReactNode;\n    /** The value rendered inside a `<dd>`. */\n    description: ReactNode;\n}\n\nexport interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {\n    /** Term/description pairs rendered as `<dt>`/`<dd>` rows. */\n    items: DescriptionListItem[];\n}\n\n/**\n * Renders a semantic `<dl>` of term/description pairs with minimal\n * token-based key/value styling.\n *\n * @param items - The term/description pairs to render.\n * @returns The rendered description list.\n */\nexport function DescriptionList({ items, className, ...props }: DescriptionListProps) {\n    return (\n        <dl className={cn(styles.list, className)} {...props}>\n            {items.map((item, index) => (\n                <Fragment key={index}>\n                    <dt className={styles.term}>{item.term}</dt>\n                    <dd className={styles.description}>{item.description}</dd>\n                </Fragment>\n            ))}\n        </dl>\n    );\n}\n"],"names":["DescriptionList","items","className","props","cn","styles","item","index","Fragment","jsx"],"mappings":"sNAwBO,SAASA,EAAgB,CAAE,MAAAC,EAAO,UAAAC,EAAW,GAAGC,GAA+B,CAClF,aACK,KAAA,CAAG,UAAWC,EAAAA,GAAGC,UAAO,KAAMH,CAAS,EAAI,GAAGC,EAC1C,WAAM,IAAI,CAACG,EAAMC,WACbC,WAAA,CACG,SAAA,CAAAC,MAAC,KAAA,CAAG,UAAWJ,EAAAA,QAAO,KAAO,WAAK,KAAK,QACtC,KAAA,CAAG,UAAWA,EAAAA,QAAO,YAAc,WAAK,WAAA,CAAY,CAAA,GAF1CE,CAGf,CACH,EACL,CAER"}
+{"version":3,"file":"DescriptionList.cjs","names":[],"sources":["../../../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { Fragment } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DescriptionList.module.css\";\n\nexport interface DescriptionListItem {\n    /** The key/label rendered inside a `<dt>`. */\n    term: ReactNode;\n    /** The value rendered inside a `<dd>`. */\n    description: ReactNode;\n}\n\nexport interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {\n    /** Term/description pairs rendered as `<dt>`/`<dd>` rows. */\n    items: DescriptionListItem[];\n}\n\n/**\n * Renders a semantic `<dl>` of term/description pairs with minimal\n * token-based key/value styling.\n *\n * @param items - The term/description pairs to render.\n * @returns The rendered description list.\n */\nexport function DescriptionList({ items, className, ...props }: DescriptionListProps) {\n    return (\n        <dl className={cn(styles.list, className)} {...props}>\n            {items.map((item, index) => (\n                <Fragment key={index}>\n                    <dt className={styles.term}>{item.term}</dt>\n                    <dd className={styles.description}>{item.description}</dd>\n                </Fragment>\n            ))}\n        </dl>\n    );\n}\n"],"mappings":"sIAwBA,SAAgB,EAAgB,CAAE,QAAO,YAAW,GAAG,GAA+B,CAClF,OACI,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,CAAS,EAAG,GAAI,WAC1C,EAAM,KAAK,EAAM,KACd,EAAA,EAAA,KAAA,CAAC,EAAA,SAAD,CAAA,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,cAAO,EAAK,IAAS,CAAA,GAC3C,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,qBAAc,EAAK,WAAgB,CAAA,CACnD,CAAA,EAHK,CAGL,CACb,CACD,CAAA,CAEZ"}

package/dist/components/DescriptionList/DescriptionList.js

@@ -1,14 +1,22 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { cn as e } from "../../utils/cn.js";
+import t from "./DescriptionList.module.js";
 import { Fragment as n } from "react";
-import { cn as d } from "../../utils/cn.js";
-import i from "./DescriptionList.module.css.js";
-function h({ items: t, className: e, ...m }) {
-  return /* @__PURE__ */ r("dl", { className: d(i.list, e), ...m, children: t.map((s, o) => /* @__PURE__ */ c(n, { children: [
-    /* @__PURE__ */ r("dt", { className: i.term, children: s.term }),
-    /* @__PURE__ */ r("dd", { className: i.description, children: s.description })
-  ] }, o)) });
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/DescriptionList/DescriptionList.tsx
+function a({ items: a, className: o, ...s }) {
+	return /* @__PURE__ */ r("dl", {
+		className: e(t.list, o),
+		...s,
+		children: a.map((e, a) => /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("dt", {
+			className: t.term,
+			children: e.term
+		}), /* @__PURE__ */ r("dd", {
+			className: t.description,
+			children: e.description
+		})] }, a))
+	});
 }
-export {
-  h as DescriptionList
-};
-//# sourceMappingURL=DescriptionList.js.map
+//#endregion
+export { a as DescriptionList };
+
+//# sourceMappingURL=DescriptionList.js.map

package/dist/components/DescriptionList/DescriptionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionList.js","sources":["../../../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { Fragment } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DescriptionList.module.css\";\n\nexport interface DescriptionListItem {\n    /** The key/label rendered inside a `<dt>`. */\n    term: ReactNode;\n    /** The value rendered inside a `<dd>`. */\n    description: ReactNode;\n}\n\nexport interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {\n    /** Term/description pairs rendered as `<dt>`/`<dd>` rows. */\n    items: DescriptionListItem[];\n}\n\n/**\n * Renders a semantic `<dl>` of term/description pairs with minimal\n * token-based key/value styling.\n *\n * @param items - The term/description pairs to render.\n * @returns The rendered description list.\n */\nexport function DescriptionList({ items, className, ...props }: DescriptionListProps) {\n    return (\n        <dl className={cn(styles.list, className)} {...props}>\n            {items.map((item, index) => (\n                <Fragment key={index}>\n                    <dt className={styles.term}>{item.term}</dt>\n                    <dd className={styles.description}>{item.description}</dd>\n                </Fragment>\n            ))}\n        </dl>\n    );\n}\n"],"names":["DescriptionList","items","className","props","cn","styles","item","index","Fragment","jsx"],"mappings":";;;;AAwBO,SAASA,EAAgB,EAAE,OAAAC,GAAO,WAAAC,GAAW,GAAGC,KAA+B;AAClF,2BACK,MAAA,EAAG,WAAWC,EAAGC,EAAO,MAAMH,CAAS,GAAI,GAAGC,GAC1C,YAAM,IAAI,CAACG,GAAMC,wBACbC,GAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAWJ,EAAO,MAAO,YAAK,MAAK;AAAA,sBACtC,MAAA,EAAG,WAAWA,EAAO,aAAc,YAAK,YAAA,CAAY;AAAA,EAAA,KAF1CE,CAGf,CACH,GACL;AAER;"}
+{"version":3,"file":"DescriptionList.js","names":[],"sources":["../../../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { Fragment } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DescriptionList.module.css\";\n\nexport interface DescriptionListItem {\n    /** The key/label rendered inside a `<dt>`. */\n    term: ReactNode;\n    /** The value rendered inside a `<dd>`. */\n    description: ReactNode;\n}\n\nexport interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {\n    /** Term/description pairs rendered as `<dt>`/`<dd>` rows. */\n    items: DescriptionListItem[];\n}\n\n/**\n * Renders a semantic `<dl>` of term/description pairs with minimal\n * token-based key/value styling.\n *\n * @param items - The term/description pairs to render.\n * @returns The rendered description list.\n */\nexport function DescriptionList({ items, className, ...props }: DescriptionListProps) {\n    return (\n        <dl className={cn(styles.list, className)} {...props}>\n            {items.map((item, index) => (\n                <Fragment key={index}>\n                    <dt className={styles.term}>{item.term}</dt>\n                    <dd className={styles.description}>{item.description}</dd>\n                </Fragment>\n            ))}\n        </dl>\n    );\n}\n"],"mappings":";;;;;AAwBA,SAAgB,EAAgB,EAAE,UAAO,cAAW,GAAG,KAA+B;CAClF,OACI,kBAAC,MAAD;EAAI,WAAW,EAAG,EAAO,MAAM,CAAS;EAAG,GAAI;YAC1C,EAAM,KAAK,GAAM,MACd,kBAAC,GAAD,EAAA,UAAA,CACI,kBAAC,MAAD;GAAI,WAAW,EAAO;aAAO,EAAK;EAAS,CAAA,GAC3C,kBAAC,MAAD;GAAI,WAAW,EAAO;aAAc,EAAK;EAAgB,CAAA,CACnD,EAAA,GAHK,CAGL,CACb;CACD,CAAA;AAEZ"}

package/dist/components/DescriptionList/DescriptionList.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_list_fwIXq`,t=`tempest_term_QkQNZ`,n=`tempest_description_e1bNN`,r={list:e,term:t,description:n};exports.default=r,exports.description=n,exports.list=e,exports.term=t;
+//# sourceMappingURL=DescriptionList.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.module.cjs","names":[],"sources":["../../../src/components/DescriptionList/DescriptionList.module.css"],"sourcesContent":[".list {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: var(--tempest-space-1) var(--tempest-space-4);\n    margin: 0;\n}\n\n.term {\n    color: var(--tempest-text-subtle);\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.description {\n    margin: 0;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n"],"mappings":""}

package/dist/components/DescriptionList/DescriptionList.module.js

@@ -0,0 +1,10 @@
+//#region src/components/DescriptionList/DescriptionList.module.css
+var e = "tempest_list_fwIXq", t = "tempest_term_QkQNZ", n = "tempest_description_e1bNN", r = {
+	list: e,
+	term: t,
+	description: n
+};
+//#endregion
+export { r as default, n as description, e as list, t as term };
+
+//# sourceMappingURL=DescriptionList.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.module.js","names":[],"sources":["../../../src/components/DescriptionList/DescriptionList.module.css"],"sourcesContent":[".list {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: var(--tempest-space-1) var(--tempest-space-4);\n    margin: 0;\n}\n\n.term {\n    color: var(--tempest-text-subtle);\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.description {\n    margin: 0;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n"],"mappings":""}

package/dist/components/Divider/Divider.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),a=require("../../utils/cn.cjs"),e=require("./Divider.module.css.cjs");function u({orientation:o="horizontal",variant:r="solid",label:i,align:l="center",className:t,...n}){return o==="vertical"?d.jsx("span",{role:"separator","aria-orientation":"vertical",className:a.cn(e.default.divider,e.default.vertical,r==="dashed"&&e.default.dashed,t),...n}):i?d.jsx("div",{role:"separator","aria-orientation":"horizontal",className:a.cn(e.default.divider,e.default.horizontal,r==="dashed"&&e.default.dashed,l==="start"&&e.default.alignStart,l==="end"&&e.default.alignEnd,t),...n,children:i}):d.jsx("hr",{className:a.cn(e.default.divider,e.default.horizontal,e.default.bare,r==="dashed"&&e.default.dashed,t)})}exports.Divider=u;
-//# sourceMappingURL=Divider.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Divider.module.cjs");let n=require("react/jsx-runtime");function r({orientation:r=`horizontal`,variant:i=`solid`,label:a,align:o=`center`,className:s,...c}){return r===`vertical`?(0,n.jsx)(`span`,{role:`separator`,"aria-orientation":`vertical`,className:e.cn(t.default.divider,t.default.vertical,i===`dashed`&&t.default.dashed,s),...c}):a?(0,n.jsx)(`div`,{role:`separator`,"aria-orientation":`horizontal`,className:e.cn(t.default.divider,t.default.horizontal,i===`dashed`&&t.default.dashed,o===`start`&&t.default.alignStart,o===`end`&&t.default.alignEnd,s),...c,children:a}):(0,n.jsx)(`hr`,{className:e.cn(t.default.divider,t.default.horizontal,t.default.bare,i===`dashed`&&t.default.dashed,s)})}exports.Divider=r;
+//# sourceMappingURL=Divider.cjs.map

package/dist/components/Divider/Divider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.cjs","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Divider.module.css\";\n\nexport type DividerOrientation = \"horizontal\" | \"vertical\";\nexport type DividerVariant = \"solid\" | \"dashed\";\nexport type DividerAlign = \"start\" | \"center\" | \"end\";\n\nexport interface DividerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    orientation?: DividerOrientation;\n    variant?: DividerVariant;\n    /** Optional label rendered inside the divider (horizontal only). */\n    label?: ReactNode;\n    /** Label horizontal position (only when `label` provided). Defaults to `center`. */\n    align?: DividerAlign;\n}\n\n/**\n * Horizontal or vertical visual separator. When `label` is provided in\n * horizontal mode the divider splits and centers the label between two lines.\n */\nexport function Divider({\n    orientation = \"horizontal\",\n    variant = \"solid\",\n    label,\n    align = \"center\",\n    className,\n    ...props\n}: DividerProps) {\n    if (orientation === \"vertical\") {\n        return (\n            <span\n                role=\"separator\"\n                aria-orientation=\"vertical\"\n                className={cn(\n                    styles.divider,\n                    styles.vertical,\n                    variant === \"dashed\" && styles.dashed,\n                    className,\n                )}\n                {...props}\n            />\n        );\n    }\n\n    if (!label) {\n        return (\n            <hr\n                className={cn(\n                    styles.divider,\n                    styles.horizontal,\n                    styles.bare,\n                    variant === \"dashed\" && styles.dashed,\n                    className,\n                )}\n            />\n        );\n    }\n\n    return (\n        <div\n            role=\"separator\"\n            aria-orientation=\"horizontal\"\n            className={cn(\n                styles.divider,\n                styles.horizontal,\n                variant === \"dashed\" && styles.dashed,\n                align === \"start\" && styles.alignStart,\n                align === \"end\" && styles.alignEnd,\n                className,\n            )}\n            {...props}\n        >\n            {label}\n        </div>\n    );\n}\n"],"names":["Divider","orientation","variant","label","align","className","props","jsx","cn","styles"],"mappings":"2LAqBO,SAASA,EAAQ,CACpB,YAAAC,EAAc,aACd,QAAAC,EAAU,QACV,MAAAC,EACA,MAAAC,EAAQ,SACR,UAAAC,EACA,GAAGC,CACP,EAAiB,CACb,OAAIL,IAAgB,WAEZM,EAAAA,IAAC,OAAA,CACG,KAAK,YACL,mBAAiB,WACjB,UAAWC,EAAAA,GACPC,EAAAA,QAAO,QACPA,EAAAA,QAAO,SACPP,IAAY,UAAYO,EAAAA,QAAO,OAC/BJ,CAAA,EAEH,GAAGC,CAAA,CAAA,EAKXH,EAeDI,EAAAA,IAAC,MAAA,CACG,KAAK,YACL,mBAAiB,aACjB,UAAWC,EAAAA,GACPC,EAAAA,QAAO,QACPA,EAAAA,QAAO,WACPP,IAAY,UAAYO,EAAAA,QAAO,OAC/BL,IAAU,SAAWK,EAAAA,QAAO,WAC5BL,IAAU,OAASK,EAAAA,QAAO,SAC1BJ,CAAA,EAEH,GAAGC,EAEH,SAAAH,CAAA,CAAA,EA1BDI,EAAAA,IAAC,KAAA,CACG,UAAWC,EAAAA,GACPC,EAAAA,QAAO,QACPA,EAAAA,QAAO,WACPA,EAAAA,QAAO,KACPP,IAAY,UAAYO,EAAAA,QAAO,OAC/BJ,CAAA,CACJ,CAAA,CAsBhB"}
+{"version":3,"file":"Divider.cjs","names":[],"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Divider.module.css\";\n\nexport type DividerOrientation = \"horizontal\" | \"vertical\";\nexport type DividerVariant = \"solid\" | \"dashed\";\nexport type DividerAlign = \"start\" | \"center\" | \"end\";\n\nexport interface DividerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    orientation?: DividerOrientation;\n    variant?: DividerVariant;\n    /** Optional label rendered inside the divider (horizontal only). */\n    label?: ReactNode;\n    /** Label horizontal position (only when `label` provided). Defaults to `center`. */\n    align?: DividerAlign;\n}\n\n/**\n * Horizontal or vertical visual separator. When `label` is provided in\n * horizontal mode the divider splits and centers the label between two lines.\n */\nexport function Divider({\n    orientation = \"horizontal\",\n    variant = \"solid\",\n    label,\n    align = \"center\",\n    className,\n    ...props\n}: DividerProps) {\n    if (orientation === \"vertical\") {\n        return (\n            <span\n                role=\"separator\"\n                aria-orientation=\"vertical\"\n                className={cn(\n                    styles.divider,\n                    styles.vertical,\n                    variant === \"dashed\" && styles.dashed,\n                    className,\n                )}\n                {...props}\n            />\n        );\n    }\n\n    if (!label) {\n        return (\n            <hr\n                className={cn(\n                    styles.divider,\n                    styles.horizontal,\n                    styles.bare,\n                    variant === \"dashed\" && styles.dashed,\n                    className,\n                )}\n            />\n        );\n    }\n\n    return (\n        <div\n            role=\"separator\"\n            aria-orientation=\"horizontal\"\n            className={cn(\n                styles.divider,\n                styles.horizontal,\n                variant === \"dashed\" && styles.dashed,\n                align === \"start\" && styles.alignStart,\n                align === \"end\" && styles.alignEnd,\n                className,\n            )}\n            {...props}\n        >\n            {label}\n        </div>\n    );\n}\n"],"mappings":"2GAqBA,SAAgB,EAAQ,CACpB,cAAc,aACd,UAAU,QACV,QACA,QAAQ,SACR,YACA,GAAG,GACU,CA+Bb,OA9BI,IAAgB,YAEZ,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,KAAK,YACL,mBAAiB,WACjB,UAAW,EAAA,GACP,EAAA,QAAO,QACP,EAAA,QAAO,SACP,IAAY,UAAY,EAAA,QAAO,OAC/B,CACJ,EACA,GAAI,CACP,CAAA,EAIJ,GAeD,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,YACL,mBAAiB,aACjB,UAAW,EAAA,GACP,EAAA,QAAO,QACP,EAAA,QAAO,WACP,IAAY,UAAY,EAAA,QAAO,OAC/B,IAAU,SAAW,EAAA,QAAO,WAC5B,IAAU,OAAS,EAAA,QAAO,SAC1B,CACJ,EACA,GAAI,WAEH,CACA,CAAA,GA3BD,EAAA,EAAA,IAAA,CAAC,KAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,QACP,EAAA,QAAO,WACP,EAAA,QAAO,KACP,IAAY,UAAY,EAAA,QAAO,OAC/B,CACJ,CACH,CAAA,CAqBb"}

package/dist/components/Divider/Divider.js

@@ -1,57 +1,22 @@
-import { jsx as a } from "react/jsx-runtime";
-import { cn as t } from "../../utils/cn.js";
-import r from "./Divider.module.css.js";
-function m({
-  orientation: s = "horizontal",
-  variant: e = "solid",
-  label: d,
-  align: o = "center",
-  className: i,
-  ...n
-}) {
-  return s === "vertical" ? /* @__PURE__ */ a(
-    "span",
-    {
-      role: "separator",
-      "aria-orientation": "vertical",
-      className: t(
-        r.divider,
-        r.vertical,
-        e === "dashed" && r.dashed,
-        i
-      ),
-      ...n
-    }
-  ) : d ? /* @__PURE__ */ a(
-    "div",
-    {
-      role: "separator",
-      "aria-orientation": "horizontal",
-      className: t(
-        r.divider,
-        r.horizontal,
-        e === "dashed" && r.dashed,
-        o === "start" && r.alignStart,
-        o === "end" && r.alignEnd,
-        i
-      ),
-      ...n,
-      children: d
-    }
-  ) : /* @__PURE__ */ a(
-    "hr",
-    {
-      className: t(
-        r.divider,
-        r.horizontal,
-        r.bare,
-        e === "dashed" && r.dashed,
-        i
-      )
-    }
-  );
+import { cn as e } from "../../utils/cn.js";
+import t from "./Divider.module.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Divider/Divider.tsx
+function r({ orientation: r = "horizontal", variant: i = "solid", label: a, align: o = "center", className: s, ...c }) {
+	return r === "vertical" ? /* @__PURE__ */ n("span", {
+		role: "separator",
+		"aria-orientation": "vertical",
+		className: e(t.divider, t.vertical, i === "dashed" && t.dashed, s),
+		...c
+	}) : a ? /* @__PURE__ */ n("div", {
+		role: "separator",
+		"aria-orientation": "horizontal",
+		className: e(t.divider, t.horizontal, i === "dashed" && t.dashed, o === "start" && t.alignStart, o === "end" && t.alignEnd, s),
+		...c,
+		children: a
+	}) : /* @__PURE__ */ n("hr", { className: e(t.divider, t.horizontal, t.bare, i === "dashed" && t.dashed, s) });
 }
-export {
-  m as Divider
-};
-//# sourceMappingURL=Divider.js.map
+//#endregion
+export { r as Divider };
+
+//# sourceMappingURL=Divider.js.map

package/dist/components/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Divider.module.css\";\n\nexport type DividerOrientation = \"horizontal\" | \"vertical\";\nexport type DividerVariant = \"solid\" | \"dashed\";\nexport type DividerAlign = \"start\" | \"center\" | \"end\";\n\nexport interface DividerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    orientation?: DividerOrientation;\n    variant?: DividerVariant;\n    /** Optional label rendered inside the divider (horizontal only). */\n    label?: ReactNode;\n    /** Label horizontal position (only when `label` provided). Defaults to `center`. */\n    align?: DividerAlign;\n}\n\n/**\n * Horizontal or vertical visual separator. When `label` is provided in\n * horizontal mode the divider splits and centers the label between two lines.\n */\nexport function Divider({\n    orientation = \"horizontal\",\n    variant = \"solid\",\n    label,\n    align = \"center\",\n    className,\n    ...props\n}: DividerProps) {\n    if (orientation === \"vertical\") {\n        return (\n            <span\n                role=\"separator\"\n                aria-orientation=\"vertical\"\n                className={cn(\n                    styles.divider,\n                    styles.vertical,\n                    variant === \"dashed\" && styles.dashed,\n                    className,\n                )}\n                {...props}\n            />\n        );\n    }\n\n    if (!label) {\n        return (\n            <hr\n                className={cn(\n                    styles.divider,\n                    styles.horizontal,\n                    styles.bare,\n                    variant === \"dashed\" && styles.dashed,\n                    className,\n                )}\n            />\n        );\n    }\n\n    return (\n        <div\n            role=\"separator\"\n            aria-orientation=\"horizontal\"\n            className={cn(\n                styles.divider,\n                styles.horizontal,\n                variant === \"dashed\" && styles.dashed,\n                align === \"start\" && styles.alignStart,\n                align === \"end\" && styles.alignEnd,\n                className,\n            )}\n            {...props}\n        >\n            {label}\n        </div>\n    );\n}\n"],"names":["Divider","orientation","variant","label","align","className","props","jsx","cn","styles"],"mappings":";;;AAqBO,SAASA,EAAQ;AAAA,EACpB,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,GAAGC;AACP,GAAiB;AACb,SAAIL,MAAgB,aAEZ,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,oBAAiB;AAAA,MACjB,WAAWC;AAAA,QACPC,EAAO;AAAA,QACPA,EAAO;AAAA,QACPP,MAAY,YAAYO,EAAO;AAAA,QAC/BJ;AAAA,MAAA;AAAA,MAEH,GAAGC;AAAA,IAAA;AAAA,EAAA,IAKXH,IAeD,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,oBAAiB;AAAA,MACjB,WAAWC;AAAA,QACPC,EAAO;AAAA,QACPA,EAAO;AAAA,QACPP,MAAY,YAAYO,EAAO;AAAA,QAC/BL,MAAU,WAAWK,EAAO;AAAA,QAC5BL,MAAU,SAASK,EAAO;AAAA,QAC1BJ;AAAA,MAAA;AAAA,MAEH,GAAGC;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA,IA1BD,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACPC,EAAO;AAAA,QACPA,EAAO;AAAA,QACPA,EAAO;AAAA,QACPP,MAAY,YAAYO,EAAO;AAAA,QAC/BJ;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAsBhB;"}
+{"version":3,"file":"Divider.js","names":[],"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Divider.module.css\";\n\nexport type DividerOrientation = \"horizontal\" | \"vertical\";\nexport type DividerVariant = \"solid\" | \"dashed\";\nexport type DividerAlign = \"start\" | \"center\" | \"end\";\n\nexport interface DividerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    orientation?: DividerOrientation;\n    variant?: DividerVariant;\n    /** Optional label rendered inside the divider (horizontal only). */\n    label?: ReactNode;\n    /** Label horizontal position (only when `label` provided). Defaults to `center`. */\n    align?: DividerAlign;\n}\n\n/**\n * Horizontal or vertical visual separator. When `label` is provided in\n * horizontal mode the divider splits and centers the label between two lines.\n */\nexport function Divider({\n    orientation = \"horizontal\",\n    variant = \"solid\",\n    label,\n    align = \"center\",\n    className,\n    ...props\n}: DividerProps) {\n    if (orientation === \"vertical\") {\n        return (\n            <span\n                role=\"separator\"\n                aria-orientation=\"vertical\"\n                className={cn(\n                    styles.divider,\n                    styles.vertical,\n                    variant === \"dashed\" && styles.dashed,\n                    className,\n                )}\n                {...props}\n            />\n        );\n    }\n\n    if (!label) {\n        return (\n            <hr\n                className={cn(\n                    styles.divider,\n                    styles.horizontal,\n                    styles.bare,\n                    variant === \"dashed\" && styles.dashed,\n                    className,\n                )}\n            />\n        );\n    }\n\n    return (\n        <div\n            role=\"separator\"\n            aria-orientation=\"horizontal\"\n            className={cn(\n                styles.divider,\n                styles.horizontal,\n                variant === \"dashed\" && styles.dashed,\n                align === \"start\" && styles.alignStart,\n                align === \"end\" && styles.alignEnd,\n                className,\n            )}\n            {...props}\n        >\n            {label}\n        </div>\n    );\n}\n"],"mappings":";;;;AAqBA,SAAgB,EAAQ,EACpB,iBAAc,cACd,aAAU,SACV,UACA,WAAQ,UACR,cACA,GAAG,KACU;CA+Bb,OA9BI,MAAgB,aAEZ,kBAAC,QAAD;EACI,MAAK;EACL,oBAAiB;EACjB,WAAW,EACP,EAAO,SACP,EAAO,UACP,MAAY,YAAY,EAAO,QAC/B,CACJ;EACA,GAAI;CACP,CAAA,IAIJ,IAeD,kBAAC,OAAD;EACI,MAAK;EACL,oBAAiB;EACjB,WAAW,EACP,EAAO,SACP,EAAO,YACP,MAAY,YAAY,EAAO,QAC/B,MAAU,WAAW,EAAO,YAC5B,MAAU,SAAS,EAAO,UAC1B,CACJ;EACA,GAAI;YAEH;CACA,CAAA,IA3BD,kBAAC,MAAD,EACI,WAAW,EACP,EAAO,SACP,EAAO,YACP,EAAO,MACP,MAAY,YAAY,EAAO,QAC/B,CACJ,EACH,CAAA;AAqBb"}

package/dist/components/Divider/Divider.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_divider_KSGsi`,t=`tempest_horizontal_pZ05Y`,n=`tempest_bare_elDbS`,r=`tempest_vertical_p-jD4`,i=`tempest_dashed_JWxCU`,a=`tempest_alignStart_QAIi1`,o=`tempest_alignEnd_eZDwa`,s={divider:e,horizontal:t,bare:n,vertical:r,dashed:i,alignStart:a,alignEnd:o};exports.alignEnd=o,exports.alignStart=a,exports.bare=n,exports.dashed=i,exports.default=s,exports.divider=e,exports.horizontal=t,exports.vertical=r;
+//# sourceMappingURL=Divider.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.module.cjs","names":[],"sources":["../../../src/components/Divider/Divider.module.css"],"sourcesContent":[".divider {\n    border: 0;\n    background: none;\n    color: var(--tempest-text-subtle);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    letter-spacing: var(--tempest-tracking-wide);\n}\n\n.horizontal {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    width: 100%;\n    margin: var(--tempest-space-3) 0;\n}\n\n.horizontal::before,\n.horizontal::after {\n    content: \"\";\n    flex: 1;\n    height: 1px;\n    background-color: var(--tempest-border);\n}\n\n.horizontal.bare::before {\n    margin: 0;\n}\n.horizontal.bare::after {\n    display: none;\n}\n\n.horizontal.bare {\n    margin: var(--tempest-space-3) 0;\n    height: 1px;\n    background-color: var(--tempest-border);\n    display: block;\n    padding: 0;\n}\n\n.vertical {\n    display: inline-block;\n    width: 1px;\n    background-color: var(--tempest-border);\n    align-self: stretch;\n    min-height: 1em;\n    margin: 0 var(--tempest-space-2);\n}\n\n/* Dashed style */\n.dashed.horizontal::before,\n.dashed.horizontal::after {\n    background: none;\n    border-top: 1px dashed var(--tempest-border-strong);\n    height: 0;\n}\n\n.dashed.vertical {\n    background: none;\n    border-left: 1px dashed var(--tempest-border-strong);\n    width: 0;\n}\n\n/* Label alignment for horizontal */\n.alignStart::before {\n    flex: 0 0 var(--tempest-space-4);\n}\n.alignEnd::after {\n    flex: 0 0 var(--tempest-space-4);\n}\n"],"mappings":""}

package/dist/components/Divider/Divider.module.js

@@ -0,0 +1,14 @@
+//#region src/components/Divider/Divider.module.css
+var e = "tempest_divider_KSGsi", t = "tempest_horizontal_pZ05Y", n = "tempest_bare_elDbS", r = "tempest_vertical_p-jD4", i = "tempest_dashed_JWxCU", a = "tempest_alignStart_QAIi1", o = "tempest_alignEnd_eZDwa", s = {
+	divider: e,
+	horizontal: t,
+	bare: n,
+	vertical: r,
+	dashed: i,
+	alignStart: a,
+	alignEnd: o
+};
+//#endregion
+export { o as alignEnd, a as alignStart, n as bare, i as dashed, s as default, e as divider, t as horizontal, r as vertical };
+
+//# sourceMappingURL=Divider.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.module.js","names":[],"sources":["../../../src/components/Divider/Divider.module.css"],"sourcesContent":[".divider {\n    border: 0;\n    background: none;\n    color: var(--tempest-text-subtle);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    letter-spacing: var(--tempest-tracking-wide);\n}\n\n.horizontal {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    width: 100%;\n    margin: var(--tempest-space-3) 0;\n}\n\n.horizontal::before,\n.horizontal::after {\n    content: \"\";\n    flex: 1;\n    height: 1px;\n    background-color: var(--tempest-border);\n}\n\n.horizontal.bare::before {\n    margin: 0;\n}\n.horizontal.bare::after {\n    display: none;\n}\n\n.horizontal.bare {\n    margin: var(--tempest-space-3) 0;\n    height: 1px;\n    background-color: var(--tempest-border);\n    display: block;\n    padding: 0;\n}\n\n.vertical {\n    display: inline-block;\n    width: 1px;\n    background-color: var(--tempest-border);\n    align-self: stretch;\n    min-height: 1em;\n    margin: 0 var(--tempest-space-2);\n}\n\n/* Dashed style */\n.dashed.horizontal::before,\n.dashed.horizontal::after {\n    background: none;\n    border-top: 1px dashed var(--tempest-border-strong);\n    height: 0;\n}\n\n.dashed.vertical {\n    background: none;\n    border-left: 1px dashed var(--tempest-border-strong);\n    width: 0;\n}\n\n/* Label alignment for horizontal */\n.alignStart::before {\n    flex: 0 0 var(--tempest-space-4);\n}\n.alignEnd::after {\n    flex: 0 0 var(--tempest-space-4);\n}\n"],"mappings":""}

package/dist/components/Drawer/Drawer.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),p=require("react-dom"),u=require("../../utils/cn.cjs"),k=require("../../hooks/use-breakpoint.cjs"),t=require("./Drawer.module.css.cjs");function N({open:n,onClose:r,placement:f="right",title:o,children:h,footer:s,closeOnBackdrop:m=!0,closeOnEsc:d=!0,hideCloseButton:l=!1,className:y,mobilePlacement:i,showHandle:v=!1}){const{isMobile:w}=k.useBreakpoint(),a=w&&i?i:f;return b.useEffect(()=>{if(!n)return;const j=document.body.style.overflow;document.body.style.overflow="hidden";const c=x=>{d&&x.key==="Escape"&&r()};return window.addEventListener("keydown",c),()=>{document.body.style.overflow=j,window.removeEventListener("keydown",c)}},[n,d,r]),!n||typeof document>"u"?null:p.createPortal(e.jsxs(e.Fragment,{children:[e.jsx("div",{className:t.default.overlay,onClick:()=>{m&&r()}}),e.jsxs("aside",{role:"dialog","aria-modal":"true",className:u.cn(t.default.panel,t.default[a],y),children:[v&&(a==="bottom"||a==="top")&&e.jsx("div",{className:u.cn(t.default.handle,a==="top"&&t.default.handleTop),"aria-hidden":!0}),(o||!l)&&e.jsxs("header",{className:t.default.header,children:[e.jsx("h3",{className:t.default.title,children:o}),!l&&e.jsx("button",{type:"button","aria-label":"Fechar",className:t.default.close,onClick:r,children:e.jsx(g,{})})]}),e.jsx("div",{className:t.default.body,children:h}),s&&e.jsx("footer",{className:t.default.footer,children:s})]})]}),document.body)}function g(){return e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M6 6l12 12M6 18L18 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})})}exports.Drawer=N;
-//# sourceMappingURL=Drawer.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("../../hooks/use-breakpoint.cjs"),n=require("./Drawer.module.cjs");let r=require("react"),i=require("react/jsx-runtime"),a=require("react-dom");function o({open:o,onClose:c,placement:l=`right`,title:u,children:d,footer:f,closeOnBackdrop:p=!0,closeOnEsc:m=!0,hideCloseButton:h=!1,className:g,mobilePlacement:_,showHandle:v=!1}){let{isMobile:y}=t.useBreakpoint(),b=y&&_?_:l;return(0,r.useEffect)(()=>{if(!o)return;let e=document.body.style.overflow;document.body.style.overflow=`hidden`;let t=e=>{m&&e.key===`Escape`&&c()};return window.addEventListener(`keydown`,t),()=>{document.body.style.overflow=e,window.removeEventListener(`keydown`,t)}},[o,m,c]),!o||typeof document>`u`?null:(0,a.createPortal)((0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:n.default.overlay,onClick:()=>{p&&c()}}),(0,i.jsxs)(`aside`,{role:`dialog`,"aria-modal":`true`,className:e.cn(n.default.panel,n.default[b],g),children:[v&&(b===`bottom`||b===`top`)&&(0,i.jsx)(`div`,{className:e.cn(n.default.handle,b===`top`&&n.default.handleTop),"aria-hidden":!0}),(u||!h)&&(0,i.jsxs)(`header`,{className:n.default.header,children:[(0,i.jsx)(`h3`,{className:n.default.title,children:u}),!h&&(0,i.jsx)(`button`,{type:`button`,"aria-label":`Fechar`,className:n.default.close,onClick:c,children:(0,i.jsx)(s,{})})]}),(0,i.jsx)(`div`,{className:n.default.body,children:d}),f&&(0,i.jsx)(`footer`,{className:n.default.footer,children:f})]})]}),document.body)}function s(){return(0,i.jsx)(`svg`,{width:`18`,height:`18`,viewBox:`0 0 24 24`,fill:`none`,children:(0,i.jsx)(`path`,{d:`M6 6l12 12M6 18L18 6`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`})})}exports.Drawer=o;
+//# sourceMappingURL=Drawer.cjs.map

package/dist/components/Drawer/Drawer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.cjs","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport { useBreakpoint } from \"@/hooks/use-breakpoint\";\nimport styles from \"./Drawer.module.css\";\n\nexport type DrawerPlacement = \"right\" | \"left\" | \"top\" | \"bottom\";\n\nexport interface DrawerProps {\n    open: boolean;\n    onClose: () => void;\n    placement?: DrawerPlacement;\n    title?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    closeOnBackdrop?: boolean;\n    closeOnEsc?: boolean;\n    hideCloseButton?: boolean;\n    className?: string;\n    /**\n     * Auto-switch to bottom-sheet placement on mobile viewports (< md).\n     * Modern mobile apps default to bottom drawers; on desktop the original\n     * `placement` is preserved.\n     */\n    mobilePlacement?: DrawerPlacement;\n    /** Render a drag handle indicator at the leading edge (bottom-sheet style). */\n    showHandle?: boolean;\n}\n\n/**\n * Sliding side panel. Same building blocks as {@link Modal} but anchored to\n * an edge. Locks body scroll while open.\n */\nexport function Drawer({\n    open,\n    onClose,\n    placement = \"right\",\n    title,\n    children,\n    footer,\n    closeOnBackdrop = true,\n    closeOnEsc = true,\n    hideCloseButton = false,\n    className,\n    mobilePlacement,\n    showHandle = false,\n}: DrawerProps) {\n    const { isMobile } = useBreakpoint();\n    const effectivePlacement: DrawerPlacement =\n        isMobile && mobilePlacement ? mobilePlacement : placement;\n\n    useEffect(() => {\n        if (!open) return;\n        const previousOverflow = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n        const handleKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") onClose();\n        };\n        window.addEventListener(\"keydown\", handleKey);\n        return () => {\n            document.body.style.overflow = previousOverflow;\n            window.removeEventListener(\"keydown\", handleKey);\n        };\n    }, [open, closeOnEsc, onClose]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    return createPortal(\n        <>\n            <div\n                className={styles.overlay}\n                onClick={() => {\n                    if (closeOnBackdrop) onClose();\n                }}\n            />\n            <aside\n                role=\"dialog\"\n                aria-modal=\"true\"\n                className={cn(styles.panel, styles[effectivePlacement], className)}\n            >\n                {showHandle &&\n                    (effectivePlacement === \"bottom\" || effectivePlacement === \"top\") && (\n                        <div\n                            className={cn(\n                                styles.handle,\n                                effectivePlacement === \"top\" && styles.handleTop,\n                            )}\n                            aria-hidden\n                        />\n                    )}\n                {(title || !hideCloseButton) && (\n                    <header className={styles.header}>\n                        <h3 className={styles.title}>{title}</h3>\n                        {!hideCloseButton && (\n                            <button\n                                type=\"button\"\n                                aria-label=\"Fechar\"\n                                className={styles.close}\n                                onClick={onClose}\n                            >\n                                <CloseIcon />\n                            </button>\n                        )}\n                    </header>\n                )}\n                <div className={styles.body}>{children}</div>\n                {footer && <footer className={styles.footer}>{footer}</footer>}\n            </aside>\n        </>,\n        document.body,\n    );\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 6l12 12M6 18L18 6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"names":["Drawer","open","onClose","placement","title","children","footer","closeOnBackdrop","closeOnEsc","hideCloseButton","className","mobilePlacement","showHandle","isMobile","useBreakpoint","effectivePlacement","useEffect","previousOverflow","handleKey","event","createPortal","jsxs","Fragment","jsx","styles","cn","CloseIcon"],"mappings":"gRAkCO,SAASA,EAAO,CACnB,KAAAC,EACA,QAAAC,EACA,UAAAC,EAAY,QACZ,MAAAC,EACA,SAAAC,EACA,OAAAC,EACA,gBAAAC,EAAkB,GAClB,WAAAC,EAAa,GACb,gBAAAC,EAAkB,GAClB,UAAAC,EACA,gBAAAC,EACA,WAAAC,EAAa,EACjB,EAAgB,CACZ,KAAM,CAAE,SAAAC,CAAA,EAAaC,gBAAA,EACfC,EACFF,GAAYF,EAAkBA,EAAkBR,EAgBpD,OAdAa,EAAAA,UAAU,IAAM,CACZ,GAAI,CAACf,EAAM,OACX,MAAMgB,EAAmB,SAAS,KAAK,MAAM,SAC7C,SAAS,KAAK,MAAM,SAAW,SAC/B,MAAMC,EAAaC,GAA+B,CAC1CX,GAAcW,EAAM,MAAQ,UAAUjB,EAAA,CAC9C,EACA,cAAO,iBAAiB,UAAWgB,CAAS,EACrC,IAAM,CACT,SAAS,KAAK,MAAM,SAAWD,EAC/B,OAAO,oBAAoB,UAAWC,CAAS,CACnD,CACJ,EAAG,CAACjB,EAAMO,EAAYN,CAAO,CAAC,EAE1B,CAACD,GAAQ,OAAO,SAAa,IAAoB,KAE9CmB,EAAAA,aACHC,OAAAC,EAAAA,SAAA,CACI,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACG,UAAWC,EAAAA,QAAO,QAClB,QAAS,IAAM,CACPjB,GAAiBL,EAAA,CACzB,CAAA,CAAA,EAEJmB,EAAAA,KAAC,QAAA,CACG,KAAK,SACL,aAAW,OACX,UAAWI,EAAAA,GAAGD,UAAO,MAAOA,EAAAA,QAAOT,CAAkB,EAAGL,CAAS,EAEhE,SAAA,CAAAE,IACIG,IAAuB,UAAYA,IAAuB,QACvDQ,EAAAA,IAAC,MAAA,CACG,UAAWE,EAAAA,GACPD,EAAAA,QAAO,OACPT,IAAuB,OAASS,UAAO,SAAA,EAE3C,cAAW,EAAA,CAAA,GAGrBpB,GAAS,CAACK,WACP,SAAA,CAAO,UAAWe,EAAAA,QAAO,OACtB,SAAA,CAAAD,EAAAA,IAAC,KAAA,CAAG,UAAWC,EAAAA,QAAO,MAAQ,SAAApB,EAAM,EACnC,CAACK,GACEc,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,aAAW,SACX,UAAWC,EAAAA,QAAO,MAClB,QAAStB,EAET,eAACwB,EAAA,CAAA,CAAU,CAAA,CAAA,CACf,EAER,EAEJH,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,KAAO,SAAAnB,EAAS,EACtCC,GAAUiB,EAAAA,IAAC,SAAA,CAAO,UAAWC,EAAAA,QAAO,OAAS,SAAAlB,CAAA,CAAO,CAAA,CAAA,CAAA,CACzD,EACJ,EACA,SAAS,IAAA,CAEjB,CAEA,SAASoB,GAAY,CACjB,OACIH,EAAAA,IAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACjD,SAAAA,EAAAA,IAAC,OAAA,CACG,EAAE,uBACF,OAAO,eACP,YAAY,IACZ,cAAc,OAAA,CAAA,EAEtB,CAER"}
+{"version":3,"file":"Drawer.cjs","names":[],"sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport { useBreakpoint } from \"@/hooks/use-breakpoint\";\nimport styles from \"./Drawer.module.css\";\n\nexport type DrawerPlacement = \"right\" | \"left\" | \"top\" | \"bottom\";\n\nexport interface DrawerProps {\n    open: boolean;\n    onClose: () => void;\n    placement?: DrawerPlacement;\n    title?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    closeOnBackdrop?: boolean;\n    closeOnEsc?: boolean;\n    hideCloseButton?: boolean;\n    className?: string;\n    /**\n     * Auto-switch to bottom-sheet placement on mobile viewports (< md).\n     * Modern mobile apps default to bottom drawers; on desktop the original\n     * `placement` is preserved.\n     */\n    mobilePlacement?: DrawerPlacement;\n    /** Render a drag handle indicator at the leading edge (bottom-sheet style). */\n    showHandle?: boolean;\n}\n\n/**\n * Sliding side panel. Same building blocks as {@link Modal} but anchored to\n * an edge. Locks body scroll while open.\n */\nexport function Drawer({\n    open,\n    onClose,\n    placement = \"right\",\n    title,\n    children,\n    footer,\n    closeOnBackdrop = true,\n    closeOnEsc = true,\n    hideCloseButton = false,\n    className,\n    mobilePlacement,\n    showHandle = false,\n}: DrawerProps) {\n    const { isMobile } = useBreakpoint();\n    const effectivePlacement: DrawerPlacement =\n        isMobile && mobilePlacement ? mobilePlacement : placement;\n\n    useEffect(() => {\n        if (!open) return;\n        const previousOverflow = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n        const handleKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") onClose();\n        };\n        window.addEventListener(\"keydown\", handleKey);\n        return () => {\n            document.body.style.overflow = previousOverflow;\n            window.removeEventListener(\"keydown\", handleKey);\n        };\n    }, [open, closeOnEsc, onClose]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    return createPortal(\n        <>\n            <div\n                className={styles.overlay}\n                onClick={() => {\n                    if (closeOnBackdrop) onClose();\n                }}\n            />\n            <aside\n                role=\"dialog\"\n                aria-modal=\"true\"\n                className={cn(styles.panel, styles[effectivePlacement], className)}\n            >\n                {showHandle &&\n                    (effectivePlacement === \"bottom\" || effectivePlacement === \"top\") && (\n                        <div\n                            className={cn(\n                                styles.handle,\n                                effectivePlacement === \"top\" && styles.handleTop,\n                            )}\n                            aria-hidden\n                        />\n                    )}\n                {(title || !hideCloseButton) && (\n                    <header className={styles.header}>\n                        <h3 className={styles.title}>{title}</h3>\n                        {!hideCloseButton && (\n                            <button\n                                type=\"button\"\n                                aria-label=\"Fechar\"\n                                className={styles.close}\n                                onClick={onClose}\n                            >\n                                <CloseIcon />\n                            </button>\n                        )}\n                    </header>\n                )}\n                <div className={styles.body}>{children}</div>\n                {footer && <footer className={styles.footer}>{footer}</footer>}\n            </aside>\n        </>,\n        document.body,\n    );\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 6l12 12M6 18L18 6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"gMAkCA,SAAgB,EAAO,CACnB,OACA,UACA,YAAY,QACZ,QACA,WACA,SACA,kBAAkB,GAClB,aAAa,GACb,kBAAkB,GAClB,YACA,kBACA,aAAa,IACD,CACZ,GAAM,CAAE,YAAa,EAAA,cAAc,EAC7B,EACF,GAAY,EAAkB,EAAkB,EAkBpD,OAhBA,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,CAAC,EAAM,OACX,IAAM,EAAmB,SAAS,KAAK,MAAM,SAC7C,SAAS,KAAK,MAAM,SAAW,SAC/B,IAAM,EAAa,GAA+B,CAC1C,GAAc,EAAM,MAAQ,UAAU,EAAQ,CACtD,EAEA,OADA,OAAO,iBAAiB,UAAW,CAAS,MAC/B,CACT,SAAS,KAAK,MAAM,SAAW,EAC/B,OAAO,oBAAoB,UAAW,CAAS,CACnD,CACJ,EAAG,CAAC,EAAM,EAAY,CAAO,CAAC,EAE1B,CAAC,GAAQ,OAAO,SAAa,IAAoB,MAErD,EAAA,EAAA,aAAA,EACI,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,QAClB,YAAe,CACP,GAAiB,EAAQ,CACjC,CACH,CAAA,GACD,EAAA,EAAA,KAAA,CAAC,QAAD,CACI,KAAK,SACL,aAAW,OACX,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,EAAA,QAAO,GAAqB,CAAS,WAHrE,CAKK,IACI,IAAuB,UAAY,IAAuB,SACvD,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,OACP,IAAuB,OAAS,EAAA,QAAO,SAC3C,EACA,cAAA,EACH,CAAA,GAEP,GAAS,CAAC,KACR,EAAA,EAAA,KAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,gBAA1B,EACI,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,eAAQ,CAAU,CAAA,EACvC,CAAC,IACE,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,aAAW,SACX,UAAW,EAAA,QAAO,MAClB,QAAS,YAET,EAAA,EAAA,IAAA,CAAC,EAAD,CAAY,CAAA,CACR,CAAA,CAER,KAEZ,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAO,UAAc,CAAA,EAC3C,IAAU,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,gBAAS,CAAe,CAAA,CAC1D,GACT,CAAA,CAAA,EACF,SAAS,IACb,CACJ,CAEA,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,uBACF,OAAO,eACP,YAAY,IACZ,cAAc,OACjB,CAAA,CACA,CAAA,CAEb"}