@serendie/ui 2.1.1 → 2.1.2-dev.202509020319

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 (75) hide show
  1. package/README.md +26 -0
  2. package/dist/client.d.ts +1 -0
  3. package/dist/client.js +117 -0
  4. package/dist/components/Accordion/Accordion.d.ts +1 -1
  5. package/dist/components/Accordion/Accordion.js +6 -8
  6. package/dist/components/Accordion/AccordionGroup.js +2 -6
  7. package/dist/components/Avatar/Avatar.js +11 -13
  8. package/dist/components/Badge/Badge.js +8 -10
  9. package/dist/components/Banner/Banner.d.ts +1 -1
  10. package/dist/components/Banner/Banner.js +6 -8
  11. package/dist/components/BottomNavigation/BottomNavigation.js +10 -11
  12. package/dist/components/BottomNavigation/BottomNavigationItem.d.ts +1 -1
  13. package/dist/components/BottomNavigation/BottomNavigationItem.js +6 -8
  14. package/dist/components/Button/Button.d.ts +2 -2
  15. package/dist/components/Button/Button.js +13 -15
  16. package/dist/components/CheckBox/CheckBox.js +10 -11
  17. package/dist/components/ChoiceBox/ChoiceBox.js +20 -22
  18. package/dist/components/DashboardWidget/DashboardWidget.js +11 -13
  19. package/dist/components/DataTable/table/BodyCell.js +2 -4
  20. package/dist/components/DataTable/table/HeaderCell.js +6 -7
  21. package/dist/components/DataTable/table/HeaderCheckbox.js +8 -9
  22. package/dist/components/DataTable/table/HeaderRow.js +2 -3
  23. package/dist/components/DataTable/table/Root.js +4 -6
  24. package/dist/components/DataTable/table/Row.js +2 -4
  25. package/dist/components/DataTable/table/Tr.js +6 -7
  26. package/dist/components/Divider/Divider.js +6 -8
  27. package/dist/components/Drawer/Drawer.js +11 -13
  28. package/dist/components/DropdownMenu/DropdownMenu.d.ts +1 -1
  29. package/dist/components/DropdownMenu/DropdownMenu.js +13 -15
  30. package/dist/components/IconButton/IconButton.d.ts +3 -3
  31. package/dist/components/IconButton/IconButton.js +6 -8
  32. package/dist/components/List/ListItem.js +7 -8
  33. package/dist/components/ModalDialog/ModalDialog.js +12 -14
  34. package/dist/components/NotificationBadge/NotificationBadge.js +6 -8
  35. package/dist/components/Pagination/Pagination.d.ts +1 -1
  36. package/dist/components/Pagination/Pagination.js +8 -10
  37. package/dist/components/ProgressIndicator/ProgressIndicator.js +9 -11
  38. package/dist/components/RadioButton/RadioButton.d.ts +1 -1
  39. package/dist/components/RadioButton/RadioButton.js +14 -15
  40. package/dist/components/Search/Search.d.ts +1 -1
  41. package/dist/components/Search/Search.js +17 -21
  42. package/dist/components/Select/Select.d.ts +3 -2
  43. package/dist/components/Select/Select.js +16 -17
  44. package/dist/components/Switch/Switch.js +13 -14
  45. package/dist/components/Tabs/TabItem.d.ts +1 -1
  46. package/dist/components/Tabs/TabItem.js +8 -10
  47. package/dist/components/Tabs/Tabs.js +8 -10
  48. package/dist/components/TextArea/TextArea.js +8 -10
  49. package/dist/components/TextField/TextField.js +6 -7
  50. package/dist/components/Toast/Toast.d.ts +1 -1
  51. package/dist/components/Toast/Toast.js +8 -10
  52. package/dist/components/Tooltip/Tooltip.js +17 -19
  53. package/dist/components/TopAppBar/TopAppBar.js +14 -16
  54. package/dist/node_modules/@ark-ui/react/dist/components/avatar/use-avatar.js +3 -3
  55. package/dist/node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox.js +3 -3
  56. package/dist/node_modules/@ark-ui/react/dist/components/dialog/use-dialog.js +3 -3
  57. package/dist/node_modules/@ark-ui/react/dist/components/menu/use-menu.js +3 -3
  58. package/dist/node_modules/@ark-ui/react/dist/components/pagination/use-pagination.js +3 -3
  59. package/dist/node_modules/@ark-ui/react/dist/components/presence/use-presence.js +2 -2
  60. package/dist/node_modules/@ark-ui/react/dist/components/radio-group/use-radio-group.js +3 -3
  61. package/dist/node_modules/@ark-ui/react/dist/components/switch/use-switch.js +3 -3
  62. package/dist/node_modules/@ark-ui/react/dist/components/tabs/use-tabs.js +3 -3
  63. package/dist/node_modules/@zag-js/checkbox/dist/index.js +10 -10
  64. package/dist/node_modules/@zag-js/combobox/dist/index.js +4 -4
  65. package/dist/node_modules/@zag-js/menu/dist/index.js +31 -31
  66. package/dist/node_modules/@zag-js/radio-group/dist/index.js +10 -10
  67. package/dist/node_modules/@zag-js/select/dist/index.js +11 -11
  68. package/dist/node_modules/@zag-js/switch/dist/index.js +10 -10
  69. package/dist/node_modules/@zag-js/tabs/dist/index.js +12 -12
  70. package/dist/node_modules/@zag-js/toast/dist/index.js +5 -5
  71. package/dist/node_modules/@zag-js/tooltip/dist/index.js +4 -4
  72. package/dist/styled-system/css/css.js +3 -3
  73. package/dist/styled-system/jsx/factory.js +12 -12
  74. package/dist/styled-system/patterns/box.js +3 -4
  75. package/package.json +9 -1
@@ -1,34 +1,34 @@
1
1
  import { forwardRef as J, useMemo as w, createElement as L } from "react";
2
- import { css as h } from "../css/css.js";
2
+ import { defaultShouldForwardProp as R, composeCvaFn as T, composeShouldForwardProps as $, getDisplayName as g } from "./factory-helper.js";
3
+ import { splitProps as q, normalizeHTMLProps as h } from "../helpers.js";
4
+ import { isCssProperty as B } from "./is-valid-prop.js";
5
+ import { cva as G } from "../css/cva.js";
3
6
  import { cx as F } from "../css/cx.js";
4
- import { cva as R } from "../css/cva.js";
5
- import { splitProps as T, normalizeHTMLProps as S } from "../helpers.js";
6
- import { defaultShouldForwardProp as $, composeCvaFn as g, composeShouldForwardProps as q, getDisplayName as B } from "./factory-helper.js";
7
- import { isCssProperty as G } from "./is-valid-prop.js";
7
+ import { css as S } from "../css/css.js";
8
8
  function m(o, s = {}, r = {}) {
9
- const n = s.__cva__ || s.__recipe__ ? s : R(s), b = r.shouldForwardProp || $, u = (i) => b(i, n.variantKeys), N = Object.assign(
9
+ const n = s.__cva__ || s.__recipe__ ? s : G(s), b = r.shouldForwardProp || R, u = (i) => b(i, n.variantKeys), N = Object.assign(
10
10
  r.dataAttr && s.__name__ ? { "data-recipe": s.__name__ } : {},
11
11
  r.defaultProps
12
- ), t = g(o.__cva__, n), v = q(o, u), _ = o.__base__ || o, e = /* @__PURE__ */ J(function(M, j) {
13
- const { as: C = _, children: E, ...P } = M, a = w(() => Object.assign({}, N, P), [P]), [K, V, c, y, k] = w(() => T(a, S.keys, v, t.variantKeys, G), [a]);
12
+ ), t = T(o.__cva__, n), v = $(o, u), _ = o.__base__ || o, e = /* @__PURE__ */ J(function(M, j) {
13
+ const { as: C = _, children: E, ...P } = M, a = w(() => Object.assign({}, N, P), [P]), [K, V, c, y, k] = w(() => q(a, h.keys, v, t.variantKeys, B), [a]);
14
14
  function z() {
15
15
  var f;
16
16
  const { css: p, ...l } = y, d = (f = t.__getCompoundVariantCss__) == null ? void 0 : f.call(t, c);
17
- return F(t(c, !1), h(d, l, p), a.className);
17
+ return F(t(c, !1), S(d, l, p), a.className);
18
18
  }
19
19
  function A() {
20
20
  const { css: p, ...l } = y, d = t.raw(c);
21
- return F(h(d, l, p), a.className);
21
+ return F(S(d, l, p), a.className);
22
22
  }
23
23
  const H = s.__recipe__ ? z : A;
24
24
  return L(C, {
25
25
  ref: j,
26
26
  ...V,
27
27
  ...k,
28
- ...S(K),
28
+ ...h(K),
29
29
  className: H()
30
30
  }, a.children ?? E);
31
- }), x = B(_);
31
+ }), x = g(_);
32
32
  return e.displayName = `styled.${x}`, e.__cva__ = t, e.__base__ = _, e.__shouldForwardProps__ = u, e;
33
33
  }
34
34
  function I() {
@@ -1,12 +1,11 @@
1
- import { getPatternStyles as n, patternFns as e } from "../helpers.js";
2
- import "../css/css.js";
1
+ import { getPatternStyles as o, patternFns as e } from "../helpers.js";
3
2
  const r = {
4
3
  transform(t) {
5
4
  return t;
6
5
  }
7
6
  }, a = (t = {}) => {
8
- const o = n(r, t);
9
- return r.transform(o, e);
7
+ const n = o(r, t);
8
+ return r.transform(n, e);
10
9
  };
11
10
  export {
12
11
  a as getBoxStyle
package/package.json CHANGED
@@ -2,9 +2,12 @@
2
2
  "name": "@serendie/ui",
3
3
  "description": "Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric",
4
4
  "license": "MIT",
5
- "version": "2.1.1",
5
+ "version": "2.1.2-dev.202509020319",
6
6
  "type": "module",
7
7
  "types": "./dist/index.d.ts",
8
+ "sideEffects": [
9
+ "./dist/styles.css"
10
+ ],
8
11
  "scripts": {
9
12
  "prepare": "husky",
10
13
  "dev": "npm run storybook",
@@ -122,6 +125,11 @@
122
125
  "require": "./styled-system/jsx/index.js",
123
126
  "import": "./styled-system/jsx/index.js"
124
127
  },
128
+ "./client": {
129
+ "import": "./dist/client.js",
130
+ "require": "./dist/client.cjs",
131
+ "types": "./dist/client.d.ts"
132
+ },
125
133
  "./styles.css": "./dist/styles.css"
126
134
  },
127
135
  "files": [