@nexxtmove/ui 1.46.0 → 1.47.0

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

@@ -0,0 +1,72 @@
+/**
+ * The strengths the editor offers, in the order they are shown. `token` is the
+ * class without its fixed `shadow-` prefix, so the class is `shadow-` plus the
+ * token. They are three steps of the theme's `--shadow-*` scale -- the ones the
+ * sidebar has room for as labelled options. "No shadow" is not a strength: it is
+ * the switch being off. The labels are not in here; they arrive through
+ * `messages`, keyed by token.
+ */
+export declare const EDITOR_SHADOW_OPTIONS: readonly [{
+    readonly token: "sm";
+}, {
+    readonly token: "md";
+}, {
+    readonly token: "lg";
+}];
+/**
+ * The shadow strength 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 EditorShadowValue = `shadow-${(typeof EDITOR_SHADOW_OPTIONS)[number]['token']}`;
+/** Overridable copy of the strength control. Every key is optional. */
+export interface EditorShadowMessages {
+    /** Label above the three strengths. Defaults to the Dutch `'Sterkte'`. */
+    strength?: string;
+    /** Name of the `shadow-sm` option. Defaults to the Dutch `'Licht'`. */
+    sm?: string;
+    /** Name of the `shadow-md` option. Defaults to the Dutch `'Gemiddeld'`. */
+    md?: string;
+    /** Name of the `shadow-lg` option. Defaults to the Dutch `'Sterk'`. */
+    lg?: string;
+}
+export interface NexxtEditorShadowProps {
+    /**
+     * Header text of the settings block. Defaults to the Dutch `'Schaduw'`; the
+     * library has no i18n layer, so a consumer in another language passes its own
+     * copy in.
+     */
+    label?: string;
+    /**
+     * Render a switch next to the label that collapses and expands the strengths.
+     * Defaults to `true`: a shadow is the kind of setting that is off as often as
+     * it is on, so turning it off is part of the control rather than an extra.
+     * The switch state is the `enabled` model; the component only reports it and
+     * leaves the strength alone, so how a consumer stores an element without a
+     * shadow is up to the consumer.
+     */
+    switchable?: boolean;
+    /**
+     * Copy of the strength control. Merged per key, so overriding one key keeps
+     * the defaults of the others. Copy is never translated inside the component.
+     */
+    messages?: EditorShadowMessages;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<NexxtEditorShadowProps & {
+    /** The selected strength, as the Tailwind class to apply. */
+    modelValue: EditorShadowValue;
+    /** Open state of the block. Only has an effect when `switchable` is `true`. */
+    enabled?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: "shadow-sm" | "shadow-md" | "shadow-lg") => any;
+    "update:enabled": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<NexxtEditorShadowProps & {
+    /** The selected strength, as the Tailwind class to apply. */
+    modelValue: EditorShadowValue;
+    /** Open state of the block. Only has an effect when `switchable` is `true`. */
+    enabled?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: "shadow-sm" | "shadow-md" | "shadow-lg") => any) | undefined;
+    "onUpdate:enabled"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/index.d.ts

@@ -26,6 +26,8 @@ export { EDITOR_HEADING_TYPE_OPTIONS } from './components/editor/molecules/Edito
 export type { EditorHeadingTypeMessages, EditorHeadingTypeValue, } from './components/editor/molecules/EditorHeadingType/EditorHeadingType.vue';
 export { EDITOR_RADIUS_STEPS } from './components/editor/molecules/EditorRadius/EditorRadius.vue';
 export type { EditorRadiusMessages, EditorRadiusValue, } from './components/editor/molecules/EditorRadius/EditorRadius.vue';
+export { EDITOR_SHADOW_OPTIONS } from './components/editor/molecules/EditorShadow/EditorShadow.vue';
+export type { EditorShadowMessages, EditorShadowValue, NexxtEditorShadowProps, } from './components/editor/molecules/EditorShadow/EditorShadow.vue';
 export { EDITOR_TEXT_ALIGN_OPTIONS } from './components/editor/molecules/EditorTextAlign/EditorTextAlign.vue';
 export type { EditorTextAlignMessages, EditorTextAlignValue, } from './components/editor/molecules/EditorTextAlign/EditorTextAlign.vue';
 export { EDITOR_JUSTIFY_CONTENT_OPTIONS } from './components/editor/molecules/EditorJustifyContent/EditorJustifyContent.vue';
@@ -89,6 +91,7 @@ export { default as NexxtEditorPadding } from './components/editor/molecules/Edi
 export { default as NexxtEditorRadius } from './components/editor/molecules/EditorRadius/EditorRadius.vue';
 export { default as NexxtEditorSettingsBlock } from './components/editor/atoms/EditorSettingsBlock/EditorSettingsBlock.vue';
 export { default as NexxtEditorSettingsGroup } from './components/editor/atoms/EditorSettingsGroup/EditorSettingsGroup.vue';
+export { default as NexxtEditorShadow } from './components/editor/molecules/EditorShadow/EditorShadow.vue';
 export { default as NexxtEditorSize } from './components/editor/molecules/EditorSize/EditorSize.vue';
 export { default as NexxtEditorSizeLimit } from './components/editor/molecules/EditorSizeLimit/EditorSizeLimit.vue';
 export { default as NexxtEditorTextAlign } from './components/editor/molecules/EditorTextAlign/EditorTextAlign.vue';