@shwfed/config 1.0.0

package/dist/runtime/components/ui/sidebar/SidebarMenuSubItem.vue

@@ -0,0 +1,16 @@
+<script setup>
+import { cn } from "../../../utils/cn";
+const props = defineProps({
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
+});
+</script>
+
+<template>
+  <li
+    data-slot="sidebar-menu-sub-item"
+    data-sidebar="menu-sub-item"
+    :class="cn('group/menu-sub-item relative', props.class)"
+  >
+    <slot />
+  </li>
+</template>

package/dist/runtime/components/ui/sidebar/SidebarMenuSubItem.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/sidebar/SidebarProvider.d.vue.ts

@@ -0,0 +1,26 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    defaultOpen?: boolean;
+    open?: boolean;
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+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:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    defaultOpen: boolean;
+}, {}, {}, {}, 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/sidebar/SidebarProvider.vue

@@ -0,0 +1,61 @@
+<script setup>
+import { defaultDocument, useEventListener, useMediaQuery, useVModel } from "@vueuse/core";
+import { TooltipProvider } from "reka-ui";
+import { computed, ref } from "vue";
+import { cn } from "../../../utils/cn";
+import { provideSidebarContext, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from "./utils";
+const props = defineProps({
+  defaultOpen: { type: Boolean, required: false, default: !defaultDocument?.cookie.includes(`${SIDEBAR_COOKIE_NAME}=false`) },
+  open: { type: Boolean, required: false, default: void 0 },
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
+});
+const emits = defineEmits(["update:open"]);
+const isMobile = useMediaQuery("(max-width: 768px)");
+const openMobile = ref(false);
+const open = useVModel(props, "open", emits, {
+  defaultValue: props.defaultOpen ?? false,
+  passive: props.open === void 0
+});
+function setOpen(value) {
+  open.value = value;
+  document.cookie = `${SIDEBAR_COOKIE_NAME}=${open.value}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+}
+function setOpenMobile(value) {
+  openMobile.value = value;
+}
+function toggleSidebar() {
+  return isMobile.value ? setOpenMobile(!openMobile.value) : setOpen(!open.value);
+}
+useEventListener("keydown", (event) => {
+  if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+    event.preventDefault();
+    toggleSidebar();
+  }
+});
+const state = computed(() => open.value ? "expanded" : "collapsed");
+provideSidebarContext({
+  state,
+  open,
+  setOpen,
+  isMobile,
+  openMobile,
+  setOpenMobile,
+  toggleSidebar
+});
+</script>
+
+<template>
+  <TooltipProvider :delay-duration="0">
+    <div
+      data-slot="sidebar-wrapper"
+      :style="{
+  '--sidebar-width': SIDEBAR_WIDTH,
+  '--sidebar-width-icon': SIDEBAR_WIDTH_ICON
+}"
+      :class="cn('group/sidebar-wrapper has-data-[variant=inset]:bg-zinc-50 flex min-h-svh', props.class)"
+      v-bind="$attrs"
+    >
+      <slot />
+    </div>
+  </TooltipProvider>
+</template>

package/dist/runtime/components/ui/sidebar/SidebarProvider.vue.d.ts

@@ -0,0 +1,26 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    defaultOpen?: boolean;
+    open?: boolean;
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+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:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    defaultOpen: boolean;
+}, {}, {}, {}, 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/sidebar/SidebarRail.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/sidebar/SidebarRail.vue

@@ -0,0 +1,30 @@
+<script setup>
+import { cn } from "../../../utils/cn";
+import { useSidebar } from "./utils";
+const props = defineProps({
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
+});
+const { toggleSidebar } = useSidebar();
+</script>
+
+<template>
+  <button
+    data-sidebar="rail"
+    data-slot="sidebar-rail"
+    aria-label="Toggle Sidebar"
+    :tabindex="-1"
+    title="Toggle Sidebar"
+    :class="cn(
+  'hover:after:bg-zinc-200 absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex',
+  'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',
+  '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',
+  'hover:group-data-[collapsible=offcanvas]:bg-zinc-100 group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full',
+  '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',
+  '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',
+  props.class
+)"
+    @click="toggleSidebar"
+  >
+    <slot />
+  </button>
+</template>

package/dist/runtime/components/ui/sidebar/SidebarRail.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/sidebar/SidebarSeparator.d.vue.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => 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/sidebar/SidebarSeparator.vue

@@ -0,0 +1,17 @@
+<script setup>
+import { cn } from "../../../utils/cn";
+import { Separator } from "../separator";
+const props = defineProps({
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
+});
+</script>
+
+<template>
+  <Separator
+    data-slot="sidebar-separator"
+    data-sidebar="separator"
+    :class="cn('bg-zinc-200 mx-2 w-auto', props.class)"
+  >
+    <slot />
+  </Separator>
+</template>

package/dist/runtime/components/ui/sidebar/SidebarSeparator.vue.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => 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/sidebar/SidebarTrigger.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/sidebar/SidebarTrigger.vue

@@ -0,0 +1,23 @@
+<script setup>
+import { Icon } from "@iconify/vue";
+import { cn } from "../../../utils/cn";
+import { Button } from "../button";
+import { useSidebar } from "./utils";
+const props = defineProps({
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
+});
+const { toggleSidebar } = useSidebar();
+</script>
+
+<template>
+  <Button
+    data-sidebar="trigger"
+    data-slot="sidebar-trigger"
+    variant="ghost"
+    :class="cn('h-7 w-7', props.class)"
+    @click="toggleSidebar"
+  >
+    <Icon icon="lucide:panel-left" />
+    <span class="sr-only">Toggle Sidebar</span>
+  </Button>
+</template>

package/dist/runtime/components/ui/sidebar/SidebarTrigger.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/sidebar/index.d.ts

@@ -0,0 +1,37 @@
+import type { VariantProps } from 'class-variance-authority';
+import type { HTMLAttributes } from 'vue';
+export interface SidebarProps {
+    side?: 'left' | 'right';
+    variant?: 'sidebar' | 'floating' | 'inset';
+    collapsible?: 'offcanvas' | 'icon' | 'none';
+    class?: HTMLAttributes['class'];
+}
+export { default as Sidebar } from './Sidebar.vue.js';
+export { default as SidebarContent } from './SidebarContent.vue.js';
+export { default as SidebarFooter } from './SidebarFooter.vue.js';
+export { default as SidebarGroup } from './SidebarGroup.vue.js';
+export { default as SidebarGroupAction } from './SidebarGroupAction.vue.js';
+export { default as SidebarGroupContent } from './SidebarGroupContent.vue.js';
+export { default as SidebarGroupLabel } from './SidebarGroupLabel.vue.js';
+export { default as SidebarHeader } from './SidebarHeader.vue.js';
+export { default as SidebarInput } from './SidebarInput.vue.js';
+export { default as SidebarInset } from './SidebarInset.vue.js';
+export { default as SidebarMenu } from './SidebarMenu.vue.js';
+export { default as SidebarMenuAction } from './SidebarMenuAction.vue.js';
+export { default as SidebarMenuBadge } from './SidebarMenuBadge.vue.js';
+export { default as SidebarMenuButton } from './SidebarMenuButton.vue.js';
+export { default as SidebarMenuItem } from './SidebarMenuItem.vue.js';
+export { default as SidebarMenuSkeleton } from './SidebarMenuSkeleton.vue.js';
+export { default as SidebarMenuSub } from './SidebarMenuSub.vue.js';
+export { default as SidebarMenuSubButton } from './SidebarMenuSubButton.vue.js';
+export { default as SidebarMenuSubItem } from './SidebarMenuSubItem.vue.js';
+export { default as SidebarProvider } from './SidebarProvider.vue.js';
+export { default as SidebarRail } from './SidebarRail.vue.js';
+export { default as SidebarSeparator } from './SidebarSeparator.vue.js';
+export { default as SidebarTrigger } from './SidebarTrigger.vue.js';
+export { useSidebar } from './utils.js';
+export declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SidebarMenuButtonVariants = VariantProps<typeof sidebarMenuButtonVariants>;

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

@@ -0,0 +1,45 @@
+import { cva } from "class-variance-authority";
+export { default as Sidebar } from "./Sidebar.vue";
+export { default as SidebarContent } from "./SidebarContent.vue";
+export { default as SidebarFooter } from "./SidebarFooter.vue";
+export { default as SidebarGroup } from "./SidebarGroup.vue";
+export { default as SidebarGroupAction } from "./SidebarGroupAction.vue";
+export { default as SidebarGroupContent } from "./SidebarGroupContent.vue";
+export { default as SidebarGroupLabel } from "./SidebarGroupLabel.vue";
+export { default as SidebarHeader } from "./SidebarHeader.vue";
+export { default as SidebarInput } from "./SidebarInput.vue";
+export { default as SidebarInset } from "./SidebarInset.vue";
+export { default as SidebarMenu } from "./SidebarMenu.vue";
+export { default as SidebarMenuAction } from "./SidebarMenuAction.vue";
+export { default as SidebarMenuBadge } from "./SidebarMenuBadge.vue";
+export { default as SidebarMenuButton } from "./SidebarMenuButton.vue";
+export { default as SidebarMenuItem } from "./SidebarMenuItem.vue";
+export { default as SidebarMenuSkeleton } from "./SidebarMenuSkeleton.vue";
+export { default as SidebarMenuSub } from "./SidebarMenuSub.vue";
+export { default as SidebarMenuSubButton } from "./SidebarMenuSubButton.vue";
+export { default as SidebarMenuSubItem } from "./SidebarMenuSubItem.vue";
+export { default as SidebarProvider } from "./SidebarProvider.vue";
+export { default as SidebarRail } from "./SidebarRail.vue";
+export { default as SidebarSeparator } from "./SidebarSeparator.vue";
+export { default as SidebarTrigger } from "./SidebarTrigger.vue";
+export { useSidebar } from "./utils.js";
+export const sidebarMenuButtonVariants = cva(
+  "peer/menu-button cursor-pointer flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden transition-[width,height,padding,color] duration-180 hover:bg-zinc-100 hover:text-zinc-900 active:bg-zinc-100 active:text-zinc-900 disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-[color-mix(in_srgb,var(--primary)_10%,white)] data-[active=true]:text-(--primary) data-[active=true]:font-mediumdata-[state=open]:hover:bg-zinc-100 data-[state=open]:hover:text-zinc-900 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "group-hover/menu-item:bg-zinc-100 group-hover/menu-item:text-zinc-900 group-focus-within/menu-item:bg-zinc-100 group-focus-within/menu-item:text-zinc-900 text-zinc-800",
+        outline: "bg-white shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-zinc-100 hover:text-zinc-900 hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);

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

@@ -0,0 +1,56 @@
+import type { ComputedRef, Ref } from 'vue';
+export declare const SIDEBAR_COOKIE_NAME = "sidebar_state";
+export declare const SIDEBAR_COOKIE_MAX_AGE: number;
+export declare const SIDEBAR_WIDTH = "16rem";
+export declare const SIDEBAR_WIDTH_MOBILE = "18rem";
+export declare const SIDEBAR_WIDTH_ICON = "3rem";
+export declare const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+export declare const useSidebar: <T extends {
+    state: ComputedRef<"expanded" | "collapsed">;
+    open: Ref<boolean>;
+    setOpen: (value: boolean) => void;
+    isMobile: Ref<boolean>;
+    openMobile: Ref<boolean>;
+    setOpenMobile: (value: boolean) => void;
+    toggleSidebar: () => void;
+} | null | undefined = {
+    state: ComputedRef<"expanded" | "collapsed">;
+    open: Ref<boolean>;
+    setOpen: (value: boolean) => void;
+    isMobile: Ref<boolean>;
+    openMobile: Ref<boolean>;
+    setOpenMobile: (value: boolean) => void;
+    toggleSidebar: () => void;
+}>(fallback?: T | undefined) => T extends null ? {
+    state: ComputedRef<"expanded" | "collapsed">;
+    open: Ref<boolean>;
+    setOpen: (value: boolean) => void;
+    isMobile: Ref<boolean>;
+    openMobile: Ref<boolean>;
+    setOpenMobile: (value: boolean) => void;
+    toggleSidebar: () => void;
+} | null : {
+    state: ComputedRef<"expanded" | "collapsed">;
+    open: Ref<boolean>;
+    setOpen: (value: boolean) => void;
+    isMobile: Ref<boolean>;
+    openMobile: Ref<boolean>;
+    setOpenMobile: (value: boolean) => void;
+    toggleSidebar: () => void;
+}, provideSidebarContext: (contextValue: {
+    state: ComputedRef<"expanded" | "collapsed">;
+    open: Ref<boolean>;
+    setOpen: (value: boolean) => void;
+    isMobile: Ref<boolean>;
+    openMobile: Ref<boolean>;
+    setOpenMobile: (value: boolean) => void;
+    toggleSidebar: () => void;
+}) => {
+    state: ComputedRef<"expanded" | "collapsed">;
+    open: Ref<boolean>;
+    setOpen: (value: boolean) => void;
+    isMobile: Ref<boolean>;
+    openMobile: Ref<boolean>;
+    setOpenMobile: (value: boolean) => void;
+    toggleSidebar: () => void;
+};

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

@@ -0,0 +1,8 @@
+import { createContext } from "reka-ui";
+export const SIDEBAR_COOKIE_NAME = "sidebar_state";
+export const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+export const SIDEBAR_WIDTH = "16rem";
+export const SIDEBAR_WIDTH_MOBILE = "18rem";
+export const SIDEBAR_WIDTH_ICON = "3rem";
+export const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+export const [useSidebar, provideSidebarContext] = createContext("Sidebar");

package/dist/runtime/components/ui/skeleton/Skeleton.d.vue.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from 'vue';
+interface SkeletonProps {
+    class?: HTMLAttributes['class'];
+}
+declare const __VLS_export: import("vue").DefineComponent<SkeletonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/skeleton/Skeleton.vue

@@ -0,0 +1,14 @@
+<script setup>
+import { cn } from "../../../utils/cn";
+defineOptions({ name: "UiSkeleton" });
+const props = defineProps({
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
+});
+</script>
+
+<template>
+  <div
+    data-slot="skeleton"
+    :class="cn('animate-pulse rounded-md bg-zinc-300/20', props.class)"
+  />
+</template>

package/dist/runtime/components/ui/skeleton/Skeleton.vue.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from 'vue';
+interface SkeletonProps {
+    class?: HTMLAttributes['class'];
+}
+declare const __VLS_export: import("vue").DefineComponent<SkeletonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

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

package/dist/runtime/components/ui/switch/Switch.d.vue.ts

@@ -0,0 +1,29 @@
+import type { SwitchRootProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type Size = 'default' | 'sm';
+type __VLS_Props = SwitchRootProps & {
+    class?: HTMLAttributes['class'];
+    size?: Size;
+};
+declare var __VLS_14: {
+    modelValue: boolean;
+    checked: boolean;
+};
+type __VLS_Slots = {} & {
+    thumb?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (payload: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: boolean) => any) | undefined;
+}>, {
+    size: Size;
+}, {}, {}, {}, 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/switch/Switch.vue

@@ -0,0 +1,58 @@
+<script setup>
+import { computed } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import {
+  SwitchRoot,
+  SwitchThumb,
+  useForwardPropsEmits
+} from "reka-ui";
+import { cn } from "../../../utils/cn";
+defineOptions({ name: "UiSwitch" });
+const props = defineProps({
+  defaultValue: { type: null, required: false },
+  modelValue: { type: null, required: false },
+  disabled: { type: Boolean, required: false },
+  id: { type: String, required: false },
+  value: { type: String, required: false },
+  trueValue: { type: null, required: false },
+  falseValue: { type: null, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  name: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+  size: { type: String, required: false, default: "default" }
+});
+const emits = defineEmits(["update:modelValue"]);
+const delegatedProps = reactiveOmit(props, "class", "size");
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
+const rootSizeClass = computed(
+  () => props.size === "sm" ? "h-3.5 w-6" : "h-[1.15rem] w-8"
+);
+const thumbSizeClass = computed(
+  () => props.size === "sm" ? "size-3" : "size-4"
+);
+</script>
+
+<template>
+  <SwitchRoot
+    v-slot="slotProps"
+    data-slot="switch"
+    v-bind="forwarded"
+    :class="cn(
+  'peer data-[state=checked]:bg-(--primary) data-[state=unchecked]:bg-zinc-200 focus-visible:border-(--primary) inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none disabled:cursor-not-allowed disabled:opacity-50',
+  rootSizeClass,
+  props.class
+)"
+  >
+    <SwitchThumb
+      data-slot="switch-thumb"
+      :class="cn('bg-zinc-50 pointer-events-none block rounded-full transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0', thumbSizeClass)"
+    >
+      <slot
+        name="thumb"
+        v-bind="slotProps"
+      />
+    </SwitchThumb>
+  </SwitchRoot>
+</template>

package/dist/runtime/components/ui/switch/Switch.vue.d.ts

@@ -0,0 +1,29 @@
+import type { SwitchRootProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type Size = 'default' | 'sm';
+type __VLS_Props = SwitchRootProps & {
+    class?: HTMLAttributes['class'];
+    size?: Size;
+};
+declare var __VLS_14: {
+    modelValue: boolean;
+    checked: boolean;
+};
+type __VLS_Slots = {} & {
+    thumb?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (payload: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: boolean) => any) | undefined;
+}>, {
+    size: Size;
+}, {}, {}, {}, 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/switch/index.d.ts

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

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

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