@cck-ui/core 0.26.0 → 0.28.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 (59) hide show
  1. package/cjs/components/breadcrumbs/breadcrumbs.cjs +445 -0
  2. package/cjs/components/breadcrumbs/breadcrumbs.cjs.map +1 -0
  3. package/cjs/components/breadcrumbs/breadcrumbs.module.cjs +11 -0
  4. package/cjs/components/breadcrumbs/breadcrumbs.module.cjs.map +1 -0
  5. package/cjs/components/breadcrumbs/breadcrumbs.utils.cjs +8 -0
  6. package/cjs/components/breadcrumbs/breadcrumbs.utils.cjs.map +1 -0
  7. package/cjs/components/breadcrumbs/filter-falsy-children/filter-falsy-children.cjs +17 -0
  8. package/cjs/components/breadcrumbs/filter-falsy-children/filter-falsy-children.cjs.map +1 -0
  9. package/cjs/components/breadcrumbs/index.cjs +14 -0
  10. package/cjs/components/breadcrumbs/index.cjs.map +1 -0
  11. package/cjs/components/burger/burger.cjs +435 -0
  12. package/cjs/components/burger/burger.cjs.map +1 -0
  13. package/cjs/components/burger/burger.module.cjs +10 -0
  14. package/cjs/components/burger/burger.module.cjs.map +1 -0
  15. package/cjs/components/burger/burger.utils.cjs +16 -0
  16. package/cjs/components/burger/burger.utils.cjs.map +1 -0
  17. package/cjs/components/burger/index.cjs +14 -0
  18. package/cjs/components/burger/index.cjs.map +1 -0
  19. package/cjs/components/group/group.cjs +14 -11
  20. package/cjs/components/group/group.cjs.map +1 -1
  21. package/cjs/index.cjs +88 -82
  22. package/cjs/index.cjs.map +1 -1
  23. package/esm/components/breadcrumbs/breadcrumbs.mjs +443 -0
  24. package/esm/components/breadcrumbs/breadcrumbs.mjs.map +1 -0
  25. package/esm/components/breadcrumbs/breadcrumbs.module.mjs +11 -0
  26. package/esm/components/breadcrumbs/breadcrumbs.module.mjs.map +1 -0
  27. package/esm/components/breadcrumbs/breadcrumbs.utils.mjs +9 -0
  28. package/esm/components/breadcrumbs/breadcrumbs.utils.mjs.map +1 -0
  29. package/esm/components/breadcrumbs/filter-falsy-children/filter-falsy-children.mjs +17 -0
  30. package/esm/components/breadcrumbs/filter-falsy-children/filter-falsy-children.mjs.map +1 -0
  31. package/esm/components/breadcrumbs/index.mjs +11 -0
  32. package/esm/components/breadcrumbs/index.mjs.map +1 -0
  33. package/esm/components/burger/burger.mjs +435 -0
  34. package/esm/components/burger/burger.mjs.map +1 -0
  35. package/esm/components/burger/burger.module.mjs +10 -0
  36. package/esm/components/burger/burger.module.mjs.map +1 -0
  37. package/esm/components/burger/burger.utils.mjs +17 -0
  38. package/esm/components/burger/burger.utils.mjs.map +1 -0
  39. package/esm/components/burger/index.mjs +11 -0
  40. package/esm/components/burger/index.mjs.map +1 -0
  41. package/esm/components/group/group.mjs +15 -12
  42. package/esm/components/group/group.mjs.map +1 -1
  43. package/esm/index.mjs +5 -1
  44. package/esm/index.mjs.map +1 -1
  45. package/lib/components/breadcrumbs/breadcrumbs.types.d.ts +25 -0
  46. package/lib/components/breadcrumbs/breadcrumbs.utils.d.ts +6 -0
  47. package/lib/components/breadcrumbs/filter-falsy-children/filter-falsy-children.d.ts +2 -0
  48. package/lib/components/breadcrumbs/index.d.ts +6 -0
  49. package/lib/components/burger/burger.types.d.ts +40 -0
  50. package/lib/components/burger/burger.utils.d.ts +6 -0
  51. package/lib/components/burger/index.d.ts +6 -0
  52. package/lib/components/index.d.ts +2 -0
  53. package/package.json +1 -1
  54. package/styles/breadcrumbs.css +27 -0
  55. package/styles/breadcrumbs.layer.css +28 -0
  56. package/styles/burger.css +68 -0
  57. package/styles/burger.layer.css +69 -0
  58. package/styles.css +97 -0
  59. package/styles.layer.css +97 -0
