@rinzai/zen 0.6.1 → 0.7.1

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 (161) 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/avatar/index.d.ts.map +1 -1
  7. package/dist/avatar/index.js +25 -22
  8. package/dist/button/index.d.ts +2 -1
  9. package/dist/button/index.d.ts.map +1 -1
  10. package/dist/button/index.js +43 -12
  11. package/dist/calendar/index.d.ts.map +1 -1
  12. package/dist/calendar/index.js +86 -85
  13. package/dist/chart/donut.d.ts +4 -1
  14. package/dist/chart/donut.d.ts.map +1 -1
  15. package/dist/chart/donut.js +76 -66
  16. package/dist/chart/index.d.ts +8 -2
  17. package/dist/chart/index.d.ts.map +1 -1
  18. package/dist/chart/index.js +192 -182
  19. package/dist/chart/palette.d.ts +14 -0
  20. package/dist/chart/palette.d.ts.map +1 -0
  21. package/dist/chart/palette.js +9 -0
  22. package/dist/chart/tooltip.d.ts +6 -2
  23. package/dist/chart/tooltip.d.ts.map +1 -1
  24. package/dist/chart/tooltip.js +6 -6
  25. package/dist/checkbox/index.d.ts.map +1 -1
  26. package/dist/checkbox/index.js +28 -44
  27. package/dist/chip/index.js +1 -1
  28. package/dist/code-block/index.js +1 -1
  29. package/dist/date-picker/index.d.ts.map +1 -1
  30. package/dist/date-picker/index.js +24 -38
  31. package/dist/disclosure/index.js +1 -1
  32. package/dist/editable-cell/index.js +1 -1
  33. package/dist/field/index.d.ts +1 -1
  34. package/dist/field/index.d.ts.map +1 -1
  35. package/dist/field/index.js +33 -32
  36. package/dist/header/index.d.ts +9 -1
  37. package/dist/header/index.d.ts.map +1 -1
  38. package/dist/header/index.js +17 -9
  39. package/dist/icons/arrow-left.d.ts +3 -0
  40. package/dist/icons/arrow-left.d.ts.map +1 -0
  41. package/dist/icons/arrow-right.d.ts +3 -0
  42. package/dist/icons/arrow-right.d.ts.map +1 -0
  43. package/dist/icons/bars.d.ts +3 -0
  44. package/dist/icons/bars.d.ts.map +1 -0
  45. package/dist/icons/calendar.d.ts +3 -0
  46. package/dist/icons/calendar.d.ts.map +1 -0
  47. package/dist/icons/chart-bar.d.ts +3 -0
  48. package/dist/icons/chart-bar.d.ts.map +1 -0
  49. package/dist/icons/chevron-down.d.ts.map +1 -1
  50. package/dist/icons/chevron-down.js +4 -2
  51. package/dist/icons/chevron-left.d.ts.map +1 -1
  52. package/dist/icons/chevron-left.js +4 -2
  53. package/dist/icons/chevron-right.d.ts.map +1 -1
  54. package/dist/icons/chevron-right.js +4 -2
  55. package/dist/icons/chevron-up.d.ts.map +1 -1
  56. package/dist/icons/chevron-up.js +4 -2
  57. package/dist/icons/ellipsis.d.ts +0 -1
  58. package/dist/icons/ellipsis.d.ts.map +1 -1
  59. package/dist/icons/flag.d.ts +3 -0
  60. package/dist/icons/flag.d.ts.map +1 -0
  61. package/dist/icons/list-bullet.d.ts +3 -0
  62. package/dist/icons/list-bullet.d.ts.map +1 -0
  63. package/dist/icons/lock.d.ts +3 -0
  64. package/dist/icons/lock.d.ts.map +1 -0
  65. package/dist/icons/logout.d.ts +3 -0
  66. package/dist/icons/logout.d.ts.map +1 -0
  67. package/dist/icons/micro/calendar.d.ts +3 -0
  68. package/dist/icons/micro/calendar.d.ts.map +1 -0
  69. package/dist/icons/micro/calendar.js +21 -0
  70. package/dist/icons/micro/check.d.ts +3 -0
  71. package/dist/icons/micro/check.d.ts.map +1 -0
  72. package/dist/icons/micro/check.js +21 -0
  73. package/dist/icons/micro/chevron-down.d.ts +3 -0
  74. package/dist/icons/micro/chevron-down.d.ts.map +1 -0
  75. package/dist/icons/micro/chevron-down.js +21 -0
  76. package/dist/icons/micro/chevron-right.d.ts +3 -0
  77. package/dist/icons/micro/chevron-right.d.ts.map +1 -0
  78. package/dist/icons/micro/chevron-right.js +21 -0
  79. package/dist/icons/micro/exclamation-triangle.d.ts +3 -0
  80. package/dist/icons/micro/exclamation-triangle.d.ts.map +1 -0
  81. package/dist/icons/micro/exclamation-triangle.js +21 -0
  82. package/dist/icons/micro/information-circle.d.ts +3 -0
  83. package/dist/icons/micro/information-circle.d.ts.map +1 -0
  84. package/dist/icons/micro/information-circle.js +21 -0
  85. package/dist/icons/micro/minus.d.ts +3 -0
  86. package/dist/icons/micro/minus.d.ts.map +1 -0
  87. package/dist/icons/micro/minus.js +17 -0
  88. package/dist/icons/micro/moon.d.ts +3 -0
  89. package/dist/icons/micro/moon.d.ts.map +1 -0
  90. package/dist/icons/micro/moon.js +17 -0
  91. package/dist/icons/micro/sun.d.ts +3 -0
  92. package/dist/icons/micro/sun.d.ts.map +1 -0
  93. package/dist/icons/micro/sun.js +17 -0
  94. package/dist/icons/micro/x-mark.d.ts +3 -0
  95. package/dist/icons/micro/x-mark.d.ts.map +1 -0
  96. package/dist/icons/micro/x-mark.js +17 -0
  97. package/dist/icons/search.d.ts.map +1 -1
  98. package/dist/icons/search.js +4 -2
  99. package/dist/icons/settings.d.ts +3 -0
  100. package/dist/icons/settings.d.ts.map +1 -0
  101. package/dist/icons/squares.d.ts +3 -0
  102. package/dist/icons/squares.d.ts.map +1 -0
  103. package/dist/icons/table.d.ts +3 -0
  104. package/dist/icons/table.d.ts.map +1 -0
  105. package/dist/icons/x-mark.d.ts.map +1 -1
  106. package/dist/icons/x-mark.js +4 -2
  107. package/dist/index.d.ts +7 -5
  108. package/dist/index.d.ts.map +1 -1
  109. package/dist/lib.js +57 -61
  110. package/dist/menu/index.d.ts.map +1 -1
  111. package/dist/menu/index.js +67 -60
  112. package/dist/month-picker/index.d.ts.map +1 -1
  113. package/dist/month-picker/index.js +55 -55
  114. package/dist/pills/index.d.ts +1 -1
  115. package/dist/pills/index.d.ts.map +1 -1
  116. package/dist/pills/index.js +6 -2
  117. package/dist/popover/index.js +12 -11
  118. package/dist/select/index.d.ts.map +1 -1
  119. package/dist/select/index.js +96 -102
  120. package/dist/slider/index.d.ts.map +1 -1
  121. package/dist/slider/index.js +1 -1
  122. package/dist/status-pill/index.d.ts +18 -0
  123. package/dist/status-pill/index.d.ts.map +1 -0
  124. package/dist/status-pill/index.js +25 -0
  125. package/dist/tab-bar/index.js +1 -1
  126. package/dist/table/index.js +1 -1
  127. package/dist/tabs/index.d.ts.map +1 -1
  128. package/dist/tabs/index.js +9 -5
  129. package/dist/theme-toggle/index.d.ts +26 -4
  130. package/dist/theme-toggle/index.d.ts.map +1 -1
  131. package/dist/theme-toggle/index.js +42 -35
  132. package/dist/theme.css +67 -1
  133. package/dist/toast/index.d.ts.map +1 -1
  134. package/dist/toast/index.js +119 -106
  135. package/dist/tree/index.d.ts +22 -3
  136. package/dist/tree/index.d.ts.map +1 -1
  137. package/dist/tree/index.js +76 -56
  138. package/dist/utils/date.d.ts +6 -4
  139. package/dist/utils/date.d.ts.map +1 -1
  140. package/dist/utils/date.js +18 -16
  141. package/dist/utils/field-chevron.d.ts.map +1 -1
  142. package/dist/utils/field-chevron.js +5 -14
  143. package/dist/utils/status-icons.d.ts +1 -1
  144. package/dist/utils/status-icons.d.ts.map +1 -1
  145. package/dist/utils/status-icons.js +11 -41
  146. package/dist/utils/styles.d.ts +9 -3
  147. package/dist/utils/styles.d.ts.map +1 -1
  148. package/dist/utils/styles.js +2 -2
  149. package/dist/utils/theme-wave.d.ts +26 -0
  150. package/dist/utils/theme-wave.d.ts.map +1 -0
  151. package/dist/utils/theme-wave.js +239 -0
  152. package/dist/utils/typeahead.d.ts +12 -0
  153. package/dist/utils/typeahead.d.ts.map +1 -0
  154. package/dist/utils/typeahead.js +19 -0
  155. package/dist/zen.css +1 -1
  156. package/package.json +2 -1
  157. package/dist/icons/ellipsis.js +0 -31
  158. package/dist/icons/index.d.ts +0 -9
  159. package/dist/icons/index.d.ts.map +0 -1
  160. package/dist/icons/status.d.ts +0 -2
  161. package/dist/icons/status.d.ts.map +0 -1
