@rinzai/zen 0.6.1 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/LICENSE +27 -0
  2. package/README.md +3 -3
  3. package/dist/alert/index.d.ts +21 -0
  4. package/dist/alert/index.d.ts.map +1 -0
  5. package/dist/alert/index.js +49 -0
  6. package/dist/button/index.d.ts +2 -1
  7. package/dist/button/index.d.ts.map +1 -1
  8. package/dist/button/index.js +43 -12
  9. package/dist/calendar/index.d.ts.map +1 -1
  10. package/dist/calendar/index.js +86 -85
  11. package/dist/chart/donut.d.ts +4 -1
  12. package/dist/chart/donut.d.ts.map +1 -1
  13. package/dist/chart/donut.js +76 -66
  14. package/dist/chart/index.d.ts +8 -2
  15. package/dist/chart/index.d.ts.map +1 -1
  16. package/dist/chart/index.js +192 -182
  17. package/dist/chart/palette.d.ts +11 -0
  18. package/dist/chart/palette.d.ts.map +1 -0
  19. package/dist/chart/palette.js +9 -0
  20. package/dist/chart/tooltip.d.ts +6 -2
  21. package/dist/chart/tooltip.d.ts.map +1 -1
  22. package/dist/chart/tooltip.js +6 -6
  23. package/dist/checkbox/index.d.ts.map +1 -1
  24. package/dist/checkbox/index.js +28 -44
  25. package/dist/chip/index.js +1 -1
  26. package/dist/code-block/index.js +1 -1
  27. package/dist/date-picker/index.d.ts.map +1 -1
  28. package/dist/date-picker/index.js +24 -38
  29. package/dist/disclosure/index.js +1 -1
  30. package/dist/editable-cell/index.js +1 -1
  31. package/dist/field/index.d.ts +1 -1
  32. package/dist/field/index.d.ts.map +1 -1
  33. package/dist/field/index.js +33 -32
  34. package/dist/header/index.d.ts +9 -1
  35. package/dist/header/index.d.ts.map +1 -1
  36. package/dist/header/index.js +17 -9
  37. package/dist/icons/arrow-left.d.ts +3 -0
  38. package/dist/icons/arrow-left.d.ts.map +1 -0
  39. package/dist/icons/arrow-right.d.ts +3 -0
  40. package/dist/icons/arrow-right.d.ts.map +1 -0
  41. package/dist/icons/bars.d.ts +3 -0
  42. package/dist/icons/bars.d.ts.map +1 -0
  43. package/dist/icons/calendar.d.ts +3 -0
  44. package/dist/icons/calendar.d.ts.map +1 -0
  45. package/dist/icons/chart-bar.d.ts +3 -0
  46. package/dist/icons/chart-bar.d.ts.map +1 -0
  47. package/dist/icons/chevron-down.d.ts.map +1 -1
  48. package/dist/icons/chevron-down.js +4 -2
  49. package/dist/icons/chevron-left.d.ts.map +1 -1
  50. package/dist/icons/chevron-left.js +4 -2
  51. package/dist/icons/chevron-right.d.ts.map +1 -1
  52. package/dist/icons/chevron-right.js +4 -2
  53. package/dist/icons/chevron-up.d.ts.map +1 -1
  54. package/dist/icons/chevron-up.js +4 -2
  55. package/dist/icons/ellipsis.d.ts +0 -1
  56. package/dist/icons/ellipsis.d.ts.map +1 -1
  57. package/dist/icons/flag.d.ts +3 -0
  58. package/dist/icons/flag.d.ts.map +1 -0
  59. package/dist/icons/list-bullet.d.ts +3 -0
  60. package/dist/icons/list-bullet.d.ts.map +1 -0
  61. package/dist/icons/lock.d.ts +3 -0
  62. package/dist/icons/lock.d.ts.map +1 -0
  63. package/dist/icons/logout.d.ts +3 -0
  64. package/dist/icons/logout.d.ts.map +1 -0
  65. package/dist/icons/micro/calendar.d.ts +3 -0
  66. package/dist/icons/micro/calendar.d.ts.map +1 -0
  67. package/dist/icons/micro/calendar.js +21 -0
  68. package/dist/icons/micro/check.d.ts +3 -0
  69. package/dist/icons/micro/check.d.ts.map +1 -0
  70. package/dist/icons/micro/check.js +21 -0
  71. package/dist/icons/micro/chevron-down.d.ts +3 -0
  72. package/dist/icons/micro/chevron-down.d.ts.map +1 -0
  73. package/dist/icons/micro/chevron-down.js +21 -0
  74. package/dist/icons/micro/chevron-right.d.ts +3 -0
  75. package/dist/icons/micro/chevron-right.d.ts.map +1 -0
  76. package/dist/icons/micro/chevron-right.js +21 -0
  77. package/dist/icons/micro/exclamation-triangle.d.ts +3 -0
  78. package/dist/icons/micro/exclamation-triangle.d.ts.map +1 -0
  79. package/dist/icons/micro/exclamation-triangle.js +21 -0
  80. package/dist/icons/micro/information-circle.d.ts +3 -0
  81. package/dist/icons/micro/information-circle.d.ts.map +1 -0
  82. package/dist/icons/micro/information-circle.js +21 -0
  83. package/dist/icons/micro/minus.d.ts +3 -0
  84. package/dist/icons/micro/minus.d.ts.map +1 -0
  85. package/dist/icons/micro/minus.js +17 -0
  86. package/dist/icons/micro/moon.d.ts +3 -0
  87. package/dist/icons/micro/moon.d.ts.map +1 -0
  88. package/dist/icons/micro/moon.js +17 -0
  89. package/dist/icons/micro/sun.d.ts +3 -0
  90. package/dist/icons/micro/sun.d.ts.map +1 -0
  91. package/dist/icons/micro/sun.js +17 -0
  92. package/dist/icons/micro/x-mark.d.ts +3 -0
  93. package/dist/icons/micro/x-mark.d.ts.map +1 -0
  94. package/dist/icons/micro/x-mark.js +17 -0
  95. package/dist/icons/search.d.ts.map +1 -1
  96. package/dist/icons/search.js +4 -2
  97. package/dist/icons/settings.d.ts +3 -0
  98. package/dist/icons/settings.d.ts.map +1 -0
  99. package/dist/icons/squares.d.ts +3 -0
  100. package/dist/icons/squares.d.ts.map +1 -0
  101. package/dist/icons/table.d.ts +3 -0
  102. package/dist/icons/table.d.ts.map +1 -0
  103. package/dist/icons/x-mark.d.ts.map +1 -1
  104. package/dist/icons/x-mark.js +4 -2
  105. package/dist/index.d.ts +6 -4
  106. package/dist/index.d.ts.map +1 -1
  107. package/dist/lib.js +56 -61
  108. package/dist/menu/index.d.ts.map +1 -1
  109. package/dist/menu/index.js +67 -60
  110. package/dist/month-picker/index.d.ts.map +1 -1
  111. package/dist/month-picker/index.js +55 -55
  112. package/dist/pills/index.d.ts +1 -1
  113. package/dist/pills/index.d.ts.map +1 -1
  114. package/dist/pills/index.js +6 -2
  115. package/dist/popover/index.js +12 -11
  116. package/dist/select/index.d.ts.map +1 -1
  117. package/dist/select/index.js +96 -102
  118. package/dist/slider/index.d.ts.map +1 -1
  119. package/dist/slider/index.js +1 -1
  120. package/dist/status-pill/index.d.ts +18 -0
  121. package/dist/status-pill/index.d.ts.map +1 -0
  122. package/dist/status-pill/index.js +25 -0
  123. package/dist/tab-bar/index.js +1 -1
  124. package/dist/table/index.js +1 -1
  125. package/dist/tabs/index.d.ts.map +1 -1
  126. package/dist/tabs/index.js +9 -5
  127. package/dist/theme-toggle/index.d.ts +2 -1
  128. package/dist/theme-toggle/index.d.ts.map +1 -1
  129. package/dist/theme-toggle/index.js +35 -32
  130. package/dist/theme.css +62 -1
  131. package/dist/toast/index.d.ts.map +1 -1
  132. package/dist/toast/index.js +119 -106
  133. package/dist/tree/index.d.ts +22 -3
  134. package/dist/tree/index.d.ts.map +1 -1
  135. package/dist/tree/index.js +76 -56
  136. package/dist/utils/date.d.ts +6 -4
  137. package/dist/utils/date.d.ts.map +1 -1
  138. package/dist/utils/date.js +18 -16
  139. package/dist/utils/field-chevron.d.ts.map +1 -1
  140. package/dist/utils/field-chevron.js +5 -14
  141. package/dist/utils/status-icons.d.ts +1 -1
  142. package/dist/utils/status-icons.d.ts.map +1 -1
  143. package/dist/utils/status-icons.js +11 -41
  144. package/dist/utils/styles.d.ts +9 -3
  145. package/dist/utils/styles.d.ts.map +1 -1
  146. package/dist/utils/styles.js +2 -2
  147. package/dist/utils/theme-wave.d.ts +24 -0
  148. package/dist/utils/theme-wave.d.ts.map +1 -0
  149. package/dist/utils/theme-wave.js +219 -0
  150. package/dist/utils/typeahead.d.ts +12 -0
  151. package/dist/utils/typeahead.d.ts.map +1 -0
  152. package/dist/utils/typeahead.js +19 -0
  153. package/dist/zen.css +1 -1
  154. package/package.json +2 -1
  155. package/dist/icons/ellipsis.js +0 -31
  156. package/dist/icons/index.d.ts +0 -9
  157. package/dist/icons/index.d.ts.map +0 -1
  158. package/dist/icons/status.d.ts +0 -2
  159. package/dist/icons/status.d.ts.map +0 -1