@@ -0,0 +1,11 @@
1
+ "use client";
2
+ //#region packages/@cck-ui/core/src/components/breadcrumbs/breadcrumbs.module.css
3
+ var breadcrumbs_module_default = {
4
+ "root": "m_bd72d3bf",
5
+ "breadcrumb": "m_c7302920",
6
+ "separator": "m_ceadd228"
7
+ };
8
+ //#endregion
9
+ export { breadcrumbs_module_default as default };
10
+
11
+ //# sourceMappingURL=breadcrumbs.module.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumbs.module.mjs","names":[],"sources":["../../../src/components/breadcrumbs/breadcrumbs.module.css"],"sourcesContent":[".root {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.breadcrumb {\n line-height: 1;\n word-spacing: nowrap;\n -webkit-tap-highlight-color: transparent;\n}\n\n.separator {\n margin-inline: var(--bc-separator-margin, var(--c-spacing-xs));\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n\n @mixin where-light {\n color: var(--c-color-gray-7);\n }\n\n @mixin where-dark {\n color: var(--c-color-dark-2);\n }\n}\n"],"mappings":";;AAAA,IAAA,6BAAe;CAAC,QAAO;CAAa,cAAa;CAAa,aAAY;AAAY"}
@@ -0,0 +1,9 @@
1
+ "use client";
2
+ import { getSpacing } from "../../core/utils/get-size/get-size.mjs";
3
+ import { createVarsResolver } from "../../core/styles-api/create-vars-resolver/create-vars-resolver.mjs";
4
+ //#region packages/@cck-ui/core/src/components/breadcrumbs/breadcrumbs.utils.ts
5
+ const varsResolver = createVarsResolver((_, { separatorMargin }) => ({ root: { "--bc-separator-margin": getSpacing(separatorMargin) } }));
6
+ //#endregion
7
+ export { varsResolver };
8
+
9
+ //# sourceMappingURL=breadcrumbs.utils.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumbs.utils.mjs","names":[],"sources":["../../../src/components/breadcrumbs/breadcrumbs.utils.ts"],"sourcesContent":["import { createVarsResolver, getSpacing } from '../../core'\nimport { BreadcrumbsFactory } from './breadcrumbs.types'\n\nexport const varsResolver = createVarsResolver<BreadcrumbsFactory>((_, { separatorMargin }) => ({\n root: {\n '--bc-separator-margin': getSpacing(separatorMargin),\n },\n}))\n"],"mappings":";;;;AAGA,MAAa,eAAe,oBAAwC,GAAG,EAAE,uBAAuB,EAC9F,MAAM,EACJ,yBAAyB,WAAW,eAAe,EACrD,EACF,EAAE"}
@@ -0,0 +1,17 @@
1
+ "use client";
2
+ import { Fragment, isVNode } from "vue";
3
+ //#region packages/@cck-ui/core/src/components/breadcrumbs/filter-falsy-children/filter-falsy-children.ts
4
+ function filterFalsyChildren(children) {
5
+ const nodes = Array.isArray(children) ? children : children ? [children] : [];
6
+ function process(node) {
7
+ if (Array.isArray(node)) return node.flatMap((item) => process(item));
8
+ if (!isVNode(node)) return [];
9
+ if (node.type === Fragment) return process(Array.isArray(node.children) ? node.children : node.children ? [node.children] : []);
10
+ return [node];
11
+ }
12
+ return process(nodes);
13
+ }
14
+ //#endregion
15
+ export { filterFalsyChildren };
16
+
17
+ //# sourceMappingURL=filter-falsy-children.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"filter-falsy-children.mjs","names":[],"sources":["../../../../src/components/breadcrumbs/filter-falsy-children/filter-falsy-children.ts"],"sourcesContent":["import { Fragment, isVNode, VNode } from 'vue'\n\nexport function filterFalsyChildren(children: unknown): VNode[] {\n const nodes = Array.isArray(children) ? children : children ? [children] : []\n\n function process(node: unknown): VNode[] {\n if (Array.isArray(node)) {\n return node.flatMap((item) => process(item))\n }\n\n if (!isVNode(node)) {\n return []\n }\n\n if (node.type === Fragment) {\n const childNodes = Array.isArray(node.children)\n ? node.children\n : node.children\n ? [node.children]\n : []\n return process(childNodes)\n }\n\n return [node]\n }\n\n return process(nodes)\n}\n"],"mappings":";;;AAEA,SAAgB,oBAAoB,UAA4B;CAC9D,MAAM,QAAQ,MAAM,QAAQ,QAAQ,IAAI,WAAW,WAAW,CAAC,QAAQ,IAAI,CAAC;CAE5E,SAAS,QAAQ,MAAwB;EACvC,IAAI,MAAM,QAAQ,IAAI,GACpB,OAAO,KAAK,SAAS,SAAS,QAAQ,IAAI,CAAC;EAG7C,IAAI,CAAC,QAAQ,IAAI,GACf,OAAO,CAAC;EAGV,IAAI,KAAK,SAAS,UAMhB,OAAO,QALY,MAAM,QAAQ,KAAK,QAAQ,IAC1C,KAAK,WACL,KAAK,WACH,CAAC,KAAK,QAAQ,IACd,CAAC,CACkB;EAG3B,OAAO,CAAC,IAAI;CACd;CAEA,OAAO,QAAQ,KAAK;AACtB"}
@@ -0,0 +1,11 @@
1
+ "use client";
2
+ import { withInstall } from "../../core/utils/vue/install.mjs";
3
+ import { withClasses, withExtend, withPropsFactory, withVarsResolver } from "../../core/utils/vue/statics.mjs";
4
+ import { varsResolver } from "./breadcrumbs.utils.mjs";
5
+ import breadcrumbs_module_default from "./breadcrumbs.module.mjs";
6
+ import breadcrumbs_default from "./breadcrumbs.mjs";
7
+ const CBreadcrumbs = withInstall(withPropsFactory(withExtend(withVarsResolver(withClasses(breadcrumbs_default, breadcrumbs_module_default), varsResolver))));
8
+ //#endregion
9
+ export { CBreadcrumbs, CBreadcrumbs as default };
10
+
11
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","names":["Breadcrumbs","classes"],"sources":["../../../src/components/breadcrumbs/index.ts"],"sourcesContent":["import {\n SFCWithInstallAndClasses,\n withClasses,\n withExtend,\n withInstall,\n withPropsFactory,\n withVarsResolver,\n} from '../../core'\nimport { varsResolver } from './breadcrumbs.utils'\nimport Breadcrumbs from './breadcrumbs.vue'\nimport classes from './breadcrumbs.module.css'\n\nconst BreadcrumbsWithStatic = withPropsFactory(\n withExtend(withVarsResolver(withClasses(Breadcrumbs, classes), varsResolver))\n)\n\nexport const CBreadcrumbs: SFCWithInstallAndClasses<typeof Breadcrumbs, typeof classes> =\n withInstall(BreadcrumbsWithStatic)\n\nexport default CBreadcrumbs\n\nexport * from './breadcrumbs.types'\n"],"mappings":";;;;;;AAgBA,MAAa,eACX,YAL4B,iBAC5B,WAAW,iBAAiB,YAAYA,qBAAaC,0BAAO,GAAG,YAAY,CAAC,CAIhE,CAAqB"}
@@ -0,0 +1,435 @@
1
+ "use client";
2
+ import export_helper_default from "../../_virtual/_/plugin-vue/export-helper.mjs";
3
+ import { useComponentProps } from "../../core/config-provider/use-component-props/use-component-props.mjs";
4
+ import { CBox } from "../../core/box/index.mjs";
5
+ import { useStyles } from "../../core/styles-api/use-styles/use-styles.mjs";
6
+ import { UnstyledButton } from "../unstyled-button/index.mjs";
7
+ import burger_module_default from "./burger.module.mjs";
8
+ import { varsResolver } from "./burger.utils.mjs";
9
+ import { computed, createBlock, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, ref, renderSlot, useAttrs, withCtx } from "vue";
10
+ //#region packages/@cck-ui/core/src/components/burger/burger.vue
11
+ const _sfc_main = /*@__PURE__*/ defineComponent({
12
+ name: "CBurger",
13
+ __name: "burger",
14
+ props: {
15
+ size: {
16
+ type: [
17
+ String,
18
+ Object,
19
+ Number
20
+ ],
21
+ required: false
22
+ },
23
+ lineSize: {
24
+ type: [String, Number],
25
+ required: false
26
+ },
27
+ color: {
28
+ type: null,
29
+ required: false
30
+ },
31
+ opened: {
32
+ type: Boolean,
33
+ required: false
34
+ },
35
+ transitionDuration: {
36
+ type: Number,
37
+ required: false
38
+ },
39
+ transitionTimingFunction: {
40
+ type: String,
41
+ required: false
42
+ },
43
+ className: {
44
+ type: String,
45
+ required: false
46
+ },
47
+ style: {
48
+ type: [
49
+ Object,
50
+ Function,
51
+ Array
52
+ ],
53
+ required: false,
54
+ skipCheck: true
55
+ },
56
+ __vars: {
57
+ type: null,
58
+ required: false
59
+ },
60
+ __size: {
61
+ type: String,
62
+ required: false
63
+ },
64
+ hiddenFrom: {
65
+ type: null,
66
+ required: false
67
+ },
68
+ visibleFrom: {
69
+ type: null,
70
+ required: false
71
+ },
72
+ lightHidden: {
73
+ type: Boolean,
74
+ required: false
75
+ },
76
+ darkHidden: {
77
+ type: Boolean,
78
+ required: false
79
+ },
80
+ mod: {
81
+ type: [
82
+ Object,
83
+ String,
84
+ Array
85
+ ],
86
+ required: false
87
+ },
88
+ m: {
89
+ type: null,
90
+ required: false
91
+ },
92
+ my: {
93
+ type: null,
94
+ required: false
95
+ },
96
+ mx: {
97
+ type: null,
98
+ required: false
99
+ },
100
+ mt: {
101
+ type: null,
102
+ required: false
103
+ },
104
+ mb: {
105
+ type: null,
106
+ required: false
107
+ },
108
+ ms: {
109
+ type: null,
110
+ required: false
111
+ },
112
+ me: {
113
+ type: null,
114
+ required: false
115
+ },
116
+ mis: {
117
+ type: null,
118
+ required: false
119
+ },
120
+ mie: {
121
+ type: null,
122
+ required: false
123
+ },
124
+ ml: {
125
+ type: null,
126
+ required: false
127
+ },
128
+ mr: {
129
+ type: null,
130
+ required: false
131
+ },
132
+ p: {
133
+ type: null,
134
+ required: false
135
+ },
136
+ py: {
137
+ type: null,
138
+ required: false
139
+ },
140
+ px: {
141
+ type: null,
142
+ required: false
143
+ },
144
+ pt: {
145
+ type: null,
146
+ required: false
147
+ },
148
+ pb: {
149
+ type: null,
150
+ required: false
151
+ },
152
+ ps: {
153
+ type: null,
154
+ required: false
155
+ },
156
+ pe: {
157
+ type: null,
158
+ required: false
159
+ },
160
+ pis: {
161
+ type: null,
162
+ required: false
163
+ },
164
+ pie: {
165
+ type: null,
166
+ required: false
167
+ },
168
+ pl: {
169
+ type: null,
170
+ required: false
171
+ },
172
+ pr: {
173
+ type: null,
174
+ required: false
175
+ },
176
+ bd: {
177
+ type: null,
178
+ required: false
179
+ },
180
+ bdrs: {
181
+ type: null,
182
+ required: false
183
+ },
184
+ bg: {
185
+ type: null,
186
+ required: false
187
+ },
188
+ c: {
189
+ type: null,
190
+ required: false
191
+ },
192
+ opacity: {
193
+ type: [
194
+ String,
195
+ Object,
196
+ Number
197
+ ],
198
+ required: false
199
+ },
200
+ ff: {
201
+ type: [String, Object],
202
+ required: false
203
+ },
204
+ fz: {
205
+ type: null,
206
+ required: false
207
+ },
208
+ fw: {
209
+ type: null,
210
+ required: false
211
+ },
212
+ lts: {
213
+ type: null,
214
+ required: false
215
+ },
216
+ ta: {
217
+ type: [String, Object],
218
+ required: false
219
+ },
220
+ lh: {
221
+ type: null,
222
+ required: false
223
+ },
224
+ fs: {
225
+ type: null,
226
+ required: false
227
+ },
228
+ tt: {
229
+ type: [String, Object],
230
+ required: false
231
+ },
232
+ td: {
233
+ type: null,
234
+ required: false
235
+ },
236
+ w: {
237
+ type: null,
238
+ required: false
239
+ },
240
+ miw: {
241
+ type: null,
242
+ required: false
243
+ },
244
+ maw: {
245
+ type: null,
246
+ required: false
247
+ },
248
+ h: {
249
+ type: null,
250
+ required: false
251
+ },
252
+ mih: {
253
+ type: null,
254
+ required: false
255
+ },
256
+ mah: {
257
+ type: null,
258
+ required: false
259
+ },
260
+ bgsz: {
261
+ type: null,
262
+ required: false
263
+ },
264
+ bgp: {
265
+ type: null,
266
+ required: false
267
+ },
268
+ bgr: {
269
+ type: null,
270
+ required: false
271
+ },
272
+ bga: {
273
+ type: null,
274
+ required: false
275
+ },
276
+ pos: {
277
+ type: [String, Object],
278
+ required: false
279
+ },
280
+ top: {
281
+ type: null,
282
+ required: false
283
+ },
284
+ left: {
285
+ type: null,
286
+ required: false
287
+ },
288
+ bottom: {
289
+ type: null,
290
+ required: false
291
+ },
292
+ right: {
293
+ type: null,
294
+ required: false
295
+ },
296
+ inset: {
297
+ type: null,
298
+ required: false
299
+ },
300
+ display: {
301
+ type: null,
302
+ required: false
303
+ },
304
+ flex: {
305
+ type: null,
306
+ required: false
307
+ },
308
+ unstyled: {
309
+ type: Boolean,
310
+ required: false
311
+ },
312
+ variant: {
313
+ type: null,
314
+ required: false
315
+ },
316
+ classNames: {
317
+ type: null,
318
+ required: false
319
+ },
320
+ styles: {
321
+ type: null,
322
+ required: false
323
+ },
324
+ vars: {
325
+ type: Function,
326
+ required: false
327
+ },
328
+ attributes: {
329
+ type: null,
330
+ required: false
331
+ }
332
+ },
333
+ setup(__props, { expose: __expose }) {
334
+ const _root = ref(null);
335
+ const attrs = useAttrs();
336
+ const rawProps = __props;
337
+ const props = useComponentProps({
338
+ component: "CBurger",
339
+ defaultProps: {},
340
+ props: rawProps
341
+ });
342
+ const knownProps = [
343
+ "classNames",
344
+ "className",
345
+ "style",
346
+ "styles",
347
+ "unstyled",
348
+ "vars",
349
+ "opened",
350
+ "transitionDuration",
351
+ "transitionTimingFunction",
352
+ "lineSize",
353
+ "attributes"
354
+ ];
355
+ const burgerModList = computed(() => ["reduce-motion", { opened: props.value.opened }]);
356
+ const styleProps = computed(() => ({
357
+ ...props.value,
358
+ ...attrs,
359
+ style: attrs.style ?? props.value.style
360
+ }));
361
+ const getStyles = useStyles({
362
+ name: "Burger",
363
+ classes: burger_module_default,
364
+ props: styleProps,
365
+ className: () => props.value.className,
366
+ style: () => props.value.style,
367
+ classNames: props.value.classNames,
368
+ styles: props.value.styles,
369
+ unstyled: props.value.unstyled,
370
+ attributes: props.value.attributes,
371
+ vars: props.value.vars,
372
+ varsResolver
373
+ });
374
+ const rootAttrs = computed(() => getStyles("root"));
375
+ const burgerAttrs = computed(() => getStyles("burger"));
376
+ const mergedRootAttrs = computed(() => {
377
+ const others = {};
378
+ const propsValue = props.value;
379
+ Object.keys(propsValue).forEach((key) => {
380
+ if (!knownProps.includes(key)) others[key] = propsValue[key];
381
+ });
382
+ const userMod = props.value.mod;
383
+ const mergedMod = [...Array.isArray(userMod) ? userMod : [userMod].filter(Boolean)];
384
+ return {
385
+ ...others,
386
+ mod: mergedMod,
387
+ ...rootAttrs.value
388
+ };
389
+ });
390
+ const mergedBurgerAttrs = computed(() => ({
391
+ mod: burgerModList.value,
392
+ ...burgerAttrs.value
393
+ }));
394
+ __expose({ root: computed(() => _root.value?.root ?? null) });
395
+ const __returned__ = {
396
+ _root,
397
+ attrs,
398
+ rawProps,
399
+ props,
400
+ knownProps,
401
+ burgerModList,
402
+ styleProps,
403
+ getStyles,
404
+ rootAttrs,
405
+ burgerAttrs,
406
+ mergedRootAttrs,
407
+ mergedBurgerAttrs,
408
+ get CBox() {
409
+ return CBox;
410
+ },
411
+ get UnstyledButton() {
412
+ return UnstyledButton;
413
+ }
414
+ };
415
+ Object.defineProperty(__returned__, "__isScriptSetup", {
416
+ enumerable: false,
417
+ value: true
418
+ });
419
+ return __returned__;
420
+ }
421
+ });
422
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
423
+ return openBlock(), createBlock($setup["UnstyledButton"], mergeProps({ ref: "_root" }, $setup.mergedRootAttrs), {
424
+ default: withCtx(() => [createVNode($setup["CBox"], normalizeProps(guardReactiveProps($setup.mergedBurgerAttrs)), {
425
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
426
+ _: 3
427
+ }, 16)]),
428
+ _: 3
429
+ }, 16);
430
+ }
431
+ var burger_default = /*#__PURE__*/ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/burger/burger.vue"]]);
432
+ //#endregion
433
+ export { burger_default as default };
434
+
435
+ //# sourceMappingURL=burger.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"burger.mjs","names":[],"sources":["../../../src/components/burger/burger.vue"],"sourcesContent":["<template>\n <unstyled-button ref=\"_root\" v-bind=\"mergedRootAttrs\">\n <c-box v-bind=\"mergedBurgerAttrs\">\n <slot />\n </c-box>\n </unstyled-button>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { CBox, CStyleProp, useComponentProps, useStyles } from '../../core'\nimport { UnstyledButton } from '../unstyled-button'\nimport { BurgerFactory, BurgerProps } from './burger.types'\nimport { varsResolver } from './burger.utils'\nimport classes from './burger.module.css'\n\ndefineOptions({\n name: 'CBurger',\n})\n\nconst _root = ref<InstanceType<typeof CBox> | null>(null)\n\nconst attrs = useAttrs()\n\nconst rawProps = defineProps<BurgerProps>()\n\nconst props = useComponentProps({\n component: 'CBurger',\n defaultProps: {},\n props: rawProps,\n})\n\nconst knownProps = [\n 'classNames',\n 'className',\n 'style',\n 'styles',\n 'unstyled',\n 'vars',\n 'opened',\n 'transitionDuration',\n 'transitionTimingFunction',\n 'lineSize',\n 'attributes',\n]\n\nconst burgerModList = computed(() => ['reduce-motion', { opened: props.value.opened }])\n\nconst styleProps = computed(() => ({\n ...props.value,\n ...attrs,\n style: (attrs.style ?? props.value.style) as CStyleProp,\n}))\n\nconst getStyles = useStyles<BurgerFactory>({\n name: 'Burger',\n classes,\n props: styleProps,\n className: () => props.value.className,\n style: () => props.value.style,\n classNames: props.value.classNames,\n styles: props.value.styles,\n unstyled: props.value.unstyled,\n attributes: props.value.attributes,\n vars: props.value.vars,\n varsResolver,\n})\n\nconst rootAttrs = computed(() => getStyles('root'))\nconst burgerAttrs = computed(() => getStyles('burger'))\n\nconst mergedRootAttrs = computed(() => {\n const others: Record<string, any> = {}\n const propsValue = props.value\n Object.keys(propsValue).forEach((key) => {\n if (!knownProps.includes(key)) {\n others[key] = propsValue[key as keyof typeof propsValue]\n }\n })\n const userMod = props.value.mod\n const mergedMod = [...(Array.isArray(userMod) ? userMod : [userMod].filter(Boolean))]\n return { ...others, mod: mergedMod, ...rootAttrs.value }\n})\n\nconst mergedBurgerAttrs = computed(() => ({\n mod: burgerModList.value,\n ...burgerAttrs.value,\n}))\n\ndefineExpose({\n root: computed(() => _root.value?.root ?? null),\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ,IAAsC,IAAI;EAExD,MAAM,QAAQ,SAAS;EAEvB,MAAM,WAAW;EAEjB,MAAM,QAAQ,kBAAkB;GAC9B,WAAW;GACX,cAAc,CAAC;GACf,OAAO;EACT,CAAC;EAED,MAAM,aAAa;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,gBAAgB,eAAe,CAAC,iBAAiB,EAAE,QAAQ,MAAM,MAAM,OAAO,CAAC,CAAC;EAEtF,MAAM,aAAa,gBAAgB;GACjC,GAAG,MAAM;GACT,GAAG;GACH,OAAQ,MAAM,SAAS,MAAM,MAAM;EACrC,EAAE;EAEF,MAAM,YAAY,UAAyB;GACzC,MAAM;GACN,SAAA;GACA,OAAO;GACP,iBAAiB,MAAM,MAAM;GAC7B,aAAa,MAAM,MAAM;GACzB,YAAY,MAAM,MAAM;GACxB,QAAQ,MAAM,MAAM;GACpB,UAAU,MAAM,MAAM;GACtB,YAAY,MAAM,MAAM;GACxB,MAAM,MAAM,MAAM;GAClB;EACF,CAAC;EAED,MAAM,YAAY,eAAe,UAAU,MAAM,CAAC;EAClD,MAAM,cAAc,eAAe,UAAU,QAAQ,CAAC;EAEtD,MAAM,kBAAkB,eAAe;GACrC,MAAM,SAA8B,CAAC;GACrC,MAAM,aAAa,MAAM;GACzB,OAAO,KAAK,UAAU,CAAC,CAAC,SAAS,QAAQ;IACvC,IAAI,CAAC,WAAW,SAAS,GAAG,GAC1B,OAAO,OAAO,WAAW;GAE7B,CAAC;GACD,MAAM,UAAU,MAAM,MAAM;GAC5B,MAAM,YAAY,CAAC,GAAI,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,OAAO,CAAE;GACpF,OAAO;IAAE,GAAG;IAAQ,KAAK;IAAW,GAAG,UAAU;GAAM;EACzD,CAAC;EAED,MAAM,oBAAoB,gBAAgB;GACxC,KAAK,cAAc;GACnB,GAAG,YAAY;EACjB,EAAE;EAEF,SAAa,EACX,MAAM,eAAe,MAAM,OAAO,QAAQ,IAAI,EAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA1FC,YAIkB,OAAA,mBAJlB,WAIkB,EAJD,KAAI,QAAO,GAAS,OAAA,eAAe,GAAA;yBAG1C,CAFR,YAEQ,OAAA,SAAA,eAAA,mBAFO,OAAA,iBAAiB,CAAA,GAAA;0BACtB,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,10 @@
1
+ "use client";
2
+ //#region packages/@cck-ui/core/src/components/burger/burger.module.css
3
+ var burger_module_default = {
4
+ "root": "m_9b3d173a",
5
+ "burger": "m_a55c6ccd"
6
+ };
7
+ //#endregion
8
+ export { burger_module_default as default };
9
+
10
+ //# sourceMappingURL=burger.module.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"burger.module.mjs","names":[],"sources":["../../../src/components/burger/burger.module.css"],"sourcesContent":[".root {\n --burger-size-xs: 12px;\n --burger-size-sm: 18px;\n --burger-size-md: 24px;\n --burger-size-lg: 34px;\n --burger-size-xl: 42px;\n\n --burger-size: var(--burger-size-md);\n --burger-line-size: calc(var(--burger-size) / 12);\n\n width: calc(var(--burger-size) + var(--c-spacing-xs));\n height: calc(var(--burger-size) + var(--c-spacing-xs));\n padding: calc(var(--c-spacing-xs) / 2);\n cursor: pointer;\n\n @mixin where-light {\n --burger-color: var(--c-color-black);\n }\n\n @mixin where-dark {\n --burger-color: var(--c-color-white);\n }\n}\n\n.burger {\n position: relative;\n user-select: none;\n\n &,\n &::before,\n &::after {\n display: block;\n width: var(--burger-size);\n height: var(--burger-line-size);\n background-color: var(--burger-color);\n outline: 1px solid transparent;\n transition-property: background-color, transform;\n transition-duration: var(--burger-transition-duration, 300ms);\n transition-timing-function: var(--burger-transition-timing-function, ease);\n }\n\n &::before,\n &::after {\n position: absolute;\n content: '';\n inset-inline-start: 0;\n }\n\n &::before {\n top: calc(var(--burger-size) / -3);\n }\n\n &::after {\n top: calc(var(--burger-size) / 3);\n }\n\n &[data-opened] {\n background-color: transparent;\n\n &::before {\n transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);\n }\n\n &::after {\n transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);\n }\n }\n}\n"],"mappings":";;AAAA,IAAA,wBAAe;CAAC,QAAO;CAAa,UAAS;AAAY"}
@@ -0,0 +1,17 @@
1
+ "use client";
2
+ import { rem } from "../../core/utils/units-converters/rem.mjs";
3
+ import { getSize } from "../../core/utils/get-size/get-size.mjs";
4
+ import { getThemeColor } from "../../core/config-provider/color-functions/get-theme-color/get-theme-color.mjs";
5
+ import { createVarsResolver } from "../../core/styles-api/create-vars-resolver/create-vars-resolver.mjs";
6
+ //#region packages/@cck-ui/core/src/components/burger/burger.utils.ts
7
+ const varsResolver = createVarsResolver((theme, { color, size, lineSize, transitionDuration, transitionTimingFunction }) => ({ root: {
8
+ "--burger-color": color ? getThemeColor(color, theme) : void 0,
9
+ "--burger-line-size": lineSize ? rem(lineSize) : void 0,
10
+ "--burger-size": getSize(size, "burger-size"),
11
+ "--burger-transition-duration": transitionDuration === void 0 ? void 0 : `${transitionDuration}ms`,
12
+ "--burger-transition-timing-function": transitionTimingFunction
13
+ } }));
14
+ //#endregion
15
+ export { varsResolver };
16
+
17
+ //# sourceMappingURL=burger.utils.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"burger.utils.mjs","names":[],"sources":["../../../src/components/burger/burger.utils.ts"],"sourcesContent":["import { createVarsResolver, getSize, getThemeColor, rem } from '../../core'\nimport { BurgerFactory } from './burger.types'\n\nexport const varsResolver = createVarsResolver<BurgerFactory>(\n (theme, { color, size, lineSize, transitionDuration, transitionTimingFunction }) => ({\n root: {\n '--burger-color': color ? getThemeColor(color, theme) : undefined,\n '--burger-line-size': lineSize ? rem(lineSize) : undefined,\n '--burger-size': getSize(size, 'burger-size'),\n '--burger-transition-duration':\n transitionDuration === undefined ? undefined : `${transitionDuration}ms`,\n '--burger-transition-timing-function': transitionTimingFunction,\n },\n })\n)\n"],"mappings":";;;;;;AAGA,MAAa,eAAe,oBACzB,OAAO,EAAE,OAAO,MAAM,UAAU,oBAAoB,gCAAgC,EACnF,MAAM;CACJ,kBAAkB,QAAQ,cAAc,OAAO,KAAK,IAAI,KAAA;CACxD,sBAAsB,WAAW,IAAI,QAAQ,IAAI,KAAA;CACjD,iBAAiB,QAAQ,MAAM,aAAa;CAC5C,gCACE,uBAAuB,KAAA,IAAY,KAAA,IAAY,GAAG,mBAAmB;CACvE,uCAAuC;AACzC,EACF,EACF"}
@@ -0,0 +1,11 @@
1
+ "use client";
2
+ import { withInstall } from "../../core/utils/vue/install.mjs";
3
+ import { withClasses, withExtend, withPropsFactory, withVarsResolver } from "../../core/utils/vue/statics.mjs";
4
+ import burger_module_default from "./burger.module.mjs";
5
+ import { varsResolver } from "./burger.utils.mjs";
6
+ import burger_default from "./burger.mjs";
7
+ const CBurger = withInstall(withPropsFactory(withExtend(withVarsResolver(withClasses(burger_default, burger_module_default), varsResolver))));
8
+ //#endregion
9
+ export { CBurger, CBurger as default };
10
+
11
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","names":["Burger","classes"],"sources":["../../../src/components/burger/index.ts"],"sourcesContent":["import {\n SFCWithInstallAndClasses,\n withClasses,\n withExtend,\n withInstall,\n withPropsFactory,\n withVarsResolver,\n} from '../../core'\nimport classes from './burger.module.css'\nimport { varsResolver } from './burger.utils'\nimport Burger from './burger.vue'\n\nconst BurgerWithStatic = withPropsFactory(\n withExtend(withVarsResolver(withClasses(Burger, classes), varsResolver))\n)\n\nexport const CBurger: SFCWithInstallAndClasses<typeof Burger, typeof classes> =\n withInstall(BurgerWithStatic)\n\nexport default CBurger\n\nexport * from './burger.types'\n"],"mappings":";;;;;;AAgBA,MAAa,UACX,YALuB,iBACvB,WAAW,iBAAiB,YAAYA,gBAAQC,qBAAO,GAAG,YAAY,CAAC,CAI3D,CAAgB"}
@@ -7,7 +7,7 @@ import { useStyles } from "../../core/styles-api/use-styles/use-styles.mjs";
7
7
  import { filterFalsyChildren } from "./filter-falsy-children/filter-falsy-children.mjs";
