@nexxtmove/ui 1.18.0 → 1.19.0

package/dist/components/atoms/Slider/Slider.vue.d.ts

@@ -3,6 +3,17 @@ type SliderSize = 'sm' | 'md' | 'lg';
 type SliderVariant = 'filled' | 'plain';
 interface NexxtSliderProps {
     label?: string;
+    /**
+     * Accessible name of the thumb for a slider without a visible `label`. When both are given the
+     * visible `label` wins, so the name matches what a sighted user reads.
+     */
+    ariaLabel?: string;
+    /**
+     * Human-readable version of the value, announced instead of the raw number — `'16 px'` for a
+     * slider whose model is an index into a scale. Ignored on a range: one string cannot describe two
+     * thumbs, and repeating it on both would announce the wrong value on one of them.
+     */
+    ariaValuetext?: string;
     min?: number;
     max?: number;
     step?: number;

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

@@ -0,0 +1,43 @@
+/**
+ * The steps the slider can land on, as the numeric part of the Tailwind class.
+ * 13 and 15 are missing on purpose: the theme defines `--spacing-0` through
+ * `--spacing-12` and then only 14 and 16, so stepping over the px value instead
+ * of over this list would offer gaps that have no token behind them.
+ */
+declare const GAP_STEPS: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 14, 16];
+/**
+ * The gap as the editor needs it: the Tailwind class itself, so the consumer
+ * can put the model value straight on the element it styles.
+ */
+export type EditorGapValue = `gap-${(typeof GAP_STEPS)[number]}`;
+/** Overridable copy of the value readout. Every key is optional. */
+export interface EditorGapMessages {
+    /** Unit shown behind the value. Defaults to `'px'`. */
+    unit?: string;
+}
+export interface NexxtEditorGapProps {
+    /**
+     * Header text of the settings block. Defaults to the Dutch
+     * `'Tussenruimte'`; the library has no i18n layer, so a consumer in another
+     * language passes its own copy in.
+     */
+    label?: string;
+    /**
+     * Copy of the value readout. Merged per key, so overriding one key keeps the
+     * defaults of the others. Copy is never translated inside the component.
+     */
+    messages?: EditorGapMessages;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<NexxtEditorGapProps & {
+    /** The selected gap, as the Tailwind class to apply. */
+    modelValue: EditorGapValue;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: "gap-0" | "gap-1" | "gap-2" | "gap-3" | "gap-4" | "gap-5" | "gap-6" | "gap-7" | "gap-8" | "gap-9" | "gap-10" | "gap-11" | "gap-12" | "gap-14" | "gap-16") => any;
+}, string, import('vue').PublicProps, Readonly<NexxtEditorGapProps & {
+    /** The selected gap, as the Tailwind class to apply. */
+    modelValue: EditorGapValue;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: "gap-0" | "gap-1" | "gap-2" | "gap-3" | "gap-4" | "gap-5" | "gap-6" | "gap-7" | "gap-8" | "gap-9" | "gap-10" | "gap-11" | "gap-12" | "gap-14" | "gap-16") => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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 { 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';
 export type { EditorJustifyContentMessages, EditorJustifyContentValue, } from './components/editor/molecules/EditorJustifyContent/EditorJustifyContent.vue';
 export type { NexxtTemplateCardContentFeature, NexxtTemplateCardProps, NexxtTemplateCardSlots, } from './components/molecules/TemplateCard/TemplateCard.vue';
 export { default as NexxtAnimatedNumber } from './components/atoms/AnimatedNumber/AnimatedNumber.vue';
@@ -28,6 +29,7 @@ export { default as NexxtDoughnutChart } from './components/molecules/DoughnutCh
 export { default as NexxtDropdownButton } from './components/organisms/DropdownButton/DropdownButton.vue';
 export { default as NexxtEditorAlignItems } from './components/editor/molecules/EditorAlignItems/EditorAlignItems.vue';
 export { default as NexxtEditorFlexDirection } from './components/editor/molecules/EditorFlexDirection/EditorFlexDirection.vue';
+export { default as NexxtEditorGap } from './components/editor/molecules/EditorGap/EditorGap.vue';
 export { default as NexxtEditorJustifyContent } from './components/editor/molecules/EditorJustifyContent/EditorJustifyContent.vue';
 export { default as NexxtEditorSettingsBlock } from './components/editor/atoms/EditorSettingsBlock/EditorSettingsBlock.vue';
 export { default as NexxtEnergyLabel } from './components/atoms/EnergyLabel/EnergyLabel.vue';