@synopackageland/ui 0.17.13 → 0.17.15

package/README.md

@@ -508,7 +508,7 @@ Primitives:
 
 - Button / IconButton / CopyButton
 - Input / Textarea
-- Checkbox / CheckboxGroup / RadioGroup / Switch
+- Checkbox / CheckboxGroup / RadioGroup / Switch — use RadioGroup for 2–4 mutually exclusive settings; Checkbox for independent options; Switch for immediate on/off. Reserve primary-filled, capsule-shaped SegmentControl for toolbar views ([choice policy](docs/layout-rules.md)).
 - Select
 - Badge / StatusDot / Separator / Spinner / LoadingMask / LoadingArea / Progress / SizeBar / Skeleton / Surface
 - SplitButton
@@ -553,6 +553,12 @@ and End move focus between tabs; Enter or Space selects one. In a grid or flex p
 </SectionTabs>
 ```
 
+For unsaved drafts inside those panels, use `<SectionTabs fill keep-mounted>`.
+`keep-mounted` mounts every supplied item panel and hides inactive ones with
+`v-show`, preserving component state and DOM; hidden panels' effects remain
+active. It also works without `fill`. Without this option, switching tabs
+unmounts the previous panel; `fill` alone only controls layout.
+
 Page actions for the shown section go in `#actions`, on the tab row at the
 right edge over the same baseline; when the row is too narrow for both, the
 actions wrap onto a line of their own above the tabs, still right-aligned.

package/dist/components/app/section-tabs/SectionTabs.vue.d.ts

@@ -13,10 +13,14 @@ type __VLS_Props = {
      * footer. Without a height to fill (a phone page) the strip sticks to the top.
      */
     fill?: boolean;
+    /** Mount all supplied item panels and hide inactive ones, preserving local drafts. */
+    keepMounted?: boolean;
 };
-declare var __VLS_14: {}, __VLS_17: `panel-${string}`, __VLS_18: {};
+declare var __VLS_14: {}, __VLS_17: `panel-${string}`, __VLS_18: {}, __VLS_21: `panel-${string}`, __VLS_22: {};
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_17>]?: (props: typeof __VLS_18) => any;
+} & {
+    [K in NonNullable<typeof __VLS_21>]?: (props: typeof __VLS_22) => any;
 } & {
     actions?: (props: typeof __VLS_14) => any;
 };

package/dist/components/containers/fieldset/Fieldset.vue.d.ts

@@ -7,7 +7,7 @@ type __VLS_Props = {
     title?: FieldsetTitle;
     /** One line under the title, across the whole width (DSM's "Enter the server name, ..."). */
     description?: string;
-    /** Adds DSM's disclosure chevron (Control Panel › Network); off by default, as Control Panel › Security. */
+    /** Shows the disclosure chevron by default; set false for a fixed section. */
     collapsible?: boolean;
     /** Mouse gesture that toggles; Enter/Space always works on the header. */
     collapseTriggerEvent?: FieldsetCollapseTrigger;

package/dist/components/primitives/radio-group/RadioGroup.vue.d.ts

@@ -1,20 +1,26 @@
+import { Component } from 'vue';
 export type RadioOption = {
     label: string;
     value: string;
     description?: string;
     disabled?: boolean;
+    /** An icon in a tile at the top of the option; drawn by the `card` variant only. */
+    icon?: Component;
 };
 type __VLS_Props = {
     modelValue?: string;
     options: RadioOption[];
     orientation?: 'vertical' | 'horizontal';
     disabled?: boolean;
+    /** `card` draws each option as a choice card (a wizard step's options); the radio dot stays. */
+    variant?: 'default' | 'card';
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    variant: "default" | "card";
     disabled: boolean;
     orientation: "vertical" | "horizontal";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -8,7 +8,7 @@ type __VLS_Props = {
     ariaLabelledby?: string;
     /** Disables every item of the group. */
     disabled?: boolean;
-    /** `sheet` draws joined sheet tabs on a rule, as above a table, instead of a segmented control. */
+    /** Toolbar view switcher; use RadioGroup for form choices. `sheet` draws joined tabs on a rule. */
     variant?: SegmentVariant;
 };
 declare var __VLS_1: {};

package/dist/components/primitives/switch/Switch.vue.d.ts

@@ -2,8 +2,13 @@ type __VLS_Props = {
     modelValue?: boolean;
     disabled?: boolean;
     label?: string;
+    description?: string;
 };
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    description?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -11,5 +16,11 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
     disabled: boolean;
     modelValue: 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;
+    };
+};