@povio/ui 5.0.0-rc.14 → 5.0.0-rc.16

package/dist/styles/configurator.css

@@ -94,11 +94,11 @@
   background: #fff;
   overflow: hidden;
 }
-/* With the components shown by the host (the App Canvas), the window is only the editor: narrow and one column. */
-.studio-modal[data-components-hosted] {
+/* An editor-only window (the App Canvas, or a host that asks for it) is narrow and one column. */
+.studio-modal[data-editor-only] {
   width: min(360px, calc(100vw - 48px));
 }
-.studio-modal[data-components-hosted] .studio-dialog {
+.studio-modal[data-editor-only] .studio-dialog {
   grid-template-columns: minmax(0, 1fr);
 }
 /*
@@ -1567,9 +1567,9 @@
   overflow-wrap: anywhere;
 }
 
-/* Shades generator for base palette groups; its group gets top padding so the panel clears the header row. */
+/* Shades generator for base palette groups: rows of the same table, above the palette's own token rows. */
 .studio-token-group > div:has(> .studio-shades) {
-  padding-top: 10px;
+  padding-top: 0;
 }
 .studio-palette-actions {
   display: flex;
@@ -1595,63 +1595,279 @@
   font-weight: 550;
   text-transform: none;
 }
+/* Shades generator: table rows divided by the same hairlines as the tokens, in the 10px / 24px control language. */
 .studio-shades {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  margin: 0 10px 10px;
-  padding: 8px;
-  border: 1px solid #e3e3e3;
-  border-radius: 8px;
-  background: #fbfbfb;
+  display: grid;
 }
-.studio-shades-input {
+.studio-shades > * {
+  border-bottom: 1px solid var(--studio-cell-line);
+}
+.studio-shades-row {
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 6px;
+  min-height: 32px;
+  padding: 4px var(--studio-editor-pad);
+  box-sizing: border-box;
+}
+.studio-shades > .studio-error {
+  margin: 0;
+  padding: 4px var(--studio-editor-pad);
 }
-.studio-shades-input label {
+.studio-shades-label {
+  flex-shrink: 0;
+  color: #464646;
   font-size: 10px;
   font-weight: 550;
   white-space: nowrap;
 }
-.studio-shades-input .studio-token-input {
+.studio-shades-field {
+  display: flex;
+  flex: 1;
   align-items: center;
   gap: 4px;
-  max-width: 140px;
-  padding-left: 8px;
+  min-width: 0;
+  height: 24px;
+  padding: 0 6px 0 4px;
   border: 1px solid #e5e5e5;
   border-radius: 5px;
   background: #fff;
   color: #939393;
+  font-size: 10px;
 }
-.studio-shades-input .studio-token-input input {
-  width: 100%;
+.studio-shades-field:focus-within {
+  border-color: #8e8e8e;
+}
+.studio-shades-field input[type="color"] {
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+  padding: 0;
+  border: 0;
+  border-radius: 3px;
+  background: none;
+  cursor: pointer;
+}
+.studio-shades-field input[type="color"]::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+.studio-shades-field input[type="color"]::-webkit-color-swatch {
+  border: 1px solid #0002;
+  border-radius: 3px;
+}
+.studio-shades-field input[type="color"]::-moz-color-swatch {
+  border: 1px solid #0002;
+  border-radius: 3px;
+}
+.studio-shades-field input:not([type="color"]) {
+  flex: 1;
+  min-width: 0;
+  padding: 0;
   border: 0;
-  padding: 6px 6px 6px 0;
   outline: none;
+  background: transparent;
+  color: #393939;
   font-family: ui-monospace, monospace;
+  font-size: 10px;
   text-transform: uppercase;
 }
-/* Compact actions share the base color row to save vertical space. */
-.studio-shades-actions {
+.studio-shades .studio-shades-apply {
+  flex-shrink: 0;
+  height: 24px;
+  padding: 0 8px;
+  border-radius: 5px;
+  font-size: 10px;
+}
+.studio-shades .studio-shades-apply:disabled {
+  opacity: 0.4;
+}
+.studio-shades-bar {
   display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 28px;
+  padding: 0 calc(var(--studio-editor-pad) - 4px) 0 var(--studio-editor-pad);
+}
+.studio-shades-advanced-toggle,
+.studio-shades-reset {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  height: 20px;
+  padding: 0 4px;
+  border: 0;
+  border-radius: 4px;
+  background: transparent;
+  color: #707070;
+  font-size: 10px;
+  cursor: pointer;
+}
+.studio-shades-advanced-toggle {
+  margin-left: -4px;
+}
+.studio-shades-advanced-toggle:hover,
+.studio-shades-reset:hover {
+  background: #efefef;
+  color: #393939;
+}
+.studio-shades-advanced-toggle > svg {
+  transition: rotate 120ms;
+}
+.studio-shades-advanced-toggle[aria-expanded="true"] > svg {
+  rotate: 90deg;
+}
+.studio-shades-advanced {
+  display: grid;
   gap: 6px;
-  margin-left: auto;
+  padding: 8px var(--studio-editor-pad) 10px;
 }
-.studio-shades-actions button {
-  padding: 4px 8px;
+/* Palette curve editor: a vector-style curve with draggable ends and handles, and shades that pin on click. */
+.studio-curve-editor {
+  display: block;
+  width: 100%;
+  height: auto;
+  border: 1px solid #ececec;
   border-radius: 5px;
+  background: #f7f7f7;
+  touch-action: none;
+  user-select: none;
+}
+.studio-curve-editor.is-dragging {
+  cursor: grabbing;
+}
+.studio-curve-range {
+  fill: #fff;
+  stroke: #e6e6e6;
+}
+.studio-curve-grid,
+.studio-curve-step {
+  stroke: #efefef;
+}
+.studio-curve-step {
+  stroke-dasharray: 1 3;
+}
+.studio-curve-base-mark {
+  stroke: #9a9a9a;
+  stroke-dasharray: 2 2;
+}
+.studio-curve-path {
+  fill: none;
+  stroke: #393939;
+  stroke-width: 1.5;
+}
+.studio-curve-handle-line {
+  stroke: #7655d7;
+  stroke-width: 1;
+}
+.studio-curve-handle,
+.studio-curve-end {
+  fill: #fff;
+  stroke: #7655d7;
+  stroke-width: 1.5;
+  cursor: grab;
+  outline: none;
+}
+.studio-curve-end {
+  cursor: ns-resize;
+}
+.studio-curve-shade {
+  stroke: #393939;
+  stroke-width: 0.75;
+  cursor: pointer;
+  outline: none;
+}
+.studio-curve-shade.is-base {
+  stroke-width: 1.25;
+}
+.studio-curve-shade.is-pinned {
+  stroke: #7655d7;
+  stroke-width: 2;
+}
+.studio-curve-editor :is(.studio-curve-handle, .studio-curve-end, .studio-curve-shade):focus-visible {
+  stroke: #393939;
+  stroke-width: 2.5;
+}
+.studio-curve-label {
+  fill: #707070;
   font-size: 10px;
-  line-height: 1.3;
+  pointer-events: none;
 }
-.studio-shades-actions button:not(.studio-primary) {
-  border: 1px solid #e7e7e7;
-  background: #fff;
-  color: #717171;
+.studio-shades-hint {
+  margin: 0;
+  color: #9a9a9a;
+  font-size: 10px;
 }
-.studio-shades-actions .studio-primary:disabled {
-  opacity: 0.5;
+.studio-shades-heading {
+  display: block;
+  margin: 2px 0 4px;
+  color: #9a9a9a;
+  font-size: 10px;
+}
+.studio-slider-fields {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 4px;
+}
+/* Slider field: the whole 24px field is the slider, filled from its origin to the value. */
+.studio-slider-field {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 6px;
+  height: 24px;
+  padding: 0 8px;
+  overflow: hidden;
+  border-radius: 5px;
+  background: #f0f0f0;
+  font-size: 10px;
+  cursor: ew-resize;
+}
+.studio-slider-field::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: var(--from);
+  width: calc(var(--to) - var(--from));
+  background: #dcdcdc;
+  pointer-events: none;
+}
+.studio-slider-field:hover {
+  background: #e9e9e9;
+}
+.studio-slider-field:has(input:focus-visible) {
+  outline: 1px solid #393939;
+  outline-offset: -1px;
+}
+.studio-slider-field:has(input:disabled) {
+  opacity: 0.45;
+  cursor: default;
+}
+.studio-slider-field > span,
+.studio-slider-field > output {
+  position: relative;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  pointer-events: none;
+}
+.studio-slider-field > span {
+  color: #555;
+}
+.studio-slider-field > output {
+  flex-shrink: 0;
+  color: #393939;
+  font-variant-numeric: tabular-nums;
+}
+.studio-slider-field > input {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  opacity: 0;
+  cursor: inherit;
 }
 /* Global rounding stepper at the top of the Radius section. */
 .studio-rounding {
@@ -3692,6 +3908,71 @@
   outline: 2px solid #555;
   outline-offset: 1px;
 }
+
+/* Inspector pieces shared by the App Canvas and the live-page inspector. */
+.povio-canvas-inspect-hint {
+  margin: 8px 12px;
+  color: #77717e;
+  font-size: 10px;
+  line-height: 16px;
+}
+.povio-canvas-auto-spacing .studio-measure-label {
+  display: none;
+}
+.povio-canvas-spacing-value {
+  position: absolute;
+  transform: translate(-50%, -50%);
+  border-radius: 3px;
+  background: #24202de6;
+  color: white;
+  padding: 1px 4px;
+  white-space: nowrap;
+  font:
+    10px/1.3 "Inter Variable",
+    Inter,
+    sans-serif;
+  pointer-events: none;
+}
+
+/*
+ * The live-page inspector: a sidebar on the window's right edge. The page gives up that width while inspecting, so the
+ * sidebar sits beside it, like the App Canvas inspector, rather than covering it.
+ */
+.studio-inspector-panel.studio-page-inspector {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 999;
+  width: 272px;
+  height: auto;
+  border: 0;
+  border-left: 1px solid #e8e8eb;
+  border-radius: 0;
+  box-shadow: none;
+}
+html.studio-page-inspecting body {
+  margin-right: 272px !important;
+}
+.studio-page-inspection {
+  position: fixed;
+  inset: 0;
+  z-index: 998;
+  overflow: visible;
+  pointer-events: none;
+}
+/* Crosshair over the page while inspecting; the inspector, configurator and host tools keep their own cursors. */
+.studio-page-inspecting body,
+.studio-page-inspecting
+  body
+  *:not([data-povio-inspector-ignore], [data-povio-inspector-ignore] *, .studio-overlay, .studio-overlay *) {
+  cursor: crosshair !important;
+}
+/* Cursor inherits, so each tool resets it at its root; its own controls then keep their usual cursors. */
+.studio-page-inspecting :is([data-povio-inspector-ignore], .studio-overlay) {
+  cursor: default;
+}
+
 /* Fontsource browsing stays compact even when the preview theme changes. */
 .studio-fontsource {
   display: flex;
@@ -3894,3 +4175,109 @@
   margin-top: 5px;
   font-size: 10px;
 }
+
+/* The Semantic palette's light / dark toggle: the App Canvas dock's single sun / moon button, in the sub-tab row. */
+.studio-subtabs-bar .studio-theme-toggle {
+  display: grid;
+  flex-shrink: 0;
+  place-items: center;
+  /* No taller than the tab labels, so the row (and the active tab's underline) keeps its height. */
+  width: 22px;
+  height: 18px;
+  margin: 0 0 2px auto;
+  padding: 0;
+  border: 0;
+  border-radius: 4px;
+  background: transparent;
+  color: #45454d;
+  cursor: pointer;
+}
+.studio-subtabs-bar .studio-theme-toggle:hover {
+  background: #f1f1f4;
+}
+.studio-subtabs-bar .studio-theme-toggle:focus-visible {
+  outline: 2px solid #7655d7;
+  outline-offset: -2px;
+}
+.studio-subtabs-bar .studio-theme-toggle + .studio-toggle-all {
+  margin-left: 4px;
+}
+
+/* UIDevToolbar: matches the App Canvas docks, and stays independent of the app theme being configured. */
+.studio-dev-toolbar,
+.studio-dev-toolbar-tab {
+  position: fixed;
+  bottom: 12px;
+  z-index: 50;
+  box-sizing: border-box;
+  background: #fff;
+  border: 1px solid #e3e1e8;
+  box-shadow: 0 4px 16px #24202d12;
+  color: #45454d;
+}
+.studio-dev-toolbar {
+  left: 12px;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  padding: 4px;
+  border-radius: 8px;
+}
+.studio-dev-toolbar button {
+  display: grid;
+  place-items: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: 0;
+  border-radius: 5px;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+}
+.studio-dev-toolbar button:hover {
+  background: #f1f1f4;
+}
+/* Labelled buttons read like the canvas tool dock: icon, then a 10px label. */
+.studio-dev-toolbar button.studio-dev-toolbar-labelled {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  width: auto;
+  padding: 0 8px;
+  font:
+    500 10px/1 Inter,
+    system-ui,
+    sans-serif;
+  white-space: nowrap;
+}
+.studio-dev-toolbar button[aria-pressed="true"] {
+  background: #eee8ff;
+  color: #6540c2;
+}
+.studio-dev-toolbar button:focus-visible,
+.studio-dev-toolbar-tab:focus-visible {
+  outline: 2px solid #7655d7;
+  outline-offset: 1px;
+}
+.studio-dev-toolbar-divider {
+  width: 1px;
+  height: 16px;
+  margin: 0 2px;
+  background: #e8e8eb;
+}
+/* Hidden: a small tab against the left edge that brings the dock back. */
+.studio-dev-toolbar-tab {
+  left: 0;
+  display: grid;
+  place-items: center;
+  width: 20px;
+  height: 36px;
+  padding: 0;
+  border-left: 0;
+  border-radius: 0 6px 6px 0;
+  cursor: pointer;
+}
+.studio-dev-toolbar-tab:hover {
+  background: #f1f1f4;
+}

package/dist/tanstack/date-picker.js

@@ -1,2 +1,2 @@
-import { t as DatePicker } from "../DatePicker-xDEqzNJv.js";
+import { t as DatePicker } from "../DatePicker-CAzuZRmd.js";
 export { DatePicker };

package/dist/tanstack/date-range-picker.js

@@ -1,2 +1,2 @@
-import { t as DateRangePicker } from "../DateRangePicker-DxuVhRaf.js";
+import { t as DateRangePicker } from "../DateRangePicker-X3mBhfmL.js";
 export { DateRangePicker };

package/dist/tanstack/date-time-picker.js

@@ -1,2 +1,2 @@
-import { t as DateTimePicker } from "../DateTimePicker-4N1Pka07.js";
+import { t as DateTimePicker } from "../DateTimePicker-EtmGtoRe.js";
 export { DateTimePicker };

package/dist/tanstack/form.js

@@ -1,3 +1,3 @@
 import { i as useFormValue, n as useForm, r as useFormState } from "../form.binding-CG1RPv6o.js";
-import { r as Form, t as useFormAutosave } from "../useFormAutosave-pmh35PXp.js";
+import { r as Form, t as useFormAutosave } from "../useFormAutosave-CxqZAJAB.js";
 export { Form, useForm, useFormAutosave, useFormState, useFormValue };

package/dist/tanstack/inputs.js

@@ -1,3 +1,3 @@
 import { t as dynamicInputs } from "../dynamicInputs-CRMWIpHA.js";
-import { t as Inputs } from "../Inputs-D1aE_J9f.js";
+import { t as Inputs } from "../Inputs-Bd2nRNqk.js";
 export { Inputs, dynamicInputs };

package/dist/tanstack/number-range-input.js

@@ -1,2 +1,2 @@
-import { t as NumberRangeInput } from "../NumberRangeInput-Bzfe-RlV.js";
+import { t as NumberRangeInput } from "../NumberRangeInput-TkPXiWV3.js";
 export { NumberRangeInput };

package/dist/tanstack/rich-text-editor.js

@@ -1,2 +1,2 @@
-import { t as RichTextEditor } from "../RichTextEditor-Bd7F5D8f.js";
+import { t as RichTextEditor } from "../RichTextEditor-DiaPcBUM.js";
 export { RichTextEditor };

package/dist/tanstack/select.js

@@ -1,2 +1,2 @@
-import { t as Select } from "../Select-CgIhoWgk.js";
+import { t as Select } from "../Select-tNlFSbAC.js";
 export { Select };

package/dist/tanstack/table.js

@@ -1,3 +1,3 @@
-import { i as CellText, n as useTableNav, r as HeaderText, t as Table } from "../Table-piX1SWvN.js";
-import { a as PaginatedTable, i as dynamicColumns, n as useSorting, o as InfiniteTable, r as usePagination, s as ColumnConfigModal, t as useTableColumnConfig } from "../useTableColumnConfig-CNJ_ZvIN.js";
+import { i as CellText, n as useTableNav, r as HeaderText, t as Table } from "../Table-CgG02oHQ.js";
+import { a as PaginatedTable, i as dynamicColumns, n as useSorting, o as InfiniteTable, r as usePagination, s as ColumnConfigModal, t as useTableColumnConfig } from "../useTableColumnConfig-BnbKElno.js";
 export { CellText, ColumnConfigModal, HeaderText, InfiniteTable, PaginatedTable, Table, dynamicColumns, usePagination, useSorting, useTableColumnConfig, useTableNav };

package/dist/tanstack/text-area.js

@@ -1,2 +1,2 @@
-import { t as TextArea } from "../TextArea-uPffb457.js";
+import { t as TextArea } from "../TextArea-DuvFUjts.js";
 export { TextArea };

package/dist/tanstack/time-picker.js

@@ -1,2 +1,2 @@
-import { t as TimePicker } from "../TimePicker-DN-i98z5.js";
+import { t as TimePicker } from "../TimePicker-CBkiE-Yq.js";
 export { TimePicker };

package/dist/tanstack.js

@@ -1,10 +1,10 @@
-import { t as logger } from "./logger-CqZjM-sn.js";
+import { t as logger } from "./logger-CW24po62.js";
 import { t as DropdownMenu } from "./DropdownMenu-5jmtgLXd.js";
 import { n as MenuPopover, r as MenuItem } from "./DropdownMenuDesktop-Cl9gZVq0.js";
 import { a as isEqual, i as useDeepCompareMemo, n as useDeepCompareEffect, o as ObjectUtils, r as useDeepCompareLayoutEffect, t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
 import { t as FileUpload } from "./FileUpload-Cx98L1jz.js";
 import { t as PasswordInput } from "./PasswordInput-DYwUZ4-k.js";
-import { i as CellText, n as useTableNav, r as HeaderText, t as Table } from "./Table-piX1SWvN.js";
+import { i as CellText, n as useTableNav, r as HeaderText, t as Table } from "./Table-CgG02oHQ.js";
 import { a as checkboxDefinition, i as checkboxContentWrapperDefinition, o as checkboxGroupLabelDefinition, r as checkboxContentRowDefinition, s as checkboxIconDefinition } from "./CheckboxCheckmark-FwKjPVbV.js";
 import { n as selectListBoxItemDefinition, r as selectInputTagsContentWrapperDefinition, t as selectPopoverDefinition } from "./selectDesktop.cva-CHAMxhfO.js";
 import { t as X } from "./x-B6vfz8Ps.js";
@@ -12,12 +12,12 @@ import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { n as iconSlotDefinition, t as IconSlot } from "./IconSlot-DSK7qNxc.js";
 import { t as Breadcrumbs } from "./Breadcrumbs-FF8hMfXd.js";
 import { t as Checkbox } from "./Checkbox-D3f2Plbc.js";
-import { a as getKeyInteractionAction, i as createKeyInteractionsHandler, o as useKeyInteractions, s as useDebounceCallback } from "./staticSelect.utils-BfTCi26B.js";
+import { a as getKeyInteractionAction, i as createKeyInteractionsHandler, o as useKeyInteractions, s as useDebounceCallback } from "./staticSelect.utils-BgdYv2vP.js";
 import { t as Slider } from "./Slider-CMg0BXJO.js";
 import { t as Accordion } from "./Accordion-BzwO4_ml.js";
 import { i as radioDefinition, n as radioContentRowDefinition, r as radioContentWrapperDefinition, t as RadioGroup } from "./RadioGroup-efBKgTYA.js";
 import { n as switchDefinition, t as Switch } from "./Switch-CqnGEdeD.js";
-import { n as textAreaWrapperDefinition, t as TextArea } from "./TextArea-uPffb457.js";
+import { n as textAreaWrapperDefinition, t as TextArea } from "./TextArea-DuvFUjts.js";
 import { t as Tooltip } from "./Tooltip-CpG1nz7Y.js";
 import { a as breadcrumbsDefinition, i as breadcrumbSegmentDefinition, n as breadcrumbIconDefinition, r as breadcrumbItemDefinition, t as breadcrumbChevronDefinition } from "./breadcrumbs.cva-7zzdDhVR.js";
 import { i as menuPopoverWrapperDefinition, n as menuItemDefinition, r as menuPopoverDefinition, t as dropdownMenuDefinition } from "./dropdownMenu.cva-DvEmX0bs.js";
@@ -49,24 +49,24 @@ import { t as popoverDefinition } from "./popover.cva-Bhud1wnp.js";
 import { Input } from "./components/input.js";
 import { Autocomplete } from "./components/autocomplete.js";
 import { CheckboxGroup } from "./components/checkbox-group.js";
-import { t as DateRangePicker } from "./DateRangePicker-DxuVhRaf.js";
-import { n as useScrollableListBox } from "./Calendar-DRHruqr_.js";
-import { t as TimePicker } from "./TimePicker-DN-i98z5.js";
+import { t as DateRangePicker } from "./DateRangePicker-X3mBhfmL.js";
+import { n as useScrollableListBox } from "./Calendar-1p3VjSED.js";
+import { t as TimePicker } from "./TimePicker-CBkiE-Yq.js";
 import { t as ToggleGroup } from "./ToggleGroup-DmVPNWok.js";
-import { r as useLongPressRepeat } from "./datePickerValue.utils-QWR2q5Vv.js";
+import { r as useLongPressRepeat } from "./datePickerValue.utils-BDB6KM8q.js";
 import { t as IntlUtils } from "./intl.utils-zwAFoZ0U.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { t as DateUtils } from "./date.utils-B8_QF9y6.js";
 import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva-Cd7UUN61.js";
-import { t as DatePicker } from "./DatePicker-xDEqzNJv.js";
-import { t as Select } from "./Select-CgIhoWgk.js";
-import { t as DateTimePicker } from "./DateTimePicker-4N1Pka07.js";
+import { t as DatePicker } from "./DatePicker-CAzuZRmd.js";
+import { t as Select } from "./Select-tNlFSbAC.js";
+import { t as DateTimePicker } from "./DateTimePicker-EtmGtoRe.js";
 import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
 import { a as progressTrackWrapperDefinition, i as progressTrackDefinition, n as progressDefinition, o as progressValueDefinition, r as progressFillDefinition, t as Progress } from "./Progress-B3mY9rIP.js";
 import { t as fileUploadDropZoneDefinition } from "./fileUpload.cva-ujmStxB1.js";
 import { n as fileInputButtonDefinition, r as fileInputDropZoneDefinition, t as FileInput } from "./FileInput-DUyc_sVu.js";
 import { NumberField } from "./components/number-field.js";
-import { t as NumberRangeInput } from "./NumberRangeInput-Bzfe-RlV.js";
+import { t as NumberRangeInput } from "./NumberRangeInput-TkPXiWV3.js";
 import { QueryAutocomplete } from "./components/query-autocomplete.js";
 import { QuerySelect } from "./components/query-select.js";
 import { n as toggleGroupItemDefinition, t as toggleGroupDefinition } from "./toggleGroup.cva-MbpaEBg1.js";
@@ -91,7 +91,7 @@ import { n as ToastProvider, t as ToastContainer } from "./ToastContainer-qgpzMF
 import { useToast } from "./components/use-toast.js";
 import { a as tableHeaderTextDefinition, i as tableHeadRowDefinition, n as tableDataDefinition, o as tableRowDefinition, r as tableHeadDataDefinition, t as tableCellTextDefinition } from "./table.cva-DlMT-zLD.js";
 import { t as useTranslationMemo } from "./useTranslationMemo-CrZbeyBv.js";
-import { a as PaginatedTable, i as dynamicColumns, n as useSorting, o as InfiniteTable, r as usePagination, s as ColumnConfigModal, t as useTableColumnConfig } from "./useTableColumnConfig-CNJ_ZvIN.js";
+import { a as PaginatedTable, i as dynamicColumns, n as useSorting, o as InfiniteTable, r as usePagination, s as ColumnConfigModal, t as useTableColumnConfig } from "./useTableColumnConfig-BnbKElno.js";
 import { t as linkDefinition } from "./link.cva-DMTHZiJG.js";
 import { Link } from "./components/link.js";
 import { Badge } from "./components/badge.js";
@@ -105,6 +105,6 @@ import { t as RoutingUtils } from "./routing.utils-UTQonIhB.js";
 import { t as useFilters } from "./useFilters-XNH27Md2.js";
 import { n as useStateAndRef, t as DomUtils } from "./dom.utils-D1AopHx9.js";
 import { n as ArrayUtils, t as QueriesUtils } from "./queries.utils-CmbhAoHU.js";
-import { n as useAutosave, r as Form, t as useFormAutosave } from "./useFormAutosave-pmh35PXp.js";
-import { t as Inputs } from "./Inputs-D1aE_J9f.js";
+import { n as useAutosave, r as Form, t as useFormAutosave } from "./useFormAutosave-CxqZAJAB.js";
+import { t as Inputs } from "./Inputs-Bd2nRNqk.js";
 export { Accordion, Alert, AlertDialog, ArrayUtils, Autocomplete, Badge, BadgeButton, BottomSheet, Breadcrumbs, Button, CellText, Checkbox, CheckboxGroup, X as CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimePicker, DateTimeUtils, DateUtils, Dialog, DomUtils, Drawer, DropdownMenu, FileInput, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, IconButton, IconSlot, InfiniteTable, InlineIconButton, Input, Inputs, IntlUtils, Link, LinkContext, MenuItem, MenuPopover, NumberField, NumberRangeInput, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Popover, Progress, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, RoutingUtils, Select, Slider, Spinner, SplitButton, Stepper, StringUtils, Switch, Table, Tag, TextArea, TextButton, ThemeContext, TimePicker, Toast, ToastContainer, ToastProvider, ToggleButton, ToggleGroup, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, badgeButtonContentDefinition, badgeButtonDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dialogContentDefinition, dialogMainDefinition, dialogOverlayDefinition, dropdownMenuDefinition, dynamicColumns, dynamicInputs, fileInputButtonDefinition, fileInputDropZoneDefinition, fileUploadDropZoneDefinition, formFieldErrorDefinition, formFieldHeaderDefinition, formFieldHelperDefinition, getKeyInteractionAction, iconSlotDefinition, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, isEqual, labelDefinition, linkDefinition, logger, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, ns, popoverDefinition, progressDefinition, progressFillDefinition, progressTrackDefinition, progressTrackWrapperDefinition, progressValueDefinition, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, resources, selectInputTagsContentWrapperDefinition, selectListBoxItemDefinition, selectPopoverDefinition, spinnerDefinition, spinnerWrapperDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, switchDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, textAreaWrapperDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleGroupDefinition, toggleGroupItemDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, tooltipWrapperTriggerDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useFormState, useFormValue, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };