@yamada-ui/react 0.5.28 → 0.6.2

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 (20) hide show
  1. package/dist/index.d.mts +1 -3
  2. package/dist/index.d.ts +1 -3
  3. package/dist/index.js +2 -156
  4. package/dist/index.mjs +1 -33
  5. package/package.json +61 -60
  6. package/dist/chunk-2WAOE43L.mjs +0 -65
  7. package/dist/chunk-5DHJHEGQ.mjs +0 -8
  8. package/dist/chunk-ITYVEL25.mjs +0 -76
  9. package/dist/extend-config.d.mts +0 -5
  10. package/dist/extend-config.d.ts +0 -5
  11. package/dist/extend-config.js +0 -32
  12. package/dist/extend-config.mjs +0 -6
  13. package/dist/extend-theme.d.mts +0 -18
  14. package/dist/extend-theme.d.ts +0 -18
  15. package/dist/extend-theme.js +0 -99
  16. package/dist/extend-theme.mjs +0 -18
  17. package/dist/with-default.d.mts +0 -21
  18. package/dist/with-default.d.ts +0 -21
  19. package/dist/with-default.js +0 -92
  20. package/dist/with-default.mjs +0 -12
package/dist/index.d.mts CHANGED
@@ -1,9 +1,7 @@
1
- export { extendComponent, extendComponentDefaultProps, extendComponentSize, extendComponentVariant, extendStyle, extendTheme, extendToken } from './extend-theme.mjs';
2
- export { withDefaultColorScheme, withDefaultProps, withDefaultSize, withDefaultVariant } from './with-default.mjs';
3
- export { extendConfig } from './extend-config.mjs';
4
1
  export * from '@yamada-ui/core';
5
2
  export * from '@yamada-ui/utils';
6
3
  export * from '@yamada-ui/theme';
4
+ export * from '@yamada-ui/theme-tools';
7
5
  export * from '@yamada-ui/providers';
8
6
  export * from '@yamada-ui/accordion';
9
7
  export * from '@yamada-ui/alert';
package/dist/index.d.ts CHANGED
@@ -1,9 +1,7 @@
1
- export { extendComponent, extendComponentDefaultProps, extendComponentSize, extendComponentVariant, extendStyle, extendTheme, extendToken } from './extend-theme.js';
2
- export { withDefaultColorScheme, withDefaultProps, withDefaultSize, withDefaultVariant } from './with-default.js';
3
- export { extendConfig } from './extend-config.js';
4
1
  export * from '@yamada-ui/core';
5
2
  export * from '@yamada-ui/utils';
6
3
  export * from '@yamada-ui/theme';
4
+ export * from '@yamada-ui/theme-tools';
7
5
  export * from '@yamada-ui/providers';
8
6
  export * from '@yamada-ui/accordion';
9
7
  export * from '@yamada-ui/alert';
package/dist/index.js CHANGED
@@ -3,10 +3,6 @@ var __defProp = Object.defineProperty;
3
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
5
  var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
