@techsio/ui-kit 0.41.0 → 0.41.2

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 (112) hide show
  1. package/README.md +2 -1
  2. package/dist/atoms/numeric-input.js +3 -3
  3. package/dist/atoms/rating.js +3 -3
  4. package/dist/atoms/tooltip.js +3 -3
  5. package/dist/molecules/accordion.js +3 -3
  6. package/dist/molecules/carousel.js +3 -3
  7. package/dist/molecules/chart.js +1 -1
  8. package/dist/molecules/dialog.js +3 -3
  9. package/dist/molecules/menu.js +5 -5
  10. package/dist/molecules/radio-group.js +3 -3
  11. package/dist/molecules/select.js +4 -4
  12. package/dist/molecules/slider.js +3 -3
  13. package/dist/molecules/switch.js +3 -3
  14. package/dist/molecules/tabs.js +3 -3
  15. package/dist/molecules/toast.js +6 -6
  16. package/dist/molecules/tree-view.js +4 -4
  17. package/dist/organisms/data-table.fields.js +1 -1
  18. package/dist/organisms/data-table.js +7 -7
  19. package/dist/src/atoms/action-icon.d.ts +1 -1
  20. package/dist/src/atoms/button.d.ts +1 -1
  21. package/dist/src/atoms/link-button.d.ts +1 -1
  22. package/dist/src/atoms/numeric-input.d.ts +1 -1
  23. package/dist/src/atoms/status-text.d.ts +1 -1
  24. package/dist/src/molecules/accordion.d.ts +1 -1
  25. package/dist/src/molecules/breadcrumb.d.ts +2 -2
  26. package/dist/src/molecules/carousel.d.ts +2 -2
  27. package/dist/src/molecules/combobox.d.ts +1 -1
  28. package/dist/src/molecules/form-input.d.ts +1 -1
  29. package/dist/src/molecules/form-numeric-input.d.ts +1 -1
  30. package/dist/src/molecules/form-textarea.d.ts +1 -1
  31. package/dist/src/molecules/menu.d.ts +1 -1
  32. package/dist/src/molecules/pagination.d.ts +1 -1
  33. package/dist/src/molecules/phone-input.d.ts +3 -3
  34. package/dist/src/molecules/popover.d.ts +1 -1
  35. package/dist/src/molecules/product-card.d.ts +4 -4
  36. package/dist/src/molecules/radio-card.d.ts +2 -2
  37. package/dist/src/molecules/radio-group.d.ts +2 -2
  38. package/dist/src/molecules/search-form.d.ts +5 -5
  39. package/dist/src/molecules/select.d.ts +1 -1
  40. package/dist/src/molecules/steps.d.ts +1 -1
  41. package/dist/src/molecules/tabs.d.ts +1 -1
  42. package/dist/src/molecules/tree-view.d.ts +1 -1
  43. package/dist/src/organisms/data-table.d.ts +8 -8
  44. package/dist/src/organisms/data-table.fields.d.ts +2 -2
  45. package/dist/src/organisms/data-table.helpers.d.ts +1 -1
  46. package/dist/src/organisms/gallery.d.ts +2 -2
  47. package/dist/src/templates/accordion.d.ts +2 -2
  48. package/dist/src/templates/breadcrumb.d.ts +2 -2
  49. package/dist/src/templates/carousel.d.ts +2 -2
  50. package/dist/src/templates/gallery.d.ts +3 -3
  51. package/dist/src/templates/numeric-input.d.ts +2 -2
  52. package/dist/src/templates/popover.d.ts +1 -1
  53. package/dist/src/templates/product-card.d.ts +2 -2
  54. package/dist/src/templates/select.d.ts +1 -1
  55. package/dist/src/templates/tabs.d.ts +1 -1
  56. package/dist/src/theme/theme-provider.d.ts +1 -1
  57. package/dist/stories/atoms/badge.stories.d.ts +1 -1
  58. package/dist/stories/atoms/button.stories.d.ts +1 -1
  59. package/dist/stories/atoms/checkbox.stories.d.ts +1 -1
  60. package/dist/stories/atoms/icon.stories.d.ts +1 -1
  61. package/dist/stories/atoms/image.stories.d.ts +1 -1
  62. package/dist/stories/atoms/input.stories.d.ts +1 -1
  63. package/dist/stories/atoms/numeric-input.stories.d.ts +1 -1
  64. package/dist/stories/atoms/rating.stories.d.ts +1 -1
  65. package/dist/stories/atoms/skeleton.stories.d.ts +1 -1
  66. package/dist/stories/atoms/status-text.stories.d.ts +1 -1
  67. package/dist/stories/atoms/textarea.stories.d.ts +1 -1
  68. package/dist/stories/atoms/tooltip.stories.d.ts +2 -2
  69. package/dist/stories/helpers/icon-options.d.ts +1 -1
  70. package/dist/stories/molecules/accordion.stories.d.ts +1 -1
  71. package/dist/stories/molecules/breadcrumb.stories.d.ts +1 -1
  72. package/dist/stories/molecules/carousel.stories.d.ts +1 -1
  73. package/dist/stories/molecules/chart.stories.d.ts +1 -1
  74. package/dist/stories/molecules/color-select.stories.d.ts +1 -1
  75. package/dist/stories/molecules/combobox.stories.d.ts +1 -1
  76. package/dist/stories/molecules/dialog.stories.d.ts +1 -1
  77. package/dist/stories/molecules/form-checkbox.stories.d.ts +1 -1
  78. package/dist/stories/molecules/form-input.stories.d.ts +1 -1
  79. package/dist/stories/molecules/form-numeric-input.stories.d.ts +1 -1
  80. package/dist/stories/molecules/form-textarea.stories.d.ts +1 -1
  81. package/dist/stories/molecules/menu.stories.d.ts +1 -1
  82. package/dist/stories/molecules/pagination.stories.d.ts +1 -1
  83. package/dist/stories/molecules/phone-input.stories.d.ts +1 -1
  84. package/dist/stories/molecules/popover.stories.d.ts +1 -1
  85. package/dist/stories/molecules/product-card.stories.d.ts +1 -1
  86. package/dist/stories/molecules/radio-card.stories.d.ts +1 -1
  87. package/dist/stories/molecules/radio-group.stories.d.ts +1 -1
  88. package/dist/stories/molecules/search-form.stories.d.ts +1 -1
  89. package/dist/stories/molecules/select.stories.d.ts +1 -1
  90. package/dist/stories/molecules/slider.stories.d.ts +1 -1
  91. package/dist/stories/molecules/steps.stories.d.ts +1 -1
  92. package/dist/stories/molecules/switch.stories.d.ts +1 -1
  93. package/dist/stories/molecules/tabs.stories.d.ts +1 -1
  94. package/dist/stories/molecules/tree-view.stories.d.ts +1 -1
  95. package/dist/stories/organisms/data-table.stories.d.ts +1 -1
  96. package/dist/stories/organisms/footer.stories.d.ts +1 -1
  97. package/dist/stories/organisms/gallery.stories.d.ts +2 -2
  98. package/dist/stories/organisms/header.stories.d.ts +1 -1
  99. package/dist/stories/organisms/table.stories.d.ts +1 -1
  100. package/dist/stories/templates/accordion.stories.d.ts +1 -1
  101. package/dist/stories/templates/breadcrumb.stories.d.ts +1 -1
  102. package/dist/stories/templates/carousel.stories.d.ts +1 -1
  103. package/dist/stories/templates/gallery.stories.d.ts +1 -1
  104. package/dist/stories/templates/numeric-input.stories.d.ts +1 -1
  105. package/dist/stories/templates/popover.stories.d.ts +1 -1
  106. package/dist/stories/templates/product-card.stories.d.ts +1 -1
  107. package/dist/stories/templates/select.stories.d.ts +1 -1
  108. package/dist/stories/templates/tabs.stories.d.ts +1 -1
  109. package/dist/theme/theme-provider.js +4 -4
  110. package/dist/theme/theme-toggle.js +1 -1
  111. package/package.json +20 -12
  112. package/src/tokens/styles.d.ts +3 -0
