pukaad-ui-lib 1.0.1

package/dist/runtime/components/ui/form/FormMessage.vue

@@ -0,0 +1,20 @@
+<script setup>
+import { ErrorMessage } from "vee-validate";
+import { toValue } from "vue";
+import { cn } from "@/runtime/plugins/shadcn";
+import { useFormField } from "./useFormField";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+const { name, formMessageId } = useFormField();
+</script>
+
+<template>
+  <ErrorMessage
+    :id="formMessageId"
+    data-slot="form-message"
+    as="p"
+    :name="toValue(name)"
+    :class="cn('font-body-small text-destructive', props.class)"
+  />
+</template>

package/dist/runtime/components/ui/form/FormMessage.vue.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+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/form/index.d.ts

@@ -0,0 +1,7 @@
+export { default as FormControl } from "./FormControl.vue.js";
+export { default as FormDescription } from "./FormDescription.vue.js";
+export { default as FormItem } from "./FormItem.vue.js";
+export { default as FormLabel } from "./FormLabel.vue.js";
+export { default as FormMessage } from "./FormMessage.vue.js";
+export { FORM_ITEM_INJECTION_KEY } from "./injectionKeys.js";
+export { Form, Field as FormField, FieldArray as FormFieldArray, } from "vee-validate";

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

@@ -0,0 +1,11 @@
+export { default as FormControl } from "./FormControl.vue";
+export { default as FormDescription } from "./FormDescription.vue";
+export { default as FormItem } from "./FormItem.vue";
+export { default as FormLabel } from "./FormLabel.vue";
+export { default as FormMessage } from "./FormMessage.vue";
+export { FORM_ITEM_INJECTION_KEY } from "./injectionKeys.js";
+export {
+  Form,
+  Field as FormField,
+  FieldArray as FormFieldArray
+} from "vee-validate";

package/dist/runtime/components/ui/form/injectionKeys.d.ts

@@ -0,0 +1,2 @@
+import type { InjectionKey } from "vue";
+export declare const FORM_ITEM_INJECTION_KEY: InjectionKey<string>;

package/dist/runtime/components/ui/form/injectionKeys.js

@@ -0,0 +1 @@
+export const FORM_ITEM_INJECTION_KEY = Symbol();

package/dist/runtime/components/ui/form/useFormField.d.ts

@@ -0,0 +1,11 @@
+export declare function useFormField(): {
+    valid: import("vue").ComputedRef<boolean>;
+    isDirty: import("vue").ComputedRef<boolean>;
+    isTouched: import("vue").ComputedRef<boolean>;
+    error: import("vue").Ref<string | undefined, string | undefined>;
+    id: string | undefined;
+    name: import("vue").MaybeRef<string>;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};

package/dist/runtime/components/ui/form/useFormField.js

