@octans/ui 1.4.0 → 1.5.0

package/dist/components/Card/CardSection.vue.d.ts

@@ -35,11 +35,28 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     };
     /**
      * By default padding is included in the section. Use this to disable it.
+     *
+     * This drops the HORIZONTAL padding only — the section keeps its vertical
+     * rhythm, so a list of rows still breathes against the sections above and
+     * below it. For a section with no padding at all, use `flush`.
      */
     padded: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Removes the section's padding entirely, so its content runs to the edges
+     * of the card. Wins over `padded`.
+     *
+     * The reason to reach for it is a component that fills the section — a
+     * `DataTable`, an image, a map. Those already cancel the padding by
+     * reaching out of it with a negative margin, which works but means the
+     * component has to know what its parent's padding is; `flush` is the
+     * version that says so from the outside.
+     */
+    flush: {
+        type: BooleanConstructor;
+    };
 }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -77,13 +94,31 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     };
     /**
      * By default padding is included in the section. Use this to disable it.
+     *
+     * This drops the HORIZONTAL padding only — the section keeps its vertical
+     * rhythm, so a list of rows still breathes against the sections above and
+     * below it. For a section with no padding at all, use `flush`.
      */
     padded: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Removes the section's padding entirely, so its content runs to the edges
+     * of the card. Wins over `padded`.
+     *
+     * The reason to reach for it is a component that fills the section — a
+     * `DataTable`, an image, a map. Those already cancel the padding by
+     * reaching out of it with a negative margin, which works but means the
+     * component has to know what its parent's padding is; `flush` is the
+     * version that says so from the outside.
+     */
+    flush: {
+        type: BooleanConstructor;
+    };
 }>> & Readonly<{}>, {
     subdued: boolean;
     padded: boolean;
     collapseActions: boolean;
+    flush: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Filters/Filters.vue.d.ts

@@ -1622,12 +1622,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
             "after-close": () => any;
         }, import('vue').PublicProps, {
             visible: boolean;
-            size: number;
             loading: boolean;
             peek: number;
             edge: import('../Sheet').SheetEdgeType;
-            animateInDuration: number;
-            animateOutDuration: number;
             minIndex: number;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
@@ -1645,12 +1642,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
             "onAfter-close"?: (() => any) | undefined;
         }>, {}, {}, {}, {}, {
             visible: boolean;
-            size: number;
             loading: boolean;
             peek: number;
             edge: import('../Sheet').SheetEdgeType;
-            animateInDuration: number;
-            animateOutDuration: number;
             minIndex: number;
         }>;
         __isFragment?: never;
@@ -1672,12 +1666,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         "after-close": () => any;
     }, string, {
         visible: boolean;
-        size: number;
         loading: boolean;
         peek: number;
         edge: import('../Sheet').SheetEdgeType;
-        animateInDuration: number;
-        animateOutDuration: number;
         minIndex: number;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
@@ -1686,6 +1677,8 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
             actions?: (props: {}) => any;
         } & {
             default?: (props: {}) => any;
+        } & {
+            footer?: (props: {}) => any;
         };
     });
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Sheet/Sheet.vue.d.ts

@@ -1,11 +1,13 @@
 import { SheetProps } from './types';
-declare var __VLS_7: {}, __VLS_38: {}, __VLS_60: {};
+declare var __VLS_7: {}, __VLS_38: {}, __VLS_60: {}, __VLS_62: {};
 type __VLS_Slots = {} & {
     external?: (props: typeof __VLS_7) => any;
 } & {
     actions?: (props: typeof __VLS_38) => any;
 } & {
     default?: (props: typeof __VLS_60) => any;
+} & {
+    footer?: (props: typeof __VLS_62) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<SheetProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     close: () => any;
@@ -23,12 +25,9 @@ declare const __VLS_base: import('vue').DefineComponent<SheetProps, {}, {}, {},
     "onAfter-close"?: (() => any) | undefined;
 }>, {
     visible: boolean;
-    size: number;
     loading: boolean;
     peek: number;
     edge: import('./types').SheetEdgeType;
-    animateInDuration: number;
-    animateOutDuration: number;
     minIndex: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/Sheet/types.d.ts

@@ -25,7 +25,10 @@ export interface SheetProps {
      * left or right sheet, its height for a top or bottom one. Clamped to the
      * screen when the sheet becomes the active (foreground) sheet.
      *
-     * @default 700
+     * Left unset, it comes from `--octans-sheet-size`, so an app can set the
+     * width of every sheet in one place.
+     *
+     * @default '--octans-sheet-size' (700px)
      */
     size?: number;
     /**
@@ -36,22 +39,29 @@ export interface SheetProps {
      */
     peek?: number;
     /**
-     * Adds padding around the sheet content and constrains it to a comfortable
-     * reading width.
+     * Adds a gutter around the sheet content, inside the scrolling area.
+     *
+     * Padding and nothing else — it does not cap or centre the content. A sheet
+     * is only as wide as its `size` says, and anything that wants a reading
+     * measure can set one on its own content.
      */
     padded?: boolean;
     /**
      * Duration of the open (slide/fade-in) animation in milliseconds.
      * Set to `0` to open instantly with no animation.
      *
-     * @default 700
+     * Left unset, it comes from `--octans-sheet-in-duration`.
+     *
+     * @default '--octans-sheet-in-duration' (700ms)
      */
     animateInDuration?: number;
     /**
      * Duration of the close (slide/fade-out) animation in milliseconds.
      * Set to `0` to close instantly with no animation.
      *
-     * @default 700
+     * Left unset, it comes from `--octans-sheet-out-duration`.
+     *
+     * @default '--octans-sheet-out-duration' (700ms)
      */
     animateOutDuration?: number;
     /**
@@ -73,6 +83,15 @@ export interface SheetProps {
      * Classes to add to the sheet content element.
      */
     contentClass?: Record<string, string> | string;
+    /**
+     * Classes to add to the element wrapping the `footer` slot. The footer bar
+     * itself is only rendered when that slot is filled.
+     *
+     * For alignment alone, reach for `--octans-sheet-footer-align` and
+     * `--octans-sheet-footer-gap` first — the wrapper's own layout rules sit at
+     * zero specificity, so a class here wins either way.
+     */
+    footerClass?: Record<string, string> | string;
     /**
      * Shows a spinner over the whole sheet and prevents closing.
      *