@serendie/ui 0.1.15 → 0.2.0

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 (156) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +51 -9
  3. package/dist/components/{Accordion.d.ts → Accordion/Accordion.d.ts} +2 -2
  4. package/dist/components/{Accordion.js → Accordion/Accordion.js} +10 -10
  5. package/dist/components/Accordion/index.d.ts +1 -0
  6. package/dist/components/AccordionGroup.js +4 -4
  7. package/dist/components/Avatar.js +4 -4
  8. package/dist/components/Badge.js +4 -4
  9. package/dist/components/Banner.js +4 -4
  10. package/dist/components/BottomNavigation.js +3 -3
  11. package/dist/components/BottomNavigationItem.js +4 -4
  12. package/dist/components/Button.js +10 -9
  13. package/dist/components/CheckBox.js +4 -4
  14. package/dist/components/ChoiceBox.js +10 -10
  15. package/dist/components/DashboardWidget.js +4 -4
  16. package/dist/components/Divider.js +4 -4
  17. package/dist/components/Drawer.js +4 -4
  18. package/dist/components/DropdownMenu.js +7 -6
  19. package/dist/components/IconButton.js +4 -4
  20. package/dist/components/ListItem.js +4 -4
  21. package/dist/components/ModalDialog.js +4 -4
  22. package/dist/components/NotificationBadge.js +4 -4
  23. package/dist/components/PasswordField.js +44 -0
  24. package/dist/components/ProgressIndicator.js +4 -4
  25. package/dist/components/RadioButton.js +4 -4
  26. package/dist/components/Search.js +6 -6
  27. package/dist/components/Select.js +4 -4
  28. package/dist/components/Switch.js +4 -4
  29. package/dist/components/TabItem.js +4 -4
  30. package/dist/components/Tabs.js +4 -4
  31. package/dist/components/TextArea.js +4 -4
  32. package/dist/components/TextField.js +4 -4
  33. package/dist/components/Toast.js +3 -3
  34. package/dist/components/TopAppBar.js +4 -4
  35. package/dist/index.d.ts +2 -1
  36. package/dist/index.js +81 -79
  37. package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-item-content.js +3 -4
  38. package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-item-indicator.js +4 -5
  39. package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-item-trigger.js +0 -1
  40. package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-item.js +3 -4
  41. package/dist/node_modules/@ark-ui/react/dist/components/accordion/accordion-root.js +2 -3
  42. package/dist/node_modules/@ark-ui/react/dist/components/avatar/avatar-fallback.js +6 -7
  43. package/dist/node_modules/@ark-ui/react/dist/components/avatar/avatar-image.js +5 -6
  44. package/dist/node_modules/@ark-ui/react/dist/components/avatar/avatar-root.js +2 -3
  45. package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox-control.js +5 -6
  46. package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox-hidden-input.js +0 -1
  47. package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox-label.js +0 -1
  48. package/dist/node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root.js +4 -5
  49. package/dist/node_modules/@ark-ui/react/dist/components/collapsible/collapsible-content.js +8 -9
  50. package/dist/node_modules/@ark-ui/react/dist/components/collapsible/collapsible-root.js +0 -1
  51. package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-content.js +3 -4
  52. package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-control.js +5 -6
  53. package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-input.js +6 -7
  54. package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-item-group.js +0 -1
  55. package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-item-text.js +3 -4
  56. package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-item.js +0 -1
  57. package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-positioner.js +5 -6
  58. package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-root.js +4 -5
  59. package/dist/node_modules/@ark-ui/react/dist/components/combobox/combobox-trigger.js +5 -6
  60. package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-backdrop.js +4 -5
  61. package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-close-trigger.js +5 -6
  62. package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-content.js +0 -1
  63. package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-description.js +0 -1
  64. package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-positioner.js +5 -6
  65. package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-root.js +4 -5
  66. package/dist/node_modules/@ark-ui/react/dist/components/dialog/dialog-title.js +0 -1
  67. package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-content.js +3 -4
  68. package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-item-group.js +0 -1
  69. package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-item.js +2 -3
  70. package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-positioner.js +3 -4
  71. package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-root.js +2 -3
  72. package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-trigger.js +3 -4
  73. package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-control.js +3 -4
  74. package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-hidden-input.js +0 -1
  75. package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-text.js +4 -5
  76. package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item.js +3 -4
  77. package/dist/node_modules/@ark-ui/react/dist/components/radio-group/radio-group-root.js +3 -4
  78. package/dist/node_modules/@ark-ui/react/dist/components/select/select-content.js +3 -4
  79. package/dist/node_modules/@ark-ui/react/dist/components/select/select-control.js +6 -7
  80. package/dist/node_modules/@ark-ui/react/dist/components/select/select-item.js +0 -1
  81. package/dist/node_modules/@ark-ui/react/dist/components/select/select-label.js +4 -5
  82. package/dist/node_modules/@ark-ui/react/dist/components/select/select-positioner.js +4 -5
  83. package/dist/node_modules/@ark-ui/react/dist/components/select/select-root.js +7 -7
  84. package/dist/node_modules/@ark-ui/react/dist/components/select/select-trigger.js +5 -6
  85. package/dist/node_modules/@ark-ui/react/dist/components/select/select-value-text.js +5 -6
  86. package/dist/node_modules/@ark-ui/react/dist/components/select/use-select.js +35 -31
  87. package/dist/node_modules/@ark-ui/react/dist/components/switch/switch-control.js +4 -5
  88. package/dist/node_modules/@ark-ui/react/dist/components/switch/switch-hidden-input.js +4 -5
  89. package/dist/node_modules/@ark-ui/react/dist/components/switch/switch-label.js +4 -5
  90. package/dist/node_modules/@ark-ui/react/dist/components/switch/switch-root.js +8 -9
  91. package/dist/node_modules/@ark-ui/react/dist/components/switch/switch-thumb.js +4 -5
  92. package/dist/node_modules/@ark-ui/react/dist/components/tabs/tab-list.js +3 -4
  93. package/dist/node_modules/@ark-ui/react/dist/components/tabs/tab-trigger.js +3 -4
  94. package/dist/node_modules/@ark-ui/react/dist/components/tabs/tabs-root.js +10 -10
  95. package/dist/node_modules/@ark-ui/react/dist/components/toast/toast-root.js +0 -1
  96. package/dist/node_modules/@ark-ui/react/dist/components/toast/toast-title.js +0 -1
  97. package/dist/node_modules/@ark-ui/react/dist/components/toast/toaster.js +4 -4
  98. package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.js +361 -303
  99. package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +229 -216
  100. package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +19 -19
  101. package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +39 -38
  102. package/dist/node_modules/@serendie/design-token/dist/panda-tokens.js +823 -20
  103. package/dist/node_modules/@serendie/design-token/dist/tokens.js +346 -25
  104. package/dist/node_modules/@zag-js/accordion/dist/index.js +12 -12
  105. package/dist/node_modules/@zag-js/aria-hidden/dist/index.js +13 -62
  106. package/dist/node_modules/@zag-js/avatar/dist/index.js +12 -10
  107. package/dist/node_modules/@zag-js/checkbox/dist/index.js +99 -92
  108. package/dist/node_modules/@zag-js/collapsible/dist/index.js +5 -5
  109. package/dist/node_modules/@zag-js/collection/dist/index.js +21 -21
  110. package/dist/node_modules/@zag-js/combobox/dist/index.js +30 -31
  111. package/dist/node_modules/@zag-js/core/dist/index.js +285 -320
  112. package/dist/node_modules/@zag-js/dialog/dist/index.js +56 -62
  113. package/dist/node_modules/@zag-js/dismissable/dist/index.js +3 -3
  114. package/dist/node_modules/@zag-js/dom-event/dist/index.js +88 -115
  115. package/dist/node_modules/@zag-js/dom-query/dist/index.js +2 -2
  116. package/dist/node_modules/@zag-js/focus-visible/dist/index.js +73 -0
  117. package/dist/node_modules/@zag-js/interact-outside/dist/index.js +33 -33
  118. package/dist/node_modules/@zag-js/menu/dist/index.js +81 -77
  119. package/dist/node_modules/@zag-js/popper/dist/index.js +86 -79
  120. package/dist/node_modules/@zag-js/radio-group/dist/index.js +116 -109
  121. package/dist/node_modules/@zag-js/react/dist/index.js +44 -43
  122. package/dist/node_modules/@zag-js/select/dist/index.js +203 -231
  123. package/dist/node_modules/@zag-js/store/dist/index.js +110 -110
  124. package/dist/node_modules/@zag-js/switch/dist/index.js +62 -55
  125. package/dist/node_modules/@zag-js/tabs/dist/index.js +64 -61
  126. package/dist/node_modules/@zag-js/toast/dist/index.js +174 -173
  127. package/dist/node_modules/@zag-js/utils/dist/index.js +93 -71
  128. package/dist/node_modules/aria-hidden/dist/es2015/index.js +52 -0
  129. package/dist/node_modules/focus-trap/dist/focus-trap.esm.js +217 -219
  130. package/dist/preset.d.ts +807 -4
  131. package/dist/{ui/styled-system → styled-system}/css/css.js +5 -6
  132. package/dist/{ui/styled-system → styled-system}/css/cva.js +4 -4
  133. package/dist/{ui/styled-system → styled-system}/css/sva.js +3 -3
  134. package/dist/styled-system/jsx/is-valid-prop.js +6 -0
  135. package/dist/styles.css +1 -1
  136. package/dist/tokens/getToken.d.ts +324 -3
  137. package/dist/tokens/index.d.ts +806 -3
  138. package/package.json +31 -5
  139. package/styled-system/css/css.js +1 -1
  140. package/styled-system/jsx/is-valid-prop.js +1 -1
  141. package/styled-system/themes/theme-asagi.json +1 -1
  142. package/styled-system/themes/theme-kurikawa.json +1 -1
  143. package/styled-system/themes/theme-sumire.json +1 -1
  144. package/styled-system/themes/theme-tsutsuji.json +1 -1
  145. package/styled-system/tokens/index.js +1238 -54
  146. package/styled-system/tokens/tokens.d.ts +3 -3
  147. package/styled-system/types/conditions.d.ts +2 -2
  148. package/styled-system/types/prop-type.d.ts +1 -1
  149. package/dist/ui/styled-system/jsx/is-valid-prop.js +0 -6
  150. /package/dist/{ui/styled-system → styled-system}/css/conditions.js +0 -0
  151. /package/dist/{ui/styled-system → styled-system}/css/cx.js +0 -0
  152. /package/dist/{ui/styled-system → styled-system}/helpers.js +0 -0
  153. /package/dist/{ui/styled-system → styled-system}/jsx/box.js +0 -0
  154. /package/dist/{ui/styled-system → styled-system}/jsx/factory-helper.js +0 -0
  155. /package/dist/{ui/styled-system → styled-system}/jsx/factory.js +0 -0
  156. /package/dist/{ui/styled-system → styled-system}/patterns/box.js +0 -0