package/README.md CHANGED
@@ -204,7 +204,8 @@ TEST_BASE_URL=http://127.0.0.1:6006 PLAYWRIGHT_WORKERS=6 pnpm -C libs/ui test:co
204
204
 
205
205
  ## 8. Publishing and releases
206
206
 
207
- - Build + publint: `pnpm -C libs/ui build` runs `rsbuild-plugin-publint` after the build; if exports/entrypoints are wrong, this command fails.
207
+ - Build: `pnpm -C libs/ui build` creates the package without release-only validation.
208
+ - Package output checks: `pnpm -C libs/ui check:package` builds, runs publint against package structure and exports, and runs AreTheTypesWrong across TypeScript module-resolution modes. CI and the release workflow run this command automatically.
208
209
  - Exports only, no barrel: import from explicit subpaths (e.g. `@techsio/ui-kit/atoms/button`, `@techsio/ui-kit/templates/accordion`, `@techsio/ui-kit/utils`). The package root is intentionally not exported.
209
210
  - Automated releases: `libs/ui/release.config.mjs` uses semantic-release (tag format `ui-kit-v<version>`) to publish to npm and create GitHub releases without pushing generated version/changelog commits back to the protected branch. While we are <1.0.0, `BREAKING CHANGE` commits are forced to “minor” bumps to stay in 0.x; remove that release rule when stabilizing for 1.0.0+ to restore SemVer majors.
210
211
  - Security posture: releases are restricted to GitHub Actions (`GITHUB_ACTIONS` required), npm publishes use trusted publishing through GitHub OIDC (`id-token: write`) and do not require an npm token.
@@ -1,10 +1,10 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { connect, machine } from "@zag-js/number-input";
3
2
  import { normalizeProps, useMachine } from "@zag-js/react";
4
3
  import { createContext, useContext, useId } from "react";
5
4
  import { tv } from "../utils.js";
6
5
  import { Button } from "./button.js";
7
6
  import { Input } from "./input.js";
