@bl33dz/fa814698dcde12f86a37ac31dd3aedf9 1.0.5 → 1.0.7

package/src/ui/sidebar/SidebarShortcut.vue

@@ -1,10 +1,10 @@
-<script setup lang="ts">
-const props = defineProps({
-  class: { type: String, default: '' },
-});
-</script>
-<template>
-  <span :class="['sidebar-shortcut', props.class]">
-    <slot />
-  </span>
-</template>
+<script setup lang="ts">
+const props = defineProps({
+  class: { type: String, default: '' },
+});
+</script>
+<template>
+  <span :class="['sidebar-shortcut', props.class]">
+    <slot />
+  </span>
+</template>

package/src/ui/sidebar/SidebarTitle.vue

@@ -1,10 +1,10 @@
-<script setup lang="ts">
-const props = defineProps({
-  class: { type: String, default: '' },
-});
-</script>
-<template>
-  <div :class="['sidebar-title', props.class]">
-    <slot />
-  </div>
-</template>
+<script setup lang="ts">
+const props = defineProps({
+  class: { type: String, default: '' },
+});
+</script>
+<template>
+  <div :class="['sidebar-title', props.class]">
+    <slot />
+  </div>
+</template>

package/src/ui/sidebar/SidebarTrigger.vue

@@ -1,27 +1,27 @@
-<script setup lang="ts">
-import { inject } from 'vue';
-import Button from '../button.vue';
-import { PanelLeft } from 'lucide-vue-next';
-
-interface SidebarContext {
-  toggleSidebar: () => void;
-}
-
-const ctx = inject('sidebarContext') as SidebarContext | undefined;
-
-defineProps<{ class?: string }>();
-const emit = defineEmits(['click']);
-</script>
-<template>
-  <Button
-    data-sidebar="trigger"
-    data-slot="sidebar-trigger"
-    variant="ghost"
-    size="icon"
-    :class="['size-7', $props.class]"
-    @click="(event) => { emit('click', event); ctx?.toggleSidebar(); }"
-  >
-    <PanelLeft class="w-4 h-4" />
-    <span class="sr-only">Toggle Sidebar</span>
-  </Button>
-</template>
+<script setup lang="ts">
+import { inject } from 'vue';
+import Button from '../button.vue';
+import { PanelLeft } from 'lucide-vue-next';
+
+interface SidebarContext {
+  toggleSidebar: () => void;
+}
+
+const ctx = inject('sidebarContext') as SidebarContext | undefined;
+
+defineProps<{ class?: string }>();
+const emit = defineEmits(['click']);
+</script>
+<template>
+  <Button
+    data-sidebar="trigger"
+    data-slot="sidebar-trigger"
+    variant="ghost"
+    size="icon"
+    :class="['size-7', $props.class]"
+    @click="(event) => { emit('click', event); ctx?.toggleSidebar(); }"
+  >
+    <PanelLeft class="w-4 h-4" />
+    <span class="sr-only">Toggle Sidebar</span>
+  </Button>
+</template>

package/src/ui/sidebar/Wrapper.vue

@@ -1,12 +1,12 @@
-<script setup lang="ts">
-import { cn } from '@/lib/utils';
-const props = defineProps({
-  height: { type: String, default: 'h-screen' },
-  class: { type: String, default: '' },
-});
-</script>
-<template>
-  <div :class="cn('flex w-full border overflow-hidden relative z-0 bg-background', props.height, props.class)">
-    <slot />
-  </div>
-</template>
+<script setup lang="ts">
+import { cn } from '@/lib/utils';
+const props = defineProps({
+  height: { type: String, default: 'h-screen' },
+  class: { type: String, default: '' },
+});
+</script>
+<template>
+  <div :class="cn('flex w-full border overflow-hidden relative z-0 bg-background', props.height, props.class)">
+    <slot />
+  </div>
+</template>

package/src/ui/sidebar/context.ts

