@bl33dz/fa814698dcde12f86a37ac31dd3aedf9 1.0.6 → 1.0.9

package/src/shadcn/tooltip/TooltipProvider.vue

@@ -1,14 +1,14 @@
-<script setup lang="ts">
-import type { TooltipProviderProps } from "reka-ui"
-import { TooltipProvider } from "reka-ui"
-
-const props = withDefaults(defineProps<TooltipProviderProps>(), {
-  delayDuration: 0,
-})
-</script>
-
-<template>
-  <TooltipProvider v-bind="props">
-    <slot />
-  </TooltipProvider>
-</template>
+<script setup lang="ts">
+import type { TooltipProviderProps } from "reka-ui"
+import { TooltipProvider } from "reka-ui"
+
+const props = withDefaults(defineProps<TooltipProviderProps>(), {
+  delayDuration: 0,
+})
+</script>
+
+<template>
+  <TooltipProvider v-bind="props">
+    <slot />
+  </TooltipProvider>
+</template>

package/src/shadcn/tooltip/TooltipTrigger.vue

@@ -1,15 +1,15 @@
-<script setup lang="ts">
-import type { TooltipTriggerProps } from "reka-ui"
-import { TooltipTrigger } from "reka-ui"
-
-const props = defineProps<TooltipTriggerProps>()
-</script>
-
-<template>
-  <TooltipTrigger
-    data-slot="tooltip-trigger"
-    v-bind="props"
-  >
-    <slot />
-  </TooltipTrigger>
-</template>
+<script setup lang="ts">
+import type { TooltipTriggerProps } from "reka-ui"
+import { TooltipTrigger } from "reka-ui"
+
+const props = defineProps<TooltipTriggerProps>()
+</script>
+
+<template>
+  <TooltipTrigger
+    data-slot="tooltip-trigger"
+    v-bind="props"
+  >
+    <slot />
+  </TooltipTrigger>
+</template>

package/src/shadcn/tooltip/index.ts

@@ -1,4 +1,4 @@
-export { default as Tooltip } from "./Tooltip.vue"
-export { default as TooltipContent } from "./TooltipContent.vue"
-export { default as TooltipProvider } from "./TooltipProvider.vue"
-export { default as TooltipTrigger } from "./TooltipTrigger.vue"
+export { default as Tooltip } from "./Tooltip.vue"
+export { default as TooltipContent } from "./TooltipContent.vue"
+export { default as TooltipProvider } from "./TooltipProvider.vue"
+export { default as TooltipTrigger } from "./TooltipTrigger.vue"

package/src/shadcn/tree/index.ts

@@ -0,0 +1 @@
+export { TreeRoot, TreeItem } from "reka-ui"

package/src/ui/InputOTP.vue

