@koide-labs/ui 0.1.2 → 0.1.3

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 (94) hide show
  1. package/README.md +4 -1
  2. package/dist/accordion.css +1 -1
  3. package/dist/alert-dialog.css +1 -1
  4. package/dist/anchor.css +1 -1
  5. package/dist/avatar.css +1 -1
  6. package/dist/badge.css +1 -1
  7. package/dist/button.css +1 -1
  8. package/dist/checkbox.css +1 -1
  9. package/dist/code.css +1 -1
  10. package/dist/collapse.css +1 -1
  11. package/dist/command.css +1 -1
  12. package/dist/components/accordion/accordion.js +40 -40
  13. package/dist/components/alert-dialog/alert-dialog.js +9 -9
  14. package/dist/components/anchor/anchor.js +5 -5
  15. package/dist/components/avatar/avatar.js +26 -26
  16. package/dist/components/badge/badge.js +13 -13
  17. package/dist/components/button/button.js +13 -13
  18. package/dist/components/checkbox/checkbox.js +1 -1
  19. package/dist/components/code/code.js +48 -48
  20. package/dist/components/collapse/collapse.js +7 -7
  21. package/dist/components/command/command.js +121 -121
  22. package/dist/components/context-menu/context-menu.js +6 -6
  23. package/dist/components/dialog/dialog.js +1 -1
  24. package/dist/components/heading/heading.js +6 -6
  25. package/dist/components/icon/icon.js +12 -12
  26. package/dist/components/icon-button/icon-button.js +26 -26
  27. package/dist/components/inline-code/inline-code.js +2 -2
  28. package/dist/components/input/input.js +1 -1
  29. package/dist/components/meter/meter.js +40 -40
  30. package/dist/components/multiline-input/multiline-input.js +1 -1
  31. package/dist/components/number-input/number-input.js +7 -7
  32. package/dist/components/password-input/password-input.js +2 -2
  33. package/dist/components/pill/pill.js +11 -11
  34. package/dist/components/popover/popover.js +21 -21
  35. package/dist/components/preview-card/preview-card.js +2 -2
  36. package/dist/components/radio-group/radio-group.js +54 -54
  37. package/dist/components/search-bar/search-bar.js +8 -8
  38. package/dist/components/select/select.js +75 -75
  39. package/dist/components/separator/index.js +1 -1
  40. package/dist/components/separator/separator.js +1 -1
  41. package/dist/components/slider/slider.js +128 -128
  42. package/dist/components/spinner/spinner.js +4 -4
  43. package/dist/components/stacked-avatars/stacked-avatars.js +35 -35
  44. package/dist/components/status-banner/status-banner.js +22 -22
  45. package/dist/components/surface/surface.js +15 -15
  46. package/dist/components/switch/switch.js +28 -28
  47. package/dist/components/tabs/tabs.js +132 -132
  48. package/dist/components/text/text.js +25 -25
  49. package/dist/components/timestamp/timestamp.js +73 -73
  50. package/dist/components/toaster/toaster.js +165 -165
  51. package/dist/components/tooltip/index.js +1 -1
  52. package/dist/components/tooltip/tooltip.js +1 -1
  53. package/dist/components/view/view.js +44 -44
  54. package/dist/context-menu.css +1 -1
  55. package/dist/dialog.css +1 -1
  56. package/dist/{dialog.module-Pi1eHwli.js → dialog.module-1PAL873u.js} +59 -59
  57. package/dist/heading.css +1 -1
  58. package/dist/icon-button.css +1 -1
  59. package/dist/icon.css +1 -1
  60. package/dist/index.js +2 -2
  61. package/dist/inline-code.css +1 -1
  62. package/dist/input.css +1 -1
  63. package/dist/input.module-CtE19OH8.js +8 -0
  64. package/dist/integrations/react-markdown/index.js +1 -1
  65. package/dist/meter.css +1 -1
  66. package/dist/number-input.css +1 -1
  67. package/dist/password-input.css +1 -1
  68. package/dist/pill.css +1 -1
  69. package/dist/popover.css +1 -1
  70. package/dist/preview-card.css +1 -1
  71. package/dist/radio-group.css +1 -1
  72. package/dist/search-bar.css +1 -1
  73. package/dist/select.css +1 -1
  74. package/dist/{separator-wNYojB9q.js → separator-DgY7BjjO.js} +10 -10
  75. package/dist/separator.css +1 -1
  76. package/dist/slider.css +1 -1
  77. package/dist/spinner.css +1 -1
  78. package/dist/stacked-avatars.css +1 -1
  79. package/dist/status-banner.css +1 -1
  80. package/dist/styles/core.css +1 -1
  81. package/dist/surface.css +1 -1
  82. package/dist/switch.css +1 -1
  83. package/dist/tabs.css +1 -1
  84. package/dist/text.css +1 -1
  85. package/dist/timestamp.css +1 -1
  86. package/dist/toaster.css +1 -1
  87. package/dist/{tooltip-DZkByWDR.js → tooltip-BJQPwudf.js} +2 -2
  88. package/dist/tooltip.css +1 -1
  89. package/dist/view.css +1 -1
  90. package/dist/view.module-CjopAf_0.js +6 -0
  91. package/dist/view2.css +1 -1
  92. package/package.json +19 -16
  93. package/dist/input.module-zw1dlr1_.js +0 -8
  94. package/dist/view.module-DlwuNdUj.js +0 -6
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { T as t } from "../../tooltip-DZkByWDR.js";
2
+ import { T as t } from "../../tooltip-BJQPwudf.js";
3
3
  export {
4
4
  t as Tooltip
5
5
  };
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "../../clsx-OuTLNxxd.js";
3
3
  import "../../-utils.js";
4
4
  import "../../transitions.module-D9mMAtfI.js";
5
- import { T as a } from "../../tooltip-DZkByWDR.js";
5
+ import { T as a } from "../../tooltip-BJQPwudf.js";
6
6
  import "../surface/surface.js";