8
8
  import group_module_default from "./group.module.mjs";
9
9
  import { varsResolver } from "./group.utils.mjs";
10
- import { computed, createBlock, createCommentVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, useAttrs, useSlots, withCtx } from "vue";
10
+ import { Fragment, computed, createBlock, createElementBlock, defineComponent, mergeProps, openBlock, ref, renderList, resolveDynamicComponent, useAttrs, useSlots, withCtx } from "vue";
11
11
  //#region packages/@cck-ui/core/src/components/group/group.vue
12
12
  const _sfc_main = /*@__PURE__*/ defineComponent({
13
13
  name: "CGroup",
@@ -361,11 +361,16 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
361
361
  "mod",
362
362
  "attributes"
363
363
  ];
364
- const filteredChildren = filterFalsyChildren(slots.default?.());
365
- const childrenCount = filteredChildren.length;
366
- const resolvedGap = getSpacing(props.value.gap);
367
- const childWidth = `calc(${100 / childrenCount}% - (${resolvedGap} - ${resolvedGap} / ${childrenCount}))`;
368
- const stylesCtx = { childWidth };
364
+ const filteredChildren = computed(() => filterFalsyChildren(slots.default?.()));
365
+ const childrenCount = computed(() => filteredChildren.value.length);
366
+ const resolvedGap = computed(() => getSpacing(props.value.gap));
367
+ const childWidth = computed(() => {
368
+ const count = childrenCount.value;
369
+ const gap = resolvedGap.value;
370
+ if (count === 0) return "auto";
371
+ return `calc(${100 / count}% - (${gap} - ${gap} / ${count}))`;
372
+ });
373
+ const stylesCtx = computed(() => ({ childWidth: childWidth.value }));
369
374
  const styleProps = computed(() => ({
370
375
  ...props.value,
371
376
  ...attrs,
@@ -435,12 +440,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
435
440
  size: $props.__size,
436
441
  variant: $props.variant
437
442
  }), {
438
- default: withCtx(() => [
439
- createCommentVNode(" TODO: filter falsy children "),
440
- createCommentVNode(" <component v-for=\"(node, index) in filteredChildren\" :key=\"node.key || index\" :is=\"node\" /> "),
441
- renderSlot(_ctx.$slots, "default")
442
- ]),
443
- _: 3
443
+ default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList($setup.filteredChildren, (node, index) => {
444
+ return openBlock(), createBlock(resolveDynamicComponent(node), { key: node.key || index });
445
+ }), 128))]),
446
+ _: 1
444
447
  }, 16, ["size", "variant"]);
