@nonsuch/component-library 0.4.0 → 0.6.0

package/README.md

@@ -35,8 +35,8 @@ import '@nonsuch/component-library/tokens.css'
 import 'quasar/src/css/index.sass'
 
 const app = createApp(App)
-app.use(Quasar, createQuasarConfig())  // Token-aligned Quasar brand colours
-app.use(createNonsuch())               // Locale + library setup
+app.use(Quasar, createQuasarConfig()) // Token-aligned Quasar brand colours
+app.use(createNonsuch()) // Locale + library setup
 app.mount('#app')
 ```
 
@@ -74,10 +74,13 @@ app.use(createNonsuch({ locale: nsLocaleFrCA }))
 ```ts
 import { createQuasarConfig } from '@nonsuch/component-library'
 
-app.use(Quasar, createQuasarConfig({
-  brand: { primary: '#1a73e8' },
-  plugins: { Notify: {} },
-}))
+app.use(
+  Quasar,
+  createQuasarConfig({
+    brand: { primary: '#1a73e8' },
+    plugins: { Notify: {} },
+  }),
+)
 ```
 
 ### Dark Mode
@@ -243,24 +246,34 @@ pnpm build:storybook
 
 ## Project Structure
 
-```markdown
+```text
 src/
-  index.ts             # Library entry — exports all public API
-  plugin.ts            # createNonsuch() Vue plugin
-  quasarConfig.ts      # createQuasarConfig() helper
+  index.ts                # Library entry — exports all public API
+  plugin.ts               # createNonsuch() Vue plugin
+  quasarConfig.ts         # createQuasarConfig() helper
   components/
-    NsButton/          # Styled QBtn wrapper
-    NsCard/            # Card with title/subtitle/actions slots
-    NsInput/           # Styled QInput wrapper
-    NsSkeleton/        # Loading skeleton with animation
-    NsThemeProvider/   # Renderless locale provider
+    NsAvatar/             # Avatar with size presets
+    NsBanner/             # Info/success/warning/error banners
+    NsButton/             # Styled QBtn wrapper
+    NsCard/               # Card with title/subtitle/actions slots
+    NsCheckbox/           # Styled QCheckbox wrapper
+    NsChip/               # Tag/filter chip
+    NsDialog/             # Modal dialog with header/body/actions
+    NsForm/               # Form wrapper with validation
+    NsInput/              # Styled QInput wrapper
+    NsList/               # List with separator defaults
+    NsSelect/             # Styled QSelect dropdown
+    NsSkeleton/           # Loading skeleton with animation
+    NsThemeProvider/      # Renderless locale provider
+    NsToggle/             # Styled QToggle switch
+    NsTooltip/            # Tooltip with consistent delays
   composables/
-    useNsLocale.ts     # Locale injection/provision
-    useNsDarkMode.ts   # Dark mode with persistence
-    useNsDefaults.ts   # Default value helper
-  locale/              # en-CA, fr-CA string packs
-  tokens/              # Design token CSS + TS helpers
-  fonts/               # Fixel font files + CSS
+    useNsLocale.ts        # Locale injection/provision
+    useNsDarkMode.ts      # Dark mode with persistence
+    useNsDefaults.ts      # Default value helper
+  locale/                 # en-CA, fr-CA string packs
+  tokens/                 # Design token CSS + TS helpers
+  fonts/                  # Fixel font files + CSS
 ```
 
 Each custom component lives in its own directory with co-located story and test files. The `Ns` prefix distinguishes library components from Quasar's `Q` prefix.

package/dist/components/NsAvatar/NsAvatar.vue.d.ts

