@cck-ui/core 0.6.0 → 0.6.1

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.
@@ -0,0 +1,14 @@
1
+ "use client";
2
+ const require_install = require("../../core/utils/vue/install.cjs");
3
+ const require_statics = require("../../core/utils/vue/statics.cjs");
4
+ const require_stack_module = require("./stack.module.cjs");
5
+ const require_stack_utils = require("./stack.utils.cjs");
6
+ const require_stack = require("./stack.cjs");
7
+ //#region packages/@cck-ui/core/src/components/stack/index.ts
8
+ const StackWithStatic = require_statics.withPropsFactory(require_statics.withExtend(require_statics.withVarsResolver(require_statics.withClasses(require_stack.default, require_stack_module.default), require_stack_utils.varsResolver)));
9
+ const CStack = require_install.withInstall(StackWithStatic);
10
+ //#endregion
11
+ exports.CStack = CStack;
12
+ exports.default = CStack;
13
+
14
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","names":["withPropsFactory","withExtend","withVarsResolver","withClasses","Stack","classes","varsResolver","withInstall"],"sources":["../../../src/components/stack/index.ts"],"sourcesContent":["import Stack from './stack.vue'\nimport classes from './stack.module.css'\nimport { varsResolver } from './stack.utils'\nimport {\n SFCWithInstallAndClasses,\n withClasses,\n withExtend,\n withInstall,\n withPropsFactory,\n withVarsResolver,\n} from '../../core'\n\nconst StackWithStatic = withPropsFactory(\n withExtend(withVarsResolver(withClasses(Stack, classes), varsResolver))\n)\n\nexport const CStack: SFCWithInstallAndClasses<typeof Stack, typeof classes> =\n withInstall(StackWithStatic)\n\nexport default CStack\n\nexport * from './stack.types'\n"],"mappings":";;;;;;;AAYA,MAAM,kBAAkBA,gBAAAA,iBACtBC,gBAAAA,WAAWC,gBAAAA,iBAAiBC,gBAAAA,YAAYC,cAAAA,SAAOC,qBAAAA,OAAO,GAAGC,oBAAAA,YAAY,CAAC,CACxE;AAEA,MAAa,SACXC,gBAAAA,YAAY,eAAe"}
@@ -0,0 +1,406 @@
1
+ "use client";
2
+ const require_export_helper = require("../../_virtual/_/plugin-vue/export-helper.cjs");
3
+ const require_use_component_props = require("../../core/config-provider/use-component-props/use-component-props.cjs");
4
+ const require_index = require("../../core/box/index.cjs");
5
+ const require_use_styles = require("../../core/styles-api/use-styles/use-styles.cjs");
6
+ const require_stack_module = require("./stack.module.cjs");
7
+ const require_stack_utils = require("./stack.utils.cjs");
8
+ let vue = require("vue");
9
+ //#region packages/@cck-ui/core/src/components/stack/stack.vue
10
+ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
11
+ name: "CStack",
12
+ __name: "stack",
13
+ props: {
14
+ gap: {
15
+ type: null,
16
+ required: false
17
+ },
18
+ align: {
19
+ type: null,
20
+ required: false
21
+ },
22
+ justify: {
23
+ type: null,
24
+ required: false
25
+ },
26
+ className: {
27
+ type: String,
28
+ required: false
29
+ },
30
+ style: {
31
+ type: [
32
+ Object,
33
+ Function,
34
+ Array
35
+ ],
36
+ required: false,
37
+ skipCheck: true
38
+ },
39
+ __vars: {
40
+ type: null,
41
+ required: false
42
+ },
43
+ __size: {
44
+ type: String,
45
+ required: false
46
+ },
47
+ hiddenFrom: {
48
+ type: null,
49
+ required: false
50
+ },
51
+ visibleFrom: {
52
+ type: null,
53
+ required: false
54
+ },
55
+ lightHidden: {
56
+ type: Boolean,
57
+ required: false
58
+ },
59
+ darkHidden: {
60
+ type: Boolean,
61
+ required: false
62
+ },
63
+ mod: {
64
+ type: [
65
+ Object,
66
+ String,
67
+ Array
68
+ ],
69
+ required: false
70
+ },
71
+ m: {
72
+ type: null,
73
+ required: false
74
+ },
75
+ my: {
76
+ type: null,
77
+ required: false
78
+ },
79
+ mx: {
80
+ type: null,
81
+ required: false
82
+ },
83
+ mt: {
84
+ type: null,
85
+ required: false
86
+ },
87
+ mb: {
88
+ type: null,
89
+ required: false
90
+ },
91
+ ms: {
92
+ type: null,
93
+ required: false
94
+ },
95
+ me: {
96
+ type: null,
97
+ required: false
98
+ },
99
+ mis: {
100
+ type: null,
101
+ required: false
102
+ },
103
+ mie: {
104
+ type: null,
105
+ required: false
106
+ },
107
+ ml: {
108
+ type: null,
109
+ required: false
110
+ },
111
+ mr: {
112
+ type: null,
113
+ required: false
114
+ },
115
+ p: {
116
+ type: null,
117
+ required: false
118
+ },
119
+ py: {
120
+ type: null,
121
+ required: false
122
+ },
123
+ px: {
124
+ type: null,
125
+ required: false
126
+ },
127
+ pt: {
128
+ type: null,
129
+ required: false
130
+ },
131
+ pb: {
132
+ type: null,
133
+ required: false
134
+ },
135
+ ps: {
136
+ type: null,
137
+ required: false
138
+ },
139
+ pe: {
140
+ type: null,
141
+ required: false
142
+ },
143
+ pis: {
144
+ type: null,
145
+ required: false
146
+ },
147
+ pie: {
148
+ type: null,
149
+ required: false
150
+ },
151
+ pl: {
152
+ type: null,
153
+ required: false
154
+ },
155
+ pr: {
156
+ type: null,
157
+ required: false
158
+ },
159
+ bd: {
160
+ type: null,
161
+ required: false
162
+ },
163
+ bdrs: {
164
+ type: null,
165
+ required: false
166
+ },
167
+ bg: {
168
+ type: null,
169
+ required: false
170
+ },
171
+ c: {
172
+ type: null,
173
+ required: false
174
+ },
175
+ opacity: {
176
+ type: [
177
+ String,
178
+ Object,
179
+ Number
180
+ ],
181
+ required: false
182
+ },
183
+ ff: {
184
+ type: [String, Object],
185
+ required: false
186
+ },
187
+ fz: {
188
+ type: null,
189
+ required: false
190
+ },
191
+ fw: {
192
+ type: null,
193
+ required: false
194
+ },
195
+ lts: {
196
+ type: null,
197
+ required: false
198
+ },
199
+ ta: {
200
+ type: [String, Object],
201
+ required: false
202
+ },
203
+ lh: {
204
+ type: null,
205
+ required: false
206
+ },
207
+ fs: {
208
+ type: null,
209
+ required: false
210
+ },
211
+ tt: {
212
+ type: [String, Object],
213
+ required: false
214
+ },
215
+ td: {
216
+ type: null,
217
+ required: false
218
+ },
219
+ w: {
220
+ type: null,
221
+ required: false
222
+ },
223
+ miw: {
224
+ type: null,
225
+ required: false
226
+ },
227
+ maw: {
228
+ type: null,
229
+ required: false
230
+ },
231
+ h: {
232
+ type: null,
233
+ required: false
234
+ },
235
+ mih: {
236
+ type: null,
237
+ required: false
238
+ },
239
+ mah: {
240
+ type: null,
241
+ required: false
242
+ },
243
+ bgsz: {
244
+ type: null,
245
+ required: false
246
+ },
247
+ bgp: {
248
+ type: null,
249
+ required: false
250
+ },
251
+ bgr: {
252
+ type: null,
253
+ required: false
254
+ },
255
+ bga: {
256
+ type: null,
257
+ required: false
258
+ },
259
+ pos: {
260
+ type: [String, Object],
261
+ required: false
262
+ },
263
+ top: {
264
+ type: null,
265
+ required: false
266
+ },
267
+ left: {
268
+ type: null,
269
+ required: false
270
+ },
271
+ bottom: {
272
+ type: null,
273
+ required: false
274
+ },
275
+ right: {
276
+ type: null,
277
+ required: false
278
+ },
279
+ inset: {
280
+ type: null,
281
+ required: false
282
+ },
283
+ display: {
284
+ type: null,
285
+ required: false
286
+ },
287
+ flex: {
288
+ type: null,
289
+ required: false
290
+ },
291
+ unstyled: {
292
+ type: Boolean,
293
+ required: false
294
+ },
295
+ variant: {
296
+ type: null,
297
+ required: false
298
+ },
299
+ classNames: {
300
+ type: null,
301
+ required: false
302
+ },
303
+ styles: {
304
+ type: null,
305
+ required: false
306
+ },
307
+ vars: {
308
+ type: Function,
309
+ required: false
310
+ },
311
+ attributes: {
312
+ type: null,
313
+ required: false
314
+ }
315
+ },
316
+ setup(__props, { expose: __expose }) {
317
+ const _root = (0, vue.ref)(null);
318
+ const attrs = (0, vue.useAttrs)();
319
+ const rawProps = __props;
320
+ const defaultProps = {
321
+ gap: "md",
322
+ align: "stretch",
323
+ justify: "flex-start"
324
+ };
325
+ const props = require_use_component_props.useComponentProps({
326
+ component: "CStack",
327
+ defaultProps,
328
+ props: rawProps
329
+ });
330
+ const knownProps = [
331
+ "classNames",
332
+ "className",
333
+ "style",
334
+ "styles",
335
+ "unstyled",
336
+ "vars",
337
+ "align",
338
+ "justify",
339
+ "gap",
340
+ "variant",
341
+ "attributes"
342
+ ];
343
+ const getStyles = require_use_styles.useStyles({
344
+ name: "Stack",
345
+ props: {
346
+ ...props.value,
347
+ ...attrs
348
+ },
349
+ classes: require_stack_module.default,
350
+ className: props.value.className,
351
+ style: props.value.style,
352
+ classNames: props.value.classNames,
353
+ styles: props.value.styles,
354
+ unstyled: props.value.unstyled,
355
+ attributes: props.value.attributes,
356
+ vars: props.value.vars,
357
+ varsResolver: require_stack_utils.varsResolver
358
+ });
359
+ const rootAttrs = (0, vue.computed)(() => getStyles("root"));
360
+ const mergedAttrs = (0, vue.computed)(() => {
361
+ const others = {};
362
+ const propsValue = props.value;
363
+ Object.keys(propsValue).forEach((key) => {
364
+ if (!knownProps.includes(key)) others[key] = propsValue[key];
365
+ });
366
+ const userMod = props.value.mod;
367
+ const mergedMod = [...Array.isArray(userMod) ? userMod : [userMod].filter(Boolean)];
368
+ return {
369
+ ...others,
370
+ mod: mergedMod,
371
+ ...rootAttrs.value
372
+ };
373
+ });
374
+ __expose({ root: (0, vue.computed)(() => _root.value?.root ?? null) });
375
+ const __returned__ = {
376
+ _root,
377
+ attrs,
378
+ rawProps,
379
+ defaultProps,
380
+ props,
381
+ knownProps,
382
+ getStyles,
383
+ rootAttrs,
384
+ mergedAttrs,
385
+ get CBox() {
386
+ return require_index.CBox;
387
+ }
388
+ };
389
+ Object.defineProperty(__returned__, "__isScriptSetup", {
390
+ enumerable: false,
391
+ value: true
392
+ });
393
+ return __returned__;
394
+ }
395
+ });
396
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
397
+ return (0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({ ref: "_root" }, $setup.mergedAttrs, { variant: $setup.props.variant }), {
398
+ default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
399
+ _: 3
400
+ }, 16, ["variant"]);
401
+ }
402
+ var stack_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/stack/stack.vue"]]);
403
+ //#endregion
404
+ exports.default = stack_default;
405
+
406
+ //# sourceMappingURL=stack.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stack.cjs","names":[],"sources":["../../../src/components/stack/stack.vue"],"sourcesContent":["<template>\n <c-box ref=\"_root\" v-bind=\"mergedAttrs\" :variant=\"props.variant\">\n <slot />\n </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { StackFactory, StackProps } from './stack.types'\nimport { CBox, useComponentProps, useStyles } from '../../core'\nimport classes from './stack.module.css'\nimport { varsResolver } from './stack.utils'\n\ndefineOptions({\n name: 'CStack',\n})\n\nconst _root = ref<InstanceType<typeof CBox> | null>(null)\n\nconst attrs = useAttrs()\n\nconst rawProps = defineProps<StackProps>()\n\nconst defaultProps = {\n gap: 'md',\n align: 'stretch',\n justify: 'flex-start',\n} satisfies Partial<StackProps>\n\nconst props = useComponentProps({\n component: 'CStack',\n defaultProps,\n props: rawProps,\n})\n\nconst knownProps = [\n 'classNames',\n 'className',\n 'style',\n 'styles',\n 'unstyled',\n 'vars',\n 'align',\n 'justify',\n 'gap',\n 'variant',\n 'attributes',\n]\n\nconst getStyles = useStyles<StackFactory>({\n name: 'Stack',\n props: { ...props.value, ...attrs } as StackProps,\n classes,\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'))\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 = [...(Array.isArray(userMod) ? userMod : [userMod].filter(Boolean))]\n return { ...others, mod: mergedMod, ...rootAttrs.value }\n})\n\ndefineExpose({\n root: computed(() => _root.value?.root ?? null),\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,SAAA,GAAA,IAAA,IAAA,CAA8C,IAAI;EAExD,MAAM,SAAA,GAAA,IAAA,SAAA,CAAiB;EAEvB,MAAM,WAAW;EAEjB,MAAM,eAAe;GACnB,KAAK;GACL,OAAO;GACP,SAAS;EACX;EAEA,MAAM,QAAQ,4BAAA,kBAAkB;GAC9B,WAAW;GACX;GACA,OAAO;EACT,CAAC;EAED,MAAM,aAAa;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,YAAY,mBAAA,UAAwB;GACxC,MAAM;GACN,OAAO;IAAE,GAAG,MAAM;IAAO,GAAG;GAAM;GAClC,SAAA,qBAAA;GACA,WAAW,MAAM,MAAM;GACvB,OAAO,MAAM,MAAM;GACnB,YAAY,MAAM,MAAM;GACxB,QAAQ,MAAM,MAAM;GACpB,UAAU,MAAM,MAAM;GACtB,YAAY,MAAM,MAAM;GACxB,MAAM,MAAM,MAAM;GAClB,cAAA,oBAAA;EACF,CAAC;EAED,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B,UAAU,MAAM,CAAC;EAElD,MAAM,eAAA,GAAA,IAAA,SAAA,OAA6B;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,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,SAAa,EACX,OAAA,GAAA,IAAA,SAAA,OAAqB,MAAM,OAAO,QAAQ,IAAI,EAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;;mDA7ES,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAFD,KAAI,QAAO,GAAS,OAAA,aAAW,EAAG,SAAS,OAAA,MAAM,QAAA,CAAA,GAAA;kCAC9C,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,7 @@
1
+ "use client";
2
+ //#region packages/@cck-ui/core/src/components/stack/stack.module.css
3
+ var stack_module_default = { "root": "m_f6a13507" };
4
+ //#endregion
5
+ exports.default = stack_module_default;
6
+
7
+ //# sourceMappingURL=stack.module.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stack.module.cjs","names":[],"sources":["../../../src/components/stack/stack.module.css"],"sourcesContent":[".root {\n display: flex;\n flex-direction: column;\n align-items: var(--stack-align, stretch);\n justify-content: var(--stack-justify, flex-start);\n gap: var(--stack-gap, var(--c-spacing-md));\n}\n"],"mappings":";;AAAA,IAAA,uBAAe,EAAC,QAAO,aAAY"}
@@ -0,0 +1,12 @@
1
+ "use client";
2
+ const require_get_size = require("../../core/utils/get-size/get-size.cjs");
3
+ //#region packages/@cck-ui/core/src/components/stack/stack.utils.ts
4
+ const varsResolver = require("../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs").createVarsResolver((_, { gap, align, justify }) => ({ root: {
5
+ "--stack-align": align,
6
+ "--stack-gap": require_get_size.getSpacing(gap),
7
+ "--stack-justify": justify
8
+ } }));
9
+ //#endregion
10
+ exports.varsResolver = varsResolver;
11
+
12
+ //# sourceMappingURL=stack.utils.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stack.utils.cjs","names":["createVarsResolver","getSpacing"],"sources":["../../../src/components/stack/stack.utils.ts"],"sourcesContent":["import { createVarsResolver, getSpacing } from '../../core'\nimport { StackFactory } from './stack.types'\n\nexport const varsResolver = createVarsResolver<StackFactory>((_, { gap, align, justify }) => ({\n root: {\n '--stack-align': align,\n '--stack-gap': getSpacing(gap),\n '--stack-justify': justify,\n },\n}))\n"],"mappings":";;;AAGA,MAAa,4FAAeA,CAAAA,CAAAA,oBAAkC,GAAG,EAAE,KAAK,OAAO,eAAe,EAC5F,MAAM;CACJ,iBAAiB;CACjB,eAAeC,iBAAAA,WAAW,GAAG;CAC7B,mBAAmB;AACrB,EACF,EAAE"}
package/cjs/index.cjs CHANGED
@@ -63,7 +63,8 @@ const require_index$6 = require("./components/button/index.cjs");
63
63
  const require_index$7 = require("./components/grid/index.cjs");