package/dist/lib.js CHANGED
@@ -10,65 +10,60 @@ import y, { ImageCropError as b, cropImageToSquare as x } from "./avatar/index.j
10
10
  import S from "./backdrop/index.js";
11
11
  import { cva as C } from "./utils/cva.js";
12
12
  import w from "./badge/index.js";
13
- import T from "./spinner/index.js";
14
- import E, { buttonVariants as D } from "./button/index.js";
15
- import O, { CardDescription as k, CardHeader as A, CardTitle as j, Stat as M, StatRow as N } from "./card/index.js";
16
- import P from "./code-block/index.js";
17
- import F from "./chip/index.js";
18
- import I, { PopoverClose as L, PopoverContent as R, PopoverTrigger as z } from "./popover/index.js";
19
- import B from "./collapse/index.js";
20
- import { AlertIcon as V, CheckIcon as H, InfoIcon as U } from "./utils/status-icons.js";
13
+ import T, { StatusPillAction as E } from "./status-pill/index.js";
14
+ import D from "./spinner/index.js";
15
+ import O, { buttonVariants as k } from "./button/index.js";
16
+ import A, { CardDescription as j, CardHeader as M, CardTitle as N, Stat as P, StatRow as F } from "./card/index.js";
17
+ import I from "./code-block/index.js";
18
+ import L from "./chip/index.js";
19
+ import R, { PopoverClose as z, PopoverContent as B, PopoverTrigger as V } from "./popover/index.js";
20
+ import H from "./collapse/index.js";
21
+ import U from "./alert/index.js";
21
22
  import W, { FormMessage as G, useField as K, useFieldProps as q } from "./field/index.js";
