@techsio/ui-kit 0.41.1 → 0.42.0

package/dist/molecules/menu.js

@@ -1,10 +1,10 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { connect, machine } from "@zag-js/menu";
 import { Portal, normalizeProps, useMachine } from "@zag-js/react";
 import { cloneElement, isValidElement, useEffect, useId } from "react";
 import { tv } from "tailwind-variants";
 import { Button } from "../atoms/button.js";
 import { Icon } from "../atoms/icon.js";
+import * as __rspack_external__zag_js_menu_d3b38dd2 from "@zag-js/menu";
 const menuVariants = tv({
     slots: {
         trigger: "",
@@ -73,12 +73,12 @@ const menuVariants = tv({
     }
 });
 function SubmenuItem({ item, parentApi, parentService, size = "md", onCheckedChange, onSelect, closeOnSelect = true }) {
-    const submenuService = useMachine(machine, {
+    const submenuService = useMachine(__rspack_external__zag_js_menu_d3b38dd2.machine, {
         id: useId(),
         closeOnSelect,
         onSelect
     });
-    const submenuApi = connect(submenuService, normalizeProps);
+    const submenuApi = __rspack_external__zag_js_menu_d3b38dd2.connect(submenuService, normalizeProps);
     useEffect(()=>{
         parentApi.setChild(submenuService);
         submenuApi.setParent(parentService);
@@ -184,7 +184,7 @@ function SubmenuItem({ item, parentApi, parentService, size = "md", onCheckedCha
 }
 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 }) {
     const generatedId = useId();
-    const service = useMachine(machine, {
+    const service = useMachine(__rspack_external__zag_js_menu_d3b38dd2.machine, {
         id: id || generatedId,
         dir,
         closeOnSelect,
@@ -207,7 +207,7 @@ function Menu({ "aria-label": ariaLabel, dir, id, closeOnSelect = true, loopFocu
         onHighlightChange,
         "aria-label": ariaLabel
     });
-    const api = connect(service, normalizeProps);
+    const api = __rspack_external__zag_js_menu_d3b38dd2.connect(service, normalizeProps);
     const { trigger, positioner, content, separator, optionItem, item: itemSlot, itemIcon, itemText, itemIndicator } = menuVariants({
         size
     });

package/dist/molecules/radio-group.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { connect, machine } from "@zag-js/radio-group";
 import { normalizeProps, useMachine } from "@zag-js/react";
 import { createContext, useContext, useId } from "react";
 import { Label } from "../atoms/label.js";
 import { StatusText } from "../atoms/status-text.js";
 import { tv } from "../utils.js";
+import * as __rspack_external__zag_js_radio_group_44acf138 from "@zag-js/radio-group";
 const radioGroupVariants = tv({
     slots: {
         root: [
@@ -144,7 +144,7 @@ function RadioGroup({ id: providedId, disabled = false, required = false, orient
     const generatedId = useId();
     const id = providedId || generatedId;
     const invalid = "error" === validateStatus;
-    const service = useMachine(machine, {
+    const service = useMachine(__rspack_external__zag_js_radio_group_44acf138.machine, {
         ...machineProps,
         id,
         disabled,
@@ -155,7 +155,7 @@ function RadioGroup({ id: providedId, disabled = false, required = false, orient
             onValueChange?.(nextValue);
         }
     });
-    const api = connect(service, normalizeProps);
+    const api = __rspack_external__zag_js_radio_group_44acf138.connect(service, normalizeProps);
     const styles = radioGroupVariants({
         size,
         variant

package/dist/molecules/select.js

@@ -1,6 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Portal, normalizeProps, useMachine } from "@zag-js/react";
-import { collection as select_collection, connect, machine } from "@zag-js/select";
 import { createContext, useContext, useId } from "react";
 import { tv } from "tailwind-variants";
 import { ActionIcon } from "../atoms/action-icon.js";
@@ -8,6 +7,7 @@ import { Button } from "../atoms/button.js";
 import { Icon } from "../atoms/icon.js";
 import { Label } from "../atoms/label.js";
 import { StatusText } from "../atoms/status-text.js";
+import * as __rspack_external__zag_js_select_2818cf80 from "@zag-js/select";
 const toControlSize = (size)=>"xs" === size ? "sm" : size;
 const controlGlyphClass = {
     sm: "text-icon-control-sm",
@@ -149,13 +149,13 @@ function Select({ items, id: providedId, size = "md", value, defaultValue, multi
     const generatedId = useId();
     const id = providedId || generatedId;
     const invalid = "error" === validateStatus;
-    const collection = select_collection({
+    const collection = __rspack_external__zag_js_select_2818cf80.collection({
         items,
         itemToString: (item)=>item.displayValue || item.value,
         itemToValue: (item)=>item.value,
         isItemDisabled: (item)=>!!item.disabled
     });
-    const service = useMachine(machine, {
+    const service = useMachine(__rspack_external__zag_js_select_2818cf80.machine, {
         id,
         collection,
         name,
@@ -173,7 +173,7 @@ function Select({ items, id: providedId, size = "md", value, defaultValue, multi
         onOpenChange,
         onHighlightChange
     });
-    const api = connect(service, normalizeProps);
+    const api = __rspack_external__zag_js_select_2818cf80.connect(service, normalizeProps);
     const styles = selectVariants({
         size
     });

package/dist/molecules/slider.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { normalizeProps, useMachine } from "@zag-js/react";
-import { connect, machine } from "@zag-js/slider";
 import { useId } from "react";
 import { Label } from "../atoms/label.js";
 import { StatusText } from "../atoms/status-text.js";
 import { slugify, tv } from "../utils.js";
+import * as __rspack_external__zag_js_slider_b64ec793 from "@zag-js/slider";
 const sliderVariants = tv({
     slots: {
         root: [
@@ -222,7 +222,7 @@ function Slider({ id, name, label, validateStatus, helpText, showHelpTextIcon =
     const resolvedValue = isControlled ? normalizeSliderValues(value, fallbackValues, resolvedConfig) : void 0;
     const resolvedDefaultValue = isControlled ? void 0 : normalizeSliderValues(defaultValue, fallbackValues, resolvedConfig);
     const valueTextValues = apiValueFallback(resolvedValue, resolvedDefaultValue, fallbackValues);
-    const service = useMachine(machine, {
+    const service = useMachine(__rspack_external__zag_js_slider_b64ec793.machine, {
         id: uniqueId,
         name,
         value: resolvedValue,
@@ -240,7 +240,7 @@ function Slider({ id, name, label, validateStatus, helpText, showHelpTextIcon =
         onValueChange: (details)=>onChange?.(details.value),
         onValueChangeEnd: (details)=>onChangeEnd?.(details.value)
     });
-    const api = connect(service, normalizeProps);
+    const api = __rspack_external__zag_js_slider_b64ec793.connect(service, normalizeProps);
     const { root, label: labelSlot, control, track, range, thumb, header, value: valueSlot, markerGroup, marker, markerLine, markerText } = sliderVariants({
         className,
         size

package/dist/molecules/switch.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { normalizeProps, useMachine } from "@zag-js/react";
-import { connect, machine } from "@zag-js/switch";
 import { useId } from "react";
 import { Label } from "../atoms/label.js";
 import { StatusText } from "../atoms/status-text.js";
 import { tv } from "../utils.js";
+import * as __rspack_external__zag_js_switch_171a0128 from "@zag-js/switch";
 const switchVariants = tv({
     slots: {
         root: [
@@ -49,7 +49,7 @@ const switchVariants = tv({
 function Switch({ id, name, value, checked, defaultChecked, disabled = false, readOnly = false, required = false, dir = "ltr", children, className, onCheckedChange, validateStatus, helpText, showHelpTextIcon = true }) {
     const generatedId = useId();
     const uniqueId = id || generatedId;
-    const service = useMachine(machine, {
+    const service = useMachine(__rspack_external__zag_js_switch_171a0128.machine, {
         id: uniqueId,
         name,
         value,
@@ -62,7 +62,7 @@ function Switch({ id, name, value, checked, defaultChecked, disabled = false, re
         required,
         onCheckedChange: ({ checked })=>onCheckedChange?.(checked)
     });
-    const api = connect(service, normalizeProps);
+    const api = __rspack_external__zag_js_switch_171a0128.connect(service, normalizeProps);
     const { root, control, thumb, label, hiddenInput } = switchVariants({
         className
     });

package/dist/molecules/tabs.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { mergeProps, normalizeProps, useMachine } from "@zag-js/react";
-import { connect, machine } from "@zag-js/tabs";
 import { createContext, useContext, useId } from "react";
 import { Button } from "../atoms/button.js";
 import { tv } from "../utils.js";
+import * as __rspack_external__zag_js_tabs_b98983a9 from "@zag-js/tabs";
 const tabsVariants = tv({
     slots: {
         root: [
@@ -116,7 +116,7 @@ function useTabsContext() {
 function Tabs({ id, defaultValue, value, orientation = "horizontal", dir = "ltr", activationMode = "automatic", loopFocus = true, onValueChange, variant, size, fitted, justify, children, ref, className, ...props }) {
     const generatedId = useId();
     const uniqueId = id || generatedId;
-    const service = useMachine(machine, {
+    const service = useMachine(__rspack_external__zag_js_tabs_b98983a9.machine, {
         id: uniqueId,
         value,
         defaultValue,
@@ -128,7 +128,7 @@ function Tabs({ id, defaultValue, value, orientation = "horizontal", dir = "ltr"
             onValueChange?.(value);
         }
     });
-    const api = connect(service, normalizeProps);
+    const api = __rspack_external__zag_js_tabs_b98983a9.connect(service, normalizeProps);
     const styles = tabsVariants({
         variant,
         size,

package/dist/molecules/toast.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Portal, normalizeProps, useMachine } from "@zag-js/react";
-import { connect, createStore, group as toast_group, machine } from "@zag-js/toast";
 import { useId } from "react";
 import { ActionIcon } from "../atoms/action-icon.js";
 import { tv } from "../utils.js";
+import * as __rspack_external__zag_js_toast_856c971b from "@zag-js/toast";
 const toastVariants = tv({
     slots: {
         root: [
@@ -51,8 +51,8 @@ function Toast({ actor, index, parent, placement }) {
         parent,
         placement
     };
-    const service = useMachine(machine, composedProps);
-    const api = connect(service, normalizeProps);
+    const service = useMachine(__rspack_external__zag_js_toast_856c971b.machine, composedProps);
+    const api = __rspack_external__zag_js_toast_856c971b.connect(service, normalizeProps);
     const { root, header, icon, title, description, closeButton } = toastVariants();
     return /*#__PURE__*/ jsxs("div", {
         className: root(),
@@ -96,17 +96,17 @@ function Toast({ actor, index, parent, placement }) {
         ]
     });
 }
-const toaster = createStore({
+const toaster = __rspack_external__zag_js_toast_856c971b.createStore({
     placement: "bottom-end",
     gap: 16,
     offsets: "24px"
 });
 function Toaster() {
-    const service = useMachine(toast_group.machine, {
+    const service = useMachine(__rspack_external__zag_js_toast_856c971b.group.machine, {
         id: useId(),
         store: toaster
     });
-    const api = toast_group.connect(service, normalizeProps);
+    const api = __rspack_external__zag_js_toast_856c971b.group.connect(service, normalizeProps);
     const { group } = toastVariants();
     return /*#__PURE__*/ jsx(Portal, {
         children: /*#__PURE__*/ jsx("div", {

package/dist/molecules/tree-view.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { normalizeProps, useMachine } from "@zag-js/react";
-import { collection as tree_view_collection, connect, machine } from "@zag-js/tree-view";
 import { createContext, useContext, useId } from "react";
 import { Icon } from "../atoms/icon.js";
 import { tv } from "../utils.js";
+import * as __rspack_external__zag_js_tree_view_6365b65d from "@zag-js/tree-view";
 const treeViewVariants = tv({
     slots: {
         root: "relative rounded-tree-view bg-tree-view-root-bg",
@@ -137,7 +137,7 @@ function useTreeViewNodeContext() {
 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 }) {
     const generatedId = useId();
     const uniqueId = id || generatedId;
-    const collection = tree_view_collection({
+    const collection = __rspack_external__zag_js_tree_view_6365b65d.collection({
         nodeToValue: (node)=>node.id,
         nodeToString: (node)=>node.name,
         rootNode: {
@@ -146,7 +146,7 @@ function TreeView({ id, data, size, selectionBehavior = "all", dir = "ltr", sele
             children: data
         }
     });
-    const service = useMachine(machine, {
+    const service = useMachine(__rspack_external__zag_js_tree_view_6365b65d.machine, {
         id: uniqueId,
         collection,
         dir,
@@ -162,7 +162,7 @@ function TreeView({ id, data, size, selectionBehavior = "all", dir = "ltr", sele
         onSelectionChange,
         onFocusChange
     });
-    const api = connect(service, normalizeProps);
+    const api = __rspack_external__zag_js_tree_view_6365b65d.connect(service, normalizeProps);
     const styles = treeViewVariants({
         size
     });

package/dist/organisms/data-table.fields.js

@@ -603,7 +603,7 @@ function matchNumber(cell, f) {
             return n === target;
     }
 }
-const END_OF_DAY_MS = 86399999;
+const END_OF_DAY_MS = 86400000 - 1;
 const DATE_ONLY_RE = /^\d{4}-\d{2}-\d{2}$/;
 const time = (v)=>{
     const raw = String(v);

package/dist/organisms/data-table.js

@@ -428,7 +428,7 @@ function checkReachEnd(distance, reachEndThreshold, reachedEndRef, onReachEnd) {
         }
     } else reachedEndRef.current = false;
 }
-const useIsomorphicLayoutEffect = "undefined" == typeof window ? useEffect : useLayoutEffect;
+const useIsomorphicLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
 function clampSelection(selectedIds, previous, max) {
     return [
         ...selectedIds.filter((id)=>previous[id]),
@@ -818,7 +818,7 @@ function DataTable(props) {
     const hasWarnedAboutUnboundedVirtualization = useRef(false);
     const hasWarnedAboutVirtualizedCellSpan = useRef(false);
     useEffect(()=>{
-        if (!(virtualizationUsable && getCellSpan) || hasWarnedAboutVirtualizedCellSpan.current || "undefined" == typeof process || process.env?.NODE_ENV === "production") return;
+        if (!(virtualizationUsable && getCellSpan) || hasWarnedAboutVirtualizedCellSpan.current || "u" < typeof process || process.env?.NODE_ENV === "production") return;
         hasWarnedAboutVirtualizedCellSpan.current = true;
         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.");
     }, [
@@ -827,7 +827,7 @@ function DataTable(props) {
     ]);
     const hasWarnedAboutVirtualizedRowReorder = useRef(false);
     useEffect(()=>{
-        if (!(virtualizationUsable && enableRowReorder) || hasWarnedAboutVirtualizedRowReorder.current || "undefined" == typeof process || process.env?.NODE_ENV === "production") return;
+        if (!(virtualizationUsable && enableRowReorder) || hasWarnedAboutVirtualizedRowReorder.current || "u" < typeof process || process.env?.NODE_ENV === "production") return;
         hasWarnedAboutVirtualizedRowReorder.current = true;
         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.");
     }, [
@@ -839,7 +839,7 @@ function DataTable(props) {
             hasWarnedAboutUnboundedVirtualization.current = false;
             return;
         }
-        if (hasWarnedAboutUnboundedVirtualization.current || "undefined" == typeof process || process.env?.NODE_ENV === "production") return;
+        if (hasWarnedAboutUnboundedVirtualization.current || "u" < typeof process || process.env?.NODE_ENV === "production") return;
         hasWarnedAboutUnboundedVirtualization.current = true;
         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.");
     }, [
@@ -967,7 +967,7 @@ function DataTable(props) {
     const hasWarnedAboutPinnedActionsOverlap = useRef(false);
     useEffect(()=>{
         const endPinned = enableColumnPinning && table.getAllLeafColumns().some((c)=>"end" === c.getIsPinned());
-        if (!(endPinned && stickyActions && hasActionsColumn) || hasWarnedAboutPinnedActionsOverlap.current || "undefined" == typeof process || process.env?.NODE_ENV === "production") return;
+        if (!(endPinned && stickyActions && hasActionsColumn) || hasWarnedAboutPinnedActionsOverlap.current || "u" < typeof process || process.env?.NODE_ENV === "production") return;
         hasWarnedAboutPinnedActionsOverlap.current = true;
         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.");
     }, [
@@ -979,7 +979,7 @@ function DataTable(props) {
     const hasWarnedAboutPinnedStringWidth = useRef(false);
     useEffect(()=>{
         const offender = enableColumnPinning && table.getAllLeafColumns().find((c)=>c.getIsPinned() && "string" == typeof c.columnDef.meta?.width);
-        if (!offender || hasWarnedAboutPinnedStringWidth.current || "undefined" == typeof process || process.env?.NODE_ENV === "production") return;
+        if (!offender || hasWarnedAboutPinnedStringWidth.current || "u" < typeof process || process.env?.NODE_ENV === "production") return;
         hasWarnedAboutPinnedStringWidth.current = true;
         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.`);
     }, [
@@ -1627,7 +1627,7 @@ DataTable.ToolbarActions = function() {
             hasWarnedAboutToolbarOverflow.current = false;
             return;
         }
-        if (hasWarnedAboutToolbarOverflow.current || "undefined" == typeof process || process.env?.NODE_ENV === "production") return;
+        if (hasWarnedAboutToolbarOverflow.current || "u" < typeof process || process.env?.NODE_ENV === "production") return;
         hasWarnedAboutToolbarOverflow.current = true;
         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.`);
     }, [