64
64
  const require_index$8 = require("./components/group/index.cjs");
65
65
  const require_index$9 = require("./components/simple-grid/index.cjs");
66
- const require_index$10 = require("./components/text/index.cjs");
66
+ const require_index$10 = require("./components/stack/index.cjs");
67
+ const require_index$11 = require("./components/text/index.cjs");
67
68
  let _vue_shared = require("@vue/shared");
68
69
  //#region packages/@cck-ui/core/src/index.ts
69
70
  const INSTALLED_KEY = Symbol("INSTALLED_KEY");
@@ -78,7 +79,8 @@ const components = [
78
79
  require_index$8.CGroup,
79
80
  require_index$4.CLoader,
80
81
  require_index$9.CSimpleGrid,
81
- require_index$10.CText,
82
+ require_index$10.CStack,
83
+ require_index$11.CText,
82
84
  require_index$5.CTransition,
83
85
  require_index$3.UnstyledButton
84
86
  ];
@@ -102,7 +104,8 @@ exports.CGroup = require_index$8.CGroup;
102
104
  exports.CLoader = require_index$4.CLoader;
103
105
  exports.CONFIG_KEY = require_config_provider_types.CONFIG_KEY;
104
106
  exports.CSimpleGrid = require_index$9.CSimpleGrid;