7
7
  export {
8
8
  a as Tooltip
@@ -1,63 +1,63 @@
1
1
  import { c as t } from "../../clsx-OuTLNxxd.js";
2
- import { s as v } from "../../view.module-DlwuNdUj.js";
2
+ import { s as v } from "../../view.module-CjopAf_0.js";
3
3
  import { u as n } from "../../useRender-C3vlzS3t.js";
4
4
  import { m as y } from "../../useRenderElement-DngNDu_P.js";
5
- import '../../view2.css';const s = "_view_colorway_v6bkl_2", g = "_view_colorway_static_v6bkl_20", u = "_view_colorway_outline_v6bkl_28", d = "_view_colorway_fill_v6bkl_98", l = {
6
- view_colorway: s,
7
- view_colorway_static: g,
8
- view_colorway_outline: u,
9
- "view_colorway_outline-static": "_view_colorway_outline-static_v6bkl_60",
10
- "view_colorway_mute-static": "_view_colorway_mute-static_v6bkl_67",
11
- "view_colorway_no-fill": "_view_colorway_no-fill_v6bkl_73",
5
+ import '../../view2.css';const u = "_view_colorway_qhua6_2", s = "_view_colorway_static_qhua6_20", g = "_view_colorway_outline_qhua6_28", d = "_view_colorway_fill_qhua6_98", l = {
6
+ view_colorway: u,
7
+ view_colorway_static: s,
8
+ view_colorway_outline: g,
9
+ "view_colorway_outline-static": "_view_colorway_outline-static_qhua6_60",
10
+ "view_colorway_mute-static": "_view_colorway_mute-static_qhua6_67",
11
+ "view_colorway_no-fill": "_view_colorway_no-fill_qhua6_73",
12
12
  view_colorway_fill: d,
13
- "view_colorway_fill-static": "_view_colorway_fill-static_v6bkl_123",
14
- "view_colorway_fill-outline": "_view_colorway_fill-outline_v6bkl_129",
15
- "view_colorway_color-primary": "_view_colorway_color-primary_v6bkl_163",
16
- "view_colorway_color-positive": "_view_colorway_color-positive_v6bkl_171",
17
- "view_colorway_color-negative": "_view_colorway_color-negative_v6bkl_179",
18
- "view_colorway_color-warning": "_view_colorway_color-warning_v6bkl_187",
19
- "view_colorway_color-red": "_view_colorway_color-red_v6bkl_195",
20
- "view_colorway_color-orange": "_view_colorway_color-orange_v6bkl_203",
21
- "view_colorway_color-yellow": "_view_colorway_color-yellow_v6bkl_211",
22
- "view_colorway_color-green": "_view_colorway_color-green_v6bkl_219",
23
- "view_colorway_color-teal": "_view_colorway_color-teal_v6bkl_227",
24
- "view_colorway_color-blue": "_view_colorway_color-blue_v6bkl_235",
25
- "view_colorway_color-blurple": "_view_colorway_color-blurple_v6bkl_243",
26
- "view_colorway_color-purple": "_view_colorway_color-purple_v6bkl_251",
27
- "view_colorway_color-magenta": "_view_colorway_color-magenta_v6bkl_259",
28
- "view_colorway_color-pink": "_view_colorway_color-pink_v6bkl_267",
29
- "view_colorway_color-grey": "_view_colorway_color-grey_v6bkl_275"
30
- }, f = "_view_interactive_1q2pr_2", b = "_view_interactive_fill_1q2pr_30", k = "_view_interactive_outline_1q2pr_69", c = {
13
+ "view_colorway_fill-static": "_view_colorway_fill-static_qhua6_123",
14
+ "view_colorway_fill-outline": "_view_colorway_fill-outline_qhua6_129",
15
+ "view_colorway_color-primary": "_view_colorway_color-primary_qhua6_163",
16
+ "view_colorway_color-positive": "_view_colorway_color-positive_qhua6_171",
17
+ "view_colorway_color-negative": "_view_colorway_color-negative_qhua6_179",
18
+ "view_colorway_color-warning": "_view_colorway_color-warning_qhua6_187",
19
+ "view_colorway_color-red": "_view_colorway_color-red_qhua6_195",
20
+ "view_colorway_color-orange": "_view_colorway_color-orange_qhua6_203",
21
+ "view_colorway_color-yellow": "_view_colorway_color-yellow_qhua6_211",
22
+ "view_colorway_color-green": "_view_colorway_color-green_qhua6_219",
23
+ "view_colorway_color-teal": "_view_colorway_color-teal_qhua6_227",
24
+ "view_colorway_color-blue": "_view_colorway_color-blue_qhua6_235",
25
+ "view_colorway_color-blurple": "_view_colorway_color-blurple_qhua6_243",
26
+ "view_colorway_color-purple": "_view_colorway_color-purple_qhua6_251",
27
+ "view_colorway_color-magenta": "_view_colorway_color-magenta_qhua6_259",
28
+ "view_colorway_color-pink": "_view_colorway_color-pink_qhua6_267",
29
+ "view_colorway_color-grey": "_view_colorway_color-grey_qhua6_275"
30
+ }, f = "_view_interactive_r2alv_2", h = "_view_interactive_fill_r2alv_30", q = "_view_interactive_outline_r2alv_69", r = {
31
31
  view_interactive: f,
32
- view_interactive_fill: b,
33
- "view_interactive_no-fill": "_view_interactive_no-fill_1q2pr_50",
34
- view_interactive_outline: k,
35
- "view_interactive_fill-outline": "_view_interactive_fill-outline_1q2pr_89",
36
- "view_interactive_list-item": "_view_interactive_list-item_1q2pr_110"
37
- }, m = "_view_loading_exsxc_7", p = "_view_loading_foreground_exsxc_12", x = "_loading_exsxc_1", q = "_view_loading_background_exsxc_25", w = {
32
+ view_interactive_fill: h,
33
+ "view_interactive_no-fill": "_view_interactive_no-fill_r2alv_50",
34
+ view_interactive_outline: q,
35
+ "view_interactive_fill-outline": "_view_interactive_fill-outline_r2alv_89",
36
+ "view_interactive_list-item": "_view_interactive_list-item_r2alv_110"
37
+ }, m = "_view_loading_p1qhr_7", p = "_view_loading_foreground_p1qhr_12", b = "_loading_p1qhr_1", k = "_view_loading_background_p1qhr_25", c = {
38
38
  view_loading: m,
39
39
  view_loading_foreground: p,
40
- loading: x,
41
- view_loading_background: q
40
+ loading: b,
41
+ view_loading_background: k
42
42
  };
43
43
  function R({
44
44
  interactive: o,
45
45
  loading: i,
46
46
  color: e,
47
- render: r,
48
- ...a
47
+ render: a,
48
+ ...w
49
49
  }) {
50
50
  const _ = $({ interactive: o, loading: i });
51
51
  return n({
52
52
  defaultTagName: "div",
53
- render: r,
54
- props: y(a, {
53
+ render: a,
54
+ props: y(w, {
55
55
  className: t(
56
56
  v.view,
57
57
  e && l[`view_colorway_color-${e}`],
58
58
  _.interactive && [
59
- c.view_interactive,
60
- c[`view_interactive_${_.interactive}`]
59
+ r.view_interactive,
60
+ r[`view_interactive_${_.interactive}`]
61
61
  ],
62
62
  _.colorway && [
63
63
  _.colorway[1].endsWith("static") ? l.view_colorway_static : l.view_colorway,
@@ -65,8 +65,8 @@ function R({
65
65
  l[`view_colorway_color-${_.colorway[0]}`]
66
66
  ],
67
67
  _.loading && [
68
- w.view_loading,
69
- w[`view_loading_${_.loading}`]
68
+ c.view_loading,
69
+ c[`view_loading_${_.loading}`]
70
70
  ]
71
71
  )
72
72
  })
@@ -75,8 +75,8 @@ function R({
75
75
  function $(o) {
76
76
  let i = null, e = null;
77
77
  o.interactive && typeof o.interactive == "boolean" ? i = "fill" : typeof o.interactive == "string" && (typeof o.interactive == "string" && o.interactive.includes("_") ? e = o.interactive.split("_") : i = o.interactive);
78
- let r = null;
79
- return o.loading && (r = typeof o.loading == "boolean" ? "foreground" : o.loading), { interactive: i, colorway: e, loading: r };
78
+ let a = null;
79
+ return o.loading && (a = typeof o.loading == "boolean" ? "foreground" : o.loading), { interactive: i, colorway: e, loading: a };
80
80
  }
81
81
  export {
82
82
  R as View
@@ -1 +1 @@
1
- @layer ui-component{._context-menu_wk5f8_2{gap:var(--space-4);box-shadow:var(--shadow-1);border:1px solid var(--outline-dimmest);border-radius:var(--border-radius-default);padding:var(--space-4);-webkit-user-select:none;-moz-user-select:none;user-select:none}._context-menu__item_wk5f8_11{position:relative;flex-direction:row;align-items:center;gap:var(--space-4);outline:none;border:none;border-radius:var(--border-radius-6);padding:var(--space-2) var(--space-4);padding-left:var(--space-24)}._context-menu__item-icon_wk5f8_23{position:absolute;top:50%;left:var(--space-4);transform:translateY(-50%)}._context-menu__item-shortcut_wk5f8_30{margin-left:auto;letter-spacing:.1em}._context-menu__label_wk5f8_35{padding:var(--space-2) var(--space-4)}}
1
+ @layer components{._context-menu_ct7eh_2{gap:var(--space-4);box-shadow:var(--shadow-1);border:1px solid var(--outline-dimmest);border-radius:var(--border-radius-default);padding:var(--space-4);-webkit-user-select:none;-moz-user-select:none;user-select:none}._context-menu__item_ct7eh_11{position:relative;flex-direction:row;align-items:center;gap:var(--space-4);outline:none;border:none;border-radius:var(--border-radius-6);padding:var(--space-2) var(--space-4);padding-left:var(--space-24)}._context-menu__item-icon_ct7eh_23{position:absolute;top:50%;left:var(--space-4);transform:translateY(-50%)}._context-menu__item-shortcut_ct7eh_30{margin-left:auto;letter-spacing:.1em}._context-menu__label_ct7eh_35{padding:var(--space-2) var(--space-4)}}
package/dist/dialog.css CHANGED
@@ -1 +1 @@
1
- @layer ui-atom{._dialog__backdrop_10jec_2{position:fixed;z-index:50;inset:0;background-color:var(--background-overlay)}@supports (-webkit-touch-callout: none){._dialog__backdrop_10jec_2{position:absolute}}._dialog__popup_10jec_14{display:block;position:fixed;z-index:51;inset:0;isolation:isolate;padding:var(--space-16);height:100%;overflow:auto}._dialog__popup_centered_10jec_25{display:flex;place-items:center}@media screen and (min-width:512px){._dialog__popup_centered_10jec_25{padding:var(--space-32);padding-top:var(--space-64);padding-bottom:var(--space-64)}}._dialog__content_10jec_36{position:relative;flex-grow:1;flex-shrink:1;gap:var(--space-16);margin:0 auto;outline:none;box-shadow:var(--shadow-2);border:1px solid var(--outline-dimmest);border-radius:var(--border-radius-default);padding:var(--space-16);width:100%;height:auto;overflow:hidden}._dialog__content_width_sm_10jec_52{max-width:384px}._dialog__content_width_md_10jec_56{max-width:512px}._dialog__content_width_lg_10jec_60{max-width:872px}._dialog__header_10jec_64{gap:var(--space-4)}._dialog__close_10jec_68{position:absolute;top:var(--space-8);right:var(--space-8)}}
1
+ @layer atom{._dialog__backdrop_1wc77_2{position:fixed;z-index:50;inset:0;background-color:var(--background-overlay)}@supports (-webkit-touch-callout: none){._dialog__backdrop_1wc77_2{position:absolute}}._dialog__popup_1wc77_14{display:block;position:fixed;z-index:51;inset:0;isolation:isolate;padding:var(--space-16);height:100%;overflow:auto}._dialog__popup_centered_1wc77_25{display:flex;place-items:center}@media screen and (min-width:512px){._dialog__popup_centered_1wc77_25{padding:var(--space-32);padding-top:var(--space-64);padding-bottom:var(--space-64)}}._dialog__content_1wc77_36{position:relative;flex-grow:1;flex-shrink:1;gap:var(--space-16);margin:0 auto;outline:none;box-shadow:var(--shadow-2);border:1px solid var(--outline-dimmest);border-radius:var(--border-radius-default);padding:var(--space-16);width:100%;height:auto;overflow:hidden}._dialog__content_width_sm_1wc77_52{max-width:384px}._dialog__content_width_md_1wc77_56{max-width:512px}._dialog__content_width_lg_1wc77_60{max-width:872px}._dialog__header_1wc77_64{gap:var(--space-4)}._dialog__close_1wc77_68{position:absolute;top:var(--space-8);right:var(--space-8)}}
@@ -1,13 +1,13 @@
1
1
  import * as s from "react";
2
2
  import { u as H } from "./useStableCallback-DKZHlUAT.js";
3
3
  import { u as Y, a as $, F as q, I as z, b as A } from "./InternalBackdrop-BSMKU-hc.js";
4
- import { c as j, i as J, d as Q } from "./createBaseUIEventDetails-CCSfZ2vM.js";
4
+ import { c as U, i as J, d as Q } from "./createBaseUIEventDetails-CCSfZ2vM.js";
5
5
  import { u as X, a as Z, b as ee, p as te, c as oe, d as ne } from "./useSyncedFloatingRootContext-BB1vwkV-.js";
6
6
  import { u as se } from "./useRole-BD3OL1rr.js";
7
- import { d as re, e as U, R as ie, P as ae, c as S, p as K, C as w, f as le } from "./transitions.module-D9mMAtfI.js";
7
+ import { d as re, e as K, R as ie, P as ae, c as S, p as W, C as T, f as le } from "./transitions.module-D9mMAtfI.js";
8
8
  import { h as ce, f as de } from "./element-u5WgOZX1.js";
9
- import { u as P } from "./useRenderElement-DngNDu_P.js";
10
- import { t as W, u as pe } from "./useOpenChangeComplete-BHd-N7Ig.js";
9
+ import { u as b } from "./useRenderElement-DngNDu_P.js";
10
+ import { t as j, u as pe } from "./useOpenChangeComplete-BHd-N7Ig.js";
11
11
  import { u as G } from "./useButton-d3_JgBNr.js";
12
12
  import { u as B } from "./useBaseUiId-B7WyxtIE.js";
13
13
  import { C as ue } from "./composite-BwEK5cWH.js";
@@ -31,7 +31,7 @@ import './dialog.css';function ot(t) {
31
31
  } = Z(i, e, () => {
32
32
  C();
33
33
  }), c = H((f) => {
34
- const E = j(f);
34
+ const E = U(f);
35
35
  return E.preventUnmountOnClose = () => {
36
36
  e.set("preventUnmountingOnClose", !0);
37
37
  }, E;
@@ -47,7 +47,7 @@ import './dialog.css';function ot(t) {
47
47
  onOpenChange: e.setOpen,
48
48
  treatPopupAsFloatingElement: !0,
49
49
  noEmit: !0
50
- }), [_, D] = s.useState(0), h = _ === 0, x = se(g), v = re(g, {
50
+ }), [_, D] = s.useState(0), h = _ === 0, P = se(g), x = re(g, {
51
51
  outsidePressEvent() {
52
52
  return e.context.internalBackdropRef.current || e.context.backdropRef.current ? "intentional" : {
53
53
  mouse: l === "trap-focus" ? "sloppy" : "intentional",
@@ -59,8 +59,8 @@ import './dialog.css';function ot(t) {
59
59
  return !1;
60
60
  const E = ce(f);
61
61
  if (h && !r) {
62
- const T = E;
63
- return l && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === T || e.context.backdropRef.current === T || de(T, a) && !T?.hasAttribute("data-base-ui-portal") : !0;
62
+ const y = E;
63
+ return l && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === y || e.context.backdropRef.current === y || de(y, a) && !y?.hasAttribute("data-base-ui-portal") : !0;
64
64
  }
65
65
  return !1;
66
66
  },
@@ -70,8 +70,8 @@ import './dialog.css';function ot(t) {
70
70
  const {
71
71
  getReferenceProps: R,
72
72
  getFloatingProps: O,
73
- getTriggerProps: I
74
- } = U([x, v]);
73
+ getTriggerProps: w
74
+ } = K([P, x]);
75
75
  e.useContextCallback("onNestedDialogOpen", (f) => {
76
76
  D(f + 1);
77
77
  }), e.useContextCallback("onNestedDialogClose", () => {
@@ -79,11 +79,11 @@ import './dialog.css';function ot(t) {
79
79
  }), s.useEffect(() => (n?.onNestedDialogOpen && i && n.onNestedDialogOpen(_), n?.onNestedDialogClose && !i && n.onNestedDialogClose(), () => {
80
80
  n?.onNestedDialogClose && i && n.onNestedDialogClose();
81
81
  }), [i, n, _]);
82
- const y = s.useMemo(() => R(p), [R, p]), b = s.useMemo(() => I(p), [I, p]), k = s.useMemo(() => O(), [O]);
82
+ const v = s.useMemo(() => R(p), [R, p]), I = s.useMemo(() => w(p), [w, p]), k = s.useMemo(() => O(), [O]);
83
83
  e.useSyncedValues({
84
84
  openMethod: o,
85
- activeTriggerProps: y,
86
- inactiveTriggerProps: b,
85
+ activeTriggerProps: v,
86
+ inactiveTriggerProps: I,
87
87
  popupProps: k,
88
88
  floatingRootContext: g,
89
89
  nestedOpenDialogCount: _
@@ -155,8 +155,8 @@ function he(t = {}) {
155
155
  };
156
156
  }
157
157
  const Ee = {
158
- ...K,
159
- ...W
158
+ ...W,
159
+ ...j
160
160
  }, Se = /* @__PURE__ */ s.forwardRef(function(e, n) {
161
161
  const {
162
162
  render: d,
@@ -169,7 +169,7 @@ const Ee = {
169
169
  open: o,
170
170
  transitionStatus: u
171
171
  }), [o, u]);
172
- return P("div", e, {
172
+ return b("div", e, {
173
173
  state: c,
174
174
  ref: [a.context.backdropRef, n],
175
175
  stateAttributesMapping: Ee,
@@ -196,7 +196,7 @@ const De = /* @__PURE__ */ s.forwardRef(function(e, n) {
196
196
  store: o
197
197
  } = N(), p = o.useState("open");
198
198
  function C(g) {
199
- p && o.setOpen(!1, j(Q, g.nativeEvent));
199
+ p && o.setOpen(!1, U(Q, g.nativeEvent));
200
200
  }
201
201
  const {
202
202
  getButtonProps: u,
@@ -207,7 +207,7 @@ const De = /* @__PURE__ */ s.forwardRef(function(e, n) {
207
207
  }), m = s.useMemo(() => ({
208
208
  disabled: r
209
209
  }), [r]);
210
- return P("button", e, {
210
+ return b("button", e, {
211
211
  state: m,
212
212
  ref: [n, c],
213
213
  props: [{
@@ -225,7 +225,7 @@ const Re = /* @__PURE__ */ s.forwardRef(function(e, n) {
225
225
  } = e, {
226
226
  store: a
227
227
  } = N(), o = B(r);
228
- return a.useSyncedValueWithCleanup("descriptionElementId", o), P("p", e, {
228
+ return a.useSyncedValueWithCleanup("descriptionElementId", o), b("p", e, {
229
229
  ref: n,
230
230
  props: [{
231
231
  id: o
@@ -236,25 +236,25 @@ process.env.NODE_ENV !== "production" && (Re.displayName = "DialogDescription");
236
236
  let Ne = /* @__PURE__ */ (function(t) {
237
237
  return t.nestedDialogs = "--nested-dialogs", t;
238
238
  })({}), Oe = (function(t) {
239
- return t[t.open = w.open] = "open", t[t.closed = w.closed] = "closed", t[t.startingStyle = w.startingStyle] = "startingStyle", t[t.endingStyle = w.endingStyle] = "endingStyle", t.nested = "data-nested", t.nestedDialogOpen = "data-nested-dialog-open", t;
239
+ return t[t.open = T.open] = "open", t[t.closed = T.closed] = "closed", t[t.startingStyle = T.startingStyle] = "startingStyle", t[t.endingStyle = T.endingStyle] = "endingStyle", t.nested = "data-nested", t.nestedDialogOpen = "data-nested-dialog-open", t;
240
240
  })({});
241
241
  const V = /* @__PURE__ */ s.createContext(void 0);
242
242
  process.env.NODE_ENV !== "production" && (V.displayName = "DialogPortalContext");
243
- function Ie() {
243
+ function we() {
244
244
  const t = s.useContext(V);
245
245
  if (t === void 0)
246
246
  throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Portal> is missing." : F(26));
247
247
  return t;
248
248
  }
249
- const be = {
250
- ...K,
249
+ const Ie = {
251
250
  ...W,
251
+ ...j,
252
252
  nestedDialogOpen(t) {
253
253
  return t ? {
254
254
  [Oe.nestedDialogOpen]: ""
255
255
  } : null;
256
256
  }
257
- }, Pe = /* @__PURE__ */ s.forwardRef(function(e, n) {
257
+ }, be = /* @__PURE__ */ s.forwardRef(function(e, n) {
258
258
  const {
259
259
  className: d,
260
260
  finalFocus: i,
@@ -263,26 +263,26 @@ const be = {
263
263
  ...a
264
264
  } = e, {
265
265
  store: o
266
- } = N(), p = o.useState("descriptionElementId"), C = o.useState("disablePointerDismissal"), u = o.useState("floatingRootContext"), c = o.useState("popupProps"), m = o.useState("modal"), g = o.useState("mounted"), _ = o.useState("nested"), D = o.useState("nestedOpenDialogCount"), h = o.useState("open"), x = o.useState("openMethod"), v = o.useState("titleElementId"), R = o.useState("transitionStatus"), O = o.useState("role");
267
- Ie(), pe({
266
+ } = N(), p = o.useState("descriptionElementId"), C = o.useState("disablePointerDismissal"), u = o.useState("floatingRootContext"), c = o.useState("popupProps"), m = o.useState("modal"), g = o.useState("mounted"), _ = o.useState("nested"), D = o.useState("nestedOpenDialogCount"), h = o.useState("open"), P = o.useState("openMethod"), x = o.useState("titleElementId"), R = o.useState("transitionStatus"), O = o.useState("role");
267
+ we(), pe({
268
268
  open: h,
269
269
  ref: o.context.popupRef,
270
270
  onComplete() {
271
271
  h && o.context.onOpenChangeComplete?.(!0);
272
272
  }
273
273
  });
274
- function I(E) {
274
+ function w(E) {
275
275
  return E === "touch" ? o.context.popupRef.current : !0;
276
276
  }
277
- const y = r === void 0 ? I : r, b = D > 0, k = s.useMemo(() => ({
277
+ const v = r === void 0 ? w : r, I = D > 0, k = s.useMemo(() => ({
278
278
  open: h,
279
279
  nested: _,
280
280
  transitionStatus: R,
281
- nestedDialogOpen: b
282
- }), [h, _, R, b]), f = P("div", e, {
281
+ nestedDialogOpen: I
282
+ }), [h, _, R, I]), f = b("div", e, {
283
283
  state: k,
284
284
  props: [c, {
285
- "aria-labelledby": v ?? void 0,
285
+ "aria-labelledby": x ?? void 0,
286
286
  "aria-describedby": p ?? void 0,
287
287
  role: O,
288
288
  tabIndex: -1,
@@ -295,22 +295,22 @@ const be = {
295
295
  }
296
296
  }, a],
297
297
  ref: [n, o.context.popupRef, o.useStateSetter("popupElement")],
298
- stateAttributesMapping: be
298
+ stateAttributesMapping: Ie
299
299
  });
300
300
  return /* @__PURE__ */ M(q, {
301
301
  context: u,
302
- openInteractionType: x,
302
+ openInteractionType: P,
303
303
  disabled: !g,
304
304
  closeOnFocusOut: !C,
305
- initialFocus: y,
305
+ initialFocus: v,
306
306
  returnFocus: i,
307
307
  modal: m !== !1,
308
308
  restoreFocus: "popup",
309
309
  children: f
310
310
  });
311
311
  });
312
- process.env.NODE_ENV !== "production" && (Pe.displayName = "DialogPopup");
313
- const xe = /* @__PURE__ */ s.forwardRef(function(e, n) {
312
+ process.env.NODE_ENV !== "production" && (be.displayName = "DialogPopup");
313
+ const Pe = /* @__PURE__ */ s.forwardRef(function(e, n) {
314
314
  const {
315
315
  keepMounted: d = !1,
316
316
  ...i
@@ -329,8 +329,8 @@ const xe = /* @__PURE__ */ s.forwardRef(function(e, n) {
329
329
  })
330
330
  }) : null;
331
331
  });
332
- process.env.NODE_ENV !== "production" && (xe.displayName = "DialogPortal");
333
- const ve = /* @__PURE__ */ s.forwardRef(function(e, n) {
332
+ process.env.NODE_ENV !== "production" && (Pe.displayName = "DialogPortal");
333
+ const xe = /* @__PURE__ */ s.forwardRef(function(e, n) {
334
334
  const {
335
335
  render: d,
336
336
  className: i,
@@ -339,15 +339,15 @@ const ve = /* @__PURE__ */ s.forwardRef(function(e, n) {
339
339
  } = e, {
340
340
  store: a
341
341
  } = N(), o = B(r);
342
- return a.useSyncedValueWithCleanup("titleElementId", o), P("h2", e, {
342
+ return a.useSyncedValueWithCleanup("titleElementId", o), b("h2", e, {
343
343
  ref: n,
344
344
  props: [{
345
345
  id: o
346
346
  }, l]
347
347
  });
348
348
  });
349
- process.env.NODE_ENV !== "production" && (ve.displayName = "DialogTitle");
350
- const ye = /* @__PURE__ */ s.forwardRef(function(e, n) {
349
+ process.env.NODE_ENV !== "production" && (xe.displayName = "DialogTitle");
350
+ const ve = /* @__PURE__ */ s.forwardRef(function(e, n) {
351
351
  const {
352
352
  render: d,
353
353
  className: i,
@@ -362,52 +362,52 @@ const ye = /* @__PURE__ */ s.forwardRef(function(e, n) {
362
362
  throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Trigger> must be used within <Dialog.Root> or provided with a handle." : F(79));
363
363
  const m = B(a), g = c.useState("floatingRootContext"), _ = c.useState("isOpenedByTrigger", m), D = s.useRef(null), {
364
364
  registerTrigger: h,
365
- isMountedByThisTrigger: x
365
+ isMountedByThisTrigger: P
366
366
  } = ne(m, D, c, {
367
367
  payload: o
368
368
  }), {
369
- getButtonProps: v,
369
+ getButtonProps: x,
370
370
  buttonRef: R
371
371
  } = G({
372
372
  disabled: r,
373
373
  native: l
374
374
  }), O = A(g, {
375
375
  enabled: g != null
376
- }), I = U([O]), y = s.useMemo(() => ({
376
+ }), w = K([O]), v = s.useMemo(() => ({
377
377
  disabled: r,
378
378
  open: _
379
- }), [r, _]), b = c.useState("triggerProps", x);
380
- return P("button", e, {
381
- state: y,
379
+ }), [r, _]), I = c.useState("triggerProps", P);
380
+ return b("button", e, {
381
+ state: v,
382
382
  ref: [R, n, h, D],
383
- props: [I.getReferenceProps(), b, {
383
+ props: [w.getReferenceProps(), I, {
384
384
  [_e]: "",
385
385
  id: m
386
- }, C, v],
386
+ }, C, x],
387
387
  stateAttributesMapping: le
388
388
  });
389
389
  });
390
- process.env.NODE_ENV !== "production" && (ye.displayName = "DialogTrigger");
391
- const Te = "_dialog__backdrop_10jec_2", we = "_dialog__popup_10jec_14", ke = "_dialog__popup_centered_10jec_25", Me = "_dialog__content_10jec_36", Be = "_dialog__content_width_sm_10jec_52", Fe = "_dialog__content_width_md_10jec_56", Ve = "_dialog__content_width_lg_10jec_60", je = "_dialog__header_10jec_64", Ue = "_dialog__close_10jec_68", st = {
392
- dialog__backdrop: Te,
393
- dialog__popup: we,
390
+ process.env.NODE_ENV !== "production" && (ve.displayName = "DialogTrigger");
391
+ const ye = "_dialog__backdrop_1wc77_2", Te = "_dialog__popup_1wc77_14", ke = "_dialog__popup_centered_1wc77_25", Me = "_dialog__content_1wc77_36", Be = "_dialog__content_width_sm_1wc77_52", Fe = "_dialog__content_width_md_1wc77_56", Ve = "_dialog__content_width_lg_1wc77_60", Ue = "_dialog__header_1wc77_64", Ke = "_dialog__close_1wc77_68", st = {
392
+ dialog__backdrop: ye,
393
+ dialog__popup: Te,
394
394
  dialog__popup_centered: ke,
395
395
  dialog__content: Me,
396
396
  dialog__content_width_sm: Be,
397
397
  dialog__content_width_md: Fe,
398
398
  dialog__content_width_lg: Ve,
399
- dialog__header: je,
400
- dialog__close: Ue
399
+ dialog__header: Ue,
400
+ dialog__close: Ke
401
401
  };
402
402
  export {
403
403
  nt as D,
404
404
  ot as a,
405
405
  L as b,
406
- ye as c,
407
- xe as d,
406
+ ve as c,
407
+ Pe as d,
408
408
  Se as e,
409
- Pe as f,
410
- ve as g,
409
+ be as f,
410
+ xe as g,
411
411
  Re as h,
412
412
  De as i,
413
413
  st as s,
package/dist/heading.css CHANGED
@@ -1 +1 @@
1
- @layer ui-component{._heading_19trw_2{font-weight:var(--font-weight-medium)}}
1
+ @layer components{._heading_m8x05_2{font-weight:var(--font-weight-medium)}}
@@ -1 +1 @@
1
- @layer ui-component{._icon-button_6filt_2{display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius-default);aspect-ratio:1 / 1;width:var(--icon-button-size);height:var(--icon-button-size)}._icon-button_size_sm_6filt_12{--icon-button-size: var(--space-24)}._icon-button_size_md_6filt_16{--icon-button-size: var(--space-32)}._icon-button_size_lg_6filt_20{--icon-button-size: var(--space-40)}._icon-button_size_xl_6filt_24{--icon-button-size: var(--space-48)}._icon-button_size_2xl_6filt_28{--icon-button-size: var(--space-56)}._icon-button_size_3xl_6filt_32{--icon-button-size: var(--space-64)}}
1
+ @layer components{._icon-button_1aj78_2{display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius-default);aspect-ratio:1 / 1;width:var(--icon-button-size);height:var(--icon-button-size)}._icon-button_size_sm_1aj78_12{--icon-button-size: var(--space-24)}._icon-button_size_md_1aj78_16{--icon-button-size: var(--space-32)}._icon-button_size_lg_1aj78_20{--icon-button-size: var(--space-40)}._icon-button_size_xl_1aj78_24{--icon-button-size: var(--space-48)}._icon-button_size_2xl_1aj78_28{--icon-button-size: var(--space-56)}._icon-button_size_3xl_1aj78_32{--icon-button-size: var(--space-64)}}
package/dist/icon.css CHANGED
@@ -1 +1 @@
1
- @layer ui-component{._icon_1duy7_2{--icon-size: var(--space-16);vertical-align:middle;width:var(--icon-size);min-width:var(--icon-size);height:var(--icon-size);min-height:var(--icon-size);font-size:var(--icon-size)}._icon_size_sm_1duy7_14,._icon_size_md_1duy7_19{--icon-size: var(--space-16)}._icon_size_lg_1duy7_23{--icon-size: var(--space-20)}._icon_size_xl_1duy7_27{--icon-size: var(--space-24)}._icon_size_2xl_1duy7_31{--icon-size: var(--space-32)}._icon_size_3xl_1duy7_35{--icon-size: var(--space-48)}}
1
+ @layer components{._icon_ol0rk_2{--icon-size: var(--space-16);vertical-align:middle;width:var(--icon-size);min-width:var(--icon-size);height:var(--icon-size);min-height:var(--icon-size);font-size:var(--icon-size)}._icon_size_sm_ol0rk_14,._icon_size_md_ol0rk_19{--icon-size: var(--space-16)}._icon_size_lg_ol0rk_23{--icon-size: var(--space-20)}._icon_size_xl_ol0rk_27{--icon-size: var(--space-24)}._icon_size_2xl_ol0rk_31{--icon-size: var(--space-32)}._icon_size_3xl_ol0rk_35{--icon-size: var(--space-48)}}
package/dist/index.js CHANGED
@@ -25,7 +25,7 @@ import { PreviewCard as W } from "./components/preview-card/preview-card.js";
25
25
  import { RadioGroup as Y } from "./components/radio-group/radio-group.js";
26
26
  import { SearchBar as _ } from "./components/search-bar/search-bar.js";
27
27
  import { Select as oo } from "./components/select/select.js";
28
- import { S as eo } from "./separator-wNYojB9q.js";
28
+ import { S as eo } from "./separator-DgY7BjjO.js";
29
29
  import { Slider as po } from "./components/slider/slider.js";
30
30
  import { Spinner as xo } from "./components/spinner/spinner.js";
31
31
  import { StackedAvatars as ao } from "./components/stacked-avatars/stacked-avatars.js";
@@ -39,7 +39,7 @@ import { useThemeContext as Ao } from "./components/theme-provider/theme-context
39
39
  import { Timestamp as Po } from "./components/timestamp/timestamp.js";
40
40
  import { Toaster as Mo } from "./components/toaster/toaster.js";
41
41
  import { u as Vo } from "./use-toast-manager-Dq-44AuW.js";
42
- import { T as Do } from "./tooltip-DZkByWDR.js";
42
+ import { T as Do } from "./tooltip-BJQPwudf.js";
43
43
  import { View as yo } from "./components/view/view.js";
44
44
  import { V as No } from "./index-DN9Bn1qm.js";
45
45
  export {
@@ -1 +1 @@
1
- @layer ui-component{._inline-code_8ln17_2{display:inline;border:1px solid var(--surface-interactive-border);border-radius:var(--border-radius-6);padding:0 var(--space-4);line-height:var(--line-height-default);font-family:var(--font-family-code);overflow-wrap:anywhere}._inline-code_colorway_8ln17_12{color:var(--view-colorway-default)}}
1
+ @layer components{._inline-code_1vbg6_2{display:inline;border:1px solid var(--surface-interactive-border);border-radius:var(--border-radius-6);padding:0 var(--space-4);line-height:var(--line-height-default);font-family:var(--font-family-code);overflow-wrap:anywhere}._inline-code_colorway_1vbg6_12{color:var(--view-colorway-default)}}
package/dist/input.css CHANGED
@@ -1 +1 @@
1
- @layer ui-component{._input_1kvz8_2{flex:1 1 0%;outline:none;padding:var(--space-4) var(--space-8);height:var(--space-32);min-height:var(--space-32);font-size:var(--font-size-default);line-height:var(--line-height-input);font-family:var(--font-family-default)}._input_1kvz8_2::-moz-placeholder{color:var(--foreground-dimmest)}._input_1kvz8_2::placeholder{color:var(--foreground-dimmest)}._input_1kvz8_2:not([disabled],[data-disabled]){cursor:text;color:var(--foreground-default)}._input_autosize_1kvz8_22{resize:none}._input__label_1kvz8_26{display:flex;flex-direction:column;gap:var(--space-2)}}
1
+ @layer components{._input_15r23_2{flex:1 1 0%;outline:none;padding:var(--space-4) var(--space-8);height:var(--space-32);min-height:var(--space-32);font-size:var(--font-size-default);line-height:var(--line-height-input);font-family:var(--font-family-default)}._input_15r23_2::-moz-placeholder{color:var(--foreground-dimmest)}._input_15r23_2::placeholder{color:var(--foreground-dimmest)}._input_15r23_2:not([disabled],[data-disabled]){cursor:text;color:var(--foreground-default)}._input_autosize_15r23_22{resize:none}._input__label_15r23_26{display:flex;flex-direction:column;gap:var(--space-2)}}
@@ -0,0 +1,8 @@
1
+ import './input.css';const t = "_input_15r23_2", _ = "_input_autosize_15r23_22", n = "_input__label_15r23_26", i = {
2
+ input: t,
3
+ input_autosize: _,
4
+ input__label: n
5
+ };
6
+ export {
7
+ i as s
8
+ };
@@ -6,7 +6,7 @@ import { Text as c } from "../../components/text/text.js";
6
6
  import { InlineCode as s } from "../../components/inline-code/inline-code.js";
7
7
  import { Code as w } from "../../components/code/code.js";
8
8
  import { Anchor as k } from "../../components/anchor/anchor.js";
9
- import { S as u } from "../../separator-wNYojB9q.js";
9
+ import { S as u } from "../../separator-DgY7BjjO.js";
10
10
  import { Heading as m } from "../../components/heading/heading.js";
11
11
  import '../../index2.css';const _ = {
12
12
  "react-markdown__h1": "_react-markdown__h1_1hq09_6",
package/dist/meter.css CHANGED
@@ -1 +1 @@
1
- @layer ui-component{._meter_1mwdr_2{display:grid;grid-template-columns:1fr 1fr;row-gap:var(--space-4)}._meter__value_1mwdr_8{grid-column-start:2;margin:0;text-align:right}._meter__track_1mwdr_14{grid-column:1 / 3;background-color:var(--surface-interactive-border);height:var(--space-8);overflow:hidden}._meter__indicator_1mwdr_21{transition:width var(--transition-duration-chill);background-color:var(--view-colorway-default)}}
1
+ @layer components{._meter_1hxrp_2{display:grid;grid-template-columns:1fr 1fr;row-gap:var(--space-4)}._meter__value_1hxrp_8{grid-column-start:2;margin:0;text-align:right}._meter__track_1hxrp_14{grid-column:1 / 3;background-color:var(--surface-interactive-border);height:var(--space-8);overflow:hidden}._meter__indicator_1hxrp_21{transition:width var(--transition-duration-chill);background-color:var(--view-colorway-default)}}
@@ -1 +1 @@
1
- @layer ui-component{._number-input__root_1f592_2{display:flex;flex-direction:column;gap:var(--space-2)}._number-input_1f592_2[type=number]::-webkit-inner-spin-button,._number-input_1f592_2[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;padding-right:var(--space-32);text-overflow:ellipsis}._number-input__scrub-area_1f592_20{cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}._number-input__group_1f592_25{position:relative}._number-input__controls_1f592_29{display:flex;position:absolute;top:50%;right:var(--space-4);flex-direction:row;align-items:center;gap:var(--space-4);transform:translateY(-50%)}._number-input__separator_1f592_40{height:var(--space-16)}}
1
+ @layer components{._number-input__root_l4882_2{display:flex;flex-direction:column;gap:var(--space-2)}._number-input_l4882_2[type=number]::-webkit-inner-spin-button,._number-input_l4882_2[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;padding-right:var(--space-32);text-overflow:ellipsis}._number-input__scrub-area_l4882_20{cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}._number-input__group_l4882_25{position:relative}._number-input__controls_l4882_29{display:flex;position:absolute;top:50%;right:var(--space-4);flex-direction:row;align-items:center;gap:var(--space-4);transform:translateY(-50%)}._number-input__separator_l4882_40{height:var(--space-16)}}
@@ -1 +1 @@
1
- @layer ui-component{._password-input__root_uax96_2{position:relative}._password-input__eye_uax96_6{position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%)}}
1
+ @layer components{._password-input__root_e2au8_2{position:relative}._password-input__eye_e2au8_6{position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%)}}
package/dist/pill.css CHANGED
@@ -1 +1 @@
1
- @layer ui-component{._pill_1eq5m_2{flex-shrink:1;flex-direction:row;justify-content:center;align-items:center;gap:var(--space-4);border-radius:var(--border-radius-round)!important;padding-right:var(--space-8);padding-left:var(--space-8);height:var(--space-24);font-size:var(--font-size-small);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}._pill_icon_left_1eq5m_17{padding-left:var(--space-4)}._pill_icon_right_1eq5m_21{padding-right:var(--space-4)}}
1
+ @layer components{._pill_7qdwk_2{flex-shrink:1;flex-direction:row;justify-content:center;align-items:center;gap:var(--space-4);border-radius:var(--border-radius-round)!important;padding-right:var(--space-8);padding-left:var(--space-8);height:var(--space-24);font-size:var(--font-size-small);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}._pill_icon_left_7qdwk_17{padding-left:var(--space-4)}._pill_icon_right_7qdwk_21{padding-right:var(--space-4)}}
package/dist/popover.css CHANGED
@@ -1 +1 @@
1
- @layer ui-component{._popover_u1s4l_2{gap:var(--space-8);padding:var(--space-8)}._popover__header_u1s4l_7{gap:var(--space-4)}}
1
+ @layer components{._popover_10gkd_2{gap:var(--space-8);padding:var(--space-8)}._popover__header_10gkd_7{gap:var(--space-4)}}
@@ -1 +1 @@
1
- @layer ui-component{._preview-card_3k0u3_2{gap:var(--space-8);padding:var(--space-8);max-width:var(--space-256)}}
1
+ @layer components{._preview-card_ytbnp_2{gap:var(--space-8);padding:var(--space-8);max-width:var(--space-256)}}
@@ -1 +1 @@
1
- @layer ui-component{._radio-group_k4tg5_2{display:flex;flex-direction:column;gap:var(--space-2)}}@layer ui-component{._radio_2wsa2_2{border-radius:var(--border-radius-round);aspect-ratio:1 / 1;width:20px;height:20px}._radio__indicator_2wsa2_9{display:flex;position:relative;justify-content:center;align-items:center;width:100%;height:100%}._radio__indicator_2wsa2_9:after{display:block;border-radius:var(--border-radius-round);background:var(--view-colorway-dimmer);width:12px;height:12px;pointer-events:none;content:""}._radio__indicator_2wsa2_9:not([disabled],[data-disabled]):after{background:var(--view-colorway-default)}._radio__label_2wsa2_32{display:flex;flex-direction:row;align-items:center;gap:var(--space-8)}}
1
+ @layer components{._radio-group_7ez6e_2{display:flex;flex-direction:column;gap:var(--space-2)}}@layer components{._radio_1fs52_2{border-radius:var(--border-radius-round);aspect-ratio:1 / 1;width:20px;height:20px}._radio__indicator_1fs52_9{display:flex;position:relative;justify-content:center;align-items:center;width:100%;height:100%}._radio__indicator_1fs52_9:after{display:block;border-radius:var(--border-radius-round);background:var(--view-colorway-dimmer);width:12px;height:12px;pointer-events:none;content:""}._radio__indicator_1fs52_9:not([disabled],[data-disabled]):after{background:var(--view-colorway-default)}._radio__label_1fs52_32{display:flex;flex-direction:row;align-items:center;gap:var(--space-8)}}
@@ -1 +1 @@
1
- @layer ui-component{._search-bar_lia0r_2{position:relative;height:var(--space-32)}._search-bar__input_lia0r_7{position:relative;padding-right:var(--space-32);width:100%;height:100%;line-height:var(--line-height-input)}._search-bar__icon_lia0r_15{display:flex;position:absolute!important;top:0;right:0;justify-content:center;align-items:center;padding:var(--space-8);height:100%;pointer-events:none}._search-bar__icon_close_lia0r_27{padding:var(--space-4);pointer-events:auto}}
1
+ @layer components{._search-bar_r8lqs_2{position:relative;height:var(--space-32)}._search-bar__input_r8lqs_7{position:relative;padding-right:var(--space-32);width:100%;height:100%;line-height:var(--line-height-input)}._search-bar__icon_r8lqs_15{display:flex;position:absolute!important;top:0;right:0;justify-content:center;align-items:center;padding:var(--space-8);height:100%;pointer-events:none}._search-bar__icon_close_r8lqs_27{padding:var(--space-4);pointer-events:auto}}
package/dist/select.css CHANGED
@@ -1 +1 @@
1
- @layer ui-component{._select__trigger_1eghs_2{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-8);height:var(--space-32)}._select__trigger_1eghs_2:not([disabled],[data-disabled]){color:var(--foreground-default)}[data-popup-open] ._select__trigger-icon_1eghs_17{transform:rotate(180deg)}._select__list_1eghs_21{position:relative;z-index:40;box-shadow:var(--shadow-1);border:1px solid var(--surface-interactive-border);border-radius:var(--border-radius-default);background-color:var(--surface-interactive-background);min-width:var(--anchor-width);max-height:var(--available-height);overflow:hidden}._select__item_1eghs_33{display:grid;position:relative;grid-template-columns:var(--space-16) 1fr;align-items:center;gap:var(--space-4);cursor:default;cursor:not-allowed;outline:none;padding:0 var(--space-8);width:100%;height:var(--space-32);color:var(--foreground-dimmest);-webkit-user-select:none;-moz-user-select:none;user-select:none}._select__item_1eghs_33:not([disabled],[data-disabled]){cursor:pointer;color:var(--foreground-default)}._select__item_1eghs_33[data-highlighted]{background-color:var(--surface-interactive-background-active)}._select__item-indicator_1eghs_58{grid-column-start:1}._select__item-text_1eghs_62{grid-column-start:2}}
1
+ @layer components{._select__trigger_4x1b0_2{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-8);height:var(--space-32)}._select__trigger_4x1b0_2:not([disabled],[data-disabled]){color:var(--foreground-default)}[data-popup-open] ._select__trigger-icon_4x1b0_17{transform:rotate(180deg)}._select__list_4x1b0_21{position:relative;z-index:40;box-shadow:var(--shadow-1);border:1px solid var(--surface-interactive-border);border-radius:var(--border-radius-default);background-color:var(--surface-interactive-background);min-width:var(--anchor-width);max-height:var(--available-height);overflow:hidden}._select__item_4x1b0_33{display:grid;position:relative;grid-template-columns:var(--space-16) 1fr;align-items:center;gap:var(--space-4);cursor:default;cursor:not-allowed;outline:none;padding:0 var(--space-8);width:100%;height:var(--space-32);color:var(--foreground-dimmest);-webkit-user-select:none;-moz-user-select:none;user-select:none}._select__item_4x1b0_33:not([disabled],[data-disabled]){cursor:pointer;color:var(--foreground-default)}._select__item_4x1b0_33[data-highlighted]{background-color:var(--surface-interactive-background-active)}._select__item-indicator_4x1b0_58{grid-column-start:1}._select__item-text_4x1b0_62{grid-column-start:2}}