22
- import J from "./icons/search.js";
23
- import Y from "./icons/x-mark.js";
24
- import X, { InputGroupAddon as Z, InputGroupInput as Q } from "./input-group/index.js";
25
- import { FieldChevron as $ } from "./utils/field-chevron.js";
26
- import { useVirtualList as ee } from "./utils/useVirtualList.js";
27
- import te, { ComboboxCreate as ne, ComboboxEmpty as re, ComboboxItem as ie, ComboboxList as ae, ComboboxPopup as oe, ComboboxSearch as se, ComboboxTrigger as ce } from "./combobox/index.js";
28
- import le, { useToast as ue, useToastHost as de } from "./toast/index.js";
29
- import fe, { DialogClose as pe, DialogFooter as me } from "./dialog/index.js";
30
- import he from "./confirm-dialog/index.js";
31
- import ge from "./editable-cell/index.js";
32
- import _e, { DisclosureContent as ve, DisclosureTrigger as ye } from "./disclosure/index.js";
33
- import be from "./header/index.js";
34
- import xe from "./inset/index.js";
35
- import Se from "./icons/chevron-down.js";
36
- import Ce from "./icons/chevron-left.js";
37
- import we from "./icons/chevron-right.js";
38
- import Te from "./icons/chevron-up.js";
39
- import Ee from "./icons/ellipsis.js";
40
- import De from "./input/index.js";
41
- import Oe from "./meter/index.js";
42
- import { addMonths as ke, currentMonth as Ae, formatMonth as je, fromMonthIndex as Me, isMonth as Ne, monthIndex as Pe, monthNames as Fe, monthRange as Ie, monthsBetween as Le } from "./utils/month.js";
43
- import Re from "./month-picker/index.js";
44
- import ze from "./checkbox/index.js";
45
- import { ChartTooltipCard as Be } from "./chart/tooltip.js";
46
- import Ve from "./chart/donut.js";
47
- import He, { ChartArea as Ue, ChartBar as We, ChartLine as Ge, ChartReference as Ke, niceTicks as qe } from "./chart/index.js";
48
- import Je, { Radio as Ye } from "./radio-group/index.js";
49
- import { addDays as Xe, addMonthsToDate as Ze, dayIndex as Qe, dayOfWeek as $e, daysBetween as et, daysInMonth as tt, formatDate as nt, formatDateRange as rt, fromDayIndex as it, isDate as at, today as ot, weekStart as st, weekdayNames as ct } from "./utils/date.js";
50
- import lt from "./calendar/index.js";
51
- import ut, { DateRangePicker as dt } from "./date-picker/index.js";
52
- import { RateUnavailableError as ft, convertMinor as pt, isRateTable as mt, rateBetween as ht } from "./utils/fx.js";
53
- import gt, { MoneyConversionHint as _t, MoneyCurrencyMenu as vt, useMoneyInput as yt } from "./money-input/index.js";
54
- import bt, { RadioCard as xt } from "./radio-cards/index.js";
55
- import St, { Pill as Ct, PillIndicator as wt } from "./pills/index.js";
56
- import Tt from "./page-header/index.js";
57
- import Et from "./progress-ring/index.js";
58
- import Dt, { SegmentedItem as Ot } from "./segmented/index.js";
59
- import kt, { SelectGroup as At, SelectItem as jt, SelectSeparator as Mt } from "./select/index.js";
60
- import Nt, { SideNavGroup as Pt, SideNavLink as Ft } from "./side-nav/index.js";
61
- import It from "./skeleton/index.js";
62
- import Lt from "./slider/index.js";
63
- import Rt, { TabBarItem as zt } from "./tab-bar/index.js";
64
- import Bt, { TableBody as Vt, TableCell as Ht, TableContainer as Ut, TableEmpty as Wt, TableFooter as Gt, TableFooterCell as Kt, TableHead as qt, TableHeader as Jt, TableRow as Yt, TableSpacerRow as Xt, useSort as Zt } from "./table/index.js";
65
- import Qt from "./table-of-contents/index.js";
66
- import $t, { Tab as en, TabList as tn, TabPanel as nn } from "./tabs/index.js";
67
- import { TreeCell as rn, TreeLabel as an, TreeRow as on, TreeToggle as sn, useTree as cn } from "./tree/index.js";
68
- import ln from "./textarea/index.js";
69
- import un from "./toggle/index.js";
70
- import dn, { TooltipContent as fn, TooltipTrigger as pn } from "./tooltip/index.js";
71
- import mn, { ThemeScript as hn, themeScript as gn } from "./theme-toggle/index.js";
72
- import { DEFAULT_THEME as _n, INTENSITIES as vn, PRESETS as yn, applyPreset as bn, applyTheme as xn, contrastRatio as Sn, customize as Cn, normalizeTheme as wn, oklchToLinearRgb as Tn, resetTheme as En, themeVars as Dn } from "./utils/theme.js";
73
- import { useHydrated as On } from "./utils/useHydrated.js";
74
- export { V as AlertTriangle, v as AnimatedMoney, _ as AnimatedNumber, y as Avatar, S as Backdrop, w as Badge, E as Button, lt as Calendar, O as Card, k as CardDescription, A as CardHeader, j as CardTitle, He as Chart, Ue as ChartArea, We as ChartBar, Ge as ChartLine, Ke as ChartReference, Be as ChartTooltipCard, H as Check, ze as Checkbox, Se as ChevronDown, Ce as ChevronLeft, we as ChevronRight, Te as ChevronUp, F as Chip, P as CodeBlock, B as Collapse, te as Combobox, ne as ComboboxCreate, re as ComboboxEmpty, ie as ComboboxItem, ae as ComboboxList, oe as ComboboxPopup, se as ComboboxSearch, ce as ComboboxTrigger, he as ConfirmDialog, _n as DEFAULT_THEME, ut as DatePicker, dt as DateRangePicker, fe as Dialog, pe as DialogClose, me as DialogFooter, _e as Disclosure, ve as DisclosureContent, ye as DisclosureTrigger, Ve as DonutChart, ge as EditableCell, Ee as Ellipsis, W as Field, $ as FieldChevron, G as FormMessage, be as Header, vn as INTENSITIES, b as ImageCropError, U as InfoCircle, De as Input, X as InputGroup, Z as InputGroupAddon, Q as InputGroupInput, xe as Inset, i as Menu, a as MenuContent, o as MenuHeader, s as MenuItem, c as MenuSeparator, l as MenuTrigger, Oe as Meter, _t as MoneyConversionHint, vt as MoneyCurrencyMenu, gt as MoneyInput, u as MoneyParseError, Re as MonthPicker, yn as PRESETS, Tt as PageHeader, Ct as Pill, wt as PillIndicator, St as Pills, I as Popover, L as PopoverClose, R as PopoverContent, z as PopoverTrigger, Et as ProgressRing, Ye as Radio, xt as RadioCard, bt as RadioCards, Je as RadioGroup, ft as RateUnavailableError, J as Search, Dt as Segmented, Ot as SegmentedItem, kt as Select, At as SelectGroup, jt as SelectItem, Mt as SelectSeparator, Nt as SideNav, Pt as SideNavGroup, Ft as SideNavLink, It as Skeleton, Lt as Slider, T as Spinner, M as Stat, N as StatRow, en as Tab, Rt as TabBar, zt as TabBarItem, tn as TabList, nn as TabPanel, Bt as Table, Vt as TableBody, Ht as TableCell, Ut as TableContainer, Wt as TableEmpty, Gt as TableFooter, Kt as TableFooterCell, qt as TableHead, Jt as TableHeader, Qt as TableOfContents, Yt as TableRow, Xt as TableSpacerRow, $t as Tabs, ln as TextArea, hn as ThemeScript, mn as ThemeToggle, le as ToastProvider, un as Toggle, dn as Tooltip, fn as TooltipContent, pn as TooltipTrigger, rn as TreeCell, an as TreeLabel, on as TreeRow, sn as TreeToggle, Y as XMark, Xe as addDays, ke as addMonths, Ze as addMonthsToDate, t as applyGraphicsMode, bn as applyPreset, xn as applyTheme, D as buttonVariants, Sn as contrastRatio, pt as convertMinor, x as cropImageToSquare, d as currencySymbol, Ae as currentMonth, Cn as customize, C as cva, e as cx, Qe as dayIndex, $e as dayOfWeek, et as daysBetween, tt as daysInMonth, n as detectGraphicsMode, f as formatAmount, nt as formatDate, rt as formatDateRange, p as formatMoney, je as formatMonth, it as fromDayIndex, Me as fromMonthIndex, at as isDate, Ne as isMonth, mt as isRateTable, m as minorDigits, Pe as monthIndex, Fe as monthNames, Ie as monthRange, Le as monthsBetween, qe as niceTicks, wn as normalizeTheme, Tn as oklchToLinearRgb, h as parseMoney, g as parseMoneyInput, ht as rateBetween, En as resetTheme, gn as themeScript, Dn as themeVars, ot as today, r as useAnchoredPopup, K as useField, q as useFieldProps, On as useHydrated, yt as useMoneyInput, Zt as useSort, ue as useToast, de as useToastHost, cn as useTree, ee as useVirtualList, st as weekStart, ct as weekdayNames };
23
+ import J, { InputGroupAddon as Y, InputGroupInput as X } from "./input-group/index.js";
24
+ import { FieldChevron as Z } from "./utils/field-chevron.js";
25
+ import { useVirtualList as Q } from "./utils/useVirtualList.js";
26
+ import $, { ComboboxCreate as ee, ComboboxEmpty as te, ComboboxItem as ne, ComboboxList as re, ComboboxPopup as ie, ComboboxSearch as ae, ComboboxTrigger as oe } from "./combobox/index.js";
27
+ import se, { useToast as ce, useToastHost as le } from "./toast/index.js";
28
+ import ue, { DialogClose as de, DialogFooter as fe } from "./dialog/index.js";
29
+ import pe from "./confirm-dialog/index.js";
30
+ import me from "./editable-cell/index.js";
31
+ import he, { DisclosureContent as ge, DisclosureTrigger as _e } from "./disclosure/index.js";
32
+ import ve from "./header/index.js";
33
+ import ye from "./inset/index.js";
34
+ import be from "./input/index.js";
35
+ import xe from "./meter/index.js";
36
+ import { addMonths as Se, currentMonth as Ce, formatMonth as we, fromMonthIndex as Te, isMonth as Ee, monthIndex as De, monthNames as Oe, monthRange as ke, monthsBetween as Ae } from "./utils/month.js";
37
+ import je from "./month-picker/index.js";
38
+ import Me from "./checkbox/index.js";
39
+ import { ChartTooltipCard as Ne } from "./chart/tooltip.js";
40
+ import Pe from "./chart/donut.js";
41
+ import Fe, { ChartArea as Ie, ChartBar as Le, ChartLine as Re, ChartReference as ze, niceTicks as Be } from "./chart/index.js";
42
+ import Ve, { Radio as He } from "./radio-group/index.js";
43
+ import { addDays as Ue, addMonthsToDate as We, dayIndex as Ge, dayOfWeek as Ke, daysBetween as qe, daysInMonth as Je, formatDate as Ye, formatDateRange as Xe, fromDayIndex as Ze, isDate as Qe, today as $e, weekStart as et, weekdayNames as tt } from "./utils/date.js";
44
+ import nt from "./calendar/index.js";
45
+ import rt, { DateRangePicker as it } from "./date-picker/index.js";
46
+ import { RateUnavailableError as at, convertMinor as ot, isRateTable as st, rateBetween as ct } from "./utils/fx.js";
47
+ import lt, { MoneyConversionHint as ut, MoneyCurrencyMenu as dt, useMoneyInput as ft } from "./money-input/index.js";
48
+ import pt, { RadioCard as mt } from "./radio-cards/index.js";
49
+ import ht, { Pill as gt, PillIndicator as _t } from "./pills/index.js";
50
+ import vt from "./page-header/index.js";
51
+ import yt from "./progress-ring/index.js";
52
+ import bt, { SegmentedItem as xt } from "./segmented/index.js";
53
+ import St, { SelectGroup as Ct, SelectItem as wt, SelectSeparator as Tt } from "./select/index.js";
54
+ import Et, { SideNavGroup as Dt, SideNavLink as Ot } from "./side-nav/index.js";
55
+ import kt from "./skeleton/index.js";
56
+ import At from "./slider/index.js";
57
+ import jt, { TabBarItem as Mt } from "./tab-bar/index.js";
58
+ import Nt, { TableBody as Pt, TableCell as Ft, TableContainer as It, TableEmpty as Lt, TableFooter as Rt, TableFooterCell as zt, TableHead as Bt, TableHeader as Vt, TableRow as Ht, TableSpacerRow as Ut, useSort as Wt } from "./table/index.js";
59
+ import Gt from "./table-of-contents/index.js";
60
+ import Kt, { Tab as qt, TabList as Jt, TabPanel as Yt } from "./tabs/index.js";
61
+ import { TreeCell as Xt, TreeLabel as Zt, TreeRow as Qt, TreeToggle as $t, useTree as en } from "./tree/index.js";
62
+ import tn from "./textarea/index.js";
63
+ import nn from "./toggle/index.js";
64
+ import rn, { TooltipContent as an, TooltipTrigger as on } from "./tooltip/index.js";
65
+ import { DEFAULT_THEME as sn, INTENSITIES as cn, PRESETS as ln, applyPreset as un, applyTheme as dn, contrastRatio as fn, customize as pn, normalizeTheme as mn, oklchToLinearRgb as hn, resetTheme as gn, themeVars as _n } from "./utils/theme.js";
66
+ import { prepareThemeWave as vn, themeWave as yn } from "./utils/theme-wave.js";
67
+ import bn, { ThemeScript as xn, themeScript as Sn } from "./theme-toggle/index.js";
68
+ import { useHydrated as Cn } from "./utils/useHydrated.js";
69
+ export { U as Alert, v as AnimatedMoney, _ as AnimatedNumber, y as Avatar, S as Backdrop, w as Badge, O as Button, nt as Calendar, A as Card, j as CardDescription, M as CardHeader, N as CardTitle, Fe as Chart, Ie as ChartArea, Le as ChartBar, Re as ChartLine, ze as ChartReference, Ne as ChartTooltipCard, Me as Checkbox, L as Chip, I as CodeBlock, H as Collapse, $ as Combobox, ee as ComboboxCreate, te as ComboboxEmpty, ne as ComboboxItem, re as ComboboxList, ie as ComboboxPopup, ae as ComboboxSearch, oe as ComboboxTrigger, pe as ConfirmDialog, sn as DEFAULT_THEME, rt as DatePicker, it as DateRangePicker, ue as Dialog, de as DialogClose, fe as DialogFooter, he as Disclosure, ge as DisclosureContent, _e as DisclosureTrigger, Pe as DonutChart, me as EditableCell, W as Field, Z as FieldChevron, G as FormMessage, ve as Header, cn as INTENSITIES, b as ImageCropError, be as Input, J as InputGroup, Y as InputGroupAddon, X as InputGroupInput, ye as Inset, i as Menu, a as MenuContent, o as MenuHeader, s as MenuItem, c as MenuSeparator, l as MenuTrigger, xe as Meter, ut as MoneyConversionHint, dt as MoneyCurrencyMenu, lt as MoneyInput, u as MoneyParseError, je as MonthPicker, ln as PRESETS, vt as PageHeader, gt as Pill, _t as PillIndicator, ht as Pills, R as Popover, z as PopoverClose, B as PopoverContent, V as PopoverTrigger, yt as ProgressRing, He as Radio, mt as RadioCard, pt as RadioCards, Ve as RadioGroup, at as RateUnavailableError, bt as Segmented, xt as SegmentedItem, St as Select, Ct as SelectGroup, wt as SelectItem, Tt as SelectSeparator, Et as SideNav, Dt as SideNavGroup, Ot as SideNavLink, kt as Skeleton, At as Slider, D as Spinner, P as Stat, F as StatRow, T as StatusPill, E as StatusPillAction, qt as Tab, jt as TabBar, Mt as TabBarItem, Jt as TabList, Yt as TabPanel, Nt as Table, Pt as TableBody, Ft as TableCell, It as TableContainer, Lt as TableEmpty, Rt as TableFooter, zt as TableFooterCell, Bt as TableHead, Vt as TableHeader, Gt as TableOfContents, Ht as TableRow, Ut as TableSpacerRow, Kt as Tabs, tn as TextArea, xn as ThemeScript, bn as ThemeToggle, se as ToastProvider, nn as Toggle, rn as Tooltip, an as TooltipContent, on as TooltipTrigger, Xt as TreeCell, Zt as TreeLabel, Qt as TreeRow, $t as TreeToggle, Ue as addDays, Se as addMonths, We as addMonthsToDate, t as applyGraphicsMode, un as applyPreset, dn as applyTheme, k as buttonVariants, fn as contrastRatio, ot as convertMinor, x as cropImageToSquare, d as currencySymbol, Ce as currentMonth, pn as customize, C as cva, e as cx, Ge as dayIndex, Ke as dayOfWeek, qe as daysBetween, Je as daysInMonth, n as detectGraphicsMode, f as formatAmount, Ye as formatDate, Xe as formatDateRange, p as formatMoney, we as formatMonth, Ze as fromDayIndex, Te as fromMonthIndex, Qe as isDate, Ee as isMonth, st as isRateTable, m as minorDigits, De as monthIndex, Oe as monthNames, ke as monthRange, Ae as monthsBetween, Be as niceTicks, mn as normalizeTheme, hn as oklchToLinearRgb, h as parseMoney, g as parseMoneyInput, vn as prepareThemeWave, ct as rateBetween, gn as resetTheme, Sn as themeScript, _n as themeVars, yn as themeWave, $e as today, r as useAnchoredPopup, K as useField, q as useFieldProps, Cn as useHydrated, ft as useMoneyInput, Wt as useSort, ce as useToast, le as useToastHost, en as useTree, Q as useVirtualList, et as weekStart, tt as weekdayNames };
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/menu/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAA4C,SAAS,EAAqB,MAAM,OAAO,CAAC;AAkB/G;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,SAAS,+BAejE;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,+BAelF;AAED,oHAAoH;AACpH,wBAAgB,WAAW,CAAC,EAAE,KAAa,EAAE,MAAU,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,+BAkC/G;AAKD;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACrB,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACV,EAAE,aAAa,+BAwBf;AAED,0CAA0C;AAC1C,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAElE;AAED,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BAEvE;AAED,MAAM,WAAW,SAAS;IACtB,mFAAmF;IACnF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC9D,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3D,uFAAuF;IACvF,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC;IAC7E,8DAA8D;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,+FAA+F;IAC/F,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/menu/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAA4C,SAAS,EAAqB,MAAM,OAAO,CAAC;AAkB/G;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,SAAS,+BAejE;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,+BAelF;AAED,oHAAoH;AACpH,wBAAgB,WAAW,CAAC,EAAE,KAAa,EAAE,MAAU,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,+BA2C/G;AAKD;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACrB,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACV,EAAE,aAAa,+BAwBf;AAED,0CAA0C;AAC1C,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAElE;AAED,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BAEvE;AAED,MAAM,WAAW,SAAS;IACtB,mFAAmF;IACnF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC9D,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3D,uFAAuF;IACvF,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnC,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC;IAC7E,8DAA8D;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,+FAA+F;IAC/F,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB"}
@@ -1,118 +1,125 @@
1
1
  "use client";
