@nubisco/ui 3.0.3 → 3.2.0

package/dist/components/Accordion.context.d.ts

@@ -0,0 +1,28 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { TAccordionAlign, TAccordionSize } from './Accordion.d';
+/**
+ * What an `NbAccordionItem` needs from the `NbAccordion` around it.
+ *
+ * Lives in a `.ts` rather than the `.d.ts` beside it because `Symbol()` is a
+ * runtime value, matching how the blueprint does it.
+ */
+export interface IAccordionContext {
+    /** Ids currently open. */
+    open: Ref<string[]>;
+    /** Whether more than one item may be open. */
+    multiple: Ref<boolean>;
+    align: Ref<TAccordionAlign>;
+    size: Ref<TAccordionSize>;
+    flush: Ref<boolean>;
+    headingLevel: Ref<number>;
+    /** Toggle one item, honouring `multiple`. */
+    toggle: (id: string) => void;
+    /** Register an item so the group can drive roving keyboard focus over the
+     *  headers in DOM order. Returns an unregister function. */
+    register: (id: string, el: () => HTMLElement | null) => () => void;
+    /** Move focus to the header before or after `id`, wrapping. `to` may also be
+     *  an end of the list. */
+    focusSibling: (id: string, to: 'prev' | 'next' | 'first' | 'last') => void;
+}
+export declare const NB_ACCORDION_CONTEXT: InjectionKey<IAccordionContext>;
+//# sourceMappingURL=Accordion.context.d.ts.map

package/dist/components/Accordion.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.context.d.ts","sourceRoot":"","sources":["../../src/components/Accordion.context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEpE;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB;IAChC,0BAA0B;IAC1B,IAAI,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAA;IACnB,8CAA8C;IAC9C,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACtB,KAAK,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;IAC3B,IAAI,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;IACzB,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACnB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,6CAA6C;IAC7C,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B;gEAC4D;IAC5D,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,WAAW,GAAG,IAAI,KAAK,MAAM,IAAI,CAAA;IAClE;8BAC0B;IAC1B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,KAAK,IAAI,CAAA;CAC3E;AAED,eAAO,MAAM,oBAAoB,EAAE,YAAY,CAAC,iBAAiB,CAEhE,CAAA"}

package/dist/components/Accordion.d.ts

@@ -0,0 +1,74 @@
+/**
+ * How the accordion's chevron is placed relative to its title.
+ *
+ *   - `'end'` (default): chevron on the trailing edge, so every title starts
+ *     on the same line as the type around it. This is what a reader scans.
+ *   - `'start'`: chevron ahead of the title, which makes the accordion read as
+ *     a tree rather than as a list of sections. Reach for it only when the
+ *     content really is hierarchical; for prose and documentation it makes the
+ *     titles ragged against everything else on the page.
+ */
+export type TAccordionAlign = 'start' | 'end'
+
+/** Row height. `md` is the default; `sm` is for dense panels, `lg` for pages
+ *  whose content is mostly the accordion. */
+export type TAccordionSize = 'sm' | 'md' | 'lg'
+
+export interface IAccordionProps {
+  /**
+   * Ids of the open items. Use `v-model` for two-way binding.
+   *
+   * Always an array, including when `multiple` is false, so a consumer's
+   * binding does not change shape when they change their mind about how many
+   * sections may be open. With `multiple` false the array holds zero or one id.
+   */
+  modelValue?: string[]
+  /**
+   * Allow more than one item open at a time. Default false, which is the safer
+   * starting point: it keeps the page short, which is the reason to reach for
+   * an accordion in the first place.
+   */
+  multiple?: boolean
+  /**
+   * Drop the outer border and the side padding, so titles and chevrons sit
+   * flush with the rules that divide them. For accordions inside a panel or a
+   * sidebar, where the extra inset would misalign them against the content
+   * above and put two rule lines close together.
+   */
+  flush?: boolean
+  /** Chevron placement. See `TAccordionAlign`. */
+  align?: TAccordionAlign
+  /** Row height. */
+  size?: TAccordionSize
+  /**
+   * Outline level the headers announce, 2 to 6. Default 3.
+   *
+   * The headers are `role="heading"` with `aria-level` rather than `<h3>`
+   * elements. Two reasons, and the second is why it is not simply an `<h3>`:
+   *
+   *   - The right level depends on where the accordion sits in the page, and
+   *     only the page knows that.
+   *   - A bare `<h3>` inherits any `some-container h3 { margin }` rule the host
+   *     has, and an element selector inside a class beats a component's own
+   *     scoped class rule. That is not a fight a component can win, so it does
+   *     not enter it.
+   */
+  headingLevel?: 2 | 3 | 4 | 5 | 6
+}
+
+export interface IAccordionItemProps {
+  /**
+   * Stable identifier, used in `modelValue`. Generated when omitted, but an
+   * accordion whose open state is persisted or driven from outside needs ids
+   * that survive a re-render, so pass one.
+   */
+  id?: string
+  /** The header text. A plain string; use the `title` slot for anything else. */
+  title?: string
+  /** Optional icon name, rendered before the title. */
+  icon?: string
+  /** Short text after the title, for a count or a status. */
+  meta?: string
+  /** Non-interactive: the header renders muted and cannot be toggled. */
+  disabled?: boolean
+}

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