@@ -1,8 +1,8 @@
-export const SIDEBAR_CONTEXT = Symbol('SIDEBAR_CONTEXT');
-export interface SidebarContext {
-  state: 'expanded' | 'collapsed';
-  open: boolean;
-  setOpen: (open: boolean) => void;
-  isMobile: boolean;
-  toggleSidebar: () => void;
-}
+export const SIDEBAR_CONTEXT = Symbol('SIDEBAR_CONTEXT');
+export interface SidebarContext {
+  state: 'expanded' | 'collapsed';
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  isMobile: boolean;
+  toggleSidebar: () => void;
+}

package/src/ui/sidebar/index.ts

@@ -1,27 +1,27 @@
-export { default as SidebarProvider } from './SidebarProvider.vue';
-export { default as Sidebar } from './Sidebar.vue';
-export { default as SidebarTrigger } from './SidebarTrigger.vue';
-export { default as SidebarGroup } from './SidebarGroup.vue';
-export { default as SidebarGroupLabel } from './SidebarGroupLabel.vue';
-export { default as SidebarGroupContent } from './SidebarGroupContent.vue';
-export { default as SidebarMenu } from './SidebarMenu.vue';
-export { default as SidebarMenuItem } from './SidebarMenuItem.vue';
-export { default as SidebarMenuButton } from './SidebarMenuButton.vue';
-export { default as SidebarMenuBadge } from './SidebarMenuBadge.vue';
-export { default as SidebarMenuSub } from './SidebarMenuSub.vue';
-export { default as SidebarMenuSubContent } from './SidebarMenuSubContent.vue';
-export { default as SidebarMenuSubItem } from './SidebarMenuSubItem.vue';
-export { default as SidebarMenuSubTrigger } from './SidebarMenuSubTrigger.vue';
-export { default as SidebarContent } from './SidebarContent.vue';
-export { default as SidebarHeader } from './SidebarHeader.vue';
-export { default as SidebarFooter } from './SidebarFooter.vue';
-export { default as SidebarTitle } from './SidebarTitle.vue';
-export { default as SidebarDescription } from './SidebarDescription.vue';
-export { default as SidebarSeparator } from './SidebarSeparator.vue';
-export { default as SidebarScrollArea } from './SidebarScrollArea.vue';
-export { default as SidebarShortcut } from './SidebarShortcut.vue';
-export { default as SidebarCollapseButton } from './SidebarCollapseButton.vue';
-export { default as SidebarExpandButton } from './SidebarExpandButton.vue';
-export { default as SidebarInset } from './SidebarInset.vue';
-export { default as Wrapper } from './Wrapper.vue';
-export { default as BasicSearch } from './BasicSearch.vue';
+export { default as SidebarProvider } from './SidebarProvider.vue';
+export { default as Sidebar } from './Sidebar.vue';
+export { default as SidebarTrigger } from './SidebarTrigger.vue';
+export { default as SidebarGroup } from './SidebarGroup.vue';
+export { default as SidebarGroupLabel } from './SidebarGroupLabel.vue';
+export { default as SidebarGroupContent } from './SidebarGroupContent.vue';
+export { default as SidebarMenu } from './SidebarMenu.vue';
+export { default as SidebarMenuItem } from './SidebarMenuItem.vue';
+export { default as SidebarMenuButton } from './SidebarMenuButton.vue';
+export { default as SidebarMenuBadge } from './SidebarMenuBadge.vue';
+export { default as SidebarMenuSub } from './SidebarMenuSub.vue';
+export { default as SidebarMenuSubContent } from './SidebarMenuSubContent.vue';
+export { default as SidebarMenuSubItem } from './SidebarMenuSubItem.vue';
+export { default as SidebarMenuSubTrigger } from './SidebarMenuSubTrigger.vue';
+export { default as SidebarContent } from './SidebarContent.vue';
+export { default as SidebarHeader } from './SidebarHeader.vue';
+export { default as SidebarFooter } from './SidebarFooter.vue';
+export { default as SidebarTitle } from './SidebarTitle.vue';
+export { default as SidebarDescription } from './SidebarDescription.vue';
+export { default as SidebarSeparator } from './SidebarSeparator.vue';
+export { default as SidebarScrollArea } from './SidebarScrollArea.vue';
+export { default as SidebarShortcut } from './SidebarShortcut.vue';
+export { default as SidebarCollapseButton } from './SidebarCollapseButton.vue';
+export { default as SidebarExpandButton } from './SidebarExpandButton.vue';
+export { default as SidebarInset } from './SidebarInset.vue';
+export { default as Wrapper } from './Wrapper.vue';
+export { default as BasicSearch } from './BasicSearch.vue';

