@bl33dz/fa814698dcde12f86a37ac31dd3aedf9 1.0.5 → 1.0.7

package/src/ui/SelectSeparator.vue

@@ -1,17 +1,17 @@
-<script setup>
-import { SelectSeparator } from "reka-ui"
-import { cn } from "./utils"
-
-const props = defineProps({
-  class: String
-})
-</script>
-
-<template>
-  <SelectSeparator
-    data-slot="select-separator"
-    :class="cn('bg-border pointer-events-none -mx-1 my-1 h-px', props.class)"
-    v-bind="$attrs"
-  />
-</template>
-
+<script setup>
+import { SelectSeparator } from "reka-ui"
+import { cn } from "./utils"
+
+const props = defineProps({
+  class: String
+})
+</script>
+
+<template>
+  <SelectSeparator
+    data-slot="select-separator"
+    :class="cn('bg-border pointer-events-none -mx-1 my-1 h-px', props.class)"
+    v-bind="$attrs"
+  />
+</template>
+

package/src/ui/SelectTrigger.vue

@@ -1,22 +1,22 @@
-<script setup lang="ts">
-import { cn } from './utils';
-import { SelectTrigger } from '@/shadcn/select';
-import { ChevronDown } from 'lucide-vue-next';
-defineProps({
-  class: String,
-  size: { type: String, default: 'default' },
-});
-</script>
-<template>
-  <SelectTrigger
-    data-slot="select-trigger"
-    :data-size="size"
-    :class="cn(
-      'border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-select-hover flex w-full items-center justify-between gap-2 rounded-md border bg-input-background px-3 py-2 text-sm transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:min-h-9 data-[size=sm]:min-h-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:overflow-hidden [&_[data-slot=select-value]_div]:flex [&_[data-slot=select-value]_div]:items-center [&_[data-slot=select-value]_div]:gap-2 [&_[data-slot=select-value]_.text-xs]:hidden [&_[data-slot=select-value]_svg]:shrink-0',
-      $props.class,
-    )"
-    v-bind="$attrs"
-  >
-    <slot />
-  </SelectTrigger>
-</template>
+<script setup lang="ts">
+import { cn } from './utils';
+import { SelectTrigger } from '@/shadcn/select';
+import { ChevronDown } from 'lucide-vue-next';
+defineProps({
+  class: String,
+  size: { type: String, default: 'default' },
+});
+</script>
+<template>
+  <SelectTrigger
+    data-slot="select-trigger"
+    :data-size="size"
+    :class="cn(
+      'border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-select-hover flex w-full items-center justify-between gap-2 rounded-md border bg-input-background px-3 py-2 text-sm transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:min-h-9 data-[size=sm]:min-h-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:overflow-hidden [&_[data-slot=select-value]_div]:flex [&_[data-slot=select-value]_div]:items-center [&_[data-slot=select-value]_div]:gap-2 [&_[data-slot=select-value]_.text-xs]:hidden [&_[data-slot=select-value]_svg]:shrink-0',
+      $props.class,
+    )"
+    v-bind="$attrs"
+  >
+    <slot />
+  </SelectTrigger>
+</template>

package/src/ui/SelectValue.vue

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

package/src/ui/SheetContent.vue

@@ -1,34 +1,34 @@
-<script setup lang="ts">
-import { cn } from '@/lib/utils';
-import { computed } from 'vue';
-
-const props = defineProps({
-  side: { type: String, default: 'right' },
-  class: String,
-});
-</script>
-<template>
-  <div
-    :data-slot="'sheet-content'"
-    :class="[
-      cn(
-        'bg-background fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out',
-        side === 'right' && 'inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',
-        side === 'left' && 'inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',
-        side === 'top' && 'inset-x-0 top-0 h-auto border-b',
-        side === 'bottom' && 'inset-x-0 bottom-0 h-auto border-t',
-        props.class,
-      )
-    ]"
-  >
-    <slot />
-    <button
-      class="ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none"
-      @click="$emit('close')"
-    >
-      <span class="sr-only">Close</span>
-      <!-- Replace with your icon component -->
-      <svg class="size-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg>
-    </button>
-  </div>
-</template>
+<script setup lang="ts">
+import { cn } from '@/lib/utils';
+import { computed } from 'vue';
+
+const props = defineProps({
+  side: { type: String, default: 'right' },
+  class: String,
+});
+</script>
+<template>
+  <div
+    :data-slot="'sheet-content'"
+    :class="[
+      cn(
+        'bg-background fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out',
+        side === 'right' && 'inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',
+        side === 'left' && 'inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',
+        side === 'top' && 'inset-x-0 top-0 h-auto border-b',
+        side === 'bottom' && 'inset-x-0 bottom-0 h-auto border-t',
+        props.class,
+      )
+    ]"
+  >
+    <slot />
+    <button
+      class="ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none"
+      @click="$emit('close')"
+    >
+      <span class="sr-only">Close</span>
+      <!-- Replace with your icon component -->
+      <svg class="size-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg>
+    </button>
+  </div>
+</template>