@@ -0,0 +1,28 @@
+import type { IAccordionProps } from './Accordion.d';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<IAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (ids: string[]) => any;
+    toggle: (id: string, open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<IAccordionProps> & Readonly<{
+    "onUpdate:modelValue"?: ((ids: string[]) => any) | undefined;
+    onToggle?: ((id: string, open: boolean) => any) | undefined;
+}>, {
+    modelValue: string[];
+    multiple: boolean;
+    flush: boolean;
+    align: import("./Accordion.d").TAccordionAlign;
+    size: import("./Accordion.d").TAccordionSize;
+    headingLevel: 2 | 3 | 4 | 5 | 6;
+}, {}, {}, {}, 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;
+    };
+};
+//# sourceMappingURL=Accordion.vue.d.ts.map

package/dist/components/Accordion.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.vue.d.ts","sourceRoot":"","sources":["../../src/components/Accordion.vue"],"names":[],"mappings":"AAoJA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAmIpD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,25 @@
+import type { IAccordionItemProps } from './Accordion.d';
+declare var __VLS_11: {}, __VLS_13: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_11) => any;
+} & {
+    meta?: (props: typeof __VLS_13) => any;
+} & {
+    default?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<IAccordionItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IAccordionItemProps> & Readonly<{}>, {
+    disabled: boolean;
+    meta: string;
+    title: string;
+    icon: string;
+    id: 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;
+    };
+};
+//# sourceMappingURL=AccordionItem.vue.d.ts.map

