tempest-react-sdk 0.23.0 → 0.25.0

package/dist/components/DateRangePicker/DateRangePicker.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.cjs","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.cjs","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.js

@@ -1,152 +1,165 @@
-import { jsxs as y, jsx as u } from "react/jsx-runtime";
-import { useState as S, useMemo as Y, useCallback as k } from "react";
-import { cn as A } from "../../utils/cn.js";
-import n from "./DateRangePicker.module.css.js";
-const C = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], E = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December"
-], K = 42;
-function m(e, t, a) {
-  return new Date(e, t, a);
+import { cn as e } from "../../utils/cn.js";
+import t from "./DateRangePicker.module.js";
+import { useCallback as n, useMemo as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/DateRangePicker/DateRangePicker.tsx
+var s = [
+	"Sun",
+	"Mon",
+	"Tue",
+	"Wed",
+	"Thu",
+	"Fri",
+	"Sat"
+], c = [
+	"January",
+	"February",
+	"March",
+	"April",
+	"May",
+	"June",
+	"July",
+	"August",
+	"September",
+	"October",
+	"November",
+	"December"
+], l = 42;
+function u(e, t, n) {
+	return new Date(e, t, n);
 }
-function l(e) {
-  return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+function d(e) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
-function w(e, t) {
-  return m(e.getFullYear(), e.getMonth() + t, 1);
+function f(e, t) {
+	return u(e.getFullYear(), e.getMonth() + t, 1);
 }
 function p(e, t) {
-  return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function _(e, t, a) {
-  const c = l(e).getTime();
-  return !!(t && c < l(t).getTime() || a && c > l(a).getTime());
+function m(e, t, n) {
+	let r = d(e).getTime();
+	return !!(t && r < d(t).getTime() || n && r > d(n).getTime());
 }
-function V(e, t, a) {
-  const c = l(e).getTime(), h = Math.min(l(t).getTime(), l(a).getTime()), g = Math.max(l(t).getTime(), l(a).getTime());
-  return c > h && c < g;
+function h(e, t, n) {
+	let r = d(e).getTime(), i = Math.min(d(t).getTime(), d(n).getTime()), a = Math.max(d(t).getTime(), d(n).getTime());
+	return r > i && r < a;
 }
-function q(e, t) {
-  const a = e.getFullYear(), c = e.getMonth(), g = (m(a, c, 1).getDay() - t + 7) % 7, d = m(a, c, 1 - g);
-  return Array.from(
-    { length: K },
-    (N, M) => m(d.getFullYear(), d.getMonth(), d.getDate() + M)
-  );
+function g(e, t) {
+	let n = e.getFullYear(), r = e.getMonth(), i = u(n, r, 1 - (u(n, r, 1).getDay() - t + 7) % 7);
+	return Array.from({ length: l }, (e, t) => u(i.getFullYear(), i.getMonth(), i.getDate() + t));
 }
-function Z({
-  value: e,
-  onChange: t,
-  numberOfMonths: a = 2,
-  defaultMonth: c,
-  minDate: h,
-  maxDate: g,
-  weekStartsOn: d = 0,
-  className: N,
-  ...M
-}) {
-  const [L, R] = S(() => {
-    const r = c ?? e.start ?? /* @__PURE__ */ new Date();
-    return m(r.getFullYear(), r.getMonth(), 1);
-  }), [x, D] = S(null), W = Y(() => l(/* @__PURE__ */ new Date()), []), B = Y(
-    () => Array.from({ length: 7 }, (r, s) => C[(s + d) % 7]),
-    [d]
-  ), I = k(
-    (r) => {
-      if (_(r, h, g)) return;
-      const { start: s, end: i } = e;
-      !s || i ? t({ start: r, end: null }) : l(r).getTime() < l(s).getTime() ? t({ start: r, end: s }) : t({ start: s, end: r });
-    },
-    [e, t, h, g]
-  ), T = k((r) => {
-    R((s) => w(s, r));
-  }, []), J = e.start && !e.end ? x : e.end;
-  function $(r) {
-    const { start: s } = e, i = J, f = s ? p(r, s) : !1, o = i ? p(r, i) : !1, b = s && i ? V(r, s, i) : !1;
-    return { selected: f || o, inRange: b, isStart: f, isEnd: o };
-  }
-  return /* @__PURE__ */ y("div", { className: A(n.root, N), ...M, children: [
-    /* @__PURE__ */ y("div", { className: n.header, children: [
-      /* @__PURE__ */ u(
-        "button",
-        {
-          type: "button",
-          className: n.nav,
-          "aria-label": "Previous month",
-          onClick: () => T(-1),
-          children: "‹"
-        }
-      ),
-      /* @__PURE__ */ u("span", { className: n.headerSpacer, "aria-hidden": !0 }),
-      /* @__PURE__ */ u(
-        "button",
-        {
-          type: "button",
-          className: n.nav,
-          "aria-label": "Next month",
-          onClick: () => T(1),
-          children: "›"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ u("div", { className: n.months, onMouseLeave: () => D(null), children: Array.from({ length: Math.max(1, a) }, (r, s) => {
-      const i = w(L, s), f = q(i, d);
-      return /* @__PURE__ */ y("div", { className: n.month, children: [
-        /* @__PURE__ */ y("div", { className: n.title, "aria-live": "polite", children: [
-          E[i.getMonth()],
-          " ",
-          i.getFullYear()
-        ] }),
-        /* @__PURE__ */ u("div", { className: n.weekdays, role: "row", children: B.map((o) => /* @__PURE__ */ u(
-          "span",
-          {
-            className: n.weekday,
-            role: "columnheader",
-            children: o
-          },
-          o
-        )) }),
-        /* @__PURE__ */ u("div", { className: n.grid, role: "grid", children: f.map((o, b) => {
-          const j = o.getMonth() === i.getMonth(), G = _(o, h, g), { selected: v, inRange: H, isStart: O, isEnd: P } = $(o), F = p(o, W);
-          return /* @__PURE__ */ u(
-            "button",
-            {
-              type: "button",
-              role: "gridcell",
-              className: A(
-                n.day,
-                !j && n.outside,
-                H && n.inRange,
-                v && n.selected,
-                O && n.rangeStart,
-                P && n.rangeEnd,
-                F && n.today
-              ),
-              "aria-label": `${E[o.getMonth()]} ${o.getDate()}, ${o.getFullYear()}`,
-              "aria-selected": v,
-              "aria-current": F ? "date" : void 0,
-              disabled: G,
-              onClick: () => I(o),
-              onMouseEnter: () => D(o),
-              children: o.getDate()
-            },
-            b
-          );
-        }) })
-      ] }, s);
-    }) })
-  ] });
+function _({ value: l, onChange: _, numberOfMonths: v = 2, defaultMonth: y, minDate: b, maxDate: x, weekStartsOn: S = 0, className: C, ...w }) {
+	let [T, E] = i(() => {
+		let e = y ?? l.start ?? /* @__PURE__ */ new Date();
+		return u(e.getFullYear(), e.getMonth(), 1);
+	}), [D, O] = i(null), k = r(() => d(/* @__PURE__ */ new Date()), []), A = r(() => Array.from({ length: 7 }, (e, t) => s[(t + S) % 7]), [S]), j = n((e) => {
+		if (m(e, b, x)) return;
+		let { start: t, end: n } = l;
+		!t || n ? _({
+			start: e,
+			end: null
+		}) : d(e).getTime() < d(t).getTime() ? _({
+			start: e,
+			end: t
+		}) : _({
+			start: t,
+			end: e
+		});
+	}, [
+		l,
+		_,
+		b,
+		x
+	]), M = n((e) => {
+		E((t) => f(t, e));
+	}, []), N = l.start && !l.end ? D : l.end;
+	function P(e) {
+		let { start: t } = l, n = N, r = t ? p(e, t) : !1, i = n ? p(e, n) : !1, a = t && n ? h(e, t, n) : !1;
+		return {
+			selected: r || i,
+			inRange: a,
+			isStart: r,
+			isEnd: i
+		};
+	}
+	return /* @__PURE__ */ o("div", {
+		className: e(t.root, C),
+		...w,
+		children: [/* @__PURE__ */ o("div", {
+			className: t.header,
+			children: [
+				/* @__PURE__ */ a("button", {
+					type: "button",
+					className: t.nav,
+					"aria-label": "Previous month",
+					onClick: () => M(-1),
+					children: "‹"
+				}),
+				/* @__PURE__ */ a("span", {
+					className: t.headerSpacer,
+					"aria-hidden": !0
+				}),
+				/* @__PURE__ */ a("button", {
+					type: "button",
+					className: t.nav,
+					"aria-label": "Next month",
+					onClick: () => M(1),
+					children: "›"
+				})
+			]
+		}), /* @__PURE__ */ a("div", {
+			className: t.months,
+			onMouseLeave: () => O(null),
+			children: Array.from({ length: Math.max(1, v) }, (n, r) => {
+				let i = f(T, r), s = g(i, S);
+				return /* @__PURE__ */ o("div", {
+					className: t.month,
+					children: [
+						/* @__PURE__ */ o("div", {
+							className: t.title,
+							"aria-live": "polite",
+							children: [
+								c[i.getMonth()],
+								" ",
+								i.getFullYear()
+							]
+						}),
+						/* @__PURE__ */ a("div", {
+							className: t.weekdays,
+							role: "row",
+							children: A.map((e) => /* @__PURE__ */ a("span", {
+								className: t.weekday,
+								role: "columnheader",
+								children: e
+							}, e))
+						}),
+						/* @__PURE__ */ a("div", {
+							className: t.grid,
+							role: "grid",
+							children: s.map((n, r) => {
+								let o = n.getMonth() === i.getMonth(), s = m(n, b, x), { selected: l, inRange: u, isStart: d, isEnd: f } = P(n), h = p(n, k);
+								return /* @__PURE__ */ a("button", {
+									type: "button",
+									role: "gridcell",
+									className: e(t.day, !o && t.outside, u && t.inRange, l && t.selected, d && t.rangeStart, f && t.rangeEnd, h && t.today),
+									"aria-label": `${c[n.getMonth()]} ${n.getDate()}, ${n.getFullYear()}`,
+									"aria-selected": l,
+									"aria-current": h ? "date" : void 0,
+									disabled: s,
+									onClick: () => j(n),
+									onMouseEnter: () => O(n),
+									children: n.getDate()
+								}, r);
+							})
+						})
+					]
+				}, r);
+			})
+		})]
+	});
 }
-export {
-  Z as DateRangePicker
-};
-//# sourceMappingURL=DateRangePicker.js.map
+//#endregion
+export { _ as DateRangePicker };
+
+//# sourceMappingURL=DateRangePicker.js.map

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"}