@luxalgo/vela 0.8.5 → 0.9.1

package/dist/ui.d.cts

@@ -1,8 +1,9 @@
-import { c as VelaTheme } from './options-BI5Tp32b.cjs';
+import { c as VelaTheme } from './options-I1H2HDWw.cjs';
 import { MachineSchema, Service, Machine } from '@zag-js/core';
-export { a as KeyBindingDescriptor, K as KeymapManager, b as KeymapOptions, R as ResolvedBinding } from './keymap-CGOz5F5f.cjs';
+export { a as KeyBindingDescriptor, K as KeymapManager, b as KeymapOptions, R as ResolvedBinding } from './keymap-W0hiajU6.cjs';
 import * as tooltip from '@zag-js/tooltip';
 import * as menu from '@zag-js/menu';
+import { T as Translator } from './types-Bwf63xGI.cjs';
 import * as dialog from '@zag-js/dialog';
 export { i as iconMarkup, r as registerIcon, s as svg16, a as svg24 } from './icons-BZYbJXSV.cjs';
 export { normalizeProps, spreadProps } from '@zag-js/vanilla';
@@ -98,6 +99,8 @@ interface MenuOptions extends MenuControllerOptions {
      *  labels align; a level with no icon keeps its natural left edge. With `checkmarks`,
      *  the mark column leads and the badge follows. Submenus inherit the mode. */
     iconBadges?: boolean;
+    /** The translator of the menu's own words (a star's name). Default: the kit build's, else English. */
+    i18n?: Translator | null;
 }
 declare class Menu {
     private readonly root;
@@ -627,6 +630,8 @@ interface NumberInputOptions extends NumberInputControllerOptions {
     /** Stretch to the parent. Defaults to on for `md`, off for `sm`. Chart settings
      *  passes `false` so the field stays a 100px kit column instead of filling the pane. */
     fill?: boolean;
+    /** The translator of the steppers' names (default: the kit build's, else English). */
+    i18n?: Translator | null;
 }
 declare class NumberInput {
     readonly el: HTMLElement;
@@ -635,6 +640,7 @@ declare class NumberInput {
     private last;
     private readonly placeholderMode;
     private readonly emptyValue;
+    private readonly i18n;
     constructor(opts: NumberInputOptions);
     get value(): number;
     setValue(v: number): void;
@@ -712,6 +718,8 @@ declare function colorPickerController(opts?: ColorPickerControllerOptions): Col
 type ColorCommit = 'live' | 'release';
 interface ColorPickerOptions {
     commit?: ColorCommit;
+    /** The translator of the picker's labels (default: the kit build's, else English). */
+    i18n?: Translator | null;
 }
 /**
  * A self-contained color picker: a swatch grid (grays + hue × shade), a
@@ -728,6 +736,8 @@ interface ColorFieldOpts {
     popover?: Pick<PopoverOptions, 'host' | 'position' | 'boundary' | 'zIndex' | 'gap' | 'align'>;
     /** Opacity-drag commit policy of the popover picker (default `'live'`) — see {@link ColorCommit}. */
     commit?: ColorCommit;
+    /** The translator of the picker's labels (default: the kit build's, else English). */
+    i18n?: Translator | null;
 }
 /** Closed-state swatch shape. `circle` is the settings-dialog preview (a square chip
  *  inset from a matching field border); `square` is the compact drawing-chrome swatch. */
@@ -745,6 +755,7 @@ declare class ColorField {
     private readonly theme;
     private readonly popoverOpts;
     private readonly commit;
+    private readonly i18n;
     constructor(opts: ColorFieldOpts);
     private paint;
     private toggle;
@@ -1062,6 +1073,10 @@ interface DatePickerControllerOptions {
     value?: string;
     /** "Today" for the today ring and the initial month when nothing is selected. */
     today?: Date;
+    /** The translator whose locale names the months and weekdays, picks the first day of
+     *  the week and the digits: `chart.i18n` inside a chart, `createTranslator(...)`
+     *  elsewhere. Default: English, weeks starting on Sunday. */
+    i18n?: Translator;
 }
 /** One cell of the current panel. `blank` cells pad the first week of a month. */
 interface DatePickerCell {
@@ -1079,6 +1094,10 @@ interface DatePickerController {
     readonly year: number;
     readonly month: number;
     readonly value: string | null;
+    /** Whether the locale writes the year before the month (the header's switch order). */
+    readonly yearFirst: boolean;
+    /** The weekday column labels, starting on the locale's first day of the week. */
+    weekdays(): string[];
     /** Header text: the month switch (hidden off the date panel) and the year switch. */
     header(): {
         month: string;

package/dist/ui.d.ts

@@ -1,8 +1,9 @@
-import { c as VelaTheme } from './options-BI5Tp32b.js';
+import { c as VelaTheme } from './options-B7aL1pbf.js';
 import { MachineSchema, Service, Machine } from '@zag-js/core';
-export { a as KeyBindingDescriptor, K as KeymapManager, b as KeymapOptions, R as ResolvedBinding } from './keymap-CGOz5F5f.js';
+export { a as KeyBindingDescriptor, K as KeymapManager, b as KeymapOptions, R as ResolvedBinding } from './keymap-C48ughm6.js';
 import * as tooltip from '@zag-js/tooltip';
 import * as menu from '@zag-js/menu';
+import { T as Translator } from './types-Bwf63xGI.js';
 import * as dialog from '@zag-js/dialog';
 export { i as iconMarkup, r as registerIcon, s as svg16, a as svg24 } from './icons-BZYbJXSV.js';
 export { normalizeProps, spreadProps } from '@zag-js/vanilla';
@@ -98,6 +99,8 @@ interface MenuOptions extends MenuControllerOptions {
      *  labels align; a level with no icon keeps its natural left edge. With `checkmarks`,
      *  the mark column leads and the badge follows. Submenus inherit the mode. */
     iconBadges?: boolean;
+    /** The translator of the menu's own words (a star's name). Default: the kit build's, else English. */
+    i18n?: Translator | null;
 }
 declare class Menu {
     private readonly root;
@@ -627,6 +630,8 @@ interface NumberInputOptions extends NumberInputControllerOptions {
     /** Stretch to the parent. Defaults to on for `md`, off for `sm`. Chart settings
      *  passes `false` so the field stays a 100px kit column instead of filling the pane. */
     fill?: boolean;
+    /** The translator of the steppers' names (default: the kit build's, else English). */
+    i18n?: Translator | null;
 }
 declare class NumberInput {
     readonly el: HTMLElement;
@@ -635,6 +640,7 @@ declare class NumberInput {
     private last;
     private readonly placeholderMode;
     private readonly emptyValue;
+    private readonly i18n;
     constructor(opts: NumberInputOptions);
     get value(): number;
     setValue(v: number): void;
@@ -712,6 +718,8 @@ declare function colorPickerController(opts?: ColorPickerControllerOptions): Col
 type ColorCommit = 'live' | 'release';
 interface ColorPickerOptions {
     commit?: ColorCommit;
+    /** The translator of the picker's labels (default: the kit build's, else English). */
+    i18n?: Translator | null;
 }
 /**
  * A self-contained color picker: a swatch grid (grays + hue × shade), a
@@ -728,6 +736,8 @@ interface ColorFieldOpts {
     popover?: Pick<PopoverOptions, 'host' | 'position' | 'boundary' | 'zIndex' | 'gap' | 'align'>;
     /** Opacity-drag commit policy of the popover picker (default `'live'`) — see {@link ColorCommit}. */
     commit?: ColorCommit;
+    /** The translator of the picker's labels (default: the kit build's, else English). */
+    i18n?: Translator | null;
 }
 /** Closed-state swatch shape. `circle` is the settings-dialog preview (a square chip
  *  inset from a matching field border); `square` is the compact drawing-chrome swatch. */
@@ -745,6 +755,7 @@ declare class ColorField {
     private readonly theme;
     private readonly popoverOpts;
     private readonly commit;
+    private readonly i18n;
     constructor(opts: ColorFieldOpts);
     private paint;
     private toggle;
@@ -1062,6 +1073,10 @@ interface DatePickerControllerOptions {
     value?: string;
     /** "Today" for the today ring and the initial month when nothing is selected. */
     today?: Date;
+    /** The translator whose locale names the months and weekdays, picks the first day of
+     *  the week and the digits: `chart.i18n` inside a chart, `createTranslator(...)`
+     *  elsewhere. Default: English, weeks starting on Sunday. */
+    i18n?: Translator;
 }
 /** One cell of the current panel. `blank` cells pad the first week of a month. */
 interface DatePickerCell {
@@ -1079,6 +1094,10 @@ interface DatePickerController {
     readonly year: number;
     readonly month: number;
     readonly value: string | null;
+    /** Whether the locale writes the year before the month (the header's switch order). */
+    readonly yearFirst: boolean;
+    /** The weekday column labels, starting on the locale's first day of the week. */
+    weekdays(): string[];
     /** Header text: the month switch (hidden off the date panel) and the year switch. */
     header(): {
         month: string;

package/dist/ui.js

@@ -1,3 +1,3 @@
-export { Drawer, KeymapManager, Tooltip, drawerController, tooltipController } from './chunk-AUOB7A5Y.js';
-export { CALLOUT_CSS, CALLOUT_STYLE_ID, CalloutBubble, ColorField, DatePicker, Dialog, FIELD_GAP_PX, GlyphSelect, Menu, NumberInput, Popover, Select, Switch, TextArea, TextField, WIDTH_FIELD_OPTIONS, applyPlotOverlayTokens, applyThemeTokens, blendOver, buildColorPicker, buildFieldControl, buildPalette, calloutPanelRows, clampNumber, closeColorPopover, closeOpenPopovers, closeWidthPopover, closesPanel, colorField, colorPickerController, combineColor, datePickerController, decorateSelectScroll, dialogController, ensureUIHost, eventDismissedPopover, fieldGrid, fieldGridColumns, fieldRow, fieldSection, fieldSeparator, fillSelectList, glyphSelectController, hslHex, insetRect, intersectRects, isPopoverOpen, isoDate, lineWidthGlyph, menuController, nextUid, normalizeDateInput, normalizeProps, numberInputController, openPopoverTrigger, openSelectList, placePopover, popoverController, runMachine, selectController, snapToStep, splitColor, spreadProps, switchController, textAreaController, textFieldController, toggleSelectList, transparencyChecker, viewportRect, widthField, widthFieldOptions } from './chunk-WY5H4S4I.js';
-export { FIELD_FOCUS_CSS, FIELD_FOCUS_RING, SURFACE_CLOSE_EVENT, SURFACE_OPEN_EVENT, iconEl, iconMarkup, injectStyles, overlayScrollbarCss, registerIcon, svg16, svg24, withAlpha } from './chunk-I2U4NZD2.js';
+export { Drawer, KeymapManager, Tooltip, drawerController, tooltipController } from './chunk-WHPQQYH7.js';
+export { CALLOUT_CSS, CALLOUT_STYLE_ID, CalloutBubble, ColorField, DatePicker, Dialog, FIELD_GAP_PX, GlyphSelect, Menu, NumberInput, Popover, Select, Switch, TextArea, TextField, WIDTH_FIELD_OPTIONS, applyPlotOverlayTokens, applyThemeTokens, blendOver, buildColorPicker, buildFieldControl, buildPalette, calloutPanelRows, clampNumber, closeColorPopover, closeOpenPopovers, closeWidthPopover, closesPanel, colorField, colorPickerController, combineColor, datePickerController, decorateSelectScroll, dialogController, ensureUIHost, eventDismissedPopover, fieldGrid, fieldGridColumns, fieldRow, fieldSection, fieldSeparator, fillSelectList, glyphSelectController, hslHex, insetRect, intersectRects, isPopoverOpen, isoDate, lineWidthGlyph, menuController, nextUid, normalizeDateInput, normalizeProps, numberInputController, openPopoverTrigger, openSelectList, placePopover, popoverController, runMachine, selectController, snapToStep, splitColor, spreadProps, switchController, textAreaController, textFieldController, toggleSelectList, transparencyChecker, viewportRect, widthField, widthFieldOptions } from './chunk-PZN4RS4T.js';
+export { FIELD_FOCUS_CSS, FIELD_FOCUS_RING, SURFACE_CLOSE_EVENT, SURFACE_OPEN_EVENT, iconEl, iconMarkup, injectStyles, overlayScrollbarCss, registerIcon, svg16, svg24, withAlpha } from './chunk-O6L27KRB.js';