@synopackageland/ui 0.5.4 → 0.5.6

package/dist/components/primitives/date-picker/DatePicker.vue.d.ts

@@ -1,5 +1,17 @@
 import { DateFormat, TimeFormat } from './dateTime';
 type __VLS_Props = {
+    text?: Partial<{
+        placeholder: string;
+        previousMonth: string;
+        nextMonth: string;
+        addTime: string;
+        hour: string;
+        minute: string;
+        meridiem: string;
+        clear: string;
+        am: string;
+        pm: string;
+    }>;
     /** `YYYY-MM-DD` for date mode, `YYYY-MM-DDTHH:mm:ss` for `showTime` mode. Local wall-clock, no timezone. */
     modelValue?: string;
     placeholder?: string;
@@ -29,24 +41,23 @@ type __VLS_Props = {
     timeFormat?: TimeFormat;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: string | undefined) => any;
     invalid: (payload: {
         reason: "format" | "required";
         text: string;
     }) => any;
     "update:modelValue": (value: string | undefined) => any;
-    change: (value: string | undefined) => any;
     "select-date": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((value: string | undefined) => any) | undefined;
     onInvalid?: ((payload: {
         reason: "format" | "required";
         text: string;
     }) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-    onChange?: ((value: string | undefined) => any) | undefined;
     "onSelect-date"?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;
-    placeholder: string;
     readonly: boolean;
     editable: boolean;
     clearable: boolean;

package/dist/components/primitives/input-steppers/InputSteppers.vue.d.ts

@@ -16,6 +16,11 @@ export type InputSteppersMenuItem = {
  *   reverts to the last valid value.
  */
 type __VLS_Props = {
+    text?: Partial<{
+        increase: string;
+        decrease: string;
+        presets: string;
+    }>;
     modelValue?: number;
     /** Lower bound; defaults to Number.MIN_SAFE_INTEGER when omitted. */
     min?: number | string;

package/dist/components/primitives/link/Link.vue.d.ts

@@ -0,0 +1,32 @@
+type __VLS_Props = {
+    href?: string;
+    download?: string | boolean;
+    external?: boolean;
+    target?: string;
+    rel?: string;
+    disabled?: boolean;
+    externalLabel?: string;
+    downloadLabel?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    external: boolean;
+    externalLabel: string;
+    downloadLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/primitives/multiple-select/MultipleSelect.vue.d.ts

@@ -5,20 +5,20 @@ type __VLS_Props = Omit<SelectFieldProps, 'multiple' | 'modelValue' | 'defaultVa
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (option: SelectOption) => any;
+    blur: (event: FocusEvent) => any;
     invalid: (text: string) => any;
     "update:modelValue": (value: string[]) => any;
     focus: (event: FocusEvent) => any;
-    blur: (event: FocusEvent) => any;
     "update:loading": (loading: boolean) => any;
     create: (value: string) => any;
     "open-dropdown": () => any;
     "close-dropdown": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((option: SelectOption) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
     onInvalid?: ((text: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
-    onBlur?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:loading"?: ((loading: boolean) => any) | undefined;
     onCreate?: ((value: string) => any) | undefined;
     "onOpen-dropdown"?: (() => any) | undefined;

package/dist/components/primitives/pagination/Pagination.vue.d.ts

@@ -64,19 +64,20 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     focusPrevious: () => void;
     focusNext: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (page: number) => any;
     change: (page: number) => any;
+    "update:modelValue": (page: number) => any;
     refresh: () => any;
     "update:pageSize": (pageSize: number) => any;
     changePage: (payload: PaginationSwitch) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((page: number) => any) | undefined;
     onChange?: ((page: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((page: number) => any) | undefined;
     onRefresh?: (() => any) | undefined;
     "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
     onChangePage?: ((payload: PaginationSwitch) => any) | undefined;
 }>, {
     modelValue: number;
+    labels: Partial<PaginationLabels>;
     end: string | number;
     mode: "normal" | "less";
     start: string | number;
@@ -99,7 +100,6 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     maxPageButtons: number;
     totalTextMode: PaginationTotalTextMode;
     totalTextFormat: Partial<Record<PaginationTotalTextMode, string>>;
-    labels: Partial<PaginationLabels>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/primitives/schedule-table/ScheduleTable.vue.d.ts

@@ -2,6 +2,14 @@ import { ScheduleOption, ScheduleSplitMinute } from './schedule';
 type __VLS_Props = {
     /** Digit string; length must be `168 * (60 / splitMinute)`. */
     modelValue: string;
+    disabled?: boolean;
+    dayLabels?: [string, string, string, string, string, string, string];
+    text?: Partial<{
+        selectAll: string;
+        selectHour: (hour: number) => string;
+        selectDay: (day: string) => string;
+        edit: (label: string) => string;
+    }>;
     options?: ScheduleOption[];
     splitMinute?: ScheduleSplitMinute;
     optionsCountPerRow?: number;
@@ -48,6 +56,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     }) => any) | undefined;
     "onEdit-option"?: ((option: ScheduleOption) => any) | undefined;
 }>, {
+    disabled: boolean;
     prefix: string;
     options: ScheduleOption[];
     defaultSelected: number;

package/dist/components/primitives/segment-control/SegmentControl.vue.d.ts

@@ -13,11 +13,11 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
     change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;
     modelValue: string;

package/dist/components/primitives/select/internal/ComboboxField.vue.d.ts

@@ -1,20 +1,20 @@
 import { SelectFieldProps, SelectOption } from './types';
 declare const __VLS_export: import('vue').DefineComponent<SelectFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (option: SelectOption) => any;
+    blur: (event: FocusEvent) => any;
     invalid: (text: string) => any;
     "update:modelValue": (value: string | string[]) => any;
     focus: (event: FocusEvent) => any;
-    blur: (event: FocusEvent) => any;
     "update:loading": (loading: boolean) => any;
     create: (value: string) => any;
     "open-dropdown": () => any;
     "close-dropdown": () => any;
 }, string, import('vue').PublicProps, Readonly<SelectFieldProps> & Readonly<{
     onSelect?: ((option: SelectOption) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
     onInvalid?: ((text: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
-    onBlur?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:loading"?: ((loading: boolean) => any) | undefined;
     onCreate?: ((value: string) => any) | undefined;
     "onOpen-dropdown"?: (() => any) | undefined;
@@ -39,6 +39,7 @@ declare const __VLS_export: import('vue').DefineComponent<SelectFieldProps, {},
     clearable: boolean;
     createHintText: string;
     displayLimit: number | false;
+    openLabel: string;
     clearLabel: string;
     removeTagLabel: (label: string) => string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/primitives/select/internal/types.d.ts

@@ -38,6 +38,7 @@ export type SelectFieldProps = {
     displayLimit?: number | false;
     ariaLabel?: string;
     ariaLabelledby?: string;
+    openLabel?: string;
     clearLabel?: string;
     removeTagLabel?: (label: string) => string;
 };

package/dist/components/primitives/superbox-select/SuperboxSelect.vue.d.ts

@@ -5,20 +5,20 @@ type __VLS_Props = Omit<SelectFieldProps, 'multiple' | 'modelValue' | 'defaultVa
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (option: SelectOption) => any;
+    blur: (event: FocusEvent) => any;
     invalid: (text: string) => any;
     "update:modelValue": (value: string[]) => any;
     focus: (event: FocusEvent) => any;
-    blur: (event: FocusEvent) => any;
     "update:loading": (loading: boolean) => any;
     create: (value: string) => any;
     "open-dropdown": () => any;
     "close-dropdown": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((option: SelectOption) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
     onInvalid?: ((text: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
-    onBlur?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:loading"?: ((loading: boolean) => any) | undefined;
     onCreate?: ((value: string) => any) | undefined;
     "onOpen-dropdown"?: (() => any) | undefined;

package/dist/components/primitives/toast/ToastProvider.vue.d.ts

@@ -1,5 +1,6 @@
 import { ToastController } from './toast';
 type __VLS_Props = {
+    closeLabel?: string;
     duration?: number;
     swipeDirection?: 'right' | 'left' | 'up' | 'down';
 };
@@ -8,6 +9,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, ToastController, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    closeLabel: string;
     duration: number;
     swipeDirection: "right" | "left" | "up" | "down";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/primitives/toggle-button/ToggleButton.vue.d.ts

@@ -20,11 +20,11 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_22) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
     change: (value: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onChange?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
     type: "text" | "icon" | "icon-text";

package/dist/components/primitives/toggle-button/ToggleButtonGroup.vue.d.ts

@@ -17,11 +17,11 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string | string[]) => any;
     change: (value: string | string[]) => any;
+    "update:modelValue": (value: string | string[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
     onChange?: ((value: string | string[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
 }>, {
     label: string;
     disabled: boolean;

package/dist/components/primitives/typography/TypoHeader.vue.d.ts

@@ -10,6 +10,7 @@ type __VLS_Props = {
     href?: string;
     /** Render the permalink anchor. */
     anchor?: boolean;
+    anchorLabel?: string;
 };
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -21,6 +22,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     href: string;
     level: HeaderLevel;
     baseUrl: string;
+    anchorLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/composables/elementWidth.d.ts

@@ -0,0 +1,4 @@
+import { ShallowRef } from 'vue';
+/** Observe the component's container, including DSM window resizes that do not
+ * resize the document viewport. Zero is unknown (e.g. hidden tab or SSR). */
+export declare function useElementWidth(element: Readonly<ShallowRef<HTMLElement | null>>): import('vue').Ref<number, number>;

package/dist/composables/formControl.d.ts

@@ -0,0 +1,21 @@
+/** One primary control per FormItem. Layout attrs stay on wrappers; all other
+ * attrs belong to the focusable control. Composite controls consume the field
+ * so their popup's internal inputs cannot steal its label or reuse its id. */
+export declare function useFormControl(options: {
+    value: () => unknown;
+    disabled: () => boolean | undefined;
+    id?: () => string | undefined;
+    ariaLabel?: () => string | undefined;
+    ariaLabelledby?: () => string | undefined;
+    invalid?: () => boolean | undefined;
+}): {
+    controlAttrs: () => Record<string, unknown> & {
+        id?: string;
+        "aria-label"?: string;
+    };
+    wrapperAttrs: () => {
+        class: import('vue').ClassValue;
+        style: import('vue').StyleValue;
+    };
+    changed: (value: unknown) => void;
+};

package/dist/i18n/filePicker.d.ts

@@ -0,0 +1,15 @@
+import { UiLocale } from './locale';
+export type FilePickerText = {
+    title: string;
+    description: string;
+    chooseFiles: string;
+    chooseFolder: string;
+    maxSize: string;
+    maxFiles: string;
+    remove: string;
+    typeRejected: string;
+    sizeRejected: string;
+    countRejected: string;
+    duplicateRejected: string;
+};
+export declare const filePickerText: Record<UiLocale, FilePickerText>;

package/dist/i18n/locale.d.ts

@@ -0,0 +1,6 @@
+import { ComputedRef, InjectionKey } from 'vue';
+export type UiLocale = 'en' | 'zh-TW' | 'zh-CN' | 'ja' | 'ko' | 'de' | 'fr' | 'es' | 'it';
+export declare const UI_LOCALE_KEY: InjectionKey<ComputedRef<UiLocale>>;
+export declare function useUiLocale(own: () => UiLocale | undefined): ComputedRef<UiLocale>;
+/** Named placeholders let applications translate messages without concatenating English. */
+export declare function formatUiText(template: string, values: Record<string, string | number>): string;

package/dist/index.d.ts

@@ -90,6 +90,12 @@ export { default as SegmentControl } from './components/primitives/segment-contr
 export { default as SegmentItem } from './components/primitives/segment-control/SegmentItem.vue';
 export { default as SearchField } from './components/composite/search-field/SearchField.vue';
 export { default as SettingsRow } from './components/composite/settings-row/SettingsRow.vue';
+export { default as FormActions } from './components/composite/form-actions/FormActions.vue';
+export { default as RepeatRows } from './components/composite/repeat-rows/RepeatRows.vue';
+export { default as RepeatRow } from './components/composite/repeat-rows/RepeatRow.vue';
+export { default as FieldCell } from './components/composite/repeat-rows/FieldCell.vue';
+export { resolveFieldWidth } from './lib/fieldWidth';
+export type { FieldWidth } from './lib/fieldWidth';
 export { default as SettingsSection } from './components/composite/settings-section/SettingsSection.vue';
 export { default as Footbar } from './components/composite/footbar/Footbar.vue';
 export type { FootbarButton, FootbarButtonRegion, FootbarButtonSize, FootbarButtonVariant, } from './components/composite/footbar/types';
@@ -121,6 +127,7 @@ export { notificationControllerKey, useNotification, useNotifyManager } from './
 export type { NotificationAction, NotificationActionConfig, NotificationController, NotificationDestroy, NotificationItem, NotificationOptions, NotificationTone, } from './components/feedback/notification/notification';
 export { default as ValidationPopup } from './components/feedback/validation-popup/ValidationPopup.vue';
 export { default as Card } from './components/containers/card/Card.vue';
+export { default as CardGrid } from './components/containers/card-grid/CardGrid.vue';
 export { default as HighlightBox } from './components/containers/highlight-box/HighlightBox.vue';
 export { default as Panel } from './components/containers/panel/Panel.vue';
 export type { PanelFbar, PanelFbarConfig } from './components/containers/panel/Panel.vue';
@@ -151,6 +158,7 @@ export type { AppSidebarGroup, AppSidebarItem } from './components/app/app-sideb
 export { default as AppToolbar } from './components/app/app-toolbar/AppToolbar.vue';
 export { default as AppActionBar } from './components/app/app-action-bar/AppActionBar.vue';
 export { default as PageHeader } from './components/app/page-header/PageHeader.vue';
+export { default as PageContent } from './components/app/page-content/PageContent.vue';
 export { default as SectionTabs } from './components/app/section-tabs/SectionTabs.vue';
 export type { SectionTab } from './components/app/section-tabs/SectionTabs.vue';
 export { default as ConfigProvider } from './components/composite/config-provider/ConfigProvider.vue';
@@ -177,3 +185,8 @@ export type { AffixFix, AffixPlacement } from './components/primitives/affix/aff
 export { default as OverflowToolbar } from './components/composite/overflow-toolbar/OverflowToolbar.vue';
 export { computeOverflowFit, ITEM_GAP } from './components/composite/overflow-toolbar/overflow';
 export type { OverflowToolbarItem, OverflowToolbarMenuEntry, OverflowToolbarMoreMenu, OverflowToolbarMoreState, OverflowToolbarMoreText, } from './components/composite/overflow-toolbar/types';
+export type { UiLocale } from './i18n/locale';
+export { filePickerText } from './i18n/filePicker';
+export type { FilePickerText } from './i18n/filePicker';
+export { default as Link } from './components/primitives/link/Link.vue';
+export { default as KeyValueRow } from './components/composite/key-value-row/KeyValueRow.vue';