@soft-stech/bootsman-ui-shadcn 1.4.2 → 1.4.4

package/src/components/ui/switch/BuiSwitch.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { FORM_READONLY_INJECTION_KEY } from '@/components/ui/form'
 import { cn } from '@/lib/utils'
 import {
   SwitchRoot,
@@ -7,11 +8,15 @@ import {
   type SwitchRootEmits,
   type SwitchRootProps
 } from 'radix-vue'
+import { inject, toRef } from 'vue'
 
 const props = defineProps<SwitchRootProps & { class?: string }>()
 const emits = defineEmits<SwitchRootEmits>()
 
 const forwarded = useForwardPropsEmits(props, emits)
+
+// Inject readonly state from context
+const readonlyContext = inject(FORM_READONLY_INJECTION_KEY, toRef(false))
 </script>
 
 <template>
@@ -28,6 +33,7 @@ const forwarded = useForwardPropsEmits(props, emits)
         props.class
       )
     "
+    :disabled="readonlyContext || props.disabled"
   >
     <SwitchThumb
       :class="

package/src/components/ui/textarea/BuiTextarea.vue

@@ -1,13 +1,15 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import { useVModel } from '@vueuse/core'
+import { FORM_READONLY_INJECTION_KEY } from '@/components/ui/form'
 import { cn } from '@/lib/utils'