@@ -1,69 +1,69 @@
-<script setup lang="ts">
-import { computed, provide, h, defineAsyncComponent, useSlots } from 'vue';
-import { cn } from './utils';
-import { InputOTPContext, InputOTPMaskContext } from './InputOTPContext';
-
-const props = defineProps({
-  modelValue: { type: String, default: '' },
-  maxLength: { type: Number, required: true },
-  disabled: { type: Boolean, default: false },
-  masked: { type: Boolean, default: false },
-  class: String,
-  containerClass: String,
-});
-const emit = defineEmits(['update:modelValue']);
-const slots = useSlots();
-
-const handleChange = (newValue: string) => {
-  if (newValue.length <= props.maxLength) {
-    emit('update:modelValue', newValue);
-  }
-};
-
-// Try to use external input-otp package if available
-let OTPInput: any = null;
-try {
-  OTPInput = defineAsyncComponent(() => import('input-otp'));
-} catch (e) {
-  OTPInput = null;
-}
-
-if (OTPInput) {
-  provide(InputOTPMaskContext, { masked: props.masked });
-}
-
-const contextValue = computed(() => ({
-  value: props.modelValue,
-  onChange: handleChange,
-  maxLength: props.maxLength,
-  disabled: props.disabled,
-  masked: props.masked,
-}));
-
-if (!OTPInput) {
-  provide(InputOTPContext, contextValue.value);
-  provide(InputOTPMaskContext, { masked: props.masked });
-}
-</script>
-<template>
-  <component
-    v-if="OTPInput"
-    :is="OTPInput"
-    data-slot="input-otp"
-    :container-class="cn('flex items-center gap-2 has-disabled:opacity-50', props.containerClass)"
-    :class="cn('disabled:cursor-not-allowed', props.class)"
-    :max-length="props.maxLength"
-    :value="props.modelValue"
-    :onChange="(val: string) => emit('update:modelValue', val)"
-    :disabled="props.disabled"
-  >
-    <slot />
-  </component>
-  <div
-    v-else
-    data-slot="input-otp"
-    :class="cn('flex items-center gap-2 has-disabled:opacity-50', props.containerClass)"
-  >
-    <slot />
-  </div>
-</template>
+<script setup lang="ts">
+import { computed, provide, h, defineAsyncComponent, useSlots } from 'vue';
+import { cn } from './utils';
+import { InputOTPContext, InputOTPMaskContext } from './InputOTPContext';
+
+const props = defineProps({
+  modelValue: { type: String, default: '' },
+  maxLength: { type: Number, required: true },
+  disabled: { type: Boolean, default: false },
+  masked: { type: Boolean, default: false },
+  class: String,
+  containerClass: String,
+});
+const emit = defineEmits(['update:modelValue']);
+const slots = useSlots();
+
+const handleChange = (newValue: string) => {
+  if (newValue.length <= props.maxLength) {
+    emit('update:modelValue', newValue);
+  }
+};
+
+// Try to use external input-otp package if available
+let OTPInput: any = null;
+try {
+  OTPInput = defineAsyncComponent(() => import('input-otp'));
+} catch (e) {
+  OTPInput = null;
+}
+
+if (OTPInput) {
+  provide(InputOTPMaskContext, { masked: props.masked });
+}
+
+const contextValue = computed(() => ({
+  value: props.modelValue,
+  onChange: handleChange,
+  maxLength: props.maxLength,
+  disabled: props.disabled,
+  masked: props.masked,
+}));
+
+if (!OTPInput) {
+  provide(InputOTPContext, contextValue.value);
+  provide(InputOTPMaskContext, { masked: props.masked });
+}
+</script>
+<template>
+  <component
+    v-if="OTPInput"
+    :is="OTPInput"
+    data-slot="input-otp"
+    :container-class="cn('flex items-center gap-2 has-disabled:opacity-50', props.containerClass)"
+    :class="cn('disabled:cursor-not-allowed', props.class)"
+    :max-length="props.maxLength"
+    :value="props.modelValue"
+    :onChange="(val: string) => emit('update:modelValue', val)"
+    :disabled="props.disabled"
+  >
+    <slot />
+  </component>
+  <div
+    v-else
+    data-slot="input-otp"
+    :class="cn('flex items-center gap-2 has-disabled:opacity-50', props.containerClass)"
+  >
+    <slot />
+  </div>
+</template>

package/src/ui/InputOTPContext.ts