@@ -0,0 +1,25 @@
+import { FieldContextKey } from "vee-validate";
+import { computed, inject } from "vue";
+import { FORM_ITEM_INJECTION_KEY } from "./injectionKeys.js";
+export function useFormField() {
+  const fieldContext = inject(FieldContextKey);
+  const fieldItemContext = inject(FORM_ITEM_INJECTION_KEY);
+  if (!fieldContext)
+    throw new Error("useFormField should be used within <FormField>");
+  const { name, errorMessage: error, meta } = fieldContext;
+  const id = fieldItemContext;
+  const fieldState = {
+    valid: computed(() => meta.valid),
+    isDirty: computed(() => meta.dirty),
+    isTouched: computed(() => meta.touched),
+    error
+  };
+  return {
+    id,
+    name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+}

package/dist/runtime/components/ui/input/Input.d.vue.ts

@@ -0,0 +1,13 @@
+import type { HTMLAttributes } from "vue";
+export interface InputProps {
+    defaultValue?: string | number;
+    modelValue?: string | number;
+    class?: HTMLAttributes["class"];
+}
+declare const __VLS_export: import("vue").DefineComponent<InputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (payload: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<InputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/input/Input.vue

@@ -0,0 +1,30 @@
+<script setup>
+import { useVModel } from "@vueuse/core";
+import { cn } from "@/runtime/plugins/shadcn";
+const props = defineProps({
+  defaultValue: { type: [String, Number], required: false },
+  modelValue: { type: [String, Number], required: false },
+  class: { type: null, required: false }
+});
+const emits = defineEmits(["update:modelValue"]);
+const modelValue = useVModel(props, "modelValue", emits, {
+  passive: true,
+  defaultValue: props.defaultValue
+});
+</script>
+
+<template>
+  <input
+    v-model="modelValue"
+    data-slot="input"
+    :class="
+  cn(
+    'font-body-large',
+    'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
+    'focus-visible:border-primary focus-visible:ring-primary focus-visible:ring-[2px]',
+    'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
+    props.class
+  )
+"
+  />
+</template>

package/dist/runtime/components/ui/input/Input.vue.d.ts

@@ -0,0 +1,13 @@
+import type { HTMLAttributes } from "vue";
+export interface InputProps {
+    defaultValue?: string | number;
+    modelValue?: string | number;
+    class?: HTMLAttributes["class"];
+}
+declare const __VLS_export: import("vue").DefineComponent<InputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (payload: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<InputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

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

package/dist/runtime/components/ui/input-group/InputGroup.d.vue.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+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/input-group/InputGroup.vue

@@ -0,0 +1,31 @@
+<script setup>
+import { cn } from "@/runtime/plugins/shadcn";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+</script>
+
+<template>
+  <div
+    data-slot="input-group"
+    role="group"
+    :class="
+  cn(
+    'group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md  border-[1px] transition-[color,box-shadow] outline-none',
+    'h-9 min-w-0 has-[>textarea]:h-auto',
+    // Variants based on alignment.
+    'has-[>[data-align=inline-start]]:[&>input]:pl-2',
+    'has-[>[data-align=inline-end]]:[&>input]:pr-2',
+    'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3',
+    'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3',
+    // Focus state.
+    'focus-within:border-primary focus-within:ring-primary focus-within:ring-[2px]',
+    // Error state.
+    'has-[[data-slot][aria-invalid=true]]:ring-destructive has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]:focus-within]:ring-[0px]',
+    props.class
+  )
+"
+  >
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/ui/input-group/InputGroup.vue.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+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/input-group/InputGroupAddon.d.vue.ts

@@ -0,0 +1,21 @@
+import type { HTMLAttributes } from "vue";
+import type { InputGroupVariants } from ".";
+type __VLS_Props = {
+    align?: InputGroupVariants["align"];
+    class?: HTMLAttributes["class"];
+};
+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<{}>, {
+    align: "inline-start" | "inline-end" | "block-start" | "block-end" | null;
+}, {}, {}, {}, 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/input-group/InputGroupAddon.vue

@@ -0,0 +1,30 @@
+<script setup>
+import { cn } from "@/runtime/plugins/shadcn";
+import { inputGroupAddonVariants } from ".";
+const props = defineProps({
+  align: { type: null, required: false, default: "inline-start" },
+  class: { type: null, required: false }
+});
+function handleInputGroupAddonClick(e) {
+  const currentTarget = e.currentTarget;
+  const target = e.target;
+  if (target && target.closest("button")) {
+    return;
+  }
+  if (currentTarget && currentTarget?.parentElement) {
+    currentTarget.parentElement?.querySelector("input")?.focus();
+  }
+}
+</script>
+
+<template>
+  <div
+    role="group"
+    data-slot="input-group-addon"
+    :data-align="props.align"
+    :class="cn(inputGroupAddonVariants({ align: props.align }), props.class)"
+    @click="handleInputGroupAddonClick"
+  >
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/ui/input-group/InputGroupAddon.vue.d.ts

@@ -0,0 +1,21 @@
+import type { HTMLAttributes } from "vue";
+import type { InputGroupVariants } from ".";
+type __VLS_Props = {
+    align?: InputGroupVariants["align"];
+    class?: HTMLAttributes["class"];
+};
+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<{}>, {
+    align: "inline-start" | "inline-end" | "block-start" | "block-end" | null;
+}, {}, {}, {}, 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/input-group/InputGroupButton.d.vue.ts

@@ -0,0 +1,17 @@
+import type { InputGroupButtonProps } from ".";
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<InputGroupButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputGroupButtonProps> & Readonly<{}>, {
+    variant: "default" | "outline" | "ghost" | "link" | null;
+    size: "icon-xs" | "sm" | "icon-sm" | "xs" | null;
+}, {}, {}, {}, 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/input-group/InputGroupButton.vue

@@ -0,0 +1,20 @@
+<script setup>
+import { cn } from "@/runtime/plugins/shadcn";
+import { Button } from "@/runtime/components/ui/button";
+import { inputGroupButtonVariants } from ".";
+const props = defineProps({
+  variant: { type: null, required: false, default: "ghost" },
+  size: { type: null, required: false, default: "xs" },
+  class: { type: null, required: false }
+});
+</script>
+
+<template>
+  <Button
+    :data-size="props.size"
+    :variant="props.variant"
+    :class="cn(inputGroupButtonVariants({ size: props.size }), props.class)"
+  >
+    <slot />
+  </Button>
+</template>

package/dist/runtime/components/ui/input-group/InputGroupButton.vue.d.ts

@@ -0,0 +1,17 @@
+import type { InputGroupButtonProps } from ".";
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<InputGroupButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputGroupButtonProps> & Readonly<{}>, {
+    variant: "default" | "outline" | "ghost" | "link" | null;
+    size: "icon-xs" | "sm" | "icon-sm" | "xs" | null;
+}, {}, {}, {}, 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/input-group/InputGroupInput.d.vue.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+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/input-group/InputGroupInput.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { cn } from "@/runtime/plugins/shadcn";
+import { Input } from "@/runtime/components/ui/input";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+</script>
+
+<template>
+  <Input
+    data-slot="input-group-control"
+    :class="
+  cn(
+    'flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0',
+    props.class
+  )
+"
+  />
+</template>

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

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+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/input-group/InputGroupText.d.vue.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+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/input-group/InputGroupText.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { cn } from "@/runtime/plugins/shadcn";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+</script>
+
+<template>
+  <span
+    :class="
+  cn(
+    'text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*=\'size-\'])]:size-4',
+    props.class
+  )
+"
+  >
+    <slot />
+  </span>
+</template>

package/dist/runtime/components/ui/input-group/InputGroupText.vue.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+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/input-group/InputGroupTextarea.d.vue.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+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/input-group/InputGroupTextarea.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { cn } from "@/runtime/plugins/shadcn";
+import { Textarea } from "@/runtime/components/ui/textarea";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+</script>
+
+<template>
+  <Textarea
+    data-slot="input-group-control"
+    :class="
+  cn(
+    'flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent',
+    props.class
+  )
+"
+  />
+</template>

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

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = {
+    class?: HTMLAttributes["class"];
+};
+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/input-group/index.d.ts

@@ -0,0 +1,22 @@
+import type { VariantProps } from "class-variance-authority";
+import type { HTMLAttributes } from "vue";
+import type { ButtonVariants } from "@/runtime/components/ui/button";
+export { default as InputGroup } from "./InputGroup.vue.js";
+export { default as InputGroupAddon } from "./InputGroupAddon.vue.js";
+export { default as InputGroupButton } from "./InputGroupButton.vue.js";
+export { default as InputGroupInput } from "./InputGroupInput.vue.js";
+export { default as InputGroupText } from "./InputGroupText.vue.js";
+export { default as InputGroupTextarea } from "./InputGroupTextarea.vue.js";
+export declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type InputGroupVariants = VariantProps<typeof inputGroupAddonVariants>;
+export declare const inputGroupButtonVariants: (props?: ({
+    size?: "icon-xs" | "sm" | "icon-sm" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type InputGroupButtonVariants = VariantProps<typeof inputGroupButtonVariants>;
+export interface InputGroupButtonProps {
+    variant?: ButtonVariants["variant"];
+    size?: InputGroupButtonVariants["size"];
+    class?: HTMLAttributes["class"];
+}

package/dist/runtime/components/ui/input-group/index.js

@@ -0,0 +1,39 @@
+import { cva } from "class-variance-authority";
+export { default as InputGroup } from "./InputGroup.vue";
+export { default as InputGroupAddon } from "./InputGroupAddon.vue";
+export { default as InputGroupButton } from "./InputGroupButton.vue";
+export { default as InputGroupInput } from "./InputGroupInput.vue";
+export { default as InputGroupText } from "./InputGroupText.vue";
+export { default as InputGroupTextarea } from "./InputGroupTextarea.vue";
+export const inputGroupAddonVariants = cva(
+  "text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50",
+  {
+    variants: {
+      align: {
+        "inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+        "inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
+        "block-start": "order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5",
+        "block-end": "order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5"
+      }
+    },
+    defaultVariants: {
+      align: "inline-start"
+    }
+  }
+);
+export const inputGroupButtonVariants = cva(
+  "text-sm shadow-none flex gap-2 items-center",
+  {
+    variants: {
+      size: {
+        xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
+        sm: "h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
+        "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0"
+      }
+    },
+    defaultVariants: {
+      size: "xs"
+    }
+  }
+);

package/dist/runtime/components/ui/label/Label.d.vue.ts

@@ -0,0 +1,18 @@
+import type { LabelProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = LabelProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => 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/label/Label.vue

@@ -0,0 +1,27 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { Label } from "reka-ui";
+import { cn } from "@/runtime/plugins/shadcn";
+const props = defineProps({
+  for: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+</script>
+
+<template>
+  <Label
+    data-slot="label"
+    v-bind="delegatedProps"
+    :class="
+  cn(
+    'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+    props.class
+  )
+"
+  >
+    <slot />
+  </Label>
+</template>

package/dist/runtime/components/ui/label/Label.vue.d.ts

@@ -0,0 +1,18 @@
+import type { LabelProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = LabelProps & {
+    class?: HTMLAttributes["class"];
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => 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/label/index.d.ts

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

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

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