@resee-movies/nuxt-ux 0.1.0 → 0.2.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@resee-movies/nuxt-ux",
   "configKey": "ux",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.0"

package/dist/module.mjs

@@ -203,6 +203,7 @@ const module = defineNuxtModule({
     const composables = resolver.resolve("./runtime/composables/");
     const server = resolver.resolve("./runtime/server/");
     const stylesheet = resolver.resolve("./runtime/theme/css/styles.css");
+    nuxt.options.alias["#resee-ux"] = resolver.resolve("./runtime");
     const sources = options.tailwind?.sources?.slice() ?? [];
     const plugins = options.tailwind?.plugins?.slice() ?? [];
     const imports = options.tailwind?.plugins?.slice() ?? [];

package/dist/runtime/components/Button.vue.d.ts

@@ -13,7 +13,7 @@ import type { IconTextPairProps } from './IconTextPair.vue.js';
  * When "grow", causes the button to expand to the full width of its container, and
  * increase its font size when at the small breakpoint.
  */
-export type ButtonProps = {
+export interface ButtonProps extends IconTextPairProps {
     is?: string | Component;
     severity?: StyleStatusLevel | 'unset';
     bordered?: boolean;
@@ -25,7 +25,7 @@ export type ButtonProps = {
     tooltip?: string;
     disabledTooltip?: string;
     onClick?: ((evt: Event) => void | Promise<void>) | ((evt: Event) => void | Promise<void>)[];
-} & IconTextPairProps;
+}
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     click: (evt: Event) => any;
 }, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{

package/dist/runtime/components/Card.vue

@@ -12,6 +12,10 @@
   </Component>
 </template>
 
+<script>
+
+</script>
+
 <script setup>
 import { useSlots } from "#imports";
 const props = defineProps({

package/dist/runtime/components/Card.vue.d.ts

@@ -1,20 +1,17 @@
-type __VLS_Props = {
+export interface CardProps {
     is?: string;
     interactive?: boolean;
-};
-declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
-} & {
-    image?: (props: typeof __VLS_9) => any;
-} & {
-    content?: (props: typeof __VLS_11) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+}
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {
     is: string;
     interactive: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    image?: (props: {}) => any;
+} & {
+    content?: (props: {}) => any;
+}>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/Dialog.vue.d.ts

@@ -1,8 +1,8 @@
 import type { DialogProps as PrimeDialogProps } from 'primevue';
-export type DialogProps = {
+export interface DialogProps extends PrimeDialogProps {
     size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
     showHeaderText?: boolean;
-} & PrimeDialogProps;
+}
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:visible": (visible: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<DialogProps> & Readonly<{

package/dist/runtime/components/Drawer.vue.d.ts

@@ -1,7 +1,7 @@
 import type { DrawerProps as PrimeDrawerProps } from 'primevue';
-export type DrawerProps = {
+export interface DrawerProps extends PrimeDrawerProps {
     showHeaderText?: boolean;
-} & PrimeDrawerProps;
+}
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<DrawerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:visible": (visible: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<DrawerProps> & Readonly<{

package/dist/runtime/components/Heading.vue

@@ -4,6 +4,10 @@
   </Component>
 </template>
 
+<script>
+
+</script>
+
 <script setup>
 import { computed } from "vue";
 const props = defineProps({

package/dist/runtime/components/Heading.vue.d.ts

@@ -1,16 +1,13 @@
-type __VLS_Props = {
+export interface HeadingProps {
     text?: string | null;
     level?: '1' | '2' | '3' | '4' | '5' | '6' | 1 | 2 | 3 | 4 | 5 | 6;
-};
-declare var __VLS_7: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+}
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<HeadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HeadingProps> & Readonly<{}>, {
     text: string | null;
     level: "1" | "2" | "3" | "4" | "5" | "6" | 1 | 2 | 3 | 4 | 5 | 6;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/Icon.vue.d.ts

@@ -1,9 +1,9 @@
-export type IconProps = {
+export interface IconProps {
     name?: string;
     loading?: boolean;
     size?: 'sm' | 'md' | 'lg' | 'xl';
     colorCycle?: boolean;
-};
+}
 declare const __VLS_export: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {
     size: "sm" | "md" | "lg" | "xl";
     name: string;

package/dist/runtime/components/IconTextPair.vue.d.ts

@@ -1,5 +1,5 @@
 import type { IconProps } from './Icon.vue.js';
-export type IconTextPairProps = {
+export interface IconTextPairProps {
     text?: string;
     icon?: string;
     trailingIcon?: string;
@@ -8,7 +8,7 @@ export type IconTextPairProps = {
     layout?: 'column' | 'row';
     spacing?: 'wide' | 'normal';
     loading?: boolean;
-};
+}
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<IconTextPairProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconTextPairProps> & Readonly<{}>, {
     loading: boolean;
     icon: string;

package/dist/runtime/components/Image.vue.d.ts

@@ -5,7 +5,7 @@ import type { TmdbImageSize } from '@resee-movies/utilities/tmdb/get-tmdb-image-
 import type { LoadImageType } from '../composables/use-load-image.js';
 import type { HTMLElementClassNames } from '../types/index.js';
 import type { IconProps } from './Icon.vue.js';
-export type UiImgProps = {
+export interface ImageProps {
     src: ImageFileDescriptor | null | undefined;
     alt?: string | null | ((error: unknown) => string);
     type?: LoadImageType;
@@ -22,7 +22,7 @@ export type UiImgProps = {
     beveled?: boolean;
     raised?: boolean;
     overlayClasses?: HTMLElementClassNames;
-};
+}
 export declare const AspectRatioClassNames: {
     readonly '1/1': "aspect-square";
     readonly square: "aspect-square";
@@ -38,7 +38,7 @@ export declare const ObjectFitClassNames: {
     readonly contain: "object-contain";
     readonly inside: "object-contain";
 };
-declare const __VLS_export: import("vue").DefineComponent<UiImgProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiImgProps> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<ImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageProps> & Readonly<{}>, {
     type: LoadImageType;
     loading: "lazy" | "eager";
     iconSize: "sm" | "md" | "lg" | "xl";

package/dist/runtime/components/LayoutPageColumn.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script>
-
+;
 </script>
 
 <script setup>

package/dist/runtime/components/LayoutPageColumn.vue.d.ts

@@ -1,7 +1,7 @@
-export type LayoutPageColumn = {
+export interface LayoutPageColumn {
     is?: string;
     layout?: 'main' | 'vista';
-};
+}
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LayoutPageColumn, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutPageColumn> & Readonly<{}>, {
     layout: "main" | "vista";
     is: string;

package/dist/runtime/components/LayoutPageContainer.vue.d.ts

@@ -1,9 +1,9 @@
 import type { HintedString } from '../types/index.js';
-export type LayoutPageContainerProps = {
+export interface LayoutPageContainerProps {
     is?: HintedString<'div' | 'main' | 'section' | 'article' | 'nav'>;
     glassEffect?: boolean;
     accentColor?: string;
-};
+}
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LayoutPageContainerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutPageContainerProps> & Readonly<{}>, {
     is: HintedString<"div" | "main" | "section" | "article" | "nav">;
     glassEffect: boolean;

package/dist/runtime/components/Link.vue

@@ -12,12 +12,14 @@
 </template>
 
 <script>
-import { useNuxtUxConfig } from "../composables/use-nuxt-ux-config";
+
 </script>
 
 <script setup>
+import { resolveComponent } from "vue";
+import { getReseeUxConstant } from "../config";
 import Button from "./Button.vue";
-const LinkComponent = useNuxtUxConfig().getConfig("UiLinkBaseComponent");
+const LinkComponent = getReseeUxConstant("UiLinkBaseComponent") ?? resolveComponent("NuxtLink");
 const props = defineProps({
   to: { type: null, required: true },
   external: { type: Boolean, required: false, default: false },

package/dist/runtime/components/Link.vue.d.ts

@@ -1,14 +1,14 @@
 import type { RouteLocationRaw } from 'vue-router';
 import type { ButtonProps } from './Button.vue.js';
-export type UiLinkProps = {
+export interface LinkProps extends /* @vue-ignore */ Omit<ButtonProps, 'bordered' | 'variant' | 'spacing'> {
     to: RouteLocationRaw;
     external?: boolean;
     target?: '_blank' | '_parent' | '_self' | '_top';
     underline?: boolean;
     variant?: ButtonProps['variant'];
     spacing?: ButtonProps['spacing'];
-} & /* @vue-ignore */ Omit<ButtonProps, 'bordered' | 'variant' | 'spacing'>;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<UiLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiLinkProps> & Readonly<{}>, {
+}
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
     target: "_blank" | "_parent" | "_self" | "_top";
     spacing: "wide" | "normal";
     variant: "a" | "btn";

package/dist/runtime/components/LoadingIndicator.vue

@@ -2,6 +2,10 @@
   <PrimeProgressSpinner :class="['indicator', props.size]" />
 </template>
 
+<script>
+
+</script>
+
 <script setup>
 import { ProgressSpinner as PrimeProgressSpinner } from "primevue";
 const props = defineProps({

package/dist/runtime/components/LoadingIndicator.vue.d.ts

@@ -1,8 +1,8 @@
 import type { IconProps } from './Icon.vue.js';
-type __VLS_Props = {
+export interface LoadingIndicatorProps {
     size?: IconProps['size'];
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+}
+declare const __VLS_export: import("vue").DefineComponent<LoadingIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LoadingIndicatorProps> & Readonly<{}>, {
     size: "sm" | "md" | "lg" | "xl";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/Lorem.vue

@@ -10,6 +10,10 @@
   </template>
 </template>
 
+<script>
+
+</script>
+
 <script setup>
 import { useId, useState } from "#imports";
 import { computed } from "vue";

package/dist/runtime/components/Lorem.vue.d.ts

@@ -1,4 +1,4 @@
-type __VLS_Props = {
+export interface LoremProps {
     type?: 'words' | 'sentences' | 'paragraphs';
     min?: string | number;
     max?: string | number;
@@ -8,8 +8,8 @@ type __VLS_Props = {
     maxSentenceCount?: string | number;
     minWordCount?: string | number;
     maxWordCount?: string | number;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+}
+declare const __VLS_export: import("vue").DefineComponent<LoremProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LoremProps> & Readonly<{}>, {
     type: "words" | "sentences" | "paragraphs";
     min: string | number;
     max: string | number;

package/dist/runtime/components/Message.vue.d.ts

@@ -1,11 +1,11 @@
 import type { StatusLevel } from '../types/index.js';
-export type MessageProps = {
+export interface MessageProps {
     severity?: StatusLevel;
     text?: string;
     class?: string;
     style?: string;
     accented?: boolean;
-};
+}
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<MessageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MessageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;

package/dist/runtime/components/ProgressBar.vue

@@ -8,6 +8,10 @@
   />
 </template>
 
+<script>
+
+</script>
+
 <script setup>
 import { computed } from "vue";
 import PrimeProgressBar from "primevue/progressbar";

package/dist/runtime/components/ProgressBar.vue.d.ts

@@ -1,9 +1,9 @@
-type __VLS_Props = {
+export interface ProgressBarProps {
     value?: number | undefined;
     showValue?: boolean;
     indeterminate?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+}
+declare const __VLS_export: import("vue").DefineComponent<ProgressBarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProgressBarProps> & Readonly<{}>, {
     value: number;
     showValue: boolean;
     indeterminate: boolean;

package/dist/runtime/components/Tag.vue

@@ -13,6 +13,10 @@
   </PrimeTag>
 </template>
 
+<script>
+
+</script>
+
 <script setup>
 import PrimeTag from "primevue/tag";
 import vPrimeTooltip from "primevue/tooltip";

package/dist/runtime/components/Tag.vue.d.ts

@@ -1,12 +1,12 @@
 import type { StatusLevel } from '../types/index.js';
-type __VLS_Props = {
+export interface TagProps {
     text?: string;
     icon?: string;
     severity?: StatusLevel;
     size?: 'sm' | 'md' | 'lg';
     tooltip?: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+}
+declare const __VLS_export: import("vue").DefineComponent<TagProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TagProps> & Readonly<{}>, {
     size: "sm" | "md" | "lg";
     icon: string;
     text: string;

package/dist/runtime/config.d.ts

@@ -0,0 +1,18 @@
+import { type Component } from 'vue';
+/**
+ * Runtime constants can be set once and then used throughout this package.
+ */
+export type ReseeUxRuntimeConstants = {
+    UiLinkBaseComponent?: Component;
+};
+export type ConstantsKey = keyof ReseeUxRuntimeConstants;
+export type ConstantsValue<K extends ConstantsKey> = ReseeUxRuntimeConstants[K];
+/**
+ * Set one or more ReSee UX package global constants.
+ */
+export declare function setReseeUxConstant(values: Partial<ReseeUxRuntimeConstants>): void;
+export declare function setReseeUxConstant<K extends ConstantsKey>(key: K, value: ConstantsValue<K>): void;
+/**
+ * Retrieve a ReSee UX package global constant.
+ */
+export declare function getReseeUxConstant<K extends ConstantsKey>(key: K): ConstantsValue<K>;

package/dist/runtime/config.js

@@ -0,0 +1,14 @@
+import { isObjectLike } from "@resee-movies/utilities/objects/is-object-like";
+const RuntimeConstants = {
+  UiLinkBaseComponent: void 0
+};
+export function setReseeUxConstant(keyOrObject, valueOrUndef) {
+  if (isObjectLike(keyOrObject)) {
+    Object.assign(RuntimeConstants, keyOrObject);
+  } else if (valueOrUndef) {
+    RuntimeConstants[keyOrObject] = valueOrUndef;
+  }
+}
+export function getReseeUxConstant(key) {
+  return RuntimeConstants[key];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@resee-movies/nuxt-ux",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "The next-gen user experience library for ReSee Movies - currently in development. ",
   "repository": {
     "url": "https://github.com/ReSee-Movies/nuxt-ux.git"
@@ -13,11 +13,14 @@
       "types": "./dist/types.d.mts",
       "import": "./dist/module.mjs"
     },
+    "./config": {
+      "import": "./dist/runtime/config.js"
+    },
     "./components/*": {
       "import": "./dist/runtime/components/*"
     },
     "./composables/*": {
-      "import": "./dist/runtime/composables/*"
+      "import": "./dist/runtime/composables/*.js"
     },
     "./types": {
       "types": "./dist/runtime/types/index.d.ts"

package/dist/runtime/composables/use-nuxt-ux-config.d.ts

@@ -1,24 +0,0 @@
-declare const NuxtUxConfig: {
-    UiLinkBaseComponent: import("vue").ShallowRef<import("vue").ComponentOptions<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, import("vue").ComponentOptions<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>> | import("vue").ShallowRef<import("vue").FunctionalComponent<any, {}, any, {}>, import("vue").FunctionalComponent<any, {}, any, {}>> | import("vue").ShallowRef<{
-        new (...args: any[]): any;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    }, {
-        new (...args: any[]): any;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    }>;
-};
-export type NuxtUxConfigPropName = keyof typeof NuxtUxConfig;
-export type NuxtUxConfigPropValue<K extends NuxtUxConfigPropName> = (typeof NuxtUxConfig)[K];
-/**
- * Exposes `getConfig` and `setConfig` methods for manipulating module-level
- * configuration at runtime.
- */
-export declare function useNuxtUxConfig(): {
-    setConfig<K extends NuxtUxConfigPropName>(key: K, value: NuxtUxConfigPropValue<K>): void;
-    getConfig<K extends NuxtUxConfigPropName>(key: K): NuxtUxConfigPropValue<K>;
-};
-export {};

package/dist/runtime/composables/use-nuxt-ux-config.js

@@ -1,15 +0,0 @@
-import { NuxtLink } from "#components";
-import { isRef, shallowRef } from "vue";
-const NuxtUxConfig = {
-  UiLinkBaseComponent: shallowRef(NuxtLink)
-};
-export function useNuxtUxConfig() {
-  return {
-    setConfig(key, value) {
-      NuxtUxConfig[key] = isRef(value) ? value : shallowRef(value);
-    },
-    getConfig(key) {
-      return NuxtUxConfig[key];
-    }
-  };
-}