@nexxtmove/ui 1.26.0 → 1.28.0

package/dist/components/editor/molecules/EditorPadding/EditorPadding.vue.d.ts

@@ -17,6 +17,12 @@ export interface EditorPaddingMessages {
      * fields. Defaults to `'Padding per zijde'`.
      */
     toggle?: string;
+    /**
+     * Unit the fields show and read, appended to every accessible name. The
+     * values themselves are px whatever this says, so it is copy, not a
+     * conversion. Defaults to `'px'`.
+     */
+    unit?: string;
 }
 export interface NexxtEditorPaddingProps {
     /**

package/dist/components/editor/molecules/EditorPadding/_PaddingField.vue.d.ts

@@ -2,17 +2,19 @@ import { PaddingIconSide } from './_PaddingIcon.vue';
 export interface NexxtEditorPaddingFieldProps {
     /** Sides the icon marks, which is also what this field edits. */
     sides: PaddingIconSide[];
-    /** Accessible name of the input; the settings block label is not a `<label for>`. */
+    /** Name of the field; the unit is appended to it for the accessible name. */
     label: string;
-    /** Value as shown, already normalised. An empty string falls back to the `0` placeholder. */
+    /** Value as shown, in the unit below. An empty string falls back to the `0` placeholder. */
     value: string;
-    /** Highest value the input accepts. */
-    max: number;
+    /** Unit of the value, shown behind the input and part of the accessible name. */
+    unit: string;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: import('vue').DefineComponent<NexxtEditorPaddingFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    input: (value: string) => any;
+    step: (direction: 1 | -1) => any;
+    commit: (value: number) => any;
 }, string, import('vue').PublicProps, Readonly<NexxtEditorPaddingFieldProps> & Readonly<{
-    onInput?: ((value: string) => any) | undefined;
+    onStep?: ((direction: 1 | -1) => any) | undefined;
+    onCommit?: ((value: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -7,6 +7,7 @@ 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';
@@ -93,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';