105
- exports.CText = require_index$10.CText;
107
+ exports.CStack = require_index$10.CStack;
108
+ exports.CText = require_index$11.CText;
106
109
  exports.CTransition = require_index$5.CTransition;
107
110
  exports.CckConfigProvider = require_index$1.CckConfigProvider;
108
111
  exports.CckUI = CckUI;
package/cjs/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","names":["CckConfigProvider","CBox","CButton","CButtonGroup","CButtonGroupSection","CGrid","CCol","CGroup","CLoader","CSimpleGrid","CText","CTransition","UnstyledButton"],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport {\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCol,\n CGrid,\n CGroup,\n CLoader,\n CSimpleGrid,\n CText,\n CTransition,\n UnstyledButton,\n} from './components'\nimport { CckConfigProvider, CBox } from './core'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\n\nconst components = [\n CckConfigProvider,\n CBox,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CGrid,\n CCol,\n CGroup,\n CLoader,\n CSimpleGrid,\n CText,\n CTransition,\n UnstyledButton,\n]\n\nconst CckUI: Plugin = {\n install(app: App) {\n if ((app as any)[INSTALLED_KEY]) {\n return\n }\n ;(app as any)[INSTALLED_KEY] = true\n components.forEach((c) => {\n if (c.name) {\n app.component(c.name, c)\n }\n })\n },\n}\n\nexport default CckUI\nexport { CckUI }\n\nexport * from './components'\nexport * from './core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,aAAa;CACjBA,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;AACF;AAEA,MAAM,QAAgB,EACpB,QAAQ,KAAU;CAChB,IAAK,IAAY,gBACf;CAED,IAAa,iBAAiB;CAC/B,WAAW,SAAS,MAAM;EACxB,IAAI,EAAE,MACJ,IAAI,UAAU,EAAE,MAAM,CAAC;CAE3B,CAAC;AACH,EACF"}
1
+ {"version":3,"file":"index.cjs","names":["CckConfigProvider","CBox","CButton","CButtonGroup","CButtonGroupSection","CGrid","CCol","CGroup","CLoader","CSimpleGrid","CStack","CText","CTransition","UnstyledButton"],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport {\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCol,\n CGrid,\n CGroup,\n CLoader,\n CSimpleGrid,\n CStack,\n CText,\n CTransition,\n UnstyledButton,\n} from './components'\nimport { CckConfigProvider, CBox } from './core'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\n\nconst components = [\n CckConfigProvider,\n CBox,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CGrid,\n CCol,\n CGroup,\n CLoader,\n CSimpleGrid,\n CStack,\n CText,\n CTransition,\n UnstyledButton,\n]\n\nconst CckUI: Plugin = {\n install(app: App) {\n if ((app as any)[INSTALLED_KEY]) {\n return\n }\n ;(app as any)[INSTALLED_KEY] = true\n components.forEach((c) => {\n if (c.name) {\n app.component(c.name, c)\n }\n })\n },\n}\n\nexport default CckUI\nexport { CckUI }\n\nexport * from './components'\nexport * from './core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,aAAa;CACjBA,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;AACF;AAEA,MAAM,QAAgB,EACpB,QAAQ,KAAU;CAChB,IAAK,IAAY,gBACf;CAED,IAAa,iBAAiB;CAC/B,WAAW,SAAS,MAAM;EACxB,IAAI,EAAE,MACJ,IAAI,UAAU,EAAE,MAAM,CAAC;CAE3B,CAAC;AACH,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 stack_module_default from "./stack.module.mjs";
5
+ import { varsResolver } from "./stack.utils.mjs";
6
+ import stack_default from "./stack.mjs";
7
+ const CStack = withInstall(withPropsFactory(withExtend(withVarsResolver(withClasses(stack_default, stack_module_default), varsResolver))));
8
+ //#endregion
9
+ export { CStack, CStack as default };
10
+
11
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","names":["Stack","classes"],"sources":["../../../src/components/stack/index.ts"],"sourcesContent":["import Stack from './stack.vue'\nimport classes from './stack.module.css'\nimport { varsResolver } from './stack.utils'\nimport {\n SFCWithInstallAndClasses,\n withClasses,\n withExtend,\n withInstall,\n withPropsFactory,\n withVarsResolver,\n} from '../../core'\n\nconst StackWithStatic = withPropsFactory(\n withExtend(withVarsResolver(withClasses(Stack, classes), varsResolver))\n)\n\nexport const CStack: SFCWithInstallAndClasses<typeof Stack, typeof classes> =\n withInstall(StackWithStatic)\n\nexport default CStack\n\nexport * from './stack.types'\n"],"mappings":";;;;;;AAgBA,MAAa,SACX,YALsB,iBACtB,WAAW,iBAAiB,YAAYA,eAAOC,oBAAO,GAAG,YAAY,CAAC,CAI1D,CAAe"}
@@ -0,0 +1,406 @@
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 stack_module_default from "./stack.module.mjs";
7
+ import { varsResolver } from "./stack.utils.mjs";
8
+ import { computed, createBlock, defineComponent, mergeProps, openBlock, ref, renderSlot, useAttrs, withCtx } from "vue";
9
+ //#region packages/@cck-ui/core/src/components/stack/stack.vue
10
+ const _sfc_main = /*@__PURE__*/ defineComponent({
11
+ name: "CStack",
12
+ __name: "stack",
13
+ props: {
14
+ gap: {
15
+ type: null,
16
+ required: false
17
+ },
18
+ align: {
19
+ type: null,
20
+ required: false
21
+ },
22
+ justify: {
23
+ type: null,
24
+ required: false
25
+ },
26
+ className: {
27
+ type: String,
28
+ required: false
29
+ },
30
+ style: {
31
+ type: [
32
+ Object,
33
+ Function,
34
+ Array
35
+ ],
36
+ required: false,
37
+ skipCheck: true
38
+ },
39
+ __vars: {
40
+ type: null,
41
+ required: false
42
+ },
43
+ __size: {
44
+ type: String,
45
+ required: false
46
+ },
47
+ hiddenFrom: {
48
+ type: null,
49
+ required: false
50
+ },
51
+ visibleFrom: {
52
+ type: null,
53
+ required: false
54
+ },
55
+ lightHidden: {
56
+ type: Boolean,
57
+ required: false
58
+ },
59
+ darkHidden: {
60
+ type: Boolean,
61
+ required: false
62
+ },
63
+ mod: {
64
+ type: [
65
+ Object,
66
+ String,
67
+ Array
68
+ ],
69
+ required: false
70
+ },
71
+ m: {
72
+ type: null,
73
+ required: false
74
+ },
75
+ my: {
76
+ type: null,
77
+ required: false
78
+ },
79
+ mx: {
80
+ type: null,
81
+ required: false
82
+ },
83
+ mt: {
84
+ type: null,
85
+ required: false
86
+ },
87
+ mb: {
88
+ type: null,
89
+ required: false
90
+ },
91
+ ms: {
92
+ type: null,
93
+ required: false
94
+ },
95
+ me: {
96
+ type: null,
97
+ required: false
98
+ },
99
+ mis: {
100
+ type: null,
101
+ required: false
102
+ },
103
+ mie: {
104
+ type: null,
105
+ required: false
106
+ },
107
+ ml: {
108
+ type: null,
109
+ required: false
110
+ },
111
+ mr: {
112
+ type: null,
113
+ required: false
114
+ },
115
+ p: {
116
+ type: null,
117
+ required: false
118
+ },
119
+ py: {
120
+ type: null,
121
+ required: false
122
+ },
123
+ px: {
124
+ type: null,
125
+ required: false
126
+ },
127
+ pt: {
128
+ type: null,
129
+ required: false
130
+ },
131
+ pb: {
132
+ type: null,
133
+ required: false
134
+ },
135
+ ps: {
136
+ type: null,
137
+ required: false
138
+ },
139
+ pe: {
140
+ type: null,
141
+ required: false
142
+ },
143
+ pis: {
144
+ type: null,
145
+ required: false
146
+ },
147
+ pie: {
148
+ type: null,
149
+ required: false
150
+ },
151
+ pl: {
152
+ type: null,
153
+ required: false
154
+ },
155
+ pr: {
156
+ type: null,
157
+ required: false
158
+ },
159
+ bd: {
160
+ type: null,
161
+ required: false
162
+ },
163
+ bdrs: {
164
+ type: null,
165
+ required: false
166
+ },
167
+ bg: {
168
+ type: null,
169
+ required: false
170
+ },
171
+ c: {
172
+ type: null,
173
+ required: false
174
+ },
175
+ opacity: {
176
+ type: [
177
+ String,
178
+ Object,
179
+ Number
180
+ ],
181
+ required: false
182
+ },
183
+ ff: {
184
+ type: [String, Object],
185
+ required: false
186
+ },
187
+ fz: {
188
+ type: null,
189
+ required: false
190
+ },
191
+ fw: {
192
+ type: null,
193
+ required: false
194
+ },
195
+ lts: {
196
+ type: null,
197
+ required: false
198
+ },
199
+ ta: {
200
+ type: [String, Object],
201
+ required: false
202
+ },
203
+ lh: {
204
+ type: null,
205
+ required: false
206
+ },
207
+ fs: {
208
+ type: null,
209
+ required: false
210
+ },
211
+ tt: {
212
+ type: [String, Object],
213
+ required: false
214
+ },
215
+ td: {
216
+ type: null,
217
+ required: false
218
+ },
219
+ w: {
220
+ type: null,
221
+ required: false
222
+ },
223
+ miw: {
224
+ type: null,
225
+ required: false
226
+ },
227
+ maw: {
228
+ type: null,
229
+ required: false
230
+ },
231
+ h: {
232
+ type: null,
233
+ required: false
234
+ },
235
+ mih: {
236
+ type: null,
237
+ required: false
238
+ },
239
+ mah: {
240
+ type: null,
241
+ required: false
242
+ },
243
+ bgsz: {
244
+ type: null,
245
+ required: false
246
+ },
247
+ bgp: {
248
+ type: null,
249
+ required: false
250
+ },
251
+ bgr: {
252
+ type: null,
253
+ required: false
254
+ },
255
+ bga: {
256
+ type: null,
257
+ required: false
258
+ },
259
+ pos: {
260
+ type: [String, Object],
261
+ required: false
262
+ },
263
+ top: {
264
+ type: null,
265
+ required: false
266
+ },
267
+ left: {
268
+ type: null,
269
+ required: false
270
+ },
271
+ bottom: {
272
+ type: null,
273
+ required: false
274
+ },
275
+ right: {
276
+ type: null,
277
+ required: false
278
+ },
279
+ inset: {
280
+ type: null,
281
+ required: false
282
+ },
283
+ display: {
284
+ type: null,
285
+ required: false
286
+ },
287
+ flex: {
288
+ type: null,
289
+ required: false
290
+ },
291
+ unstyled: {
292
+ type: Boolean,
293
+ required: false
294
+ },
295
+ variant: {
296
+ type: null,
297
+ required: false
298
+ },
299
+ classNames: {
300
+ type: null,
301
+ required: false
302
+ },
303
+ styles: {
304
+ type: null,
305
+ required: false
306
+ },
307
+ vars: {
308
+ type: Function,
309
+ required: false
310
+ },
311
+ attributes: {
312
+ type: null,
313
+ required: false
314
+ }
315
+ },
316
+ setup(__props, { expose: __expose }) {
317
+ const _root = ref(null);
318
+ const attrs = useAttrs();
319
+ const rawProps = __props;
320
+ const defaultProps = {
321
+ gap: "md",
322
+ align: "stretch",
323
+ justify: "flex-start"
324
+ };
325
+ const props = useComponentProps({
326
+ component: "CStack",
327
+ defaultProps,
328
+ props: rawProps
329
+ });
330
+ const knownProps = [
331
+ "classNames",
332
+ "className",
333
+ "style",
334
+ "styles",
335
+ "unstyled",
336
+ "vars",
337
+ "align",
338
+ "justify",
339
+ "gap",
340
+ "variant",
341
+ "attributes"
342
+ ];
343
+ const getStyles = useStyles({
344
+ name: "Stack",
345
+ props: {
346
+ ...props.value,
347
+ ...attrs
348
+ },
349
+ classes: stack_module_default,
350
+ className: props.value.className,
351
+ style: props.value.style,
352
+ classNames: props.value.classNames,
353
+ styles: props.value.styles,
354
+ unstyled: props.value.unstyled,
355
+ attributes: props.value.attributes,
356
+ vars: props.value.vars,
357
+ varsResolver
358
+ });
359
+ const rootAttrs = computed(() => getStyles("root"));
360
+ const mergedAttrs = computed(() => {
361
+ const others = {};
362
+ const propsValue = props.value;
363
+ Object.keys(propsValue).forEach((key) => {
364
+ if (!knownProps.includes(key)) others[key] = propsValue[key];
365
+ });
366
+ const userMod = props.value.mod;
367
+ const mergedMod = [...Array.isArray(userMod) ? userMod : [userMod].filter(Boolean)];
368
+ return {
369
+ ...others,
370
+ mod: mergedMod,
371
+ ...rootAttrs.value
372
+ };
373
+ });
374
+ __expose({ root: computed(() => _root.value?.root ?? null) });
375
+ const __returned__ = {
376
+ _root,
377
+ attrs,
378
+ rawProps,
379
+ defaultProps,
380
+ props,
381
+ knownProps,
382
+ getStyles,
383
+ rootAttrs,
384
+ mergedAttrs,
385
+ get CBox() {
386
+ return CBox;
387
+ }
388
+ };
389
+ Object.defineProperty(__returned__, "__isScriptSetup", {
390
+ enumerable: false,
391
+ value: true
392
+ });
393
+ return __returned__;
394
+ }
395
+ });
396
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
397
+ return openBlock(), createBlock($setup["CBox"], mergeProps({ ref: "_root" }, $setup.mergedAttrs, { variant: $setup.props.variant }), {
398
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
399
+ _: 3
400
+ }, 16, ["variant"]);
401
+ }
402
+ var stack_default = /*#__PURE__*/ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/stack/stack.vue"]]);
403
+ //#endregion
404
+ export { stack_default as default };
405
+
406
+ //# sourceMappingURL=stack.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stack.mjs","names":[],"sources":["../../../src/components/stack/stack.vue"],"sourcesContent":["<template>\n <c-box ref=\"_root\" v-bind=\"mergedAttrs\" :variant=\"props.variant\">\n <slot />\n </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { StackFactory, StackProps } from './stack.types'\nimport { CBox, useComponentProps, useStyles } from '../../core'\nimport classes from './stack.module.css'\nimport { varsResolver } from './stack.utils'\n\ndefineOptions({\n name: 'CStack',\n})\n\nconst _root = ref<InstanceType<typeof CBox> | null>(null)\n\nconst attrs = useAttrs()\n\nconst rawProps = defineProps<StackProps>()\n\nconst defaultProps = {\n gap: 'md',\n align: 'stretch',\n justify: 'flex-start',\n} satisfies Partial<StackProps>\n\nconst props = useComponentProps({\n component: 'CStack',\n defaultProps,\n props: rawProps,\n})\n\nconst knownProps = [\n 'classNames',\n 'className',\n 'style',\n 'styles',\n 'unstyled',\n 'vars',\n 'align',\n 'justify',\n 'gap',\n 'variant',\n 'attributes',\n]\n\nconst getStyles = useStyles<StackFactory>({\n name: 'Stack',\n props: { ...props.value, ...attrs } as StackProps,\n classes,\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'))\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 = [...(Array.isArray(userMod) ? userMod : [userMod].filter(Boolean))]\n return { ...others, mod: mergedMod, ...rootAttrs.value }\n})\n\ndefineExpose({\n root: computed(() => _root.value?.root ?? null),\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ,IAAsC,IAAI;EAExD,MAAM,QAAQ,SAAS;EAEvB,MAAM,WAAW;EAEjB,MAAM,eAAe;GACnB,KAAK;GACL,OAAO;GACP,SAAS;EACX;EAEA,MAAM,QAAQ,kBAAkB;GAC9B,WAAW;GACX;GACA,OAAO;EACT,CAAC;EAED,MAAM,aAAa;GACjB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,MAAM,YAAY,UAAwB;GACxC,MAAM;GACN,OAAO;IAAE,GAAG,MAAM;IAAO,GAAG;GAAM;GAClC,SAAA;GACA,WAAW,MAAM,MAAM;GACvB,OAAO,MAAM,MAAM;GACnB,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;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,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,SAAa,EACX,MAAM,eAAe,MAAM,OAAO,QAAQ,IAAI,EAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;;qBA/EC,YAEQ,OAAA,SAFR,WAEQ,EAFD,KAAI,QAAO,GAAS,OAAA,aAAW,EAAG,SAAS,OAAA,MAAM,QAAA,CAAA,GAAA;yBAC9C,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,7 @@
1
+ "use client";
2
+ //#region packages/@cck-ui/core/src/components/stack/stack.module.css
3
+ var stack_module_default = { "root": "m_f6a13507" };
4
+ //#endregion
5
+ export { stack_module_default as default };
6
+
7
+ //# sourceMappingURL=stack.module.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stack.module.mjs","names":[],"sources":["../../../src/components/stack/stack.module.css"],"sourcesContent":[".root {\n display: flex;\n flex-direction: column;\n align-items: var(--stack-align, stretch);\n justify-content: var(--stack-justify, flex-start);\n gap: var(--stack-gap, var(--c-spacing-md));\n}\n"],"mappings":";;AAAA,IAAA,uBAAe,EAAC,QAAO,aAAY"}
@@ -0,0 +1,13 @@
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/stack/stack.utils.ts
5
+ const varsResolver = createVarsResolver((_, { gap, align, justify }) => ({ root: {
6
+ "--stack-align": align,
7
+ "--stack-gap": getSpacing(gap),
8
+ "--stack-justify": justify
9
+ } }));
10
+ //#endregion
11
+ export { varsResolver };
12
+
13
+ //# sourceMappingURL=stack.utils.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stack.utils.mjs","names":[],"sources":["../../../src/components/stack/stack.utils.ts"],"sourcesContent":["import { createVarsResolver, getSpacing } from '../../core'\nimport { StackFactory } from './stack.types'\n\nexport const varsResolver = createVarsResolver<StackFactory>((_, { gap, align, justify }) => ({\n root: {\n '--stack-align': align,\n '--stack-gap': getSpacing(gap),\n '--stack-justify': justify,\n },\n}))\n"],"mappings":";;;;AAGA,MAAa,eAAe,oBAAkC,GAAG,EAAE,KAAK,OAAO,eAAe,EAC5F,MAAM;CACJ,iBAAiB;CACjB,eAAe,WAAW,GAAG;CAC7B,mBAAmB;AACrB,EACF,EAAE"}
package/esm/index.mjs CHANGED
@@ -59,6 +59,7 @@ import { CButton, CButtonGroup, CButtonGroupSection } from "./components/button/
59
59
  import { CCol, CGrid } from "./components/grid/index.mjs";