2
2
  import { cx as e } from "../utils/cx.js";
3
- import { useGraphicsMode as t } from "../utils/graphics.js";
4
- import { Slot as n } from "../utils/slot.js";
5
- import { anchoredStyle as r, useAnchoredPopup as i } from "../utils/useAnchoredPopup.js";
6
- import { createContext as a, useContext as o, useId as s } from "react";
7
- import { jsx as c, jsxs as l } from "react/jsx-runtime";
3
+ import { useTypeahead as t } from "../utils/typeahead.js";
4
+ import { useGraphicsMode as n } from "../utils/graphics.js";
5
+ import { Slot as r } from "../utils/slot.js";
6
+ import { anchoredStyle as i, useAnchoredPopup as a } from "../utils/useAnchoredPopup.js";
7
+ import { createContext as o, useContext as s, useId as c } from "react";
8
+ import { jsx as l, jsxs as u } from "react/jsx-runtime";
8
9
  //#region packages/menu/index.tsx
9
- var u = a(() => {}), d = a(null);
10
- function f(e) {
11
- let t = o(d);
10
+ var d = o(() => {}), f = o(null);
11
+ function p(e) {
12
+ let t = s(f);
12
13
  if (!t) throw Error(`<${e}> must be inside <Menu>`);
13
14
  return t;
14
15
  }
15
- function p({ onOpenChange: e, children: n }) {
16
- t();
17
- let r = s(), a = i({ onOpenChange: (t) => {
18
- t && a.popupRef.current?.focus(), e?.(t);
16
+ function m({ onOpenChange: e, children: t }) {
17
+ n();
18
+ let r = c(), i = a({ onOpenChange: (t) => {
19
+ t && i.popupRef.current?.focus(), e?.(t);
19
20
  } });
20
- return /* @__PURE__ */ c(d.Provider, {
21
+ return /* @__PURE__ */ l(f.Provider, {
21
22
  value: {
22
- popup: a,
23
+ popup: i,
23
24
  triggerId: r
24
25
  },
25
- children: /* @__PURE__ */ c(u.Provider, {
26
- value: () => a.setOpen(!1),
27
- children: n
26
+ children: /* @__PURE__ */ l(d.Provider, {
27
+ value: () => i.setOpen(!1),
28
+ children: t
28
29
  })
29
30
  });
30
31
  }
31
- function m({ asChild: e, style: t, children: r, ...i }) {
32
- let { popup: a, triggerId: o } = f("MenuTrigger"), s = {
33
- id: o,
32
+ function h({ asChild: t, style: n, children: i, ...a }) {
33
+ let { popup: o, triggerId: s } = p("MenuTrigger"), c = {
34
+ id: s,
34
35
  "aria-haspopup": "menu",
35
- ...a.triggerProps,
36
- ...i,
36
+ ...o.triggerProps,
37
+ ...a,
37
38
  style: {
38
- ...a.triggerProps.style,
39
- ...t
39
+ ...o.triggerProps.style,
40
+ ...n
40
41
  }
41
42
  };
42
- return e ? /* @__PURE__ */ c(n, {
43
- ...s,
44
- children: r
45
- }) : /* @__PURE__ */ c("button", {
43
+ return t ? /* @__PURE__ */ l(r, {
44
+ ...c,
45
+ children: i
46
+ }) : /* @__PURE__ */ l("button", {
46
47
  type: "button",
47
- ...s,
48
- children: r
48
+ ...c,
49
+ className: e("cursor-pointer", c.className),
50
+ children: i
49
51
  });
50
52
  }
51
- function h({ align: t = "end", offset: n = 6, className: i, style: a, children: o, ...s }) {
52
- let { popup: l, triggerId: u } = f("MenuContent"), d = (e) => {
53
- let t = Array.from(l.popupRef.current?.querySelectorAll("[role=\"menuitem\"]") ?? []), n = t.indexOf(document.activeElement), r = t.length - 1, i = {
53
+ function g({ align: n = "end", offset: r = 6, className: a, style: o, children: s, ...c }) {
54
+ let { popup: u, triggerId: d } = p("MenuContent"), f = t(), m = (e) => {
55
+ let t = Array.from(u.popupRef.current?.querySelectorAll("[role=\"menuitem\"]:not(:disabled)") ?? []), n = t.indexOf(document.activeElement), r = t.length - 1, i = f(e);
56
+ if (i) {
57
+ t.find((e) => e.textContent?.trim().toLowerCase().startsWith(i))?.focus();
58
+ return;
59
+ }
60
+ let a = {
54
61
  ArrowDown: n + 1,
55
62
  ArrowUp: n === -1 ? r : n - 1,
56
63
  Home: 0,
57
64
  End: r
58
65
  }[e.key];
59
- i !== void 0 && (e.preventDefault(), t[(i + t.length) % t.length]?.focus());
66
+ a !== void 0 && (e.preventDefault(), t[(a + t.length) % t.length]?.focus());
60
67
  };
61
- return /* @__PURE__ */ c("div", {
62
- "aria-labelledby": u,
63
- ...s,
64
- ...l.popupProps,
68
+ return /* @__PURE__ */ l("div", {
69
+ "aria-labelledby": d,
70
+ ...c,
71
+ ...u.popupProps,
65
72
  role: "menu",
66
73
  tabIndex: -1,
67
74
  onKeyDown: (e) => {
68
- s.onKeyDown?.(e), d(e);
75
+ c.onKeyDown?.(e), m(e);
69
76
  },
70
77
  style: {
71
- ...r(l.id, {
72
- align: t,
73
- offset: n
78
+ ...i(u.id, {
79
+ align: n,
80
+ offset: r
74
81
  }),
75
- ...a
82
+ ...o
76
83
  },
77
- className: e("zen__popover glass glass-blur text-foreground min-w-44 rounded-xl p-1.5 outline-hidden", i),
78
- children: o
84
+ className: e("zen__popover glass glass-blur text-foreground min-w-44 rounded-xl p-1.5 outline-hidden", a),
85
+ children: s
79
86
  });
80
87
  }
81
- var g = "flex w-full cursor-default items-center gap-3 rounded-lg px-3 py-2 text-left text-sm outline-hidden select-none hover:bg-tint/[0.07] focus:bg-tint/[0.07]";
82
- function _({ icon: t, destructive: r, onSelect: i, asChild: a, className: s, children: d, onClick: f, ...p }) {
83
- let m = o(u), h = {
88
+ var _ = "flex w-full cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-left text-sm outline-hidden select-none hover:bg-tint/[0.07] focus:bg-tint/[0.07] disabled:cursor-not-allowed disabled:opacity-50";
89
+ function v({ icon: t, destructive: n, onSelect: i, asChild: a, className: o, children: c, onClick: f, ...p }) {
90
+ let m = s(d), h = {
84
91
  ...p,
85
92
  role: "menuitem",
86
93
  tabIndex: -1,
87
- className: e(g, r && "text-destructive", s),
94
+ className: e(_, n && "text-destructive", o),
88
95
  onClick: (e) => {
89
96
  f?.(e), m(), i?.();
90
97
  }
91
98
  };
92
- return a ? /* @__PURE__ */ c(n, {
99
+ return a ? /* @__PURE__ */ l(r, {
93
100
  ...h,
94
- children: d
95
- }) : /* @__PURE__ */ l("button", {
101
+ children: c
102
+ }) : /* @__PURE__ */ u("button", {
96
103
  type: "button",
97
104
  ...h,
98
- children: [t && /* @__PURE__ */ c("span", {
105
+ children: [t && /* @__PURE__ */ l("span", {
99
106
  "aria-hidden": !0,
100
- className: e("flex shrink-0", !r && "text-muted-foreground"),
107
+ className: e("flex shrink-0", !n && "text-muted-foreground"),
101
108
  children: t
102
- }), d]
109
+ }), c]
103
110
  });
104
111
  }
105
- function v({ className: t }) {
106
- return /* @__PURE__ */ c("div", {
112
+ function y({ className: t }) {
113
+ return /* @__PURE__ */ l("div", {
107
114
  role: "separator",
108
115
  className: e("bg-tint/[0.07] mx-2 my-1 h-px", t)
109
116
  });
110
117
  }
111
- function y({ className: t, ...n }) {
112
- return /* @__PURE__ */ c("div", {
118
+ function b({ className: t, ...n }) {
119
+ return /* @__PURE__ */ l("div", {
113
120
  className: e("flex items-center gap-3 px-3 py-2.5", t),
114
121
  ...n
115
122
  });
116
123
  }
117
124
  //#endregion
118
- export { h as MenuContent, y as MenuHeader, _ as MenuItem, v as MenuSeparator, m as MenuTrigger, p as default };
125
+ export { g as MenuContent, b as MenuHeader, v as MenuItem, y as MenuSeparator, h as MenuTrigger, m as default };
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/month-picker/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAe,KAAK,KAAK,EAAc,MAAM,kBAAkB,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAEjD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,EACH,EAAE,EACF,SAAS,EACT,QAAgB,EAChB,WAA4B,EAC5B,OAAO,EACP,UAAoB,EACpB,KAAK,EACL,GAAG,IAAI,EACV,EAAE,gBAAgB,+BA8FlB;AAED,gGAAgG;AAChG,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC3G,mCAAmC;IACnC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,oDAAoD;IACpD,MAAM,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,uCAAuC;IACvC,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/month-picker/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAe,KAAK,KAAK,EAAc,MAAM,kBAAkB,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAEjD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,EACH,EAAE,EACF,SAAS,EACT,QAAgB,EAChB,WAA4B,EAC5B,OAAO,EACP,UAAoB,EACpB,KAAK,EACL,GAAG,IAAI,EACV,EAAE,gBAAgB,+BA2FlB;AAED,gGAAgG;AAChG,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC3G,mCAAmC;IACnC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,oDAAoD;IACpD,MAAM,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,uCAAuC;IACvC,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB"}
@@ -1,93 +1,93 @@
1
1
  "use client";
2
2
  import { cx as e } from "../utils/cx.js";
3
3
  import { useAnchoredPopup as t } from "../utils/useAnchoredPopup.js";
4
- import { POPUP as n, TRIGGER as r } from "../utils/styles.js";
5
- import { useFieldProps as i } from "../field/index.js";
6
- import { FieldChevron as a } from "../utils/field-chevron.js";
7
- import o from "../icons/chevron-left.js";
8
- import s from "../icons/chevron-right.js";
9
- import { formatMonth as c, monthNames as l } from "../utils/month.js";
10
- import { useState as u } from "react";
11
- import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
4
+ import { PICKER_MONTH as n, PICKER_NAV as r, POPUP as i, TRIGGER as a } from "../utils/styles.js";
5
+ import { useFieldProps as o } from "../field/index.js";
6
+ import { FieldChevron as s } from "../utils/field-chevron.js";
7
+ import c from "../icons/chevron-left.js";
8
+ import l from "../icons/chevron-right.js";
9
+ import { formatMonth as u, monthNames as d } from "../utils/month.js";
10
+ import { useState as f } from "react";
11
+ import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
12
12
  //#region packages/month-picker/index.tsx
13
- function m({ value: m, onChange: h, locale: g, min: _, max: v, id: y, className: b, disabled: x = !1, placeholder: S = "Pick a month", onClear: C, clearLabel: w = "Clear", style: T, ...E }) {
14
- let [D, O] = u(() => Number((m ?? (/* @__PURE__ */ new Date()).toISOString()).slice(0, 4))), k = t({ onOpenChange: (e) => e && m && O(Number(m.slice(0, 4))) }), A = i({
15
- ...E,
16
- id: y
17
- }), j = l(g), M = (e) => (!_ || e >= _) && (!v || e <= v);
18
- return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p("button", {
13
+ function g({ value: g, onChange: _, locale: v, min: y, max: b, id: x, className: S, disabled: C = !1, placeholder: w = "Pick a month", onClear: T, clearLabel: E = "Clear", style: D, ...O }) {
14
+ let [k, A] = f(() => Number((g ?? (/* @__PURE__ */ new Date()).toISOString()).slice(0, 4))), j = t({ onOpenChange: (e) => e && g && A(Number(g.slice(0, 4))) }), M = o({
15
+ ...O,
16
+ id: x
17
+ }), N = d(v), P = (e) => (!y || e >= y) && (!b || e <= b);
18
+ return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("button", {
19
19
  type: "button",
20
- ...E,
21
- ...A,
22
- id: y,
23
- disabled: x,
24
- ...k.triggerProps,
20
+ ...O,
21
+ ...M,
22
+ id: x,
23
+ disabled: C,
24
+ ...j.triggerProps,
25
25
  style: {
26
- ...k.triggerProps.style,
27
- ...T
26
+ ...j.triggerProps.style,
27
+ ...D
28
28
  },
29
- className: e("zen__month-picker group", r, "w-full", k.open && "border-glow/60 [--glow-border-color:transparent] shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]", b),
30
- children: [/* @__PURE__ */ f("span", {
31
- className: m ? void 0 : "text-muted-foreground",
32
- children: m ? c(m, g) : S
33
- }), /* @__PURE__ */ f(a, { open: k.open })]
34
- }), /* @__PURE__ */ p("div", {
35
- ...k.popupProps,
29
+ className: e("zen__month-picker group", a, "w-full", j.open && "border-glow/60 [--glow-border-color:transparent] shadow-[0_0_0_3px_oklch(var(--glow)/0.16),0_0_24px_-6px_oklch(var(--glow)/0.6)]", S),
30
+ children: [/* @__PURE__ */ m("span", {
31
+ className: g ? void 0 : "text-muted-foreground",
32
+ children: g ? u(g, v) : w
33
+ }), /* @__PURE__ */ m(s, { open: j.open })]
34
+ }), /* @__PURE__ */ h("div", {
35
+ ...j.popupProps,
36
36
  role: "dialog",
37
37
  "aria-label": "Choose month",
38
- className: e("zen__popover", n, "w-64 p-3"),
38
+ className: e("zen__popover", i, "w-64 p-3"),
39
39
  children: [
40
- /* @__PURE__ */ p("div", {
40
+ /* @__PURE__ */ h("div", {
41
41
  className: "mb-2 flex items-center justify-between",
42
42
  children: [
43
- /* @__PURE__ */ f("button", {
43
+ /* @__PURE__ */ m("button", {
44
44
  type: "button",
45
45
  "aria-label": "Previous year",
46
- onClick: () => O((e) => e - 1),
47
- className: "hover:bg-muted rounded p-1.5",
48
- children: /* @__PURE__ */ f(o, { className: "size-4" })
46
+ onClick: () => A((e) => e - 1),
47
+ className: r,
48
+ children: /* @__PURE__ */ m(c, { className: "size-4" })
49
49
  }),
50
- /* @__PURE__ */ f("span", {
50
+ /* @__PURE__ */ m("span", {
51
51
  className: "text-sm font-semibold tabular-nums",
52
52
  "aria-live": "polite",
53
- children: D
53
+ children: k
54
54
  }),
55
- /* @__PURE__ */ f("button", {
55
+ /* @__PURE__ */ m("button", {
56
56
  type: "button",
57
57
  "aria-label": "Next year",
58
- onClick: () => O((e) => e + 1),
59
- className: "hover:bg-muted rounded p-1.5",
60
- children: /* @__PURE__ */ f(s, { className: "size-4" })
58
+ onClick: () => A((e) => e + 1),
59
+ className: r,
60
+ children: /* @__PURE__ */ m(l, { className: "size-4" })
61
61
  })
62
62
  ]
63
63
  }),
64
- /* @__PURE__ */ f("div", {
64
+ /* @__PURE__ */ m("div", {
65
65
  className: "grid grid-cols-3 gap-1",
66
- children: j.map((t, n) => {
67
- let r = `${D}-${String(n + 1).padStart(2, "0")}`, i = r === m;
68
- return /* @__PURE__ */ f("button", {
66
+ children: N.map((t, r) => {
67
+ let i = `${k}-${String(r + 1).padStart(2, "0")}`, a = i === g;
68
+ return /* @__PURE__ */ m("button", {
69
69
  type: "button",
70
- disabled: !M(r),
71
- "aria-pressed": i,
72
- "aria-label": c(r, g, "long"),
70
+ disabled: !P(i),
71
+ "aria-pressed": a,
72
+ "aria-label": u(i, v, "long"),
73
73
  onClick: () => {
74
- h(r), k.setOpen(!1);
74
+ _(i), j.setOpen(!1);
75
75
  },
76
- className: e("rounded-sm py-2 text-sm disabled:cursor-not-allowed disabled:opacity-40", i ? "bg-primary text-primary-foreground" : "hover:bg-muted"),
76
+ className: e(n, a && "bg-primary text-primary-foreground hover:bg-primary"),
77
77
  children: t
78
- }, r);
78
+ }, i);
79
79
  })
80
80
  }),
81
- C && m && /* @__PURE__ */ f("button", {
81
+ T && g && /* @__PURE__ */ m("button", {
82
82
  type: "button",
83
83
  onClick: () => {
84
- C(), k.setOpen(!1);
84
+ T(), j.setOpen(!1);
85
85
  },
86
- className: "border-tint/[0.06] text-muted-foreground hover:text-foreground focus-visible:ring-ring/40 mt-2 w-full rounded-lg border-t px-2 pt-2.5 pb-1.5 text-sm outline-hidden focus-visible:ring-2",
87
- children: w
86
+ className: "border-tint/[0.06] text-muted-foreground hover:text-foreground focus-visible:ring-ring/40 mt-2 w-full cursor-pointer rounded-lg border-t px-2 pt-2.5 pb-1.5 text-sm outline-hidden focus-visible:ring-2",
87
+ children: E
88
88
  })
89
89
  ]
90
90
  })] });
91
91
  }
92
92
  //#endregion
93
- export { m as default };
93
+ export { g as default };
@@ -19,7 +19,7 @@ export default function Pills({ className, ref, children, ...rest }: PillsProps)
19
19
  /** The glowing pill under the active item. Place it inside Pills; hidden while none is active. */
20
20
  export declare function PillIndicator({ className }: {
21
21
  className?: string;
22
- }): import('react').JSX.Element | null;
22
+ }): import('react').JSX.Element;
23
23
  /**
24
24
  * One pill: a link. `active` marks the current page. With `asChild`, the
25
25
  * styles go onto your own element instead (a router's Link or NavLink).
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/pills/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAqC,MAAM,OAAO,CAAC;AAO1E;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,+BAgB9E;AAED,kGAAkG;AAClG,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,sCAUlE;AAED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,+BAQhF;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE/C,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,GAAG,CAAC;IAClD,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/pills/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAqC,MAAM,OAAO,CAAC;AAO1E;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,+BAgB9E;AAED,kGAAkG;AAClG,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAelE;AAED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,+BAQhF;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE/C,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,GAAG,CAAC;IAClD,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB"}
@@ -25,12 +25,16 @@ function p({ className: t }) {
25
25
  let n = s(u);
26
26
  return n ? /* @__PURE__ */ l("span", {
27
27
  "aria-hidden": !0,
28
- className: e(r, t),
28
+ className: e("zen__pill-indicator", r, t),
29
29
  style: {
30
30
  translate: `${n.x}px 0`,
31
31
  width: n.w
32
32
  }
33
- }) : null;
33
+ }, "measured") : /* @__PURE__ */ l("span", {
34
+ "aria-hidden": !0,
35
+ "data-pending": !0,
36
+ className: "zen__pill-indicator hidden"
37
+ }, "pending");
34
38
  }
35
39
  function m({ active: r, asChild: i, className: a, children: o, ...s }) {
36
40
  let c = {
@@ -26,23 +26,24 @@ function p({ open: e, defaultOpen: n = !1, onOpenChange: r, children: a }) {
26
26
  children: a
27
27
  });
28
28
  }
29
- function m({ asChild: e, style: t, children: r, ...i }) {
30
- let a = f("PopoverTrigger"), o = {
31
- ...a.triggerProps,
29
+ function m({ asChild: t, style: r, children: i, ...a }) {
30
+ let o = f("PopoverTrigger"), s = {
31
+ ...o.triggerProps,
32
32
  "aria-haspopup": "dialog",
33
- ...i,
33
+ ...a,
34
34
  style: {
35
- ...a.triggerProps.style,
36
- ...t
35
+ ...o.triggerProps.style,
36
+ ...r
37
37
  }
38
38
  };
39
- return e ? /* @__PURE__ */ u(n, {
40
- ...o,
41
- children: r
39
+ return t ? /* @__PURE__ */ u(n, {
40
+ ...s,
41
+ children: i
42
42
  }) : /* @__PURE__ */ u("button", {
43
43
  type: "button",
44
- ...o,
45
- children: r
44
+ ...s,
45
+ className: e("cursor-pointer", s.className),
46
+ children: i
46
47
  });
47
48
  }
48
49
  function h({ align: t = "center", offset: n = 5, className: i, style: a, children: s, ...c }) {
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/select/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAMH,cAAc,EAEd,SAAS,EAQZ,MAAM,OAAO,CAAC;AAaf;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,SAAS,MAAM,EAAE,EAC7C,KAAK,EACL,QAAQ,EACR,WAAuB,EACvB,QAAgB,EAChB,IAAI,EACJ,EAAE,EACF,SAAS,EACT,aAAa,EACb,QAAQ,EACR,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACV,EAAE,WAAW,CAAC,CAAC,CAAC,+BAsIhB;AAuBD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAiC1F;AAED,uCAAuC;AACvC,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BASzF;AAED,0CAA0C;AAC1C,wBAAgB,eAAe,gCAE9B;AAED,gGAAgG;AAChG,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CACvD,cAAc,CAAC,QAAQ,CAAC,EACxB,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,cAAc,GAAG,MAAM,CAC9D;IACG,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/select/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAMH,cAAc,EAEd,SAAS,EAQZ,MAAM,OAAO,CAAC;AAaf;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,SAAS,MAAM,EAAE,EAC7C,KAAK,EACL,QAAQ,EACR,WAAuB,EACvB,QAAgB,EAChB,IAAI,EACJ,EAAE,EACF,SAAS,EACT,aAAa,EACb,QAAQ,EACR,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACV,EAAE,WAAW,CAAC,CAAC,CAAC,+BAmIhB;AAuBD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAiC1F;AAED,uCAAuC;AACvC,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BASzF;AAED,0CAA0C;AAC1C,wBAAgB,eAAe,gCAE9B;AAED,gGAAgG;AAChG,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CACvD,cAAc,CAAC,QAAQ,CAAC,EACxB,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,cAAc,GAAG,MAAM,CAC9D;IACG,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB"}