vueless 0.0.474 → 0.0.475

package/ui.text-badge/useAttrs.d.ts

@@ -0,0 +1,11 @@
+export default function useAttrs(props: any): {
+    hasSlotContent: (slot: any, props?: {}) => boolean;
+    constructor: Function;
+    toString(): string;
+    toLocaleString(): string;
+    valueOf(): Object;
+    hasOwnProperty(v: PropertyKey): boolean;
+    isPrototypeOf(v: Object): boolean;
+    propertyIsEnumerable(v: PropertyKey): boolean;
+    config: import("vue").Ref<{}, {}>;
+};

package/ui.text-block/UText.vue

@@ -1,71 +1,27 @@
-<template>
-  <div v-bind="wrapperAttrs" :data-test="dataTest">
-    <!-- @slot Use it to add something inside. -->
-    <div v-if="!hasSlotContent($slots['default'])" v-bind="htmlAttrs" v-html="html" />
-    <slot />
-  </div>
-</template>
+<script lang="ts" setup>
+import { getDefault } from "../utilsTs/utilUI";
 
-<script setup>
-import { getDefault } from "../utils/utilUI.js";
+import { UText } from "./constants";
+import defaultConfig from "./config";
+import useAttrs from "./useAttrs";
 
-import { UText } from "./constants.js";
-import defaultConfig from "./config.js";
-import useAttrs from "./useAttrs.js";
+import type { UTextProps } from "./types";
 
 defineOptions({ inheritAttrs: false });
 
-const props = defineProps({
-  /**
-   * НTML markdown or plain text.
-   */
-  html: {
-    type: String,
-    default: undefined,
-  },
-
-  /**
-   * Text size.
-   * @values sm, md, lg
-   */
-  size: {
-    type: String,
-    default: getDefault(defaultConfig, UText).size,
-  },
-
-  /**
-   * Text align.
-   * @values left, center, right
-   */
-  align: {
-    type: String,
-    default: getDefault(defaultConfig, UText).align,
-  },
-
-  /**
-   * Remove line height (useful for 1-line text).
-   */
-  line: {
-    type: Boolean,
-    default: getDefault(defaultConfig, UText).line,
-  },
-
-  /**
-   * Component config object.
-   */
-  config: {
-    type: Object,
-    default: () => ({}),
-  },
-
-  /**
-   * Data-test attribute for automated testing.
-   */
-  dataTest: {
-    type: String,
-    default: "",
-  },
+const props = withDefaults(defineProps<UTextProps>(), {
+  size: getDefault(defaultConfig, UText).size,
+  align: getDefault(defaultConfig, UText).align,
+  line: getDefault(defaultConfig, UText).line,
 });
 
 const { wrapperAttrs, htmlAttrs, hasSlotContent } = useAttrs(props);
 </script>
+
+<template>
+  <div v-bind="wrapperAttrs" :data-test="dataTest">
+    <!-- @slot Use it to add something inside. -->
+    <div v-if="!hasSlotContent($slots['default'])" v-bind="htmlAttrs" v-html="html" />
+    <slot />
+  </div>
+</template>

package/ui.text-block/UText.vue.d.ts

@@ -0,0 +1,21 @@
+import type { UTextProps } from "./types";
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<UTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UTextProps> & Readonly<{}>, {
+    size: "sm" | "md" | "lg";
+    line: boolean;
+    align: "left" | "center" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/ui.text-block/config.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+    wrapper: {
+        base: string;
+        variants: {
+            size: {
+                sm: string;
+                md: string;
+                lg: string;
+            };
+            align: {
+                left: string;
+                center: string;
+                right: string;
+            };
+            line: {
+                true: string;
+            };
+        };
+    };
+    html: string;
+    defaults: {
+        size: string;
+        align: string;
+        line: boolean;
+    };
+};
+export default _default;

package/ui.text-block/constants.d.ts

@@ -0,0 +1 @@
+export declare const UText = "UText";

package/ui.text-block/storybook/Docs.mdx

@@ -1,8 +1,8 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
 import { getSource } from "../../utils/utilStorybook.js";
 
-import * as stories from "./stories.js";
-import defaultConfig from "../config.js?raw"
+import * as stories from "./stories.ts";
+import defaultConfig from "../config.ts?raw"
 
 <Meta of={stories} />
 <Title of={stories} />

package/ui.text-block/storybook/stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryFn } from "@storybook/vue3";
+import type { UTextProps } from "../types";
+interface UTextArgs extends UTextProps {
+    slotTemplate?: string;
+    enum: "size";
+}
+declare const _default: Meta;
+export default _default;
+export declare const Default: StoryFn<UTextArgs>;
+export declare const Sizes: StoryFn<UTextArgs>;
+export declare const Paragraphs: StoryFn<UTextArgs>;
+export declare const List: StoryFn<UTextArgs>;

package/ui.text-block/storybook/{stories.js → stories.ts}

@@ -1,8 +1,16 @@
+import type { Meta, StoryFn } from "@storybook/vue3";
 import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/utilStorybook.js";
 
 import UText from "../../ui.text-block/UText.vue";
 import URow from "../../ui.container-row/URow.vue";
 
+import type { UTextProps } from "../types";
+
+interface UTextArgs extends UTextProps {
+  slotTemplate?: string;
+  enum: "size";
+}
+
 /**
  * The `UText` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.text-block)
  */
@@ -14,7 +22,7 @@ export default {
     ...getArgTypes(UText.__name),
   },
   args: {},
-};
+} as Meta;
 
 const defaultTemplate = `
   <p>
@@ -24,7 +32,7 @@ const defaultTemplate = `
   </p>
 `;
 
-const DefaultTemplate = (args) => ({
+const DefaultTemplate: StoryFn<UTextArgs> = (args) => ({
   components: { UText, URow },
   setup() {
     const slots = getSlotNames(UText.__name);
@@ -38,12 +46,12 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes } = {}) => ({
+const EnumVariantTemplate: StoryFn<UTextArgs> = (args, { argTypes }) => ({
   components: { UText, URow },
   setup() {
     return {
       args,
-      options: argTypes[args.enum].options,
+      options: argTypes?.[args.enum]?.options || [],
     };
   },
   template: `
