@ptbdynamic/plinth 0.0.0-stage → 0.1.1

package/packages/vue/dist/list-row.d.ts

@@ -0,0 +1,5 @@
+/**
+ * The list row's chevron, for a row that opens something. It points the other way in
+ * right-to-left text (data-mirror). Blade's list row prints the same markup.
+ */
+export declare const listRowChevron = "<span class=\"plinth-icon plinth-list-row-chevron\" data-size=\"sm\" data-mirror aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"></path></svg></span>";

package/packages/vue/dist/sheet.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The edge a sheet comes from. `end` is the default; `start` and `end` are logical, so they swap
+ * in right-to-left text. The same list is the side on a phone (`sidePhone`), which has no default.
+ */
+export declare const sheetSides: readonly ["start", "end", "top", "bottom"];
+export type SheetSide = (typeof sheetSides)[number];
+/** A side from the list, or `end` when it is not one of them. */
+export declare function sheetSide(value: string | undefined): SheetSide;
+/** A side from the list, or nothing (no `data-side-phone`) when it is not one of them. */
+export declare function sheetSidePhone(value: string | undefined): SheetSide | undefined;
+/** The close button's icon, a cross. Blade's sheet prints the same markup. */
+export declare const sheetCloseIcon = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"></path></svg>";

package/packages/vue/dist/size.d.ts

@@ -0,0 +1,13 @@
+/**
+ * One size scale for every component, as Filament has (and as Blade's Size enum). Each component
+ * supports the sizes that make sense for it and falls back to its default for the rest.
+ */
+export declare const sizes: readonly ["xs", "sm", "md", "lg", "xl"];
+export type Size = (typeof sizes)[number];
+/** The control sizes (28, 32 and 40 px): buttons, icon buttons, inputs. */
+export declare const controlSizes: readonly ["sm", "md", "lg"];
+export type ControlSize = (typeof controlSizes)[number];
+/** A size from `supported`, or `fallback` when it isn't one of them. */
+export declare function resolveSize<T extends Size>(value: string | undefined, supported: readonly T[], fallback: T): T;
+/** The size of the icons inside a control of this size. */
+export declare function iconSizeFor(size: Size): 'sm' | 'md';

package/packages/vue/dist/slots.d.ts

@@ -0,0 +1,3 @@
+import { type VNode } from 'vue';
+/** Whether a slot's nodes print anything: a slot that renders only a false v-if does not. */
+export declare const hasContent: (nodes: VNode[] | undefined) => boolean;

package/packages/vue/dist/swipe.d.ts

@@ -0,0 +1,12 @@
+import { type Ref } from 'vue';
+/**
+ * What a bottom panel on a phone needs beyond the platform (modal.css, docs/adr/0005): the
+ * dialog, sheet and drawer are dragged by native scrolling, and this closes the dialog (with
+ * `requestClose()`, so `cancel` can keep it open) when the scrolling settles with the panel off the bottom edge, closes it on a tap above the panel when
+ * it has `closedby="any"`, and opens a drawer at its `data-snap` point. It does nothing while the
+ * root isn't a scroll-snap container (from 768px up, or a panel with no handle). Returns what
+ * removes the listeners.
+ */
+export declare function swipeToClose(dialog: HTMLDialogElement): () => void;
+/** `swipeToClose()` on a component's dialog, from mounting to unmounting. */
+export declare function useSwipeToClose(dialog: Ref<HTMLDialogElement | undefined>): void;

package/packages/vue/dist/tones.d.ts

@@ -0,0 +1,5 @@
+/** The tones a component such as the badge accepts. The first one is the default. */
+export declare const tones: readonly ["neutral", "success", "warning", "danger"];
+export type Tone = (typeof tones)[number];
+/** A tone from the list, or the default when it is not one of them. */
+export declare function tone(value: string | undefined): Tone;