@@ -1,10 +1,10 @@
-// Context symbols and types for InputOTP
-export const InputOTPContext = Symbol('InputOTPContext');
-export const InputOTPMaskContext = Symbol('InputOTPMaskContext');
-export type InputOTPContextType = {
-  value: string;
-  onChange: (value: string) => void;
-  maxLength: number;
-  disabled?: boolean;
-  masked?: boolean;
+// Context symbols and types for InputOTP
+export const InputOTPContext = Symbol('InputOTPContext');
+export const InputOTPMaskContext = Symbol('InputOTPMaskContext');
+export type InputOTPContextType = {
+  value: string;
+  onChange: (value: string) => void;
+  maxLength: number;
+  disabled?: boolean;
+  masked?: boolean;
 };

package/src/ui/InputOTPGroup.vue

@@ -1,7 +1,7 @@
-<script setup lang="ts">
-import { cn } from './utils';
-const props = defineProps({ class: String });
-</script>
-<template>
-  <div data-slot="input-otp-group" :class="cn('flex items-center gap-1', props.class)"><slot /></div>
-</template>
+<script setup lang="ts">
+import { cn } from './utils';
+const props = defineProps({ class: String });
+</script>
+<template>
+  <div data-slot="input-otp-group" :class="cn('flex items-center gap-1', props.class)"><slot /></div>
+</template>

package/src/ui/InputOTPSeparator.vue

@@ -1,8 +1,8 @@
-<script setup lang="ts">
-import { Minus } from 'lucide-vue-next';
-</script>
-<template>
-  <div data-slot="input-otp-separator" role="separator">
-    <Minus class="h-4 w-4" />
-  </div>
-</template>
+<script setup lang="ts">
+import { Minus } from 'lucide-vue-next';
+</script>
+<template>
+  <div data-slot="input-otp-separator" role="separator">
+    <Minus class="h-4 w-4" />
+  </div>
+</template>

package/src/ui/InputOTPSlot.vue

@@ -1,61 +1,61 @@
-<script setup>
-import { computed } from 'vue';
-import { cn } from '@/lib/utils';
-
-const props = defineProps({
-  index: Number,
-  char: String,
-  class: String,
-  disabled: Boolean,
-});
-
-const extDisplayChar = computed(() => {
-  return '';
-});
-
-const extIsActive = computed(() => {
-});
-
-const isActive = computed(() => {
-});
-
-const handleClick = () => {
-};
-
-const handleInput = (e) => {
-  const value = e.target.value;
-};
-
-</script>
-
-<template>
-  <!-- Fallback context: input field mode -->
-  <div
-    data-slot="input-otp-slot"
-    :data-index="props.index"
-    :data-active="isActive"
-    :class="cn('data-[active=true]:border-ring data-[active=true]:ring-ring/50 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm bg-input-background transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px] cursor-text', props.class)"
-    @click="handleClick"
-  >
-    <input
-      ref="inputRef"
-      type="text"
-      inputmode="numeric"
-      pattern="[0-9]*"
-      maxlength="1"
-      :value="char"
-      @input="handleInput"
-      @keydown="handleKeydown"
-      @focus="isFocused = true"
-      @blur="isFocused = false"
-      class="absolute inset-0 w-full h-full bg-transparent border-0 outline-none text-center opacity-0 caret-transparent"
-      style="caret-color: transparent;"
-    />
-    <div class="pointer-events-none select-none relative z-10 flex items-center justify-center">
-      <span v-if="char" class="text-foreground">{{ displayChar }}</span>
-    </div>
-    <div v-if="isActive && !char" class="pointer-events-none absolute inset-0 flex items-center justify-center z-20">
-      <div class="animate-caret-blink bg-foreground h-4 w-px duration-1000" />
-    </div>
-  </div>
-</template>
+<script setup>
+import { computed } from 'vue';
+import { cn } from '@/lib/utils';
+
+const props = defineProps({
+  index: Number,
+  char: String,
+  class: String,
+  disabled: Boolean,
+});
+
+const extDisplayChar = computed(() => {
+  return '';
+});
+
+const extIsActive = computed(() => {
+});
+
+const isActive = computed(() => {
+});
+
+const handleClick = () => {
+};
+
+const handleInput = (e) => {
+  const value = e.target.value;
+};
+
+</script>
+
+<template>
+  <!-- Fallback context: input field mode -->
+  <div
+    data-slot="input-otp-slot"
+    :data-index="props.index"
+    :data-active="isActive"
+    :class="cn('data-[active=true]:border-ring data-[active=true]:ring-ring/50 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm bg-input-background transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px] cursor-text', props.class)"
+    @click="handleClick"
+  >
+    <input
+      ref="inputRef"
+      type="text"
+      inputmode="numeric"
+      pattern="[0-9]*"
+      maxlength="1"
+      :value="char"
+      @input="handleInput"
+      @keydown="handleKeydown"
+      @focus="isFocused = true"
+      @blur="isFocused = false"
+      class="absolute inset-0 w-full h-full bg-transparent border-0 outline-none text-center opacity-0 caret-transparent"
+      style="caret-color: transparent;"
+    />
+    <div class="pointer-events-none select-none relative z-10 flex items-center justify-center">
+      <span v-if="char" class="text-foreground">{{ displayChar }}</span>
+    </div>
+    <div v-if="isActive && !char" class="pointer-events-none absolute inset-0 flex items-center justify-center z-20">
+      <div class="animate-caret-blink bg-foreground h-4 w-px duration-1000" />
+    </div>
+  </div>
+</template>

package/src/ui/PopoverContent.vue

@@ -1,27 +1,27 @@
-<script setup lang="ts">
-import { cn } from './utils';
-import { PopoverContent, PopoverPortal } from 'reka-ui';
-
-const props = defineProps({
-  class: String,
-  align: { type: String, default: 'center' },
-  sideOffset: { type: Number, default: 4 },
-});
-</script>
-
-<template>
-  <PopoverPortal>
-    <PopoverContent
-      data-slot="popover-content"
-      :align="props.align"
-      :side-offset="props.sideOffset"
-      :class="cn(
-        'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--reka-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden',
-        props.class,
-      )"
-      v-bind="$attrs"
-    >
-      <slot />
-    </PopoverContent>
-  </PopoverPortal>
-</template>
+<script setup lang="ts">
+import { cn } from './utils';
+import { PopoverContent, PopoverPortal } from 'reka-ui';
+
+const props = defineProps({
+  class: String,
+  align: { type: String, default: 'center' },
+  sideOffset: { type: Number, default: 4 },
+});
+</script>
+
+<template>
+  <PopoverPortal>
+    <PopoverContent
+      data-slot="popover-content"
+      :align="props.align"
+      :side-offset="props.sideOffset"
+      :class="cn(
+        'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--reka-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden',
+        props.class,
+      )"
+      v-bind="$attrs"
+    >
+      <slot />
+    </PopoverContent>
+  </PopoverPortal>
+</template>

package/src/ui/PopoverTrigger.vue

