@nonsuch/component-library 0.6.0 → 0.7.1

package/README.md

@@ -224,6 +224,45 @@ All tokens use the `--ns-` prefix and support light/dark mode automatically. Cur
 
 Dark mode activates via `class="dark"`, `data-theme="dark"`, Quasar's `.q-dark`, or `prefers-color-scheme: dark`.
 
+### Breakpoints
+
+The library ships Quasar-aligned breakpoint values and media-query helpers:
+
+```ts
+import {
+  nsBreakpoints,
+  nsMediaUp,
+  nsMediaDown,
+  nsMediaOnly,
+  nsMediaBetween,
+} from '@nonsuch/component-library'
+```
+
+| Name | Min-width | Range          | Note  |
+| ---- | --------- | -------------- | ----- |
+| xs   | 0         | 0 – 599 px     |       |
+| sm   | 600       | 600 – 1023 px  |       |
+| md   | 1024      | 1024 – 1439 px |       |
+| lg   | 1440      | 1440 – 1919 px |       |
+| xl   | 1920      | 1920 – 2559 px |       |
+| xxl  | 2560      | 2560 – 3839 px | 1440p |
+| xxxl | 3840      | 3840 px +      | 4K    |
+
+Media-query helpers return `matchMedia()`-ready strings:
+
+```ts
+nsMediaUp('md') // '(min-width: 1024px)'
+nsMediaDown('md') // '(max-width: 1023px)'
+nsMediaOnly('md') // '(min-width: 1024px) and (max-width: 1439px)'
+nsMediaBetween('sm', 'lg') // '(min-width: 600px) and (max-width: 1919px)'
+```
+
+To customize in the future, spread and override:
+
+```ts
+const custom = { ...nsBreakpoints, lg: 1280 }
+```
+
 ## Development
 
 ```bash
@@ -249,29 +288,65 @@ pnpm build:storybook
 ```text
 src/
   index.ts                # Library entry — exports all public API
+  manifest.ts             # Quasar → Ns component mapping for sync enforcement
   plugin.ts               # createNonsuch() Vue plugin
   quasarConfig.ts         # createQuasarConfig() helper
   components/
     NsAvatar/             # Avatar with size presets
+    NsBadge/              # Styled QBadge wrapper
     NsBanner/             # Info/success/warning/error banners
+    NsBreadcrumbs/        # Breadcrumb navigation
+    NsBreadcrumbElement/  # Individual breadcrumb item
     NsButton/             # Styled QBtn wrapper
+    NsButtonToggle/       # Toggle between button options
     NsCard/               # Card with title/subtitle/actions slots
+    NsCardActions/        # Card action bar
+    NsCardSection/        # Card content section
     NsCheckbox/           # Styled QCheckbox wrapper
     NsChip/               # Tag/filter chip
     NsDialog/             # Modal dialog with header/body/actions
+    NsFooter/             # App footer (within NsLayout)
     NsForm/               # Form wrapper with validation
+    NsHeader/             # App header (within NsLayout)
+    NsIcon/               # Styled QIcon wrapper
+    NsImage/              # Styled QImg wrapper
+    NsInnerLoading/       # Overlay loading indicator
     NsInput/              # Styled QInput wrapper
+    NsItem/               # List item
+    NsItemLabel/          # List item label
+    NsItemSection/        # List item section
+    NsLayout/             # App layout container
+    NsLinearProgress/     # Linear progress bar
     NsList/               # List with separator defaults
+    NsMenu/               # Dropdown/context menu
+    NsPage/               # Page content area
+    NsPageContainer/      # Page container (within NsLayout)
+    NsPagination/         # Page navigation controls
     NsSelect/             # Styled QSelect dropdown
+    NsSeparator/          # Horizontal/vertical separator
     NsSkeleton/           # Loading skeleton with animation
+    NsSpace/              # Flex spacer
+    NsSpinner/            # Circular spinner
+    NsSpinnerDots/        # Dot-style spinner
+    NsTab/                # Tab item (within NsTabs)
+    NsTabPanel/           # Tab panel content
+    NsTabPanels/          # Tab panels container
+    NsTable/              # Data table
+    NsTableCell/          # Table cell
+    NsTabs/               # Tab navigation bar
     NsThemeProvider/      # Renderless locale provider