@@ -0,0 +1,40 @@
+/**
+ * NsAvatar — A styled avatar wrapping Quasar's QAvatar.
+ *
+ * Provides Nonsuch size presets and token-based colours.
+ */
+export type NsAvatarSize = 'sm' | 'md' | 'lg' | 'xl';
+export interface NsAvatarProps {
+    /** Avatar size preset */
+    size?: NsAvatarSize;
+    /** Background colour */
+    color?: string;
+    /** Text/icon colour */
+    textColor?: string;
+    /** Apply rounded (circle) shape */
+    rounded?: boolean;
+    /** Apply square shape */
+    square?: boolean;
+    /** Accessible label — omit for decorative avatars (hides from screen readers) */
+    ariaLabel?: string;
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsAvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsAvatarProps> & Readonly<{}>, {
+    color: string;
+    size: NsAvatarSize;
+    rounded: boolean;
+    square: boolean;
+    ariaLabel: string;
+    textColor: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NsAvatar/index.d.ts

@@ -0,0 +1 @@
+export { default as NsAvatar } from './NsAvatar.vue';

package/dist/components/NsBanner/NsBanner.vue.d.ts

@@ -0,0 +1,30 @@
+export type NsBannerType = 'info' | 'success' | 'warning' | 'error';
+export interface NsBannerProps {
+    /** Semantic type controlling the banner colour */
+    type?: NsBannerType;
+    /** Use dense (compact) layout */
+    dense?: boolean;
+    /** Apply rounded border-radius */
+    rounded?: boolean;
+}
+declare var __VLS_9: {}, __VLS_11: {}, __VLS_14: {};
+type __VLS_Slots = {} & {
+    avatar?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_11) => any;
+} & {
+    action?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsBannerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsBannerProps> & Readonly<{}>, {
+    rounded: boolean;
+    type: NsBannerType;
+    dense: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NsBanner/index.d.ts

@@ -0,0 +1 @@
+export { default as NsBanner } from './NsBanner.vue';

package/dist/components/NsButton/NsButton.vue.d.ts

@@ -0,0 +1,42 @@
+/**
+ * NsButton - A styled button wrapping Quasar's QBtn.
+ *
+ * Provides opinionated defaults: no uppercase text,
+ * unelevated style, and rounded edges.
+ */
+export interface NsButtonProps {
+    /** Quasar color name (from the palette) */
+    color?: string;
+    /** Button size: xs | sm | md | lg | xl */
+    size?: string;
+    /** Remove box-shadow elevation */
+    unelevated?: boolean;
+    /** Disable uppercase text transform */
+    noCaps?: boolean;
+    /** Apply rounded border-radius */
+    rounded?: boolean;
+    /** Show a loading spinner overlay */
+    loading?: boolean;
+}
+declare var __VLS_8: {}, __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+} & {
+    loading?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsButtonProps> & Readonly<{}>, {
+    color: string;
+    size: string;
+    unelevated: boolean;
+    noCaps: boolean;
+    rounded: boolean;
+    loading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NsButton/index.d.ts

@@ -0,0 +1 @@
+export { default as NsButton } from './NsButton.vue';

package/dist/components/NsCard/NsCard.vue.d.ts

@@ -0,0 +1,35 @@
+/**
+ * NsCard — A styled card wrapping Quasar's QCard.
+ *
+ * Provides opinionated defaults: rounded corners via design tokens,
+ * subtle shadow, and standard header/body/actions slot layout.
+ */
+export interface NsCardProps {
+    /** Card title shown in the header section */
+    title?: string;
+    /** Subtitle shown below the title */
+    subtitle?: string;
+    /** Remove box-shadow for a flat appearance */
+    flat?: boolean;
+}
+declare var __VLS_14: {}, __VLS_22: {}, __VLS_30: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_14) => any;
+} & {
+    default?: (props: typeof __VLS_22) => any;
+} & {
+    actions?: (props: typeof __VLS_30) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsCardProps> & Readonly<{}>, {
+    flat: boolean;
+    title: string;
+    subtitle: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NsCard/index.d.ts

@@ -0,0 +1 @@
+export { default as NsCard } from './NsCard.vue';

package/dist/components/NsCheckbox/NsCheckbox.vue.d.ts

@@ -0,0 +1,30 @@
+/**
+ * NsCheckbox — A styled checkbox wrapping Quasar's QCheckbox.
+ *
+ * Provides opinionated defaults: token-based colours and font styling.
+ */
+export interface NsCheckboxProps {
+    /** Checkbox label text */
+    label?: string;
+    /** v-model value */
+    modelValue?: boolean;
+    /** Quasar colour name */
+    color?: string;
+    /** Use dense (compact) size */
+    dense?: boolean;
+    /** Disable the checkbox */
+    disable?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<NsCheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<NsCheckboxProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    color: string;
+    label: string;
+    modelValue: boolean;
+    dense: boolean;
+    disable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/NsCheckbox/index.d.ts

@@ -0,0 +1 @@
+export { default as NsCheckbox } from './NsCheckbox.vue';

package/dist/components/NsChip/NsChip.vue.d.ts

@@ -0,0 +1,44 @@
+/**
+ * NsChip — A styled chip wrapping Quasar's QChip.
+ *
+ * Useful for tags, filters, and selections with
+ * token-based styling.
+ */
+export interface NsChipProps {
+    /** Background colour */
+    color?: string;
+    /** Text colour */
+    textColor?: string;
+    /** Use outline style */
+    outline?: boolean;
+    /** Use dense (compact) size */
+    dense?: boolean;
+    /** Show a remove button */
+    removable?: boolean;
+    /** Make the chip clickable */
+    clickable?: boolean;
+}
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsChipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    remove: () => any;
+}, string, import("vue").PublicProps, Readonly<NsChipProps> & Readonly<{
+    onRemove?: (() => any) | undefined;
+}>, {
+    color: string;
+    dense: boolean;
+    textColor: string;
+    outline: boolean;
+    removable: boolean;
+    clickable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NsChip/index.d.ts

@@ -0,0 +1 @@
+export { default as NsChip } from './NsChip.vue';

package/dist/components/NsDialog/NsDialog.vue.d.ts

@@ -0,0 +1,42 @@
+/**
+ * NsDialog — A styled dialog wrapping Quasar's QDialog.
+ *
+ * Provides a consistent header/body/actions layout with
+ * token-based styling. Uses a QCard internally for structure.
+ */
+export interface NsDialogProps {
+    /** v-model to show/hide the dialog */
+    modelValue?: boolean;
+    /** Dialog title shown in the header */
+    title?: string;
+    /** Prevent closing by pressing Escape */
+    persistent?: boolean;
+    /** Prevent closing by clicking backdrop */
+    noBackdropDismiss?: boolean;
+}
+declare var __VLS_22: {}, __VLS_30: {}, __VLS_38: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_22) => any;
+} & {
+    default?: (props: typeof __VLS_30) => any;
+} & {
+    actions?: (props: typeof __VLS_38) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsDialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<NsDialogProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    modelValue: boolean;
+    title: string;
+    persistent: boolean;
+    noBackdropDismiss: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NsDialog/index.d.ts

@@ -0,0 +1 @@
+export { default as NsDialog } from './NsDialog.vue';

package/dist/components/NsForm/NsForm.vue.d.ts

@@ -0,0 +1,34 @@
+/**
+ * NsForm — A lightweight form wrapper around Quasar's QForm.
+ *
+ * Provides validation orchestration with a greedy default
+ * (validates all fields, not just until the first error).
+ */
+export interface NsFormProps {
+    /** Validate all fields even after the first error */
+    greedy?: boolean;
+    /** Accessible label for the form */
+    ariaLabel?: string;
+}
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsFormProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (event: Event) => any;
+    validationError: (ref: unknown) => any;
+}, string, import("vue").PublicProps, Readonly<NsFormProps> & Readonly<{
+    onSubmit?: ((event: Event) => any) | undefined;
+    onValidationError?: ((ref: unknown) => any) | undefined;
+}>, {
+    greedy: boolean;
+    ariaLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NsForm/index.d.ts

@@ -0,0 +1 @@
+export { default as NsForm } from './NsForm.vue';

package/dist/components/NsInput/NsInput.vue.d.ts

@@ -0,0 +1,42 @@
+/**
+ * NsInput — A styled text input wrapping Quasar's QInput.
+ *
+ * Provides opinionated defaults: outlined style, rounded corners,
+ * and Fixel font via design tokens.
+ */
+import type { ValidationRule } from 'quasar';
+export interface NsInputProps {
+    /** Input label text */
+    label?: string;
+    /** v-model value */
+    modelValue?: string;
+    /** Use outlined style */
+    outlined?: boolean;
+    /** Use dense (compact) size */
+    dense?: boolean;
+    /** Validation rules — array of Quasar validation rules */
+    rules?: ValidationRule[];
+}
+declare var __VLS_12: string, __VLS_13: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | null) => any;
+}, string, import("vue").PublicProps, Readonly<NsInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
+}>, {
+    label: string;
+    modelValue: string;
+    outlined: boolean;
+    dense: boolean;
+    rules: ValidationRule[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NsInput/index.d.ts

@@ -0,0 +1 @@
+export { default as NsInput } from './NsInput.vue';

package/dist/components/NsList/NsList.vue.d.ts

@@ -0,0 +1,34 @@
+/**
+ * NsList — A styled list wrapping Quasar's QList.
+ *
+ * Provides opinionated defaults: separator enabled for visual clarity,
+ * token-based font styling. Use with QItem/QItemSection from Quasar directly.
+ */
+export interface NsListProps {
+    /** Show a border around the list */
+    bordered?: boolean;
+    /** Show separators between items */
+    separator?: boolean;
+    /** Use dense (compact) spacing */
+    dense?: boolean;
+    /** Accessible label for the list */
+    ariaLabel?: string;
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsListProps> & Readonly<{}>, {
+    bordered: boolean;
+    dense: boolean;
+    ariaLabel: string;
+    separator: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NsList/index.d.ts

@@ -0,0 +1 @@
+export { default as NsList } from './NsList.vue';

package/dist/components/NsSelect/NsSelect.vue.d.ts

@@ -0,0 +1,59 @@
+/**
+ * NsSelect — A styled select/dropdown wrapping Quasar's QSelect.
+ *
+ * Provides opinionated defaults: outlined style, rounded corners,
+ * and Fixel font via design tokens.
+ */
+import type { ValidationRule } from 'quasar';
+export type NsSelectOption = string | {
+    label: string;
+    value: unknown;
+    [key: string]: unknown;
+};
+export interface NsSelectProps {
+    /** Select label text */
+    label?: string;
+    /** v-model value */
+    modelValue?: unknown;
+    /** Dropdown options */
+    options?: NsSelectOption[];
+    /** Use outlined style */
+    outlined?: boolean;
+    /** Use dense (compact) size */
+    dense?: boolean;
+    /** Allow multiple selections */
+    multiple?: boolean;
+    /** Emit only the value instead of the full option object */
+    emitValue?: boolean;
+    /** Map values to labels when using emit-value */
+    mapOptions?: boolean;
+    /** Validation rules — array of Quasar validation rules */
+    rules?: ValidationRule[];
+}
+declare var __VLS_12: string, __VLS_13: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+}, string, import("vue").PublicProps, Readonly<NsSelectProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+}>, {
+    label: string;
+    modelValue: undefined;
+    outlined: boolean;
+    dense: boolean;
+    rules: ValidationRule[];
+    options: NsSelectOption[];
+    multiple: boolean;
+    emitValue: boolean;
+    mapOptions: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NsSelect/index.d.ts

@@ -0,0 +1 @@
+export { default as NsSelect } from './NsSelect.vue';

package/dist/components/NsSkeleton/NsSkeleton.vue.d.ts

@@ -0,0 +1,33 @@
+/**
+ * NsSkeleton - A placeholder skeleton wrapping Quasar's QSkeleton.
+ *
+ * Shows animated placeholder shapes while content is loading.
+ * Supports all QSkeleton types including component-matched shapes
+ * (QBtn, QInput, QAvatar, etc.).
+ */
+export type NsSkeletonType = 'text' | 'rect' | 'circle' | 'QBtn' | 'QBadge' | 'QChip' | 'QToolbar' | 'QCheckbox' | 'QRadio' | 'QToggle' | 'QSlider' | 'QRange' | 'QInput' | 'QAvatar';
+export type NsSkeletonAnimation = 'wave' | 'pulse' | 'pulse-x' | 'pulse-y' | 'fade' | 'blink' | 'none';
+export interface NsSkeletonProps {
+    /** Shape type — use component names for accurate matching */
+    type?: NsSkeletonType;
+    /** Animation style */
+    animation?: NsSkeletonAnimation;
+    /** Remove border-radius */
+    square?: boolean;
+    /** Add a border */
+    bordered?: boolean;
+    /** Custom width (CSS value) */
+    width?: string;
+    /** Custom height (CSS value) */
+    height?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<NsSkeletonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsSkeletonProps> & Readonly<{}>, {
+    type: NsSkeletonType;
+    animation: NsSkeletonAnimation;
+    square: boolean;
+    bordered: boolean;
+    width: string;
+    height: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/NsSkeleton/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NsSkeleton } from './NsSkeleton.vue';
+export type { NsSkeletonProps, NsSkeletonType, NsSkeletonAnimation } from './NsSkeleton.vue';

package/dist/components/NsThemeProvider/NsThemeProvider.vue.d.ts

@@ -0,0 +1,36 @@
+import type { NsLocaleMessages } from '../../locale/NsLocaleMessages';
+/**
+ * NsThemeProvider — Renderless wrapper that provides locale context
+ * to a subtree of Ns components.
+ *
+ * Useful for:
+ * - Micro-frontends embedding Ns components in a section
+ * - Overriding locale for a specific part of the page
+ * - Testing components with different locales
+ *
+ * @example
+ * ```vue
+ * <NsThemeProvider :locale="frCA">
+ *   <NsButton>{{ $t('checkout') }}</NsButton>
+ * </NsThemeProvider>
+ * ```
+ */
+export interface NsThemeProviderProps {
+    /** Locale messages to provide to descendant Ns components */
+    locale?: NsLocaleMessages;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsThemeProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsThemeProviderProps> & Readonly<{}>, {
+    locale: NsLocaleMessages;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NsThemeProvider/index.d.ts

@@ -0,0 +1 @@
+export { default as NsThemeProvider } from './NsThemeProvider.vue';