@shwfed/nuxt 0.7.9 → 0.7.10

package/dist/runtime/components/ui/table-configurator/TableConfiguratorDialog.vue.d.ts

@@ -0,0 +1,62 @@
+import { type LocaleValue } from '../../../utils/coders.js';
+import type { TableConfig } from '../table/schema.js';
+type __VLS_Props = {
+    config: TableConfig;
+};
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    confirm: (args_0: Readonly<{
+        getRowId?: import("../table/schema.js").Expression;
+        getSubRows?: import("../table/schema.js").Expression;
+        enableRowSelection?: import("../table/schema.js").Expression;
+        enableMultiRowSelection?: import("../table/schema.js").Expression;
+        columns: readonly Readonly<{
+            id?: string;
+            title?: LocaleValue;
+            accessor?: import("../table/schema.js").Accessor;
+            renderer?: import("../table/schema.js").Render;
+            tooltip?: LocaleValue;
+            size?: number;
+            enableSorting?: boolean;
+            enableMultiSorting?: boolean;
+            enablePinning?: boolean;
+            columns?: readonly Readonly</*elided*/ any>[];
+            grow?: boolean;
+        }>[];
+        cellStyles?: import("../table/schema.js").Expression;
+        props?: Omit<import("@tanstack/table-core").TableOptions<unknown>, "columns" | "data" | "getRowId" | "getCoreRowModel">;
+        paginationLeft?: import("../table/schema.js").Markdown;
+        paginationRight?: import("../table/schema.js").Markdown;
+    }>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onConfirm?: ((args_0: Readonly<{
+        getRowId?: import("../table/schema.js").Expression;
+        getSubRows?: import("../table/schema.js").Expression;
+        enableRowSelection?: import("../table/schema.js").Expression;
+        enableMultiRowSelection?: import("../table/schema.js").Expression;
+        columns: readonly Readonly<{
+            id?: string;
+            title?: LocaleValue;
+            accessor?: import("../table/schema.js").Accessor;
+            renderer?: import("../table/schema.js").Render;
+            tooltip?: LocaleValue;
+            size?: number;
+            enableSorting?: boolean;
+            enableMultiSorting?: boolean;
+            enablePinning?: boolean;
+            columns?: readonly Readonly</*elided*/ any>[];
+            grow?: boolean;
+        }>[];
+        cellStyles?: import("../table/schema.js").Expression;
+        props?: Omit<import("@tanstack/table-core").TableOptions<unknown>, "columns" | "data" | "getRowId" | "getCoreRowModel">;
+        paginationLeft?: import("../table/schema.js").Markdown;
+        paginationRight?: import("../table/schema.js").Markdown;
+    }>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/table-configurator/menu.d.ts

@@ -0,0 +1,37 @@
+export type TableConfiguratorColumnSource<T> = Readonly<{
+    columns?: ReadonlyArray<T>;
+}>;
+export type TableConfiguratorDraftColumnNode<T extends TableConfiguratorColumnSource<T>> = Readonly<{
+    itemId: string;
+    parentItemId?: string;
+    childItemIds: Array<string>;
+    column: T;
+}>;
+export type TableConfiguratorDraftColumnTree<T extends TableConfiguratorColumnSource<T>> = Readonly<{
+    rootItemIds: Array<string>;
+    nodes: Array<TableConfiguratorDraftColumnNode<T>>;
+}>;
+export type TableConfiguratorFlattenedColumnItem<T extends TableConfiguratorColumnSource<T>> = Readonly<{
+    itemId: string;
+    depth: number;
+    column: T;
+}>;
+export declare function createTableConfiguratorDraftColumnNode<T extends TableConfiguratorColumnSource<T>>(column: T, options?: Readonly<{
+    createItemId?: () => string;
+    parentItemId?: string;
+    childItemIds?: Array<string>;
+}>): TableConfiguratorDraftColumnNode<T>;
+export declare function buildTableConfiguratorColumnTree<T extends TableConfiguratorColumnSource<T>>(columns: ReadonlyArray<T>, options?: Readonly<{
+    createItemId?: () => string;
+}>): TableConfiguratorDraftColumnTree<T>;
+export declare function getTableConfiguratorColumnNode<T extends TableConfiguratorColumnSource<T>>(tree: TableConfiguratorDraftColumnTree<T>, itemId: string): TableConfiguratorDraftColumnNode<T> | undefined;
+export declare function getTableConfiguratorColumnAncestorItemIds<T extends TableConfiguratorColumnSource<T>>(tree: TableConfiguratorDraftColumnTree<T>, itemId: string): Array<string>;
+export declare function getTableConfiguratorColumnDescendantItemIds<T extends TableConfiguratorColumnSource<T>>(tree: TableConfiguratorDraftColumnTree<T>, itemId: string): Array<string>;
+export declare function flattenTableConfiguratorColumnTree<T extends TableConfiguratorColumnSource<T>>(tree: TableConfiguratorDraftColumnTree<T>): Array<TableConfiguratorFlattenedColumnItem<T>>;
+export declare function updateTableConfiguratorColumnNode<T extends TableConfiguratorColumnSource<T>>(tree: TableConfiguratorDraftColumnTree<T>, itemId: string, update: (column: T) => T): TableConfiguratorDraftColumnTree<T>;
+export declare function insertTableConfiguratorRootColumnNode<T extends TableConfiguratorColumnSource<T>>(tree: TableConfiguratorDraftColumnTree<T>, node: TableConfiguratorDraftColumnNode<T>, index?: number): TableConfiguratorDraftColumnTree<T>;
+export declare function moveTableConfiguratorColumnNodeToParent<T extends TableConfiguratorColumnSource<T>>(tree: TableConfiguratorDraftColumnTree<T>, itemId: string, parentItemId: string, index?: number): TableConfiguratorDraftColumnTree<T>;
+export declare function moveTableConfiguratorColumnNodeAfterItem<T extends TableConfiguratorColumnSource<T>>(tree: TableConfiguratorDraftColumnTree<T>, itemId: string, targetItemId: string): TableConfiguratorDraftColumnTree<T>;
+export declare function moveTableConfiguratorColumnSibling<T extends TableConfiguratorColumnSource<T>>(tree: TableConfiguratorDraftColumnTree<T>, parentItemId: string | undefined, oldIndex: number, newIndex: number): TableConfiguratorDraftColumnTree<T>;
+export declare function removeTableConfiguratorColumnSubtree<T extends TableConfiguratorColumnSource<T>>(tree: TableConfiguratorDraftColumnTree<T>, itemId: string): TableConfiguratorDraftColumnTree<T>;
+export declare function materializeTableConfiguratorColumnTree<T extends TableConfiguratorColumnSource<T>>(tree: TableConfiguratorDraftColumnTree<T>): Array<T>;

package/dist/runtime/components/ui/table-configurator/menu.js

@@ -0,0 +1,227 @@
+function stripNestedColumns(column) {
+  return {
+    ...column,
+    columns: void 0
+  };
+}
+function insertItemId(itemIds, itemId, index = itemIds.length) {
+  const nextItemIds = itemIds.slice();
+  const normalizedIndex = Math.min(Math.max(index, 0), nextItemIds.length);
+  nextItemIds.splice(normalizedIndex, 0, itemId);
+  return nextItemIds;
+}
+function moveItemId(itemIds, oldIndex, newIndex) {
+  if (oldIndex < 0 || newIndex < 0 || oldIndex >= itemIds.length || newIndex >= itemIds.length) {
+    return itemIds.slice();
+  }
+  const nextItemIds = itemIds.slice();
+  const movedItemId = nextItemIds[oldIndex];
+  if (!movedItemId) {
+    return itemIds.slice();
+  }
+  nextItemIds.splice(oldIndex, 1);
+  nextItemIds.splice(newIndex, 0, movedItemId);
+  return nextItemIds;
+}
+function replaceNode(tree, itemId, update) {
+  return {
+    ...tree,
+    nodes: tree.nodes.map((node) => node.itemId === itemId ? update(node) : node)
+  };
+}
+function updateSiblingIds(tree, parentItemId, update) {
+  if (!parentItemId) {
+    return {
+      ...tree,
+      rootItemIds: update(tree.rootItemIds)
+    };
+  }
+  return replaceNode(tree, parentItemId, (node) => ({
+    ...node,
+    childItemIds: update(node.childItemIds)
+  }));
+}
+function detachColumnNode(tree, itemId) {
+  const node = getTableConfiguratorColumnNode(tree, itemId);
+  if (!node) {
+    return tree;
+  }
+  const detachedTree = updateSiblingIds(
+    tree,
+    node.parentItemId,
+    (itemIds) => itemIds.filter((currentItemId) => currentItemId !== itemId)
+  );
+  return replaceNode(detachedTree, itemId, (currentNode) => ({
+    ...currentNode,
+    parentItemId: void 0
+  }));
+}
+function attachColumnNode(tree, itemId, parentItemId, index = Number.POSITIVE_INFINITY) {
+  if (parentItemId) {
+    const parentNode = getTableConfiguratorColumnNode(tree, parentItemId);
+    if (!parentNode) {
+      return tree;
+    }
+  }
+  const attachedTree = updateSiblingIds(
+    tree,
+    parentItemId,
+    (itemIds) => insertItemId(itemIds, itemId, index)
+  );
+  return replaceNode(attachedTree, itemId, (currentNode) => ({
+    ...currentNode,
+    parentItemId
+  }));
+}
+export function createTableConfiguratorDraftColumnNode(column, options) {
+  return {
+    itemId: options?.createItemId?.() ?? crypto.randomUUID(),
+    parentItemId: options?.parentItemId,
+    childItemIds: options?.childItemIds?.slice() ?? [],
+    column: stripNestedColumns(column)
+  };
+}
+export function buildTableConfiguratorColumnTree(columns, options) {
+  const nodes = [];
+  function visit(column, parentItemId) {
+    const itemId = options?.createItemId?.() ?? crypto.randomUUID();
+    const childItemIds = (column.columns ?? []).map((childColumn) => visit(childColumn, itemId));
+    nodes.push({
+      itemId,
+      parentItemId,
+      childItemIds,
+      column: stripNestedColumns(column)
+    });
+    return itemId;
+  }
+  return {
+    rootItemIds: columns.map((column) => visit(column)),
+    nodes
+  };
+}
+export function getTableConfiguratorColumnNode(tree, itemId) {
+  return tree.nodes.find((node) => node.itemId === itemId);
+}
+export function getTableConfiguratorColumnAncestorItemIds(tree, itemId) {
+  const ancestorItemIds = [];
+  let currentNode = getTableConfiguratorColumnNode(tree, itemId);
+  while (currentNode?.parentItemId) {
+    ancestorItemIds.push(currentNode.parentItemId);
+    currentNode = getTableConfiguratorColumnNode(tree, currentNode.parentItemId);
+  }
+  return ancestorItemIds;
+}
+export function getTableConfiguratorColumnDescendantItemIds(tree, itemId) {
+  const node = getTableConfiguratorColumnNode(tree, itemId);
+  if (!node) {
+    return [];
+  }
+  const descendantItemIds = [];
+  for (const childItemId of node.childItemIds) {
+    descendantItemIds.push(childItemId);
+    descendantItemIds.push(...getTableConfiguratorColumnDescendantItemIds(tree, childItemId));
+  }
+  return descendantItemIds;
+}
+export function flattenTableConfiguratorColumnTree(tree) {
+  function visit(itemId, depth) {
+    const node = getTableConfiguratorColumnNode(tree, itemId);
+    if (!node) {
+      return [];
+    }
+    return [
+      {
+        itemId: node.itemId,
+        depth,
+        column: node.column
+      },
+      ...node.childItemIds.flatMap((childItemId) => visit(childItemId, depth + 1))
+    ];
+  }
+  return tree.rootItemIds.flatMap((itemId) => visit(itemId, 0));
+}
+export function updateTableConfiguratorColumnNode(tree, itemId, update) {
+  return replaceNode(tree, itemId, (node) => ({
+    ...node,
+    column: stripNestedColumns(update(node.column))
+  }));
+}
+export function insertTableConfiguratorRootColumnNode(tree, node, index = tree.rootItemIds.length) {
+  return {
+    rootItemIds: insertItemId(tree.rootItemIds, node.itemId, index),
+    nodes: [...tree.nodes, node]
+  };
+}
+export function moveTableConfiguratorColumnNodeToParent(tree, itemId, parentItemId, index = Number.POSITIVE_INFINITY) {
+  if (itemId === parentItemId) {
+    return tree;
+  }
+  const node = getTableConfiguratorColumnNode(tree, itemId);
+  if (!node) {
+    return tree;
+  }
+  const descendantItemIds = getTableConfiguratorColumnDescendantItemIds(tree, itemId);
+  if (descendantItemIds.includes(parentItemId)) {
+    return tree;
+  }
+  const detachedTree = detachColumnNode(tree, itemId);
+  return attachColumnNode(detachedTree, itemId, parentItemId, index);
+}
+export function moveTableConfiguratorColumnNodeAfterItem(tree, itemId, targetItemId) {
+  if (itemId === targetItemId) {
+    return tree;
+  }
+  const movingNode = getTableConfiguratorColumnNode(tree, itemId);
+  const targetNode = getTableConfiguratorColumnNode(tree, targetItemId);
+  if (!movingNode || !targetNode) {
+    return tree;
+  }
+  const descendantItemIds = getTableConfiguratorColumnDescendantItemIds(tree, itemId);
+  if (descendantItemIds.includes(targetItemId)) {
+    return tree;
+  }
+  const detachedTree = detachColumnNode(tree, itemId);
+  const siblingItemIds = targetNode.parentItemId ? getTableConfiguratorColumnNode(detachedTree, targetNode.parentItemId)?.childItemIds ?? [] : detachedTree.rootItemIds;
+  const targetIndex = siblingItemIds.findIndex((currentItemId) => currentItemId === targetItemId);
+  const insertIndex = targetIndex < 0 ? siblingItemIds.length : targetIndex + 1;
+  return attachColumnNode(detachedTree, itemId, targetNode.parentItemId, insertIndex);
+}
+export function moveTableConfiguratorColumnSibling(tree, parentItemId, oldIndex, newIndex) {
+  return updateSiblingIds(tree, parentItemId, (itemIds) => moveItemId(itemIds, oldIndex, newIndex));
+}
+export function removeTableConfiguratorColumnSubtree(tree, itemId) {
+  const node = getTableConfiguratorColumnNode(tree, itemId);
+  if (!node) {
+    return tree;
+  }
+  const removedItemIds = [itemId, ...getTableConfiguratorColumnDescendantItemIds(tree, itemId)];
+  const detachedTree = updateSiblingIds(
+    tree,
+    node.parentItemId,
+    (itemIds) => itemIds.filter((currentItemId) => currentItemId !== itemId)
+  );
+  return {
+    ...detachedTree,
+    nodes: detachedTree.nodes.filter((currentNode) => !removedItemIds.includes(currentNode.itemId))
+  };
+}
+export function materializeTableConfiguratorColumnTree(tree) {
+  function visit(itemId) {
+    const node = getTableConfiguratorColumnNode(tree, itemId);
+    if (!node) {
+      return void 0;
+    }
+    const childColumns = node.childItemIds.flatMap((childItemId) => {
+      const childColumn = visit(childItemId);
+      return childColumn ? [childColumn] : [];
+    });
+    return {
+      ...node.column,
+      columns: childColumns.length > 0 ? childColumns : void 0
+    };
+  }
+  return tree.rootItemIds.flatMap((itemId) => {
+    const column = visit(itemId);
+    return column ? [column] : [];
+  });
+}

package/dist/runtime/components/ui/tabs/Tabs.d.vue.ts

@@ -0,0 +1,24 @@
+import type { TabsRootProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = TabsRootProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {
+    modelValue: string | number | undefined;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (payload: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: string | number) => 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;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/tabs/Tabs.vue

@@ -0,0 +1,30 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { TabsRoot, useForwardPropsEmits } from "reka-ui";
+import { cn } from "../../../utils/cn";
+const props = defineProps({
+  defaultValue: { type: null, required: false },
+  orientation: { type: String, required: false },
+  dir: { type: String, required: false },
+  activationMode: { type: String, required: false },
+  modelValue: { type: null, required: false },
+  unmountOnHide: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const emits = defineEmits(["update:modelValue"]);
+const delegatedProps = reactiveOmit(props, "class");
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
+</script>
+
+<template>
+  <TabsRoot
+    v-slot="slotProps"
+    data-slot="tabs"
+    v-bind="forwarded"
+    :class="cn('flex flex-col gap-2', props.class)"
+  >
+    <slot v-bind="slotProps" />
+  </TabsRoot>
+</template>

package/dist/runtime/components/ui/tabs/Tabs.vue.d.ts

@@ -0,0 +1,24 @@
+import type { TabsRootProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = TabsRootProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {
+    modelValue: string | number | undefined;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (payload: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: string | number) => 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;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/tabs/TabsContent.d.vue.ts

@@ -0,0 +1,18 @@
+import type { TabsContentProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = TabsContentProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/tabs/TabsContent.vue

@@ -0,0 +1,23 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { TabsContent } from "reka-ui";
+import { cn } from "../../../utils/cn";
+const props = defineProps({
+  value: { type: [String, Number], required: true },
+  forceMount: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+</script>
+
+<template>
+  <TabsContent
+    data-slot="tabs-content"
+    v-bind="delegatedProps"
+    :class="cn('flex-1', props.class)"
+  >
+    <slot />
+  </TabsContent>
+</template>

package/dist/runtime/components/ui/tabs/TabsContent.vue.d.ts

@@ -0,0 +1,18 @@
+import type { TabsContentProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = TabsContentProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/tabs/TabsList.d.vue.ts

@@ -0,0 +1,18 @@
+import type { TabsListProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = TabsListProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/tabs/TabsList.vue

@@ -0,0 +1,25 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { TabsList } from "reka-ui";
+import { cn } from "../../../utils/cn";
+const props = defineProps({
+  loop: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+</script>
+
+<template>
+  <TabsList
+    data-slot="tabs-list"
+    v-bind="delegatedProps"
+    :class="cn(
+  'inline-flex h-9 w-fit items-center justify-center gap-1 rounded-md border border-[color-mix(in_srgb,black_10%,white)] bg-[color-mix(in_srgb,black_6%,white)] p-1',
+  props.class
+)"
+  >
+    <slot />
+  </TabsList>
+</template>

package/dist/runtime/components/ui/tabs/TabsList.vue.d.ts

@@ -0,0 +1,18 @@
+import type { TabsListProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = TabsListProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/tabs/TabsTrigger.d.vue.ts

@@ -0,0 +1,18 @@
+import type { TabsTriggerProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = TabsTriggerProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/tabs/TabsTrigger.vue

@@ -0,0 +1,27 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { TabsTrigger, useForwardProps } from "reka-ui";
+import { cn } from "../../../utils/cn";
+const props = defineProps({
+  value: { type: [String, Number], required: true },
+  disabled: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+const forwardedProps = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <TabsTrigger
+    data-slot="tabs-trigger"
+    v-bind="forwardedProps"
+    :class="cn(
+  'inline-flex h-7 flex-1 items-center justify-center gap-1.5 rounded-sm border border-transparent bg-transparent px-3 py-1 text-sm font-medium whitespace-nowrap text-zinc-600 transition-colors duration-180 disabled:pointer-events-none disabled:opacity-50 hover:border-[color-mix(in_srgb,black_12%,white)] hover:bg-[color-mix(in_srgb,black_4%,white)] hover:text-(--primary) data-[state=active]:border-[color-mix(in_srgb,var(--primary)_28%,white)] data-[state=active]:bg-[color-mix(in_srgb,var(--primary)_14%,white)] data-[state=active]:text-(--primary)',
+  props.class
+)"
+  >
+    <slot />
+  </TabsTrigger>
+</template>

package/dist/runtime/components/ui/tabs/TabsTrigger.vue.d.ts

@@ -0,0 +1,18 @@
+import type { TabsTriggerProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = TabsTriggerProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/tabs/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Tabs } from './Tabs.vue.js';
+export { default as TabsContent } from './TabsContent.vue.js';
+export { default as TabsList } from './TabsList.vue.js';
+export { default as TabsTrigger } from './TabsTrigger.vue.js';

package/dist/runtime/components/ui/tabs/index.js

@@ -0,0 +1,4 @@
+export { default as Tabs } from "./Tabs.vue";
+export { default as TabsContent } from "./TabsContent.vue";
+export { default as TabsList } from "./TabsList.vue";
+export { default as TabsTrigger } from "./TabsTrigger.vue";

package/dist/runtime/components/ui/textarea/Textarea.d.vue.ts

@@ -3,6 +3,7 @@ type __VLS_Props = {
     class?: HTMLAttributes['class'];
     defaultValue?: string | number;
     modelValue?: string | number;
+    placeholder?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (payload: string | number) => any;

package/dist/runtime/components/ui/textarea/Textarea.vue

@@ -4,7 +4,8 @@ import { cn } from "../../../utils/cn";
 const props = defineProps({
   class: { type: null, required: false },
   defaultValue: { type: [String, Number], required: false },
-  modelValue: { type: [String, Number], required: false }
+  modelValue: { type: [String, Number], required: false },
+  placeholder: { type: String, required: false }
 });
 const emits = defineEmits(["update:modelValue"]);
 const modelValue = useVModel(props, "modelValue", emits, {
@@ -17,6 +18,7 @@ const modelValue = useVModel(props, "modelValue", emits, {
   <textarea
     v-model="modelValue"
     data-slot="textarea"
+    :placeholder="props.placeholder"
     :class="cn('border-zinc-200 placeholder:text-zinc-400 focus-visible:border-(--primary) aria-invalid:border-red-400 dark:bg-zinc-200/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', props.class)"
   />
 </template>

package/dist/runtime/components/ui/textarea/Textarea.vue.d.ts

@@ -3,6 +3,7 @@ type __VLS_Props = {
     class?: HTMLAttributes['class'];
     defaultValue?: string | number;
     modelValue?: string | number;
+    placeholder?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (payload: string | number) => any;