abckit 0.0.1

package/dist/runtime/components/ui/chart/ChartStyle.d.vue.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    id?: HTMLAttributes["id"];
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/chart/ChartStyle.vue

@@ -0,0 +1,32 @@
+<script setup>
+import { Primitive } from "reka-ui";
+import { computed } from "vue";
+import { THEMES, useChart } from ".";
+defineProps({
+  id: { type: null, required: false }
+});
+const { config } = useChart();
+const colorConfig = computed(() => {
+  return Object.entries(config.value).filter(
+    ([, config2]) => config2.theme || config2.color
+  );
+});
+</script>
+
+<template>
+  <Primitive
+    v-if="colorConfig.length"
+    as="style"
+  >
+    {{ Object.entries(THEMES).map(
+  ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig.map(([key, itemConfig]) => {
+    const color = itemConfig.theme?.[theme] || itemConfig.color;
+    return color ? `  --color-${key}: ${color};` : null;
+  }).join("\n")}
+}
+`
+).join("\n") }}
+  </Primitive>
+</template>

package/dist/runtime/components/ui/chart/ChartStyle.vue.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    id?: HTMLAttributes["id"];
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/chart/ChartTooltipContent.d.vue.ts

@@ -0,0 +1,28 @@
+import type { HTMLAttributes } from "vue";
+import type { ChartConfig } from ".";
+type __VLS_Props = {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+    labelFormatter?: (d: number | Date) => string;
+    payload?: Record<string, any>;
+    config?: ChartConfig;
+    class?: HTMLAttributes["class"];
+    color?: string;
+    x?: number | Date;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/chart/ChartTooltipContent.vue

@@ -0,0 +1,92 @@
+<script setup>
+import { cn } from "abckit/utils";
+const props = defineProps({
+  hideLabel: { type: Boolean, required: false },
+  hideIndicator: { type: Boolean, required: false },
+  indicator: { type: String, required: false, default: "dot" },
+  nameKey: { type: String, required: false },
+  labelKey: { type: String, required: false },
+  labelFormatter: { type: Function, required: false },
+  payload: { type: Object, required: false, default: () => ({}) },
+  config: { type: null, required: false, default: () => ({}) },
+  class: { type: null, required: false },
+  color: { type: String, required: false },
+  x: { type: [Number, Date], required: false }
+});
+const payload = computed(() => {
+  return Object.entries(props.payload).map(([key, value]) => {
+    const itemConfig = props.config[key];
+    const indicatorColor = props.config[key]?.color ?? props.payload.fill;
+    return { key, value, itemConfig, indicatorColor };
+  }).filter((i) => i.itemConfig);
+});
+const nestLabel = computed(() => Object.keys(props.payload).length === 1 && props.indicator !== "dot");
+const tooltipLabel = computed(() => {
+  if (props.hideLabel)
+    return null;
+  if (props.labelFormatter && props.x !== void 0) {
+    return props.labelFormatter(props.x);
+  }
+  return props.labelKey ? props.config[props.labelKey]?.label || props.payload[props.labelKey] : props.x;
+});
+</script>
+
+<template>
+  <div
+    :class="cn(
+  'border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl',
+  props.class
+)"
+  >
+    <slot>
+      <div v-if="!nestLabel && tooltipLabel" class="font-medium">
+        {{ tooltipLabel }}
+      </div>
+      <div class="grid gap-1.5">
+        <div
+          v-for="{ value, itemConfig, indicatorColor, key } in payload"
+          :key="key"
+          :class="
+  cn(
+    '[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5',
+    indicator === 'dot' && 'items-center'
+  )
+"
+        >
+          <component :is="itemConfig.icon" v-if="itemConfig?.icon" />
+          <template v-else-if="!hideIndicator">
+            <div
+              :class="cn(
+  'shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)',
+  {
+    'h-2.5 w-2.5': indicator === 'dot',
+    'w-1': indicator === 'line',
+    'w-0 border-[1.5px] border-dashed bg-transparent': indicator === 'dashed',
+    'my-0.5': nestLabel && indicator === 'dashed'
+  }
+)"
+              :style="{
+  '--color-bg': indicatorColor,
+  '--color-border': indicatorColor
+}"
+            />
+          </template>
+
+          <div :class="cn('flex flex-1 justify-between leading-none', nestLabel ? 'items-end' : 'items-center')">
+            <div class="grid gap-1.5">
+              <div v-if="nestLabel" class="font-medium">
+                {{ tooltipLabel }}
+              </div>
+              <span class="text-muted-foreground">
+                {{ itemConfig?.label || value }}
+              </span>
+            </div>
+            <span v-if="value" class="text-foreground font-mono font-medium tabular-nums">
+              {{ value.toLocaleString() }}
+            </span>
+          </div>
+        </div>
+      </div>
+    </slot>
+  </div>
+</template>

package/dist/runtime/components/ui/chart/ChartTooltipContent.vue.d.ts

@@ -0,0 +1,28 @@
+import type { HTMLAttributes } from "vue";
+import type { ChartConfig } from ".";
+type __VLS_Props = {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+    labelFormatter?: (d: number | Date) => string;
+    payload?: Record<string, any>;
+    config?: ChartConfig;
+    class?: HTMLAttributes["class"];
+    color?: string;
+    x?: number | Date;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/chart/index.d.ts

@@ -0,0 +1,27 @@
+import type { Component, Ref } from "vue";
+export { default as ChartContainer } from "./ChartContainer.vue.js";
+export { default as ChartLegendContent } from "./ChartLegendContent.vue.js";
+export { default as ChartTooltipContent } from "./ChartTooltipContent.vue.js";
+export { componentToString } from "./utils.js";
+export declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+export type ChartConfig = {
+    [k in string]: {
+        label?: string | Component;
+        icon?: string | Component;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+interface ChartContextProps {
+    id: string;
+    config: Ref<ChartConfig>;
+}
+export declare const useChart: <T extends ChartContextProps | null | undefined = ChartContextProps>(fallback?: T | undefined) => T extends null ? ChartContextProps | null : ChartContextProps, provideChartContext: (contextValue: ChartContextProps) => ChartContextProps;
+export { VisCrosshair as ChartCrosshair, VisTooltip as ChartTooltip } from "@unovis/vue";

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

@@ -0,0 +1,8 @@
+import { createContext } from "reka-ui";
+export { default as ChartContainer } from "./ChartContainer.vue";
+export { default as ChartLegendContent } from "./ChartLegendContent.vue";
+export { default as ChartTooltipContent } from "./ChartTooltipContent.vue";
+export { componentToString } from "./utils.js";
+export const THEMES = { light: "", dark: ".dark" };
+export const [useChart, provideChartContext] = createContext("Chart");
+export { VisCrosshair as ChartCrosshair, VisTooltip as ChartTooltip } from "@unovis/vue";

package/dist/runtime/components/ui/chart/utils.d.ts

@@ -0,0 +1,11 @@
+import type { ChartConfig } from ".";
+interface Constructor<P = any> {
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+    new (...args: any[]): {
+        $props: P;
+    };
+}
+export declare function componentToString<P>(config: ChartConfig, component: Constructor<P>, props?: P): ((_data: any, x: number | Date) => string) | undefined;
+export {};

package/dist/runtime/components/ui/chart/utils.js

@@ -0,0 +1,23 @@
+import { isClient } from "@vueuse/core";
+import { h, render } from "vue";
+const cache = /* @__PURE__ */ new Map();
+function serializeKey(key) {
+  return JSON.stringify(key, Object.keys(key).sort());
+}
+export function componentToString(config, component, props) {
+  if (!isClient)
+    return;
+  const id = useId();
+  return (_data, x) => {
+    const data = "data" in _data ? _data.data : _data;
+    const serializedKey = `${id}-${serializeKey(data)}`;
+    const cachedContent = cache.get(serializedKey);
+    if (cachedContent)
+      return cachedContent;
+    const vnode = h(component, { ...props, payload: data, config, x });
+    const div = document.createElement("div");
+    render(vnode, div);
+    cache.set(serializedKey, div.innerHTML);
+    return div.innerHTML;
+  };
+}

package/dist/runtime/components/ui/checkbox/Checkbox.d.vue.ts

@@ -0,0 +1,25 @@
+import type { CheckboxRootProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = CheckboxRootProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_14: {
+    modelValue: import("reka-ui").CheckboxCheckedState;
+    state: import("reka-ui").CheckboxCheckedState;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | "indeterminate") => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => 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/checkbox/Checkbox.vue

@@ -0,0 +1,44 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { Check } from "lucide-vue-next";
+import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "reka-ui";
+import { cn } from "abckit/utils";
+const props = defineProps({
+  defaultValue: { type: [Boolean, String], required: false },
+  modelValue: { type: [Boolean, String, null], required: false },
+  disabled: { type: Boolean, required: false },
+  value: { type: null, required: false },
+  id: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  name: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  class: { type: null, required: false }
+});
+const emits = defineEmits(["update:modelValue"]);
+const delegatedProps = reactiveOmit(props, "class");
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
+</script>
+
+<template>
+  <CheckboxRoot
+    v-slot="slotProps"
+    data-slot="checkbox"
+    v-bind="forwarded"
+    :class="
+  cn(
+    'peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
+    props.class
+  )
+"
+  >
+    <CheckboxIndicator
+      data-slot="checkbox-indicator"
+      class="grid place-content-center text-current transition-none"
+    >
+      <slot v-bind="slotProps">
+        <Check class="size-3.5" />
+      </slot>
+    </CheckboxIndicator>
+  </CheckboxRoot>
+</template>

package/dist/runtime/components/ui/checkbox/Checkbox.vue.d.ts

@@ -0,0 +1,25 @@
+import type { CheckboxRootProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = CheckboxRootProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_14: {
+    modelValue: import("reka-ui").CheckboxCheckedState;
+    state: import("reka-ui").CheckboxCheckedState;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | "indeterminate") => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => 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/checkbox/index.d.ts

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

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

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

package/dist/runtime/components/ui/collapsible/Collapsible.d.vue.ts

@@ -0,0 +1,20 @@
+import type { CollapsibleRootProps } from "reka-ui";
+declare var __VLS_8: {
+    open: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CollapsibleRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<CollapsibleRootProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => 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/collapsible/Collapsible.vue

@@ -0,0 +1,23 @@
+<script setup>
+import { CollapsibleRoot, useForwardPropsEmits } from "reka-ui";
+const props = defineProps({
+  defaultOpen: { type: Boolean, required: false },
+  open: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  unmountOnHide: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+const emits = defineEmits(["update:open"]);
+const forwarded = useForwardPropsEmits(props, emits);
+</script>
+
+<template>
+  <CollapsibleRoot
+    v-slot="slotProps"
+    data-slot="collapsible"
+    v-bind="forwarded"
+  >
+    <slot v-bind="slotProps" />
+  </CollapsibleRoot>
+</template>

package/dist/runtime/components/ui/collapsible/Collapsible.vue.d.ts

@@ -0,0 +1,20 @@
+import type { CollapsibleRootProps } from "reka-ui";
+declare var __VLS_8: {
+    open: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CollapsibleRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<CollapsibleRootProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => 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/collapsible/CollapsibleContent.d.vue.ts

@@ -0,0 +1,14 @@
+import type { CollapsibleContentProps } from "reka-ui";
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CollapsibleContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CollapsibleContentProps> & 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/collapsible/CollapsibleContent.vue

@@ -0,0 +1,17 @@
+<script setup>
+import { CollapsibleContent } from "reka-ui";
+const props = defineProps({
+  forceMount: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+</script>
+
+<template>
+  <CollapsibleContent
+    data-slot="collapsible-content"
+    v-bind="props"
+  >
+    <slot />
+  </CollapsibleContent>
+</template>

package/dist/runtime/components/ui/collapsible/CollapsibleContent.vue.d.ts

@@ -0,0 +1,14 @@
+import type { CollapsibleContentProps } from "reka-ui";
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CollapsibleContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CollapsibleContentProps> & 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/collapsible/CollapsibleTrigger.d.vue.ts

@@ -0,0 +1,14 @@
+import type { CollapsibleTriggerProps } from "reka-ui";
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CollapsibleTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CollapsibleTriggerProps> & 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/collapsible/CollapsibleTrigger.vue

@@ -0,0 +1,16 @@
+<script setup>
+import { CollapsibleTrigger } from "reka-ui";
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+</script>
+
+<template>
+  <CollapsibleTrigger
+    data-slot="collapsible-trigger"
+    v-bind="props"
+  >
+    <slot />
+  </CollapsibleTrigger>
+</template>

package/dist/runtime/components/ui/collapsible/CollapsibleTrigger.vue.d.ts

@@ -0,0 +1,14 @@
+import type { CollapsibleTriggerProps } from "reka-ui";
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CollapsibleTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CollapsibleTriggerProps> & 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/collapsible/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Collapsible } from "./Collapsible.vue.js";
+export { default as CollapsibleContent } from "./CollapsibleContent.vue.js";
+export { default as CollapsibleTrigger } from "./CollapsibleTrigger.vue.js";

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

@@ -0,0 +1,3 @@
+export { default as Collapsible } from "./Collapsible.vue";
+export { default as CollapsibleContent } from "./CollapsibleContent.vue";
+export { default as CollapsibleTrigger } from "./CollapsibleTrigger.vue";

package/dist/runtime/components/ui/combobox/Combobox.d.vue.ts

@@ -0,0 +1,32 @@
+import type { ComboboxRootProps } from "reka-ui";
+type __VLS_Props = ComboboxRootProps;
+declare var __VLS_8: {
+    open: boolean;
+    modelValue: string | number | bigint | Record<string, any> | (string | number | bigint | Record<string, any> | null)[] | null;
+};
+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": (value: import("reka-ui").AcceptableValue) => any;
+    "update:open": (value: boolean) => any;
+    highlight: (payload: {
+        ref: HTMLElement;
+        value: import("reka-ui").AcceptableValue;
+    } | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: import("reka-ui").AcceptableValue) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onHighlight?: ((payload: {
+        ref: HTMLElement;
+        value: import("reka-ui").AcceptableValue;
+    } | undefined) => 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/combobox/Combobox.vue

@@ -0,0 +1,36 @@
+<script setup>
+import { ComboboxRoot, useForwardPropsEmits } from "reka-ui";
+const props = defineProps({
+  open: { type: Boolean, required: false },
+  defaultOpen: { type: Boolean, required: false },
+  resetSearchTermOnBlur: { type: Boolean, required: false },
+  resetSearchTermOnSelect: { type: Boolean, required: false },
+  openOnFocus: { type: Boolean, required: false },
+  openOnClick: { type: Boolean, required: false },
+  ignoreFilter: { type: Boolean, required: false },
+  resetModelValueOnClear: { type: Boolean, required: false },
+  modelValue: { type: null, required: false },
+  defaultValue: { type: null, required: false },
+  multiple: { type: Boolean, required: false },
+  dir: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  highlightOnHover: { type: Boolean, required: false },
+  by: { type: [String, Function], required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  name: { type: String, required: false },
+  required: { type: Boolean, required: false }
+});
+const emits = defineEmits(["update:modelValue", "highlight", "update:open"]);
+const forwarded = useForwardPropsEmits(props, emits);
+</script>
+
+<template>
+  <ComboboxRoot
+    v-slot="slotProps"
+    data-slot="combobox"
+    v-bind="forwarded"
+  >
+    <slot v-bind="slotProps" />
+  </ComboboxRoot>
+</template>