@nexxtmove/ui 1.25.0 → 1.27.0

package/dist/components/molecules/PageCard/PageCard.vue.d.ts

@@ -0,0 +1,42 @@
+import { NexxtIconName } from '../../atoms/Icon/Icon.vue';
+import { NexxtPageMockupType } from '../PageMockup/PageMockup.vue';
+export interface NexxtPageCardProps {
+    /** Page name, shown in the footer. Truncated on one line. */
+    title: string;
+    /** Icon for the page type, shown before the title. */
+    icon?: NexxtIconName;
+    /** Draws the sketch for this page type in the preview area. The `preview` slot wins when both are given. */
+    mockup?: NexxtPageMockupType;
+    /** Lays a full-card button over the content that emits `select`. Off keeps the card inert. */
+    selectable?: boolean;
+    /** Whether this card is the current one: draws the blue border. Only does something with `selectable`. */
+    selected?: boolean;
+    /** The card is being dragged: dims it and draws the blue border, so the list shows where it came from. */
+    dragging?: boolean;
+}
+export type NexxtPageCardSlots = {
+    /** The preview area above the footer, for a mockup or thumbnail of the page. Empty shows a plain surface. */
+    preview?(): unknown;
+    /** Right side of the footer, for a menu. Kept above the select button so a press there never selects. */
+    actions?(): unknown;
+};
+type __VLS_Slots = NexxtPageCardSlots;
+declare const __VLS_base: import('vue').DefineComponent<NexxtPageCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: () => any;
+}, string, import('vue').PublicProps, Readonly<NexxtPageCardProps> & Readonly<{
+    onSelect?: (() => any) | undefined;
+}>, {
+    selected: boolean;
+    icon: NexxtIconName;
+    mockup: NexxtPageMockupType;
+    selectable: boolean;
+    dragging: 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/molecules/PageMockup/PageMockup.vue.d.ts

@@ -0,0 +1,9 @@
+export interface NexxtPageMockupProps {
+    /** Which kind of proposal page to sketch. */
+    type: NexxtPageMockupType;
+}
+export declare const PAGE_MOCKUP_TYPES: readonly ["introduction", "about", "valuation", "services", "packages", "references", "reviews", "other"];
+export type NexxtPageMockupType = (typeof PAGE_MOCKUP_TYPES)[number];
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<NexxtPageMockupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<NexxtPageMockupProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/molecules/PageTypeTile/PageTypeTile.vue.d.ts

@@ -0,0 +1,17 @@
+import { NexxtIconName } from '../../atoms/Icon/Icon.vue';
+export interface NexxtPageTypeTileProps {
+    /** What the tile stands for, e.g. a page type. Shown under the icon. */
+    label: string;
+    icon: NexxtIconName;
+    /** The tile is being dragged: draws the blue border. The consumer makes it draggable. */
+    dragging?: boolean;
+}
+declare const __VLS_export: import('vue').DefineComponent<NexxtPageTypeTileProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: () => any;
+}, string, import('vue').PublicProps, Readonly<NexxtPageTypeTileProps> & Readonly<{
+    onSelect?: (() => any) | undefined;
+}>, {
+    dragging: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/molecules/TemplateCard/TemplateCard.vue.d.ts

@@ -38,10 +38,10 @@ declare const __VLS_base: import('vue').DefineComponent<NexxtTemplateCardProps,
     image: string;
     messages: Partial<Record<NexxtTemplateCardContentFeature, string>>;
     selected: boolean;
+    selectable: boolean;
     disabled: boolean;
     subtitle: string;
     contentFeatures: NexxtTemplateCardContentFeature[];
-    selectable: boolean;
     checkmark: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/molecules/Tree/Tree.vue.d.ts

@@ -0,0 +1,31 @@
+import { NexxtIconName } from '../../atoms/Icon/Icon.vue';
+export interface NexxtTreeNode {
+    /** Unique within the tree; this is what `selected` and `collapsed` hold. */
+    id: string;
+    label: string;
+    icon?: NexxtIconName;
+    /** A node with children gets a chevron and can be folded. */
+    children?: NexxtTreeNode[];
+}
+export interface NexxtTreeProps {
+    /** The top-level nodes; nest `children` for deeper levels. */
+    nodes: NexxtTreeNode[];
+    /** Accessible name for the tree, e.g. the heading above it. */
+    label: string;
+}
+type __VLS_Props = NexxtTreeProps;
+type __VLS_ModelProps = {
+    'selected'?: string | null;
+    /** Ids of the nodes whose children are hidden. Tracking the collapsed ones makes "everything open" the default. */
+    'collapsed'?: string[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:selected": (value: string | null) => any;
+    "update:collapsed": (value: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:selected"?: ((value: string | null) => any) | undefined;
+    "onUpdate:collapsed"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/index.d.ts

@@ -5,6 +5,9 @@ export type { EnergyLabelLetter } from './components/atoms/EnergyLabel/EnergyLab
 export type { IconType, NexxtIconName } from './components/atoms/Icon/Icon.vue';
 export type { CustomIconName } from './components/atoms/Icon/customIcons';
 export type { NexxtTabItem } from './components/molecules/Tabs/Tabs.vue';
+export type { NexxtPageCardProps, NexxtPageCardSlots, } from './components/molecules/PageCard/PageCard.vue';
+export type { NexxtPageMockupType } from './components/molecules/PageMockup/PageMockup.vue';
+export type { NexxtTreeNode, NexxtTreeProps } from './components/molecules/Tree/Tree.vue';
 export type { EditorAlignItemsMessages, EditorAlignItemsValue, } from './components/editor/molecules/EditorAlignItems/EditorAlignItems.vue';
 export type { EditorFlexDirectionMessages, EditorFlexDirectionValue, } from './components/editor/molecules/EditorFlexDirection/EditorFlexDirection.vue';
 export type { EditorGapMessages, EditorGapValue, } from './components/editor/molecules/EditorGap/EditorGap.vue';
@@ -54,7 +57,10 @@ export { default as NexxtInputSelect } from './components/molecules/InputSelect/
 export { default as NexxtLoader } from './components/atoms/Loader/Loader.vue';
 export { default as NexxtModal } from './components/organisms/Modal/Modal.vue';
 export { default as NexxtModalFooter } from './components/molecules/ModalFooter/ModalFooter.vue';
+export { default as NexxtPageCard } from './components/molecules/PageCard/PageCard.vue';
 export { default as NexxtPageContainer } from './components/molecules/PageContainer/PageContainer.vue';
+export { default as NexxtPageMockup } from './components/molecules/PageMockup/PageMockup.vue';
+export { default as NexxtPageTypeTile } from './components/molecules/PageTypeTile/PageTypeTile.vue';
 export { default as NexxtPagination } from './components/molecules/Pagination/Pagination.vue';
 export { default as NexxtPresenceIndicator } from './components/atoms/PresenceIndicator/PresenceIndicator.vue';
 export { default as NexxtProgressBar } from './components/organisms/ProgressBar/ProgressBar.vue';
@@ -88,4 +94,5 @@ export { default as NexxtToast } from './components/molecules/Toast/Toast.vue';
 export { default as NexxtToaster } from './components/organisms/Toaster/Toaster.vue';
 export { default as NexxtToggleGroup } from './components/molecules/ToggleGroup/ToggleGroup.vue';
 export { default as NexxtTooltip } from './components/atoms/Tooltip/Tooltip.vue';
+export { default as NexxtTree } from './components/molecules/Tree/Tree.vue';
 export { default as NexxtVideoPlayer } from './components/organisms/VideoPlayer/VideoPlayer.vue';