@plexui/vue 0.1.4 → 0.1.6

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

@@ -33,7 +33,7 @@ declare const FieldComponent: import("vue").DefineComponent<import("vue").Extrac
         type: PropType<"vertical" | "horizontal">;
         default: string;
     };
-    /** Overrides the generated id set on the control and the label's `for`. */
+    /** Overrides the generated id set on the control and the label's `for`. A child's own `id` wins over both. */
     id: StringConstructor;
     /** Optically aligns the control's text with surrounding content; passed to the control. */
     opticallyAlign: PropType<"start" | "end">;
@@ -63,7 +63,7 @@ declare const FieldComponent: import("vue").DefineComponent<import("vue").Extrac
         type: PropType<"vertical" | "horizontal">;
         default: string;
     };
-    /** Overrides the generated id set on the control and the label's `for`. */
+    /** Overrides the generated id set on the control and the label's `for`. A child's own `id` wins over both. */
     id: StringConstructor;
     /** Optically aligns the control's text with surrounding content; passed to the control. */
     opticallyAlign: PropType<"start" | "end">;

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

@@ -89,6 +89,11 @@ declare const SelectComponent: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    /** Text of a `multiple` trigger when every option is selected. @default "All selected" */
+    allSelectedLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     /** Displays loading indicator on top of button contents. @default false */
     loading: {
         type: BooleanConstructor;
@@ -236,6 +241,11 @@ declare const SelectComponent: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    /** Text of a `multiple` trigger when every option is selected. @default "All selected" */
+    allSelectedLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     /** Displays loading indicator on top of button contents. @default false */
     loading: {
         type: BooleanConstructor;
@@ -359,6 +369,7 @@ declare const SelectComponent: import("vue").DefineComponent<import("vue").Extra
     clearable: boolean;
     dropdownIconType: DropdownIconType;
     loadingPlaceholder: string;
+    allSelectedLabel: string;
     listMaxWidth: ListSize;
     searchPlaceholder: string;
     searchAriaLabel: string;

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

@@ -38,6 +38,11 @@ declare const SelectControlComponent: import("vue").DefineComponent<import("vue"
     onClearClick: PropType<() => void>;
     /** Primary handler for when the control is selected with pointer or keyboard events (`@interact`). */
     onInteract: PropType<() => void>;
+    /** Enter interacts too, as on a combobox button. Off by default, as Enter may be an attempt to submit a form. @default false */
+    interactOnEnter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** Size and spacing of the control: `3xs` 22px up to `3xl` 48px. @default "md" */
     size: {
         type: PropType<ControlSize>;
@@ -94,6 +99,11 @@ declare const SelectControlComponent: import("vue").DefineComponent<import("vue"
     onClearClick: PropType<() => void>;
     /** Primary handler for when the control is selected with pointer or keyboard events (`@interact`). */
     onInteract: PropType<() => void>;
+    /** Enter interacts too, as on a combobox button. Off by default, as Enter may be an attempt to submit a form. @default false */
+    interactOnEnter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** Size and spacing of the control: `3xs` 22px up to `3xl` 48px. @default "md" */
     size: {
         type: PropType<ControlSize>;
@@ -120,6 +130,7 @@ declare const SelectControlComponent: import("vue").DefineComponent<import("vue"
     pill: boolean;
     loading: boolean;
     selected: boolean;
+    interactOnEnter: boolean;
     dropdownIconType: DropdownIconType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type SelectControlOwnProps = InstanceType<typeof SelectControlComponent>["$props"];

package/dist/types/components/Transition/TransitionGroup.d.ts

@@ -48,6 +48,11 @@ export declare const TransitionGroup: import("vue").DefineComponent<import("vue"
         type: BooleanConstructor;
         default: () => boolean;
     };
+    /**
+     * For overlays: an exiting child is `inert`, out of the tab order and of hit
+     * testing, and with reduced motion it leaves without waiting for `exitDuration`.
+     */
+    overlay: BooleanConstructor;
     /** Determines how new children are added to the children array */
     insertMethod: {
         type: PropType<InsertMethod>;
@@ -97,6 +102,11 @@ export declare const TransitionGroup: import("vue").DefineComponent<import("vue"
         type: BooleanConstructor;
         default: () => boolean;
     };
+    /**
+     * For overlays: an exiting child is `inert`, out of the tab order and of hit
+     * testing, and with reduced motion it leaves without waiting for `exitDuration`.
+     */
+    overlay: BooleanConstructor;
     /** Determines how new children are added to the children array */
     insertMethod: {
         type: PropType<InsertMethod>;
@@ -116,6 +126,7 @@ export declare const TransitionGroup: import("vue").DefineComponent<import("vue"
     onExitComplete: PropType<TransitionGroupChildCallback>;
 }>> & Readonly<{}>, {
     as: Tag;
+    overlay: boolean;
     enterDuration: number;
     exitDuration: number;
     preventInitialTransition: boolean;

package/dist/types/components/Transition/shared.d.ts

@@ -34,3 +34,26 @@ export type TransitionGroupChildCallbacks = {
     onExitComplete?: TransitionGroupChildCallback;
 };
 export type InsertMethod = "append" | "prepend";
+export declare const overlayTiming: {
+    enterDuration: number;
+    exitDuration: number;
+};
+/** A panel that crosses the screen: a sheet or a side panel */
+export declare const overlayTimingLarge: {
+    enterDuration: number;
+    exitDuration: number;
+};
+/**
+ * An overlay stays a dismissable layer through its exit. A press on its trigger
+ * turns it around, and the layer must not count that press as outside and
+ * close it again: pass `transition` to the TransitionGroup and
+ * `onInteractOutside` to the layer.
+ */
+export declare const createExitGuard: () => {
+    transition: {
+        onExit: () => void;
+        onEnterActive: () => void;
+        onExitComplete: () => void;
+    };
+    onInteractOutside: (event: Event) => void;
+};

package/dist/types/components/Transition/useTransitionChild.d.ts

@@ -4,6 +4,7 @@ export type TransitionChildProps = {
     preventMountTransition?: boolean;
     enterDuration: number;
     exitDuration: number;
+    overlay?: boolean;
     removeChild: () => void;
     callbacks?: TransitionGroupChildCallbacks;
 };

package/dist/types/lib/dateUtils.d.ts

@@ -19,6 +19,11 @@ export declare const isSameDay: (targetDate: DateTime, compareDate: DateTime) =>
  * Check if a date is today
  */
 export declare const isToday: (dateTime: DateTime) => boolean;
+/**
+ * Where a date sits in a week row that starts on `weekStartsOn`, 0 (Sunday) to
+ * 6 (Saturday). Luxon's weekday runs from 1 (Monday) to 7 (Sunday).
+ */
+export declare const weekPosition: (date: DateTime, weekStartsOn: number) => number;
 /**
  * Split an array of days into weeks (arrays of 7 days each)
  */

package/dist/types/lib/helpers.d.ts

@@ -21,7 +21,20 @@ export declare const toTransformProperty: ({ x, y, scale, rotate, skewX, skewY,
 export declare const toFilterProperty: ({ blur }?: {
     blur?: number | undefined;
 }) => string;
+/** The `data-*` attributes among a component's props, to pass on to its element. */
+export declare const dataAttributes: (props: Record<string, unknown>) => {
+    [k: string]: unknown;
+};
 export declare const preventDefaultHandler: (evt: Event) => void;
+/**
+ * For an overlay's close auto focus: focus that moved on to something else
+ * while the overlay left stays there instead of going back to the trigger.
+ */
+export declare const keepMovedFocus: (evt: Event) => void;
+export declare const pressHandlers: (action: () => void) => {
+    onPointerup: (evt: PointerEvent) => void;
+    onClick: () => void;
+};
 export declare const focusableElements: (element: HTMLElement) => NodeListOf<HTMLElement>;
 export declare const sleep: (ms: number) => Promise<void>;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plexui/vue",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Plex UI components for Vue 3, built on Reka UI and the shared @plexui/styles CSS",
   "type": "module",
   "license": "MIT",