6
  var __copyProps = (to, from, except, desc) => {
11
7
  if (from && typeof from === "object" || typeof from === "function") {
12
8
  for (let key of __getOwnPropNames(from))
@@ -20,150 +16,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
20
16
 
21
17
  // src/index.ts
22
18
  var src_exports = {};
23
- __export(src_exports, {
24
- extendComponent: () => extendComponent,
25
- extendComponentDefaultProps: () => extendComponentDefaultProps,
26
- extendComponentSize: () => extendComponentSize,
27
- extendComponentVariant: () => extendComponentVariant,
28
- extendConfig: () => extendConfig,
29
- extendStyle: () => extendStyle,
30
- extendTheme: () => extendTheme,
31
- extendToken: () => extendToken,
32
- withDefaultColorScheme: () => withDefaultColorScheme,
33
- withDefaultProps: () => withDefaultProps,
34
- withDefaultSize: () => withDefaultSize,
35
- withDefaultVariant: () => withDefaultVariant
36
- });
37
19
  module.exports = __toCommonJS(src_exports);
38
-
39
- // src/extend-theme.ts
40
- var import_theme = require("@yamada-ui/theme");
41
- var import_utils = require("@yamada-ui/utils");
42
- var extendTheme = (...extensions) => ({ merge: merge3 = true, pick = [], omit = [] } = {}) => {
43
- let overrides = [...extensions];
44
- let theme = extensions[extensions.length - 1];
45
- let computedTheme = import_theme.defaultTheme;
46
- if (omit.length)
47
- computedTheme = (0, import_utils.omitObject)(computedTheme, omit);
48
- if (pick.length)
49
- computedTheme = (0, import_utils.pickObject)(computedTheme, pick);
50
- if (!(0, import_utils.isFunction)(theme) && overrides.length > 1) {
51
- overrides = overrides.slice(0, overrides.length - 1);
52
- if (merge3)
53
- theme = (0, import_utils.merge)(computedTheme, theme);
54
- } else {
55
- theme = merge3 ? computedTheme : {};
56
- }
57
- return overrides.reduce(
58
- (prev, extension) => (0, import_utils.merge)(prev, (0, import_utils.runIfFunc)(extension, prev)),
59
- theme
60
- );
61
- };
62
- var extendToken = (token, tokens) => (0, import_utils.merge)((0, import_utils.getMemoizedObject)(import_theme.defaultTheme, token, {}), tokens != null ? tokens : {});
63
- var extendStyle = (name, style) => {
64
- var _a;
65
- const props = {
66
- theme: {
67
- __config: {},
68
- __cssMap: {},
69
- __cssVars: {},
70
- __breakpoints: void 0
71
- }
72
- };
73
- return (0, import_utils.merge)(
74
- (0, import_utils.runIfFunc)((0, import_utils.getMemoizedObject)(import_theme.defaultTheme, `styles.${name}`, {}), props),
75
- (_a = (0, import_utils.runIfFunc)(style, props)) != null ? _a : {}
76
- );
77
- };
78
- var extendComponent = (name, componentStyle) => (0, import_utils.merge)(
79
- (0, import_utils.getMemoizedObject)(import_theme.defaultTheme, `components.${name}`, {}),
80
- componentStyle != null ? componentStyle : {}
81
- );
82
- var extendComponentSize = (name, componentSizes) => (0, import_utils.merge)(
83
- (0, import_utils.getMemoizedObject)(import_theme.defaultTheme, `components.${name}.sizes`, {}),
84
- componentSizes != null ? componentSizes : {}
85
- );
86
- var extendComponentVariant = (name, componentVariants) => (0, import_utils.merge)(
87
- (0, import_utils.getMemoizedObject)(import_theme.defaultTheme, `components.${name}.variants`, {}),
88
- componentVariants != null ? componentVariants : {}
89
- );
90
- var extendComponentDefaultProps = (name, componentDefaultProps) => (0, import_utils.merge)(
91
- (0, import_utils.getMemoizedObject)(
92
- import_theme.defaultTheme,
93
- `components.${name}.defaultProps`,
94
- {}
95
- ),
96
- componentDefaultProps != null ? componentDefaultProps : {}
97
- );
98
-
99
- // src/with-default.ts
100
- var import_utils2 = require("@yamada-ui/utils");
101
- var withDefaultSize = ({
102
- size,
103
- components
104
- }) => (theme) => {
105
- var _a;
106
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
107
- if ((0, import_utils2.isArray)(components))
108
- keys = components;
109
- return (0, import_utils2.merge)(theme, {
110
- components: Object.fromEntries(
111
- keys.map((key) => [key, { defaultProps: { size } }])
112
- )
113
- });
114
- };
115
- var withDefaultVariant = ({
116
- variant,
117
- components
118
- }) => (theme) => {
119
- var _a;
120
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
121
- if ((0, import_utils2.isArray)(components))
122
- keys = components;
123
- return (0, import_utils2.merge)(theme, {
124
- components: Object.fromEntries(
125
- keys.map((key) => [key, { defaultProps: { variant } }])
126
- )
127
- });
128
- };
129
- var withDefaultColorScheme = ({
130
- colorScheme,
131
- components
132
- }) => (theme) => {
133
- var _a;
134
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
135
- if ((0, import_utils2.isArray)(components))
136
- keys = components;
137
- return (0, import_utils2.merge)(theme, {
138
- components: Object.fromEntries(
139
- keys.map((key) => [key, { defaultProps: { colorScheme } }])
140
- )
141
- });
142
- };
143
- var withDefaultProps = ({
144
- defaultProps,
145
- components
146
- }) => (theme) => {
147
- var _a;
148
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
149
- if ((0, import_utils2.isArray)(components))
150
- keys = components;
151
- return (0, import_utils2.merge)(theme, {
152
- components: Object.fromEntries(
153
- keys.map((key) => [key, { defaultProps }])
154
- )
155
- });
156
- };
157
-
158
- // src/extend-config.ts
159
- var import_theme2 = require("@yamada-ui/theme");
160
- var import_utils3 = require("@yamada-ui/utils");
161
- var extendConfig = (theme) => (0, import_utils3.merge)(import_theme2.defaultConfig, theme);
162
-
163
- // src/index.ts
164
20
  __reExport(src_exports, require("@yamada-ui/core"), module.exports);
165
21
  __reExport(src_exports, require("@yamada-ui/utils"), module.exports);
166
22
  __reExport(src_exports, require("@yamada-ui/theme"), module.exports);
23
+ __reExport(src_exports, require("@yamada-ui/theme-tools"), module.exports);
167
24
  __reExport(src_exports, require("@yamada-ui/providers"), module.exports);
168
25
  __reExport(src_exports, require("@yamada-ui/accordion"), module.exports);
169
26
  __reExport(src_exports, require("@yamada-ui/alert"), module.exports);
@@ -248,21 +105,10 @@ __reExport(src_exports, require("@yamada-ui/use-media-query"), module.exports);
248
105
  __reExport(src_exports, require("@yamada-ui/use-clipboard"), module.exports);
249
106
  // Annotate the CommonJS export names for ESM import in node:
250
107
  0 && (module.exports = {
251
- extendComponent,
252
- extendComponentDefaultProps,
253
- extendComponentSize,
254
- extendComponentVariant,
255
- extendConfig,
256
- extendStyle,
257
- extendTheme,
258
- extendToken,
259
- withDefaultColorScheme,
260
- withDefaultProps,
261
- withDefaultSize,
262
- withDefaultVariant,
263
108
  ...require("@yamada-ui/core"),
264
109
  ...require("@yamada-ui/utils"),
265
110
  ...require("@yamada-ui/theme"),
111
+ ...require("@yamada-ui/theme-tools"),
266
112
  ...require("@yamada-ui/providers"),
267
113
  ...require("@yamada-ui/accordion"),
268
114
  ...require("@yamada-ui/alert"),
package/dist/index.mjs CHANGED
@@ -1,26 +1,8 @@
1
- import {
2
- extendConfig
3
- } from "./chunk-5DHJHEGQ.mjs";
4
- import {
5
- extendComponent,
6
- extendComponentDefaultProps,
7
- extendComponentSize,
8
- extendComponentVariant,
9
- extendStyle,
10
- extendTheme,
11
- extendToken
12
- } from "./chunk-ITYVEL25.mjs";
13
- import {
14
- withDefaultColorScheme,
15
- withDefaultProps,
16
- withDefaultSize,
17
- withDefaultVariant
18
- } from "./chunk-2WAOE43L.mjs";
19
-
20
1
  // src/index.ts
21
2
  export * from "@yamada-ui/core";
22
3
  export * from "@yamada-ui/utils";
23
4
  export * from "@yamada-ui/theme";
5
+ export * from "@yamada-ui/theme-tools";
24
6
  export * from "@yamada-ui/providers";
25
7
  export * from "@yamada-ui/accordion";
26
8
  export * from "@yamada-ui/alert";
@@ -103,17 +85,3 @@ export * from "@yamada-ui/use-local-storage";
103
85
  export * from "@yamada-ui/use-window-event";
104
86
  export * from "@yamada-ui/use-media-query";
105
87
  export * from "@yamada-ui/use-clipboard";
106
- export {
107
- extendComponent,
108
- extendComponentDefaultProps,
109
- extendComponentSize,
110
- extendComponentVariant,
111
- extendConfig,
112
- extendStyle,
113
- extendTheme,
114
- extendToken,
115
- withDefaultColorScheme,
116
- withDefaultProps,
117
- withDefaultSize,
118
- withDefaultVariant
119
- };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yamada-ui/react",
3
- "version": "0.5.28",
3
+ "version": "0.6.2",
4
4
  "description": "React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion",
5
5
  "keywords": [
6
6
  "yamada",
@@ -35,64 +35,65 @@
35
35
  "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
36
36
  },
37
37
  "dependencies": {
38
- "@yamada-ui/accordion": "0.2.16",
39
- "@yamada-ui/alert": "0.3.14",
40
- "@yamada-ui/autocomplete": "0.2.20",
41
- "@yamada-ui/avatar": "0.2.15",
42
- "@yamada-ui/badge": "0.2.14",
43
- "@yamada-ui/breadcrumb": "0.2.14",
44
- "@yamada-ui/button": "0.2.14",
45
- "@yamada-ui/card": "0.2.14",
46
- "@yamada-ui/checkbox": "0.2.15",
47
- "@yamada-ui/close-button": "0.2.14",
48
- "@yamada-ui/core": "0.6.4",
49
- "@yamada-ui/editable": "0.2.14",
50
- "@yamada-ui/file-button": "0.2.14",
51
- "@yamada-ui/file-input": "0.2.14",
38
+ "@yamada-ui/accordion": "0.2.18",
39
+ "@yamada-ui/alert": "0.3.16",
40
+ "@yamada-ui/autocomplete": "0.2.22",
41
+ "@yamada-ui/avatar": "0.2.17",
42
+ "@yamada-ui/badge": "0.2.16",
43
+ "@yamada-ui/breadcrumb": "0.2.16",
44
+ "@yamada-ui/button": "0.2.16",
45
+ "@yamada-ui/card": "0.2.16",
46
+ "@yamada-ui/checkbox": "0.2.17",
47
+ "@yamada-ui/close-button": "0.2.16",
48
+ "@yamada-ui/core": "0.7.0",
49
+ "@yamada-ui/editable": "0.2.16",
50
+ "@yamada-ui/file-button": "0.2.16",
51
+ "@yamada-ui/file-input": "0.2.16",
52
52
  "@yamada-ui/focus-lock": "0.2.5",
53
- "@yamada-ui/form-control": "0.2.14",
54
- "@yamada-ui/highlight": "0.2.14",
55
- "@yamada-ui/icon": "0.2.14",
56
- "@yamada-ui/image": "0.2.14",
57
- "@yamada-ui/indicator": "0.2.14",
58
- "@yamada-ui/input": "0.2.14",
59
- "@yamada-ui/kbd": "0.2.14",
60
- "@yamada-ui/layouts": "0.2.14",
61
- "@yamada-ui/link": "0.2.14",
62
- "@yamada-ui/list": "0.2.15",
63
- "@yamada-ui/loading": "0.3.14",
64
- "@yamada-ui/menu": "0.2.20",
65
- "@yamada-ui/modal": "0.3.6",
66
- "@yamada-ui/motion": "0.3.12",
67
- "@yamada-ui/native-select": "0.2.14",
68
- "@yamada-ui/native-table": "0.2.14",
69
- "@yamada-ui/notice": "0.3.14",
70
- "@yamada-ui/number-input": "0.2.14",
71
- "@yamada-ui/pagination": "0.2.14",
72
- "@yamada-ui/pin-input": "0.2.15",
73
- "@yamada-ui/popover": "0.2.18",
53
+ "@yamada-ui/form-control": "0.2.16",
54
+ "@yamada-ui/highlight": "0.2.16",
55
+ "@yamada-ui/icon": "0.2.16",
56
+ "@yamada-ui/image": "0.2.16",
57
+ "@yamada-ui/indicator": "0.2.16",
58
+ "@yamada-ui/input": "0.2.16",
59
+ "@yamada-ui/kbd": "0.2.16",
60
+ "@yamada-ui/layouts": "0.2.16",
61
+ "@yamada-ui/link": "0.2.16",
62
+ "@yamada-ui/list": "0.2.17",
63
+ "@yamada-ui/loading": "0.3.16",
64
+ "@yamada-ui/menu": "0.2.22",
65
+ "@yamada-ui/modal": "0.3.8",
66
+ "@yamada-ui/motion": "0.3.14",
67
+ "@yamada-ui/native-select": "0.2.16",
68
+ "@yamada-ui/native-table": "0.2.16",
69
+ "@yamada-ui/notice": "0.3.16",
70
+ "@yamada-ui/number-input": "0.2.16",
71
+ "@yamada-ui/pagination": "0.2.16",
72
+ "@yamada-ui/pin-input": "0.2.17",
73
+ "@yamada-ui/popover": "0.2.20",
74
74
  "@yamada-ui/portal": "0.2.5",
75
- "@yamada-ui/progress": "0.3.14",
76
- "@yamada-ui/providers": "0.6.14",
77
- "@yamada-ui/radio": "0.2.14",
78
- "@yamada-ui/reorder": "0.2.15",
79
- "@yamada-ui/scroll-area": "0.2.14",
80
- "@yamada-ui/segmented-control": "0.2.15",
81
- "@yamada-ui/select": "0.2.20",
82
- "@yamada-ui/skeleton": "0.2.14",
83
- "@yamada-ui/slider": "0.2.14",
84
- "@yamada-ui/stepper": "0.2.15",
85
- "@yamada-ui/switch": "0.2.15",
86
- "@yamada-ui/tabs": "0.2.19",
87
- "@yamada-ui/tag": "0.2.15",
88
- "@yamada-ui/textarea": "0.2.14",
89
- "@yamada-ui/theme": "0.6.0",
90
- "@yamada-ui/tooltip": "0.2.18",
91
- "@yamada-ui/transitions": "0.2.15",
92
- "@yamada-ui/typography": "0.2.14",
93
- "@yamada-ui/use-animation": "0.1.26",
75
+ "@yamada-ui/progress": "0.3.16",
76
+ "@yamada-ui/providers": "0.7.1",
77
+ "@yamada-ui/radio": "0.2.16",
78
+ "@yamada-ui/reorder": "0.2.17",
79
+ "@yamada-ui/scroll-area": "0.2.16",
80
+ "@yamada-ui/segmented-control": "0.2.17",
81
+ "@yamada-ui/select": "0.2.22",
82
+ "@yamada-ui/skeleton": "0.2.16",
83
+ "@yamada-ui/slider": "0.2.16",
84
+ "@yamada-ui/stepper": "0.2.17",
85
+ "@yamada-ui/switch": "0.2.17",
86
+ "@yamada-ui/tabs": "0.2.21",
87
+ "@yamada-ui/tag": "0.2.17",
88
+ "@yamada-ui/textarea": "0.2.16",
89
+ "@yamada-ui/theme": "0.7.0",
90
+ "@yamada-ui/theme-tools": "0.1.3",
91
+ "@yamada-ui/tooltip": "0.2.20",
92
+ "@yamada-ui/transitions": "0.2.17",
93
+ "@yamada-ui/typography": "0.2.16",
94
+ "@yamada-ui/use-animation": "0.1.28",
94
95
  "@yamada-ui/use-boolean": "0.1.0",
95
- "@yamada-ui/use-breakpoint": "0.1.26",
96
+ "@yamada-ui/use-breakpoint": "0.1.28",
96
97
  "@yamada-ui/use-clickable": "0.2.6",
97
98
  "@yamada-ui/use-clipboard": "0.1.6",
98
99
  "@yamada-ui/use-controllable-state": "0.1.7",
@@ -107,17 +108,17 @@
107
108
  "@yamada-ui/use-interval": "0.1.7",
108
109
  "@yamada-ui/use-latest-ref": "0.1.0",
109
110
  "@yamada-ui/use-local-storage": "0.1.8",
110
- "@yamada-ui/use-media-query": "0.1.31",
111
+ "@yamada-ui/use-media-query": "0.1.34",
111
112
  "@yamada-ui/use-os": "0.1.6",
112
113
  "@yamada-ui/use-outside-click": "0.1.6",
113
114
  "@yamada-ui/use-pan-event": "0.1.7",
114
- "@yamada-ui/use-popper": "0.3.4",
115
+ "@yamada-ui/use-popper": "0.3.6",
115
116
  "@yamada-ui/use-previous": "0.1.6",
116
117
  "@yamada-ui/use-resize-observer": "0.1.6",
117
118
  "@yamada-ui/use-size": "0.1.6",
118
119
  "@yamada-ui/use-timeout": "0.1.7",
119
- "@yamada-ui/use-token": "0.1.26",
120
- "@yamada-ui/use-value": "0.1.26",
120
+ "@yamada-ui/use-token": "0.1.28",
121
+ "@yamada-ui/use-value": "0.1.28",
121
122
  "@yamada-ui/use-window-event": "0.1.6",
122
123
  "@yamada-ui/utils": "0.2.0"
123
124
  },
package/dist/chunk-2WAOE43L.mjs DELETED
@@ -1,65 +0,0 @@
1
- // src/with-default.ts
2
- import { isArray, merge } from "@yamada-ui/utils";
3
- var withDefaultSize = ({
4
- size,
5
- components
6
- }) => (theme) => {
7
- var _a;
8
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
9
- if (isArray(components))
10
- keys = components;
11
- return merge(theme, {
12
- components: Object.fromEntries(
13
- keys.map((key) => [key, { defaultProps: { size } }])
14
- )
15
- });
16
- };
17
- var withDefaultVariant = ({
18
- variant,
19
- components
20
- }) => (theme) => {
21
- var _a;
22
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
23
- if (isArray(components))
24
- keys = components;
25
- return merge(theme, {
26
- components: Object.fromEntries(
27
- keys.map((key) => [key, { defaultProps: { variant } }])
28
- )
29
- });
30
- };
31
- var withDefaultColorScheme = ({
32
- colorScheme,
33
- components
34
- }) => (theme) => {
35
- var _a;
36
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
37
- if (isArray(components))
38
- keys = components;
39
- return merge(theme, {
40
- components: Object.fromEntries(
41
- keys.map((key) => [key, { defaultProps: { colorScheme } }])
42
- )
43
- });
44
- };
45
- var withDefaultProps = ({
46
- defaultProps,
47
- components
48
- }) => (theme) => {
49
- var _a;
50
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
51
- if (isArray(components))
52
- keys = components;
53
- return merge(theme, {
54
- components: Object.fromEntries(
55
- keys.map((key) => [key, { defaultProps }])
56
- )
57
- });
58
- };
59
-
60
- export {
61
- withDefaultSize,
62
- withDefaultVariant,
63
- withDefaultColorScheme,
64
- withDefaultProps
65
- };
package/dist/chunk-5DHJHEGQ.mjs DELETED
@@ -1,8 +0,0 @@
1
- // src/extend-config.ts
2
- import { defaultConfig } from "@yamada-ui/theme";
3
- import { merge } from "@yamada-ui/utils";
4
- var extendConfig = (theme) => merge(defaultConfig, theme);
5
-
6
- export {
7
- extendConfig
8
- };
package/dist/chunk-ITYVEL25.mjs DELETED
@@ -1,76 +0,0 @@
1
- // src/extend-theme.ts
2
- import { defaultTheme } from "@yamada-ui/theme";
3
- import {
4
- merge as mergeObject,
5
- getMemoizedObject as get,
6
- runIfFunc,
7
- omitObject,
8
- pickObject,
9
- isFunction
10
- } from "@yamada-ui/utils";
11
- var extendTheme = (...extensions) => ({ merge = true, pick = [], omit = [] } = {}) => {
12
- let overrides = [...extensions];
13
- let theme = extensions[extensions.length - 1];
14
- let computedTheme = defaultTheme;
15
- if (omit.length)
16
- computedTheme = omitObject(computedTheme, omit);
17
- if (pick.length)
18
- computedTheme = pickObject(computedTheme, pick);
19
- if (!isFunction(theme) && overrides.length > 1) {
20
- overrides = overrides.slice(0, overrides.length - 1);
21
- if (merge)
22
- theme = mergeObject(computedTheme, theme);
23
- } else {
24
- theme = merge ? computedTheme : {};
25
- }
26
- return overrides.reduce(
27
- (prev, extension) => mergeObject(prev, runIfFunc(extension, prev)),
28
- theme
29
- );
30
- };
31
- var extendToken = (token, tokens) => mergeObject(get(defaultTheme, token, {}), tokens != null ? tokens : {});
32
- var extendStyle = (name, style) => {
33
- var _a;
34
- const props = {
35
- theme: {
36
- __config: {},
37
- __cssMap: {},
38
- __cssVars: {},
39
- __breakpoints: void 0
40
- }
41
- };
42
- return mergeObject(
43
- runIfFunc(get(defaultTheme, `styles.${name}`, {}), props),
44
- (_a = runIfFunc(style, props)) != null ? _a : {}
45
- );
46
- };
47
- var extendComponent = (name, componentStyle) => mergeObject(
48
- get(defaultTheme, `components.${name}`, {}),
49
- componentStyle != null ? componentStyle : {}
50
- );
51
- var extendComponentSize = (name, componentSizes) => mergeObject(
52
- get(defaultTheme, `components.${name}.sizes`, {}),
53
- componentSizes != null ? componentSizes : {}
54
- );
55
- var extendComponentVariant = (name, componentVariants) => mergeObject(
56
- get(defaultTheme, `components.${name}.variants`, {}),
57
- componentVariants != null ? componentVariants : {}
58
- );
59
- var extendComponentDefaultProps = (name, componentDefaultProps) => mergeObject(
60
- get(
61
- defaultTheme,
62
- `components.${name}.defaultProps`,
63
- {}
64
- ),
65
- componentDefaultProps != null ? componentDefaultProps : {}
66
- );
67
-
68
- export {
69
- extendTheme,
70
- extendToken,
71
- extendStyle,
72
- extendComponent,
73
- extendComponentSize,
74
- extendComponentVariant,
75
- extendComponentDefaultProps
76
- };
package/dist/extend-config.d.mts DELETED
@@ -1,5 +0,0 @@
1
- import { ThemeConfig } from '@yamada-ui/core';
2
-
3
- declare const extendConfig: (theme: ThemeConfig) => ThemeConfig;
4
-
5
- export { extendConfig };
package/dist/extend-config.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import { ThemeConfig } from '@yamada-ui/core';
2
-
3
- declare const extendConfig: (theme: ThemeConfig) => ThemeConfig;
4
-
5
- export { extendConfig };
package/dist/extend-config.js DELETED
@@ -1,32 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/extend-config.ts
21
- var extend_config_exports = {};
22
- __export(extend_config_exports, {
23
- extendConfig: () => extendConfig
24
- });
25
- module.exports = __toCommonJS(extend_config_exports);
26
- var import_theme = require("@yamada-ui/theme");
27
- var import_utils = require("@yamada-ui/utils");
28
- var extendConfig = (theme) => (0, import_utils.merge)(import_theme.defaultConfig, theme);
29
- // Annotate the CommonJS export names for ESM import in node:
30
- 0 && (module.exports = {
31
- extendConfig
32
- });
package/dist/extend-config.mjs DELETED
@@ -1,6 +0,0 @@
1
- import {
2
- extendConfig
3
- } from "./chunk-5DHJHEGQ.mjs";
4
- export {
5
- extendConfig
6
- };
package/dist/extend-theme.d.mts DELETED
@@ -1,18 +0,0 @@
1
- import { UsageTheme, ThemeToken, ThemeTokens, UIStyle, ComponentStyle, ComponentSizes, ComponentVariants, ComponentDefaultProps } from '@yamada-ui/core';
2
- import { defaultTheme } from '@yamada-ui/theme';
3
- import { Dict } from '@yamada-ui/utils';
4
-
5
- type Options = {
6
- merge?: boolean;
7
- omit?: (keyof typeof defaultTheme)[];
8
- pick?: (keyof typeof defaultTheme)[];
9
- };
10
- declare const extendTheme: (...extensions: (UsageTheme | ((theme: UsageTheme) => UsageTheme))[]) => ({ merge, pick, omit }?: Options) => Dict;
11
- declare const extendToken: (token: ThemeToken, tokens?: ThemeTokens) => ThemeTokens;
12
- declare const extendStyle: (name: 'globalStyle' | 'resetStyle', style: UIStyle) => UIStyle;
13
- declare const extendComponent: (name: keyof (typeof defaultTheme)['components'], componentStyle?: ComponentStyle) => ComponentStyle;
14
- declare const extendComponentSize: (name: keyof (typeof defaultTheme)['components'], componentSizes?: ComponentSizes) => ComponentSizes;
15
- declare const extendComponentVariant: (name: keyof (typeof defaultTheme)['components'], componentVariants?: ComponentVariants) => ComponentVariants;
16
- declare const extendComponentDefaultProps: (name: keyof (typeof defaultTheme)['components'], componentDefaultProps?: ComponentDefaultProps) => ComponentDefaultProps;
17
-
18
- export { extendComponent, extendComponentDefaultProps, extendComponentSize, extendComponentVariant, extendStyle, extendTheme, extendToken };
package/dist/extend-theme.d.ts DELETED
@@ -1,18 +0,0 @@
1
- import { UsageTheme, ThemeToken, ThemeTokens, UIStyle, ComponentStyle, ComponentSizes, ComponentVariants, ComponentDefaultProps } from '@yamada-ui/core';
2
- import { defaultTheme } from '@yamada-ui/theme';
3
- import { Dict } from '@yamada-ui/utils';
4
-
5
- type Options = {
6
- merge?: boolean;
7
- omit?: (keyof typeof defaultTheme)[];
8
- pick?: (keyof typeof defaultTheme)[];
9
- };
10
- declare const extendTheme: (...extensions: (UsageTheme | ((theme: UsageTheme) => UsageTheme))[]) => ({ merge, pick, omit }?: Options) => Dict;
11
- declare const extendToken: (token: ThemeToken, tokens?: ThemeTokens) => ThemeTokens;
12
- declare const extendStyle: (name: 'globalStyle' | 'resetStyle', style: UIStyle) => UIStyle;
13
- declare const extendComponent: (name: keyof (typeof defaultTheme)['components'], componentStyle?: ComponentStyle) => ComponentStyle;
14
- declare const extendComponentSize: (name: keyof (typeof defaultTheme)['components'], componentSizes?: ComponentSizes) => ComponentSizes;
15
- declare const extendComponentVariant: (name: keyof (typeof defaultTheme)['components'], componentVariants?: ComponentVariants) => ComponentVariants;
16
- declare const extendComponentDefaultProps: (name: keyof (typeof defaultTheme)['components'], componentDefaultProps?: ComponentDefaultProps) => ComponentDefaultProps;
17
-
18
- export { extendComponent, extendComponentDefaultProps, extendComponentSize, extendComponentVariant, extendStyle, extendTheme, extendToken };
package/dist/extend-theme.js DELETED
@@ -1,99 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/extend-theme.ts
21
- var extend_theme_exports = {};
22
- __export(extend_theme_exports, {
23
- extendComponent: () => extendComponent,
24
- extendComponentDefaultProps: () => extendComponentDefaultProps,
25
- extendComponentSize: () => extendComponentSize,
26
- extendComponentVariant: () => extendComponentVariant,
27
- extendStyle: () => extendStyle,
28
- extendTheme: () => extendTheme,
29
- extendToken: () => extendToken
30
- });
31
- module.exports = __toCommonJS(extend_theme_exports);
32
- var import_theme = require("@yamada-ui/theme");
33
- var import_utils = require("@yamada-ui/utils");
34
- var extendTheme = (...extensions) => ({ merge = true, pick = [], omit = [] } = {}) => {
35
- let overrides = [...extensions];
36
- let theme = extensions[extensions.length - 1];
37
- let computedTheme = import_theme.defaultTheme;
38
- if (omit.length)
39
- computedTheme = (0, import_utils.omitObject)(computedTheme, omit);
40
- if (pick.length)
41
- computedTheme = (0, import_utils.pickObject)(computedTheme, pick);
42
- if (!(0, import_utils.isFunction)(theme) && overrides.length > 1) {
43
- overrides = overrides.slice(0, overrides.length - 1);
44
- if (merge)
45
- theme = (0, import_utils.merge)(computedTheme, theme);
46
- } else {
47
- theme = merge ? computedTheme : {};
48
- }
49
- return overrides.reduce(
50
- (prev, extension) => (0, import_utils.merge)(prev, (0, import_utils.runIfFunc)(extension, prev)),
51
- theme
52
- );
53
- };
54
- var extendToken = (token, tokens) => (0, import_utils.merge)((0, import_utils.getMemoizedObject)(import_theme.defaultTheme, token, {}), tokens != null ? tokens : {});
55
- var extendStyle = (name, style) => {
56
- var _a;
57
- const props = {
58
- theme: {
59
- __config: {},
60
- __cssMap: {},
61
- __cssVars: {},
62
- __breakpoints: void 0
63
- }
64
- };
65
- return (0, import_utils.merge)(
66
- (0, import_utils.runIfFunc)((0, import_utils.getMemoizedObject)(import_theme.defaultTheme, `styles.${name}`, {}), props),
67
- (_a = (0, import_utils.runIfFunc)(style, props)) != null ? _a : {}
68
- );
69
- };
70
- var extendComponent = (name, componentStyle) => (0, import_utils.merge)(
71
- (0, import_utils.getMemoizedObject)(import_theme.defaultTheme, `components.${name}`, {}),
72
- componentStyle != null ? componentStyle : {}
73
- );
74
- var extendComponentSize = (name, componentSizes) => (0, import_utils.merge)(
75
- (0, import_utils.getMemoizedObject)(import_theme.defaultTheme, `components.${name}.sizes`, {}),
76
- componentSizes != null ? componentSizes : {}
77
- );
78
- var extendComponentVariant = (name, componentVariants) => (0, import_utils.merge)(
79
- (0, import_utils.getMemoizedObject)(import_theme.defaultTheme, `components.${name}.variants`, {}),
80
- componentVariants != null ? componentVariants : {}
81
- );
82
- var extendComponentDefaultProps = (name, componentDefaultProps) => (0, import_utils.merge)(
83
- (0, import_utils.getMemoizedObject)(
84
- import_theme.defaultTheme,
85
- `components.${name}.defaultProps`,
86
- {}
87
- ),
88
- componentDefaultProps != null ? componentDefaultProps : {}
89
- );
90
- // Annotate the CommonJS export names for ESM import in node:
91
- 0 && (module.exports = {
92
- extendComponent,
93
- extendComponentDefaultProps,
94
- extendComponentSize,
95
- extendComponentVariant,
96
- extendStyle,
97
- extendTheme,
98
- extendToken
99
- });
package/dist/extend-theme.mjs DELETED
@@ -1,18 +0,0 @@
1
- import {
2
- extendComponent,
3
- extendComponentDefaultProps,
4
- extendComponentSize,
5
- extendComponentVariant,
6
- extendStyle,
7
- extendTheme,
8
- extendToken
9
- } from "./chunk-ITYVEL25.mjs";
10
- export {
11
- extendComponent,
12
- extendComponentDefaultProps,
13
- extendComponentSize,
14
- extendComponentVariant,
15
- extendStyle,
16
- extendTheme,
17
- extendToken
18
- };
package/dist/with-default.d.mts DELETED
@@ -1,21 +0,0 @@
1
- import { ComponentDefaultProps, UsageTheme } from '@yamada-ui/core';
2
- import { Union } from '@yamada-ui/utils';
3
-
4
- declare const withDefaultSize: ({ size, components, }: {
5
- size: ComponentDefaultProps['size'];
6
- components?: Union<"Indicator" | "Accordion" | "Alert" | "Avatar" | "Badge" | "Button" | "Calendar" | "Card" | "Carousel" | "Checkbox" | "CloseButton" | "DatePicker" | "Dialog" | "Divider" | "Drawer" | "Dropzone" | "Heading" | "Input" | "Mark" | "Modal" | "NumberInput" | "Pagination" | "PinInput" | "Progress" | "Radio" | "Reorder" | "SegmentedControl" | "Select" | "Slider" | "Stepper" | "Switch" | "Table" | "Tabs" | "Tag" | "Textarea">[] | undefined;
7
- }) => (theme: UsageTheme) => UsageTheme;
8
- declare const withDefaultVariant: ({ variant, components, }: {
9
- variant: ComponentDefaultProps['variant'];
10
- components?: Union<"Indicator" | "Accordion" | "Alert" | "Avatar" | "Badge" | "Button" | "Calendar" | "Card" | "Carousel" | "Checkbox" | "CloseButton" | "DatePicker" | "Dialog" | "Divider" | "Drawer" | "Dropzone" | "Heading" | "Input" | "Mark" | "Modal" | "NumberInput" | "Pagination" | "PinInput" | "Progress" | "Radio" | "Reorder" | "SegmentedControl" | "Select" | "Slider" | "Stepper" | "Switch" | "Table" | "Tabs" | "Tag" | "Textarea">[] | undefined;
11
- }) => (theme: UsageTheme) => UsageTheme;
12
- declare const withDefaultColorScheme: ({ colorScheme, components, }: {
13
- colorScheme: ComponentDefaultProps['colorScheme'];
14
- components?: Union<"Indicator" | "Accordion" | "Alert" | "Avatar" | "Badge" | "Button" | "Calendar" | "Card" | "Carousel" | "Checkbox" | "CloseButton" | "DatePicker" | "Dialog" | "Divider" | "Drawer" | "Dropzone" | "Heading" | "Input" | "Mark" | "Modal" | "NumberInput" | "Pagination" | "PinInput" | "Progress" | "Radio" | "Reorder" | "SegmentedControl" | "Select" | "Slider" | "Stepper" | "Switch" | "Table" | "Tabs" | "Tag" | "Textarea">[] | undefined;
15
- }) => (theme: UsageTheme) => UsageTheme;
16
- declare const withDefaultProps: ({ defaultProps, components, }: {
17
- defaultProps: ComponentDefaultProps;
18
- components?: Union<"Indicator" | "Accordion" | "Alert" | "Avatar" | "Badge" | "Button" | "Calendar" | "Card" | "Carousel" | "Checkbox" | "CloseButton" | "DatePicker" | "Dialog" | "Divider" | "Drawer" | "Dropzone" | "Heading" | "Input" | "Mark" | "Modal" | "NumberInput" | "Pagination" | "PinInput" | "Progress" | "Radio" | "Reorder" | "SegmentedControl" | "Select" | "Slider" | "Stepper" | "Switch" | "Table" | "Tabs" | "Tag" | "Textarea">[] | undefined;
19
- }) => UsageTheme;
20
-
21
- export { withDefaultColorScheme, withDefaultProps, withDefaultSize, withDefaultVariant };
package/dist/with-default.d.ts DELETED
@@ -1,21 +0,0 @@
1
- import { ComponentDefaultProps, UsageTheme } from '@yamada-ui/core';
2
- import { Union } from '@yamada-ui/utils';
3
-
4
- declare const withDefaultSize: ({ size, components, }: {
5
- size: ComponentDefaultProps['size'];
6
- components?: Union<"Indicator" | "Accordion" | "Alert" | "Avatar" | "Badge" | "Button" | "Calendar" | "Card" | "Carousel" | "Checkbox" | "CloseButton" | "DatePicker" | "Dialog" | "Divider" | "Drawer" | "Dropzone" | "Heading" | "Input" | "Mark" | "Modal" | "NumberInput" | "Pagination" | "PinInput" | "Progress" | "Radio" | "Reorder" | "SegmentedControl" | "Select" | "Slider" | "Stepper" | "Switch" | "Table" | "Tabs" | "Tag" | "Textarea">[] | undefined;
7
- }) => (theme: UsageTheme) => UsageTheme;
8
- declare const withDefaultVariant: ({ variant, components, }: {
9
- variant: ComponentDefaultProps['variant'];
10
- components?: Union<"Indicator" | "Accordion" | "Alert" | "Avatar" | "Badge" | "Button" | "Calendar" | "Card" | "Carousel" | "Checkbox" | "CloseButton" | "DatePicker" | "Dialog" | "Divider" | "Drawer" | "Dropzone" | "Heading" | "Input" | "Mark" | "Modal" | "NumberInput" | "Pagination" | "PinInput" | "Progress" | "Radio" | "Reorder" | "SegmentedControl" | "Select" | "Slider" | "Stepper" | "Switch" | "Table" | "Tabs" | "Tag" | "Textarea">[] | undefined;
11
- }) => (theme: UsageTheme) => UsageTheme;
12
- declare const withDefaultColorScheme: ({ colorScheme, components, }: {
13
- colorScheme: ComponentDefaultProps['colorScheme'];
14
- components?: Union<"Indicator" | "Accordion" | "Alert" | "Avatar" | "Badge" | "Button" | "Calendar" | "Card" | "Carousel" | "Checkbox" | "CloseButton" | "DatePicker" | "Dialog" | "Divider" | "Drawer" | "Dropzone" | "Heading" | "Input" | "Mark" | "Modal" | "NumberInput" | "Pagination" | "PinInput" | "Progress" | "Radio" | "Reorder" | "SegmentedControl" | "Select" | "Slider" | "Stepper" | "Switch" | "Table" | "Tabs" | "Tag" | "Textarea">[] | undefined;
15
- }) => (theme: UsageTheme) => UsageTheme;
16
- declare const withDefaultProps: ({ defaultProps, components, }: {
17
- defaultProps: ComponentDefaultProps;
18
- components?: Union<"Indicator" | "Accordion" | "Alert" | "Avatar" | "Badge" | "Button" | "Calendar" | "Card" | "Carousel" | "Checkbox" | "CloseButton" | "DatePicker" | "Dialog" | "Divider" | "Drawer" | "Dropzone" | "Heading" | "Input" | "Mark" | "Modal" | "NumberInput" | "Pagination" | "PinInput" | "Progress" | "Radio" | "Reorder" | "SegmentedControl" | "Select" | "Slider" | "Stepper" | "Switch" | "Table" | "Tabs" | "Tag" | "Textarea">[] | undefined;
19
- }) => UsageTheme;
20
-
21
- export { withDefaultColorScheme, withDefaultProps, withDefaultSize, withDefaultVariant };
package/dist/with-default.js DELETED
@@ -1,92 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/with-default.ts
21
- var with_default_exports = {};
22
- __export(with_default_exports, {
23
- withDefaultColorScheme: () => withDefaultColorScheme,
24
- withDefaultProps: () => withDefaultProps,
25
- withDefaultSize: () => withDefaultSize,
26
- withDefaultVariant: () => withDefaultVariant
27
- });
28
- module.exports = __toCommonJS(with_default_exports);
29
- var import_utils = require("@yamada-ui/utils");
30
- var withDefaultSize = ({
31
- size,
32
- components
33
- }) => (theme) => {
34
- var _a;
35
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
36
- if ((0, import_utils.isArray)(components))
37
- keys = components;
38
- return (0, import_utils.merge)(theme, {
39
- components: Object.fromEntries(
40
- keys.map((key) => [key, { defaultProps: { size } }])
41
- )
42
- });
43
- };
44
- var withDefaultVariant = ({
45
- variant,
46
- components
47
- }) => (theme) => {
48
- var _a;
49
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
50
- if ((0, import_utils.isArray)(components))
51
- keys = components;
52
- return (0, import_utils.merge)(theme, {
53
- components: Object.fromEntries(
54
- keys.map((key) => [key, { defaultProps: { variant } }])
55
- )
56
- });
57
- };
58
- var withDefaultColorScheme = ({
59
- colorScheme,
60
- components
61
- }) => (theme) => {
62
- var _a;
63
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
64
- if ((0, import_utils.isArray)(components))
65
- keys = components;
66
- return (0, import_utils.merge)(theme, {
67
- components: Object.fromEntries(
68
- keys.map((key) => [key, { defaultProps: { colorScheme } }])
69
- )
70
- });
71
- };
72
- var withDefaultProps = ({
73
- defaultProps,
74
- components
75
- }) => (theme) => {
76
- var _a;
77
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
78
- if ((0, import_utils.isArray)(components))
79
- keys = components;
80
- return (0, import_utils.merge)(theme, {
81
- components: Object.fromEntries(
82
- keys.map((key) => [key, { defaultProps }])
83
- )
84
- });
85
- };
86
- // Annotate the CommonJS export names for ESM import in node:
87
- 0 && (module.exports = {
88
- withDefaultColorScheme,
89
- withDefaultProps,
90
- withDefaultSize,
91
- withDefaultVariant
92
- });
package/dist/with-default.mjs DELETED
@@ -1,12 +0,0 @@
1
- import {
2
- withDefaultColorScheme,
3
- withDefaultProps,
4
- withDefaultSize,
5
- withDefaultVariant
6
- } from "./chunk-2WAOE43L.mjs";
7
- export {
8
- withDefaultColorScheme,
9
- withDefaultProps,
10
- withDefaultSize,
11
- withDefaultVariant
12
- };