package/dist/lib.js CHANGED
@@ -10,65 +10,61 @@ 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 { paletteColor as Ne } from "./chart/palette.js";
40
+ import { ChartTooltipCard as Pe } from "./chart/tooltip.js";
41
+ import Fe from "./chart/donut.js";
42
+ import Ie, { ChartArea as Le, ChartBar as Re, ChartLine as ze, ChartReference as Be, niceTicks as Ve } from "./chart/index.js";
43
+ import He, { Radio as Ue } from "./radio-group/index.js";
44
+ import { addDays as We, addMonthsToDate as Ge, dayIndex as Ke, dayOfWeek as qe, daysBetween as Je, daysInMonth as Ye, formatDate as Xe, formatDateRange as Ze, fromDayIndex as Qe, isDate as $e, today as et, weekStart as tt, weekdayNames as nt } from "./utils/date.js";
45
+ import rt from "./calendar/index.js";
46
+ import it, { DateRangePicker as at } from "./date-picker/index.js";
47
+ import { RateUnavailableError as ot, convertMinor as st, isRateTable as ct, rateBetween as lt } from "./utils/fx.js";
48
+ import ut, { MoneyConversionHint as dt, MoneyCurrencyMenu as ft, useMoneyInput as pt } from "./money-input/index.js";
49
+ import mt, { RadioCard as ht } from "./radio-cards/index.js";
50
+ import gt, { Pill as _t, PillIndicator as vt } from "./pills/index.js";
51
+ import yt from "./page-header/index.js";
52
+ import bt from "./progress-ring/index.js";
53
+ import xt, { SegmentedItem as St } from "./segmented/index.js";
54
+ import Ct, { SelectGroup as wt, SelectItem as Tt, SelectSeparator as Et } from "./select/index.js";
55
+ import Dt, { SideNavGroup as Ot, SideNavLink as kt } from "./side-nav/index.js";
56
+ import At from "./skeleton/index.js";
57
+ import jt from "./slider/index.js";
58
+ import Mt, { TabBarItem as Nt } from "./tab-bar/index.js";
59
+ import Pt, { TableBody as Ft, TableCell as It, TableContainer as Lt, TableEmpty as Rt, TableFooter as zt, TableFooterCell as Bt, TableHead as Vt, TableHeader as Ht, TableRow as Ut, TableSpacerRow as Wt, useSort as Gt } from "./table/index.js";
60
+ import Kt from "./table-of-contents/index.js";
61
+ import qt, { Tab as Jt, TabList as Yt, TabPanel as Xt } from "./tabs/index.js";
62
+ import { TreeCell as Zt, TreeLabel as Qt, TreeRow as $t, TreeToggle as en, useTree as tn } from "./tree/index.js";
63
+ import nn from "./textarea/index.js";
64
+ import rn from "./toggle/index.js";
65
+ import an, { TooltipContent as on, TooltipTrigger as sn } from "./tooltip/index.js";
66
+ import { DEFAULT_THEME as cn, INTENSITIES as ln, PRESETS as un, applyPreset as dn, applyTheme as fn, contrastRatio as pn, customize as mn, normalizeTheme as hn, oklchToLinearRgb as gn, resetTheme as _n, themeVars as vn } from "./utils/theme.js";
67
+ import { prepareThemeWave as yn, themeWave as bn } from "./utils/theme-wave.js";
68
+ import xn, { ThemeScript as Sn, themeScript as Cn } from "./theme-toggle/index.js";
69
+ import { useHydrated as wn } from "./utils/useHydrated.js";
70
+ export { U as Alert, v as AnimatedMoney, _ as AnimatedNumber, y as Avatar, S as Backdrop, w as Badge, O as Button, rt as Calendar, A as Card, j as CardDescription, M as CardHeader, N as CardTitle, Ie as Chart, Le as ChartArea, Re as ChartBar, ze as ChartLine, Be as ChartReference, Pe 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, cn as DEFAULT_THEME, it as DatePicker, at as DateRangePicker, ue as Dialog, de as DialogClose, fe as DialogFooter, he as Disclosure, ge as DisclosureContent, _e as DisclosureTrigger, Fe as DonutChart, me as EditableCell, W as Field, Z as FieldChevron, G as FormMessage, ve as Header, ln 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, dt as MoneyConversionHint, ft as MoneyCurrencyMenu, ut as MoneyInput, u as MoneyParseError, je as MonthPicker, un as PRESETS, yt as PageHeader, _t as Pill, vt as PillIndicator, gt as Pills, R as Popover, z as PopoverClose, B as PopoverContent, V as PopoverTrigger, bt as ProgressRing, Ue as Radio, ht as RadioCard, mt as RadioCards, He as RadioGroup, ot as RateUnavailableError, xt as Segmented, St as SegmentedItem, Ct as Select, wt as SelectGroup, Tt as SelectItem, Et as SelectSeparator, Dt as SideNav, Ot as SideNavGroup, kt as SideNavLink, At as Skeleton, jt as Slider, D as Spinner, P as Stat, F as StatRow, T as StatusPill, E as StatusPillAction, Jt as Tab, Mt as TabBar, Nt as TabBarItem, Yt as TabList, Xt as TabPanel, Pt as Table, Ft as TableBody, It as TableCell, Lt as TableContainer, Rt as TableEmpty, zt as TableFooter, Bt as TableFooterCell, Vt as TableHead, Ht as TableHeader, Kt as TableOfContents, Ut as TableRow, Wt as TableSpacerRow, qt as Tabs, nn as TextArea, Sn as ThemeScript, xn as ThemeToggle, se as ToastProvider, rn as Toggle, an as Tooltip, on as TooltipContent, sn as TooltipTrigger, Zt as TreeCell, Qt as TreeLabel, $t as TreeRow, en as TreeToggle, We as addDays, Se as addMonths, Ge as addMonthsToDate, t as applyGraphicsMode, dn as applyPreset, fn as applyTheme, k as buttonVariants, pn as contrastRatio, st as convertMinor, x as cropImageToSquare, d as currencySymbol, Ce as currentMonth, mn as customize, C as cva, e as cx, Ke as dayIndex, qe as dayOfWeek, Je as daysBetween, Ye as daysInMonth, n as detectGraphicsMode, f as formatAmount, Xe as formatDate, Ze as formatDateRange, p as formatMoney, we as formatMonth, Qe as fromDayIndex, Te as fromMonthIndex, $e as isDate, Ee as isMonth, ct as isRateTable, m as minorDigits, De as monthIndex, Oe as monthNames, ke as monthRange, Ae as monthsBetween, Ve as niceTicks, hn as normalizeTheme, gn as oklchToLinearRgb, Ne as paletteColor, h as parseMoney, g as parseMoneyInput, yn as prepareThemeWave, lt as rateBetween, _n as resetTheme, Cn as themeScript, vn as themeVars, bn as themeWave, et as today, r as useAnchoredPopup, K as useField, q as useFieldProps, wn as useHydrated, pt as useMoneyInput, Gt as useSort, ce as useToast, le as useToastHost, tn as useTree, Q as useVirtualList, tt as weekStart, nt 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"}