@noxickon/onyx 6.7.0 → 6.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 (149) hide show
  1. package/dist/code-block/CodeBlock.styles.d.ts +2 -2
  2. package/dist/code-block/CodeBlock2.js +1 -1
  3. package/dist/components/Accordion/Accordion.js +1 -1
  4. package/dist/components/Accordion/Accordion.styles.d.ts +2 -2
  5. package/dist/components/Alert/Alert.js +16 -14
  6. package/dist/components/Alert/Alert.styles.d.ts +2 -2
  7. package/dist/components/AlertDialog/AlertDialog.styles.d.ts +2 -2
  8. package/dist/components/AnimatedGradientText/AnimatedGradientText.styles.d.ts +2 -2
  9. package/dist/components/AnimatedGradientText/AnimatedGradientText2.js +1 -1
  10. package/dist/components/AppLayout/AppLayout.js +1 -1
  11. package/dist/components/AppLayout/AppLayout.styles.d.ts +26 -26
  12. package/dist/components/Autocomplete/Autocomplete.js +2 -2
  13. package/dist/components/Autocomplete/Autocomplete.styles.d.ts +64 -64
  14. package/dist/components/Avatar/Avatar.styles.d.ts +4 -4
  15. package/dist/components/Badge/Badge.js +1 -1
  16. package/dist/components/Badge/Badge.styles.d.ts +2 -2
  17. package/dist/components/BlurSwitch/BlurSwitch.styles.d.ts +2 -2
  18. package/dist/components/BlurSwitch/BlurSwitch.styles.js +4 -3
  19. package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
  20. package/dist/components/Breadcrumb/Breadcrumb.styles.d.ts +29 -29
  21. package/dist/components/Button/Button.js +2 -2
  22. package/dist/components/Button/Button.styles.d.ts +2 -2
  23. package/dist/components/Card/Card.styles.d.ts +2 -2
  24. package/dist/components/Checkbox/Checkbox.styles.d.ts +14 -14
  25. package/dist/components/Checkbox/Checkbox.types.d.ts +4 -1
  26. package/dist/components/CheckboxGroup/CheckboxGroup.styles.d.ts +8 -8
  27. package/dist/components/Chip/Chip.js +1 -1
  28. package/dist/components/Chip/Chip.styles.d.ts +2 -2
  29. package/dist/components/Collapsible/Collapsible.js +2 -2
  30. package/dist/components/Collapsible/Collapsible.styles.d.ts +20 -20
  31. package/dist/components/Combobox/Combobox.js +4 -4
  32. package/dist/components/Combobox/Combobox.styles.d.ts +16 -16
  33. package/dist/components/Command/Command.js +2 -2
  34. package/dist/components/Command/Command.styles.d.ts +2 -2
  35. package/dist/components/ContextMenu/ContextMenu.styles.d.ts +2 -2
  36. package/dist/components/CopyButton/CopyButton.js +1 -1
  37. package/dist/components/CopyButton/CopyButton.styles.d.ts +2 -2
  38. package/dist/components/CopyInput/CopyInput.js +1 -1
  39. package/dist/components/CopyInput/CopyInput.styles.d.ts +2 -2
  40. package/dist/components/DataTable/DataTable.d.ts +1 -1
  41. package/dist/components/DataTable/DataTable.js +396 -328
  42. package/dist/components/DataTable/DataTable.styles.d.ts +26 -5
  43. package/dist/components/DataTable/DataTable.styles.js +17 -7
  44. package/dist/components/DataTable/DataTable.types.d.ts +10 -0
  45. package/dist/components/DataTable/DataTable.utils.js +1 -1
  46. package/dist/components/DescriptionList/DescriptionList.js +1 -1
  47. package/dist/components/DescriptionList/DescriptionList.styles.d.ts +14 -14
  48. package/dist/components/Dialog/Dialog.js +1 -1
  49. package/dist/components/Dialog/Dialog.styles.d.ts +2 -2
  50. package/dist/components/Drawer/Drawer.styles.d.ts +2 -2
  51. package/dist/components/Drawer/Drawer.styles.js +2 -2
  52. package/dist/components/Drawer/Drawer2.js +4 -4
  53. package/dist/components/Dropdown/Dropdown.js +1 -1
  54. package/dist/components/Dropdown/Dropdown.styles.d.ts +2 -2
  55. package/dist/components/Field/Field.styles.d.ts +29 -29
  56. package/dist/components/Fieldset/Fieldset.styles.d.ts +11 -11
  57. package/dist/components/Footer/Footer.js +1 -1
  58. package/dist/components/Footer/Footer.styles.d.ts +2 -2
  59. package/dist/components/Header/Header.js +1 -1
  60. package/dist/components/Header/Header.styles.d.ts +2 -2
  61. package/dist/components/Header/Header.styles.js +1 -1
  62. package/dist/components/HoldToDelete/HoldToDelete.css +1 -1
  63. package/dist/components/HoldToDelete/HoldToDelete.styles.d.ts +48 -21
  64. package/dist/components/HoldToDelete/HoldToDelete.styles.js +32 -17
  65. package/dist/components/HoldToDelete/HoldToDelete2.js +97 -85
  66. package/dist/components/IconTile/IconTile.styles.d.ts +8 -8
  67. package/dist/components/Input/Input.js +1 -1
  68. package/dist/components/Input/Input.styles.d.ts +26 -26
  69. package/dist/components/Kbd/Kbd.styles.d.ts +1 -1
  70. package/dist/components/Main/Main.styles.d.ts +1 -1
  71. package/dist/components/Meter/Meter.styles.d.ts +20 -20
  72. package/dist/components/NavigationMenu/NavigationMenu.js +1 -1
  73. package/dist/components/NavigationMenu/NavigationMenu.styles.d.ts +2 -2
  74. package/dist/components/NumberInput/NumberInput.js +1 -1
  75. package/dist/components/NumberInput/NumberInput.styles.d.ts +32 -32
  76. package/dist/components/OtpField/OtpField.styles.d.ts +14 -14
  77. package/dist/components/PageProgress/PageProgress.styles.d.ts +14 -14
  78. package/dist/components/PageProgress/PageProgress.styles.js +1 -1
  79. package/dist/components/Pagination/Pagination.js +1 -1
  80. package/dist/components/Pagination/Pagination.styles.d.ts +2 -2
  81. package/dist/components/Popover/Popover.js +1 -1
  82. package/dist/components/Popover/Popover.styles.d.ts +26 -26
  83. package/dist/components/Popover/Popover.styles.js +1 -1
  84. package/dist/components/Progress/Progress.styles.d.ts +20 -20
  85. package/dist/components/Radio/Radio.styles.d.ts +19 -19
  86. package/dist/components/ResponsiveOverlay/ResponsiveOverlay.d.ts +1 -1
  87. package/dist/components/ResponsiveOverlay/ResponsiveOverlay.js +193 -157
  88. package/dist/components/ResponsiveOverlay/ResponsiveOverlay.styles.d.ts +11 -2
  89. package/dist/components/ResponsiveOverlay/ResponsiveOverlay.styles.js +2 -1
  90. package/dist/components/ResponsiveOverlay/ResponsiveOverlay.types.d.ts +9 -2
  91. package/dist/components/ResponsiveOverlay/index.d.ts +1 -1
  92. package/dist/components/ScrollArea/ScrollArea.styles.d.ts +23 -23
  93. package/dist/components/ScrollArea/ScrollArea2.js +1 -1
  94. package/dist/components/Select/Select.js +1 -1
  95. package/dist/components/Select/Select.styles.d.ts +38 -38
  96. package/dist/components/Separator/Separator.styles.d.ts +1 -1
  97. package/dist/components/Sidebar/Sidebar.styles.d.ts +15 -15
  98. package/dist/components/Sidebar/Sidebar2.js +19 -19
  99. package/dist/components/SidebarRail/SidebarRail.js +1 -1
  100. package/dist/components/SidebarRail/SidebarRail.styles.d.ts +17 -17
  101. package/dist/components/Skeleton/Skeleton.styles.d.ts +11 -11
  102. package/dist/components/Slider/Slider.styles.d.ts +20 -20
  103. package/dist/components/Spinner/Spinner.styles.d.ts +2 -2
  104. package/dist/components/StatusDisplay/StatusDisplay.styles.d.ts +2 -2
  105. package/dist/components/Switch/Switch.styles.d.ts +11 -11
  106. package/dist/components/TabBar/TabBar.js +1 -1
  107. package/dist/components/TabBar/TabBar.styles.d.ts +2 -2
  108. package/dist/components/Table/Table.js +1 -1
  109. package/dist/components/Table/Table.styles.d.ts +8 -8
  110. package/dist/components/Table/Table.styles.js +11 -11
  111. package/dist/components/Tabs/Tabs.js +4 -4
  112. package/dist/components/Tabs/Tabs.styles.d.ts +2 -2
  113. package/dist/components/Textarea/Textarea.js +2 -2
  114. package/dist/components/Textarea/Textarea.styles.d.ts +39 -39
  115. package/dist/components/Toast/Toast.css +1 -1
  116. package/dist/components/Toast/Toast.styles.d.ts +2 -2
  117. package/dist/components/Toast/Toast.styles.js +1 -1
  118. package/dist/components/Toast/Toast2.js +16 -14
  119. package/dist/components/Toggle/Toggle.js +2 -2
  120. package/dist/components/Toggle/Toggle.styles.d.ts +6 -6
  121. package/dist/components/Tooltip/Tooltip.js +1 -1
  122. package/dist/components/Tooltip/Tooltip.styles.d.ts +17 -17
  123. package/dist/components/Tooltip/Tooltip.styles.js +1 -1
  124. package/dist/components/Typewriter/Typewriter.styles.d.ts +14 -14
  125. package/dist/components/Typewriter/Typewriter2.js +4 -4
  126. package/dist/components/VirtualList/VirtualList.styles.d.ts +14 -14
  127. package/dist/context/Auth/Auth.types.d.ts +3 -1
  128. package/dist/context/Theme/Theme.js +1 -1
  129. package/dist/hooks/useCommandShortcut/useCommandShortcut.js +1 -1
  130. package/dist/hooks/useFilter/useFilter.js +1 -1
  131. package/dist/hooks/useMediaQuery/useMediaQuery.js +1 -1
  132. package/dist/hooks/useVirtualizer/useVirtualizer.js +2 -2
  133. package/dist/internal/hooks/useControllableState/useControllableState.types.d.ts +1 -1
  134. package/dist/internal/hooks/useFormState/useFormState.js +81 -81
  135. package/dist/internal/styles/addonStyles.d.ts +28 -28
  136. package/dist/internal/styles/dialogSurfaceStyles.d.ts +1 -1
  137. package/dist/internal/styles/dialogSurfaceStyles.js +2 -2
  138. package/dist/internal/styles/menuSurfaceStyles.d.ts +1 -1
  139. package/dist/internal/styles/menuSurfaceStyles.js +1 -1
  140. package/dist/internal/styles/stackedLayerStyles.d.ts +1 -0
  141. package/dist/internal/styles/stackedLayerStyles.js +4 -0
  142. package/dist/internal/styles/tableCellStyles.d.ts +5 -0
  143. package/dist/internal/styles/tableCellStyles.js +7 -0
  144. package/dist/rest/executors/restExecutor.js +1 -1
  145. package/dist/rich-editor/RichEditor.styles.d.ts +36 -36
  146. package/dist/rich-editor/RichEditor2.js +3 -3
  147. package/dist/rich-editor/useOxRichEditor.js +1 -1
  148. package/dist/tokens/shared.css +5 -0
  149. package/package.json +17 -11