+import { useVModel } from '@vueuse/core'
+import { inject, ref, toRef } from 'vue'
 import { textareaVariants } from '.'
 
 const props = defineProps<{
   defaultValue?: string | number
   variant?: NonNullable<Parameters<typeof textareaVariants>[0]>['variant']
   modelValue?: string | number
+  readonly?: boolean | 'true' | 'false'
 }>()
 
 const emits = defineEmits<{
@@ -19,6 +21,9 @@ const modelValue = useVModel(props, 'modelValue', emits, {
   defaultValue: props.defaultValue
 })
 
+// Inject readonly state from context
+const readonlyContext = inject(FORM_READONLY_INJECTION_KEY, toRef(false))
+
 const isFocused = ref<Boolean>(false)
 
 const handleFocus = () => {
@@ -41,6 +46,7 @@ const handleKeyDown = (e: KeyboardEvent) => {
   <textarea
     v-model="modelValue"
     :class="cn(textareaVariants({ variant }), $attrs.class ?? '')"
+    :readonly="readonlyContext || props.readonly"
     @focus="handleFocus"
     @blur="handleBlur"
     @keydown="handleKeyDown"

package/src/components/ui/textarea/index.ts

@@ -3,7 +3,7 @@ import { cva } from 'class-variance-authority'
 export { default as BuiTextarea } from './BuiTextarea.vue'
 
 export const textareaVariants = cva(
-  'flex min-h-[80px] w-full rounded border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-30 dark:disabled:opacity-55 aria-[invalid=true]:border-destructive-foreground',
+  'flex min-h-[80px] w-full rounded border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-30 dark:disabled:opacity-55 read-only:opacity-30 dark:read-only:opacity-55 aria-[invalid=true]:border-destructive-foreground',
   {
     variants: {
       variant: {

package/dist/BuiAutoFormFieldInput.vue_vue_type_script_setup_true_lang-kR-oLiux.js

@@ -1,61 +0,0 @@
-import { defineComponent as _, computed as b, openBlock as i, createBlock as a, unref as o, withCtx as r, createVNode as t, normalizeProps as m, guardReactiveProps as f, createTextVNode as p, toDisplayString as l, createCommentVNode as s, renderSlot as g, resolveDynamicComponent as $, mergeProps as y } from "vue";
-import { _ as B } from "./BuiAutoFormLabel.vue_vue_type_script_setup_true_lang-nl3Hci71.js";
-import { beautifyObjectName as N } from "./components/ui/auto-form/utils.js";
-import { Field as C } from "vee-validate";
-import { _ as k } from "./BuiFormItem.vue_vue_type_script_setup_true_lang-B6Vt5i7W.js";
-import { _ as q } from "./BuiFormControl.vue_vue_type_script_setup_true_lang-BkPYsiIs.js";
-import { _ as F } from "./BuiFormMessage.vue_vue_type_script_setup_true_lang-DTdflpS8.js";
-import { _ as h } from "./BuiFormDescription.vue_vue_type_script_setup_true_lang-DZACSDVC.js";
-import { BuiInput as v } from "./components/ui/input/index.js";
-import "@vueuse/core";
-import { BuiTextarea as P } from "./components/ui/textarea/index.js";
-const E = /* @__PURE__ */ _({
-  __name: "BuiAutoFormFieldInput",
-  props: {
-    fieldName: {},
-    label: {},
-    required: { type: Boolean },
-    config: {},
-    disabled: { type: Boolean }
-  },
-  setup(d) {
-    const u = d, c = b(() => u.config?.component === "textarea" ? P : v);
-    return (e, V) => (i(), a(o(C), { name: e.fieldName }, {
-      default: r((n) => [
-        t(o(k), m(f(e.$attrs)), {
-          default: r(() => [
-            e.config?.hideLabel ? s("", !0) : (i(), a(B, {
-              key: 0,
-              required: e.required
-            }, {
-              default: r(() => [
-                p(l(e.config?.label || o(N)(e.label ?? e.fieldName)), 1)
-              ]),
-              _: 1
-            }, 8, ["required"])),
-            t(o(q), null, {
-              default: r(() => [
-                g(e.$slots, "default", m(f(n)), () => [
-                  (i(), a($(c.value), y({ type: "text" }, { ...n.componentField, ...e.config?.inputProps }, { disabled: e.disabled }), null, 16, ["disabled"]))
-                ])
-              ]),
-              _: 2
-            }, 1024),
-            e.config?.description ? (i(), a(o(h), { key: 1 }, {
-              default: r(() => [
-                p(l(e.config.description), 1)
-              ]),
-              _: 1
-            })) : s("", !0),
-            t(o(F))
-          ]),
-          _: 2
-        }, 1040)
-      ]),
-      _: 3
-    }, 8, ["name"]));
-  }
-});
-export {
-  E as _
-};

package/dist/BuiAutoFormFieldNumber.vue_vue_type_script_setup_true_lang-CjPPpXRd.js

@@ -1,60 +0,0 @@
-import { defineComponent as d, openBlock as a, createBlock as m, unref as r, withCtx as i, createVNode as o, createTextVNode as t, toDisplayString as l, createCommentVNode as f, renderSlot as s, normalizeProps as p, guardReactiveProps as u, mergeProps as _ } from "vue";
-import { _ as c } from "./BuiAutoFormLabel.vue_vue_type_script_setup_true_lang-nl3Hci71.js";
-import { beautifyObjectName as b } from "./components/ui/auto-form/utils.js";
-import { Field as g } from "vee-validate";
-import { _ as N } from "./BuiFormItem.vue_vue_type_script_setup_true_lang-B6Vt5i7W.js";
-import { _ as y } from "./BuiFormControl.vue_vue_type_script_setup_true_lang-BkPYsiIs.js";
-import { _ as $ } from "./BuiFormMessage.vue_vue_type_script_setup_true_lang-DTdflpS8.js";
-import { _ as B } from "./BuiFormDescription.vue_vue_type_script_setup_true_lang-DZACSDVC.js";
-import { BuiInput as h } from "./components/ui/input/index.js";
-import "@vueuse/core";
-const D = /* @__PURE__ */ d({
-  inheritAttrs: !1,
-  __name: "BuiAutoFormFieldNumber",
-  props: {
-    fieldName: {},
-    label: {},
-    required: { type: Boolean },
-    config: {},
-    disabled: { type: Boolean }
-  },
-  setup(k) {
-    return (e, q) => (a(), m(r(g), { name: e.fieldName }, {
-      default: i((n) => [
-        o(r(N), null, {
-          default: i(() => [
-            e.config?.hideLabel ? f("", !0) : (a(), m(c, {
-              key: 0,
-              required: e.required
-            }, {
-              default: i(() => [
-                t(l(e.config?.label || r(b)(e.label ?? e.fieldName)), 1)
-              ]),
-              _: 1
-            }, 8, ["required"])),
-            o(r(y), null, {
-              default: i(() => [
-                s(e.$slots, "default", p(u(n)), () => [
-                  o(r(h), _({ type: "number" }, { ...n.componentField, ...e.config?.inputProps }, { disabled: e.disabled }), null, 16, ["disabled"])
-                ])
-              ]),
-              _: 2
-            }, 1024),
-            e.config?.description ? (a(), m(r(B), { key: 1 }, {
-              default: i(() => [
-                t(l(e.config.description), 1)
-              ]),
-              _: 1
-            })) : f("", !0),
-            o(r($))
-          ]),
-          _: 2
-        }, 1024)
-      ]),
-      _: 3
-    }, 8, ["name"]));
-  }
-});
-export {
-  D as _
-};

package/dist/BuiFormControl.vue_vue_type_script_setup_true_lang-BkPYsiIs.js

@@ -1,22 +0,0 @@
-import { defineComponent as n, openBlock as d, createBlock as m, unref as r, withCtx as s, renderSlot as c } from "vue";
-import { at as f } from "./index-BHJAGWXq.js";
-import { useFormField as l } from "./components/ui/form/useFormField.js";
-const $ = /* @__PURE__ */ n({
-  __name: "BuiFormControl",
-  setup(p) {
-    const { error: e, formItemId: i, formDescriptionId: o, formMessageId: t } = l();
-    return (a, _) => (d(), m(r(f), {
-      id: r(i),
-      "aria-describedby": r(e) ? `${r(o)} ${r(t)}` : `${r(o)}`,
-      "aria-invalid": !!r(e)
-    }, {
-      default: s(() => [
-        c(a.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["id", "aria-describedby", "aria-invalid"]));
-  }
-});
-export {
-  $ as _
-};

package/dist/BuiFormDescription.vue_vue_type_script_setup_true_lang-DZACSDVC.js

@@ -1,19 +0,0 @@
-import { defineComponent as n, useAttrs as c, openBlock as m, createElementBlock as i, mergeProps as p, unref as e, renderSlot as a } from "vue";
-import { useFormField as l } from "./components/ui/form/useFormField.js";
-import { c as d } from "./utils-CYuWbTr4.js";
-const f = ["id"], F = /* @__PURE__ */ n({
-  inheritAttrs: !1,
-  __name: "BuiFormDescription",
-  setup(u) {
-    const { formDescriptionId: t } = l(), { class: r, ...o } = c();
-    return (s, _) => (m(), i("p", p({
-      id: e(t),
-      class: e(d)("text-sm text-muted-foreground", e(r) ?? "")
-    }, o), [
-      a(s.$slots, "default")
-    ], 16, f));
-  }
-});
-export {
-  F as _
-};

package/dist/BuiFormItem.vue_vue_type_script_setup_true_lang-B6Vt5i7W.js

@@ -1,21 +0,0 @@
-import { defineComponent as n, provide as a, useAttrs as c, openBlock as m, createElementBlock as p, mergeProps as i, unref as e, renderSlot as l } from "vue";
-import { ar as _ } from "./index-BHJAGWXq.js";
-import { c as f } from "./utils-CYuWbTr4.js";
-const u = Symbol(), F = /* @__PURE__ */ n({
-  inheritAttrs: !1,
-  __name: "BuiFormItem",
-  setup(d) {
-    const s = _();
-    a(u, s);
-    const { class: r, ...t } = c();
-    return (o, E) => (m(), p("div", i({
-      class: e(f)("space-y-1", e(r) ?? "")
-    }, t), [
-      l(o.$slots, "default")
-    ], 16));
-  }
-});
-export {
-  u as F,
-  F as _
-};

package/dist/BuiFormLabel.vue_vue_type_script_setup_true_lang-BOow9En0.js

@@ -1,32 +0,0 @@
-import { defineComponent as m, useAttrs as n, openBlock as c, createBlock as f, unref as t, mergeProps as l, withCtx as i, renderSlot as p } from "vue";
-import { as as u } from "./index-BHJAGWXq.js";
-import { useFormField as d } from "./components/ui/form/useFormField.js";
-import { c as _ } from "./utils-CYuWbTr4.js";
-const b = /* @__PURE__ */ m({
-  inheritAttrs: !1,
-  __name: "BuiFormLabel",
-  props: {
-    for: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(h) {
-    const { error: e, valid: x, formItemId: r } = d(), { class: o, ...s } = n();
-    return (a, g) => (c(), f(t(u), l({
-      class: t(_)(
-        "block text-left text-sm font-medium tracking-tight text-foreground",
-        t(e) && "text-destructive-foreground",
-        t(o) ?? ""
-      ),
-      for: t(r)
-    }, s), {
-      default: i(() => [
-        p(a.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["class", "for"]));
-  }
-});
-export {
-  b as _
-};

package/dist/BuiFormMessage.vue_vue_type_script_setup_true_lang-DTdflpS8.js

@@ -1,18 +0,0 @@
-import { defineComponent as t, openBlock as m, createBlock as s, unref as e, toValue as n } from "vue";
-import { ErrorMessage as a } from "vee-validate";
-import { useFormField as c } from "./components/ui/form/useFormField.js";
-const l = /* @__PURE__ */ t({
-  __name: "BuiFormMessage",
-  setup(i) {
-    const { name: o, formMessageId: r } = c();
-    return (u, p) => (m(), s(e(a), {
-      id: e(r),
-      as: "p",
-      name: n(e(o)),
-      class: "text-sm font-medium text-destructive-foreground"
-    }, null, 8, ["id", "name"]));
-  }
-});
-export {
-  l as _
-};

package/dist/BuiRadioGroup.vue_vue_type_script_setup_true_lang-BifWEFqO.js

@@ -1,34 +0,0 @@
-import { defineComponent as l, openBlock as n, createBlock as p, unref as e, mergeProps as i, withCtx as d, renderSlot as m } from "vue";
-import { x as c, aE as u } from "./index-BHJAGWXq.js";
-import { c as f } from "./utils-CYuWbTr4.js";
-const h = /* @__PURE__ */ l({
-  __name: "BuiRadioGroup",
-  props: {
-    modelValue: {},
-    defaultValue: {},
-    disabled: { type: Boolean },
-    name: {},
-    required: { type: Boolean },
-    orientation: {},
-    dir: {},
-    loop: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  emits: ["update:modelValue"],
-  setup(a, { emit: t }) {
-    const o = a, s = c(o, t);
-    return (r, _) => (n(), p(e(u), i({
-      class: e(f)("grid gap-2", o.class)
-    }, e(s)), {
-      default: d(() => [
-        m(r.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-});
-export {
-  h as _
-};

package/dist/BuiSelect.vue_vue_type_script_setup_true_lang-B_yo-lBV.js

@@ -1,29 +0,0 @@
-import { defineComponent as p, openBlock as n, createBlock as l, unref as e, normalizeProps as s, guardReactiveProps as d, withCtx as u, renderSlot as m } from "vue";
-import { x as i, aH as c } from "./index-BHJAGWXq.js";
-const V = /* @__PURE__ */ p({
-  __name: "BuiSelect",
-  props: {
-    open: { type: Boolean },
-    defaultOpen: { type: Boolean },
-    defaultValue: {},
-    modelValue: {},
-    dir: {},
-    name: {},
-    autocomplete: {},
-    disabled: { type: Boolean },
-    required: { type: Boolean }
-  },
-  emits: ["update:modelValue", "update:open"],
-  setup(o, { emit: t }) {
-    const a = i(o, t);
-    return (r, _) => (n(), l(e(c), s(d(e(a))), {
-      default: u(() => [
-        m(r.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  V as _
-};

package/dist/BuiSelectSeparator.vue_vue_type_script_setup_true_lang-D-A3ntji.js

@@ -1,20 +0,0 @@
-import { defineComponent as a, openBlock as r, createBlock as c, unref as s, normalizeClass as t } from "vue";
-import { aT as n } from "./index-BHJAGWXq.js";
-import { c as p } from "./utils-CYuWbTr4.js";
-const f = /* @__PURE__ */ a({
-  __name: "BuiSelectSeparator",
-  props: {
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(e) {
-    const o = e;
-    return (l, m) => (r(), c(s(n), {
-      class: t(s(p)("-mx-1 my-1 h-px bg-muted", o.class))
-    }, null, 8, ["class"]));
-  }
-});
-export {
-  f as _
-};