@tb-dev/vue-components 0.2.5 → 0.2.6

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

@@ -1,5 +1,9 @@
 import { SidebarProps } from './types';
 import { VNode } from 'vue';
+type __VLS_Props = SidebarProps;
+type __VLS_PublicProps = {
+    'open'?: boolean;
+} & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
@@ -19,7 +23,11 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<SidebarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SidebarProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/index.js

@@ -2269,9 +2269,9 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
       get: () => props.modelValue ?? void 0,
       set: (it) => emit("update:modelValue", it ?? null)
     });
-    const inputComponent = useTemplateRef("inputComponent");
+    const component = useTemplateRef("inputComponent");
     const inputEl = computed(() => {
-      return inputComponent.value?.$el;
+      return component.value?.$el;
     });
     function focus() {
       inputEl.value?.focus();
@@ -2285,8 +2285,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
     __expose({ inputEl, focus, blur, select });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1W), {
-        ref_key: "inputComponent",
-        ref: inputComponent,
+        ref: "inputComponent",
         modelValue: value.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
         modelModifiers: { trim: true },
@@ -2546,8 +2545,8 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     const props = __props;
     const value = useModel(__props, "modelValue");
-    const inputComponent = useTemplateRef("inputComponent");
-    const inputEl = computed(() => inputComponent.value?.inputEl);
+    const component = useTemplateRef("inputComponent");
+    const inputEl = computed(() => component.value?.inputEl);
     function focus() {
       inputEl.value?.focus();
     }
@@ -2560,8 +2559,7 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
     __expose({ inputEl, focus, blur, select });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1V), {
-        ref_key: "inputComponent",
-        ref: inputComponent,
+        ref: "inputComponent",
         modelValue: value.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
         type: "text",
@@ -3487,8 +3485,8 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     const props = __props;
     const isOpen = useModel(__props, "modelValue");
-    const popover = useTemplateRef("contentEl");
-    onClickOutside(popover, () => {
+    const component = useTemplateRef("contentEl");
+    onClickOutside(component, () => {
       if (!props.keepOpen) close();
     });
     function open() {
@@ -5336,16 +5334,21 @@ const sidebarMenuButtonVariants = cva(
 
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "Sidebar",
-  props: {
+  props: /* @__PURE__ */ mergeModels({
     collapsible: {},
     defaultOpen: { type: Boolean },
     side: {},
     variant: {},
     width: {},
     widthMobile: {}
-  },
+  }, {
+    "open": { type: Boolean, ...{ required: false } },
+    "openModifiers": {}
+  }),
+  emits: ["update:open"],
   setup(__props) {
     const props = __props;
+    const open = useModel(__props, "open");
     const sidebarStyle = computed(() => {
       const style = {};
       if (props.width) style["--sidebar-width"] = toPixel(props.width);
@@ -5354,6 +5357,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$v), {
+        open: open.value,
+        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event),
         "default-open": _ctx.defaultOpen,
         style: normalizeStyle(sidebarStyle.value)
       }, {
@@ -5393,7 +5398,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           })) : renderSlot(_ctx.$slots, "default", { key: 1 })
         ]),
         _: 3
-      }, 8, ["default-open", "style"]);
+      }, 8, ["open", "default-open", "style"]);
     };
   }
 });
@@ -6204,9 +6209,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const textareaComponent = useTemplateRef("textareaComponent");
+    const component = useTemplateRef("textareaComponent");
     const textareaEl = computed(() => {
-      return textareaComponent.value?.$el;
+      return component.value?.$el;
     });
     const value = computed({
       // eslint-disable-next-line no-undefined
@@ -6218,10 +6223,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     });
     __expose({ textareaEl });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$3), mergeProps({
-        ref_key: "textareaComponent",
-        ref: textareaComponent
-      }, _ctx.$attrs, {
+      return openBlock(), createBlock(unref(_sfc_main$3), mergeProps({ ref: "textareaComponent" }, _ctx.$attrs, {
         modelValue: value.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
         modelModifiers: { trim: true },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/vue-components",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "Vue components",
   "license": "MIT",
   "type": "module",
@@ -32,20 +32,20 @@
     "lucide-vue-next": "^0.511.0",
     "reka-ui": "^2.3.0",
     "tailwind-merge": "^3.3.0",
-    "tw-animate-css": "^1.3.0",
-    "vue": "^3.5.15",
+    "tw-animate-css": "^1.3.2",
+    "vue": "^3.5.16",
     "vue-router": "^4.5.1",
     "vue-sonner": "^2.0.0"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.1.8",
     "@tb-dev/eslint-config": "^7.1.5",
-    "@types/node": "^22.15.24",
+    "@types/node": "^22.15.28",
     "@vitejs/plugin-vue": "^5.2.4",
     "eslint": "^9.27.0",
     "prettier": "^3.5.3",
     "prettier-plugin-css-order": "^2.1.2",
-    "prettier-plugin-tailwindcss": "^0.6.11",
+    "prettier-plugin-tailwindcss": "^0.6.12",
     "tailwindcss": "^4.1.8",
     "tslib": "^2.8.1",
     "typescript": "~5.8.3",