package/src/ui/SheetDescription.vue

@@ -1,9 +1,9 @@
-<script setup lang="ts">
-import { cn } from '@/lib/utils';
-const props = defineProps({
-  class: String,
-});
-</script>
-<template>
-  <p :data-slot="'sheet-description'" :class="cn('text-muted-foreground text-sm', props.class)"><slot /></p>
-</template>
+<script setup lang="ts">
+import { cn } from '@/lib/utils';
+const props = defineProps({
+  class: String,
+});
+</script>
+<template>
+  <p :data-slot="'sheet-description'" :class="cn('text-muted-foreground text-sm', props.class)"><slot /></p>
+</template>

package/src/ui/SheetHeader.vue

@@ -1,11 +1,11 @@
-<script setup lang="ts">
-import { cn } from '@/lib/utils';
-const props = defineProps({
-  class: String,
-});
-</script>
-<template>
-  <div :data-slot="'sheet-header'" :class="cn('flex flex-col gap-1.5 p-4', props.class)">
-    <slot />
-  </div>
-</template>
+<script setup lang="ts">
+import { cn } from '@/lib/utils';
+const props = defineProps({
+  class: String,
+});
+</script>
+<template>
+  <div :data-slot="'sheet-header'" :class="cn('flex flex-col gap-1.5 p-4', props.class)">
+    <slot />
+  </div>
+</template>

package/src/ui/SheetTitle.vue

@@ -1,9 +1,9 @@
-<script setup lang="ts">
-import { cn } from '@/lib/utils';
-const props = defineProps({
-  class: String,
-});
-</script>
-<template>
-  <h2 :data-slot="'sheet-title'" :class="cn('text-foreground font-semibold', props.class)"><slot /></h2>
-</template>
+<script setup lang="ts">
+import { cn } from '@/lib/utils';
+const props = defineProps({
+  class: String,
+});
+</script>
+<template>
+  <h2 :data-slot="'sheet-title'" :class="cn('text-foreground font-semibold', props.class)"><slot /></h2>
+</template>

package/src/ui/accordion-content.vue

@@ -1,21 +1,21 @@
-
-
-<script setup lang="ts">
-import { AccordionContent } from '@/shadcn/accordion';
-import { cn } from '@/lib/utils';
-import { useAttrs } from 'vue';
-
-const attrs = useAttrs();
-</script>
-
-<template>
-  <AccordionContent
-    data-slot="accordion-content"
-    v-bind="attrs"
-    class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
-  >
-    <div :class="cn('pt-0 pb-4', attrs.class)">
-      <slot />
-    </div>
-  </AccordionContent>
-</template>
+
+
+<script setup lang="ts">
+import { AccordionContent } from '@/shadcn/accordion';
+import { cn } from '@/lib/utils';
+import { useAttrs } from 'vue';
+
+const attrs = useAttrs();
+</script>
+
+<template>
+  <AccordionContent
+    data-slot="accordion-content"
+    v-bind="attrs"
+    class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
+  >
+    <div :class="cn('pt-0 pb-4', attrs.class)">
+      <slot />
+    </div>
+  </AccordionContent>
+</template>

package/src/ui/accordion-item.vue

@@ -1,18 +1,18 @@
-
-<script setup lang="ts">
-import { AccordionItem } from '@/shadcn/accordion';
-import { cn } from '@/lib/utils';
-
-const props = defineProps({
-  class: { type: [String, Array, Object], default: '' },
-});
-</script>
-
-<template>
-  <AccordionItem
-    data-slot="accordion-item"
-    v-bind="{ ...$attrs, class: cn('border-b last:border-b-0', props.class) }"
-  >
-    <slot />
-  </AccordionItem>
-</template>
+
+<script setup lang="ts">
+import { AccordionItem } from '@/shadcn/accordion';
+import { cn } from '@/lib/utils';
+
+const props = defineProps({
+  class: { type: [String, Array, Object], default: '' },
+});
+</script>
+
+<template>
+  <AccordionItem
+    data-slot="accordion-item"
+    v-bind="{ ...$attrs, class: cn('border-b last:border-b-0', props.class) }"
+  >
+    <slot />
+  </AccordionItem>
+</template>