@@ -1,9 +1,9 @@
-<script setup lang="ts">
-import { PopoverTrigger } from '@/shadcn/popover';
-</script>
-
-<template>
-  <PopoverTrigger data-slot="popover-trigger" v-bind="$attrs">
-    <slot />
-  </PopoverTrigger>
-</template>
+<script setup lang="ts">
+import { PopoverTrigger } from '@/shadcn/popover';
+</script>
+
+<template>
+  <PopoverTrigger data-slot="popover-trigger" v-bind="$attrs">
+    <slot />
+  </PopoverTrigger>
+</template>

package/src/ui/SelectContent.vue

@@ -1,24 +1,24 @@
-<script setup lang="ts">
-import { SelectContent } from '@/shadcn/select';
-import { cn } from './utils';
-const props = defineProps({
-  class: String,
-  position: { type: String as () => 'popper' | 'item-aligned', default: 'popper' },
-});
-</script>
-
-<template>
-  <SelectContent
-    data-slot="select-content"
-    :class="cn(
-      'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] origin-(--reka-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',
-      props.position === 'popper' &&
-        'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
-      props.class,
-    )"
-    :position="props.position"
-    v-bind="$attrs"
-  >
-    <slot />
-  </SelectContent>
+<script setup lang="ts">
+import { SelectContent } from '@/shadcn/select';
+import { cn } from './utils';
+const props = defineProps({
+  class: String,
+  position: { type: String as () => 'popper' | 'item-aligned', default: 'popper' },
+});
+</script>
+
+<template>
+  <SelectContent
+    data-slot="select-content"
+    :class="cn(
+      'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] origin-(--reka-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',
+      props.position === 'popper' &&
+        'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
+      props.class,
+    )"
+    :position="props.position"
+    v-bind="$attrs"
+  >
+    <slot />
+  </SelectContent>
 </template>

package/src/ui/SelectGroup.vue

@@ -1,12 +1,12 @@
-<script setup lang="ts">
-import { SelectGroup as RekaSelectGroup } from "reka-ui"
-</script>
-
-<template>
-  <RekaSelectGroup
-    data-slot="select-group"
-    v-bind="$attrs"
-  >
-    <slot />
-  </RekaSelectGroup>
-</template>
+<script setup lang="ts">
+import { SelectGroup as RekaSelectGroup } from "reka-ui"
+</script>
+
+<template>
+  <RekaSelectGroup
+    data-slot="select-group"
+    v-bind="$attrs"
+  >
+    <slot />
+  </RekaSelectGroup>
+</template>

package/src/ui/SelectItem.vue

@@ -1,25 +1,25 @@
-<script setup lang="ts">
-import { SelectItem } from '@/shadcn/select';
-import { Check } from 'lucide-vue-next';
-import { cn } from './utils';
-const props = defineProps({
-  value: {
-    type: String,
-    required: true,
-  },
-  class: String,
-});
-</script>
-<template>
-  <SelectItem
-    :value="props.value"
-    data-slot="select-item"
-    :class="cn(
-      'focus:bg-accent focus:text-accent-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2',
-      props.class,
-    )"
-    v-bind="$attrs"
-  >
-    <slot />
-  </SelectItem>
-</template>
+<script setup lang="ts">
+import { SelectItem } from '@/shadcn/select';
+import { Check } from 'lucide-vue-next';
+import { cn } from './utils';
+const props = defineProps({
+  value: {
+    type: String,
+    required: true,
+  },
+  class: String,
+});
+</script>
+<template>
+  <SelectItem
+    :value="props.value"
+    data-slot="select-item"
+    :class="cn(
+      'focus:bg-accent focus:text-accent-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2',
+      props.class,
+    )"
+    v-bind="$attrs"
+  >
+    <slot />
+  </SelectItem>
+</template>

package/src/ui/SelectLabel.vue

@@ -1,16 +1,16 @@
-<script setup>
-import { SelectLabel } from "reka-ui"
-import { cn } from "./utils"
-const props = defineProps({ class: String })
-</script>
-
-<template>
-  <SelectLabel
-    data-slot="select-label"
-    :class="cn('text-muted-foreground px-2 py-1.5 text-xs', props.class)"
-    v-bind="$attrs"
-  >
-    <slot />
-  </SelectLabel>
-</template>
-
+<script setup>
+import { SelectLabel } from "reka-ui"
+import { cn } from "./utils"
+const props = defineProps({ class: String })
+</script>
+
+<template>
+  <SelectLabel
+    data-slot="select-label"
+    :class="cn('text-muted-foreground px-2 py-1.5 text-xs', props.class)"
+    v-bind="$attrs"
+  >
+    <slot />
+  </SelectLabel>
+</template>
+