cck-ui 0.0.1

package/es/_virtual/_rolldown/runtime.mjs

@@ -0,0 +1,27 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+//#endregion
+export { __exportAll, __reExport };

package/es/component.d.ts

@@ -0,0 +1,6 @@
+import { Plugin } from "vue";
+
+//#region ../../packages/cck-ui/component.d.ts
+declare const _default: Plugin[];
+//#endregion
+export { _default as default };

package/es/component.mjs

@@ -0,0 +1,8 @@
+import { CButton } from "./packages/components/button/index.mjs";
+import { CIcon } from "./packages/components/icon/index.mjs";
+//#region ../../packages/cck-ui/component.ts
+var component_default = [CButton, CIcon];
+//#endregion
+export { component_default as default };
+
+//# sourceMappingURL=component.mjs.map

package/es/component.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.mjs","names":[],"sources":["../../../packages/cck-ui/component.ts"],"sourcesContent":["import { CButton, CIcon } from '@cck-ui/components'\n\nimport type { Plugin } from 'vue'\n\nexport default [CButton, CIcon] as Plugin[]\n"],"mappings":";;;AAIA,IAAA,oBAAe,CAAC,SAAS,KAAK"}

package/es/components/base/style/css.mjs

@@ -0,0 +1 @@
+import "cck-ui/theme-slate/base.css";

package/es/components/base/style/index.mjs

@@ -0,0 +1 @@
+import "cck-ui/theme-slate/src/base.scss";

package/es/components/button/index.d.ts

@@ -0,0 +1,8 @@
+import { SFCWithInstall } from "../../utils/vue/typescript.js";
+import { ButtonProps, ButtonVariant } from "./src/button.types.js";
+import _default from "./src/button.vue.js";
+
+//#region ../../packages/components/button/index.d.ts
+declare const CButton: SFCWithInstall<typeof _default>;
+//#endregion
+export { ButtonProps, ButtonVariant, CButton, CButton as default };

package/es/components/button/src/button-custom.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from "./button.types.js";
+
+//#region ../../packages/components/button/src/button-custom.d.ts
+declare function useButtonCustomStyle(props: ButtonProps): import("vue").ComputedRef<Record<string, string>>;
+//#endregion
+export { useButtonCustomStyle };

package/es/components/button/src/button.types.d.ts

@@ -0,0 +1,77 @@
+import { ComponentSize } from "../../../constants/sizes.js";
+import { CSSProperties, Component } from "vue";
+
+//#region ../../packages/components/button/src/button.types.d.ts
+type ButtonVariant = 'default' | 'filled' | 'light' | 'outline' | 'transparent' | 'white' | 'subtle' | 'gradient';
+interface ButtonProps {
+  /**
+   * @description If set, adjusts text color based on background color for `filled` variant
+   */
+  autoContrast?: boolean;
+  /**
+   * @description Key of `theme.colors` or any valid CSS color
+   * @default theme.primaryColor
+   */
+  color?: string;
+  /**
+   * @description Sets `disabled` attribute, applies disabled styles
+   */
+  disabled?: boolean;
+  /**
+   * @description Sets `width: 100%`
+   * @default false
+   */
+  fullWidth?: boolean;
+  /**
+   * @description Gradient configuration used for `variant="gradient"`
+   * @default { from: 'blue', to: 'cyan', deg: 45 }
+   */
+  gradient?: {
+    from: string;
+    to: string;
+    deg: number;
+  };
+  /**
+   * @description Sets `justify-content` of `inner` element, can be used to change distribution of sections and label
+   * @default 'center'
+   */
+  justify?: CSSProperties['justify-content'];
+  /**
+   * @description Content on the left side of the button label
+   */
+  leftSection?: Component;
+  /**
+   * @description Props add to the `Loader` component (only visible when `loading` props is set)
+   */
+  loaderProps?: Record<string, string>;
+  /**
+   * @description If set, the `Loader` component is displayed over the button
+   */
+  loading?: boolean;
+  /**
+   * @description Key of `theme.radius` or any valid CSS value to set `border-radius`
+   * @default theme.defaultRadius
+   */
+  radius?: string;
+  /**
+   * @description Content on the right side of the button label
+   */
+  rightSection?: Component;
+  /**
+   * @description Controls button `height`, `font-size` and horizontal `padding`
+   * @default 'sm'
+   */
+  size?: ComponentSize;
+  /**
+   * @description custom element tag
+   * @default 'button'
+   */
+  tag?: string | Component;
+  /**
+   * @description variants of button
+   * @default 'default'
+   */
+  variant?: ButtonVariant;
+}
+//#endregion
+export { ButtonProps, ButtonVariant };