7
+ import * as __rspack_external__zag_js_number_input_f1a1f439 from "@zag-js/number-input";
8
8
  const numericInputVariants = tv({
9
9
  slots: {
10
10
  root: [
@@ -100,7 +100,7 @@ function NumericInput({ id, name, size, disabled = false, required = false, patt
100
100
  };
101
101
  const stringValue = void 0 !== value ? formatValue(value) : void 0;
102
102
  const stringDefaultValue = void 0 !== defaultValue ? formatValue(defaultValue) : void 0;
103
- const service = useMachine(machine, {
103
+ const service = useMachine(__rspack_external__zag_js_number_input_f1a1f439.machine, {
104
104
  id: uniqueId,
105
105
  min,
106
106
  max,
@@ -126,7 +126,7 @@ function NumericInput({ id, name, size, disabled = false, required = false, patt
126
126
  },
127
127
  focusInputOnChange: true
128
128
  });
129
- const api = connect(service, normalizeProps);
129
+ const api = __rspack_external__zag_js_number_input_f1a1f439.connect(service, normalizeProps);
130
130
  const styles = numericInputVariants({
131
131
  size
132
132
  });
@@ -1,9 +1,9 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import { connect, machine } from "@zag-js/rating-group";
3
2
  import { normalizeProps, useMachine } from "@zag-js/react";
4
3
  import { useId } from "react";
5
4
  import { tv } from "../utils.js";
6
5
  import { Label } from "./label.js";
6
+ import * as __rspack_external__zag_js_rating_group_32de5b57 from "@zag-js/rating-group";
7
7
  const rating = tv({
8
8
  slots: {
9
9
  root: [
@@ -61,7 +61,7 @@ const rating = tv({
61
61
  function Rating({ value, defaultValue, count = 5, labelText, readOnly = false, disabled = false, allowHalf = true, name, dir = "ltr", translations, onChange, onHoverChange, size = "md", className, ...props }) {
62
62
  const generatedId = useId();
63
63
  const uniqueId = props.id || generatedId;
64
- const service = useMachine(machine, {
64
+ const service = useMachine(__rspack_external__zag_js_rating_group_32de5b57.machine, {
65
65
  id: uniqueId,
66
66
  count,
67
67
  value,
@@ -79,7 +79,7 @@ function Rating({ value, defaultValue, count = 5, labelText, readOnly = false, d
79
79
  onHoverChange?.(hoveredValue);
80
80
  }
81
81
  });
82
- const api = connect(service, normalizeProps);
82
+ const api = __rspack_external__zag_js_rating_group_32de5b57.connect(service, normalizeProps);
83
83
  const { root, control, itemWrapper, item } = rating({
84
84
  size,
85
85
  isInteractive: !(readOnly || disabled)
@@ -1,8 +1,8 @@
1
1
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
2
  import { Portal, normalizeProps, useMachine } from "@zag-js/react";
3
- import { connect, machine } from "@zag-js/tooltip";
4
3
  import { useId } from "react";
5
4
  import { tv } from "tailwind-variants";
5
+ import * as __rspack_external__zag_js_tooltip_cb65b1a2 from "@zag-js/tooltip";
6
6
  const tooltipVariants = tv({
7
7
  slots: {
8
8
  trigger: [
@@ -50,7 +50,7 @@ function Tooltip({ content, children, className, ref, size, variant, id: MRAId,
50
50
  }, gutter, flip, sameWidth, boundary, listeners, strategy }) {
51
51
  const generatedId = useId();
52
52
  const id = MRAId || generatedId;
53
- const service = useMachine(machine, {
53
+ const service = useMachine(__rspack_external__zag_js_tooltip_cb65b1a2.machine, {
54
54
  id,
55
55
  dir,
56
56
  open,
@@ -75,7 +75,7 @@ function Tooltip({ content, children, className, ref, size, variant, id: MRAId,
75
75
  strategy
76
76
  }
77
77
  });
78
- const api = connect(service, normalizeProps);
78
+ const api = __rspack_external__zag_js_tooltip_cb65b1a2.connect(service, normalizeProps);
79
79
  const { trigger, positioner, content: contentSlot, arrow } = tooltipVariants({
80
80
  variant,
81
81
  size
@@ -1,10 +1,10 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { connect, machine } from "@zag-js/accordion";
3
2
  import { normalizeProps, useMachine } from "@zag-js/react";
4
3
  import { createContext, useContext, useId } from "react";
5
4
  import { Button } from "../atoms/button.js";
6
5
  import { Icon } from "../atoms/icon.js";
7
6
  import { tv } from "../utils.js";
7
+ import * as __rspack_external__zag_js_accordion_dea8b50f from "@zag-js/accordion";
8
8
  const accordionVariants = tv({
9
9
  slots: {
10
10
  root: [
@@ -109,7 +109,7 @@ function useAccordionItemContext() {
109
109
  function Accordion({ id, defaultValue, value, collapsible = true, multiple = false, dir = "ltr", onChange, size, shadow, disabled = false, children, ref, className, variant, ...props }) {
110
110
  const generatedId = useId();
111
111
  const uniqueId = id || generatedId;
112
- const service = useMachine(machine, {
112
+ const service = useMachine(__rspack_external__zag_js_accordion_dea8b50f.machine, {
113
113
  id: uniqueId,
114
114
  value,
115
115
  defaultValue,
@@ -122,7 +122,7 @@ function Accordion({ id, defaultValue, value, collapsible = true, multiple = fal
122
122
  onChange?.(newValue);
123
123
  }
124
124
  });
125
- const api = connect(service, normalizeProps);
125
+ const api = __rspack_external__zag_js_accordion_dea8b50f.connect(service, normalizeProps);
126
126
  const styles = accordionVariants({
127
127
  size,
128
128
  shadow,
@@ -1,10 +1,10 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { connect, machine } from "@zag-js/carousel";
3
2
  import { normalizeProps, useMachine } from "@zag-js/react";
4
3
  import { createContext, useContext, useId } from "react";
5
4
  import { tv } from "tailwind-variants";
6
5
  import { Button } from "../atoms/button.js";
7
6
  import { Image } from "../atoms/image.js";
7
+ import * as __rspack_external__zag_js_carousel_a12b93a3 from "@zag-js/carousel";
8
8
  const carouselVariants = tv({
9
9
  slots: {
10
10
  wrapper: [
@@ -186,7 +186,7 @@ const useCarouselContext = ()=>{
186
186
  };
187
187
  function Carousel({ id, size, objectFit, aspectRatio, orientation = "horizontal", slideCount = 1, loop = true, autoplay = false, allowMouseDrag = true, slidesPerPage = 1, slidesPerMove = 1, spacing = "0px", padding = "0px", dir = "ltr", snapType = "mandatory", className, children, width, height, onPageChange, ...props }) {
188
188
  const fallbackId = useId();
189
- const service = useMachine(machine, {
189
+ const service = useMachine(__rspack_external__zag_js_carousel_a12b93a3.machine, {
190
190
  id: id ?? fallbackId,
191
191
  slideCount,
192
192
  autoplay,
@@ -202,7 +202,7 @@ function Carousel({ id, size, objectFit, aspectRatio, orientation = "horizontal"
202
202
  onPageChange,
203
203
  ...props
204
204
  });
205
- const api = connect(service, normalizeProps);
205
+ const api = __rspack_external__zag_js_carousel_a12b93a3.connect(service, normalizeProps);
206
206
  const { wrapper, root } = carouselVariants({
207
207
  size,
208
208
  objectFit,
@@ -158,7 +158,7 @@ function resolveBuild(config) {
158
158
  };
159
159
  }
160
160
  function warnOnSeriesOverflow(data, getColorIdentity) {
161
- const isProduction = "undefined" != typeof process && process.env?.NODE_ENV === "production";
161
+ const isProduction = "u" > typeof process && process.env?.NODE_ENV === "production";
162
162
  if (null == getColorIdentity || isProduction) return;
163
163
  const distinct = new Set(data.map((datum)=>String(getColorIdentity(datum))));
164
164
  if (distinct.size > MAX_SERIES) console.warn(`Chart: ${distinct.size} distinct colors exceeds the ${MAX_SERIES}-color palette; everything beyond the sixth reuses an earlier color and cannot be told apart. Group the long tail into an “Other” bucket, or split into small multiples.`);
@@ -1,10 +1,10 @@
1
1
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
- import { connect, machine } from "@zag-js/dialog";
3
2
  import { Portal, normalizeProps, useMachine } from "@zag-js/react";
4
3
  import { useId } from "react";
5
4
  import { tv } from "tailwind-variants";
6
5
  import { ActionIcon } from "../atoms/action-icon.js";
7
6
  import { Button } from "../atoms/button.js";
7
+ import * as __rspack_external__zag_js_dialog_5c81bb31 from "@zag-js/dialog";
8
8
  const dialogVariants = tv({
9
9
  slots: {
10
10
  backdrop: [
@@ -227,7 +227,7 @@ const dialogVariants = tv({
227
227
  function Dialog({ id, open, onOpenChange, initialFocusEl, finalFocusEl, role = "dialog", placement = "center", position = "fixed", size = "md", behavior = "modal", closeOnEscape = true, closeOnInteractOutside = true, preventScroll = true, trapFocus = true, customTrigger = false, triggerText = "Open", title, description, children, hideCloseButton = false, actions, className, modal = true, portal = true }) {
228
228
  const generatedId = useId();
229
229
  const uniqueId = id || generatedId;
230
- const service = useMachine(machine, {
230
+ const service = useMachine(__rspack_external__zag_js_dialog_5c81bb31.machine, {
231
231
  id: uniqueId,
232
232
  onOpenChange,
233
233
  role,
@@ -242,7 +242,7 @@ function Dialog({ id, open, onOpenChange, initialFocusEl, finalFocusEl, role = "
242
242
  open
243
243
  }
244
244
  });
245
- const api = connect(service, normalizeProps);
245
+ const api = __rspack_external__zag_js_dialog_5c81bb31.connect(service, normalizeProps);
246
246
  const contentProps = api.getContentProps();
247
247
  const handleContentKeyDown = (event)=>{
248
248
  contentProps.onKeyDown?.(event);
@@ -1,10 +1,10 @@
1
1
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
- import { connect, machine } from "@zag-js/menu";
3
2
  import { Portal, normalizeProps, useMachine } from "@zag-js/react";
4
3
  import { cloneElement, isValidElement, useEffect, useId } from "react";
5
4
  import { tv } from "tailwind-variants";
6
5
  import { Button } from "../atoms/button.js";
7
6
  import { Icon } from "../atoms/icon.js";
7
+ import * as __rspack_external__zag_js_menu_d3b38dd2 from "@zag-js/menu";
8
8
  const menuVariants = tv({
9
9
  slots: {
10
10
  trigger: "",
@@ -73,12 +73,12 @@ const menuVariants = tv({
73
73
  }
74
74
  });
75
75
  function SubmenuItem({ item, parentApi, parentService, size = "md", onCheckedChange, onSelect, closeOnSelect = true }) {
76
- const submenuService = useMachine(machine, {
76
+ const submenuService = useMachine(__rspack_external__zag_js_menu_d3b38dd2.machine, {
77
77
  id: useId(),
78
78
  closeOnSelect,
79
79
  onSelect
80
80
  });
81
- const submenuApi = connect(submenuService, normalizeProps);
81
+ const submenuApi = __rspack_external__zag_js_menu_d3b38dd2.connect(submenuService, normalizeProps);
82
82
  useEffect(()=>{
83
83
  parentApi.setChild(submenuService);
84
84
  submenuApi.setParent(parentService);
@@ -184,7 +184,7 @@ function SubmenuItem({ item, parentApi, parentService, size = "md", onCheckedCha
184
184
  }
185
185
  function Menu({ "aria-label": ariaLabel, dir, id, closeOnSelect = true, loopFocus = true, typeahead = true, positioning, anchorPoint, open, defaultOpen, composite, navigate, defaultHighlightedValue, highlightedValue, onHighlightChange, onSelect, onOpenChange, onEscapeKeyDown, onPointerDownOutside, onInteractOutside, onFocusOutside, items, triggerText = "Menu", triggerIcon, customTrigger, size = "md", onCheckedChange }) {
186
186
  const generatedId = useId();
187
- const service = useMachine(machine, {
187
+ const service = useMachine(__rspack_external__zag_js_menu_d3b38dd2.machine, {
188
188
  id: id || generatedId,
189
189
  dir,
190
190
  closeOnSelect,
@@ -207,7 +207,7 @@ function Menu({ "aria-label": ariaLabel, dir, id, closeOnSelect = true, loopFocu
207
207
  onHighlightChange,
208
208
  "aria-label": ariaLabel
209
209
  });
210
- const api = connect(service, normalizeProps);
210
+ const api = __rspack_external__zag_js_menu_d3b38dd2.connect(service, normalizeProps);
211
211
  const { trigger, positioner, content, separator, optionItem, item: itemSlot, itemIcon, itemText, itemIndicator } = menuVariants({
212
212
  size
213
213
  });
@@ -1,10 +1,10 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import { connect, machine } from "@zag-js/radio-group";
3
2
  import { normalizeProps, useMachine } from "@zag-js/react";
4
3
  import { createContext, useContext, useId } from "react";
5
4
  import { Label } from "../atoms/label.js";
6
5
  import { StatusText } from "../atoms/status-text.js";
7
6
  import { tv } from "../utils.js";
7
+ import * as __rspack_external__zag_js_radio_group_44acf138 from "@zag-js/radio-group";
8
8
  const radioGroupVariants = tv({
9
9
  slots: {
10
10
  root: [
@@ -144,7 +144,7 @@ function RadioGroup({ id: providedId, disabled = false, required = false, orient
144
144
  const generatedId = useId();
145
145
  const id = providedId || generatedId;
146
146
  const invalid = "error" === validateStatus;
147
- const service = useMachine(machine, {
147
+ const service = useMachine(__rspack_external__zag_js_radio_group_44acf138.machine, {
148
148
  ...machineProps,
149
149
  id,
150
150
  disabled,
@@ -155,7 +155,7 @@ function RadioGroup({ id: providedId, disabled = false, required = false, orient
155
155
  onValueChange?.(nextValue);
156
156
  }
157
157
  });
158
- const api = connect(service, normalizeProps);
158
+ const api = __rspack_external__zag_js_radio_group_44acf138.connect(service, normalizeProps);
159
159
  const styles = radioGroupVariants({
160
160
  size,
161
161
  variant
@@ -1,6 +1,5 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { Portal, normalizeProps, useMachine } from "@zag-js/react";
3
- import { collection as select_collection, connect, machine } from "@zag-js/select";
4
3
  import { createContext, useContext, useId } from "react";
5
4
  import { tv } from "tailwind-variants";
6
5
  import { ActionIcon } from "../atoms/action-icon.js";
@@ -8,6 +7,7 @@ import { Button } from "../atoms/button.js";
8
7
  import { Icon } from "../atoms/icon.js";
9
8
  import { Label } from "../atoms/label.js";
10
9
  import { StatusText } from "../atoms/status-text.js";
10
+ import * as __rspack_external__zag_js_select_2818cf80 from "@zag-js/select";
11
11
  const toControlSize = (size)=>"xs" === size ? "sm" : size;
12
12
  const controlGlyphClass = {
13
13
  sm: "text-icon-control-sm",
@@ -149,13 +149,13 @@ function Select({ items, id: providedId, size = "md", value, defaultValue, multi
149
149
  const generatedId = useId();
150
150
  const id = providedId || generatedId;
151
151
  const invalid = "error" === validateStatus;
152
- const collection = select_collection({
152
+ const collection = __rspack_external__zag_js_select_2818cf80.collection({
153
153
  items,
154
154
  itemToString: (item)=>item.displayValue || item.value,
155
155
  itemToValue: (item)=>item.value,
156
156
  isItemDisabled: (item)=>!!item.disabled
157
157
  });
158
- const service = useMachine(machine, {
158
+ const service = useMachine(__rspack_external__zag_js_select_2818cf80.machine, {
159
159
  id,
160
160
  collection,
161
161
  name,
@@ -173,7 +173,7 @@ function Select({ items, id: providedId, size = "md", value, defaultValue, multi
173
173
  onOpenChange,
174
174
  onHighlightChange
175
175
  });
176
- const api = connect(service, normalizeProps);
176
+ const api = __rspack_external__zag_js_select_2818cf80.connect(service, normalizeProps);
177
177
  const styles = selectVariants({
178
178
  size
179
179
  });
@@ -1,10 +1,10 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { normalizeProps, useMachine } from "@zag-js/react";
3
- import { connect, machine } from "@zag-js/slider";
4
3
  import { useId } from "react";
5
4
  import { Label } from "../atoms/label.js";
6
5
  import { StatusText } from "../atoms/status-text.js";
7
6
  import { slugify, tv } from "../utils.js";
7
+ import * as __rspack_external__zag_js_slider_b64ec793 from "@zag-js/slider";
8
8
  const sliderVariants = tv({
9
9
  slots: {
10
10
  root: [
@@ -222,7 +222,7 @@ function Slider({ id, name, label, validateStatus, helpText, showHelpTextIcon =
222
222
  const resolvedValue = isControlled ? normalizeSliderValues(value, fallbackValues, resolvedConfig) : void 0;
223
223
  const resolvedDefaultValue = isControlled ? void 0 : normalizeSliderValues(defaultValue, fallbackValues, resolvedConfig);
224
224
  const valueTextValues = apiValueFallback(resolvedValue, resolvedDefaultValue, fallbackValues);
225
- const service = useMachine(machine, {
225
+ const service = useMachine(__rspack_external__zag_js_slider_b64ec793.machine, {
226
226
  id: uniqueId,
227
227
  name,
228
228
  value: resolvedValue,
@@ -240,7 +240,7 @@ function Slider({ id, name, label, validateStatus, helpText, showHelpTextIcon =
240
240
  onValueChange: (details)=>onChange?.(details.value),
241
241
  onValueChangeEnd: (details)=>onChangeEnd?.(details.value)
242
242
  });
243
- const api = connect(service, normalizeProps);
243
+ const api = __rspack_external__zag_js_slider_b64ec793.connect(service, normalizeProps);
244
244
  const { root, label: labelSlot, control, track, range, thumb, header, value: valueSlot, markerGroup, marker, markerLine, markerText } = sliderVariants({
245
245
  className,
246
246
  size
@@ -1,10 +1,10 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { normalizeProps, useMachine } from "@zag-js/react";
3
- import { connect, machine } from "@zag-js/switch";
4
3
  import { useId } from "react";
5
4
  import { Label } from "../atoms/label.js";
6
5
  import { StatusText } from "../atoms/status-text.js";
7
6
  import { tv } from "../utils.js";
7
+ import * as __rspack_external__zag_js_switch_171a0128 from "@zag-js/switch";
8
8
  const switchVariants = tv({
9
9
  slots: {
10
10
  root: [
@@ -49,7 +49,7 @@ const switchVariants = tv({
49
49
  function Switch({ id, name, value, checked, defaultChecked, disabled = false, readOnly = false, required = false, dir = "ltr", children, className, onCheckedChange, validateStatus, helpText, showHelpTextIcon = true }) {
50
50
  const generatedId = useId();
51
51
  const uniqueId = id || generatedId;
52
- const service = useMachine(machine, {
52
+ const service = useMachine(__rspack_external__zag_js_switch_171a0128.machine, {
53
53
  id: uniqueId,
54
54
  name,
55
55
  value,
@@ -62,7 +62,7 @@ function Switch({ id, name, value, checked, defaultChecked, disabled = false, re
62
62
  required,
63
63
  onCheckedChange: ({ checked })=>onCheckedChange?.(checked)
64
64
  });
65
- const api = connect(service, normalizeProps);
65
+ const api = __rspack_external__zag_js_switch_171a0128.connect(service, normalizeProps);
66
66
  const { root, control, thumb, label, hiddenInput } = switchVariants({
67
67
  className
68
68
  });
@@ -1,9 +1,9 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { mergeProps, normalizeProps, useMachine } from "@zag-js/react";
3
- import { connect, machine } from "@zag-js/tabs";
4
3
  import { createContext, useContext, useId } from "react";
5
4
  import { Button } from "../atoms/button.js";
6
5
  import { tv } from "../utils.js";
6
+ import * as __rspack_external__zag_js_tabs_b98983a9 from "@zag-js/tabs";
7
7
  const tabsVariants = tv({
8
8
  slots: {
9
9
  root: [
@@ -116,7 +116,7 @@ function useTabsContext() {
116
116
  function Tabs({ id, defaultValue, value, orientation = "horizontal", dir = "ltr", activationMode = "automatic", loopFocus = true, onValueChange, variant, size, fitted, justify, children, ref, className, ...props }) {
117
117
  const generatedId = useId();
118
118
  const uniqueId = id || generatedId;
119
- const service = useMachine(machine, {
119
+ const service = useMachine(__rspack_external__zag_js_tabs_b98983a9.machine, {
120
120
  id: uniqueId,
121
121
  value,
122
122
  defaultValue,
@@ -128,7 +128,7 @@ function Tabs({ id, defaultValue, value, orientation = "horizontal", dir = "ltr"
128
128
  onValueChange?.(value);
129
129
  }
130
130
  });
131
- const api = connect(service, normalizeProps);
131
+ const api = __rspack_external__zag_js_tabs_b98983a9.connect(service, normalizeProps);
132
132
  const styles = tabsVariants({
133
133
  variant,
134
134
  size,
@@ -1,9 +1,9 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { Portal, normalizeProps, useMachine } from "@zag-js/react";
3
- import { connect, createStore, group as toast_group, machine } from "@zag-js/toast";
4
3
  import { useId } from "react";
5
4
  import { ActionIcon } from "../atoms/action-icon.js";
6
5
  import { tv } from "../utils.js";
6
+ import * as __rspack_external__zag_js_toast_856c971b from "@zag-js/toast";
7
7
  const toastVariants = tv({
8
8
  slots: {
9
9
  root: [
@@ -51,8 +51,8 @@ function Toast({ actor, index, parent, placement }) {
51
51
  parent,
52
52
  placement
53
53
  };
54
- const service = useMachine(machine, composedProps);
55
- const api = connect(service, normalizeProps);
54
+ const service = useMachine(__rspack_external__zag_js_toast_856c971b.machine, composedProps);
55
+ const api = __rspack_external__zag_js_toast_856c971b.connect(service, normalizeProps);
56
56
  const { root, header, icon, title, description, closeButton } = toastVariants();
57
57
  return /*#__PURE__*/ jsxs("div", {
58
58
  className: root(),
@@ -96,17 +96,17 @@ function Toast({ actor, index, parent, placement }) {
96
96
  ]
97
97
  });
98
98
  }
99
- const toaster = createStore({
99
+ const toaster = __rspack_external__zag_js_toast_856c971b.createStore({
100
100
  placement: "bottom-end",
101
101
  gap: 16,
102
102
  offsets: "24px"
103
103
  });
104
104
  function Toaster() {
105
- const service = useMachine(toast_group.machine, {
105
+ const service = useMachine(__rspack_external__zag_js_toast_856c971b.group.machine, {
106
106
  id: useId(),
107
107
  store: toaster
108
108
  });
109
- const api = toast_group.connect(service, normalizeProps);
109
+ const api = __rspack_external__zag_js_toast_856c971b.group.connect(service, normalizeProps);
110
110
  const { group } = toastVariants();
111
111
  return /*#__PURE__*/ jsx(Portal, {
112
112
  children: /*#__PURE__*/ jsx("div", {
@@ -1,9 +1,9 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { normalizeProps, useMachine } from "@zag-js/react";
3
- import { collection as tree_view_collection, connect, machine } from "@zag-js/tree-view";
4
3
  import { createContext, useContext, useId } from "react";
5
4
  import { Icon } from "../atoms/icon.js";
6
5
  import { tv } from "../utils.js";
6
+ import * as __rspack_external__zag_js_tree_view_6365b65d from "@zag-js/tree-view";
7
7
  const treeViewVariants = tv({
8
8
  slots: {
9
9
  root: "relative rounded-tree-view bg-tree-view-root-bg",
@@ -137,7 +137,7 @@ function useTreeViewNodeContext() {
137
137
  function TreeView({ id, data, size, selectionBehavior = "all", dir = "ltr", selectionMode = "single", expandedValue, selectedValue, focusedValue, defaultExpandedValue, defaultSelectedValue, expandOnClick = true, typeahead = true, onExpandedChange, onSelectionChange, onFocusChange, children, className, ...props }) {
138
138
  const generatedId = useId();
139
139
  const uniqueId = id || generatedId;
140
- const collection = tree_view_collection({
140
+ const collection = __rspack_external__zag_js_tree_view_6365b65d.collection({
141
141
  nodeToValue: (node)=>node.id,
142
142
  nodeToString: (node)=>node.name,
143
143
  rootNode: {
@@ -146,7 +146,7 @@ function TreeView({ id, data, size, selectionBehavior = "all", dir = "ltr", sele
146
146
  children: data
147
147
  }
148
148
  });
149
- const service = useMachine(machine, {
149
+ const service = useMachine(__rspack_external__zag_js_tree_view_6365b65d.machine, {
150
150
  id: uniqueId,
151
151
  collection,
152
152
  dir,
@@ -162,7 +162,7 @@ function TreeView({ id, data, size, selectionBehavior = "all", dir = "ltr", sele
162
162
  onSelectionChange,
163
163
  onFocusChange
164
164
  });
165
- const api = connect(service, normalizeProps);
165
+ const api = __rspack_external__zag_js_tree_view_6365b65d.connect(service, normalizeProps);
166
166
  const styles = treeViewVariants({
167
167
  size
168
168
  });
@@ -603,7 +603,7 @@ function matchNumber(cell, f) {
603
603
  return n === target;
604
604
  }
605
605
  }
606
- const END_OF_DAY_MS = 86399999;
606
+ const END_OF_DAY_MS = 86400000 - 1;
607
607
  const DATE_ONLY_RE = /^\d{4}-\d{2}-\d{2}$/;
608
608
  const time = (v)=>{
609
609
  const raw = String(v);
@@ -428,7 +428,7 @@ function checkReachEnd(distance, reachEndThreshold, reachedEndRef, onReachEnd) {
428
428
  }
429
429
  } else reachedEndRef.current = false;
430
430
  }
431
- const useIsomorphicLayoutEffect = "undefined" == typeof window ? useEffect : useLayoutEffect;
431
+ const useIsomorphicLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
432
432
  function clampSelection(selectedIds, previous, max) {
433
433
  return [
434
434
  ...selectedIds.filter((id)=>previous[id]),
@@ -818,7 +818,7 @@ function DataTable(props) {
818
818
  const hasWarnedAboutUnboundedVirtualization = useRef(false);
819
819
  const hasWarnedAboutVirtualizedCellSpan = useRef(false);
820
820
  useEffect(()=>{
821
- if (!(virtualizationUsable && getCellSpan) || hasWarnedAboutVirtualizedCellSpan.current || "undefined" == typeof process || process.env?.NODE_ENV === "production") return;
821
+ if (!(virtualizationUsable && getCellSpan) || hasWarnedAboutVirtualizedCellSpan.current || "u" < typeof process || process.env?.NODE_ENV === "production") return;
822
822
  hasWarnedAboutVirtualizedCellSpan.current = true;
823
823
  console.warn("DataTable: getCellSpan and enableVirtualization are both set. rowSpan/colSpan require the merged rows to be adjacent DOM siblings, which virtualization's windowing does not guarantee — a spanning cell's owner row can scroll out of view while a `hidden: true` follower row stays rendered, leaving a gap.");
824
824
  }, [
@@ -827,7 +827,7 @@ function DataTable(props) {
827
827
  ]);
828
828
  const hasWarnedAboutVirtualizedRowReorder = useRef(false);
829
829
  useEffect(()=>{
830
- if (!(virtualizationUsable && enableRowReorder) || hasWarnedAboutVirtualizedRowReorder.current || "undefined" == typeof process || process.env?.NODE_ENV === "production") return;
830
+ if (!(virtualizationUsable && enableRowReorder) || hasWarnedAboutVirtualizedRowReorder.current || "u" < typeof process || process.env?.NODE_ENV === "production") return;
831
831
  hasWarnedAboutVirtualizedRowReorder.current = true;
832
832
  console.warn("DataTable: enableRowReorder and enableVirtualization are both set. Dragging a row toward a target outside the currently rendered window is unreliable — dnd-kit only tracks rows that are actually mounted, not the full row list.");
833
833
  }, [
@@ -839,7 +839,7 @@ function DataTable(props) {
839
839
  hasWarnedAboutUnboundedVirtualization.current = false;
840
840
  return;
841
841
  }
842
- if (hasWarnedAboutUnboundedVirtualization.current || "undefined" == typeof process || process.env?.NODE_ENV === "production") return;
842
+ if (hasWarnedAboutUnboundedVirtualization.current || "u" < typeof process || process.env?.NODE_ENV === "production") return;
843
843
  hasWarnedAboutUnboundedVirtualization.current = true;
844
844
  console.warn("DataTable: enableVirtualization has no effect without maxHeight — the scroll container never gets a bounded height to measure scrollTop against, so only the first batch of rows would render. Pass maxHeight to enable virtualization.");
845
845
  }, [
@@ -967,7 +967,7 @@ function DataTable(props) {
967
967
  const hasWarnedAboutPinnedActionsOverlap = useRef(false);
968
968
  useEffect(()=>{
969
969
  const endPinned = enableColumnPinning && table.getAllLeafColumns().some((c)=>"end" === c.getIsPinned());
970
- if (!(endPinned && stickyActions && hasActionsColumn) || hasWarnedAboutPinnedActionsOverlap.current || "undefined" == typeof process || process.env?.NODE_ENV === "production") return;
970
+ if (!(endPinned && stickyActions && hasActionsColumn) || hasWarnedAboutPinnedActionsOverlap.current || "u" < typeof process || process.env?.NODE_ENV === "production") return;
971
971
  hasWarnedAboutPinnedActionsOverlap.current = true;
972
972
  console.warn("DataTable: a column pinned to 'end' and the sticky actions cell both freeze at the trailing edge, so they overlap — the actions column is not part of the column model, so end-pinned offsets cannot account for its width. Use stickyActions={false}, or pin to 'start' instead.");
973
973
  }, [
@@ -979,7 +979,7 @@ function DataTable(props) {
979
979
  const hasWarnedAboutPinnedStringWidth = useRef(false);
980
980
  useEffect(()=>{
981
981
  const offender = enableColumnPinning && table.getAllLeafColumns().find((c)=>c.getIsPinned() && "string" == typeof c.columnDef.meta?.width);
982
- if (!offender || hasWarnedAboutPinnedStringWidth.current || "undefined" == typeof process || process.env?.NODE_ENV === "production") return;
982
+ if (!offender || hasWarnedAboutPinnedStringWidth.current || "u" < typeof process || process.env?.NODE_ENV === "production") return;
983
983
  hasWarnedAboutPinnedStringWidth.current = true;
984
984
  console.warn(`DataTable: pinned column "${offender.id}" declares a string meta.width, which cannot be mirrored into TanStack's numeric \`size\`. Frozen offsets are computed from \`size\`, so this column will be positioned as if it were the default width and overlap its neighbours. Give pinned columns a numeric meta.width.`);
985
985
  }, [
@@ -1627,7 +1627,7 @@ DataTable.ToolbarActions = function() {
1627
1627
  hasWarnedAboutToolbarOverflow.current = false;
1628
1628
  return;
1629
1629
  }
1630
- if (hasWarnedAboutToolbarOverflow.current || "undefined" == typeof process || process.env?.NODE_ENV === "production") return;
1630
+ if (hasWarnedAboutToolbarOverflow.current || "u" < typeof process || process.env?.NODE_ENV === "production") return;
1631
1631
  hasWarnedAboutToolbarOverflow.current = true;
1632
1632
  console.warn(`[DataTable] toolbarActions has ${count} actions; at most ${DATA_TABLE_MAX_TOOLBAR_ACTIONS} is recommended. They still render, but the toolbar gets crowded — consider moving the extras into a menu.`);
1633
1633
  }, [
@@ -11,7 +11,7 @@
11
11
  */
12
12
  import type { ButtonHTMLAttributes, Ref } from "react";
13
13
  import type { VariantProps } from "tailwind-variants";
14
- import { type IconType } from "./icon";
14
+ import { type IconType } from "./icon.js";
15
15
  declare const actionIconVariants: import("tailwind-variants").TVReturnType<{
16
16
  size: {
17
17
  sm: string;
@@ -11,7 +11,7 @@
11
11
  */
12
12
  import type { ButtonHTMLAttributes, ReactNode, Ref } from "react";
13
13
  import type { VariantProps } from "tailwind-variants";
14
- import { type IconType } from "./icon";
14
+ import { type IconType } from "./icon.js";
15
15
  export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
16
16
  variant: {
17
17
  primary: string;
@@ -11,7 +11,7 @@
11
11
  */
12
12
  import type { ComponentPropsWithoutRef, ElementType, ReactNode, Ref } from "react";
13
13
  import type { VariantProps } from "tailwind-variants";
14
- import { type IconProps, type IconType } from "./icon";
14
+ import { type IconProps, type IconType } from "./icon.js";
15
15
  declare const linkButton: import("tailwind-variants").TVReturnType<{} | {
16
16
  variant: {
17
17
  primary: import("tailwind-merge").ClassNameValue | {
@@ -11,7 +11,7 @@
11
11
  */
12
12
  import * as numberInput from "@zag-js/number-input";
13
13
  import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
14
- import type { IconType } from "./icon";
14
+ import type { IconType } from "./icon.js";
15
15
  export type NumericInputProps = Omit<numberInput.Props, "value" | "defaultValue" | "id"> & Omit<ComponentPropsWithoutRef<"div">, "onChange" | "children"> & {
16
16
  size?: "sm" | "md" | "lg";
17
17
  value?: number;
@@ -11,7 +11,7 @@
11
11
  */
12
12
  import type { HTMLAttributes, ReactNode, Ref } from "react";
13
13
  import type { VariantProps } from "tailwind-variants";
14
- import { type IconType } from "./icon";
14
+ import { type IconType } from "./icon.js";
15
15
  declare const statusTextVariants: import("tailwind-variants").TVReturnType<{
16
16
  status: {
17
17
  error: string;
@@ -1,6 +1,6 @@
1
1
  import { type ComponentPropsWithoutRef, type Ref } from "react";
2
2
  import type { VariantProps } from "tailwind-variants";
3
- import { type IconProps, type IconType } from "../atoms/icon";
3
+ import { type IconProps, type IconType } from "../atoms/icon.js";
4
4
  declare const accordionVariants: import("tailwind-variants").TVReturnType<{
5
5
  variant: {
6
6
  default: {
@@ -11,8 +11,8 @@
11
11
  */
12
12
  import { type ComponentPropsWithoutRef, type ElementType, type Ref } from "react";
13
13
  import type { VariantProps } from "tailwind-variants";
14
- import { type IconProps, type IconType } from "../atoms/icon";
15
- import { type LinkProps } from "../atoms/link";
14
+ import { type IconProps, type IconType } from "../atoms/icon.js";
15
+ import { type LinkProps } from "../atoms/link.js";
16
16
  declare const BreadcrumbVariants: import("tailwind-variants").TVReturnType<{
17
17
  variant: {
18
18
  plain: {};