@tb-dev/vue 0.3.15 → 0.3.16

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

@@ -1,5 +1,5 @@
-import { VNode } from 'vue';
 import { SidebarProps } from './types';
+import { VNode } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{

package/dist/components/sidebar/types.d.ts

@@ -1,3 +1,9 @@
+import { SidebarProps as Props } from '../__base/sidebar';
 export interface SidebarProps {
+    collapsible?: Props['collapsible'];
     defaultOpen?: boolean;
+    side?: Props['side'];
+    variant?: Props['variant'];
+    width?: string | number;
+    widthMobile?: string | number;
 }

package/dist/index.js

@@ -4957,13 +4957,32 @@ const sidebarMenuButtonVariants = cva(
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "Sidebar",
   props: {
-    defaultOpen: { type: Boolean }
+    collapsible: {},
+    defaultOpen: { type: Boolean },
+    side: {},
+    variant: {},
+    width: {},
+    widthMobile: {}
   },
   setup(__props) {
+    const props = __props;
+    const sidebarStyle = computed(() => {
+      const style = {};
+      if (props.width) style["--sidebar-width"] = toPixel(props.width);
+      if (props.widthMobile) style["--sidebar-width-mobile"] = toPixel(props.widthMobile);
+      return style;
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$t), { "default-open": _ctx.defaultOpen }, {
+      return openBlock(), createBlock(unref(_sfc_main$t), {
+        "default-open": _ctx.defaultOpen,
+        style: normalizeStyle(sidebarStyle.value)
+      }, {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$R), null, {
+          createVNode(unref(_sfc_main$R), {
+            collapsible: _ctx.collapsible,
+            side: _ctx.side,
+            variant: _ctx.variant
+          }, {
             default: withCtx(() => [
               _ctx.$slots.header ? (openBlock(), createBlock(unref(_sfc_main$K), { key: 0 }, {
                 default: withCtx(() => [
@@ -4985,7 +5004,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               })) : createCommentVNode("", true)
             ]),
             _: 3
-          }),
+          }, 8, ["collapsible", "side", "variant"]),
           _ctx.$slots.inset ? (openBlock(), createBlock(unref(_sfc_main$J), { key: 0 }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "inset")
@@ -4994,7 +5013,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           })) : renderSlot(_ctx.$slots, "default", { key: 1 })
         ]),
         _: 3
-      }, 8, ["default-open"]);
+      }, 8, ["default-open", "style"]);
     };
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/vue",
-  "version": "0.3.15",
+  "version": "0.3.16",
   "description": "Vue utilities",
   "license": "MIT",
   "type": "module",