60
60
  import { CGroup } from "./components/group/index.mjs";
61
61
  import { CSimpleGrid } from "./components/simple-grid/index.mjs";
62
+ import { CStack } from "./components/stack/index.mjs";
62
63
  import { CText } from "./components/text/index.mjs";
63
64
  //#region packages/@cck-ui/core/src/index.ts
64
65
  const INSTALLED_KEY = Symbol("INSTALLED_KEY");
@@ -73,6 +74,7 @@ const components = [
73
74
  CGroup,
74
75
  CLoader,
75
76
  CSimpleGrid,
77
+ CStack,
76
78
  CText,
77
79
  CTransition,
78
80
  UnstyledButton
@@ -85,6 +87,6 @@ const CckUI = { install(app) {
85
87
  });
86
88
  } };
87
89
  //#endregion
88
- export { CBox, CButton, CButtonGroup, CButtonGroupSection, transitions as CCK_TRANSITIONS, CCol, CDefaultLoaders, CGrid, CGroup, CLoader, CONFIG_KEY, CSimpleGrid, CText, CTransition, CckConfigProvider, CckUI, CckUI as default, DEFAULT_THEME, FOCUS_CLASS_NAMES, STYLE_PROPS_DATA, THEME_KEY, UnstyledButton, alpha, camelToKebabCase, colorsTuple, createTheme, createVarsResolver, darken, deepMerge, defaultCssVariablesResolver, defaultVariantColorsResolver, em, extractStyleProps, filterProps, getBaseValue, getBreakpointValue, getCSSColorVariables, getComponentName, getFontSize, getGradient, getLineHeight, getPrimaryShade, getRadius, getShadow, getSize, getSortedBreakpoints, getSpacing, getThemeColor, getTransitionProps, hashStyleProps, isLightColor, isNumber, isNumberLike, isString, isStringNumber, isUndefined, isVirtualColor, keys, luminance, mergeThemeOverrides, normalizeNumberLikeStringProp, numberLikeStringToNumber, parseStyleProps, parseThemeColor, px, rem, resolveClassNames, resolveStyles, responsiveStyleManager, rgb, rgba, stylesToString, toRgba, useCckClassNamesPrefix, useCckColorScheme, useCckCssVariablesResolver, useCckEnv, useCckIsHeadless, useCckStyleNonce, useCckStylesTransform, useCckSxTransform, useCckTheme, useCckWithStaticClasses, useComponentProps, useConfigContext, useProviderColorScheme, useRandomClassName, useStyles, virtualColor, withClasses, withExtend, withInstall, withPropsDefaultSetter, withPropsFactory, withVarsResolver };
90
+ export { CBox, CButton, CButtonGroup, CButtonGroupSection, transitions as CCK_TRANSITIONS, CCol, CDefaultLoaders, CGrid, CGroup, CLoader, CONFIG_KEY, CSimpleGrid, CStack, CText, CTransition, CckConfigProvider, CckUI, CckUI as default, DEFAULT_THEME, FOCUS_CLASS_NAMES, STYLE_PROPS_DATA, THEME_KEY, UnstyledButton, alpha, camelToKebabCase, colorsTuple, createTheme, createVarsResolver, darken, deepMerge, defaultCssVariablesResolver, defaultVariantColorsResolver, em, extractStyleProps, filterProps, getBaseValue, getBreakpointValue, getCSSColorVariables, getComponentName, getFontSize, getGradient, getLineHeight, getPrimaryShade, getRadius, getShadow, getSize, getSortedBreakpoints, getSpacing, getThemeColor, getTransitionProps, hashStyleProps, isLightColor, isNumber, isNumberLike, isString, isStringNumber, isUndefined, isVirtualColor, keys, luminance, mergeThemeOverrides, normalizeNumberLikeStringProp, numberLikeStringToNumber, parseStyleProps, parseThemeColor, px, rem, resolveClassNames, resolveStyles, responsiveStyleManager, rgb, rgba, stylesToString, toRgba, useCckClassNamesPrefix, useCckColorScheme, useCckCssVariablesResolver, useCckEnv, useCckIsHeadless, useCckStyleNonce, useCckStylesTransform, useCckSxTransform, useCckTheme, useCckWithStaticClasses, useComponentProps, useConfigContext, useProviderColorScheme, useRandomClassName, useStyles, virtualColor, withClasses, withExtend, withInstall, withPropsDefaultSetter, withPropsFactory, withVarsResolver };
89
91
 
