@shwfed/nuxt 0.7.10 → 0.7.11

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@shwfed/nuxt",
   "configKey": "shwfed",
-  "version": "0.7.10",
+  "version": "0.7.11",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

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

@@ -35,9 +35,42 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             grow?: boolean;
         }>[];
         cellStyles?: import("./table.vue.js").Expression;
-        props?: Omit<import("@tanstack/table-core").TableOptions<unknown>, "columns" | "data" | "getRowId" | "getCoreRowModel">;
+        props?: Readonly<{
+            [key: string]: unknown;
+            initialState?: Readonly<{
+                columnVisibility?: Record<string, boolean>;
+                columnOrder?: ReadonlyArray<string>;
+                columnPinning?: Readonly<{
+                    left?: ReadonlyArray<string>;
+                    right?: ReadonlyArray<string>;
+                }>;
+                rowPinning?: Readonly<{
+                    top?: ReadonlyArray<string>;
+                    bottom?: ReadonlyArray<string>;
+                }>;
+                columnFilters?: ReadonlyArray<Readonly<{
+                    id: string;
+                    value: unknown;
+                }>>;
+                globalFilter?: unknown;
+                sorting?: ReadonlyArray<Readonly<{
+                    id: string;
+                    desc: boolean;
+                }>>;
+                expanded?: boolean | Record<string, boolean>;
+                grouping?: ReadonlyArray<string>;
+                columnSizing?: Record<string, number>;
+                columnSizingInfo?: Record<string, unknown>;
+                pagination?: Readonly<{
+                    pageIndex?: number;
+                    pageSize?: number;
+                }>;
+                rowSelection?: Record<string, boolean>;
+            }>;
+        }>;
         paginationLeft?: import("./table.vue.js").Markdown;
         paginationRight?: import("./table.vue.js").Markdown;
+        paginationPageSizes?: ReadonlyArray<number>;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
     config: import("effect").Effect.Effect<TableConfig>;
@@ -63,9 +96,42 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             grow?: boolean;
         }>[];
         cellStyles?: import("./table.vue.js").Expression;
-        props?: Omit<import("@tanstack/table-core").TableOptions<unknown>, "columns" | "data" | "getRowId" | "getCoreRowModel">;
+        props?: Readonly<{
+            [key: string]: unknown;
+            initialState?: Readonly<{
+                columnVisibility?: Record<string, boolean>;
+                columnOrder?: ReadonlyArray<string>;
+                columnPinning?: Readonly<{
+                    left?: ReadonlyArray<string>;
+                    right?: ReadonlyArray<string>;
+                }>;
+                rowPinning?: Readonly<{
+                    top?: ReadonlyArray<string>;
+                    bottom?: ReadonlyArray<string>;
+                }>;
+                columnFilters?: ReadonlyArray<Readonly<{
+                    id: string;
+                    value: unknown;
+                }>>;
+                globalFilter?: unknown;
+                sorting?: ReadonlyArray<Readonly<{
+                    id: string;
+                    desc: boolean;
+                }>>;
+                expanded?: boolean | Record<string, boolean>;
+                grouping?: ReadonlyArray<string>;
+                columnSizing?: Record<string, number>;
+                columnSizingInfo?: Record<string, unknown>;
+                pagination?: Readonly<{
+                    pageIndex?: number;
+                    pageSize?: number;
+                }>;
+                rowSelection?: Record<string, boolean>;
+            }>;
+        }>;
         paginationLeft?: import("./table.vue.js").Markdown;
         paginationRight?: import("./table.vue.js").Markdown;
