@chelone/vue 0.6.0 → 0.9.0

package/dist/components/ui/input.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,69 @@
+import { cn } from "../../lib/utils.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, onMounted, openBlock, useTemplateRef } from "vue";
+// src/components/ui/input.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"type",
+	"value",
+	"disabled",
+	"readonly",
+	"autocomplete",
+	"aria-invalid"
+];
+var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "input",
+	props: {
+		modelValue: {},
+		type: {},
+		id: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		autocomplete: {},
+		autofocus: { type: Boolean },
+		ariaInvalid: { type: Boolean },
+		class: {}
+	},
+	emits: [
+		"update:modelValue",
+		"blur",
+		"focus"
+	],
+	setup(__props, { emit: __emit }) {
+		/**
+		* `<Input>` — the shadcn-vue text/number input primitive, the Vue analog of
+		* `@chelone/react`'s `ui/input.tsx`. Wraps a native `<input>` with `v-model`
+		* support (the `modelValue` / `update:modelValue` contract reka-ui-based shadcn
+		* inputs use). The React twin binds `value` + `onChange` off `useInput`'s
+		* `field`; here the admin inputs bind `:model-value` + `@update:model-value`.
+		*/
+		const props = __props;
+		const emit = __emit;
+		const classes = computed(() => cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive", props.class));
+		const input = useTemplateRef("input");
+		onMounted(() => {
+			if (props.autofocus) input.value?.focus();
+		});
+		function onInput(event) {
+			if (event.target instanceof HTMLInputElement) emit("update:modelValue", event.target.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("input", {
+				id: __props.id,
+				ref_key: "input",
+				ref: input,
+				type: __props.type ?? "text",
+				value: __props.modelValue ?? "",
+				disabled: __props.disabled,
+				readonly: __props.readonly,
+				autocomplete: __props.autocomplete,
+				"aria-invalid": __props.ariaInvalid || void 0,
+				class: normalizeClass(classes.value),
+				"data-slot": "input",
+				onInput,
+				onBlur: _cache[0] || (_cache[0] = ($event) => emit("blur", $event)),
+				onFocus: _cache[1] || (_cache[1] = ($event) => emit("focus", $event))
+			}, null, 42, _hoisted_1);
+		};
+	}
+});
+export { input_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/native-select.js

@@ -0,0 +1,4 @@
+import native_select_vue_vue_type_script_setup_true_lang_default from "./native-select.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/native-select.vue
+var native_select_default = native_select_vue_vue_type_script_setup_true_lang_default;
+export { native_select_default as default };

package/dist/components/ui/native-select.vue.d.ts

@@ -11,9 +11,10 @@ type __VLS_Props = {
     placeholder?: string;
     class?: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/ui/native-select.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,60 @@
+import { cn } from "../../lib/utils.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderList, toDisplayString } from "vue";
+// src/components/ui/native-select.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"value",
+	"disabled",
+	"aria-invalid"
+];
+var _hoisted_2 = {
+	key: 0,
+	value: "",
+	disabled: ""
+};
+var _hoisted_3 = ["value"];
+var native_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "native-select",
+	props: {
+		modelValue: {},
+		options: {},
+		id: {},
+		disabled: { type: Boolean },
+		ariaInvalid: { type: Boolean },
+		placeholder: {},
+		class: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* `<NativeSelect>` — a minimal native `<select>` primitive, the Vue analog of
+		* `@chelone/react`'s `ui/native-select.tsx`. The V1 `<ReferenceInput>` renders a
+		* plain select over the fetched choices (the reka-ui `Combobox`/`Command`
+		* autocomplete surface is deferred to a later wave — spec Risk 1). Options come
+		* as `{ value, label }` items; `modelValue` binds the selected FK.
+		*/
+		const props = __props;
+		const emit = __emit;
+		const classes = computed(() => cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive", props.class));
+		function onChange(event) {
+			if (event.target instanceof HTMLSelectElement) emit("update:modelValue", event.target.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("select", {
+				id: __props.id,
+				value: __props.modelValue ?? "",
+				disabled: __props.disabled,
+				"aria-invalid": __props.ariaInvalid || void 0,
+				class: normalizeClass(classes.value),
+				"data-slot": "native-select",
+				onChange
+			}, [__props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_2, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (choice) => {
+				return openBlock(), createElementBlock("option", {
+					key: String(choice.value),
+					value: choice.value
+				}, toDisplayString(choice.label), 9, _hoisted_3);
+			}), 128))], 42, _hoisted_1);
+		};
+	}
+});
+export { native_select_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/sheet.js

@@ -0,0 +1,4 @@
+import sheet_vue_vue_type_script_setup_true_lang_default from "./sheet.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/sheet.vue
+var sheet_default = sheet_vue_vue_type_script_setup_true_lang_default;
+export { sheet_default as default };

package/dist/components/ui/sheet.vue.d.ts

@@ -11,19 +11,20 @@ export interface SheetProps {
     /** Extra CSS class appended to the panel. */
     class?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SheetProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SheetProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (open: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<SheetProps> & Readonly<{
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
     open: boolean;
-    side: "top" | "right" | "bottom" | "left";
+    side: "top" | "bottom" | "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 } & {
     footer?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/ui/sheet.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,98 @@
+import { cn } from "../../lib/utils.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, renderSlot, toDisplayString, unref, useId, watch } from "vue";
+// src/components/ui/sheet.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "fixed inset-0 z-50",
+	"data-slot": "sheet"
+};
+var _hoisted_2 = ["aria-labelledby", "data-side"];
+var _hoisted_3 = {
+	key: 0,
+	class: "flex flex-col gap-1.5 p-4",
+	"data-slot": "sheet-header"
+};
+var _hoisted_4 = ["id"];
+var _hoisted_5 = {
+	key: 1,
+	class: "text-sm text-muted-foreground",
+	"data-slot": "sheet-description"
+};
+var _hoisted_6 = { class: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-4" };
+var _hoisted_7 = {
+	key: 1,
+	class: "mt-auto flex flex-col gap-2 p-4",
+	"data-slot": "sheet-footer"
+};
+var sheet_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "sheet",
+	props: {
+		open: {
+			type: Boolean,
+			default: false
+		},
+		side: { default: "right" },
+		title: {},
+		description: {},
+		class: {}
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* `<Sheet>` — the shadcn side-panel primitive, the Vue analog of
+		* `@chelone/react`'s `ui/sheet.tsx` (a radix `Dialog`). Like
+		* `feedback/confirm.vue` it is dependency-free and renders INLINE (no reka-ui,
+		* no `<Teleport>`): a fixed backdrop and a `role="dialog"` panel pinned to one
+		* edge, closing on Escape or a backdrop click by emitting `update:open`. The
+		* default slot is the body, the `footer` slot sits below it.
+		*/
+		const props = __props;
+		const emit = __emit;
+		const titleId = useId();
+		const sideClass = {
+			right: "inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+			left: "inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+			top: "inset-x-0 top-0 h-auto border-b",
+			bottom: "inset-x-0 bottom-0 h-auto border-t"
+		};
+		const panelClass = computed(() => cn("fixed z-50 flex flex-col gap-4 bg-background shadow-lg", sideClass[props.side], props.class));
+		function close() {
+			emit("update:open", false);
+		}
+		function onKeydown(event) {
+			if (event.key === "Escape") close();
+		}
+		watch(() => props.open, (open) => {
+			if (typeof document === "undefined") return;
+			if (open) document.addEventListener("keydown", onKeydown);
+			else document.removeEventListener("keydown", onKeydown);
+		}, { immediate: true });
+		onBeforeUnmount(() => {
+			if (typeof document !== "undefined") document.removeEventListener("keydown", onKeydown);
+		});
+		return (_ctx, _cache) => {
+			return __props.open ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+				class: "absolute inset-0 bg-black/50",
+				"data-slot": "sheet-overlay",
+				onClick: close
+			}), createElementVNode("div", {
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": __props.title ? unref(titleId) : void 0,
+				class: normalizeClass(panelClass.value),
+				"data-side": __props.side,
+				"data-slot": "sheet-content"
+			}, [
+				__props.title || __props.description ? (openBlock(), createElementBlock("div", _hoisted_3, [__props.title ? (openBlock(), createElementBlock("h2", {
+					key: 0,
+					id: unref(titleId),
+					class: "font-semibold text-foreground",
+					"data-slot": "sheet-title"
+				}, toDisplayString(__props.title), 9, _hoisted_4)) : createCommentVNode("", true), __props.description ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "default")]),
+				_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
+			], 10, _hoisted_2)])) : createCommentVNode("", true);
+		};
+	}
+});
+export { sheet_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/sidebar/sidebar-context.js

@@ -1,17 +1,29 @@
 import { inject } from "vue";
-const SIDEBAR_WIDTH = "16rem";
-const SIDEBAR_WIDTH_ICON = "3rem";
-const SidebarContextKey = /* @__PURE__ */ Symbol("chelone-sidebar");
+// src/components/ui/sidebar/sidebar-context.ts
+/**
+* The sidebar context + `useSidebar` composable — the non-component sibling of
+* `sidebar-provider.vue`, keeping the provider SFC component-only. The Vue analog
+* of `@chelone/react`'s `ui/sidebar.tsx` `SidebarContext` / `useSidebar`.
+*
+* DEPENDENCY-FREE: React's shadcn sidebar leans on reka/radix + `use-mobile`;
+* this Vue slice models the same open/collapsed + mobile-drawer state with plain
+* refs provided under a typed `InjectionKey` (no reka-ui). The state shape
+* (`state`/`open`/`setOpen`/`openMobile`/`setOpenMobile`/`isMobile`/
+* `toggleSidebar`) mirrors the members the ported layout components consume.
+*/
+/** Default sidebar width when expanded (CSS var `--sidebar-width`). */
+var SIDEBAR_WIDTH = "16rem";
+/** Default sidebar width when collapsed to icons (`--sidebar-width-icon`). */
+var SIDEBAR_WIDTH_ICON = "3rem";
+/** The provide/inject key for the sidebar context. */
+var SidebarContextKey = Symbol("chelone-sidebar");
+/**
+* Read the ambient sidebar context. Throws when used outside a
+* `<SidebarProvider>` — parity with the React twin's `useSidebar`.
+*/
 function useSidebar() {
-  const ctx = inject(SidebarContextKey, null);
-  if (!ctx) {
-    throw new Error("useSidebar must be used within a <SidebarProvider>.");
-  }
-  return ctx;
+	const ctx = inject(SidebarContextKey, null);
+	if (!ctx) throw new Error("useSidebar must be used within a <SidebarProvider>.");
+	return ctx;
 }
-export {
-  SIDEBAR_WIDTH,
-  SIDEBAR_WIDTH_ICON,
-  SidebarContextKey,
-  useSidebar
-};
+export { SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SidebarContextKey, useSidebar };

package/dist/components/ui/sidebar/sidebar-menu-button.js

@@ -0,0 +1,4 @@
+import sidebar_menu_button_vue_vue_type_script_setup_true_lang_default from "./sidebar-menu-button.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/sidebar/sidebar-menu-button.vue
+var sidebar_menu_button_default = sidebar_menu_button_vue_vue_type_script_setup_true_lang_default;
+export { sidebar_menu_button_default as default };

package/dist/components/ui/sidebar/sidebar-menu-button.vue.d.ts

@@ -15,14 +15,15 @@ export interface SidebarMenuButtonProps {
     /** Extra class appended to the button. */
     class?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SidebarMenuButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SidebarMenuButtonProps> & Readonly<{}>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SidebarMenuButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SidebarMenuButtonProps> & Readonly<{}>, {
     size: "default" | "sm" | "lg";
-    isActive: boolean;
     as: string | Component;
+    isActive: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/ui/sidebar/sidebar-menu-button.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,37 @@
+import { cn } from "../../../lib/utils.js";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, withCtx } from "vue";
+// src/components/ui/sidebar/sidebar-menu-button.vue?vue&type=script&setup=true&lang.ts
+var sidebar_menu_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "sidebar-menu-button",
+	props: {
+		as: { default: "button" },
+		isActive: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "default" },
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<SidebarMenuButton>` — a sidebar entry (button or link). The Vue analog of
+		* shadcn's `SidebarMenuButton`. Rather than reka-ui's `asChild`/`<Slot>`, it
+		* renders `<component :is="as">` (default `button`) so a caller passes
+		* `:as="RouterLink" :to="…"` for a navigable item; fallthrough attrs carry the
+		* link target. `isActive` drives the `data-active` state + the active styling.
+		*/
+		const props = __props;
+		const classes = computed(() => cn("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", props.isActive && "bg-sidebar-accent font-medium text-sidebar-accent-foreground", props.size === "default" && "min-h-8 py-1.5", props.size === "sm" && "min-h-7 py-1.5 text-xs", props.size === "lg" && "h-12 text-sm", props.class));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				class: normalizeClass(classes.value),
+				"data-active": __props.isActive || void 0,
+				"data-slot": "sidebar-menu-button"
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["class", "data-active"]);
+		};
+	}
+});
+export { sidebar_menu_button_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/sidebar/sidebar-parts.js

@@ -1,62 +1,31 @@
-import { h } from "vue";
 import { cn } from "../../../lib/utils.js";
+import { h } from "vue";
+// src/components/ui/sidebar/sidebar-parts.ts
+/**
+* The structural sidebar wrappers — thin styled containers with no behavior, the
+* Vue analog of shadcn's `SidebarHeader` / `SidebarContent` / `SidebarFooter` /
+* `SidebarGroup*` / `SidebarMenu` / `SidebarMenuItem`. Each is a functional
+* component (a `div`/`ul`/`li` with the shadcn class recipe + a `data-slot`),
+* so the whole family lives in one dependency-free module instead of eight
+* near-empty SFCs. Interactive parts (`SidebarProvider`, `Sidebar`,
+* `SidebarTrigger`, `SidebarMenuButton`) stay as SFCs.
+*/
+/** Build a functional wrapper: `<tag data-slot class>` around its default slot. */
 function structural(slot, tag, base) {
-  const component = (props, { slots }) => h(
-    tag,
-    { "data-slot": slot, class: cn(base, props.class) },
-    slots.default?.()
-  );
-  component.props = ["class"];
-  component.displayName = slot;
-  return component;
+	const component = (props, { slots }) => h(tag, {
+		"data-slot": slot,
+		class: cn(base, props.class)
+	}, slots.default?.());
+	component.props = ["class"];
+	component.displayName = slot;
+	return component;
 }
-const SidebarHeader = structural(
-  "sidebar-header",
-  "div",
-  "flex flex-col gap-2 p-2"
-);
-const SidebarContent = structural(
-  "sidebar-content",
-  "div",
-  "flex min-h-0 flex-1 flex-col gap-2 overflow-auto p-2"
-);
-const SidebarFooter = structural(
-  "sidebar-footer",
-  "div",
-  "flex flex-col gap-2 p-2"
-);
-const SidebarGroup = structural(
-  "sidebar-group",
-  "div",
-  "relative flex w-full min-w-0 flex-col p-2"
-);
-const SidebarGroupContent = structural(
-  "sidebar-group-content",
-  "div",
-  "w-full text-sm"
-);
-const SidebarGroupLabel = structural(
-  "sidebar-group-label",
-  "div",
-  "flex h-8 shrink-0 items-center px-2 text-xs font-medium text-sidebar-foreground/70"
-);
-const SidebarMenu = structural(
-  "sidebar-menu",
-  "ul",
-  "flex w-full min-w-0 flex-col gap-1"
-);
-const SidebarMenuItem = structural(
-  "sidebar-menu-item",
-  "li",
-  "group/menu-item relative"
-);
-export {
-  SidebarContent,
-  SidebarFooter,
-  SidebarGroup,
-  SidebarGroupContent,
-  SidebarGroupLabel,
-  SidebarHeader,
-  SidebarMenu,
-  SidebarMenuItem
-};
+var SidebarHeader = structural("sidebar-header", "div", "flex flex-col gap-2 p-2");
+var SidebarContent = structural("sidebar-content", "div", "flex min-h-0 flex-1 flex-col gap-2 overflow-auto p-2 group-data-[collapsible=icon]:overflow-hidden group-data-[collapsible=icon]:p-0");
+var SidebarFooter = structural("sidebar-footer", "div", "flex flex-col gap-2 p-2");
+var SidebarGroup = structural("sidebar-group", "div", "relative flex w-full min-w-0 flex-col p-2");
+var SidebarGroupContent = structural("sidebar-group-content", "div", "w-full text-sm");
+var SidebarGroupLabel = structural("sidebar-group-label", "div", "flex h-8 shrink-0 items-center px-2 text-xs font-medium text-sidebar-foreground/70 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0");
+var SidebarMenu = structural("sidebar-menu", "ul", "flex w-full min-w-0 flex-col gap-1");
+var SidebarMenuItem = structural("sidebar-menu-item", "li", "group/menu-item relative");
+export { SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuItem };

package/dist/components/ui/sidebar/sidebar-provider.js

@@ -0,0 +1,4 @@
+import sidebar_provider_vue_vue_type_script_setup_true_lang_default from "./sidebar-provider.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/sidebar/sidebar-provider.vue
+var sidebar_provider_default = sidebar_provider_vue_vue_type_script_setup_true_lang_default;
+export { sidebar_provider_default as default };

package/dist/components/ui/sidebar/sidebar-provider.vue.d.ts

@@ -5,12 +5,13 @@ export interface SidebarProviderProps {
     /** Extra class appended to the wrapper element. */
     class?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SidebarProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SidebarProviderProps> & Readonly<{}>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SidebarProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SidebarProviderProps> & Readonly<{}>, {
     defaultOpen: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/ui/sidebar/sidebar-provider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,61 @@
+import { cn } from "../../../lib/utils.js";
+import { SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SidebarContextKey } from "./sidebar-context.js";
+import { useIsMobile } from "./use-is-mobile.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, provide, ref, renderSlot, unref } from "vue";
+// src/components/ui/sidebar/sidebar-provider.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-state"];
+var sidebar_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "sidebar-provider",
+	props: {
+		defaultOpen: {
+			type: Boolean,
+			default: true
+		},
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<SidebarProvider>` — owns the sidebar open/collapsed + mobile-drawer state and
+		* `provide`s it under {@link SidebarContextKey}. The Vue analog of shadcn's
+		* `SidebarProvider`, dependency-free (plain refs, no reka-ui). Renders the flex
+		* wrapper that seats the `<Sidebar>` and the `<main>` content side by side, and
+		* exposes the `--sidebar-width*` CSS vars the collapse transition reads.
+		*/
+		const props = __props;
+		const open = ref(props.defaultOpen);
+		const openMobile = ref(false);
+		const isMobile = useIsMobile();
+		const state = computed(() => open.value ? "expanded" : "collapsed");
+		function setOpen(value) {
+			open.value = value;
+		}
+		function setOpenMobile(value) {
+			openMobile.value = value;
+		}
+		function toggleSidebar() {
+			if (isMobile.value) openMobile.value = !openMobile.value;
+			else open.value = !open.value;
+		}
+		provide(SidebarContextKey, {
+			state,
+			open,
+			setOpen,
+			openMobile,
+			setOpenMobile,
+			isMobile,
+			toggleSidebar
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-slot": "sidebar-wrapper",
+				"data-state": state.value,
+				style: normalizeStyle({
+					"--sidebar-width": unref(SIDEBAR_WIDTH),
+					"--sidebar-width-icon": unref(SIDEBAR_WIDTH_ICON)
+				}),
+				class: normalizeClass(unref(cn)("group/sidebar-wrapper flex min-h-svh w-full", props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 14, _hoisted_1);
+		};
+	}
+});
+export { sidebar_provider_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/ui/sidebar/sidebar-trigger.js

@@ -0,0 +1,4 @@
+import sidebar_trigger_vue_vue_type_script_setup_true_lang_default from "./sidebar-trigger.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/sidebar/sidebar-trigger.vue
+var sidebar_trigger_default = sidebar_trigger_vue_vue_type_script_setup_true_lang_default;
+export { sidebar_trigger_default as default };

package/dist/components/ui/sidebar/sidebar-trigger.vue.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/ui/sidebar/sidebar-trigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,46 @@
+import button_default from "../button.js";
+import { useSidebar } from "./sidebar-context.js";
+import { createBlock, createElementVNode, defineComponent, openBlock, unref, withCtx } from "vue";
+// src/components/ui/sidebar/sidebar-trigger.vue?vue&type=script&setup=true&lang.ts
+var sidebar_trigger_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "sidebar-trigger",
+	setup(__props) {
+		/**
+		* `<SidebarTrigger>` — the button that toggles the sidebar. The Vue analog of
+		* shadcn's `SidebarTrigger`: a ghost icon button (the `PanelLeft` glyph, inlined
+		* as SVG — the Vue slice carries no icon dependency) wired to
+		* `useSidebar().toggleSidebar`. The click falls through the `<Button>`'s native
+		* `<button>` root.
+		*/
+		const { toggleSidebar } = useSidebar();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(button_default, {
+				variant: "ghost",
+				size: "icon",
+				class: "size-7",
+				"data-slot": "sidebar-trigger",
+				"aria-label": "Toggle Sidebar",
+				onClick: unref(toggleSidebar)
+			}, {
+				default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					class: "size-4",
+					"aria-hidden": "true"
+				}, [createElementVNode("rect", {
+					width: "18",
+					height: "18",
+					x: "3",
+					y: "3",
+					rx: "2"
+				}), createElementVNode("path", { d: "M9 3v18" })], -1), createElementVNode("span", { class: "sr-only" }, "Toggle Sidebar", -1)])]),
+				_: 1
+			}, 8, ["onClick"]);
+		};
+	}
+});
+export { sidebar_trigger_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,4 @@
+import sidebar_vue_vue_type_script_setup_true_lang_default from "./sidebar.vue_vue_type_script_setup_true_lang.js";
+// src/components/ui/sidebar/sidebar.vue
+var sidebar_default = sidebar_vue_vue_type_script_setup_true_lang_default;
+export { sidebar_default as default };

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

@@ -9,16 +9,17 @@ export interface SidebarProps {
     /** Extra class appended to the inner panel. */
     class?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SidebarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SidebarProps> & Readonly<{}>, {
-    variant: "sidebar" | "floating" | "inset";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SidebarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SidebarProps> & Readonly<{}>, {
+    variant: "inset" | "sidebar" | "floating";
+    collapsible: "icon" | "none" | "offcanvas";
     side: "left" | "right";
-    collapsible: "offcanvas" | "icon" | "none";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 } & {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;