package/src/ui/sidebar/sidebarStore.ts

@@ -1,40 +1,40 @@
-import { ref } from 'vue';
-import { defineStore } from 'pinia';
-
-type SidebarState = 'expanded' | 'collapsed';
-
-export type SidebarContextProps = {
-  state: SidebarState;
-  open: boolean;
-  setOpen: (open: boolean) => void;
-  openMobile: boolean;
-  setOpenMobile: (open: boolean) => void;
-  isMobile: boolean;
-  toggleSidebar: () => void;
-};
-
-export const useSidebarStore = defineStore('sidebar', {
-  state: () => ({
-    open: true,
-    openMobile: false,
-    isMobile: false,
-  }),
-  getters: {
-    state: (state): SidebarState => (state.open ? 'expanded' : 'collapsed'),
-  },
-  actions: {
-    setOpen(open: boolean) {
-      this.open = open;
-    },
-    setOpenMobile(open: boolean) {
-      this.openMobile = open;
-    },
-    toggleSidebar() {
-      if (this.isMobile) {
-        this.setOpenMobile(!this.openMobile);
-      } else {
-        this.setOpen(!this.open);
-      }
-    },
-  },
-});
+import { ref } from 'vue';
+import { defineStore } from 'pinia';
+
+type SidebarState = 'expanded' | 'collapsed';
+
+export type SidebarContextProps = {
+  state: SidebarState;
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  openMobile: boolean;
+  setOpenMobile: (open: boolean) => void;
+  isMobile: boolean;
+  toggleSidebar: () => void;
+};
+
+export const useSidebarStore = defineStore('sidebar', {
+  state: () => ({
+    open: true,
+    openMobile: false,
+    isMobile: false,
+  }),
+  getters: {
+    state: (state): SidebarState => (state.open ? 'expanded' : 'collapsed'),
+  },
+  actions: {
+    setOpen(open: boolean) {
+      this.open = open;
+    },
+    setOpenMobile(open: boolean) {
+      this.openMobile = open;
+    },
+    toggleSidebar() {
+      if (this.isMobile) {
+        this.setOpenMobile(!this.openMobile);
+      } else {
+        this.setOpen(!this.open);
+      }
+    },
+  },
+});

package/src/ui/sidebar/types.ts

@@ -1,30 +1,30 @@
-export interface NavigationItem {
-  id: string;
-  title: string;
-  href: string;
-  icon?: any;
-  label?: string;
-  disabled?: boolean;
-  external?: boolean;
-  children?: NavigationItem[];
-}
-
-export interface RecentItem {
-  id: string;
-  title: string;
-  href: string;
-  icon?: any;
-  label?: string;
-  disabled?: boolean;
-  external?: boolean;
-}
-
-export interface SidebarContextProps {
-  isMobile: boolean;
-  state: string;
-  openMobile: boolean;
-  setOpenMobile: (open: boolean) => void;
-  // Add any other context values used in your sidebar system
-}
-
-export type SidebarContextType = SidebarContextProps | null;
+export interface NavigationItem {
+  id: string;
+  title: string;
+  href: string;
+  icon?: any;
+  label?: string;
+  disabled?: boolean;
+  external?: boolean;
+  children?: NavigationItem[];
+}
+
+export interface RecentItem {
+  id: string;
+  title: string;
+  href: string;
+  icon?: any;
+  label?: string;
+  disabled?: boolean;
+  external?: boolean;
+}
+
+export interface SidebarContextProps {
+  isMobile: boolean;
+  state: string;
+  openMobile: boolean;
+  setOpenMobile: (open: boolean) => void;
+  // Add any other context values used in your sidebar system
+}
+
+export type SidebarContextType = SidebarContextProps | null;

package/src/ui/sidebar/useAutoCollapse.ts

