@cck-ui/core 0.20.3 → 0.21.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.
@@ -0,0 +1,13 @@
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_typography_module = require("./typography.module.cjs");
5
+ const require_typography = require("./typography.cjs");
6
+ //#region packages/@cck-ui/core/src/components/typography/index.ts
7
+ const TypographyWithStatic = require_statics.withPropsFactory(require_statics.withExtend(require_statics.withClasses(require_typography.default, require_typography_module.default)));
8
+ const CTypography = require_install.withInstall(TypographyWithStatic);
9
+ //#endregion
10
+ exports.CTypography = CTypography;
11
+ exports.default = CTypography;
12
+
13
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","names":["withPropsFactory","withExtend","withClasses","Typography","classes","withInstall"],"sources":["../../../src/components/typography/index.ts"],"sourcesContent":["import {\n SFCWithInstallAndClasses,\n withClasses,\n withExtend,\n withInstall,\n withPropsFactory,\n} from '../../core'\nimport classes from './typography.module.css'\nimport Typography from './typography.vue'\n\nconst TypographyWithStatic = withPropsFactory(withExtend(withClasses(Typography, classes)))\n\nexport const CTypography: SFCWithInstallAndClasses<typeof Typography, typeof classes> =\n withInstall(TypographyWithStatic)\n\nexport default CTypography\n\nexport * from './typography.types'\n"],"mappings":";;;;;;AAUA,MAAM,uBAAuBA,gBAAAA,iBAAiBC,gBAAAA,WAAWC,gBAAAA,YAAYC,mBAAAA,SAAYC,0BAAAA,OAAO,CAAC,CAAC;AAE1F,MAAa,cACXC,gBAAAA,YAAY,oBAAoB"}
@@ -0,0 +1,381 @@
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_typography_module = require("./typography.module.cjs");
7
+ let vue = require("vue");
8
+ //#region packages/@cck-ui/core/src/components/typography/typography.vue
9
+ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
10
+ name: "CTypography",
11
+ __name: "typography",
12
+ props: {
13
+ className: {
14
+ type: String,
15
+ required: false
16
+ },
17
+ style: {
18
+ type: [
19
+ Object,
20
+ Function,
21
+ Array
22
+ ],
23
+ required: false,
24
+ skipCheck: true
25
+ },
26
+ __vars: {
27
+ type: null,
28
+ required: false
29
+ },
30
+ __size: {
31
+ type: String,
32
+ required: false
33
+ },
34
+ hiddenFrom: {
35
+ type: null,
36
+ required: false
37
+ },
38
+ visibleFrom: {
39
+ type: null,
40
+ required: false
41
+ },
42
+ lightHidden: {
43
+ type: Boolean,
44
+ required: false
45
+ },
46
+ darkHidden: {
47
+ type: Boolean,
48
+ required: false
49
+ },
50
+ mod: {
51
+ type: [
52
+ Object,
53
+ String,
54
+ Array
55
+ ],
56
+ required: false
57
+ },
58
+ m: {
59
+ type: null,
60
+ required: false
61
+ },
62
+ my: {
63
+ type: null,
64
+ required: false
65
+ },
66
+ mx: {
67
+ type: null,
68
+ required: false
69
+ },
70
+ mt: {
71
+ type: null,
72
+ required: false
73
+ },
74
+ mb: {
75
+ type: null,
76
+ required: false
77
+ },
78
+ ms: {
79
+ type: null,
80
+ required: false
81
+ },
82
+ me: {
83
+ type: null,
84
+ required: false
85
+ },
86
+ mis: {
87
+ type: null,
88
+ required: false
89
+ },
90
+ mie: {
91
+ type: null,
92
+ required: false
93
+ },
94
+ ml: {
95
+ type: null,
96
+ required: false
97
+ },
98
+ mr: {
99
+ type: null,
100
+ required: false
101
+ },
102
+ p: {
103
+ type: null,
104
+ required: false
105
+ },
106
+ py: {
107
+ type: null,
108
+ required: false
109
+ },
110
+ px: {
111
+ type: null,
112
+ required: false
113
+ },
114
+ pt: {
115
+ type: null,
116
+ required: false
117
+ },
118
+ pb: {
119
+ type: null,
120
+ required: false
121
+ },
122
+ ps: {
123
+ type: null,
124
+ required: false
125
+ },
126
+ pe: {
127
+ type: null,
128
+ required: false
129
+ },
130
+ pis: {
131
+ type: null,
132
+ required: false
133
+ },
134
+ pie: {
135
+ type: null,
136
+ required: false
137
+ },
138
+ pl: {
139
+ type: null,
140
+ required: false
141
+ },
142
+ pr: {
143
+ type: null,
144
+ required: false
145
+ },
146
+ bd: {
147
+ type: null,
148
+ required: false
149
+ },
150
+ bdrs: {
151
+ type: null,
152
+ required: false
153
+ },
154
+ bg: {
155
+ type: null,
156
+ required: false
157
+ },
158
+ c: {
159
+ type: null,
160
+ required: false
161
+ },
162
+ opacity: {
163
+ type: [
164
+ String,
165
+ Object,
166
+ Number
167
+ ],
168
+ required: false
169
+ },
170
+ ff: {
171
+ type: [String, Object],
172
+ required: false
173
+ },
174
+ fz: {
175
+ type: null,
176
+ required: false
177
+ },
178
+ fw: {
179
+ type: null,
180
+ required: false
181
+ },
182
+ lts: {
183
+ type: null,
184
+ required: false
185
+ },
186
+ ta: {
187
+ type: [String, Object],
188
+ required: false
189
+ },
190
+ lh: {
191
+ type: null,
192
+ required: false
193
+ },
194
+ fs: {
195
+ type: null,
196
+ required: false
197
+ },
198
+ tt: {
199
+ type: [String, Object],
200
+ required: false
201
+ },
202
+ td: {
203
+ type: null,
204
+ required: false
205
+ },
206
+ w: {
207
+ type: null,
208
+ required: false
209
+ },
210
+ miw: {
211
+ type: null,
212
+ required: false
213
+ },
214
+ maw: {
215
+ type: null,
216
+ required: false
217
+ },
218
+ h: {
219
+ type: null,
220
+ required: false
221
+ },
222
+ mih: {
223
+ type: null,
224
+ required: false
225
+ },
226
+ mah: {
227
+ type: null,
228
+ required: false
229
+ },
230
+ bgsz: {
231
+ type: null,
232
+ required: false
233
+ },
234
+ bgp: {
235
+ type: null,
236
+ required: false
237
+ },
238
+ bgr: {
239
+ type: null,
240
+ required: false
241
+ },
242
+ bga: {
243
+ type: null,
244
+ required: false
245
+ },
246
+ pos: {
247
+ type: [String, Object],
248
+ required: false
249
+ },
250
+ top: {
251
+ type: null,
252
+ required: false
253
+ },
254
+ left: {
255
+ type: null,
256
+ required: false
257
+ },
258
+ bottom: {
259
+ type: null,
260
+ required: false
261
+ },
262
+ right: {
263
+ type: null,
264
+ required: false
265
+ },
266
+ inset: {
267
+ type: null,
268
+ required: false
269
+ },
270
+ display: {
271
+ type: null,
272
+ required: false
273
+ },
274
+ flex: {
275
+ type: null,
276
+ required: false
277
+ },
278
+ unstyled: {
279
+ type: Boolean,
280
+ required: false
281
+ },
282
+ variant: {
283
+ type: null,
284
+ required: false
285
+ },
286
+ classNames: {
287
+ type: null,
288
+ required: false
289
+ },
290
+ styles: {
291
+ type: null,
292
+ required: false
293
+ },
294
+ vars: {
295
+ type: Function,
296
+ required: false
297
+ },
298
+ attributes: {
299
+ type: null,
300
+ required: false
301
+ }
302
+ },
303
+ setup(__props, { expose: __expose }) {
304
+ const _root = (0, vue.ref)(null);
305
+ const attrs = (0, vue.useAttrs)();
306
+ const rawProps = __props;
307
+ const props = require_use_component_props.useComponentProps({
308
+ component: "CTypography",
309
+ defaultProps: {},
310
+ props: rawProps
311
+ });
312
+ const knownProps = [
313
+ "classNames",
314
+ "className",
315
+ "style",
316
+ "styles",
317
+ "unstyled",
318
+ "attributes"
319
+ ];
320
+ const styleProps = (0, vue.computed)(() => ({
321
+ ...props.value,
322
+ ...attrs,
323
+ style: attrs.style ?? props.value.style
324
+ }));
325
+ const getStyles = require_use_styles.useStyles({
326
+ name: "Typography",
327
+ classes: require_typography_module.default,
328
+ props: styleProps,
329
+ className: () => props.value.className,
330
+ style: () => props.value.style,
331
+ classNames: props.value.classNames,
332
+ styles: props.value.styles,
333
+ unstyled: props.value.unstyled,
334
+ attributes: props.value.attributes
335
+ });
336
+ const rootAttrs = (0, vue.computed)(() => getStyles("root"));
337
+ const mergedAttrs = (0, vue.computed)(() => {
338
+ const others = {};
339
+ const propsValue = props.value;
340
+ for (const key in propsValue) if (!knownProps.includes(key)) others[key] = propsValue[key];
341
+ const userMod = props.value.mod;
342
+ const mergedMod = [...Array.isArray(userMod) ? userMod : [userMod].filter(Boolean)];
343
+ return {
344
+ ...others,
345
+ mod: mergedMod,
346
+ ...rootAttrs.value
347
+ };
348
+ });
349
+ __expose({ root: (0, vue.computed)(() => _root.value?.root ?? null) });
350
+ const __returned__ = {
351
+ _root,
352
+ attrs,
353
+ rawProps,
354
+ props,
355
+ knownProps,
356
+ styleProps,
357
+ getStyles,
358
+ rootAttrs,
359
+ mergedAttrs,
360
+ get CBox() {
361
+ return require_index.CBox;
362
+ }
363
+ };
364
+ Object.defineProperty(__returned__, "__isScriptSetup", {
365
+ enumerable: false,
366
+ value: true
367
+ });
368
+ return __returned__;
369
+ }
370
+ });
371
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
372
+ return (0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({ ref: "_root" }, $setup.mergedAttrs), {
373
+ default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
374
+ _: 3
375
+ }, 16);
376
+ }
377
+ var typography_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/typography/typography.vue"]]);
378
+ //#endregion
379
+ exports.default = typography_default;
380
+
381
+ //# sourceMappingURL=typography.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.cjs","names":[],"sources":["../../../src/components/typography/typography.vue"],"sourcesContent":["<template>\n <c-box ref=\"_root\" v-bind=\"mergedAttrs\">\n <slot />\n </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { CBox, CStyleProp, useComponentProps, useStyles } from '../../core'\nimport { TypographyFactory, TypographyProps } from './typography.types'\nimport classes from './typography.module.css'\n\ndefineOptions({\n name: 'CTypography',\n})\n\nconst _root = ref<InstanceType<typeof CBox> | null>(null)\n\nconst attrs = useAttrs()\n\nconst rawProps = defineProps<TypographyProps>()\n\nconst props = useComponentProps({\n component: 'CTypography',\n defaultProps: {},\n props: rawProps,\n})\n\nconst knownProps = ['classNames', 'className', 'style', 'styles', 'unstyled', 'attributes']\n\nconst styleProps = computed(() => ({\n ...props.value,\n ...attrs,\n style: (attrs.style ?? props.value.style) as CStyleProp,\n}))\n\nconst getStyles = useStyles<TypographyFactory>({\n name: 'Typography',\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})\n\nconst rootAttrs = computed(() => getStyles('root'))\n\nconst mergedAttrs = computed(() => {\n const others: Record<string, any> = {}\n const propsValue = props.value\n for (const key in propsValue) {\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,SAAA,GAAA,IAAA,IAAA,CAA8C,IAAI;EAExD,MAAM,SAAA,GAAA,IAAA,SAAA,CAAiB;EAEvB,MAAM,WAAW;EAEjB,MAAM,QAAQ,4BAAA,kBAAkB;GAC9B,WAAW;GACX,cAAc,CAAC;GACf,OAAO;EACT,CAAC;EAED,MAAM,aAAa;GAAC;GAAc;GAAa;GAAS;GAAU;GAAY;EAAY;EAE1F,MAAM,cAAA,GAAA,IAAA,SAAA,QAA6B;GACjC,GAAG,MAAM;GACT,GAAG;GACH,OAAQ,MAAM,SAAS,MAAM,MAAM;EACrC,EAAE;EAEF,MAAM,YAAY,mBAAA,UAA6B;GAC7C,MAAM;GACN,SAAA,0BAAA;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;EAC1B,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,KAAK,MAAM,OAAO,YAChB,IAAI,CAAC,WAAW,SAAS,GAAG,GAC1B,OAAO,OAAO,WAAW;GAG7B,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;;;;;;;;;;;;;;;;;;;;;;;mDA9DS,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAFD,KAAI,QAAO,GAAS,OAAA,WAAW,GAAA;kCAC5B,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/typography/typography.module.css
3
+ var typography_module_default = { "root": "m_487612c0" };
4
+ //#endregion
5
+ exports.default = typography_module_default;
6
+
7
+ //# sourceMappingURL=typography.module.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.module.cjs","names":[],"sources":["../../../src/components/typography/typography.module.css"],"sourcesContent":[".root {\n & :first-child {\n margin-top: 0;\n }\n\n & :last-child {\n margin-bottom: 0;\n }\n\n & :where(h1, h2, h3, h4, h5, h6) {\n margin-bottom: var(--c-spacing-xs);\n text-wrap: var(--c-heading-text-wrap);\n font-family: var(--c-font-family-headings);\n }\n\n & :where(h1) {\n margin-top: calc(1.5 * var(--c-spacing-xl));\n font-size: var(--c-h1-font-size);\n line-height: var(--c-h1-line-height);\n font-weight: var(--c-h1-font-weight);\n }\n\n & :where(h2) {\n margin-top: calc(--c-spacing-xl);\n font-size: var(--c-h2-font-size);\n line-height: var(--c-h2-line-height);\n font-weight: var(--c-h2-font-weight);\n }\n\n & :where(h3) {\n margin-top: calc(0.8 * var(--c-spacing-xl));\n font-size: var(--c-h3-font-size);\n line-height: var(--c-h3-line-height);\n font-weight: var(--c-h3-font-weight);\n }\n\n & :where(h4) {\n margin-top: calc(0.8 * var(--c-spacing-xl));\n font-size: var(--c-h4-font-size);\n line-height: var(--c-h4-line-height);\n font-weight: var(--c-h4-font-weight);\n }\n\n & :where(h5) {\n margin-top: calc(0.5 * var(--c-spacing-xl));\n font-size: var(--c-h5-font-size);\n line-height: var(--c-h5-line-height);\n font-weight: var(--c-h5-font-weight);\n }\n\n & :where(h6) {\n margin-top: calc(0.5 * var(--c-spacing-xl));\n font-size: var(--c-h6-font-size);\n line-height: var(--c-h6-line-height);\n font-weight: var(--c-h6-font-weight);\n }\n\n & :where(img) {\n max-width: 100%;\n margin-bottom: var(--c-spacing-xs);\n }\n\n & :where(p) {\n margin-top: 0;\n margin-bottom: var(--c-spacing-lg);\n }\n\n & :where(mark) {\n @mixin where-light {\n background-color: var(--c-color-yellow-2);\n color: inherit;\n }\n\n @mixin where-dark {\n background-color: var(--c-color-yellow-5);\n color: var(--c-color-black);\n }\n }\n\n & :where(a) {\n color: var(--c-color-anchor);\n text-decoration: none;\n\n @mixin hover {\n text-decoration: underline;\n }\n }\n\n & :where(hr) {\n margin-top: var(--c-spacing-md);\n margin-bottom: var(--c-spacing-md);\n border: 0;\n border-top: 1px solid;\n\n @mixin where-light {\n border-color: var(--c-color-gray-3);\n }\n\n @mixin where-dark {\n border-color: var(--c-color-dark-3);\n }\n }\n\n & :where(pre) {\n padding: var(--c-spacing-xs);\n line-height: var(--c-line-height);\n margin: 0;\n margin-top: var(--c-spacing-md);\n margin-bottom: var(--c-spacing-md);\n overflow-x: auto;\n font-family: var(--c-font-family-monospace);\n font-size: var(--c-font-size-xs);\n border-radius: var(--c-radius-sm);\n\n @mixin where-light {\n background-color: var(--c-color-gray-0);\n }\n\n @mixin where-dark {\n background-color: var(--c-color-dark-8);\n }\n\n & :where(code) {\n background-color: transparent;\n padding: 0;\n border-radius: 0;\n color: inherit;\n border: 0;\n }\n }\n\n & :where(kbd) {\n --kbd-fz: 12px;\n --kbd-padding: 3px 5px;\n\n font-family: var(--c-font-family-monospace);\n line-height: var(--c-line-height);\n padding: var(--kbd-padding);\n font-size: var(--kbd-fz);\n border-radius: var(--c-radius-sm);\n border: 1px solid;\n border-bottom-width: 3px;\n\n @mixin where-light {\n border-color: var(--c-color-gray-3);\n color: var(--c-color-gray-7);\n background-color: var(--c-color-gray-0);\n }\n\n @mixin where-dark {\n border-color: var(--c-color-dark-3);\n color: var(--c-color-dark-0);\n background-color: var(--c-color-dark-5);\n }\n }\n\n & :where(code) {\n line-height: var(--c-line-height);\n padding: 1px 5px;\n border-radius: var(--c-radius-sm);\n font-family: var(--c-font-family-monospace);\n font-size: var(--c-font-size-xs);\n\n @mixin where-light {\n background-color: var(--c-color-gray-0);\n color: var(--c-color-black);\n }\n\n @mixin where-dark {\n background-color: var(--c-color-dark-5);\n color: var(--c-color-white);\n }\n }\n\n & :where(ul, ol):not([data-type='taskList']) {\n margin-bottom: var(--c-spacing-md);\n padding-inline-start: var(--c-spacing-xl);\n list-style-position: outside;\n }\n\n & :where(table) {\n width: 100%;\n border-collapse: collapse;\n caption-side: bottom;\n margin-bottom: var(--c-spacing-md);\n\n @mixin where-light {\n --table-border-color: var(--c-color-gray-3);\n }\n\n @mixin where-dark {\n --table-border-color: var(--c-color-dark-4);\n }\n\n & :where(caption) {\n margin-top: var(--c-spacing-xs);\n font-size: var(--c-font-size-sm);\n color: var(--c-color-dimmed);\n }\n\n & :where(th) {\n text-align: start;\n font-weight: bold;\n font-size: var(--c-font-size-sm);\n padding: var(--c-spacing-xs) var(--c-spacing-sm);\n }\n\n & :where(thead th) {\n border-bottom: 1px solid;\n border-color: var(--table-border-color);\n }\n\n & :where(tfoot th) {\n border-top: 1px solid;\n border-color: var(--table-border-color);\n }\n\n & :where(td) {\n padding: var(--c-spacing-xs) var(--c-spacing-sm);\n border-bottom: 1px solid;\n border-color: var(--table-border-color);\n font-size: var(--c-font-size-sm);\n }\n\n & :where(tr:last-of-type td) {\n border-bottom: 0;\n }\n }\n\n & :where(blockquote) {\n font-size: var(--c-font-size-lg);\n line-height: var(--c-line-height);\n margin: var(--c-spacing-md) 0;\n border-radius: var(--c-radius-sm);\n padding: var(--c-spacing-md) var(--c-spacing-lg);\n\n @mixin where-light {\n background-color: var(--c-color-gray-0);\n }\n\n @mixin where-dark {\n background-color: var(--c-color-dark-8);\n }\n }\n}\n"],"mappings":";;AAAA,IAAA,4BAAe,EAAC,QAAO,aAAY"}
package/cjs/index.cjs CHANGED
@@ -81,6 +81,7 @@ const require_index$24 = require("./components/space/index.cjs");
81
81
  const require_index$25 = require("./components/splitter/index.cjs");