90
92
  //# sourceMappingURL=index.mjs.map
package/esm/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport {\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCol,\n CGrid,\n CGroup,\n CLoader,\n CSimpleGrid,\n CText,\n CTransition,\n UnstyledButton,\n} from './components'\nimport { CckConfigProvider, CBox } from './core'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\n\nconst components = [\n CckConfigProvider,\n CBox,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CGrid,\n CCol,\n CGroup,\n CLoader,\n CSimpleGrid,\n CText,\n CTransition,\n UnstyledButton,\n]\n\nconst CckUI: Plugin = {\n install(app: App) {\n if ((app as any)[INSTALLED_KEY]) {\n return\n }\n ;(app as any)[INSTALLED_KEY] = true\n components.forEach((c) => {\n if (c.name) {\n app.component(c.name, c)\n }\n })\n },\n}\n\nexport default CckUI\nexport { CckUI }\n\nexport * from './components'\nexport * from './core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,QAAgB,EACpB,QAAQ,KAAU;CAChB,IAAK,IAAY,gBACf;CAED,IAAa,iBAAiB;CAC/B,WAAW,SAAS,MAAM;EACxB,IAAI,EAAE,MACJ,IAAI,UAAU,EAAE,MAAM,CAAC;CAE3B,CAAC;AACH,EACF"}
1
+ {"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport {\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCol,\n CGrid,\n CGroup,\n CLoader,\n CSimpleGrid,\n CStack,\n CText,\n CTransition,\n UnstyledButton,\n} from './components'\nimport { CckConfigProvider, CBox } from './core'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\n\nconst components = [\n CckConfigProvider,\n CBox,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CGrid,\n CCol,\n CGroup,\n CLoader,\n CSimpleGrid,\n CStack,\n CText,\n CTransition,\n UnstyledButton,\n]\n\nconst CckUI: Plugin = {\n install(app: App) {\n if ((app as any)[INSTALLED_KEY]) {\n return\n }\n ;(app as any)[INSTALLED_KEY] = true\n components.forEach((c) => {\n if (c.name) {\n app.component(c.name, c)\n }\n })\n },\n}\n\nexport default CckUI\nexport { CckUI }\n\nexport * from './components'\nexport * from './core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,QAAgB,EACpB,QAAQ,KAAU;CAChB,IAAK,IAAY,gBACf;CAED,IAAa,iBAAiB;CAC/B,WAAW,SAAS,MAAM;EACxB,IAAI,EAAE,MACJ,IAAI,UAAU,EAAE,MAAM,CAAC;CAE3B,CAAC;AACH,EACF"}
@@ -3,6 +3,7 @@ export * from './grid';
3
3
  export * from './group';
4
4
  export * from './loader';
5
5
  export * from './simple-grid';
6
+ export * from './stack';
6
7
  export * from './transition';
7
8
  export * from './text';
8
9
  export * from './unstyled-button';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cck-ui/core",
3
- "version": "0.6.0",
3
+ "version": "0.6.1",
4
4
  "description": "Vue component library focused on usability, accessibility and developer experience",
5
5
  "homepage": "https://cck-ui.jackatlas.xyz",
6
6
  "license": "ISC",