@vinyasa/layout 1.0.19
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.
- package/README.md +164 -0
- package/dist/cjs/aspect-ratio.cjs +271 -0
- package/dist/cjs/box.cjs +268 -0
- package/dist/cjs/center.cjs +457 -0
- package/dist/cjs/center.css +80 -0
- package/dist/cjs/container.cjs +275 -0
- package/dist/cjs/container.css +31 -0
- package/dist/cjs/divider.cjs +389 -0
- package/dist/cjs/divider.css +16 -0
- package/dist/cjs/flex.cjs +425 -0
- package/dist/cjs/flex.css +80 -0
- package/dist/cjs/grid.cjs +419 -0
- package/dist/cjs/grid.css +84 -0
- package/dist/cjs/index.cjs +1806 -0
- package/dist/cjs/index.css +302 -0
- package/dist/cjs/inline.cjs +456 -0
- package/dist/cjs/inline.css +80 -0
- package/dist/cjs/portal.cjs +67 -0
- package/dist/cjs/scroll-area.cjs +303 -0
- package/dist/cjs/scroll-area.css +59 -0
- package/dist/cjs/spacer.cjs +137 -0
- package/dist/cjs/spacer.css +4 -0
- package/dist/cjs/stack.cjs +456 -0
- package/dist/cjs/stack.css +80 -0
- package/dist/cjs/surface.cjs +390 -0
- package/dist/cjs/surface.css +28 -0
- package/dist/esm/207.css +80 -0
- package/dist/esm/207.js +88 -0
- package/dist/esm/474.js +76 -0
- package/dist/esm/953.js +87 -0
- package/dist/esm/aspect-ratio.js +36 -0
- package/dist/esm/box.js +35 -0
- package/dist/esm/center.js +14 -0
- package/dist/esm/components/aspect-ratio/AspectRatio.d.ts +11 -0
- package/dist/esm/components/aspect-ratio/index.d.ts +3 -0
- package/dist/esm/components/box/Box.d.ts +5 -0
- package/dist/esm/components/box/index.d.ts +3 -0
- package/dist/esm/components/center/Center.d.ts +4 -0
- package/dist/esm/components/center/index.d.ts +3 -0
- package/dist/esm/components/container/Container.css.d.ts +1 -0
- package/dist/esm/components/container/Container.d.ts +11 -0
- package/dist/esm/components/container/index.d.ts +3 -0
- package/dist/esm/components/divider/Divider.css.d.ts +12 -0
- package/dist/esm/components/divider/Divider.d.ts +16 -0
- package/dist/esm/components/divider/index.d.ts +3 -0
- package/dist/esm/components/flex/Flex.css.d.ts +69 -0
- package/dist/esm/components/flex/Flex.d.ts +14 -0
- package/dist/esm/components/flex/index.d.ts +3 -0
- package/dist/esm/components/grid/Grid.css.d.ts +70 -0
- package/dist/esm/components/grid/Grid.d.ts +23 -0
- package/dist/esm/components/grid/index.d.ts +3 -0
- package/dist/esm/components/inline/Inline.d.ts +4 -0
- package/dist/esm/components/inline/index.d.ts +3 -0
- package/dist/esm/components/portal/Portal.d.ts +11 -0
- package/dist/esm/components/portal/index.d.ts +3 -0
- package/dist/esm/components/scroll-area/ScrollArea.css.d.ts +5 -0
- package/dist/esm/components/scroll-area/ScrollArea.d.ts +29 -0
- package/dist/esm/components/scroll-area/index.d.ts +3 -0
- package/dist/esm/components/spacer/Spacer.css.d.ts +1 -0
- package/dist/esm/components/spacer/Spacer.d.ts +4 -0
- package/dist/esm/components/spacer/index.d.ts +3 -0
- package/dist/esm/components/stack/Stack.d.ts +4 -0
- package/dist/esm/components/stack/index.d.ts +3 -0
- package/dist/esm/components/surface/Surface.css.d.ts +24 -0
- package/dist/esm/components/surface/Surface.d.ts +11 -0
- package/dist/esm/components/surface/index.d.ts +3 -0
- package/dist/esm/container.css +30 -0
- package/dist/esm/container.js +40 -0
- package/dist/esm/divider.css +16 -0
- package/dist/esm/divider.js +67 -0
- package/dist/esm/flex.js +4 -0
- package/dist/esm/grid.css +84 -0
- package/dist/esm/grid.js +88 -0
- package/dist/esm/index.d.ts +13 -0
- package/dist/esm/index.js +13 -0
- package/dist/esm/inline.js +13 -0
- package/dist/esm/polymorphic.d.ts +5 -0
- package/dist/esm/portal.js +14 -0
- package/dist/esm/scroll-area.css +58 -0
- package/dist/esm/scroll-area.js +68 -0
- package/dist/esm/spacer.css +4 -0
- package/dist/esm/spacer.js +18 -0
- package/dist/esm/spacing.d.ts +19 -0
- package/dist/esm/stack.js +13 -0
- package/dist/esm/surface.css +28 -0
- package/dist/esm/surface.js +64 -0
- package/package.json +153 -0
|
@@ -0,0 +1,275 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_modules__ = {
|
|
3
|
+
153 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
|
|
4
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
5
|
+
v: ()=>resolveSpacingStyle
|
|
6
|
+
});
|
|
7
|
+
const tokens_namespaceObject = require("@vinyasa/tokens");
|
|
8
|
+
const space = {
|
|
9
|
+
1: tokens_namespaceObject.themeContract.space1,
|
|
10
|
+
2: tokens_namespaceObject.themeContract.space2,
|
|
11
|
+
3: tokens_namespaceObject.themeContract.space3,
|
|
12
|
+
4: tokens_namespaceObject.themeContract.space4,
|
|
13
|
+
5: tokens_namespaceObject.themeContract.space5,
|
|
14
|
+
6: tokens_namespaceObject.themeContract.space6
|
|
15
|
+
};
|
|
16
|
+
const spacingPropertyMap = [
|
|
17
|
+
[
|
|
18
|
+
'm',
|
|
19
|
+
'margin'
|
|
20
|
+
],
|
|
21
|
+
[
|
|
22
|
+
'mx',
|
|
23
|
+
'marginInline'
|
|
24
|
+
],
|
|
25
|
+
[
|
|
26
|
+
'my',
|
|
27
|
+
'marginBlock'
|
|
28
|
+
],
|
|
29
|
+
[
|
|
30
|
+
'mt',
|
|
31
|
+
'marginTop'
|
|
32
|
+
],
|
|
33
|
+
[
|
|
34
|
+
'mr',
|
|
35
|
+
'marginRight'
|
|
36
|
+
],
|
|
37
|
+
[
|
|
38
|
+
'mb',
|
|
39
|
+
'marginBottom'
|
|
40
|
+
],
|
|
41
|
+
[
|
|
42
|
+
'ml',
|
|
43
|
+
'marginLeft'
|
|
44
|
+
],
|
|
45
|
+
[
|
|
46
|
+
'p',
|
|
47
|
+
'padding'
|
|
48
|
+
],
|
|
49
|
+
[
|
|
50
|
+
'px',
|
|
51
|
+
'paddingInline'
|
|
52
|
+
],
|
|
53
|
+
[
|
|
54
|
+
'py',
|
|
55
|
+
'paddingBlock'
|
|
56
|
+
],
|
|
57
|
+
[
|
|
58
|
+
'pt',
|
|
59
|
+
'paddingTop'
|
|
60
|
+
],
|
|
61
|
+
[
|
|
62
|
+
'pr',
|
|
63
|
+
'paddingRight'
|
|
64
|
+
],
|
|
65
|
+
[
|
|
66
|
+
'pb',
|
|
67
|
+
'paddingBottom'
|
|
68
|
+
],
|
|
69
|
+
[
|
|
70
|
+
'pl',
|
|
71
|
+
'paddingLeft'
|
|
72
|
+
]
|
|
73
|
+
];
|
|
74
|
+
const resolveSpacingStyle = (props)=>{
|
|
75
|
+
const style = {};
|
|
76
|
+
for (const [propKey, cssProperty] of spacingPropertyMap){
|
|
77
|
+
const value = props[propKey];
|
|
78
|
+
if (void 0 !== value) style[cssProperty] = space[value];
|
|
79
|
+
}
|
|
80
|
+
return style;
|
|
81
|
+
};
|
|
82
|
+
},
|
|
83
|
+
15 (module) {
|
|
84
|
+
module.exports = require("react");
|
|
85
|
+
},
|
|
86
|
+
732 (module) {
|
|
87
|
+
module.exports = require("react/jsx-runtime");
|
|
88
|
+
}
|
|
89
|
+
};
|
|
90
|
+
var __webpack_module_cache__ = {};
|
|
91
|
+
function __webpack_require__(moduleId) {
|
|
92
|
+
var cachedModule = __webpack_module_cache__[moduleId];
|
|
93
|
+
if (void 0 !== cachedModule) return cachedModule.exports;
|
|
94
|
+
var module = __webpack_module_cache__[moduleId] = {
|
|
95
|
+
exports: {}
|
|
96
|
+
};
|
|
97
|
+
__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
98
|
+
return module.exports;
|
|
99
|
+
}
|
|
100
|
+
(()=>{
|
|
101
|
+
__webpack_require__.d = (exports1, getters, values)=>{
|
|
102
|
+
var define = (defs, kind)=>{
|
|
103
|
+
for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
104
|
+
enumerable: true,
|
|
105
|
+
[kind]: defs[key]
|
|
106
|
+
});
|
|
107
|
+
};
|
|
108
|
+
define(getters, "get");
|
|
109
|
+
define(values, "value");
|
|
110
|
+
};
|
|
111
|
+
})();
|
|
112
|
+
(()=>{
|
|
113
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
114
|
+
})();
|
|
115
|
+
(()=>{
|
|
116
|
+
__webpack_require__.r = (exports1)=>{
|
|
117
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
118
|
+
value: 'Module'
|
|
119
|
+
});
|
|
120
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
121
|
+
value: true
|
|
122
|
+
});
|
|
123
|
+
};
|
|
124
|
+
})();
|
|
125
|
+
var __webpack_exports__ = {};
|
|
126
|
+
(()=>{
|
|
127
|
+
__webpack_require__.r(__webpack_exports__);
|
|
128
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
129
|
+
default: ()=>components_container
|
|
130
|
+
});
|
|
131
|
+
var jsx_runtime_ = __webpack_require__(732);
|
|
132
|
+
var external_react_ = __webpack_require__(15);
|
|
133
|
+
var spacing = __webpack_require__(153);
|
|
134
|
+
var container = 'n27f480';
|
|
135
|
+
function _define_property(obj, key, value) {
|
|
136
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
137
|
+
value: value,
|
|
138
|
+
enumerable: true,
|
|
139
|
+
configurable: true,
|
|
140
|
+
writable: true
|
|
141
|
+
});
|
|
142
|
+
else obj[key] = value;
|
|
143
|
+
return obj;
|
|
144
|
+
}
|
|
145
|
+
function _object_spread(target) {
|
|
146
|
+
for(var i = 1; i < arguments.length; i++){
|
|
147
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
148
|
+
var ownKeys = Object.keys(source);
|
|
149
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
150
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
151
|
+
}));
|
|
152
|
+
ownKeys.forEach(function(key) {
|
|
153
|
+
_define_property(target, key, source[key]);
|
|
154
|
+
});
|
|
155
|
+
}
|
|
156
|
+
return target;
|
|
157
|
+
}
|
|
158
|
+
function Container_ownKeys(object, enumerableOnly) {
|
|
159
|
+
var keys = Object.keys(object);
|
|
160
|
+
if (Object.getOwnPropertySymbols) {
|
|
161
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
162
|
+
if (enumerableOnly) symbols = symbols.filter(function(sym) {
|
|
163
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
164
|
+
});
|
|
165
|
+
keys.push.apply(keys, symbols);
|
|
166
|
+
}
|
|
167
|
+
return keys;
|
|
168
|
+
}
|
|
169
|
+
function _object_spread_props(target, source) {
|
|
170
|
+
source = null != source ? source : {};
|
|
171
|
+
if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
172
|
+
else Container_ownKeys(Object(source)).forEach(function(key) {
|
|
173
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
174
|
+
});
|
|
175
|
+
return target;
|
|
176
|
+
}
|
|
177
|
+
function _object_without_properties(source, excluded) {
|
|
178
|
+
if (null == source) return {};
|
|
179
|
+
var target = {}, sourceKeys, key, i;
|
|
180
|
+
if ("u" > typeof Reflect && Reflect.ownKeys) {
|
|
181
|
+
sourceKeys = Reflect.ownKeys(Object(source));
|
|
182
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
183
|
+
key = sourceKeys[i];
|
|
184
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
185
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
return target;
|
|
189
|
+
}
|
|
190
|
+
target = _object_without_properties_loose(source, excluded);
|
|
191
|
+
if (Object.getOwnPropertySymbols) {
|
|
192
|
+
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
193
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
194
|
+
key = sourceKeys[i];
|
|
195
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
196
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
return target;
|
|
201
|
+
}
|
|
202
|
+
function _object_without_properties_loose(source, excluded) {
|
|
203
|
+
if (null == source) return {};
|
|
204
|
+
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
205
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
206
|
+
key = sourceKeys[i];
|
|
207
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
208
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
return target;
|
|
212
|
+
}
|
|
213
|
+
const Container = /*#__PURE__*/ (0, external_react_.forwardRef)((_0, _1)=>{
|
|
214
|
+
let _ref = [
|
|
215
|
+
_0,
|
|
216
|
+
_1
|
|
217
|
+
], [_ref1, ..._rest] = _ref, { as: Component = 'div', maxWidth, m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, className, style, children } = _ref1, rest = _object_without_properties(_ref1, [
|
|
218
|
+
"as",
|
|
219
|
+
"maxWidth",
|
|
220
|
+
"m",
|
|
221
|
+
"mt",
|
|
222
|
+
"mr",
|
|
223
|
+
"mb",
|
|
224
|
+
"ml",
|
|
225
|
+
"mx",
|
|
226
|
+
"my",
|
|
227
|
+
"p",
|
|
228
|
+
"pt",
|
|
229
|
+
"pr",
|
|
230
|
+
"pb",
|
|
231
|
+
"pl",
|
|
232
|
+
"px",
|
|
233
|
+
"py",
|
|
234
|
+
"className",
|
|
235
|
+
"style",
|
|
236
|
+
"children"
|
|
237
|
+
]), [ref] = _rest;
|
|
238
|
+
const classes = className ? `${container} ${className}` : container;
|
|
239
|
+
const spacingStyle = (0, spacing.v)({
|
|
240
|
+
m,
|
|
241
|
+
mt,
|
|
242
|
+
mr,
|
|
243
|
+
mb,
|
|
244
|
+
ml,
|
|
245
|
+
mx,
|
|
246
|
+
my,
|
|
247
|
+
p,
|
|
248
|
+
pt,
|
|
249
|
+
pr,
|
|
250
|
+
pb,
|
|
251
|
+
pl,
|
|
252
|
+
px,
|
|
253
|
+
py
|
|
254
|
+
});
|
|
255
|
+
return /*#__PURE__*/ (0, jsx_runtime_.jsx)(Component, _object_spread_props(_object_spread({
|
|
256
|
+
ref: ref,
|
|
257
|
+
className: classes,
|
|
258
|
+
style: _object_spread(_object_spread_props(_object_spread({}, spacingStyle), {
|
|
259
|
+
maxWidth
|
|
260
|
+
}), style)
|
|
261
|
+
}, rest), {
|
|
262
|
+
children: children
|
|
263
|
+
}));
|
|
264
|
+
});
|
|
265
|
+
Container.displayName = 'Container';
|
|
266
|
+
const container_Container = Container;
|
|
267
|
+
const components_container = container_Container;
|
|
268
|
+
})();
|
|
269
|
+
exports["default"] = __webpack_exports__["default"];
|
|
270
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
271
|
+
"default"
|
|
272
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
273
|
+
Object.defineProperty(exports, '__esModule', {
|
|
274
|
+
value: true
|
|
275
|
+
});
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
.n27f480 {
|
|
2
|
+
width: 100%;
|
|
3
|
+
padding-inline: var(--vinyasa-space4);
|
|
4
|
+
margin-left: auto;
|
|
5
|
+
margin-right: auto;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
@media (min-width: 640px) {
|
|
9
|
+
.n27f480 {
|
|
10
|
+
max-width: 640px;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
@media (min-width: 768px) {
|
|
15
|
+
.n27f480 {
|
|
16
|
+
max-width: 768px;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@media (min-width: 1024px) {
|
|
21
|
+
.n27f480 {
|
|
22
|
+
max-width: 1024px;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@media (min-width: 1280px) {
|
|
27
|
+
.n27f480 {
|
|
28
|
+
max-width: 1280px;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
@@ -0,0 +1,389 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_modules__ = {
|
|
3
|
+
400 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
|
|
4
|
+
function toPrimitive(t, r) {
|
|
5
|
+
if ("object" != typeof t || !t) return t;
|
|
6
|
+
var e = t[Symbol.toPrimitive];
|
|
7
|
+
if (void 0 !== e) {
|
|
8
|
+
var i = e.call(t, r || "default");
|
|
9
|
+
if ("object" != typeof i) return i;
|
|
10
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
11
|
+
}
|
|
12
|
+
return ("string" === r ? String : Number)(t);
|
|
13
|
+
}
|
|
14
|
+
function toPropertyKey(t) {
|
|
15
|
+
var i = toPrimitive(t, "string");
|
|
16
|
+
return "symbol" == typeof i ? i : String(i);
|
|
17
|
+
}
|
|
18
|
+
function _defineProperty(obj, key, value) {
|
|
19
|
+
key = toPropertyKey(key);
|
|
20
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
21
|
+
value: value,
|
|
22
|
+
enumerable: true,
|
|
23
|
+
configurable: true,
|
|
24
|
+
writable: true
|
|
25
|
+
});
|
|
26
|
+
else obj[key] = value;
|
|
27
|
+
return obj;
|
|
28
|
+
}
|
|
29
|
+
function ownKeys(e, r) {
|
|
30
|
+
var t = Object.keys(e);
|
|
31
|
+
if (Object.getOwnPropertySymbols) {
|
|
32
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
33
|
+
r && (o = o.filter(function(r) {
|
|
34
|
+
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
35
|
+
})), t.push.apply(t, o);
|
|
36
|
+
}
|
|
37
|
+
return t;
|
|
38
|
+
}
|
|
39
|
+
function _objectSpread2(e) {
|
|
40
|
+
for(var r = 1; r < arguments.length; r++){
|
|
41
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
42
|
+
r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
|
|
43
|
+
_defineProperty(e, r, t[r]);
|
|
44
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
|
|
45
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
return e;
|
|
49
|
+
}
|
|
50
|
+
function mapValues(input, fn) {
|
|
51
|
+
var result = {};
|
|
52
|
+
for(var _key in input)result[_key] = fn(input[_key], _key);
|
|
53
|
+
return result;
|
|
54
|
+
}
|
|
55
|
+
var shouldApplyCompound = (compoundCheck, selections, defaultVariants)=>{
|
|
56
|
+
for (var key of Object.keys(compoundCheck)){
|
|
57
|
+
var _selections$key;
|
|
58
|
+
if (compoundCheck[key] !== (null != (_selections$key = selections[key]) ? _selections$key : defaultVariants[key])) return false;
|
|
59
|
+
}
|
|
60
|
+
return true;
|
|
61
|
+
};
|
|
62
|
+
var createRuntimeFn = (config)=>{
|
|
63
|
+
var runtimeFn = (options)=>{
|
|
64
|
+
var className = config.defaultClassName;
|
|
65
|
+
var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
|
|
66
|
+
for(var variantName in selections){
|
|
67
|
+
var _selections$variantNa;
|
|
68
|
+
var variantSelection = null != (_selections$variantNa = selections[variantName]) ? _selections$variantNa : config.defaultVariants[variantName];
|
|
69
|
+
if (null != variantSelection) {
|
|
70
|
+
var selection = variantSelection;
|
|
71
|
+
if ('boolean' == typeof selection) selection = true === selection ? 'true' : 'false';
|
|
72
|
+
var selectionClassName = config.variantClassNames[variantName][selection];
|
|
73
|
+
if (selectionClassName) className += ' ' + selectionClassName;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
for (var [compoundCheck, compoundClassName] of config.compoundVariants)if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) className += ' ' + compoundClassName;
|
|
77
|
+
return className;
|
|
78
|
+
};
|
|
79
|
+
runtimeFn.variants = ()=>Object.keys(config.variantClassNames);
|
|
80
|
+
runtimeFn.classNames = {
|
|
81
|
+
get base () {
|
|
82
|
+
return config.defaultClassName.split(' ')[0];
|
|
83
|
+
},
|
|
84
|
+
get variants () {
|
|
85
|
+
return mapValues(config.variantClassNames, (classNames)=>mapValues(classNames, (className)=>className.split(' ')[0]));
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
return runtimeFn;
|
|
89
|
+
};
|
|
90
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
91
|
+
c: ()=>createRuntimeFn
|
|
92
|
+
});
|
|
93
|
+
},
|
|
94
|
+
153 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
|
|
95
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
96
|
+
v: ()=>resolveSpacingStyle
|
|
97
|
+
});
|
|
98
|
+
const tokens_namespaceObject = require("@vinyasa/tokens");
|
|
99
|
+
const space = {
|
|
100
|
+
1: tokens_namespaceObject.themeContract.space1,
|
|
101
|
+
2: tokens_namespaceObject.themeContract.space2,
|
|
102
|
+
3: tokens_namespaceObject.themeContract.space3,
|
|
103
|
+
4: tokens_namespaceObject.themeContract.space4,
|
|
104
|
+
5: tokens_namespaceObject.themeContract.space5,
|
|
105
|
+
6: tokens_namespaceObject.themeContract.space6
|
|
106
|
+
};
|
|
107
|
+
const spacingPropertyMap = [
|
|
108
|
+
[
|
|
109
|
+
'm',
|
|
110
|
+
'margin'
|
|
111
|
+
],
|
|
112
|
+
[
|
|
113
|
+
'mx',
|
|
114
|
+
'marginInline'
|
|
115
|
+
],
|
|
116
|
+
[
|
|
117
|
+
'my',
|
|
118
|
+
'marginBlock'
|
|
119
|
+
],
|
|
120
|
+
[
|
|
121
|
+
'mt',
|
|
122
|
+
'marginTop'
|
|
123
|
+
],
|
|
124
|
+
[
|
|
125
|
+
'mr',
|
|
126
|
+
'marginRight'
|
|
127
|
+
],
|
|
128
|
+
[
|
|
129
|
+
'mb',
|
|
130
|
+
'marginBottom'
|
|
131
|
+
],
|
|
132
|
+
[
|
|
133
|
+
'ml',
|
|
134
|
+
'marginLeft'
|
|
135
|
+
],
|
|
136
|
+
[
|
|
137
|
+
'p',
|
|
138
|
+
'padding'
|
|
139
|
+
],
|
|
140
|
+
[
|
|
141
|
+
'px',
|
|
142
|
+
'paddingInline'
|
|
143
|
+
],
|
|
144
|
+
[
|
|
145
|
+
'py',
|
|
146
|
+
'paddingBlock'
|
|
147
|
+
],
|
|
148
|
+
[
|
|
149
|
+
'pt',
|
|
150
|
+
'paddingTop'
|
|
151
|
+
],
|
|
152
|
+
[
|
|
153
|
+
'pr',
|
|
154
|
+
'paddingRight'
|
|
155
|
+
],
|
|
156
|
+
[
|
|
157
|
+
'pb',
|
|
158
|
+
'paddingBottom'
|
|
159
|
+
],
|
|
160
|
+
[
|
|
161
|
+
'pl',
|
|
162
|
+
'paddingLeft'
|
|
163
|
+
]
|
|
164
|
+
];
|
|
165
|
+
const resolveSpacingStyle = (props)=>{
|
|
166
|
+
const style = {};
|
|
167
|
+
for (const [propKey, cssProperty] of spacingPropertyMap){
|
|
168
|
+
const value = props[propKey];
|
|
169
|
+
if (void 0 !== value) style[cssProperty] = space[value];
|
|
170
|
+
}
|
|
171
|
+
return style;
|
|
172
|
+
};
|
|
173
|
+
},
|
|
174
|
+
15 (module) {
|
|
175
|
+
module.exports = require("react");
|
|
176
|
+
},
|
|
177
|
+
732 (module) {
|
|
178
|
+
module.exports = require("react/jsx-runtime");
|
|
179
|
+
}
|
|
180
|
+
};
|
|
181
|
+
var __webpack_module_cache__ = {};
|
|
182
|
+
function __webpack_require__(moduleId) {
|
|
183
|
+
var cachedModule = __webpack_module_cache__[moduleId];
|
|
184
|
+
if (void 0 !== cachedModule) return cachedModule.exports;
|
|
185
|
+
var module = __webpack_module_cache__[moduleId] = {
|
|
186
|
+
exports: {}
|
|
187
|
+
};
|
|
188
|
+
__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
189
|
+
return module.exports;
|
|
190
|
+
}
|
|
191
|
+
(()=>{
|
|
192
|
+
__webpack_require__.d = (exports1, getters, values)=>{
|
|
193
|
+
var define = (defs, kind)=>{
|
|
194
|
+
for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
195
|
+
enumerable: true,
|
|
196
|
+
[kind]: defs[key]
|
|
197
|
+
});
|
|
198
|
+
};
|
|
199
|
+
define(getters, "get");
|
|
200
|
+
define(values, "value");
|
|
201
|
+
};
|
|
202
|
+
})();
|
|
203
|
+
(()=>{
|
|
204
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
205
|
+
})();
|
|
206
|
+
(()=>{
|
|
207
|
+
__webpack_require__.r = (exports1)=>{
|
|
208
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
209
|
+
value: 'Module'
|
|
210
|
+
});
|
|
211
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
212
|
+
value: true
|
|
213
|
+
});
|
|
214
|
+
};
|
|
215
|
+
})();
|
|
216
|
+
var __webpack_exports__ = {};
|
|
217
|
+
(()=>{
|
|
218
|
+
__webpack_require__.r(__webpack_exports__);
|
|
219
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
220
|
+
default: ()=>components_divider
|
|
221
|
+
});
|
|
222
|
+
var jsx_runtime_ = __webpack_require__(732);
|
|
223
|
+
var external_react_ = __webpack_require__(15);
|
|
224
|
+
var spacing = __webpack_require__(153);
|
|
225
|
+
var createRuntimeFn_62c9670f_esm = __webpack_require__(400);
|
|
226
|
+
var divider = (0, createRuntimeFn_62c9670f_esm.c)({
|
|
227
|
+
defaultClassName: '_187x3450',
|
|
228
|
+
variantClassNames: {
|
|
229
|
+
orientation: {
|
|
230
|
+
horizontal: '_187x3451',
|
|
231
|
+
vertical: '_187x3452'
|
|
232
|
+
}
|
|
233
|
+
},
|
|
234
|
+
defaultVariants: {
|
|
235
|
+
orientation: 'horizontal'
|
|
236
|
+
},
|
|
237
|
+
compoundVariants: []
|
|
238
|
+
});
|
|
239
|
+
function _define_property(obj, key, value) {
|
|
240
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
241
|
+
value: value,
|
|
242
|
+
enumerable: true,
|
|
243
|
+
configurable: true,
|
|
244
|
+
writable: true
|
|
245
|
+
});
|
|
246
|
+
else obj[key] = value;
|
|
247
|
+
return obj;
|
|
248
|
+
}
|
|
249
|
+
function _object_spread(target) {
|
|
250
|
+
for(var i = 1; i < arguments.length; i++){
|
|
251
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
252
|
+
var ownKeys = Object.keys(source);
|
|
253
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
254
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
255
|
+
}));
|
|
256
|
+
ownKeys.forEach(function(key) {
|
|
257
|
+
_define_property(target, key, source[key]);
|
|
258
|
+
});
|
|
259
|
+
}
|
|
260
|
+
return target;
|
|
261
|
+
}
|
|
262
|
+
function Divider_ownKeys(object, enumerableOnly) {
|
|
263
|
+
var keys = Object.keys(object);
|
|
264
|
+
if (Object.getOwnPropertySymbols) {
|
|
265
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
266
|
+
if (enumerableOnly) symbols = symbols.filter(function(sym) {
|
|
267
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
268
|
+
});
|
|
269
|
+
keys.push.apply(keys, symbols);
|
|
270
|
+
}
|
|
271
|
+
return keys;
|
|
272
|
+
}
|
|
273
|
+
function _object_spread_props(target, source) {
|
|
274
|
+
source = null != source ? source : {};
|
|
275
|
+
if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
276
|
+
else Divider_ownKeys(Object(source)).forEach(function(key) {
|
|
277
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
278
|
+
});
|
|
279
|
+
return target;
|
|
280
|
+
}
|
|
281
|
+
function _object_without_properties(source, excluded) {
|
|
282
|
+
if (null == source) return {};
|
|
283
|
+
var target = {}, sourceKeys, key, i;
|
|
284
|
+
if ("u" > typeof Reflect && Reflect.ownKeys) {
|
|
285
|
+
sourceKeys = Reflect.ownKeys(Object(source));
|
|
286
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
287
|
+
key = sourceKeys[i];
|
|
288
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
289
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
290
|
+
}
|
|
291
|
+
}
|
|
292
|
+
return target;
|
|
293
|
+
}
|
|
294
|
+
target = _object_without_properties_loose(source, excluded);
|
|
295
|
+
if (Object.getOwnPropertySymbols) {
|
|
296
|
+
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
297
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
298
|
+
key = sourceKeys[i];
|
|
299
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
300
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
301
|
+
}
|
|
302
|
+
}
|
|
303
|
+
}
|
|
304
|
+
return target;
|
|
305
|
+
}
|
|
306
|
+
function _object_without_properties_loose(source, excluded) {
|
|
307
|
+
if (null == source) return {};
|
|
308
|
+
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
309
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
310
|
+
key = sourceKeys[i];
|
|
311
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
312
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
313
|
+
}
|
|
314
|
+
}
|
|
315
|
+
return target;
|
|
316
|
+
}
|
|
317
|
+
const Divider = /*#__PURE__*/ (0, external_react_.forwardRef)((_0, _1)=>{
|
|
318
|
+
let _ref = [
|
|
319
|
+
_0,
|
|
320
|
+
_1
|
|
321
|
+
], [_ref1, ..._rest] = _ref, { orientation = 'horizontal', decorative = false, m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, className, style } = _ref1, rest = _object_without_properties(_ref1, [
|
|
322
|
+
"orientation",
|
|
323
|
+
"decorative",
|
|
324
|
+
"m",
|
|
325
|
+
"mt",
|
|
326
|
+
"mr",
|
|
327
|
+
"mb",
|
|
328
|
+
"ml",
|
|
329
|
+
"mx",
|
|
330
|
+
"my",
|
|
331
|
+
"p",
|
|
332
|
+
"pt",
|
|
333
|
+
"pr",
|
|
334
|
+
"pb",
|
|
335
|
+
"pl",
|
|
336
|
+
"px",
|
|
337
|
+
"py",
|
|
338
|
+
"className",
|
|
339
|
+
"style"
|
|
340
|
+
]), [ref] = _rest;
|
|
341
|
+
const classes = className ? `${divider({
|
|
342
|
+
orientation
|
|
343
|
+
})} ${className}` : divider({
|
|
344
|
+
orientation
|
|
345
|
+
});
|
|
346
|
+
const computedStyle = _object_spread({}, (0, spacing.v)({
|
|
347
|
+
m,
|
|
348
|
+
mt,
|
|
349
|
+
mr,
|
|
350
|
+
mb,
|
|
351
|
+
ml,
|
|
352
|
+
mx,
|
|
353
|
+
my,
|
|
354
|
+
p,
|
|
355
|
+
pt,
|
|
356
|
+
pr,
|
|
357
|
+
pb,
|
|
358
|
+
pl,
|
|
359
|
+
px,
|
|
360
|
+
py
|
|
361
|
+
}), style);
|
|
362
|
+
if ('vertical' === orientation) return /*#__PURE__*/ (0, jsx_runtime_.jsx)("div", _object_spread(_object_spread_props(_object_spread({
|
|
363
|
+
ref: ref
|
|
364
|
+
}, decorative ? {
|
|
365
|
+
'aria-hidden': true
|
|
366
|
+
} : {
|
|
367
|
+
role: 'separator',
|
|
368
|
+
'aria-orientation': 'vertical'
|
|
369
|
+
}), {
|
|
370
|
+
className: classes,
|
|
371
|
+
style: computedStyle
|
|
372
|
+
}), rest));
|
|
373
|
+
return /*#__PURE__*/ (0, jsx_runtime_.jsx)("hr", _object_spread({
|
|
374
|
+
ref: ref,
|
|
375
|
+
className: classes,
|
|
376
|
+
style: computedStyle
|
|
377
|
+
}, rest));
|
|
378
|
+
});
|
|
379
|
+
Divider.displayName = 'Divider';
|
|
380
|
+
const divider_Divider = Divider;
|
|
381
|
+
const components_divider = divider_Divider;
|
|
382
|
+
})();
|
|
383
|
+
exports["default"] = __webpack_exports__["default"];
|
|
384
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
385
|
+
"default"
|
|
386
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
387
|
+
Object.defineProperty(exports, '__esModule', {
|
|
388
|
+
value: true
|
|
389
|
+
});
|