445
448
  }
446
449
  var group_default = /*#__PURE__*/ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/group/group.vue"]]);
@@ -1 +1 @@
1
- {"version":3,"file":"group.mjs","names":[],"sources":["../../../src/components/group/group.vue"],"sourcesContent":["<template>\n <c-box ref=\"_root\" v-bind=\"mergedAttrs\" :size=\"__size\" :variant=\"variant\">\n <!-- TODO: filter falsy children -->\n <!-- <component v-for=\"(node, index) in filteredChildren\" :key=\"node.key || index\" :is=\"node\" /> -->\n <slot />\n </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, useAttrs, useSlots } from 'vue'\nimport type { GroupFactory, GroupProps, GroupStylesCtx } from './group.types'\nimport { filterFalsyChildren } from './filter-falsy-children/filter-falsy-children'\nimport { getSpacing, useStyles, CBox, useComponentProps, CStyleProp } from '../../core'\nimport classes from './group.module.css'\nimport { varsResolver } from './group.utils'\n\ndefineOptions({\n name: 'CGroup',\n})\n\nconst _root = ref<InstanceType<typeof CBox> | null>(null)\n\nconst attrs = useAttrs()\nconst slots = useSlots()\n\nconst rawProps = defineProps<GroupProps>()\n\nconst props = useComponentProps({\n component: 'CGroup',\n defaultProps: {\n preventGrowOverflow: true,\n gap: 'md',\n align: 'center',\n justify: 'flex-start',\n wrap: 'wrap',\n },\n props: rawProps,\n})\n\nconst knownProps = [\n 'classNames',\n 'className',\n 'style',\n 'styles',\n 'unstyled',\n 'gap',\n 'align',\n 'justify',\n 'wrap',\n 'grow',\n 'preventGrowOverflow',\n 'vars',\n 'variant',\n '__size',\n 'mod',\n 'attributes',\n]\n\nconst filteredChildren = filterFalsyChildren(slots.default?.())\nconst childrenCount = filteredChildren.length\nconst resolvedGap = getSpacing(props.value.gap)\nconst childWidth = `calc(${100 / childrenCount}% - (${resolvedGap} - ${resolvedGap} / ${childrenCount}))`\n\nconst stylesCtx: GroupStylesCtx = { childWidth }\n\nconst styleProps = computed(() => ({\n ...props.value,\n ...attrs,\n style: (attrs.style ?? props.value.style) as CStyleProp,\n}))\n\nconst getStyles = useStyles<GroupFactory>({\n name: 'Group',\n props: styleProps,\n stylesCtx,\n className: () => props.value.className,\n style: () => props.value.style,\n classes,\n classNames: props.value.classNames,\n styles: props.value.styles,\n unstyled: props.value.unstyled,\n attributes: props.value.attributes,\n vars: props.value.vars,\n varsResolver,\n})\n\nconst modList = computed(() => [{ grow: props.value.grow }])\n\nconst rootAttrs = computed(() => getStyles('root'))\n\nconst mergedAttrs = computed(() => {\n const others: Record<string, any> = {}\n const propsValue = props.value\n Object.keys(propsValue).forEach((key) => {\n if (!knownProps.includes(key)) {\n others[key] = propsValue[key as keyof typeof propsValue]\n }\n })\n const userMod = props.value.mod\n const mergedMod = [\n ...(Array.isArray(userMod) ? userMod : [userMod].filter(Boolean)),\n ...(modList.value || []),\n ]\n return { ...others, mod: mergedMod, ...rootAttrs.value }\n})\n\ndefineExpose({\n root: computed(() => _root.value?.root ?? null),\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ,IAAsC,IAAI;EAExD,MAAM,QAAQ,SAAS;EACvB,MAAM,QAAQ,SAAS;EAEvB,MAAM,WAAW;EAEjB,MAAM,QAAQ,kBAAkB;GAC9B,WAAW;GACX,cAAc;IACZ,qBAAqB;IACrB,KAAK;IACL,OAAO;IACP,SAAS;IACT,MAAM;GACR;GACA,OAAO;EACT,CAAC;EAED,MAAM,aAAa;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,mBAAmB,oBAAoB,MAAM,UAAU,CAAC;EAC9D,MAAM,gBAAgB,iBAAiB;EACvC,MAAM,cAAc,WAAW,MAAM,MAAM,GAAG;EAC9C,MAAM,aAAa,QAAQ,MAAM,cAAc,OAAO,YAAY,KAAK,YAAY,KAAK,cAAc;EAEtG,MAAM,YAA4B,EAAE,WAAW;EAE/C,MAAM,aAAa,gBAAgB;GACjC,GAAG,MAAM;GACT,GAAG;GACH,OAAQ,MAAM,SAAS,MAAM,MAAM;EACrC,EAAE;EAEF,MAAM,YAAY,UAAwB;GACxC,MAAM;GACN,OAAO;GACP;GACA,iBAAiB,MAAM,MAAM;GAC7B,aAAa,MAAM,MAAM;GACzB,SAAA;GACA,YAAY,MAAM,MAAM;GACxB,QAAQ,MAAM,MAAM;GACpB,UAAU,MAAM,MAAM;GACtB,YAAY,MAAM,MAAM;GACxB,MAAM,MAAM,MAAM;GAClB;EACF,CAAC;EAED,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,MAAM,MAAM,KAAK,CAAC,CAAC;EAE3D,MAAM,YAAY,eAAe,UAAU,MAAM,CAAC;EAElD,MAAM,cAAc,eAAe;GACjC,MAAM,SAA8B,CAAC;GACrC,MAAM,aAAa,MAAM;GACzB,OAAO,KAAK,UAAU,CAAC,CAAC,SAAS,QAAQ;IACvC,IAAI,CAAC,WAAW,SAAS,GAAG,GAC1B,OAAO,OAAO,WAAW;GAE7B,CAAC;GACD,MAAM,UAAU,MAAM,MAAM;GAC5B,MAAM,YAAY,CAChB,GAAI,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,OAAO,GAC/D,GAAI,QAAQ,SAAS,CAAC,CACxB;GACA,OAAO;IAAE,GAAG;IAAQ,KAAK;IAAW,GAAG,UAAU;GAAM;EACzD,CAAC;EAED,SAAa,EACX,MAAM,eAAe,MAAM,OAAO,QAAQ,IAAI,EAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA3GC,YAIQ,OAAA,SAJR,WAIQ,EAJD,KAAI,QAAO,GAAS,OAAA,aAAW;EAAG,MAAM,OAAA;EAAS,SAAS,OAAA;;yBAC3B;GAApC,mBAAA,+BAAA;GACA,mBAAA,qGAAA;GACA,WAAQ,KAAA,QAAA,SAAA"}
1
+ {"version":3,"file":"group.mjs","names":[],"sources":["../../../src/components/group/group.vue"],"sourcesContent":["<template>\n <c-box ref=\"_root\" v-bind=\"mergedAttrs\" :size=\"__size\" :variant=\"variant\">\n <component v-for=\"(node, index) in filteredChildren\" :key=\"node.key || index\" :is=\"node\" />\n </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, useAttrs, useSlots } from 'vue'\nimport type { GroupFactory, GroupProps, GroupStylesCtx } from './group.types'\nimport { filterFalsyChildren } from './filter-falsy-children/filter-falsy-children'\nimport { getSpacing, useStyles, CBox, useComponentProps, CStyleProp } from '../../core'\nimport classes from './group.module.css'\nimport { varsResolver } from './group.utils'\n\ndefineOptions({\n name: 'CGroup',\n})\n\nconst _root = ref<InstanceType<typeof CBox> | null>(null)\n\nconst attrs = useAttrs()\nconst slots = useSlots()\n\nconst rawProps = defineProps<GroupProps>()\n\nconst props = useComponentProps({\n component: 'CGroup',\n defaultProps: {\n preventGrowOverflow: true,\n gap: 'md',\n align: 'center',\n justify: 'flex-start',\n wrap: 'wrap',\n },\n props: rawProps,\n})\n\nconst knownProps = [\n 'classNames',\n 'className',\n 'style',\n 'styles',\n 'unstyled',\n 'gap',\n 'align',\n 'justify',\n 'wrap',\n 'grow',\n 'preventGrowOverflow',\n 'vars',\n 'variant',\n '__size',\n 'mod',\n 'attributes',\n]\n\nconst filteredChildren = computed(() => filterFalsyChildren(slots.default?.()))\nconst childrenCount = computed(() => filteredChildren.value.length)\nconst resolvedGap = computed(() => getSpacing(props.value.gap))\n\nconst childWidth = computed(() => {\n const count = childrenCount.value\n const gap = resolvedGap.value\n if (count === 0) {\n return 'auto'\n }\n return `calc(${100 / count}% - (${gap} - ${gap} / ${count}))`\n})\n\nconst stylesCtx = computed<GroupStylesCtx>(() => ({\n childWidth: childWidth.value,\n}))\n\nconst styleProps = computed(() => ({\n ...props.value,\n ...attrs,\n style: (attrs.style ?? props.value.style) as CStyleProp,\n}))\n\nconst getStyles = useStyles<GroupFactory>({\n name: 'Group',\n props: styleProps,\n stylesCtx,\n className: () => props.value.className,\n style: () => props.value.style,\n classes,\n classNames: props.value.classNames,\n styles: props.value.styles,\n unstyled: props.value.unstyled,\n attributes: props.value.attributes,\n vars: props.value.vars,\n varsResolver,\n})\n\nconst modList = computed(() => [{ grow: props.value.grow }])\n\nconst rootAttrs = computed(() => getStyles('root'))\n\nconst mergedAttrs = computed(() => {\n const others: Record<string, any> = {}\n const propsValue = props.value\n Object.keys(propsValue).forEach((key) => {\n if (!knownProps.includes(key)) {\n others[key] = propsValue[key as keyof typeof propsValue]\n }\n })\n const userMod = props.value.mod\n const mergedMod = [\n ...(Array.isArray(userMod) ? userMod : [userMod].filter(Boolean)),\n ...(modList.value || []),\n ]\n return { ...others, mod: mergedMod, ...rootAttrs.value }\n})\n\ndefineExpose({\n root: computed(() => _root.value?.root ?? null),\n})\n</script>\n"],"mappings":"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"}