+    NsTimeline/           # Timeline container
+    NsTimelineEntry/      # Timeline entry item
     NsToggle/             # Styled QToggle switch
+    NsToolbar/            # Toolbar container
+    NsToolbarTitle/       # Toolbar title
     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
+  breakpoints/            # Breakpoint values + media query helpers
   tokens/                 # Design token CSS + TS helpers
   fonts/                  # Fixel font files + CSS
 ```

package/dist/breakpoints/index.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Nonsuch Breakpoints
+ *
+ * Adopts Quasar's breakpoint scale as the library default.
+ * Values are customizable — update `nsBreakpoints` if Nonsuch
+ * needs to diverge from Quasar in the future.
+ *
+ * @see https://quasar.dev/style/breakpoints
+ */
+/** Named breakpoint sizes. */
+export type NsBreakpointName = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
+/**
+ * Minimum widths (in pixels) for each breakpoint.
+ *
+ * | Name | Min-width | Range            |
+ * |------|-----------|------------------|
+ * | xs   | 0         | 0 – 599 px       |
+ * | sm   | 600       | 600 – 1023 px    |
+ * | md   | 1024      | 1024 – 1439 px   |
+ * | lg   | 1440      | 1440 – 1919 px   |
+ * | xl   | 1920      | 1920 – 2559 px   |
+ * | xxl  | 2560      | 2560 – 3839 px   | (1440p)
+ * | xxxl | 3840      | 3840 px +        | (4K)
+ *
+ * These match Quasar's defaults. To customize, spread and override:
+ * ```ts
+ * const custom = { ...nsBreakpoints, lg: 1280 }
+ * ```
+ */
+export declare const nsBreakpoints: Record<NsBreakpointName, number>;
+/** Ordered list of breakpoint names from smallest to largest. */
+export declare const nsBreakpointNames: readonly NsBreakpointName[];
+/**
+ * Generate a `min-width` media query string for the given breakpoint.
+ *
+ * @example
+ * ```ts
+ * nsMediaUp('md') // → '(min-width: 1024px)'
+ * ```
+ */
+export declare function nsMediaUp(name: NsBreakpointName): string;
+/**
+ * Generate a `max-width` media query string for the breakpoint
+ * immediately *below* the given one.
+ *
+ * Useful for targeting everything smaller than a breakpoint.
+ *
+ * @example
+ * ```ts
+ * nsMediaDown('md') // → '(max-width: 1023px)' — everything below md
+ * ```
+ */
+export declare function nsMediaDown(name: Exclude<NsBreakpointName, 'xs'>): string;
+/**
+ * Generate a media query string matching exactly one breakpoint range.
+ *
+ * @example
+ * ```ts
+ * nsMediaOnly('md') // → '(min-width: 1024px) and (max-width: 1439px)'
+ * nsMediaOnly('xl') // → '(min-width: 1920px)'
+ * ```
+ */
+export declare function nsMediaOnly(name: NsBreakpointName): string;
+/**
+ * Generate a media query for a range between two breakpoints (inclusive).
+ *
+ * @example
+ * ```ts
+ * nsMediaBetween('sm', 'lg') // → '(min-width: 600px) and (max-width: 1919px)'
+ * ```
+ */
+export declare function nsMediaBetween(from: NsBreakpointName, to: NsBreakpointName): string;

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

@@ -0,0 +1,15 @@
+export interface NsBadgeProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsBadgeProps> & Readonly<{}>, {}, {}, {}, {}, 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/NsBadge/index.d.ts

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

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

@@ -0,0 +1,15 @@
+export interface NsBreadcrumbElementProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsBreadcrumbElementProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsBreadcrumbElementProps> & Readonly<{}>, {}, {}, {}, {}, 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/NsBreadcrumbElement/index.d.ts

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

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

@@ -0,0 +1,15 @@
+export interface NsBreadcrumbsProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsBreadcrumbsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsBreadcrumbsProps> & Readonly<{}>, {}, {}, {}, {}, 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/NsBreadcrumbs/index.d.ts

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

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

@@ -0,0 +1,32 @@
+export interface NsButtonToggleProps {
+    /** Currently selected value */
+    modelValue?: unknown;
+    /** Toggle button options */
+    options?: Array<{
+        label: string;
+        value: unknown;
+    }>;
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsButtonToggleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+}, string, import("vue").PublicProps, Readonly<NsButtonToggleProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+}>, {
+    modelValue: undefined;
+    options: Array<{
+        label: string;
+        value: unknown;
+    }>;
+}, {}, {}, {}, 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/NsButtonToggle/index.d.ts

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

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

@@ -0,0 +1,15 @@
+export interface NsCardActionsProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsCardActionsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsCardActionsProps> & Readonly<{}>, {}, {}, {}, {}, 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/NsCardActions/index.d.ts

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

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

@@ -0,0 +1,15 @@
+export interface NsCardSectionProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsCardSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsCardSectionProps> & Readonly<{}>, {}, {}, {}, {}, 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/NsCardSection/index.d.ts

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

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

@@ -1,8 +1,3 @@
-/**
- * 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;

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

@@ -1,9 +1,3 @@
-/**
- * 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;

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

@@ -0,0 +1,15 @@
+export interface NsFooterProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsFooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsFooterProps> & Readonly<{}>, {}, {}, {}, {}, 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/NsFooter/index.d.ts

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

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

@@ -1,9 +1,3 @@
-/**
- * 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;

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

@@ -0,0 +1,15 @@
+export interface NsHeaderProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsHeaderProps> & Readonly<{}>, {}, {}, {}, {}, 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/NsHeader/index.d.ts

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

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

@@ -0,0 +1,15 @@
+export interface NsIconProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsIconProps> & Readonly<{}>, {}, {}, {}, {}, 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/NsIcon/index.d.ts

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

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

@@ -0,0 +1,15 @@
+export interface NsImageProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsImageProps> & Readonly<{}>, {}, {}, {}, {}, 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/NsImage/index.d.ts

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

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

@@ -0,0 +1,15 @@
+export interface NsInnerLoadingProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsInnerLoadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsInnerLoadingProps> & Readonly<{}>, {}, {}, {}, {}, 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/NsInnerLoading/index.d.ts

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

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

@@ -1,9 +1,3 @@
-/**
- * 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 */

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

@@ -0,0 +1,15 @@
+export interface NsItemProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsItemProps> & Readonly<{}>, {}, {}, {}, {}, 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/NsItem/index.d.ts

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

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

@@ -0,0 +1,15 @@
+export interface NsItemLabelProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsItemLabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsItemLabelProps> & Readonly<{}>, {}, {}, {}, {}, 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/NsItemLabel/index.d.ts

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

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

@@ -0,0 +1,15 @@
+export interface NsItemSectionProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsItemSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsItemSectionProps> & Readonly<{}>, {}, {}, {}, {}, 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/NsItemSection/index.d.ts

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

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

@@ -0,0 +1,15 @@
+export interface NsLayoutProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsLayoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsLayoutProps> & Readonly<{}>, {}, {}, {}, {}, 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/NsLayout/index.d.ts

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

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

@@ -0,0 +1,15 @@
+export interface NsLinearProgressProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsLinearProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsLinearProgressProps> & Readonly<{}>, {}, {}, {}, {}, 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/NsLinearProgress/index.d.ts

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

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

@@ -1,9 +1,3 @@
-/**
- * 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;

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

@@ -0,0 +1,15 @@
+export interface NsMenuProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsMenuProps> & Readonly<{}>, {}, {}, {}, {}, 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/NsMenu/index.d.ts

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

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

@@ -0,0 +1,15 @@
+export interface NsPageProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsPageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsPageProps> & Readonly<{}>, {}, {}, {}, {}, 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/NsPage/index.d.ts

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

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

@@ -0,0 +1,15 @@
+export interface NsPageContainerProps {
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NsPageContainerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NsPageContainerProps> & Readonly<{}>, {}, {}, {}, {}, 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/NsPageContainer/index.d.ts

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