@sewadah/selaras 0.3.1 → 0.4.0

package/dist/runtime/components/Select.d.vue.ts

@@ -1,8 +1,10 @@
-import type { SelectIdentity, SelectModel, SelectProps, SelectSlots } from '../utils/select-contracts.js';
+import type { SelectEntry, SelectEntryItem, SelectModel, SelectProps, SelectSlots } from '../utils/select-contracts.js';
 export type { SelectEmits, SelectProps, SelectSlots } from '../utils/select-contracts.js';
-declare const __VLS_export: <Entry extends object, Key extends string = "value", Multiple extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const __VLS_export: <Entry extends SelectEntry, Key extends string = "value", Multiple extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<SelectProps<Entry, Key, Multiple> & {
-        "onUpdate:modelValue"?: ((value: SelectModel<SelectIdentity<Entry, Key>, Multiple>) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: SelectModel<SelectEntryItem<Entry> extends infer T ? T extends SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+            value: infer Value;
+        } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never, Multiple>) => any) | undefined;
         "onUpdate:open"?: ((value: boolean) => any) | undefined;
         "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
     }> & (typeof globalThis extends {
@@ -11,7 +13,9 @@ declare const __VLS_export: <Entry extends object, Key extends string = "value",
     expose: (exposed: {}) => void;
     attrs: any;
     slots: SelectSlots<Entry, Key>;
-    emit: ((evt: "update:modelValue", value: SelectModel<SelectIdentity<Entry, Key>, Multiple>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:searchTerm", value: string) => void);
+    emit: ((evt: "update:modelValue", value: SelectModel<SelectEntryItem<Entry> extends infer T ? T extends SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+        value: infer Value;
+    } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never, Multiple>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:searchTerm", value: string) => void);
 }>) => import("vue").VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/dist/runtime/components/Select.vue

@@ -7,7 +7,7 @@ const props = defineProps({
   name: { type: String, required: false },
   form: { type: String, required: false },
   items: { type: Array, required: true },
-  valueKey: { type: String, required: false },
+  valueKey: { type: void 0, required: false },
   labelKey: { type: String, required: false },
   open: { type: Boolean, required: false },
   defaultOpen: { type: Boolean, required: false },

package/dist/runtime/components/Select.vue.d.ts

@@ -1,8 +1,10 @@
-import type { SelectIdentity, SelectModel, SelectProps, SelectSlots } from '../utils/select-contracts.js';
+import type { SelectEntry, SelectEntryItem, SelectModel, SelectProps, SelectSlots } from '../utils/select-contracts.js';
 export type { SelectEmits, SelectProps, SelectSlots } from '../utils/select-contracts.js';
-declare const __VLS_export: <Entry extends object, Key extends string = "value", Multiple extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const __VLS_export: <Entry extends SelectEntry, Key extends string = "value", Multiple extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<SelectProps<Entry, Key, Multiple> & {
-        "onUpdate:modelValue"?: ((value: SelectModel<SelectIdentity<Entry, Key>, Multiple>) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: SelectModel<SelectEntryItem<Entry> extends infer T ? T extends SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+            value: infer Value;
+        } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never, Multiple>) => any) | undefined;
         "onUpdate:open"?: ((value: boolean) => any) | undefined;
         "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
     }> & (typeof globalThis extends {
@@ -11,7 +13,9 @@ declare const __VLS_export: <Entry extends object, Key extends string = "value",
     expose: (exposed: {}) => void;
     attrs: any;
     slots: SelectSlots<Entry, Key>;
-    emit: ((evt: "update:modelValue", value: SelectModel<SelectIdentity<Entry, Key>, Multiple>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:searchTerm", value: string) => void);
+    emit: ((evt: "update:modelValue", value: SelectModel<SelectEntryItem<Entry> extends infer T ? T extends SelectEntryItem<Entry> ? T extends import("../utils/select-contracts.js").SelectValue ? T : Key extends "value" ? T extends object ? "value" extends keyof T ? T extends infer T_1 ? T_1 extends T ? T_1 extends {
+        value: infer Value;
+    } ? Value : T_1 | NonNullable<T_1[keyof T_1 & "value"]> : never : never : T : never : Key extends keyof T ? T[Key] : never : never : never, Multiple>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:searchTerm", value: string) => void);
 }>) => import("vue").VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/dist/runtime/components/Slideover.vue

@@ -4,9 +4,10 @@ import { computed, getCurrentInstance, ref, useSlots, watch, watchEffect } from
 import { useIcons } from "../composables/use-icons";
 import { useMessages } from "../composables/use-messages";
 import { slideoverTheme } from "../theme/slideover";
-import { resolveSlot, useComponentTheme, useThemeBindings } from "../utils/ui";
+import { resolveSlot, useComponentTheme, useRootProps, useThemeBindings } from "../utils/ui";
 import Button from "./Button.vue";
 import Icon from "./Icon.vue";
+defineOptions({ inheritAttrs: false });
 const props = defineProps({
   open: { type: Boolean, required: false, default: void 0 },
   defaultOpen: { type: Boolean, required: false },
@@ -70,8 +71,8 @@ const messages = useMessages();
 const theme = useComponentTheme("slideover", slideoverTheme);
 const themeBindings = useThemeBindings();
 const ui = computed(() => theme.value({ side: props.side, inset: props.inset, transition: props.transition }));
+const contentProps = useRootProps(() => ui.value.content, () => props.ui?.content);
 const overlayProps = computed(() => resolveSlot(ui.value.overlay, props.ui?.overlay));
-const contentProps = computed(() => resolveSlot(ui.value.content, props.ui?.content));
 const headerProps = computed(() => resolveSlot(ui.value.header, props.ui?.header));
 const titleProps = computed(() => resolveSlot(ui.value.title, props.ui?.title));
 const descriptionProps = computed(() => resolveSlot(ui.value.description, props.ui?.description));

package/dist/runtime/components/Tooltip.vue

@@ -4,7 +4,8 @@ import { computed } from "vue";
 import { tooltipTheme } from "../theme/tooltip";
 import { arrowContentProps, arrowElementProps } from "../utils/arrow";
 import { overlayPortalProps } from "../utils/overlay";
-import { resolveSlot, useComponentTheme, useThemeBindings } from "../utils/ui";
+import { resolveSlot, useComponentTheme, useFallthroughProps, useThemeBindings } from "../utils/ui";
+defineOptions({ inheritAttrs: false });
 const props = defineProps({
   text: { type: String, required: false },
   side: { type: String, required: false, default: "top" },
@@ -19,6 +20,7 @@ const props = defineProps({
 const theme = useComponentTheme("tooltip", tooltipTheme);
 const themeBindings = useThemeBindings();
 const ui = computed(() => theme.value());
+const triggerProps = useFallthroughProps();
 const contentProps = computed(() => ({ ...resolveSlot(ui.value.content, props.ui?.content), ...arrowContentProps(props.arrow), ...props.positioning }));
 const portalProps = computed(() => overlayPortalProps(props.portal));
 const arrowProps = computed(() => ({ ...resolveSlot(ui.value.arrow, props.ui?.arrow), ...arrowElementProps(props.arrow) }));
@@ -28,7 +30,7 @@ const kbdProps = computed(() => resolveSlot(ui.value.kbd, props.ui?.kbd));
 
 <template>
   <TooltipRoot :delay-duration="delayDuration" :disabled="disabled">
-    <TooltipTrigger as-child>
+    <TooltipTrigger as-child v-bind="triggerProps">
       <slot />
     </TooltipTrigger>
     <TooltipPortal v-bind="portalProps">

package/dist/runtime/composables/use-confirm.d.ts

@@ -0,0 +1,14 @@
+import type { ColorRole } from '../utils/color-registry.js';
+export interface UseConfirmOptions {
+    title?: string;
+    description?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    confirmColor?: ColorRole;
+    icon?: string;
+}
+export interface UseConfirmReturn {
+    /** Resolves true only for an explicit confirmation; cancel, Escape, and dismissal resolve false. */
+    confirm: (options?: UseConfirmOptions) => Promise<boolean>;
+}
+export declare function useConfirm(): UseConfirmReturn;

package/dist/runtime/composables/use-confirm.js

@@ -0,0 +1,28 @@
+import { useConfirmService } from "../internal/programmatic-services.js";
+import { useProgrammaticThemeSnapshot } from "../utils/programmatic-theme.js";
+import { useMessages } from "./use-messages.js";
+export function useConfirm() {
+  const service = useConfirmService();
+  const messages = useMessages();
+  const snapshotTheme = useProgrammaticThemeSnapshot();
+  function confirm(options = {}) {
+    if (import.meta.server)
+      return Promise.reject(new Error("[useConfirm] confirm() is client-only. Render SAlertDialog declaratively during SSR."));
+    return new Promise((resolve) => {
+      service.instances.value.push({
+        id: service.nextId(),
+        isOpen: true,
+        _settled: false,
+        resolve: (value) => resolve(value === true),
+        title: options.title ?? messages.value.confirmation,
+        description: options.description,
+        confirmLabel: options.confirmLabel,
+        cancelLabel: options.cancelLabel,
+        confirmColor: options.confirmColor,
+        icon: options.icon,
+        _theme: snapshotTheme()
+      });
+    });
+  }
+  return { confirm };
+}

package/dist/runtime/internal/ComboboxSelectBase.d.vue.ts

@@ -3,6 +3,7 @@ import type { SelectThemeSlots } from '../theme/select.js';
 import type { RoundedArrowConfig } from '../utils/arrow.js';
 import type { ColorRole } from '../utils/color-registry.js';
 import type { OverlayPortal, OverlayPositioning } from '../utils/overlay.js';
+import type { SelectModelValue } from '../utils/select-contracts.js';
 import type { UiProp } from '../utils/ui.js';
 import type { SelectItems, SelectOption } from './combobox-select.js';
 import { selectTheme } from '../theme/select.js';
@@ -18,9 +19,9 @@ export interface ComboboxSelectBaseProps {
     open?: boolean;
     /** Initial uncontrolled open state. */
     defaultOpen?: boolean;
-    modelValue?: string | number | (string | number)[];
+    modelValue?: SelectModelValue | SelectModelValue[];
     /** Initial uncontrolled selection and native form reset target. */
-    defaultValue?: string | number | (string | number)[];
+    defaultValue?: SelectModelValue | SelectModelValue[];
     multiple?: boolean;
     searchable?: boolean;
     virtualize?: boolean | {
@@ -54,26 +55,26 @@ export interface ComboboxSelectBaseProps {
 }
 export interface ComboboxSelectBaseEmits {
     'update:open': [value: boolean];
-    'update:modelValue': [value: string | number | (string | number)[] | undefined];
+    'update:modelValue': [value: SelectModelValue | SelectModelValue[] | undefined];
     'update:searchTerm': [value: string];
 }
 declare var __VLS_43: {
-    item: SelectOption<import("../utils/select-contracts.js").SelectValue>;
-}, __VLS_98: {}, __VLS_105: {}, __VLS_120: {}, __VLS_144: {
-    item: SelectOption<import("../utils/select-contracts.js").SelectValue>;
-}, __VLS_164: {
+    item: SelectModelValue | SelectOption<SelectModelValue>;
+}, __VLS_98: {}, __VLS_105: {}, __VLS_120: {}, __VLS_136: {}, __VLS_143: {}, __VLS_150: {}, __VLS_174: {
+    item: SelectModelValue | SelectOption<SelectModelValue>;
+}, __VLS_194: {
     selected: import("./combobox-select.js").ResolvedOption | undefined;
-}, __VLS_175: {}, __VLS_182: {}, __VLS_189: {}, __VLS_219: {}, __VLS_222: {}, __VLS_225: {}, __VLS_228: {}, __VLS_231: {
-    item: SelectOption<import("../utils/select-contracts.js").SelectValue>;
-}, __VLS_234: {
-    group: import("./combobox-select.js").SelectOptionGroup<import("../utils/select-contracts.js").SelectValue>;
-}, __VLS_237: {}, __VLS_273: string, __VLS_274: {}, __VLS_277: {
-    item: SelectOption<import("../utils/select-contracts.js").SelectValue>;
-}, __VLS_280: {
-    group: import("./combobox-select.js").SelectOptionGroup<import("../utils/select-contracts.js").SelectValue>;
+}, __VLS_205: {}, __VLS_212: {}, __VLS_219: {}, __VLS_249: {}, __VLS_252: {}, __VLS_255: {}, __VLS_258: {}, __VLS_261: {
+    item: SelectModelValue | SelectOption<SelectModelValue>;
+}, __VLS_264: {
+    group: import("./combobox-select.js").SelectOptionGroup<SelectModelValue>;
+}, __VLS_267: {}, __VLS_305: string, __VLS_306: {}, __VLS_309: {}, __VLS_319: {
+    item: SelectModelValue | SelectOption<SelectModelValue>;
+}, __VLS_322: {
+    group: import("./combobox-select.js").SelectOptionGroup<SelectModelValue>;
 };
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_273>]?: (props: typeof __VLS_274) => any;
+    [K in NonNullable<typeof __VLS_305>]?: (props: typeof __VLS_306) => any;
 } & {
     item?: (props: typeof __VLS_43) => any;
 } & {
@@ -83,40 +84,48 @@ type __VLS_Slots = {} & {
 } & {
     'dropdown-icon'?: (props: typeof __VLS_120) => any;
 } & {
-    item?: (props: typeof __VLS_144) => any;
+    'clear-icon'?: (props: typeof __VLS_136) => any;
 } & {
-    value?: (props: typeof __VLS_164) => any;
+    'loading-icon'?: (props: typeof __VLS_143) => any;
 } & {
-    'clear-icon'?: (props: typeof __VLS_175) => any;
+    'dropdown-icon'?: (props: typeof __VLS_150) => any;
 } & {
-    'loading-icon'?: (props: typeof __VLS_182) => any;
+    item?: (props: typeof __VLS_174) => any;
 } & {
-    'dropdown-icon'?: (props: typeof __VLS_189) => any;
+    value?: (props: typeof __VLS_194) => any;
 } & {
-    header?: (props: typeof __VLS_219) => any;
+    'clear-icon'?: (props: typeof __VLS_205) => any;
 } & {
-    'filter-icon'?: (props: typeof __VLS_222) => any;
+    'loading-icon'?: (props: typeof __VLS_212) => any;
 } & {
-    empty?: (props: typeof __VLS_225) => any;
+    'dropdown-icon'?: (props: typeof __VLS_219) => any;
 } & {
-    'empty-filter'?: (props: typeof __VLS_228) => any;
+    header?: (props: typeof __VLS_249) => any;
 } & {
-    item?: (props: typeof __VLS_231) => any;
+    'filter-icon'?: (props: typeof __VLS_252) => any;
 } & {
-    group?: (props: typeof __VLS_234) => any;
+    empty?: (props: typeof __VLS_255) => any;
 } & {
-    footer?: (props: typeof __VLS_237) => any;
+    'empty-filter'?: (props: typeof __VLS_258) => any;
 } & {
-    item?: (props: typeof __VLS_277) => any;
+    item?: (props: typeof __VLS_261) => any;
 } & {
-    group?: (props: typeof __VLS_280) => any;
+    group?: (props: typeof __VLS_264) => any;
+} & {
+    footer?: (props: typeof __VLS_267) => any;
+} & {
+    header?: (props: typeof __VLS_309) => any;
+} & {
+    item?: (props: typeof __VLS_319) => any;
+} & {
+    group?: (props: typeof __VLS_322) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ComboboxSelectBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number | (string | number)[] | undefined) => any;
+    "update:modelValue": (value: SelectModelValue | SelectModelValue[] | undefined) => any;
     "update:open": (value: boolean) => any;
     "update:searchTerm": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<ComboboxSelectBaseProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | number | (string | number)[] | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: SelectModelValue | SelectModelValue[] | undefined) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;