@synopackageland/ui 0.5.4 → 0.5.5

package/dist/PageLayoutDemo.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    page: 'dashboard' | 'form';
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/app/page-content/PageContent.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    /**
+     * `'fill'` uses the whole content area; `'readable'` caps the width at
+     * `--ui-page-readable-width`; any other value is a CSS maximum width.
+     */
+    width?: 'fill' | 'readable' | (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, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    width: "fill" | "readable" | (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/composite/form/Form.vue.d.ts

@@ -1,3 +1,4 @@
+import { FieldWidth } from '../../../lib/fieldWidth';
 import { FormFieldHandle } from './context';
 import { FormDirection, FormRules, FormSpacing, FormValidatedResult, ValidateMessageDisplayMode, ValidateTrigger } from './types';
 type __VLS_Props = {
@@ -7,6 +8,8 @@ type __VLS_Props = {
     direction?: FormDirection;
     /** Gap between items; `'auto'` uses `dense` (horizontal) or `regular` (vertical). */
     spacing?: FormSpacing;
+    /** Maximum width of every control: `'xs'`–`'lg'`, `'full'` or a CSS length. A FormItem can override it. */
+    fieldWidth?: FieldWidth;
     /** Default message placement; a FormItem can override it. */
     validateMessageDisplayMode?: ValidateMessageDisplayMode;
 };

package/dist/components/composite/form/FormItem.vue.d.ts

@@ -1,3 +1,4 @@
+import { FieldWidth } from '../../../lib/fieldWidth';
 import { FormFieldContext } from './context';
 import { FormItemValidateMessageDisplayMode, FormRule, ValidateStatus, ValidateTrigger } from './types';
 type __VLS_Props = {
@@ -45,6 +46,8 @@ type __VLS_Props = {
     indent?: string | number;
     /** Width of the label column in the horizontal layout. */
     labelWidth?: string;
+    /** Maximum control width; inherits the form's `fieldWidth` (`'md'` by default). */
+    fieldWidth?: FieldWidth;
     /** Value restored by `resetFields()`; also the initial dirty baseline. */
     initialValue?: unknown;
 };

package/dist/components/composite/form/context.d.ts

@@ -1,4 +1,5 @@
 import { InjectionKey } from 'vue';
+import { FieldWidth } from '../../../lib/fieldWidth';
 import { FormRules, FormDirection, FormSpacing, ValidateMessageDisplayMode, ValidateStatus, ValidateTrigger } from './types';
 export declare const FORM_CONTEXT_KEY: InjectionKey<FormContext>;
 export declare const FORM_FIELD_KEY: InjectionKey<FormFieldContext>;
@@ -7,6 +8,7 @@ export type FormContext = {
     rules: FormRules;
     direction: FormDirection;
     spacing: FormSpacing;
+    fieldWidth: FieldWidth;
     validateMessageDisplayMode: ValidateMessageDisplayMode;
     registerField: (field: FormFieldHandle) => void;
     unregisterField: (field: FormFieldHandle) => void;

package/dist/components/composite/form-actions/FormActions.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    align?: 'start' | 'end';
+    /** Indents the actions past a horizontal form's label column, so they line up with the fields. */
+    labelWidth?: 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, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    align: "start" | "end";
+}, {}, {}, {}, 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/composite/repeat-rows/FieldCell.vue.d.ts

@@ -0,0 +1,19 @@
+import { FieldWidth } from '../../../lib/fieldWidth';
+type __VLS_Props = {
+    width?: FieldWidth;
+};
+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, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    width: FieldWidth;
+}, {}, {}, {}, 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/composite/repeat-rows/RepeatRow.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    removable?: boolean;
+    removeLabel?: 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, {
+    remove: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: (() => any) | undefined;
+}>, {
+    removeLabel: string;
+    removable: boolean;
+}, {}, {}, {}, 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/composite/repeat-rows/RepeatRows.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    addLabel: string;
+    addDisabled?: boolean;
+};
+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, {
+    add: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAdd?: (() => any) | undefined;
+}>, {}, {}, {}, {}, 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/composite/settings-row/SettingsRow.vue.d.ts

@@ -1,8 +1,11 @@
+import { FieldWidth } from '../../../lib/fieldWidth';
 type __VLS_Props = {
     label: string;
     description?: string;
     required?: boolean;
     align?: 'start' | 'center';
+    /** Maximum control width: `'xs'`–`'lg'`, `'full'` or a CSS length. */
+    fieldWidth?: FieldWidth;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -11,6 +14,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     required: boolean;
     align: "start" | "center";
+    fieldWidth: FieldWidth;
 }, {}, {}, {}, 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/containers/card/Card.vue.d.ts

@@ -9,6 +9,8 @@ type __VLS_Props = {
     expanded?: boolean;
     /** Accessible name for the disclosure arrow when the card has no title. */
     toggleLabel?: string;
+    /** Where footer actions sit; DSM aligns them to a side, never the centre. */
+    footerAlign?: 'start' | 'end' | 'between';
 };
 declare var __VLS_8: {}, __VLS_10: {}, __VLS_17: {}, __VLS_19: {}, __VLS_21: {};
 type __VLS_Slots = {} & {
@@ -31,6 +33,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     expanded: boolean;
     layoutType: "regular" | "compact";
     hasHeader: boolean;
+    footerAlign: "start" | "end" | "between";
 }, {}, {}, {}, 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/containers/card-grid/CardGrid.vue.d.ts

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    /** Narrowest a card may get before the grid drops a column. */
+    minItemWidth?: string;
+    gap?: string;
+    /**
+     * `'stretch'` (auto-fit) grows the cards to use the whole row; `'fill'`
+     * (auto-fill) keeps empty tracks, so a few cards stay at column width.
+     */
+    fit?: 'stretch' | 'fill';
+};
+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, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    gap: string;
+    minItemWidth: string;
+    fit: "stretch" | "fill";
+}, {}, {}, {}, 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/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';