@synopackageland/ui 0.5.5 → 0.5.6

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

@@ -185,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';