@nexxtmove/ui 1.20.0 → 1.21.0

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

@@ -0,0 +1,84 @@
+/**
+ * The steps the slider can land on: the radius scale the library actually has,
+ * which is the Figma theme tokens plus the Tailwind defaults that sit on top of
+ * them -- the theme adds no `--radius-*: initial`, so `rounded-2xl` through
+ * `rounded-4xl` and `rounded-full` resolve to Tailwind's own values. The px
+ * numbers mirror those values (rem × 16). Known limitation: the theme file is
+ * overwritten wholesale by the Figma token sync, and a sync that changes a
+ * radius does not reach this list -- it has to be updated by hand.
+ *
+ * `full` is last and carries no px: it is a pill, not a size on the scale, so
+ * the readout names it instead of measuring it.
+ */
+declare const RADIUS_STEPS: readonly [{
+    readonly token: "none";
+    readonly px: 0;
+}, {
+    readonly token: "xs";
+    readonly px: 2;
+}, {
+    readonly token: "sm";
+    readonly px: 4;
+}, {
+    readonly token: "md";
+    readonly px: 6;
+}, {
+    readonly token: "lg";
+    readonly px: 8;
+}, {
+    readonly token: "xl";
+    readonly px: 12;
+}, {
+    readonly token: "2xl";
+    readonly px: 16;
+}, {
+    readonly token: "3xl";
+    readonly px: 24;
+}, {
+    readonly token: "4xl";
+    readonly px: 32;
+}, {
+    readonly token: "full";
+    readonly px: null;
+}];
+/**
+ * The radius 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 EditorRadiusValue = `rounded-${(typeof RADIUS_STEPS)[number]['token']}`;
+/** Overridable copy of the value readout. Every key is optional. */
+export interface EditorRadiusMessages {
+    /** Unit shown behind the value. Defaults to `'px'`. */
+    unit?: string;
+    /**
+     * Readout of the last step, `rounded-full`, which has no px size. Defaults to
+     * the Dutch `'Rond'`.
+     */
+    full?: string;
+}
+export interface NexxtEditorRadiusProps {
+    /**
+     * Header text of the settings block. Defaults to the Dutch
+     * `'Hoekafronding'`; 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?: EditorRadiusMessages;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<NexxtEditorRadiusProps & {
+    /** The selected radius, as the Tailwind class to apply. */
+    modelValue: EditorRadiusValue;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: "rounded-none" | "rounded-sm" | "rounded-md" | "rounded-lg" | "rounded-xs" | "rounded-xl" | "rounded-2xl" | "rounded-3xl" | "rounded-4xl" | "rounded-full") => any;
+}, string, import('vue').PublicProps, Readonly<NexxtEditorRadiusProps & {
+    /** The selected radius, as the Tailwind class to apply. */
+    modelValue: EditorRadiusValue;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: "rounded-none" | "rounded-sm" | "rounded-md" | "rounded-lg" | "rounded-xs" | "rounded-xl" | "rounded-2xl" | "rounded-3xl" | "rounded-4xl" | "rounded-full") => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/index.d.ts

@@ -8,6 +8,7 @@ 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 { EditorRadiusMessages, EditorRadiusValue, } from './components/editor/molecules/EditorRadius/EditorRadius.vue';
 export type { EditorJustifyContentMessages, EditorJustifyContentValue, } from './components/editor/molecules/EditorJustifyContent/EditorJustifyContent.vue';
 export type { EditorPaddingMessages } from './components/editor/molecules/EditorPadding/EditorPadding.vue';
 export type { NexxtTemplateCardContentFeature, NexxtTemplateCardProps, NexxtTemplateCardSlots, } from './components/molecules/TemplateCard/TemplateCard.vue';
@@ -32,6 +33,7 @@ export { default as NexxtEditorAlignItems } from './components/editor/molecules/
 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 NexxtEditorRadius } from './components/editor/molecules/EditorRadius/EditorRadius.vue';
 export { default as NexxtEditorPadding } from './components/editor/molecules/EditorPadding/EditorPadding.vue';
 export { default as NexxtEditorSettingsBlock } from './components/editor/atoms/EditorSettingsBlock/EditorSettingsBlock.vue';
 export { default as NexxtEnergyLabel } from './components/atoms/EnergyLabel/EnergyLabel.vue';