@@ -88,7 +96,6 @@ Paragraphs.args = {
         rapidly changing landscape and emerge stronger and more competitive.
       </p>
     </template>
-
   `,
 };
 
@@ -102,8 +109,6 @@ List.args = {
           <li>Update your profile information</li>
           <li>Check your email for updates</li>
         </ul>
-
-
         <ol>
           <li>Create an account by signing up</li>
           <li>Verify your email address</li>

package/ui.text-block/types.d.ts

@@ -0,0 +1,9 @@
+import defaultConfig from "./config";
+export interface UTextProps {
+    html?: string;
+    size?: "sm" | "md" | "lg";
+    align?: "left" | "center" | "right";
+    line?: boolean;
+    config?: Partial<typeof defaultConfig>;
+    dataTest?: string;
+}

package/ui.text-block/types.ts

@@ -0,0 +1,33 @@
+import defaultConfig from "./config";
+
+export interface UTextProps {
+  /**
+   * HTML markdown or plain text.
+   */
+  html?: string;
+
+  /**
+   * Text size.
+   */
+  size?: "sm" | "md" | "lg";
+
+  /**
+   * Text align.
+   */
+  align?: "left" | "center" | "right";
+
+  /**
+   * Remove line height (useful for 1-line text).
+   */
+  line?: boolean;
+
+  /**
+   * Component config object.
+   */
+  config?: Partial<typeof defaultConfig>;
+
+  /**
+   * Data-test attribute for automated testing.
+   */
+  dataTest?: string;
+}

package/ui.text-block/useAttrs.d.ts

@@ -0,0 +1,3 @@
+import type { UseAttrs } from "../types";
+import type { UTextProps } from "./types";
+export default function useAttrs(props: UTextProps): UseAttrs;

package/ui.text-block/useAttrs.ts

@@ -0,0 +1,18 @@
+import useUI from "../composablesTs/useUI";
+
+import defaultConfig from "./config";
+
+import type { UseAttrs } from "../types";
+import type { UTextProps } from "./types";
+
+export default function useAttrs(props: UTextProps) {
+  const { config, getKeysAttrs, hasSlotContent } = useUI(defaultConfig, () => props.config);
+
+  const keysAttrs = getKeysAttrs();
+
+  return {
+    config,
+    ...keysAttrs,
+    hasSlotContent,
+  } as UseAttrs;
+}

package/ui.text-empty/UEmpty.vue.d.ts

@@ -0,0 +1,29 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import("vue").DefineComponent<{}, {
+    description: string;
+    title: string;
+    config: Record<string, any>;
+    dataTest: string;
+    size?: string | undefined;
+    $props: {
+        readonly description?: string | undefined;
+        readonly title?: string | undefined;
+        readonly config?: Record<string, any> | undefined;
+        readonly dataTest?: string | undefined;
+        readonly size?: string | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_TemplateResult = {
+    slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<typeof __VLS_inheritedAttrs>;
+};
+declare var __VLS_inheritedAttrs: {};

package/ui.text-empty/config.d.ts

@@ -0,0 +1,55 @@
+declare namespace _default {
+    let wrapper: string;
+    namespace header {
+        let base: string;
+        namespace variants {
+            namespace size {
+                let sm: string;
+                let md: string;
+                let lg: string;
+            }
+        }
+    }
+    namespace emptyIconWrapper {
+        let base_1: string;
+        export { base_1 as base };
+        export namespace variants_1 {
+            export namespace size_1 {
+                let sm_1: string;
+                export { sm_1 as sm };
+                let md_1: string;
+                export { md_1 as md };
+                let lg_1: string;
+                export { lg_1 as lg };
+            }
+            export { size_1 as size };
+        }
+        export { variants_1 as variants };
+    }
+    let emptyIcon: string;
+    let title: string;
+    namespace description {
+        let base_2: string;
+        export { base_2 as base };
+        export namespace variants_2 {
+            export namespace size_2 {
+                let sm_2: string;
+                export { sm_2 as sm };
+                let md_2: string;
+                export { md_2 as md };
+                let lg_2: string;
+                export { lg_2 as lg };
+            }
+            export { size_2 as size };
+        }
+        export { variants_2 as variants };
+    }
+    let footer: string;
+    namespace defaults {
+        let size_3: string;
+        export { size_3 as size };
+        let emptyIcon_1: string;
+        export { emptyIcon_1 as emptyIcon };
+    }
+}
+export default _default;

package/ui.text-empty/constants.d.ts

@@ -0,0 +1 @@
+export const UEmpty: "UEmpty";