package/src/ui/accordion-trigger.vue

@@ -1,14 +1,14 @@
-<template>
-  <AccordionTrigger
-    data-slot="accordion-trigger"
-    :class="cn('focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180', $attrs['custom-class'])"
-    v-bind="$attrs"
-  >
-    <slot />
-  </AccordionTrigger>
-</template>
-
-<script setup>
-import { cn } from './cn';
-import { AccordionTrigger } from "@/shadcn/accordion/index";
-</script>
+<template>
+  <AccordionTrigger
+    data-slot="accordion-trigger"
+    :class="cn('focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180', $attrs['custom-class'])"
+    v-bind="$attrs"
+  >
+    <slot />
+  </AccordionTrigger>
+</template>
+
+<script setup>
+import { cn } from './cn';
+import { AccordionTrigger } from "@/shadcn/accordion/index";
+</script>

package/src/ui/accordion.vue

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

package/src/ui/alert-actions.vue

@@ -1,13 +1,13 @@
-<template>
-  <div
-    data-slot="alert-actions"
-    :class="['col-start-2 mt-3 flex gap-2', $attrs.class]"
-    v-bind="$attrs"
-  >
-    <slot />
-  </div>
-</template>
-
-<script setup>
-// No additional logic needed; all props/attrs are passed through
-</script>
+<template>
+  <div
+    data-slot="alert-actions"
+    :class="['col-start-2 mt-3 flex gap-2', $attrs.class]"
+    v-bind="$attrs"
+  >
+    <slot />
+  </div>
+</template>
+
+<script setup>
+// No additional logic needed; all props/attrs are passed through
+</script>

package/src/ui/alert-description.vue

@@ -1,13 +1,13 @@
-<template>
-  <div
-    data-slot="alert-description"
-    :class="['col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed opacity-90', $attrs.class]"
-    v-bind="$attrs"
-  >
-    <slot />
-  </div>
-</template>
-
-<script setup>
-// No additional logic needed; all props/attrs are passed through
-</script>
+<template>
+  <div
+    data-slot="alert-description"
+    :class="['col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed opacity-90', $attrs.class]"
+    v-bind="$attrs"
+  >
+    <slot />
+  </div>
+</template>
+
+<script setup>
+// No additional logic needed; all props/attrs are passed through
+</script>

package/src/ui/alert-title.vue

@@ -1,13 +1,13 @@
-<template>
-  <div
-    data-slot="alert-title"
-    :class="['col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', $attrs.class]"
-    v-bind="$attrs"
-  >
-    <slot />
-  </div>
-</template>
-
-<script setup>
-// No additional logic needed; all props/attrs are passed through
-</script>
+<template>
+  <div
+    data-slot="alert-title"
+    :class="['col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', $attrs.class]"
+    v-bind="$attrs"
+  >
+    <slot />
+  </div>
+</template>
+
+<script setup>
+// No additional logic needed; all props/attrs are passed through
+</script>

package/src/ui/alert.vue