package/es/components/button/src/button.vue.d.ts

@@ -0,0 +1,28 @@
+import { ComponentSize } from "../../../constants/sizes.js";
+import { ButtonProps, ButtonVariant } from "./button.types.js";
+//#region ../../packages/components/button/src/button.vue.d.ts
+type __VLS_Slots = {
+  'left-section': any;
+  'right-section': any;
+  default: any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {
+  /** @description if button is disabled */disabled: boolean; /** @description button html element */
+  ref: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>; /** @description button size */
+  size: string; /** @description button variant */
+  variant: ButtonVariant;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
+  radius: string;
+  size: ComponentSize;
+  tag: string | import("vue").Component;
+  variant: ButtonVariant;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };

package/es/components/button/src/use-button.d.ts

@@ -0,0 +1,14 @@
+import { ButtonProps } from "./button.types.js";
+
+//#region ../../packages/components/button/src/use-button.d.ts
+declare const useButton: (props: ButtonProps, slots: {
+  hasLeftSlot: boolean;
+  hasRightSlot: boolean;
+}) => {
+  _disabled: import("vue").ComputedRef<boolean>;
+  _ref: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
+  _props: import("vue").ComputedRef<Record<string, any>>;
+  handleClick: (evt: MouseEvent) => void;
+};
+//#endregion
+export { useButton };

package/es/components/button/style/css.mjs

@@ -0,0 +1,2 @@
+import "../../base/style/css.mjs";
+import "cck-ui/theme-slate/cu-button.css";

package/es/components/form/index.d.ts

@@ -0,0 +1,4 @@
+import { FormContext, FormProps } from "./src/form.types.js";
+import { formContextKey } from "./src/constants.js";
+import { useDisabled, useFormDisabled } from "./src/hooks/use-form-common-props.js";
+export { FormContext, FormProps, formContextKey, useDisabled, useFormDisabled };

package/es/components/form/src/constants.d.ts

@@ -0,0 +1,7 @@
+import { FormContext } from "./form.types.js";
+import { InjectionKey } from "vue";
+
+//#region ../../packages/components/form/src/constants.d.ts
+declare const formContextKey: InjectionKey<FormContext>;
+//#endregion
+export { formContextKey };

package/es/components/form/src/form.types.d.ts

@@ -0,0 +1,10 @@
+//#region ../../packages/components/form/src/form.types.d.ts
+interface FormProps {
+  /**
+   * @description Sets `disabled` attribute, applies disabled styles
+   */
+  disabled?: boolean;
+}
+type FormContext = FormProps;
+//#endregion
+export { FormContext, FormProps };

package/es/components/form/src/hooks/index.d.ts

@@ -0,0 +1,2 @@
+import { useDisabled, useFormDisabled } from "./use-form-common-props.js";
+export { useDisabled, useFormDisabled };

package/es/components/form/src/hooks/use-form-common-props.d.ts

@@ -0,0 +1,7 @@
+import { MaybeRef } from "vue";
+
+//#region ../../packages/components/form/src/hooks/use-form-common-props.d.ts
+declare const useFormDisabled: (fallback?: MaybeRef<boolean | undefined>) => import("vue").ComputedRef<boolean>;
+declare const useDisabled: (fallback?: MaybeRef<boolean | undefined>) => import("vue").ComputedRef<boolean>;
+//#endregion
+export { useDisabled, useFormDisabled };

package/es/components/icon/index.d.ts

@@ -0,0 +1,26 @@
+import { IconProps } from "./src/icon.types.js";
+//#region ../../packages/components/icon/index.d.ts
+declare const CIcon: {
+  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+  $slots: {
+    default?: (props: {}) => any;
+  };
+}) & import("vue").ObjectPlugin & {
+  setPropsDefault: (defaults: {
+    readonly size?: string | number | (() => string | number) | undefined;
+    readonly color?: string | (() => string) | undefined;
+  }) => void;
+} & Record<string, any>;
+//#endregion
+export { CIcon, CIcon as default, IconProps };

package/es/components/icon/src/icon.types.d.ts

@@ -0,0 +1,13 @@
+//#region ../../packages/components/icon/src/icon.types.d.ts
+interface IconProps {
+  /**
+   * @description SVG icon size, size x size
+   */
+  size?: number | string;
+  /**
+   * @description SVG tag's fill attribute
+   */
+  color?: string;
+}
+//#endregion
+export { IconProps };