82
82
  const require_index$26 = require("./components/stack/index.cjs");
83
83
  const require_index$27 = require("./components/text/index.cjs");
84
+ const require_index$28 = require("./components/typography/index.cjs");
84
85
  let _vue_shared = require("@vue/shared");
85
86
  //#region packages/@cck-ui/core/src/index.ts
86
87
  const INSTALLED_KEY = Symbol("INSTALLED_KEY");
@@ -121,6 +122,7 @@ const components = [
121
122
  require_index$26.CStack,
122
123
  require_index$27.CText,
123
124
  require_index$5.CTransition,
125
+ require_index$28.CTypography,
124
126
  require_index$3.UnstyledButton
125
127
  ];
126
128
  const CckUI = { install(app) {
@@ -169,6 +171,7 @@ exports.CSplitterPane = require_index$25.CSplitterPane;
169
171
  exports.CStack = require_index$26.CStack;
170
172
  exports.CText = require_index$27.CText;
171
173
  exports.CTransition = require_index$5.CTransition;
174
+ exports.CTypography = require_index$28.CTypography;
172
175
  exports.CckConfigProvider = require_index$1.CckConfigProvider;
173
176
  exports.CckUI = CckUI;
174
177
  exports.default = CckUI;
package/cjs/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","names":["CckConfigProvider","CBox","CActionIcon","CActionIconGroup","CActionIconGroupSection","CAlert","CAspectRatio","CButton","CButtonGroup","CButtonGroupSection","CCenter","CCloseButton","CCol","CContainer","CCopyButton","CEmptyState","CEmptyStateActions","CEmptyStateDescription","CEmptyStateIndicator","CEmptyStateTitle","CFileButton","CFlex","CGrid","CGroup","CImage","CLoader","CPaper","CSemiCircleProgress","CSimpleGrid","CSkeleton","CSpace","CSplitter","CSplitterPane","CStack","CText","CTransition","UnstyledButton"],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport {\n CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAlert,\n CAspectRatio,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CCopyButton,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFileButton,\n CFlex,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\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 CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAlert,\n CAspectRatio,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CCopyButton,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFileButton,\n CFlex,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,aAAa;CACjBA,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;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"}
1
+ {"version":3,"file":"index.cjs","names":["CckConfigProvider","CBox","CActionIcon","CActionIconGroup","CActionIconGroupSection","CAlert","CAspectRatio","CButton","CButtonGroup","CButtonGroupSection","CCenter","CCloseButton","CCol","CContainer","CCopyButton","CEmptyState","CEmptyStateActions","CEmptyStateDescription","CEmptyStateIndicator","CEmptyStateTitle","CFileButton","CFlex","CGrid","CGroup","CImage","CLoader","CPaper","CSemiCircleProgress","CSimpleGrid","CSkeleton","CSpace","CSplitter","CSplitterPane","CStack","CText","CTransition","CTypography","UnstyledButton"],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport {\n CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAlert,\n CAspectRatio,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CCopyButton,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFileButton,\n CFlex,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\n CStack,\n CText,\n CTransition,\n CTypography,\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 CActionIcon,\n CActionIconGroup,\n CActionIconGroupSection,\n CAlert,\n CAspectRatio,\n CButton,\n CButtonGroup,\n CButtonGroupSection,\n CCenter,\n CCloseButton,\n CCol,\n CContainer,\n CCopyButton,\n CEmptyState,\n CEmptyStateActions,\n CEmptyStateDescription,\n CEmptyStateIndicator,\n CEmptyStateTitle,\n CFileButton,\n CFlex,\n CGrid,\n CGroup,\n CImage,\n CLoader,\n CPaper,\n CSemiCircleProgress,\n CSimpleGrid,\n CSkeleton,\n CSpace,\n CSplitter,\n CSplitterPane,\n CStack,\n CText,\n CTransition,\n CTypography,\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAM,aAAa;CACjBA,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,iBAAAA;CACAC,gBAAAA;CACAC,iBAAAA;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,10 @@
1
+ "use client";
2
+ import { withInstall } from "../../core/utils/vue/install.mjs";
3
+ import { withClasses, withExtend, withPropsFactory } from "../../core/utils/vue/statics.mjs";
4
+ import typography_module_default from "./typography.module.mjs";
5
+ import typography_default from "./typography.mjs";
6
+ const CTypography = withInstall(withPropsFactory(withExtend(withClasses(typography_default, typography_module_default))));
7
+ //#endregion
8
+ export { CTypography, CTypography as default };
9
+
10
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","names":["Typography","classes"],"sources":["../../../src/components/typography/index.ts"],"sourcesContent":["import {\n SFCWithInstallAndClasses,\n withClasses,\n withExtend,\n withInstall,\n withPropsFactory,\n} from '../../core'\nimport classes from './typography.module.css'\nimport Typography from './typography.vue'\n\nconst TypographyWithStatic = withPropsFactory(withExtend(withClasses(Typography, classes)))\n\nexport const CTypography: SFCWithInstallAndClasses<typeof Typography, typeof classes> =\n withInstall(TypographyWithStatic)\n\nexport default CTypography\n\nexport * from './typography.types'\n"],"mappings":";;;;;AAYA,MAAa,cACX,YAH2B,iBAAiB,WAAW,YAAYA,oBAAYC,yBAAO,CAAC,CAG3E,CAAoB"}