@cck-ui/core 0.20.2 → 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.
Files changed (34) hide show
  1. package/cjs/components/file-button/file-button.cjs +116 -0
  2. package/cjs/components/file-button/file-button.cjs.map +1 -0
  3. package/cjs/components/file-button/index.cjs +10 -0
  4. package/cjs/components/file-button/index.cjs.map +1 -0
  5. package/cjs/components/typography/index.cjs +13 -0
  6. package/cjs/components/typography/index.cjs.map +1 -0
  7. package/cjs/components/typography/typography.cjs +381 -0
  8. package/cjs/components/typography/typography.cjs.map +1 -0
  9. package/cjs/components/typography/typography.module.cjs +7 -0
  10. package/cjs/components/typography/typography.module.cjs.map +1 -0
  11. package/cjs/index.cjs +46 -40
  12. package/cjs/index.cjs.map +1 -1
  13. package/esm/components/file-button/file-button.mjs +116 -0
  14. package/esm/components/file-button/file-button.mjs.map +1 -0
  15. package/esm/components/file-button/index.mjs +9 -0
  16. package/esm/components/file-button/index.mjs.map +1 -0
  17. package/esm/components/typography/index.mjs +10 -0
  18. package/esm/components/typography/index.mjs.map +1 -0
  19. package/esm/components/typography/typography.mjs +381 -0
  20. package/esm/components/typography/typography.mjs.map +1 -0
  21. package/esm/components/typography/typography.module.mjs +7 -0
  22. package/esm/components/typography/typography.module.mjs.map +1 -0
  23. package/esm/index.mjs +5 -1
  24. package/esm/index.mjs.map +1 -1
  25. package/lib/components/file-button/file-button.types.d.ts +31 -0
  26. package/lib/components/file-button/index.d.ts +3 -0
  27. package/lib/components/index.d.ts +2 -0
  28. package/lib/components/typography/index.d.ts +6 -0
  29. package/lib/components/typography/typography.types.d.ts +9 -0
  30. package/package.json +1 -1
  31. package/styles/typography.css +208 -0
  32. package/styles/typography.layer.css +209 -0
  33. package/styles.css +209 -0
  34. package/styles.layer.css +209 -0
package/cjs/index.cjs CHANGED
@@ -68,18 +68,20 @@ const require_index$11 = require("./components/center/index.cjs");
68
68
  const require_index$12 = require("./components/container/index.cjs");
69
69
  const require_index$13 = require("./components/copy-button/index.cjs");
70
70
  const require_index$14 = require("./components/empty-state/index.cjs");
71
- const require_index$15 = require("./components/flex/index.cjs");
72
- const require_index$16 = require("./components/grid/index.cjs");
73
- const require_index$17 = require("./components/group/index.cjs");
74
- const require_index$18 = require("./components/image/index.cjs");
75
- const require_index$19 = require("./components/paper/index.cjs");
76
- const require_index$20 = require("./components/semi-circle-progress/index.cjs");
77
- const require_index$21 = require("./components/simple-grid/index.cjs");
78
- const require_index$22 = require("./components/skeleton/index.cjs");
79
- const require_index$23 = require("./components/space/index.cjs");
80
- const require_index$24 = require("./components/splitter/index.cjs");
81
- const require_index$25 = require("./components/stack/index.cjs");
82
- const require_index$26 = require("./components/text/index.cjs");
71
+ const require_index$15 = require("./components/file-button/index.cjs");
72
+ const require_index$16 = require("./components/flex/index.cjs");
73
+ const require_index$17 = require("./components/grid/index.cjs");
74
+ const require_index$18 = require("./components/group/index.cjs");
75
+ const require_index$19 = require("./components/image/index.cjs");
76
+ const require_index$20 = require("./components/paper/index.cjs");
77
+ const require_index$21 = require("./components/semi-circle-progress/index.cjs");
78
+ const require_index$22 = require("./components/simple-grid/index.cjs");
79
+ const require_index$23 = require("./components/skeleton/index.cjs");
80
+ const require_index$24 = require("./components/space/index.cjs");
81
+ const require_index$25 = require("./components/splitter/index.cjs");
82
+ const require_index$26 = require("./components/stack/index.cjs");
83
+ const require_index$27 = require("./components/text/index.cjs");
84
+ const require_index$28 = require("./components/typography/index.cjs");
83
85
  let _vue_shared = require("@vue/shared");