package/es/components/icon/src/icon.vue.d.ts

@@ -0,0 +1,17 @@
+import { IconProps } from "./icon.types.js";
+
+//#region ../../packages/components/icon/src/icon.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };

package/es/components/icon/style/css.mjs

@@ -0,0 +1 @@
+import "../../base/style/css.mjs";

package/es/components/icon/style/index.mjs

@@ -0,0 +1 @@
+import "../../base/style/index.mjs";

package/es/components/index.d.ts

@@ -0,0 +1,5 @@
+import { ButtonProps, ButtonVariant } from "./button/src/button.types.js";
+import { CButton } from "./button/index.js";
+import { IconProps } from "./icon/src/icon.types.js";
+import { CIcon } from "./icon/index.js";
+export { ButtonProps, ButtonVariant, CButton, CIcon, IconProps };

package/es/constants/index.d.ts

@@ -0,0 +1,3 @@
+import { INSTALLED_KEY } from "./key.js";
+import { ComponentSize, componentSizeMap, componentSizes } from "./sizes.js";
+export { ComponentSize, INSTALLED_KEY, componentSizeMap, componentSizes };

package/es/constants/key.d.ts

@@ -0,0 +1,4 @@
+//#region ../../packages/constants/key.d.ts
+declare const INSTALLED_KEY: unique symbol;
+//#endregion
+export { INSTALLED_KEY };

package/es/constants/sizes.d.ts

@@ -0,0 +1,12 @@
+//#region ../../packages/constants/sizes.d.ts
+declare const componentSizes: string[];
+type ComponentSize = (typeof componentSizes)[number];
+declare const componentSizeMap: {
+  readonly xl: 60;
+  readonly lg: 50;
+  readonly md: 42;
+  readonly sm: 36;
+  readonly xs: 30;
+};
+//#endregion
+export { ComponentSize, componentSizeMap, componentSizes };

package/es/defaults.d.ts

@@ -0,0 +1,6 @@
+//#region ../../packages/cck-ui/defaults.d.ts
+declare const _default: {
+  install: (app: import("vue").App) => void;
+};
+//#endregion
+export { _default as default };

package/es/defaults.mjs

@@ -0,0 +1,9 @@
+import component_default from "./component.mjs";
+import { makeInstaller } from "./make-installer.mjs";
+import plugin_default from "./plugin.mjs";
+//#region ../../packages/cck-ui/defaults.ts
+var defaults_default = makeInstaller([...component_default, ...plugin_default]);
+//#endregion
+export { defaults_default as default };
+
+//# sourceMappingURL=defaults.mjs.map

package/es/defaults.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.mjs","names":["Components","Plugins"],"sources":["../../../packages/cck-ui/defaults.ts"],"sourcesContent":["import { makeInstaller } from './make-installer'\nimport Components from './component'\nimport Plugins from './plugin'\n\nexport default makeInstaller([...Components, ...Plugins])\n"],"mappings":";;;;AAIA,IAAA,mBAAe,cAAc,CAAC,GAAGA,mBAAY,GAAGC,cAAO,CAAC"}

package/es/hooks/index.d.ts

@@ -0,0 +1,4 @@
+import { UseNamespaceReturn, defaultNamespace, namespaceContextKey, useGetDerivedNamespace, useNamespace } from "./use-namespace/index.js";
+import { useProp } from "./use-prop/index.js";
+import { ColorScheme, useColorScheme } from "./use-theme/index.js";
+export { ColorScheme, UseNamespaceReturn, defaultNamespace, namespaceContextKey, useColorScheme, useGetDerivedNamespace, useNamespace, useProp };

package/es/hooks/use-namespace/index.d.ts

@@ -0,0 +1,27 @@
+import { InjectionKey, Ref } from "vue";
+
+//#region ../../packages/hooks/use-namespace/index.d.ts
+declare const defaultNamespace = "c";
+declare const namespaceContextKey: InjectionKey<Ref<string | undefined>>;
+declare const useGetDerivedNamespace: (namespaceOverrides?: Ref<string | undefined>) => import("vue").ComputedRef<string>;
+declare const useNamespace: (block: string, namespaceOverrides?: Ref<string | undefined>) => {
+  namespace: import("vue").ComputedRef<string>;
+  b: (blockSuffix?: string) => string;
+  e: (element?: string) => string;
+  m: (modifier?: string) => string;
+  be: (blockSuffix?: string, element?: string) => string;
+  em: (element?: string, modifier?: string) => string;
+  bm: (blockSuffix?: string, modifier?: string) => string;
+  bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+  is: {
+    (name: string, state: boolean | undefined): string;
+    (name: string): string;
+  };
+  cssVar: (object: Record<string, string>) => Record<string, string>;
+  cssVarName: (name: string) => string;
+  cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+  cssVarBlockName: (name: string) => string;
+};
+type UseNamespaceReturn = ReturnType<typeof useNamespace>;
+//#endregion
+export { UseNamespaceReturn, defaultNamespace, namespaceContextKey, useGetDerivedNamespace, useNamespace };