@@ -1,81 +1,81 @@
-import { ref, computed, onUnmounted, watch } from 'vue';
-
-export interface UseAutoCollapseOptions {
-  defaultLocked?: boolean;
-  searchValue?: string;
-  autoCollapseDelay?: number;
-  unlockCollapseDelay?: number;
-  onLockToggle?: (locked: boolean) => void;
-}
-
-export function useAutoCollapse({
-  defaultLocked = false,
-  searchValue = '',
-  autoCollapseDelay = 300,
-  unlockCollapseDelay = 300,
-  onLockToggle,
-}: UseAutoCollapseOptions = {}) {
-  const isLocked = ref(defaultLocked);
-  const isHovered = ref(false);
-  const hoverTimeoutRef = { current: undefined as ReturnType<typeof setTimeout> | undefined };
-
-  const shouldAutoCollapse = computed(() => {
-    return !isLocked.value && !searchValue.trim();
-  });
-
-  const isExpanded = computed(() => {
-    if (isLocked.value) return true;
-    if (searchValue.trim()) return true;
-    return isHovered.value;
-  });
-
-  const handleMouseEnter = () => {
-    if (shouldAutoCollapse.value) {
-      if (hoverTimeoutRef.current) {
-        clearTimeout(hoverTimeoutRef.current);
-      }
-      isHovered.value = true;
-    }
-  };
-
-  const handleMouseLeave = () => {
-    if (shouldAutoCollapse.value) {
-      hoverTimeoutRef.current = setTimeout(() => {
-        isHovered.value = false;
-      }, autoCollapseDelay);
-    }
-  };
-
-  const toggleLock = () => {
-    isLocked.value = !isLocked.value;
-    if (onLockToggle) onLockToggle(isLocked.value);
-  };
-
-  const handleSearchClick = () => {
-    if (!isExpanded.value) {
-      isHovered.value = true;
-    }
-  };
-
-  onUnmounted(() => {
-    if (hoverTimeoutRef.current) {
-      clearTimeout(hoverTimeoutRef.current);
-    }
-  });
-
-  // Keep in sync with parent if needed
-  watch(isLocked, (val) => {
-    if (onLockToggle) onLockToggle(val);
-  });
-
-  return {
-    isLocked,
-    isHovered,
-    isExpanded,
-    shouldAutoCollapse,
-    handleMouseEnter,
-    handleMouseLeave,
-    toggleLock,
-    handleSearchClick,
-  };
-}
+import { ref, computed, onUnmounted, watch } from 'vue';
+
+export interface UseAutoCollapseOptions {
+  defaultLocked?: boolean;
+  searchValue?: string;
+  autoCollapseDelay?: number;
+  unlockCollapseDelay?: number;
+  onLockToggle?: (locked: boolean) => void;
+}
+
+export function useAutoCollapse({
+  defaultLocked = false,
+  searchValue = '',
+  autoCollapseDelay = 300,
+  unlockCollapseDelay = 300,
+  onLockToggle,
+}: UseAutoCollapseOptions = {}) {
+  const isLocked = ref(defaultLocked);
+  const isHovered = ref(false);
+  const hoverTimeoutRef = { current: undefined as ReturnType<typeof setTimeout> | undefined };
+
+  const shouldAutoCollapse = computed(() => {
+    return !isLocked.value && !searchValue.trim();
+  });
+
+  const isExpanded = computed(() => {
+    if (isLocked.value) return true;
+    if (searchValue.trim()) return true;
+    return isHovered.value;
+  });
+
+  const handleMouseEnter = () => {
+    if (shouldAutoCollapse.value) {
+      if (hoverTimeoutRef.current) {
+        clearTimeout(hoverTimeoutRef.current);
+      }
+      isHovered.value = true;
+    }
+  };
+
+  const handleMouseLeave = () => {
+    if (shouldAutoCollapse.value) {
+      hoverTimeoutRef.current = setTimeout(() => {
+        isHovered.value = false;
+      }, autoCollapseDelay);
+    }
+  };
+
+  const toggleLock = () => {
+    isLocked.value = !isLocked.value;
+    if (onLockToggle) onLockToggle(isLocked.value);
+  };
+
+  const handleSearchClick = () => {
+    if (!isExpanded.value) {
+      isHovered.value = true;
+    }
+  };
+
+  onUnmounted(() => {
+    if (hoverTimeoutRef.current) {
+      clearTimeout(hoverTimeoutRef.current);
+    }
+  });
+
+  // Keep in sync with parent if needed
+  watch(isLocked, (val) => {
+    if (onLockToggle) onLockToggle(val);
+  });
+
+  return {
+    isLocked,
+    isHovered,
+    isExpanded,
+    shouldAutoCollapse,
+    handleMouseEnter,
+    handleMouseLeave,
+    toggleLock,
+    handleSearchClick,
+  };
+}