@@ -41,7 +41,7 @@ export declare const codeBlockVariants: import('tailwind-variants').TVReturnType
41
41
  title: string;
42
42
  language: string;
43
43
  copy: string;
44
- }, import('tailwind-variants').TVReturnType<{
44
+ }, import('tailwind-variants').TVReturnTypeLike<{
45
45
  wrap: {
46
46
  true: {
47
47
  content: string;
@@ -62,5 +62,5 @@ export declare const codeBlockVariants: import('tailwind-variants').TVReturnType
62
62
  title: string;
63
63
  language: string;
64
64
  copy: string;
65
- }, undefined, unknown, unknown, undefined>>;
65
+ }>>;
66
66
  export type CodeBlockVariants = VariantProps<typeof codeBlockVariants>;
@@ -30,7 +30,7 @@ function p(e) {
30
30
  function m(e) {
31
31
  let t = a(45), r, o, s, u, f, p, m, h, g, _, v, y;
32
32
  t[0] === e ? (r = t[1], o = t[2], s = t[3], u = t[4], f = t[5], p = t[6], m = t[7], h = t[8], g = t[9], _ = t[10], v = t[11], y = t[12]) : ({className: r, code: o, fallback: s, highlighter: u, langs: f, language: p, render: h, showLineNumbers: g, theme: _, title: y, wrap: v, ...m} = e, t[0] = e, t[1] = r, t[2] = o, t[3] = s, t[4] = u, t[5] = f, t[6] = p, t[7] = m, t[8] = h, t[9] = g, t[10] = _, t[11] = v, t[12] = y);
33
- let b = g === void 0 ? !0 : g, x = _ === void 0 ? i : _, S = v === void 0 ? !1 : v, C, w, T, E, D;
33
+ let b = g === void 0 || g, x = _ === void 0 ? i : _, S = v !== void 0 && v, C, w, T, E, D;
34
34
  t[13] !== r || t[14] !== m || t[15] !== h || t[16] !== b || t[17] !== S ? (C = n({
35
35
  wrap: S,
36
36
  showLineNumbers: b
@@ -86,7 +86,7 @@ function f(e) {
86
86
  function p(e) {
87
87
  let i = n(29), o, s, l, u;
88
88
  i[0] === e ? (o = i[1], s = i[2], l = i[3], u = i[4]) : ({children: o, className: s, keepMounted: u, ...l} = e, i[0] = e, i[1] = o, i[2] = s, i[3] = l, i[4] = u);
89
- let d = u === void 0 ? !1 : u, { variant: f } = c(), p, m, h, g, _, v, y;
89
+ let d = u !== void 0 && u, { variant: f } = c(), p, m, h, g, _, v, y;
90
90
  if (i[5] !== s || i[6] !== d || i[7] !== l || i[8] !== f) {
91
91
  let e = t({ variant: f });
92
92
  p = r.Panel, g = l, _ = e.panel({ class: s }), v = "accordion-panel", y = d, h = e.panelClip(), m = e.panelContent(), i[5] = s, i[6] = d, i[7] = l, i[8] = f, i[9] = p, i[10] = m, i[11] = h, i[12] = g, i[13] = _, i[14] = v, i[15] = y;
@@ -57,7 +57,7 @@ export declare const accordionVariants: import('tailwind-variants').TVReturnType
57
57
  panel: string[];
58
58
  panelClip: string;
59
59
  panelContent: string;
60
- }, import('tailwind-variants').TVReturnType<{
60
+ }, import('tailwind-variants').TVReturnTypeLike<{
61
61
  variant: {
62
62
  underline: {
63
63
  item: string;
@@ -86,5 +86,5 @@ export declare const accordionVariants: import('tailwind-variants').TVReturnType
86
86
  panel: string[];
87
87
  panelClip: string;
88
88
  panelContent: string;
89
- }, undefined, unknown, unknown, undefined>>;
89
+ }>>;
90
90
  export type AccordionVariants = VariantProps<typeof accordionVariants>;
@@ -16,7 +16,7 @@ var { Provider: p, useRequiredContext: m } = e("OxAlert"), h = {
16
16
  function _(e) {
17
17
  let r = n(44), i, a, o, s, c, l, u;
18
18
  r[0] === e ? (i = r[1], a = r[2], o = r[3], s = r[4], c = r[5], l = r[6], u = r[7]) : ({children: i, className: a, loading: c, render: s, tone: l, variant: u, ...o} = e, r[0] = e, r[1] = i, r[2] = a, r[3] = o, r[4] = s, r[5] = c, r[6] = l, r[7] = u);
19
- let m = c === void 0 ? !1 : c, h = l === void 0 ? "neutral" : l, _ = u === void 0 ? "default" : u, v, y, b, x, S, C, w, T;
19
+ let m = c !== void 0 && c, h = l === void 0 ? "neutral" : l, _ = u === void 0 ? "default" : u, v, y, b, x, S, C, w, T;
20
20
  r[8] !== a || r[9] !== m || r[10] !== o || r[11] !== s || r[12] !== h || r[13] !== _ ? (y = t({ variant: _ }), v = g.has(h), T = f, r[22] === s ? w = r[23] : (w = s ?? /* @__PURE__ */ d("div", {}), r[22] = s, r[23] = w), b = o, x = m || void 0, S = v ? "assertive" : "polite", C = y.root({ class: a }), r[8] = a, r[9] = m, r[10] = o, r[11] = s, r[12] = h, r[13] = _, r[14] = v, r[15] = y, r[16] = b, r[17] = x, r[18] = S, r[19] = C, r[20] = w, r[21] = T) : (v = r[14], y = r[15], b = r[16], x = r[17], S = r[18], C = r[19], w = r[20], T = r[21]);
21
21
  let E = m || void 0, D = v ? "alert" : "status", O;
22
22
  r[24] !== i || r[25] !== E || r[26] !== D || r[27] !== b || r[28] !== x || r[29] !== S || r[30] !== C || r[31] !== h || r[32] !== _ ? (O = {
@@ -52,19 +52,21 @@ function v(e) {
52
52
  let t = n(21), r, i, a, o;
53
53
  t[0] === e ? (r = t[1], i = t[2], a = t[3], o = t[4]) : ({children: r, className: i, render: o, ...a} = e, t[0] = e, t[1] = r, t[2] = i, t[3] = a, t[4] = o);
54
54
  let { loading: s, slots: l, tone: u } = m(), p = r;
55
- if (!p) if (s) {
56
- let e;
57
- t[5] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ d(c, {
58
- "aria-hidden": "true",
59
- className: "animate-spin",
60
- strokeWidth: 2
61
- }), t[5] = e) : e = t[5], p = e;
62
- } else {
63
- let e = h[u], n;
64
- t[6] === e ? n = t[7] : (n = /* @__PURE__ */ d(e, {
65
- "aria-hidden": "true",
66
- strokeWidth: 2
67
- }), t[6] = e, t[7] = n), p = n;
55
+ if (!p) {
56
+ if (s) {
57
+ let e;
58
+ t[5] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ d(c, {
59
+ "aria-hidden": "true",
60
+ className: "animate-spin",
61
+ strokeWidth: 2
62
+ }), t[5] = e) : e = t[5], p = e;
63
+ } else {
64
+ let e = h[u], n;
65
+ t[6] === e ? n = t[7] : (n = /* @__PURE__ */ d(e, {
66
+ "aria-hidden": "true",
67
+ strokeWidth: 2
68
+ }), t[6] = e, t[7] = n), p = n;
69
+ }
68
70
  }
69
71
  let g;
70
72
  t[8] === o ? g = t[9] : (g = o ?? /* @__PURE__ */ d("div", {}), t[8] = o, t[9] = g);
@@ -33,7 +33,7 @@ export declare const alertVariants: import('tailwind-variants').TVReturnType<{
33
33
  list: string[];
34
34
  action: string[];
35
35
  close: string[];
36
- }, import('tailwind-variants').TVReturnType<{
36
+ }, import('tailwind-variants').TVReturnTypeLike<{
37
37
  variant: {
38
38
  default: {};
39
39
  critical: {
@@ -50,5 +50,5 @@ export declare const alertVariants: import('tailwind-variants').TVReturnType<{
50
50
  list: string[];
51
51
  action: string[];
52
52
  close: string[];
53
- }, undefined, unknown, unknown, undefined>>;
53
+ }>>;
54
54
  export type AlertVariants = VariantProps<typeof alertVariants>;
@@ -57,7 +57,7 @@ export declare const alertDialogVariants: import('tailwind-variants').TVReturnTy
57
57
  description: string;
58
58
  actions: string[];
59
59
  close: string;
60
- }, import('tailwind-variants').TVReturnType<{
60
+ }, import('tailwind-variants').TVReturnTypeLike<{
61
61
  scroll: {
62
62
  readonly outside: {
63
63
  readonly viewport: "items-start overflow-y-auto p-4";
@@ -86,5 +86,5 @@ export declare const alertDialogVariants: import('tailwind-variants').TVReturnTy
86
86
  description: string;
87
87
  actions: string[];
88
88
  close: string;
89
- }, undefined, unknown, unknown, undefined>>;
89
+ }>>;
90
90
  export type AlertDialogVariants = VariantProps<typeof alertDialogVariants>;
@@ -15,7 +15,7 @@ export declare const animatedGradientTextVariants: import('tailwind-variants').T
15
15
  aurora: string[];
16
16
  mono: string[];
17
17
  };
18
- }, undefined, import('tailwind-variants').TVReturnType<{
18
+ }, undefined, import('tailwind-variants').TVReturnTypeLike<{
19
19
  variant: {
20
20
  brand: string[];
21
21
  sunset: string[];
@@ -23,5 +23,5 @@ export declare const animatedGradientTextVariants: import('tailwind-variants').T
23
23
  aurora: string[];
24
24
  mono: string[];
25
25
  };
26
- }, undefined, "inline box-decoration-clone bg-clip-text text-transparent", unknown, unknown, undefined>>;
26
+ }, undefined>>;
27
27
  export type AnimatedGradientTextVariants = VariantProps<typeof animatedGradientTextVariants>;
@@ -8,7 +8,7 @@ import { useRender as a } from "@base-ui/react/use-render";
8
8
  function o(o) {
9
9
  let s = t(38), c, l, u, d, f, p, m, h, g, _, v;
10
10
  s[0] === o ? (c = s[1], l = s[2], u = s[3], d = s[4], f = s[5], p = s[6], m = s[7], h = s[8], g = s[9], _ = s[10], v = s[11]) : ({children: c, className: l, from: u, paused: m, render: f, speed: h, style: p, to: _, variant: g, via: v, ...d} = o, s[0] = o, s[1] = c, s[2] = l, s[3] = u, s[4] = d, s[5] = f, s[6] = p, s[7] = m, s[8] = h, s[9] = g, s[10] = _, s[11] = v);
11
- let y = m === void 0 ? !1 : m, b = h === void 0 ? 8 : h, x = g === void 0 ? "brand" : g, [S, C] = r(null), [w, T] = r(!0), E, D;
11
+ let y = m !== void 0 && m, b = h === void 0 ? 8 : h, x = g === void 0 ? "brand" : g, [S, C] = r(null), [w, T] = r(!0), E, D;
12
12
  s[12] === S ? (E = s[13], D = s[14]) : (E = () => {
13
13
  if (!S || typeof IntersectionObserver > "u") return;
14
14
  let e = new IntersectionObserver((e) => {
@@ -6,7 +6,7 @@ import { useRender as r } from "@base-ui/react/use-render";
6
6
  function i(i) {
7
7
  let a = t(25), o, s, c, l, u, d, f;
8
8
  a[0] === i ? (o = a[1], s = a[2], c = a[3], l = a[4], u = a[5], d = a[6], f = a[7]) : ({children: o, className: s, direction: u, fullHeight: d, render: l, surface: f, ...c} = i, a[0] = i, a[1] = o, a[2] = s, a[3] = c, a[4] = l, a[5] = u, a[6] = d, a[7] = f);
9
- let p = u === void 0 ? "row" : u, m = d === void 0 ? !0 : d, h = f === void 0 ? "rail" : f, g;
9
+ let p = u === void 0 ? "row" : u, m = d === void 0 || d, h = f === void 0 ? "rail" : f, g;
10
10
  a[8] === l ? g = a[9] : (g = l ?? /* @__PURE__ */ n("div", {}), a[8] = l, a[9] = g);
11
11
  let _;
12
12
  a[10] !== s || a[11] !== p || a[12] !== m || a[13] !== h ? (_ = e({
@@ -1,48 +1,48 @@
1
1
  import { VariantProps } from '../../internal/tv';
2
2
  export declare const appLayoutVariants: import('tailwind-variants').TVReturnType<{
3
3
  direction: {
4
- row: string;
5
- column: string;
4
+ row: "flex-row";
5
+ column: "flex-col";
6
6
  };
7
7
  surface: {
8
- rail: string;
9
- canvas: string;
10
- surface: string;
11
- sunken: string;
8
+ rail: "bg-rail";
9
+ canvas: "bg-canvas";
10
+ surface: "bg-surface";
11
+ sunken: "bg-sunken";
12
12
  };
13
13
  fullHeight: {
14
- true: string;
15
- false: string;
14
+ true: "h-dvh";
15
+ false: "";
16
16
  };
17
17
  }, undefined, "flex isolate min-w-0 overflow-hidden transition-colors", {
18
18
  direction: {
19
- row: string;
20
- column: string;
19
+ row: "flex-row";
20
+ column: "flex-col";
21
21
  };
22
22
  surface: {
23
- rail: string;
24
- canvas: string;
25
- surface: string;
26
- sunken: string;
23
+ rail: "bg-rail";
24
+ canvas: "bg-canvas";
25
+ surface: "bg-surface";
26
+ sunken: "bg-sunken";
27
27
  };
28
28
  fullHeight: {
29
- true: string;
30
- false: string;
29
+ true: "h-dvh";
30
+ false: "";
31
31
  };
32
- }, undefined, import('tailwind-variants').TVReturnType<{
32
+ }, undefined, import('tailwind-variants').TVReturnTypeLike<{
33
33
  direction: {
34
- row: string;
35
- column: string;
34
+ row: "flex-row";
35
+ column: "flex-col";
36
36
  };
37
37
  surface: {
38
- rail: string;
39
- canvas: string;
40
- surface: string;
41
- sunken: string;
38
+ rail: "bg-rail";
39
+ canvas: "bg-canvas";
40
+ surface: "bg-surface";
41
+ sunken: "bg-sunken";
42
42
  };
43
43
  fullHeight: {
44
- true: string;
45
- false: string;
44
+ true: "h-dvh";
45
+ false: "";
46
46
  };
47
- }, undefined, "flex isolate min-w-0 overflow-hidden transition-colors", unknown, unknown, undefined>>;
47
+ }, undefined>>;
48
48
  export type AppLayoutVariants = VariantProps<typeof appLayoutVariants>;
@@ -16,7 +16,7 @@ var { Provider: m, useContext: h } = e("OxAutocomplete", {
16
16
  function v(e) {
17
17
  let t = o(27), n, r, i, a, s, c, l;
18
18
  t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4], s = t[5], c = t[6], l = t[7]) : ({children: n, clearable: c, defaultValue: r, filteredItems: i, onValueChange: a, value: l, ...s} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a, t[5] = s, t[6] = c, t[7] = l);
19
- let f = c === void 0 ? !1 : c, h;
19
+ let f = c !== void 0 && c, h;
20
20
  t[8] === r ? h = t[9] : (h = () => r == null ? "" : String(r), t[8] = r, t[9] = h);
21
21
  let [g, v] = u(h), y = l === void 0 ? g : String(l), b;
22
22
  t[10] === y ? b = t[11] : (b = y.trim(), t[10] = y, t[11] = b);
@@ -47,7 +47,7 @@ function v(e) {
47
47
  function y(e) {
48
48
  let t = o(21), r, i, a, l, u, m;
49
49
  t[0] === e ? (r = t[1], i = t[2], a = t[3], l = t[4], u = t[5], m = t[6]) : ({children: r, className: i, icon: a, loading: u, showIcon: m, ...l} = e, t[0] = e, t[1] = r, t[2] = i, t[3] = a, t[4] = l, t[5] = u, t[6] = m);
50
- let _ = u === void 0 ? !1 : u, v = m === void 0 ? !0 : m, { clearable: y } = h(), b;
50
+ let _ = u !== void 0 && u, v = m === void 0 || m, { clearable: y } = h(), b;
51
51
  t[7] === i ? b = t[8] : (b = g.inputGroup({ class: i }), t[7] = i, t[8] = b);
52
52
  let x;
53
53
  t[9] !== a || t[10] !== _ || t[11] !== v ? (x = v && /* @__PURE__ */ d("span", {
@@ -1,42 +1,42 @@
1
1
  import { VariantProps } from '../../internal/tv';
2
2
  export declare const autocompleteVariants: import('tailwind-variants').TVReturnType<{
3
3
  [key: string]: {
4
- [key: string]: import('tailwind-merge').ClassNameValue | {
5
- clear?: import('tailwind-merge').ClassNameValue;
6
- icon?: import('tailwind-merge').ClassNameValue;
7
- item?: import('tailwind-merge').ClassNameValue;
8
- input?: import('tailwind-merge').ClassNameValue;
9
- group?: import('tailwind-merge').ClassNameValue;
10
- list?: import('tailwind-merge').ClassNameValue;
11
- separator?: import('tailwind-merge').ClassNameValue;
12
- status?: import('tailwind-merge').ClassNameValue;
13
- popup?: import('tailwind-merge').ClassNameValue;
14
- clearChip?: import('tailwind-merge').ClassNameValue;
15
- positioner?: import('tailwind-merge').ClassNameValue;
16
- groupLabel?: import('tailwind-merge').ClassNameValue;
17
- inputGroup?: import('tailwind-merge').ClassNameValue;
18
- empty?: import('tailwind-merge').ClassNameValue;
19
- addon?: import('tailwind-merge').ClassNameValue;
4
+ [key: string]: import('tailwind-variants').ClassValue | {
5
+ icon?: import('tailwind-variants').ClassValue;
6
+ item?: import('tailwind-variants').ClassValue;
7
+ input?: import('tailwind-variants').ClassValue;
8
+ group?: import('tailwind-variants').ClassValue;
9
+ list?: import('tailwind-variants').ClassValue;
10
+ separator?: import('tailwind-variants').ClassValue;
11
+ status?: import('tailwind-variants').ClassValue;
12
+ popup?: import('tailwind-variants').ClassValue;
13
+ clear?: import('tailwind-variants').ClassValue;
14
+ clearChip?: import('tailwind-variants').ClassValue;
15
+ positioner?: import('tailwind-variants').ClassValue;
16
+ groupLabel?: import('tailwind-variants').ClassValue;
17
+ inputGroup?: import('tailwind-variants').ClassValue;
18
+ empty?: import('tailwind-variants').ClassValue;
19
+ addon?: import('tailwind-variants').ClassValue;
20
20
  };
21
21
  };
22
22
  } | {
23
23
  [x: string]: {
24
- [x: string]: import('tailwind-merge').ClassNameValue | {
25
- clear?: import('tailwind-merge').ClassNameValue;
26
- icon?: import('tailwind-merge').ClassNameValue;
27
- item?: import('tailwind-merge').ClassNameValue;
28
- input?: import('tailwind-merge').ClassNameValue;
29
- group?: import('tailwind-merge').ClassNameValue;
30
- list?: import('tailwind-merge').ClassNameValue;
31
- separator?: import('tailwind-merge').ClassNameValue;
32
- status?: import('tailwind-merge').ClassNameValue;
33
- popup?: import('tailwind-merge').ClassNameValue;
34
- clearChip?: import('tailwind-merge').ClassNameValue;
35
- positioner?: import('tailwind-merge').ClassNameValue;
36
- groupLabel?: import('tailwind-merge').ClassNameValue;
37
- inputGroup?: import('tailwind-merge').ClassNameValue;
38
- empty?: import('tailwind-merge').ClassNameValue;
39
- addon?: import('tailwind-merge').ClassNameValue;
24
+ [x: string]: import('tailwind-variants').ClassValue | {
25
+ icon?: import('tailwind-variants').ClassValue;
26
+ item?: import('tailwind-variants').ClassValue;
27
+ input?: import('tailwind-variants').ClassValue;
28
+ group?: import('tailwind-variants').ClassValue;
29
+ list?: import('tailwind-variants').ClassValue;
30
+ separator?: import('tailwind-variants').ClassValue;
31
+ status?: import('tailwind-variants').ClassValue;
32
+ popup?: import('tailwind-variants').ClassValue;
33
+ clear?: import('tailwind-variants').ClassValue;
34
+ clearChip?: import('tailwind-variants').ClassValue;
35
+ positioner?: import('tailwind-variants').ClassValue;
36
+ groupLabel?: import('tailwind-variants').ClassValue;
37
+ inputGroup?: import('tailwind-variants').ClassValue;
38
+ empty?: import('tailwind-variants').ClassValue;
39
+ addon?: import('tailwind-variants').ClassValue;
40
40
  };
41
41
  };
42
42
  } | {}, {
@@ -57,22 +57,22 @@ export declare const autocompleteVariants: import('tailwind-variants').TVReturnT
57
57
  addon: string[];
58
58
  }, undefined, {
59
59
  [key: string]: {
60
- [key: string]: import('tailwind-merge').ClassNameValue | {
61
- clear?: import('tailwind-merge').ClassNameValue;
62
- icon?: import('tailwind-merge').ClassNameValue;
63
- item?: import('tailwind-merge').ClassNameValue;
64
- input?: import('tailwind-merge').ClassNameValue;
65
- group?: import('tailwind-merge').ClassNameValue;
66
- list?: import('tailwind-merge').ClassNameValue;
67
- separator?: import('tailwind-merge').ClassNameValue;
68
- status?: import('tailwind-merge').ClassNameValue;
69
- popup?: import('tailwind-merge').ClassNameValue;
70
- clearChip?: import('tailwind-merge').ClassNameValue;
71
- positioner?: import('tailwind-merge').ClassNameValue;
72
- groupLabel?: import('tailwind-merge').ClassNameValue;
73
- inputGroup?: import('tailwind-merge').ClassNameValue;
74
- empty?: import('tailwind-merge').ClassNameValue;
75
- addon?: import('tailwind-merge').ClassNameValue;
60
+ [key: string]: import('tailwind-variants').ClassValue | {
61
+ icon?: import('tailwind-variants').ClassValue;
62
+ item?: import('tailwind-variants').ClassValue;
63
+ input?: import('tailwind-variants').ClassValue;
64
+ group?: import('tailwind-variants').ClassValue;
65
+ list?: import('tailwind-variants').ClassValue;
66
+ separator?: import('tailwind-variants').ClassValue;
67
+ status?: import('tailwind-variants').ClassValue;
68
+ popup?: import('tailwind-variants').ClassValue;
69
+ clear?: import('tailwind-variants').ClassValue;
70
+ clearChip?: import('tailwind-variants').ClassValue;
71
+ positioner?: import('tailwind-variants').ClassValue;
72
+ groupLabel?: import('tailwind-variants').ClassValue;
73
+ inputGroup?: import('tailwind-variants').ClassValue;
74
+ empty?: import('tailwind-variants').ClassValue;
75
+ addon?: import('tailwind-variants').ClassValue;
76
76
  };
77
77
  };
78
78
  } | {}, {
@@ -91,7 +91,7 @@ export declare const autocompleteVariants: import('tailwind-variants').TVReturnT
91
91
  groupLabel: string[];
92
92
  separator: string;
93
93
  addon: string[];
94
- }, import('tailwind-variants').TVReturnType<unknown, {
94
+ }, import('tailwind-variants').TVReturnTypeLike<unknown, {
95
95
  inputGroup: string[];
96
96
  input: string[];
97
97
  icon: string[];
@@ -107,33 +107,33 @@ export declare const autocompleteVariants: import('tailwind-variants').TVReturnT
107
107
  groupLabel: string[];
108
108
  separator: string;
109
109
  addon: string[];
110
- }, undefined, unknown, unknown, undefined>>;
110
+ }>>;
111
111
  export declare const autocompleteAddonVariants: import('tailwind-variants').TVReturnType<{
112
112
  variant: {
113
- separated: string;
114
- inline: string;
113
+ separated: "has-[>svg:only-child]:min-w-[calc(var(--control-h-md)-2px)] has-[>svg:only-child]:justify-center has-[>svg:only-child]:px-0";
114
+ inline: "";
115
115
  };
116
116
  align: {
117
- 'inline-start': string;
118
- 'inline-end': string;
117
+ 'inline-start': "";
118
+ 'inline-end': "";
119
119
  };
120
120
  }, undefined, undefined, {
121
121
  variant: {
122
- separated: string;
123
- inline: string;
122
+ separated: "has-[>svg:only-child]:min-w-[calc(var(--control-h-md)-2px)] has-[>svg:only-child]:justify-center has-[>svg:only-child]:px-0";
123
+ inline: "";
124
124
  };
125
125
  align: {
126
- 'inline-start': string;
127
- 'inline-end': string;
126
+ 'inline-start': "";
127
+ 'inline-end': "";
128
128
  };
129
- }, undefined, import('tailwind-variants').TVReturnType<{
129
+ }, undefined, import('tailwind-variants').TVReturnTypeLike<{
130
130
  variant: {
131
- separated: string;
132
- inline: string;
131
+ separated: "has-[>svg:only-child]:min-w-[calc(var(--control-h-md)-2px)] has-[>svg:only-child]:justify-center has-[>svg:only-child]:px-0";
132
+ inline: "";
133
133
  };
134
134
  align: {
135
- 'inline-start': string;
136
- 'inline-end': string;
135
+ 'inline-start': "";
136
+ 'inline-end': "";
137
137
  };
138
- }, undefined, undefined, unknown, unknown, undefined>>;
138
+ }, undefined>>;
139
139
  export type AutocompleteAddonVariants = VariantProps<typeof autocompleteAddonVariants>;
@@ -131,7 +131,7 @@ export declare const avatarVariants: import('tailwind-variants').TVReturnType<{
131
131
  image: string;
132
132
  fallback: string[];
133
133
  presence: string;
134
- }, import('tailwind-variants').TVReturnType<{
134
+ }, import('tailwind-variants').TVReturnTypeLike<{
135
135
  size: {
136
136
  xs: {
137
137
  root: string;
@@ -197,7 +197,7 @@ export declare const avatarVariants: import('tailwind-variants').TVReturnType<{
197
197
  image: string;
198
198
  fallback: string[];
199
199
  presence: string;
200
- }, undefined, unknown, unknown, undefined>>;
200
+ }>>;
201
201
  export declare const avatarGroupVariants: import('tailwind-variants').TVReturnType<{
202
202
  size: {
203
203
  xs: {
@@ -266,7 +266,7 @@ export declare const avatarGroupVariants: import('tailwind-variants').TVReturnTy
266
266
  }, {
267
267
  root: string;
268
268
  overflow: string[];
269
- }, import('tailwind-variants').TVReturnType<{
269
+ }, import('tailwind-variants').TVReturnTypeLike<{
270
270
  size: {
271
271
  xs: {
272
272
  root: string;
@@ -300,6 +300,6 @@ export declare const avatarGroupVariants: import('tailwind-variants').TVReturnTy
300
300
  }, {
301
301
  root: string;
302
302
  overflow: string[];
303
- }, undefined, unknown, unknown, undefined>>;
303
+ }>>;
304
304
  export type AvatarVariants = VariantProps<typeof avatarVariants>;
305
305
  export type AvatarGroupVariants = VariantProps<typeof avatarGroupVariants>;
@@ -9,7 +9,7 @@ function o(e, t) {
9
9
  function s(s) {
10
10
  let c = t(42), l, u, d, f, p, m, h, g, _, v, y, b;
11
11
  c[0] === s ? (l = c[1], u = c[2], d = c[3], f = c[4], p = c[5], m = c[6], h = c[7], g = c[8], _ = c[9], v = c[10], y = c[11], b = c[12]) : ({badgeClassName: l, children: u, className: d, content: f, invisible: g, label: p, max: _, placement: v, render: h, showZero: y, tone: b, ...m} = s, c[0] = s, c[1] = l, c[2] = u, c[3] = d, c[4] = f, c[5] = p, c[6] = m, c[7] = h, c[8] = g, c[9] = _, c[10] = v, c[11] = y, c[12] = b);
12
- let x = g === void 0 ? !1 : g, S = _ === void 0 ? 99 : _, C = v === void 0 ? "top-right" : v, w = y === void 0 ? !1 : y, T = b === void 0 ? "danger" : b, E = f == null, D = !(!E && !w && f === 0), O, k, A, j, M;
12
+ let x = g !== void 0 && g, S = _ === void 0 ? 99 : _, C = v === void 0 ? "top-right" : v, w = y !== void 0 && y, T = b === void 0 ? "danger" : b, E = f == null, D = !(!E && !w && f === 0), O, k, A, j, M;
13
13
  if (c[13] !== l || c[14] !== d || c[15] !== f || c[16] !== x || c[17] !== E || c[18] !== p || c[19] !== S || c[20] !== C || c[21] !== m || c[22] !== h || c[23] !== D || c[24] !== T) {
14
14
  let t = e({
15
15
  placement: C,
@@ -51,7 +51,7 @@ export declare const badgeVariants: import('tailwind-variants').TVReturnType<{
51
51
  }, {
52
52
  base: string;
53
53
  indicator: string[];
54
- }, import('tailwind-variants').TVReturnType<{
54
+ }, import('tailwind-variants').TVReturnTypeLike<{
55
55
  placement: {
56
56
  'top-right': {
57
57
  indicator: string;
@@ -77,5 +77,5 @@ export declare const badgeVariants: import('tailwind-variants').TVReturnType<{
77
77
  }, {
78
78
  base: string;
79
79
  indicator: string[];
80
- }, undefined, unknown, unknown, undefined>>;
80
+ }>>;
81
81
  export type BadgeVariants = VariantProps<typeof badgeVariants>;
@@ -25,7 +25,7 @@ export declare const blurSwitchVariants: import('tailwind-variants').TVReturnTyp
25
25
  root: string;
26
26
  stack: string[];
27
27
  item: string[];
28
- }, import('tailwind-variants').TVReturnType<{
28
+ }, import('tailwind-variants').TVReturnTypeLike<{
29
29
  active: {
30
30
  true: {
31
31
  item: string;
@@ -38,5 +38,5 @@ export declare const blurSwitchVariants: import('tailwind-variants').TVReturnTyp
38
38
  root: string;
39
39
  stack: string[];
40
40
  item: string[];
41
- }, undefined, unknown, unknown, undefined>>;
41
+ }>>;
42
42
  export type BlurSwitchVariants = VariantProps<typeof blurSwitchVariants>;
@@ -1,9 +1,10 @@
1
1
  import { tv as e } from "../../internal/tv.js";
2
+ import { stackedLayers as t } from "../../internal/styles/stackedLayerStyles.js";
2
3
  //#region src/components/BlurSwitch/BlurSwitch.styles.ts
3
- var t = e({
4
+ var n = e({
4
5
  slots: {
5
6
  root: "overflow-hidden",
6
- stack: ["relative inline-grid", "[&>*]:[grid-area:1/1]"],
7
+ stack: t,
7
8
  item: [
8
9
  "inline-flex items-center justify-center gap-1.5",
9
10
  "transition-[opacity,filter,scale] duration-180 ease-out-quint",
@@ -16,4 +17,4 @@ var t = e({
16
17
  } }
17
18
  });
18
19
  //#endregion
19
- export { t as blurSwitchVariants };
20
+ export { n as blurSwitchVariants };
@@ -11,7 +11,7 @@ var { Provider: d, useRequiredContext: f } = e("OxBreadcrumb");
11
11
  function p(e) {
12
12
  let t = r(46), n, i, a, o, s, l, d;
13
13
  t[0] === e ? (n = t[1], i = t[2], a = t[3], o = t[4], s = t[5], l = t[6], d = t[7]) : ({children: n, className: i, current: l, disabled: d, href: a, render: s, ...o} = e, t[0] = e, t[1] = n, t[2] = i, t[3] = a, t[4] = o, t[5] = s, t[6] = l, t[7] = d);
14
- let p = l === void 0 ? !1 : l, m = d === void 0 ? !1 : d, { slots: h } = f(), g = !p && !m && (a !== void 0 || s !== void 0), _ = !p && !m && !g, v;
14
+ let p = l !== void 0 && l, m = d !== void 0 && d, { slots: h } = f(), g = !p && !m && (a !== void 0 || s !== void 0), _ = !p && !m && !g, v;
15
15
  t[8] !== i || t[9] !== h ? (v = h.link({ class: i }), t[8] = i, t[9] = h, t[10] = v) : v = t[10];
16
16
  let y = v;
17
17
  if (p) {