@@ -1,7 +1,7 @@
1
1
  function c() {
2
2
  return typeof window < "u";
3
3
  }
4
- function f(n) {
4
+ function s(n) {
5
5
  return p(n) ? (n.nodeName || "").toLowerCase() : "#document";
6
6
  }
7
7
  function i(n) {
@@ -34,7 +34,7 @@ function y(n) {
34
34
  return /auto|scroll|overlay|hidden|clip/.test(t + o + e) && !["inline", "contents"].includes(r);
35
35
  }
36
36
  function D(n) {
37
- return ["table", "td", "th"].includes(f(n));
37
+ return ["table", "td", "th"].includes(s(n));
38
38
  }
39
39
  function N(n) {
40
40
  return [":popover-open", ":modal"].some((t) => {
@@ -46,25 +46,25 @@ function N(n) {
46
46
  });
47
47
  }
48
48
  function T(n) {
49
- const t = v(), e = m(n) ? b(n) : n;
50
- return e.transform !== "none" || e.perspective !== "none" || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (e.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (e.contain || "").includes(o));
49
+ const t = L(), e = m(n) ? b(n) : n;
50
+ return ["transform", "translate", "scale", "rotate", "perspective"].some((o) => e[o] ? e[o] !== "none" : !1) || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((o) => (e.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (e.contain || "").includes(o));
51
51
  }
52
52
  function k(n) {
53
- let t = l(n);
53
+ let t = u(n);
54
54
  for (; w(t) && !g(t); ) {
55
55
  if (T(t))
56
56
  return t;
57
57
  if (N(t))
58
58
  return null;
59
- t = l(t);
59
+ t = u(t);
60
60
  }
61
61
  return null;
62
62
  }
63
- function v() {
63
+ function L() {
64
64
  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
65
65
  }
66
66
  function g(n) {
67
- return ["html", "body", "#document"].includes(f(n));
67
+ return ["html", "body", "#document"].includes(s(n));
68
68
  }
69
69
  function b(n) {
70
70
  return i(n).getComputedStyle(n);
@@ -78,8 +78,8 @@ function C(n) {
78
78
  scrollTop: n.scrollY
79
79
  };
80
80
  }
81
- function l(n) {
82
- if (f(n) === "html")
81
+ function u(n) {
82
+ if (s(n) === "html")
83
83
  return n;
84
84
  const t = (
85
85
  // Step into the shadow DOM of the parent of a slotted node.
@@ -91,32 +91,32 @@ function l(n) {
91
91
  return a(t) ? t.host : t;
92
92
  }
93
93
  function h(n) {
94
- const t = l(n);
94
+ const t = u(n);
95
95
  return g(t) ? n.ownerDocument ? n.ownerDocument.body : n.body : w(t) && y(t) ? t : h(t);
96
96
  }
97
97
  function d(n, t, e) {
98
98
  var o;
99
99
  t === void 0 && (t = []), e === void 0 && (e = !0);
100
- const r = h(n), S = r === ((o = n.ownerDocument) == null ? void 0 : o.body), u = i(r);
100
+ const r = h(n), S = r === ((o = n.ownerDocument) == null ? void 0 : o.body), l = i(r);
101
101
  if (S) {
102
- const s = L(u);
103
- return t.concat(u, u.visualViewport || [], y(r) ? r : [], s && e ? d(s) : []);
102
+ const f = v(l);
103
+ return t.concat(l, l.visualViewport || [], y(r) ? r : [], f && e ? d(f) : []);
104
104
  }
105
105
  return t.concat(r, d(r, [], e));
106
106
  }
107
- function L(n) {
107
+ function v(n) {
108
108
  return n.parent && Object.getPrototypeOf(n.parent) ? n.frameElement : null;
109
109
  }
110
110
  export {
111
111
  b as getComputedStyle,
112
112
  k as getContainingBlock,
113
113
  E as getDocumentElement,
114
- L as getFrameElement,
114
+ v as getFrameElement,
115
115
  h as getNearestOverflowAncestor,
116
- f as getNodeName,
116
+ s as getNodeName,
117
117
  C as getNodeScroll,
118
118
  d as getOverflowAncestors,
119
- l as getParentNode,
119
+ u as getParentNode,
120
120
  i as getWindow,
121
121
  T as isContainingBlock,
122
122
  m as isElement,
@@ -127,5 +127,5 @@ export {
127
127
  a as isShadowRoot,
128
128
  D as isTableElement,
129
129
  N as isTopLayer,
130
- v as isWebKit
130
+ L as isWebKit
131
131
  };
@@ -1,22 +1,22 @@
1
- const l = Math.min, a = Math.max, P = Math.round, M = Math.floor, O = (t) => ({
1
+ const P = ["top", "right", "bottom", "left"], l = Math.min, m = Math.max, M = Math.round, O = Math.floor, S = (t) => ({
2
2
  x: t,
3
3
  y: t
4
- }), m = {
4
+ }), p = {
5
5
  left: "right",
6
6
  right: "left",
7
7
  bottom: "top",
8
8
  top: "bottom"
9
- }, p = {
9
+ }, a = {
10
10
  start: "end",
11
11
  end: "start"
12
12
  };
13
- function S(t, n, e) {
14
- return a(t, l(n, e));
13
+ function w(t, n, e) {
14
+ return m(t, l(n, e));
15
15
  }
16
- function w(t, n) {
16
+ function j(t, n) {
17
17
  return typeof t == "function" ? t(n) : t;
18
18
  }
19
- function f(t) {
19
+ function u(t) {
20
20
  return t.split("-")[0];
21
21
  }
22
22
  function g(t) {
@@ -25,27 +25,27 @@ function g(t) {
25
25
  function h(t) {
26
26
  return t === "x" ? "y" : "x";
27
27
  }
28
- function x(t) {
28
+ function b(t) {
29
29
  return t === "y" ? "height" : "width";
30
30
  }
31
- function b(t) {
32
- return ["top", "bottom"].includes(f(t)) ? "y" : "x";
31
+ function x(t) {
32
+ return ["top", "bottom"].includes(u(t)) ? "y" : "x";
33
33
  }
34
34
  function d(t) {
35
- return h(b(t));
35
+ return h(x(t));
36
36
  }
37
- function j(t, n, e) {
37
+ function C(t, n, e) {
38
38
  e === void 0 && (e = !1);
39
- const r = g(t), o = d(t), i = x(o);
39
+ const r = g(t), o = d(t), i = b(o);
40
40
  let c = o === "x" ? r === (e ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
41
- return n.reference[i] > n.floating[i] && (c = u(c)), [c, u(c)];
41
+ return n.reference[i] > n.floating[i] && (c = f(c)), [c, f(c)];
42
42
  }
43
- function C(t) {
44
- const n = u(t);
43
+ function L(t) {
44
+ const n = f(t);
45
45
  return [s(t), n, s(n)];
46
46
  }
47
47
  function s(t) {
48
- return t.replace(/start|end/g, (n) => p[n]);
48
+ return t.replace(/start|end/g, (n) => a[n]);
49
49
  }
50
50
  function A(t, n, e) {
51
51
  const r = ["left", "right"], o = ["right", "left"], i = ["top", "bottom"], c = ["bottom", "top"];
@@ -60,13 +60,13 @@ function A(t, n, e) {
60
60
  return [];
61
61
  }
62
62
  }
63
- function L(t, n, e, r) {
63
+ function E(t, n, e, r) {
64
64
  const o = g(t);
65
- let i = A(f(t), e === "start", r);
65
+ let i = A(u(t), e === "start", r);
66
66
  return o && (i = i.map((c) => c + "-" + o), n && (i = i.concat(i.map(s)))), i;
67
67
  }
68
- function u(t) {
69
- return t.replace(/left|right|bottom|top/g, (n) => m[n]);
68
+ function f(t) {
69
+ return t.replace(/left|right|bottom|top/g, (n) => p[n]);
70
70
  }
71
71
  function y(t) {
72
72
  return {
@@ -77,7 +77,7 @@ function y(t) {
77
77
  ...t
78
78
  };
79
79
  }
80
- function E(t) {
80
+ function R(t) {
81
81
  return typeof t != "number" ? y(t) : {
82
82
  top: t,
83
83
  right: t,
@@ -85,7 +85,7 @@ function E(t) {
85
85
  left: t
86
86
  };
87
87
  }
88
- function R(t) {
88
+ function T(t) {
89
89
  const {
90
90
  x: n,
91
91
  y: e,
@@ -104,25 +104,26 @@ function R(t) {
104
104
  };
105
105
  }
106
106
  export {
107
- S as clamp,
108
- O as createCoords,
109
- w as evaluate,
107
+ w as clamp,
108
+ S as createCoords,
109
+ j as evaluate,
110
110
  y as expandPaddingObject,
111
- M as floor,
111
+ O as floor,
112
112
  g as getAlignment,
113
113
  d as getAlignmentAxis,
114
- j as getAlignmentSides,
115
- x as getAxisLength,
116
- C as getExpandedPlacements,
114
+ C as getAlignmentSides,
115
+ b as getAxisLength,
116
+ L as getExpandedPlacements,
117
117
  s as getOppositeAlignmentPlacement,
118
118
  h as getOppositeAxis,
119
- L as getOppositeAxisPlacements,
120
- u as getOppositePlacement,
121
- E as getPaddingObject,
122
- f as getSide,
123
- b as getSideAxis,
124
- a as max,
119
+ E as getOppositeAxisPlacements,
120
+ f as getOppositePlacement,
121
+ R as getPaddingObject,
122
+ u as getSide,
123
+ x as getSideAxis,
124
+ m as max,
125
125
  l as min,
126
- R as rectToClientRect,
127
- P as round
126
+ T as rectToClientRect,
127
+ M as round,
128
+ P as sides
128
129
  };