84
86
  //#region packages/@cck-ui/core/src/index.ts
85
87
  const INSTALLED_KEY = Symbol("INSTALLED_KEY");
@@ -96,7 +98,7 @@ const components = [
96
98
  require_index$10.CButtonGroupSection,
97
99
  require_index$11.CCenter,
98
100
  require_index$7.CCloseButton,
99
- require_index$16.CCol,
101
+ require_index$17.CCol,
100
102
  require_index$12.CContainer,
101
103
  require_index$13.CCopyButton,
102
104
  require_index$14.CEmptyState,
@@ -104,21 +106,23 @@ const components = [
104
106
  require_index$14.CEmptyStateDescription,
105
107
  require_index$14.CEmptyStateIndicator,
106
108
  require_index$14.CEmptyStateTitle,
107
- require_index$15.CFlex,
108
- require_index$16.CGrid,
109
- require_index$17.CGroup,
110
- require_index$18.CImage,
109
+ require_index$15.CFileButton,
110
+ require_index$16.CFlex,
111
+ require_index$17.CGrid,
112
+ require_index$18.CGroup,
113
+ require_index$19.CImage,
111
114
  require_index$4.CLoader,
112
- require_index$19.CPaper,
113
- require_index$20.CSemiCircleProgress,
114
- require_index$21.CSimpleGrid,
115
- require_index$22.CSkeleton,
116
- require_index$23.CSpace,
117
- require_index$24.CSplitter,
118
- require_index$24.CSplitterPane,
119
- require_index$25.CStack,
120
- require_index$26.CText,
115
+ require_index$20.CPaper,
116
+ require_index$21.CSemiCircleProgress,
117
+ require_index$22.CSimpleGrid,
118
+ require_index$23.CSkeleton,
119
+ require_index$24.CSpace,
120
+ require_index$25.CSplitter,
121
+ require_index$25.CSplitterPane,
122
+ require_index$26.CStack,
123
+ require_index$27.CText,
121
124
  require_index$5.CTransition,
125
+ require_index$28.CTypography,
122
126
  require_index$3.UnstyledButton
123
127
  ];
124
128
  const CckUI = { install(app) {
@@ -141,7 +145,7 @@ exports.CButtonGroupSection = require_index$10.CButtonGroupSection;
141
145
  exports.CCK_TRANSITIONS = require_transitions.transitions;
142
146
  exports.CCenter = require_index$11.CCenter;
143
147
  exports.CCloseButton = require_index$7.CCloseButton;
144
- exports.CCol = require_index$16.CCol;
148
+ exports.CCol = require_index$17.CCol;
145
149
  exports.CContainer = require_index$12.CContainer;
146
150
  exports.CCopyButton = require_index$13.CCopyButton;
147
151
  exports.CDefaultLoaders = require_index$4.CDefaultLoaders;
@@ -150,22 +154,24 @@ exports.CEmptyStateActions = require_index$14.CEmptyStateActions;
150
154
  exports.CEmptyStateDescription = require_index$14.CEmptyStateDescription;
151
155
  exports.CEmptyStateIndicator = require_index$14.CEmptyStateIndicator;
152
156
  exports.CEmptyStateTitle = require_index$14.CEmptyStateTitle;
153
- exports.CFlex = require_index$15.CFlex;
154
- exports.CGrid = require_index$16.CGrid;
155
- exports.CGroup = require_index$17.CGroup;
156
- exports.CImage = require_index$18.CImage;
157
+ exports.CFileButton = require_index$15.CFileButton;
158
+ exports.CFlex = require_index$16.CFlex;
159
+ exports.CGrid = require_index$17.CGrid;
160
+ exports.CGroup = require_index$18.CGroup;
161
+ exports.CImage = require_index$19.CImage;
157
162
  exports.CLoader = require_index$4.CLoader;
158
163
  exports.CONFIG_KEY = require_config_provider_types.CONFIG_KEY;
159
- exports.CPaper = require_index$19.CPaper;
160
- exports.CSemiCircleProgress = require_index$20.CSemiCircleProgress;
161
- exports.CSimpleGrid = require_index$21.CSimpleGrid;
162
- exports.CSkeleton = require_index$22.CSkeleton;
163
- exports.CSpace = require_index$23.CSpace;
164
- exports.CSplitter = require_index$24.CSplitter;
165
- exports.CSplitterPane = require_index$24.CSplitterPane;
166
- exports.CStack = require_index$25.CStack;
167
- exports.CText = require_index$26.CText;
164
+ exports.CPaper = require_index$20.CPaper;
165
+ exports.CSemiCircleProgress = require_index$21.CSemiCircleProgress;
166
+ exports.CSimpleGrid = require_index$22.CSimpleGrid;
167
+ exports.CSkeleton = require_index$23.CSkeleton;
168
+ exports.CSpace = require_index$24.CSpace;
169
+ exports.CSplitter = require_index$25.CSplitter;
170
+ exports.CSplitterPane = require_index$25.CSplitterPane;
171
+ exports.CStack = require_index$26.CStack;
172
+ exports.CText = require_index$27.CText;
168
173
  exports.CTransition = require_index$5.CTransition;
174
+ exports.CTypography = require_index$28.CTypography;
169
175
  exports.CckConfigProvider = require_index$1.CckConfigProvider;
170
176
  exports.CckUI = CckUI;
171
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","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 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 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,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,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,116 @@
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 { Fragment, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot } from "vue";
5
+ //#region packages/@cck-ui/core/src/components/file-button/file-button.vue
6
+ const _sfc_main = /*@__PURE__*/ defineComponent({
7
+ name: "CFileButton",
8
+ __name: "file-button",
9
+ props: {
10
+ multiple: {
11
+ type: Boolean,
12
+ required: false
13
+ },
14
+ accept: {
15
+ type: String,
16
+ required: false
17
+ },
18
+ name: {
19
+ type: String,
20
+ required: false
21
+ },
22
+ form: {
23
+ type: String,
24
+ required: false
25
+ },
26
+ disabled: {
27
+ type: Boolean,
28
+ required: false
29
+ },
30
+ capture: {
31
+ type: [Boolean, String],
32
+ required: false
33
+ },
34
+ inputProps: {
35
+ type: Object,
36
+ required: false
37
+ }
38
+ },
39
+ emits: ["change"],
40
+ setup(__props, { expose: __expose, emit: __emit }) {
41
+ const inputRef = ref(null);
42
+ const rawProps = __props;
43
+ const emit = __emit;
44
+ const defaultProps = {
45
+ multiple: false,
46
+ disabled: false
47
+ };
48
+ const props = useComponentProps({
49
+ component: "CFileButton",
50
+ defaultProps,
51
+ props: rawProps
52
+ });
53
+ const handleClick = () => {
54
+ if (!props.value.disabled) inputRef.value?.click();
55
+ };
56
+ const handleChange = (event) => {
57
+ const target = event.target;
58
+ if (target.files === null) {
59
+ emit("change", props.value.multiple ? [] : null);
60
+ return;
61
+ }
62
+ if (props.value.multiple !== false && props.value.multiple !== void 0) emit("change", Array.from(target.files));
63
+ else emit("change", target.files[0] || null);
64
+ };
65
+ const reset = () => {
66
+ if (inputRef.value) inputRef.value.value = "";
67
+ };
68
+ __expose({
69
+ input: inputRef,
70
+ reset
71
+ });
72
+ const __returned__ = {
73
+ inputRef,
74
+ rawProps,
75
+ emit,
76
+ defaultProps,
77
+ props,
78
+ handleClick,
79
+ handleChange,
80
+ reset
81
+ };
82
+ Object.defineProperty(__returned__, "__isScriptSetup", {
83
+ enumerable: false,
84
+ value: true
85
+ });
86
+ return __returned__;
87
+ }
88
+ });
89
+ const _hoisted_1 = [
90
+ "accept",
91
+ "capture",
92
+ "disabled",
93
+ "form",
94
+ "multiple",
95
+ "name"
96
+ ];
97
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
98
+ return openBlock(), createElementBlock(Fragment, null, [createElementVNode("input", mergeProps({
99
+ ref: "inputRef",
100
+ style: { "display": "none" },
101
+ type: "file"
102
+ }, $setup.props.inputProps, {
103
+ accept: $setup.props.accept,
104
+ capture: $setup.props.capture,
105
+ disabled: $setup.props.disabled,
106
+ form: $setup.props.form,
107
+ multiple: $setup.props.multiple,
108
+ name: $setup.props.name,
109
+ onChange: $setup.handleChange
110
+ }), null, 16, _hoisted_1), renderSlot(_ctx.$slots, "default", { onClick: $setup.handleClick })], 64);
111
+ }
112
+ var file_button_default = /*#__PURE__*/ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/file-button/file-button.vue"]]);
113
+ //#endregion
114
+ export { file_button_default as default };
115
+
116
+ //# sourceMappingURL=file-button.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-button.mjs","names":[],"sources":["../../../src/components/file-button/file-button.vue"],"sourcesContent":["<template>\n <input\n ref=\"inputRef\"\n style=\"display: none\"\n type=\"file\"\n v-bind=\"props.inputProps\"\n :accept=\"props.accept\"\n :capture=\"props.capture\"\n :disabled=\"props.disabled\"\n :form=\"props.form\"\n :multiple=\"props.multiple\"\n :name=\"props.name\"\n @change=\"handleChange\"\n />\n <slot :on-click=\"handleClick\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { useComponentProps } from '../../core'\nimport { FileButtonProps } from './file-button.types'\n\ndefineOptions({\n name: 'CFileButton',\n})\n\nconst inputRef = ref<HTMLInputElement | null>(null)\n\nconst rawProps = defineProps<FileButtonProps>()\n\nconst emit = defineEmits<{\n (e: 'change', payload: File | File[] | null): void\n}>()\n\nconst defaultProps = {\n multiple: false,\n disabled: false,\n} satisfies Partial<FileButtonProps>\n\nconst props = useComponentProps({\n component: 'CFileButton',\n defaultProps,\n props: rawProps,\n})\n\nconst handleClick = () => {\n if (!props.value.disabled) {\n inputRef.value?.click()\n }\n}\n\nconst handleChange = (event: Event) => {\n const target = event.target as HTMLInputElement\n if (target.files === null) {\n emit('change', props.value.multiple ? [] : null)\n return\n }\n\n if (props.value.multiple !== false && props.value.multiple !== undefined) {\n emit('change', Array.from(target.files))\n } else {\n emit('change', target.files[0] || null)\n }\n}\n\nconst reset = () => {\n if (inputRef.value) {\n inputRef.value.value = ''\n }\n}\n\ndefineExpose({\n input: inputRef,\n reset,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,WAAW,IAA6B,IAAI;EAElD,MAAM,WAAW;EAEjB,MAAM,OAAO;EAIb,MAAM,eAAe;GACnB,UAAU;GACV,UAAU;EACZ;EAEA,MAAM,QAAQ,kBAAkB;GAC9B,WAAW;GACX;GACA,OAAO;EACT,CAAC;EAED,MAAM,oBAAoB;GACxB,IAAI,CAAC,MAAM,MAAM,UACf,SAAS,OAAO,MAAM;EAE1B;EAEA,MAAM,gBAAgB,UAAiB;GACrC,MAAM,SAAS,MAAM;GACrB,IAAI,OAAO,UAAU,MAAM;IACzB,KAAK,UAAU,MAAM,MAAM,WAAW,CAAC,IAAI,IAAI;IAC/C;GACF;GAEA,IAAI,MAAM,MAAM,aAAa,SAAS,MAAM,MAAM,aAAa,KAAA,GAC7D,KAAK,UAAU,MAAM,KAAK,OAAO,KAAK,CAAC;QAEvC,KAAK,UAAU,OAAO,MAAM,MAAM,IAAI;EAE1C;EAEA,MAAM,cAAc;GAClB,IAAI,SAAS,OACX,SAAS,MAAM,QAAQ;EAE3B;EAEA,SAAa;GACX,OAAO;GACP;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;yDAzEC,mBAYE,SAZF,WAYE;EAXA,KAAI;EACJ,OAAA,EAAA,WAAA,OAAA;EACA,MAAK;IACG,OAAA,MAAM,YAAU;EACvB,QAAQ,OAAA,MAAM;EACd,SAAS,OAAA,MAAM;EACf,UAAU,OAAA,MAAM;EAChB,MAAM,OAAA,MAAM;EACZ,UAAU,OAAA,MAAM;EAChB,MAAM,OAAA,MAAM;EACZ,UAAQ,OAAA;4BAEX,WAAgC,KAAA,QAAA,WAAA,EAAzB,SAAU,OAAA,YAAW,CAAA,CAAA,GAAA,EAAA"}
@@ -0,0 +1,9 @@
1
+ "use client";
2
+ import { withInstall } from "../../core/utils/vue/install.mjs";
3
+ import file_button_default from "./file-button.mjs";
4
+ //#region packages/@cck-ui/core/src/components/file-button/index.ts
5
+ const CFileButton = withInstall(file_button_default);
6
+ //#endregion
7
+ export { CFileButton, CFileButton as default };
8
+
9
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","names":["FileButton"],"sources":["../../../src/components/file-button/index.ts"],"sourcesContent":["import { withInstall } from '../../core'\nimport FileButton from './file-button.vue'\n\nexport const CFileButton = withInstall(FileButton)\n\nexport default CFileButton\n\nexport * from './file-button.types'\n"],"mappings":";;;;AAGA,MAAa,cAAc,YAAYA,mBAAU"}
@@ -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"}
@@ -0,0 +1,381 @@
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 typography_module_default from "./typography.module.mjs";
7
+ import { computed, createBlock, defineComponent, mergeProps, openBlock, ref, renderSlot, useAttrs, withCtx } from "vue";
8
+ //#region packages/@cck-ui/core/src/components/typography/typography.vue
9
+ const _sfc_main = /*@__PURE__*/ 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 = ref(null);
305
+ const attrs = useAttrs();
306
+ const rawProps = __props;
307
+ const 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 = computed(() => ({
321
+ ...props.value,
322
+ ...attrs,
323
+ style: attrs.style ?? props.value.style
324
+ }));
325
+ const getStyles = useStyles({
326
+ name: "Typography",
327
+ classes: 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 = computed(() => getStyles("root"));
337
+ const mergedAttrs = 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: 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 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 openBlock(), createBlock($setup["CBox"], mergeProps({ ref: "_root" }, $setup.mergedAttrs), {
373
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
374
+ _: 3
375
+ }, 16);
376
+ }
377
+ var typography_default = /*#__PURE__*/ 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
+ export { typography_default as default };
380
+
381
+ //# sourceMappingURL=typography.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.mjs","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,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;GAAC;GAAc;GAAa;GAAS;GAAU;GAAY;EAAY;EAE1F,MAAM,aAAa,gBAAgB;GACjC,GAAG,MAAM;GACT,GAAG;GACH,OAAQ,MAAM,SAAS,MAAM,MAAM;EACrC,EAAE;EAEF,MAAM,YAAY,UAA6B;GAC7C,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;EAC1B,CAAC;EAED,MAAM,YAAY,eAAe,UAAU,MAAM,CAAC;EAElD,MAAM,cAAc,eAAe;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,MAAM,eAAe,MAAM,OAAO,QAAQ,IAAI,EAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;;qBAhEC,YAEQ,OAAA,SAFR,WAEQ,EAFD,KAAI,QAAO,GAAS,OAAA,WAAW,GAAA;yBAC5B,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}