package/dist/components/AccordionItem.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/AccordionItem.vue"],"names":[],"mappings":"AAmPA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AA2LxD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -1,7 +1,7 @@
 import { EAiLabelVariant, EAiLabelSize, IAiLabelProps } from './AiLabel.d';
 declare const __VLS_export: import("vue").DefineComponent<IAiLabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IAiLabelProps> & Readonly<{}>, {
-    variant: `${EAiLabelVariant}`;
     size: `${EAiLabelSize}`;
+    variant: `${EAiLabelVariant}`;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<IBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IBadgeProps> & Readonly<{}>, {
-    variant: `${EBadgeVariant}`;
     size: `${EBadgeSize}`;
+    variant: `${EBadgeVariant}`;
     dot: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -13,11 +13,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDismiss?: (() => any) | undefined;
 }>, {
+    flush: boolean;
     variant: `${EBannerVariant}`;
     status: `${EBannerStatus}`;
     dismissible: boolean;
     hideIcon: boolean;
-    flush: boolean;
     closeLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,8 +1,8 @@
 import type { IBlueprintBackgroundProps } from './BlueprintBackground.d';
 declare const __VLS_export: import("vue").DefineComponent<IBlueprintBackgroundProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IBlueprintBackgroundProps> & Readonly<{}>, {
+    color: string;
     variant: import("./BlueprintBackground.d").TBlueprintBackgroundVariant;
     gap: number;
-    color: string;
     thickness: number;
     secondaryColor: string;
     secondaryGap: number;

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

@@ -5,15 +5,15 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<IBlueprintCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (id: string) => any;
     toggle: (id: string, enabled: boolean) => any;
+    select: (id: string) => any;
     remove: (id: string) => any;
     "toggle-collapse": (id: string) => any;
     "port-mousedown": (data: IBlueprintCardPortEvent) => any;
     "port-mouseup": (data: IBlueprintCardPortEvent) => any;
 }, string, import("vue").PublicProps, Readonly<IBlueprintCardProps> & Readonly<{
-    onSelect?: ((id: string) => any) | undefined;
     onToggle?: ((id: string, enabled: boolean) => any) | undefined;
+    onSelect?: ((id: string) => any) | undefined;
     onRemove?: ((id: string) => any) | undefined;
     "onToggle-collapse"?: ((id: string) => any) | undefined;
     "onPort-mousedown"?: ((data: IBlueprintCardPortEvent) => any) | undefined;

package/dist/components/BlueprintCard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlueprintCard.vue.d.ts","sourceRoot":"","sources":["../../src/components/BlueprintCard.vue"],"names":[],"mappings":"AAonDA,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EAEd,oBAAoB,EACpB,iBAAiB,EAIlB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAqgChE,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"BlueprintCard.vue.d.ts","sourceRoot":"","sources":["../../src/components/BlueprintCard.vue"],"names":[],"mappings":"AAsqDA,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EAEd,oBAAoB,EACpB,iBAAiB,EAIlB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAsiChE,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -8,12 +8,12 @@ declare const __VLS_base: import("vue").DefineComponent<IButtonProps, {}, {}, {}
 }, string, import("vue").PublicProps, Readonly<IButtonProps> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
-    variant: string;
     size: import("./Button.d").TButtonSize;
+    disabled: boolean;
     type: `${EButtonType}`;
     icon: string;
+    variant: string;
     to: string | Record<string, unknown>;
-    disabled: boolean;
     outlined: boolean;
     loading: boolean;
     href: string;

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

@@ -0,0 +1,36 @@
+import type { ICardProps } from './CardGrid.d';
+declare var __VLS_11: {}, __VLS_18: {}, __VLS_20: {}, __VLS_22: {}, __VLS_24: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_11) => any;
+} & {
+    title?: (props: typeof __VLS_18) => any;
+} & {
+    subtitle?: (props: typeof __VLS_20) => any;
+} & {
+    default?: (props: typeof __VLS_22) => any;
+} & {
+    footer?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ICardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: () => any;
+}, string, import("vue").PublicProps, Readonly<ICardProps> & Readonly<{
+    onSelect?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    title: string;
+    icon: string;
+    clickable: boolean;
+    subtitle: string;
+    selected: boolean;
+    href: string;
+    target: 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;
+    };
+};
+//# sourceMappingURL=Card.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.vue.d.ts","sourceRoot":"","sources":["../../src/components/Card.vue"],"names":[],"mappings":"AAqMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAyM9C,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC9G,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/CardGrid.d.ts

@@ -0,0 +1,55 @@
+import type { TGapSize } from './Grid.d'
+
+export interface ICardGridProps {
+  /**
+   * Narrowest a column may get before the grid drops one, as a CSS length.
+   *
+   * This is the prop `NbGrid` cannot express. `NbGrid`'s `grid` is a span on
+   * the element within a 16-column page grid: it answers "how much of the page
+   * does this take". A card grid asks the opposite question, "how many of these
+   * fit", and the answer has to come from the card's own comfortable width, not
+   * from the page. That is why this is a separate component rather than another
+   * prop on `NbGrid`.
+   */
+  min?: string
+  /** Space between cards. Same scale as `NbGrid`'s `gap`. */
+  gap?: TGapSize
+  /**
+   * `'auto-fill'` (default) keeps empty columns, so a grid of two cards in a
+   * wide container leaves them card-width and the rest of the row empty.
+   * `'auto-fit'` collapses the empty columns, so those two cards stretch to
+   * fill the row.
+   *
+   * Prefer the default. A catalogue of things reads as a catalogue when the
+   * card size is constant and the row is allowed to be short; stretching two
+   * cards across a desktop makes them look like panels instead.
+   */
+  fill?: 'auto-fill' | 'auto-fit'
+}
+
+export interface ICardProps {
+  /** Card title. Use the `title` slot for anything richer than a string. */
+  title?: string
+  /** One line under the title: a type, an owner, a version. */
+  subtitle?: string
+  /** Icon name, rendered in the card's header. */
+  icon?: string
+  /**
+   * Renders the whole card as a link. The card becomes an `<a>`, so it gets a
+   * browser's link affordances for free: middle click, open in new tab, and a
+   * URL in the status bar.
+   */
+  href?: string
+  /** Link target, only meaningful alongside `href`. */
+  target?: string
+  /**
+   * Makes the card activate on click and emit `select`, for a card that opens
+   * something in place rather than navigating. Ignored when `href` is set,
+   * because a link already does this and does it better.
+   */
+  clickable?: boolean
+  /** Draws the card as chosen, for a card that is part of a selection. */
+  selected?: boolean
+  /** Non-interactive and muted. */
+  disabled?: boolean
+}

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