@@ -1,63 +1,63 @@
-<template>
-  <div
-    v-if="visible"
-    data-slot="alert"
-    role="alert"
-    :class="computedClass"
-  >
-    <slot />
-    <button
-      v-if="dismissible"
-      data-slot="alert-close"
-      type="button"
-      class="absolute right-2 top-2 p-1 h-6 w-6 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none inline-flex items-center justify-center text-current hover:bg-muted"
-      @click="$emit('dismiss')"
-    >
-      <X class="size-4" />
-      <span class="sr-only">Close alert</span>
-    </button>
-  </div>
-</template>
-
-<script setup>
-import { computed, toRefs } from 'vue';
-import { X } from 'lucide-vue-next';
-
-const props = defineProps({
-  variant: {
-    type: String,
-    default: 'default',
-  },
-  dismissible: {
-    type: Boolean,
-    default: false,
-  },
-  visible: {
-    type: Boolean,
-    default: true,
-  },
-  class: {
-    type: String,
-    default: '',
-  },
-});
-
-const emit = defineEmits(['dismiss']);
-
-const variantClasses = {
-  default: 'bg-card text-card-foreground border-border',
-  destructive: 'border-red-200 bg-red-50 text-red-700 [&>svg]:text-red-600 dark:border-red-800 dark:bg-red-950 dark:text-red-300 dark:[&>svg]:text-red-400',
-  success: 'border-green-200 bg-green-50 text-green-700 [&>svg]:text-green-600 dark:border-green-800 dark:bg-green-950 dark:text-green-300 dark:[&>svg]:text-green-400',
-  warning: 'border-yellow-200 bg-yellow-50 text-yellow-700 [&>svg]:text-yellow-600 dark:border-yellow-800 dark:bg-yellow-950 dark:text-yellow-300 dark:[&>svg]:text-yellow-400',
-  info: 'border-blue-200 bg-blue-50 text-blue-700 [&>svg]:text-blue-600 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-300 dark:[&>svg]:text-blue-400',
-  'soft-primary': 'border-cyan-200 bg-cyan-50 text-cyan-700 [&>svg]:text-cyan-600 dark:border-cyan-800 dark:bg-cyan-950 dark:text-cyan-300 dark:[&>svg]:text-cyan-400',
-  'soft-secondary': 'border-gray-200 bg-gray-50 text-gray-700 [&>svg]:text-gray-600 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 dark:[&>svg]:text-gray-400',
-  'soft-neutral': 'border-stone-200 bg-stone-50 text-stone-700 [&>svg]:text-stone-600 dark:border-stone-700 dark:bg-stone-900 dark:text-stone-300 dark:[&>svg]:text-stone-400',
-};
-
-const computedClass = computed(() =>
-  'relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current ' +
-  (variantClasses[props.variant] || variantClasses.default) +
-  (props.class ? ' ' + props.class : '')
-);
-</script>
+<template>
+  <div
+    v-if="visible"
+    data-slot="alert"
+    role="alert"
+    :class="computedClass"
+  >
+    <slot />
+    <button
+      v-if="dismissible"
+      data-slot="alert-close"
+      type="button"
+      class="absolute right-2 top-2 p-1 h-6 w-6 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none inline-flex items-center justify-center text-current hover:bg-muted"
+      @click="$emit('dismiss')"
+    >
+      <X class="size-4" />
+      <span class="sr-only">Close alert</span>
+    </button>
+  </div>
+</template>
+
+<script setup>
+import { computed, toRefs } from 'vue';
+import { X } from 'lucide-vue-next';
+
+const props = defineProps({
+  variant: {
+    type: String,
+    default: 'default',
+  },
+  dismissible: {
+    type: Boolean,
+    default: false,
+  },
+  visible: {
+    type: Boolean,
+    default: true,
+  },
+  class: {
+    type: String,
+    default: '',
+  },
+});
+
+const emit = defineEmits(['dismiss']);
+
+const variantClasses = {
+  default: 'bg-card text-card-foreground border-border',
+  destructive: 'border-red-200 bg-red-50 text-red-700 [&>svg]:text-red-600 dark:border-red-800 dark:bg-red-950 dark:text-red-300 dark:[&>svg]:text-red-400',
+  success: 'border-green-200 bg-green-50 text-green-700 [&>svg]:text-green-600 dark:border-green-800 dark:bg-green-950 dark:text-green-300 dark:[&>svg]:text-green-400',
+  warning: 'border-yellow-200 bg-yellow-50 text-yellow-700 [&>svg]:text-yellow-600 dark:border-yellow-800 dark:bg-yellow-950 dark:text-yellow-300 dark:[&>svg]:text-yellow-400',
+  info: 'border-blue-200 bg-blue-50 text-blue-700 [&>svg]:text-blue-600 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-300 dark:[&>svg]:text-blue-400',
+  'soft-primary': 'border-cyan-200 bg-cyan-50 text-cyan-700 [&>svg]:text-cyan-600 dark:border-cyan-800 dark:bg-cyan-950 dark:text-cyan-300 dark:[&>svg]:text-cyan-400',
+  'soft-secondary': 'border-gray-200 bg-gray-50 text-gray-700 [&>svg]:text-gray-600 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 dark:[&>svg]:text-gray-400',
+  'soft-neutral': 'border-stone-200 bg-stone-50 text-stone-700 [&>svg]:text-stone-600 dark:border-stone-700 dark:bg-stone-900 dark:text-stone-300 dark:[&>svg]:text-stone-400',
+};
+
+const computedClass = computed(() =>
+  'relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current ' +
+  (variantClasses[props.variant] || variantClasses.default) +
+  (props.class ? ' ' + props.class : '')
+);
+</script>