package/src/ui/sidebar.vue

@@ -1,24 +1,24 @@
-<template>
-  <nav class="flex flex-col gap-2 w-48 bg-card border border-border rounded-lg p-4">
-    <button
-      v-for="item in items"
-      :key="item.label"
-      class="flex items-center gap-2 px-3 py-2 rounded-md text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground"
-      @click="$emit('select', item)"
-    >
-      <component v-if="item.icon" :is="item.icon" class="w-4 h-4" />
-      <span>{{ item.label }}</span>
-    </button>
-  </nav>
-</template>
-
-<script setup>
-import { defineProps, defineEmits } from 'vue';
-const props = defineProps({
-  items: {
-    type: Array,
-    default: () => [],
-  },
-});
-const emit = defineEmits(['select']);
-</script>
+<template>
+  <nav class="flex flex-col gap-2 w-48 bg-card border border-border rounded-lg p-4">
+    <button
+      v-for="item in items"
+      :key="item.label"
+      class="flex items-center gap-2 px-3 py-2 rounded-md text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground"
+      @click="$emit('select', item)"
+    >
+      <component v-if="item.icon" :is="item.icon" class="w-4 h-4" />
+      <span>{{ item.label }}</span>
+    </button>
+  </nav>
+</template>
+
+<script setup>
+import { defineProps, defineEmits } from 'vue';
+const props = defineProps({
+  items: {
+    type: Array,
+    default: () => [],
+  },
+});
+const emit = defineEmits(['select']);
+</script>

package/src/ui/skeleton.vue

@@ -1,15 +1,15 @@
-<template>
-  <div
-    data-slot="skeleton"
-    :class="cn('bg-accent animate-pulse rounded-md', $attrs.class)"
-    v-bind="$attrs"
-  >
-    <slot />
-  </div>
-</template>
-
-<script setup>
-import { useAttrs } from 'vue';
-import { cn } from './utils';
-const $attrs = useAttrs();
-</script>
+<template>
+  <div
+    data-slot="skeleton"
+    :class="cn('bg-accent animate-pulse rounded-md', $attrs.class)"
+    v-bind="$attrs"
+  >
+    <slot />
+  </div>
+</template>
+
+<script setup>
+import { useAttrs } from 'vue';
+import { cn } from './utils';
+const $attrs = useAttrs();
+</script>

package/src/ui/slider.vue

@@ -1,32 +1,32 @@
-<template>
-  <Slider ref="sliderRef" :class="['relative flex w-full touch-none select-none items-center', customClass]" v-bind="props" />
-</template>
-
-<script setup>
-import { defineProps, useAttrs } from 'vue';
-
-const props = defineProps({
-  modelValue: {
-    type: Number,
-    default: 0,
-  },
-  min: {
-    type: Number,
-    default: 0,
-  },
-  max: {
-    type: Number,
-    default: 100,
-  },
-  step: {
-    type: Number,
-    default: 1,
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-});
-
-const $attrs = useAttrs();
-</script>
+<template>
+  <Slider ref="sliderRef" :class="['relative flex w-full touch-none select-none items-center', customClass]" v-bind="props" />
+</template>
+
+<script setup>
+import { defineProps, useAttrs } from 'vue';
+
+const props = defineProps({
+  modelValue: {
+    type: Number,
+    default: 0,
+  },
+  min: {
+    type: Number,
+    default: 0,
+  },
+  max: {
+    type: Number,
+    default: 100,
+  },
+  step: {
+    type: Number,
+    default: 1,
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+const $attrs = useAttrs();
+</script>