@@ -0,0 +1,19 @@
+import type { ICardGridProps } from './CardGrid.d';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ICardGridProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ICardGridProps> & Readonly<{}>, {
+    fill: "auto-fill" | "auto-fit";
+    gap: import("./Grid").TGapSize;
+    min: 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;
+    };
+};
+//# sourceMappingURL=CardGrid.vue.d.ts.map

package/dist/components/CardGrid.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardGrid.vue.d.ts","sourceRoot":"","sources":["../../src/components/CardGrid.vue"],"names":[],"mappings":"AA+CA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAqDlD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Charts/InterpolationChart.vue.d.ts

@@ -4,6 +4,7 @@ declare const __VLS_export: import("vue").DefineComponent<IInterpolationChartPro
 }, string, import("vue").PublicProps, Readonly<IInterpolationChartProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: IInterpolationPoint[]) => any) | undefined;
 }>, {
+    modelValue: IInterpolationPoint[];
     title: string;
     height: number | string;
     subtitle: string;
@@ -12,7 +13,6 @@ declare const __VLS_export: import("vue").DefineComponent<IInterpolationChartPro
     showGrid: boolean;
     colors: string[];
     editable: boolean;
-    modelValue: IInterpolationPoint[];
     inputLabel: string;
     outputLabel: string;
     inputMin: number;

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

@@ -8,9 +8,9 @@ declare const __VLS_base: import("vue").DefineComponent<ICheckboxProps, {}, {},
 }, string, import("vue").PublicProps, Readonly<ICheckboxProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    id: string;
-    disabled: boolean;
     modelValue: boolean;