+        paginationPageSizes?: ReadonlyArray<number>;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     [x: string]: ((props: {

package/dist/runtime/components/table.vue

@@ -49,7 +49,6 @@ export { AccessorC, ColumnC, RenderC, TableConfigC } from "./ui/table/schema";
 <template>
   <UiTable
     ref="tableRef"
-    v-bind="$attrs"
     :config="props.config"
     :data="props.data"
     :row-count="props.rowCount"

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

@@ -35,9 +35,42 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             grow?: boolean;
         }>[];
         cellStyles?: import("./table.vue.js").Expression;
-        props?: Omit<import("@tanstack/table-core").TableOptions<unknown>, "columns" | "data" | "getRowId" | "getCoreRowModel">;
+        props?: Readonly<{
+            [key: string]: unknown;
+            initialState?: Readonly<{
+                columnVisibility?: Record<string, boolean>;
+                columnOrder?: ReadonlyArray<string>;
+                columnPinning?: Readonly<{
+                    left?: ReadonlyArray<string>;
+                    right?: ReadonlyArray<string>;
+                }>;
+                rowPinning?: Readonly<{
+                    top?: ReadonlyArray<string>;
+                    bottom?: ReadonlyArray<string>;
+                }>;
+                columnFilters?: ReadonlyArray<Readonly<{
+                    id: string;
+                    value: unknown;
+                }>>;
+                globalFilter?: unknown;
+                sorting?: ReadonlyArray<Readonly<{
+                    id: string;
+                    desc: boolean;
+                }>>;
+                expanded?: boolean | Record<string, boolean>;
+                grouping?: ReadonlyArray<string>;
+                columnSizing?: Record<string, number>;
+                columnSizingInfo?: Record<string, unknown>;
+                pagination?: Readonly<{
+                    pageIndex?: number;
+                    pageSize?: number;
+                }>;
+                rowSelection?: Record<string, boolean>;
+            }>;
+        }>;
         paginationLeft?: import("./table.vue.js").Markdown;
         paginationRight?: import("./table.vue.js").Markdown;
+        paginationPageSizes?: ReadonlyArray<number>;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
     config: import("effect").Effect.Effect<TableConfig>;
@@ -63,9 +96,42 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             grow?: boolean;
         }>[];
         cellStyles?: import("./table.vue.js").Expression;
-        props?: Omit<import("@tanstack/table-core").TableOptions<unknown>, "columns" | "data" | "getRowId" | "getCoreRowModel">;
+        props?: Readonly<{
+            [key: string]: unknown;
+            initialState?: Readonly<{
+                columnVisibility?: Record<string, boolean>;
+                columnOrder?: ReadonlyArray<string>;
+                columnPinning?: Readonly<{
+                    left?: ReadonlyArray<string>;
+                    right?: ReadonlyArray<string>;
+                }>;
+                rowPinning?: Readonly<{
+                    top?: ReadonlyArray<string>;
+                    bottom?: ReadonlyArray<string>;
+                }>;
+                columnFilters?: ReadonlyArray<Readonly<{
+                    id: string;
+                    value: unknown;
+                }>>;
+                globalFilter?: unknown;
+                sorting?: ReadonlyArray<Readonly<{
+                    id: string;
+                    desc: boolean;
+                }>>;
+                expanded?: boolean | Record<string, boolean>;
+                grouping?: ReadonlyArray<string>;
+                columnSizing?: Record<string, number>;
+                columnSizingInfo?: Record<string, unknown>;
+                pagination?: Readonly<{
+                    pageIndex?: number;
+                    pageSize?: number;
+                }>;
+                rowSelection?: Record<string, boolean>;
+            }>;
+        }>;
         paginationLeft?: import("./table.vue.js").Markdown;
         paginationRight?: import("./table.vue.js").Markdown;
+        paginationPageSizes?: ReadonlyArray<number>;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     [x: string]: ((props: {

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuItem.vue

@@ -22,7 +22,7 @@ const forwardedProps = useForwardPropsEmits(delegatedProps, emits);
     :data-inset="inset ? '' : void 0"
     :data-variant="variant"
     v-bind="forwardedProps"
-    :class="cn('focus:bg-[color-mix(in_srgb,var(--primary)_10%,white)] hover:bg-[color-mix(in_srgb,var(--primary)_10%,white)] focus:text-(--primary) hover:text-(--primary) data-[variant=destructive]:text-red-600 data-[variant=destructive]:focus:bg-red-200 dark:data-[variant=destructive]:focus:bg-red-800 data-[variant=destructive]:focus:text-red-600 data-[variant=destructive]:*:[svg]:text-red-600! [&_svg:not([class*=\'text-\'])]:text-zinc-300 relative flex cursor-pointer items-center gap-2 rounded-sm p-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4', props.class)"
+    :class="cn('focus:bg-[color-mix(in_srgb,var(--primary)_10%,white)] hover:bg-[color-mix(in_srgb,var(--primary)_10%,white)] focus:text-(--primary) hover:text-(--primary) data-[variant=destructive]:text-red-600 data-[variant=destructive]:focus:bg-red-200 data-[variant=destructive]:focus:text-red-600 data-[variant=destructive]:*:[svg]:text-red-600! [&_svg:not([class*=\'text-\'])]:text-zinc-300 relative flex cursor-pointer items-center gap-2 rounded-sm p-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4', props.class)"
   >
     <slot />
   </DropdownMenuItem>

package/dist/runtime/components/ui/field/FieldLabel.vue

@@ -12,7 +12,7 @@ const props = defineProps({
     :class="cn(
   'group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:text-zinc-600 group-data-[disabled=true]/field:opacity-100',
   'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-4',
-  'has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10',
+  'has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary',
   props.class
 )"
   >

package/dist/runtime/components/ui/icon-picker/IconPicker.d.vue.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/icon-picker/IconPicker.vue

@@ -0,0 +1,178 @@
+<script setup>
+import { icons } from "@iconify-json/fluent";
+import { Icon } from "@iconify/vue";
+import { useVirtualizer } from "@tanstack/vue-virtual";
+import { computed, shallowRef, ref, watch } from "vue";
+import { cn } from "../../../utils/cn";
+import { InputGroup, InputGroupAddon, InputGroupInput } from "../input-group";
+defineOptions({
+  inheritAttrs: false
+});
+const ICON_COLUMNS = 6;
+const ICON_ROW_HEIGHT = 60;
+const props = defineProps({
+  modelValue: { type: String, required: false },
+  placeholder: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  invalid: { type: Boolean, required: false },
+  class: { type: null, required: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+const availableIcons = Object.entries(icons.icons).filter(([name]) => name.endsWith("-20-regular")).map(([name, icon]) => ({
+  id: `fluent:${name}`,
+  icon
+}));
+const availableIconIds = new Set(availableIcons.map((icon) => icon.id));
+const searchQuery = ref("");
+const galleryElement = shallowRef(null);
+const selectedIcon = computed(() => props.modelValue && availableIconIds.has(props.modelValue) ? availableIcons.find((icon) => icon.id === props.modelValue) : void 0);
+const filteredIcons = computed(() => {
+  const term = searchQuery.value.trim().toLowerCase();
+  if (!term) {
+    return availableIcons;
+  }
+  return availableIcons.filter((icon) => icon.id.includes(term));
+});
+const rowCount = computed(() => Math.ceil(filteredIcons.value.length / ICON_COLUMNS));
+const rowVirtualizer = useVirtualizer(computed(() => ({
+  count: rowCount.value,
+  getScrollElement: () => galleryElement.value,
+  estimateSize: () => ICON_ROW_HEIGHT,
+  overscan: 4
+})));
+watch(() => props.modelValue, (value) => {
+  if (value && availableIconIds.has(value)) {
+    searchQuery.value = "";
+  }
+});
+function iconsForRow(index) {
+  const start = index * ICON_COLUMNS;
+  return filteredIcons.value.slice(start, start + ICON_COLUMNS);
+}
+function selectIcon(iconId) {
+  if (props.disabled) {
+    return;
+  }
+  searchQuery.value = "";
+  emit("update:modelValue", iconId);
+}
+function clearIcon() {
+  if (props.disabled) {
+    return;
+  }
+  searchQuery.value = "";
+  emit("update:modelValue", void 0);
+}
+function handleSearchUpdate(value) {
+  searchQuery.value = String(value);
+}
+</script>
+
+<template>
+  <div
+    v-bind="$attrs"
+    data-slot="icon-picker"
+    :data-disabled="props.disabled ? 'true' : void 0"
+    :class="cn(
+  'flex min-h-88 flex-col overflow-hidden rounded-xl border bg-white',
+  props.invalid ? 'border-red-400' : 'border-zinc-200',
+  props.disabled ? 'bg-zinc-50' : void 0,
+  props.class
+)"
+  >
+    <section
+      v-if="selectedIcon"
+      data-slot="icon-picker-selected"
+      class="flex flex-1 flex-col items-center justify-center gap-4 px-6 py-8 text-center"
+    >
+      <div
+        data-slot="icon-picker-hero"
+        :data-icon-id="selectedIcon.id"
+        class="relative flex size-40 items-center justify-center rounded-3xl border border-zinc-200 bg-zinc-50 text-zinc-700 shadow-xs"
+      >
+        <button
+          type="button"
+          data-slot="icon-picker-clear"
+          class="absolute right-3 top-3 flex size-8 items-center justify-center rounded-full border border-zinc-200 bg-white text-zinc-500 transition-colors hover:border-red-200 hover:bg-red-50 hover:text-red-600 disabled:pointer-events-none disabled:opacity-60"
+          :disabled="props.disabled"
+          @click="clearIcon"
+        >
+          <Icon icon="fluent:dismiss-20-regular" />
+        </button>
+        <Icon
+          :icon="selectedIcon.icon"
+          class="size-16"
+        />
+      </div>
+
+      <p
+        data-slot="icon-picker-name"
+        class="font-mono text-sm text-zinc-500"
+      >
+        {{ selectedIcon.id }}
+      </p>
+    </section>
+
+    <template v-else>
+      <div
+        data-slot="icon-picker-search"
+        class="border-b border-zinc-200 p-4"
+      >
+        <InputGroup class="overflow-hidden">
+          <InputGroupAddon>
+            <Icon icon="fluent:search-20-regular" />
+          </InputGroupAddon>
+          <InputGroupInput
+            :model-value="searchQuery"
+            :placeholder="props.placeholder ?? 'Search icons'"
+            :disabled="props.disabled"
+            @update:model-value="handleSearchUpdate"
+          />
+        </InputGroup>
+      </div>
+
+      <div
+        v-if="filteredIcons.length > 0"
+        ref="galleryElement"
+        data-slot="icon-picker-gallery"
+        class="h-80 overflow-auto px-4 py-4"
+      >
+        <div
+          class="relative w-full"
+          :style="{ height: `${rowVirtualizer.getTotalSize()}px` }"
+        >
+          <div
+            v-for="row in rowVirtualizer.getVirtualItems()"
+            :key="String(row.key)"
+            class="absolute left-0 top-0 grid w-full grid-cols-6 gap-2"
+            :style="{
+  height: `${row.size}px`,
+  transform: `translateY(${row.start}px)`
+}"
+          >
+            <button
+              v-for="item in iconsForRow(row.index)"
+              :key="item.id"
+              type="button"
+              data-slot="icon-picker-item"
+              :data-icon-id="item.id"
+              class="flex h-12 items-center justify-center rounded-lg border border-transparent bg-zinc-50 text-zinc-600 transition-colors hover:border-zinc-200 hover:bg-zinc-100 hover:text-zinc-800 disabled:pointer-events-none disabled:opacity-60"
+              :disabled="props.disabled"
+              @click="selectIcon(item.id)"
+            >
+              <Icon :icon="item.icon" />
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <div
+        v-else
+        data-slot="icon-picker-empty"
+        class="flex h-80 items-center justify-center px-6 text-center text-sm text-zinc-400"
+      >
+        No icons match your search.
+      </div>
+    </template>
+  </div>
+</template>

package/dist/runtime/components/ui/icon-picker/IconPicker.vue.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    class?: HTMLAttributes['class'];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/icon-picker/index.d.ts

@@ -0,0 +1 @@
+export { default as IconPicker } from './IconPicker.vue.js';

package/dist/runtime/components/ui/icon-picker/index.js

@@ -0,0 +1 @@
+export { default as IconPicker } from "./IconPicker.vue";

package/dist/runtime/components/ui/input-group/InputGroupComboboxInput.vue

@@ -20,7 +20,7 @@ function handleBlur(event) {
     :data-value="!!filterState.search"
     :aria-invalid="props.invalid ? 'true' : void 0"
     :class="cn(
-  'flex-1 px-2 rounded-none border-none bg-transparent shadow-none dark:bg-transparent peer outline-none disabled:cursor-not-allowed disabled:text-zinc-600 disabled:opacity-100'
+  'flex-1 px-2 rounded-none border-none bg-transparent shadow-none peer outline-none disabled:cursor-not-allowed disabled:text-zinc-600 disabled:opacity-100'
 )"
     @blur="handleBlur"
   />

package/dist/runtime/components/ui/input-group/InputGroupInput.vue

@@ -13,7 +13,7 @@ const props = defineProps({
     data-slot="input-group-control"
     :treat-empty-as-different-state-from-null="treatEmptyAsDifferentStateFromNull"
     :class="cn(
-  'flex-1 rounded-none border-0 bg-transparent shadow-none dark:bg-transparent peer disabled:text-zinc-600 disabled:opacity-100',
+  'flex-1 rounded-none border-0 bg-transparent shadow-none peer disabled:text-zinc-600 disabled:opacity-100',
   props.class
 )"
   />

package/dist/runtime/components/ui/input-group/InputGroupNumberField.vue

@@ -43,7 +43,7 @@ const delegatedProps = reactiveOmit(props, "class", "invalid");
       :data-value="typeof delegatedProps.modelValue === 'number'"
       :aria-invalid="props.invalid ? 'true' : void 0"
       :class="cn(
-  'flex-1 px-2 py-1 rounded-none w-full text-sm text-zinc-700 border-0 bg-transparent shadow-none dark:bg-transparent outline-none peer disabled:cursor-not-allowed disabled:text-zinc-600 disabled:opacity-100'
+  'flex-1 px-2 py-1 rounded-none w-full text-sm text-zinc-700 border-0 bg-transparent shadow-none outline-none peer disabled:cursor-not-allowed disabled:text-zinc-600 disabled:opacity-100'
 )"
       @blur="emits('blur', $event)"
     />

package/dist/runtime/components/ui/input-group/InputGroupTextarea.vue

@@ -10,7 +10,7 @@ const props = defineProps({
   <Textarea
     data-slot="input-group-control"
     :class="cn(
-  'flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none dark:bg-transparent',
+  'flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none',
   props.class
 )"
   />

package/dist/runtime/components/ui/native-select/NativeSelect.d.vue.ts

@@ -9,9 +9,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": () => any;
+    "update:modelValue": (args_0: AcceptableValue) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: AcceptableValue) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ui/native-select/NativeSelect.vue

@@ -27,7 +27,7 @@ const delegatedProps = reactiveOmit(props, "class");
       v-model="modelValue"
       data-slot="native-select"
       :class="cn(
-  'border-zinc-200 placeholder:text-zinc-400 selection:bg-primary selection:text-primary-foreground dark:bg-zinc-200/30 dark:hover:bg-zinc-200/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed',
+  'border-zinc-200 placeholder:text-zinc-400 selection:bg-primary selection:text-primary-foreground h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed',
   'focus-visible:border-(--primary)',
   'aria-invalid:border-red-400',
   props.class

package/dist/runtime/components/ui/native-select/NativeSelect.vue.d.ts

@@ -9,9 +9,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": () => any;
+    "update:modelValue": (args_0: AcceptableValue) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: AcceptableValue) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ui/switch/Switch.vue

@@ -29,13 +29,13 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
     data-slot="switch"
     v-bind="forwarded"
     :class="cn(
-  'peer data-[state=checked]:bg-(--primary) data-[state=unchecked]:bg-zinc-200 focus-visible:border-(--primary) dark:data-[state=unchecked]:bg-zinc-200/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none disabled:cursor-not-allowed disabled:opacity-50',
+  'peer data-[state=checked]:bg-(--primary) data-[state=unchecked]:bg-zinc-200 focus-visible:border-(--primary) inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none disabled:cursor-not-allowed disabled:opacity-50',
   props.class
 )"
   >
     <SwitchThumb
       data-slot="switch-thumb"
-      :class="cn('bg-zinc-50 dark:data-[state=unchecked]:bg-zinc-800 dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0')"
+      :class="cn('bg-zinc-50 pointer-events-none block size-4 rounded-full transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0')"
     >
       <slot
         name="thumb"

package/dist/runtime/components/ui/table/Table.d.vue.ts

@@ -1,4 +1,4 @@
-import { type CellContext, type TableOptions } from '@tanstack/vue-table';
+import { type CellContext } from '@tanstack/vue-table';
 import { Effect } from 'effect';
 import { type TableConfig } from './schema.js';
 export type { Accessor, Column, Expression, Markdown, Render, TableConfig } from './schema.js';
@@ -37,9 +37,42 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             grow?: boolean;
         }>[];
         cellStyles?: import("./schema.js").Expression;
-        props?: Omit<TableOptions<unknown>, "columns" | "data" | "getRowId" | "getCoreRowModel">;
+        props?: Readonly<{
+            [key: string]: unknown;
+            initialState?: Readonly<{
+                columnVisibility?: Record<string, boolean>;
+                columnOrder?: ReadonlyArray<string>;
+                columnPinning?: Readonly<{
+                    left?: ReadonlyArray<string>;
+                    right?: ReadonlyArray<string>;
+                }>;
+                rowPinning?: Readonly<{
+                    top?: ReadonlyArray<string>;
+                    bottom?: ReadonlyArray<string>;
+                }>;
+                columnFilters?: ReadonlyArray<Readonly<{
+                    id: string;
+                    value: unknown;
+                }>>;
+                globalFilter?: unknown;
+                sorting?: ReadonlyArray<Readonly<{
+                    id: string;
+                    desc: boolean;
+                }>>;
+                expanded?: boolean | Record<string, boolean>;
+                grouping?: ReadonlyArray<string>;
+                columnSizing?: Record<string, number>;
+                columnSizingInfo?: Record<string, unknown>;
+                pagination?: Readonly<{
+                    pageIndex?: number;
+                    pageSize?: number;
+                }>;
+                rowSelection?: Record<string, boolean>;
+            }>;
+        }>;
         paginationLeft?: import("./schema.js").Markdown;
         paginationRight?: import("./schema.js").Markdown;
+        paginationPageSizes?: ReadonlyArray<number>;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
     config: Effect.Effect<TableConfig>;
@@ -65,9 +98,42 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             grow?: boolean;
         }>[];
         cellStyles?: import("./schema.js").Expression;
-        props?: Omit<TableOptions<unknown>, "columns" | "data" | "getRowId" | "getCoreRowModel">;
+        props?: Readonly<{
+            [key: string]: unknown;
+            initialState?: Readonly<{
+                columnVisibility?: Record<string, boolean>;
+                columnOrder?: ReadonlyArray<string>;
+                columnPinning?: Readonly<{
+                    left?: ReadonlyArray<string>;
+                    right?: ReadonlyArray<string>;
+                }>;
+                rowPinning?: Readonly<{
+                    top?: ReadonlyArray<string>;
+                    bottom?: ReadonlyArray<string>;
+                }>;
+                columnFilters?: ReadonlyArray<Readonly<{
+                    id: string;
+                    value: unknown;
+                }>>;
+                globalFilter?: unknown;
+                sorting?: ReadonlyArray<Readonly<{
+                    id: string;
+                    desc: boolean;
+                }>>;
+                expanded?: boolean | Record<string, boolean>;
+                grouping?: ReadonlyArray<string>;
+                columnSizing?: Record<string, number>;
+                columnSizingInfo?: Record<string, unknown>;
+                pagination?: Readonly<{
+                    pageIndex?: number;
+                    pageSize?: number;
+                }>;
+                rowSelection?: Record<string, boolean>;
+            }>;
+        }>;
         paginationLeft?: import("./schema.js").Markdown;
         paginationRight?: import("./schema.js").Markdown;
+        paginationPageSizes?: ReadonlyArray<number>;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     [key: string]: (props: Readonly<{