package/es/hooks/use-prop/index.d.ts

@@ -0,0 +1,6 @@
+import { ComputedRef } from "vue";
+
+//#region ../../packages/hooks/use-prop/index.d.ts
+declare const useProp: <T>(name: string) => ComputedRef<T | undefined>;
+//#endregion
+export { useProp };

package/es/hooks/use-theme/index.d.ts

@@ -0,0 +1,5 @@
+//#region ../../packages/hooks/use-theme/index.d.ts
+type ColorScheme = 'light' | 'dark';
+declare const useColorScheme: () => Readonly<import("vue").Ref<ColorScheme, ColorScheme>>;
+//#endregion
+export { ColorScheme, useColorScheme };

package/es/index.d.ts

@@ -0,0 +1,11 @@
+import _default from "./defaults.js";
+import { ButtonProps, ButtonVariant } from "./components/button/src/button.types.js";
+import { CButton } from "./components/button/index.js";
+import { IconProps } from "./components/icon/src/icon.types.js";
+import { CIcon } from "./components/icon/index.js";
+import { makeInstaller } from "./make-installer.js";
+
+//#region ../../packages/cck-ui/index.d.ts
+declare const install: (app: import("vue").App) => void;
+//#endregion
+export { ButtonProps, ButtonVariant, CButton, CIcon, IconProps, _default as default, install, makeInstaller };

package/es/index.mjs

@@ -0,0 +1,11 @@
+import { CButton } from "./packages/components/button/index.mjs";
+import { CIcon } from "./packages/components/icon/index.mjs";
+import { makeInstaller } from "./make-installer.mjs";
+import defaults_default from "./defaults.mjs";
+//#region ../../packages/cck-ui/index.ts
+const install = defaults_default.install;
+var cck_ui_default = defaults_default;
+//#endregion
+export { CButton, CIcon, cck_ui_default as default, install, makeInstaller };
+
+//# sourceMappingURL=index.mjs.map

package/es/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["installer"],"sources":["../../../packages/cck-ui/index.ts"],"sourcesContent":["import installer from './defaults'\n\nexport * from '@cck-ui/components'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport default installer\n"],"mappings":";;;;;AAKA,MAAa,UAAUA,iBAAU;AACjC,IAAA,iBAAeA"}

package/es/make-installer.d.ts

@@ -0,0 +1,8 @@
+import { App, Plugin } from "vue";
+
+//#region ../../packages/cck-ui/make-installer.d.ts
+declare const makeInstaller: (components: Plugin[]) => {
+  install: (app: App) => void;
+};
+//#endregion
+export { makeInstaller };

package/es/make-installer.mjs

@@ -0,0 +1,14 @@
+//#region ../../packages/cck-ui/make-installer.ts
+const INSTALLED_KEY = Symbol("INSTALLED_KEY");
+const makeInstaller = (components) => {
+	const install = (app) => {
+		if (app[INSTALLED_KEY]) return;
+		app[INSTALLED_KEY] = true;
+		components.forEach((c) => app.use(c));
+	};
+	return { install };
+};
+//#endregion
+export { makeInstaller };
+
+//# sourceMappingURL=make-installer.mjs.map

package/es/make-installer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-installer.mjs","names":[],"sources":["../../../packages/cck-ui/make-installer.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\n\nexport const makeInstaller = (components: Plugin[]) => {\n  const install = (app: App) => {\n    if ((app as any)[INSTALLED_KEY]) return\n    ;(app as any)[INSTALLED_KEY] = true\n    components.forEach((c) => app.use(c))\n  }\n  return { install }\n}\n"],"mappings":";AAEA,MAAM,gBAAgB,OAAO,eAAe;AAE5C,MAAa,iBAAiB,eAAyB;CACrD,MAAM,WAAW,QAAa;EAC5B,IAAK,IAAY,gBAAgB;EAChC,IAAa,iBAAiB;EAC/B,WAAW,SAAS,MAAM,IAAI,IAAI,CAAC,CAAC;CACtC;CACA,OAAO,EAAE,QAAQ;AACnB"}