+    disabled: boolean;
+    id: string;
     indeterminate: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -4,11 +4,11 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ICheckboxGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ICheckboxGroupProps> & Readonly<{}>, {
+    disabled: boolean;
     id: string;
     warning: string;
     error: string;
     direction: `${ECheckboxGroupDirection}`;
-    disabled: boolean;
     helper: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -15,10 +15,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
+    label: string;
+    id: string;
     variant: "default" | "fluid";
     wrap: boolean;
-    id: string;
-    label: string;
     options: string[] | IOption[];
     onlyView: boolean;
     allowMultiple: boolean;

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

@@ -12,29 +12,29 @@ declare const __VLS_base: import("vue").DefineComponent<IDatePickerProps, {
     close: typeof closeCalendar;
     focus: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (value: string | null) => any;
     "update:modelValue": (value: string | null) => any;
+    change: (value: string | null) => any;
     "update:endValue": (value: string | null) => any;
 }, string, import("vue").PublicProps, Readonly<IDatePickerProps> & Readonly<{
-    onChange?: ((value: string | null) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+    onChange?: ((value: string | null) => any) | undefined;
     "onUpdate:endValue"?: ((value: string | null) => any) | undefined;
 }>, {
-    variant: "default" | "fluid";
+    modelValue: string | null;
     size: "xs" | "sm" | "md" | "lg";
-    id: string;
-    type: "simple" | "single" | "range";
+    disabled: boolean;
     label: string;
+    type: "simple" | "single" | "range";
     name: string;
+    id: string;
     required: boolean;
+    variant: "default" | "fluid";
     warning: string;
     error: string;
     min: string;
     max: string;
-    disabled: boolean;
     weekStart: 0 | 1;
     locale: string;
-    modelValue: string | null;
     helper: string;
     placeholder: string;
     endValue: string | null;

package/dist/components/DefinitionList.d.ts

@@ -0,0 +1,52 @@
+/**
+ * How a term and its value are arranged.
+ *
+ *   - `'columns'` (default): label on the left, value on the right, on one
+ *     line. Reads as a facts table, which is what an inspector wants.
+ *   - `'stacked'`: label above value. For long values, or a container too
+ *     narrow to give the label a column without squeezing the value.
+ *   - `'auto'`: columns above `--nb-definition-list-breakpoint` (360px of
+ *     container width), stacked below. Uses a container query, so it responds
+ *     to the panel it is in rather than the size of the window, which is the
+ *     distinction that matters for an inspector.
+ */
+export type TDefinitionListLayout = 'columns' | 'stacked' | 'auto'
+
+/** A single fact, when the list is driven by the `items` prop. */
+export interface IDefinitionListItem {
+  /** The label. */
+  term: string
+  /** The value. Rendered as text; use the slot form for anything richer. */
+  value?: string | number | null
+  /**
+   * Shown in place of an empty value. Defaults to an em-space-width dash, so a
+   * fact that has no value still occupies its row and the list does not appear
+   * to have fewer facts than it has.
+   */
+  empty?: string
+}
+
+export interface IDefinitionListProps {
+  /**
+   * The facts. Omit and use the default slot with `NbDefinitionListItem` when
+   * values need markup, a link, or a badge.
+   */
+  items?: IDefinitionListItem[]
+  /** See `TDefinitionListLayout`. */
+  layout?: TDefinitionListLayout
+  /**
+   * Width of the label column in the `columns` layout, as a CSS length. The
+   * default is a fraction so long labels wrap rather than starving the value.
+   */
+  termWidth?: string
+  /** Draw a hairline between rows. Off by default: spacing separates them
+   *  well enough, and in an inspector the rules add up quickly. */
+  dividers?: boolean
+  /** Tighter rows, for a dense inspector. */
+  compact?: boolean
+}
+
+export interface IDefinitionListItemProps {
+  /** The label. Use the `term` slot for anything richer than a string. */
+  term?: string
+}

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

@@ -0,0 +1,21 @@
+import type { IDefinitionListProps } from './DefinitionList.d';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<IDefinitionListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IDefinitionListProps> & Readonly<{}>, {
+    items: import("./DefinitionList.d").IDefinitionListItem[];
+    compact: boolean;
+    layout: import("./DefinitionList.d").TDefinitionListLayout;
+    termWidth: string;
+    dividers: 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;
+    };
+};
+//# sourceMappingURL=DefinitionList.vue.d.ts.map

package/dist/components/DefinitionList.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefinitionList.vue.d.ts","sourceRoot":"","sources":["../../src/components/DefinitionList.vue"],"names":[],"mappings":"AA0IA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AA+G9D,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,19 @@
+import type { IDefinitionListItemProps } from './DefinitionList.d';
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    term?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<IDefinitionListItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IDefinitionListItemProps> & Readonly<{}>, {
+    term: 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;
+    };
+};
+//# sourceMappingURL=DefinitionListItem.vue.d.ts.map

package/dist/components/DefinitionListItem.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefinitionListItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/DefinitionListItem.vue"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAA;AAqClE,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/EmptyState.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Why the space is empty. This is not decoration: the four cases want
+ * different copy and different actions, and naming the case is what stops a
+ * product writing "No results" over a failed request.
+ *
+ *   - `'empty'` (default): there is nothing here yet, and the user can create
+ *     the first one. The action is to create.
+ *   - `'no-results'`: there IS data, but this filter or search matched none of
+ *     it. The action is to widen the search, never to create.
+ *   - `'error'`: the request failed. The action is to retry. Do not offer to
+ *     create something in a view that could not load.
+ *   - `'forbidden'`: the data exists and this user may not see it. There is
+ *     usually no action, and inventing one is worse than admitting it.
+ */
+export type TEmptyStateKind = 'empty' | 'no-results' | 'error' | 'forbidden'
+
+/** How much room the empty state takes. */
+export type TEmptyStateSize = 'sm' | 'md'
+
+export interface IEmptyStateProps {
+  /**
+   * Short, and a positive statement where the situation allows one. Carbon's
+   * example is the rule of thumb: "Start by adding data assets" reads better
+   * than "You don't have any data assets".
+   */
+  title?: string
+  /**
+   * What to do next, and if it helps, why the space is empty. One or two
+   * sentences. Longer than that and it stops being read.
+   */
+  description?: string
+  /** Icon name. Defaults to one that suits `kind`; pass `null` for none. */
+  icon?: string | null
+  /** See `TEmptyStateKind`. */
+  kind?: `${TEmptyStateKind}`
+  /** `'md'` (default) for a whole view, `'sm'` inside a panel or a card. */
+  size?: `${TEmptyStateSize}`
+  /**
+   * Draw a dashed outline around the space. For an empty region that would
+   * otherwise have no edges, like a drop zone or an empty column, where the
+   * text alone leaves the reader unsure how big the empty thing is.
+   */
+  bordered?: boolean
+}