pukaad-ui-lib 1.3.3 → 1.4.2

package/dist/runtime/components/input/input-checkbox.vue

@@ -1,107 +1,107 @@
 <template>
-  <ShadFormField
-    :name="props.name"
-    :rules="props.rules || defaultRules"
-    v-slot="{ componentField }"
-  >
-    <ShadFormItem>
-      <ShadFormControl>
-        <div class="flex gap-2 items-center">
-          <ShadCheckbox v-bind="componentField" v-model="modelValue" />
-          <ShadFormLabel
-            class="font-body-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-          >
-            {{ props.label }}
-          </ShadFormLabel>
-        </div>
-      </ShadFormControl>
-    </ShadFormItem>
-  </ShadFormField>
-
-  <!-- <ShadFormField
-    :name="props.name"
-    :rules="props.rules || defaultRules"
-    v-slot="{ componentField, errorMeczssage }"
-    v-model="modelValue"
-  >
-    <ShadFormItem>
-      <ShadFormLabel class="w-full">
-        <slot name="label">
-          <div
-            :class="[
-              'flex-1',
-              props.disabledBorder && 'font-body-small-prominent',
-            ]"
-          >
-            {{ props.label }}
-            <span v-if="props.required" class="text-destructive">*</span>
-          </div>
-        </slot>
-        <div
-          v-if="props.showCounter"
-          :class="[props.disabledBorder && 'font-body-small']"
-        >
-          <div
-            v-if="props.limit > 0"
-            :class="[modelValue.length > props.limit && 'text-destructive']"
-          >
-            {{ modelValue.length }}/{{ props.limit }}
-          </div>
-        </div>
-      </ShadFormLabel>
-
-      <ShadInputGroup
-        :class="[
-          props.disabledBorder &&
-            'border-0 ring-0 focus-within:border-0 focus-within:ring-0',
-        ]"
-      >
-        <ShadFormControl>
-          <ShadInputGroupInput
-            v-bind="componentField"
-            :id="props.id || props.name"
-            :class="props.class"
-            :readonly="props.readonly"
-            :disabled="props.disabled"
-            :placeholder="props.placeholder"
-            :type="props.type"
-          >
-          </ShadInputGroupInput>
-        </ShadFormControl>
-        <ShadInputGroupAddon
-          v-if="props.iconPrepend"
-          align="inline-start"
-          @click="emits('clickPrepend', $event)"
-        >
-          <slot name="prepend">
-            <Icon
-              :name="props.iconPrepend"
-              size="16"
-              @click="emits('clickIconPrepend', $event)"
-            />
-          </slot>
-        </ShadInputGroupAddon>
-        <ShadInputGroupAddon
-          v-if="props.iconAppend"
-          align="inline-end"
-          @click="emits('clickAppend', $event)"
-        >
-          <slot name="append">
-            <Icon
-              :name="props.iconAppend"
-              size="16"
-              @click="emits('clickIconAppend', $event)"
-            />
-          </slot>
-        </ShadInputGroupAddon>
-      </ShadInputGroup>
-
-      <ShadFormDescription v-if="props.description">
-        {{ props.description }}
-      </ShadFormDescription>
-      <ShadFormMessage v-if="!props.disabledErrorMessage" />
-    </ShadFormItem>
-  </ShadFormField>  -->
+  <ShadFormField
+    :name="props.name"
+    :rules="props.rules || defaultRules"
+    v-slot="{ componentField }"
+  >
+    <ShadFormItem>
+      <ShadFormControl>
+        <div class="flex gap-2 items-center">
+          <ShadCheckbox v-bind="componentField" v-model="modelValue" />
+          <ShadFormLabel
+            class="font-body-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+          >
+            {{ props.label }}
+          </ShadFormLabel>
+        </div>
+      </ShadFormControl>
+    </ShadFormItem>
+  </ShadFormField>
+
+  <!-- <ShadFormField
+    :name="props.name"
+    :rules="props.rules || defaultRules"
+    v-slot="{ componentField, errorMeczssage }"
+    v-model="modelValue"
+  >
+    <ShadFormItem>
+      <ShadFormLabel class="w-full">
+        <slot name="label">
+          <div
+            :class="[
+              'flex-1',
+              props.disabledBorder && 'font-body-small-prominent',
+            ]"
+          >
+            {{ props.label }}
+            <span v-if="props.required" class="text-destructive">*</span>
+          </div>
+        </slot>
+        <div
+          v-if="props.showCounter"
+          :class="[props.disabledBorder && 'font-body-small']"
+        >
+          <div
+            v-if="props.limit > 0"
+            :class="[modelValue.length > props.limit && 'text-destructive']"
+          >
+            {{ modelValue.length }}/{{ props.limit }}
+          </div>
+        </div>
+      </ShadFormLabel>
+
+      <ShadInputGroup
+        :class="[
+          props.disabledBorder &&
+            'border-0 ring-0 focus-within:border-0 focus-within:ring-0',
+        ]"
+      >
+        <ShadFormControl>
+          <ShadInputGroupInput
+            v-bind="componentField"
+            :id="props.id || props.name"
+            :class="props.class"
+            :readonly="props.readonly"
+            :disabled="props.disabled"
+            :placeholder="props.placeholder"
+            :type="props.type"
+          >
+          </ShadInputGroupInput>
+        </ShadFormControl>
+        <ShadInputGroupAddon
+          v-if="props.iconPrepend"
+          align="inline-start"
+          @click="emits('clickPrepend', $event)"
+        >
+          <slot name="prepend">
+            <Icon
+              :name="props.iconPrepend"
+              size="16"
+              @click="emits('clickIconPrepend', $event)"
+            />
+          </slot>
+        </ShadInputGroupAddon>
+        <ShadInputGroupAddon
+          v-if="props.iconAppend"
+          align="inline-end"
+          @click="emits('clickAppend', $event)"
+        >
+          <slot name="append">
+            <Icon
+              :name="props.iconAppend"
+              size="16"
+              @click="emits('clickIconAppend', $event)"
+            />
+          </slot>
+        </ShadInputGroupAddon>
+      </ShadInputGroup>
+
+      <ShadFormDescription v-if="props.description">
+        {{ props.description }}
+      </ShadFormDescription>
+      <ShadFormMessage v-if="!props.disabledErrorMessage" />
+    </ShadFormItem>
+  </ShadFormField>  -->
 </template>
 
 <script setup>

package/dist/runtime/components/input/input-combobox.vue

@@ -1,93 +1,93 @@
 <template>
-  <ShadFormField
-    ref="fieldRef"
-    :name="props.name"
-    :rules="props.rules || defaultRules"
-    v-slot="{ componentField }"
-    v-model="modelValue"
-  >
-    <ShadFormItem>
-      <ShadFormLabel v-if="$slots.label || props.label" class="w-full">
-        <slot name="label">
-          <div
+  <ShadFormField
+    ref="fieldRef"
+    :name="props.name"
+    :rules="props.rules || defaultRules"
+    v-slot="{ componentField }"
+    v-model="modelValue"
+  >
+    <ShadFormItem>
+      <ShadFormLabel v-if="$slots.label || props.label" class="w-full">
+        <slot name="label">
+          <div
             :class="[
   'flex-1',
   props.disabledBorder && 'font-body-small-prominent'
-]"
-          >
-            {{ props.label }}
-            <span v-if="props.required" class="text-destructive">*</span>
-          </div>
-        </slot>
-        <div
-          v-if="props.showCounter"
-          :class="[props.disabledBorder && 'font-body-small']"
-        >
-          <div
-            v-if="props.limit > 0"
+]"
+          >
+            {{ props.label }}
+            <span v-if="props.required" class="text-destructive">*</span>
+          </div>
+        </slot>
+        <div
+          v-if="props.showCounter"
+          :class="[props.disabledBorder && 'font-body-small']"
+        >
+          <div
+            v-if="props.limit > 0"
             :class="[
   (props.multiple ? modelValue.length : modelValue.length) > props.limit && 'text-destructive'
-]"
-          >
-            {{
-              props.multiple ? modelValue.length : modelValue.length
-            }}/{{ props.limit }}
-          </div>
-        </div>
-      </ShadFormLabel>
-      <ShadPopover v-bind="componentField">
-        <ShadPopoverTrigger as-child>
-          <ShadFormControl>
-            <ShadButton
-              variant="outline"
-              role="combobox"
-              class="w-full justify-between text-start"
-            >
-              {{ displayValue }}
-              <Icon name="lucide:chevrons-up-down" class="h-4 w-4" />
-            </ShadButton>
-          </ShadFormControl>
-        </ShadPopoverTrigger>
-        <ShadPopoverContent>
-          <ShadCommand>
-            <ShadCommandInput />
-            <ShadCommandList>
-              <ShadCommandGroup>
-                <slot name="options">
-                  <ShadCommandItem
-                    v-for="option in options"
-                    :key="option.value"
-                    :value="option.value"
-                    :disabled="isOptionDisabled(option.value)"
+]"
+          >
+            {{
+              props.multiple ? modelValue.length : modelValue.length
+            }}/{{ props.limit }}
+          </div>
+        </div>
+      </ShadFormLabel>
+      <ShadPopover v-bind="componentField">
+        <ShadPopoverTrigger as-child>
+          <ShadFormControl>
+            <ShadButton
+              variant="outline"
+              role="combobox"
+              class="w-full justify-between text-start"
+            >
+              {{ displayValue }}
+              <Icon name="lucide:chevrons-up-down" class="h-4 w-4" />
+            </ShadButton>
+          </ShadFormControl>
+        </ShadPopoverTrigger>
+        <ShadPopoverContent>
+          <ShadCommand>
+            <ShadCommandInput />
+            <ShadCommandList>
+              <ShadCommandGroup>
+                <slot name="options">
+                  <ShadCommandItem
+                    v-for="option in options"
+                    :key="option.value"
+                    :value="option.value"
+                    :disabled="isOptionDisabled(option.value)"
                     :class="[
   isOptionDisabled(option.value) && 'cursor-not-allowed'
-]"
-                    @click="() => handleSelect(option.value)"
-                  >
-                    <ShadCheckbox
-                      v-if="props.multiple"
-                      :model-value="isSelected(option.value)"
-                      :disabled="isOptionDisabled(option.value)"
-                      class="mr-2 pointer-events-none"
-                    />
-
-                    {{ option.label }}
-                    <Icon
-                      v-if="!props.multiple && isSelected(option.value)"
-                      name="lucide:check"
-                      class="ml-auto h-4 w-4"
-                    />
-                  </ShadCommandItem>
-                </slot>
-              </ShadCommandGroup>
-              <ShadCommandEmpty />
-            </ShadCommandList>
-          </ShadCommand>
-        </ShadPopoverContent>
-      </ShadPopover>
-      <ShadFormMessage />
-    </ShadFormItem>
-  </ShadFormField>
+]"
+                    @click="() => handleSelect(option.value)"
+                  >
+                    <ShadCheckbox
+                      v-if="props.multiple"
+                      :model-value="isSelected(option.value)"
+                      :disabled="isOptionDisabled(option.value)"
+                      class="mr-2 pointer-events-none"
+                    />
+
+                    {{ option.label }}
+                    <Icon
+                      v-if="!props.multiple && isSelected(option.value)"
+                      name="lucide:check"
+                      class="ml-auto h-4 w-4"
+                    />
+                  </ShadCommandItem>
+                </slot>
+              </ShadCommandGroup>
+              <ShadCommandEmpty />
+            </ShadCommandList>
+          </ShadCommand>
+        </ShadPopoverContent>
+      </ShadPopover>
+      <ShadFormMessage />
+    </ShadFormItem>
+  </ShadFormField>
 </template>
 
 <script setup>

package/dist/runtime/components/input/input-comment.vue

@@ -1,10 +1,10 @@
 <template>
-  <div
-    contenteditable="true"
-    ref="editorRef"
-    @input="onInput"
-    class="w-full min-h-[40px] px-[12px] py-[8px] font-body-large bg-white ring-[1px] ring-cloud rounded-[8px] outline-none focus:outline-none focus:ring-[2px] focus:ring-primary whitespace-pre-wrap break-words text-black"
-  />
+  <div
+    contenteditable="true"
+    ref="editorRef"
+    @input="onInput"
+    class="w-full min-h-[40px] px-[12px] py-[8px] font-body-large bg-white ring-[1px] ring-cloud rounded-[8px] outline-none focus:outline-none focus:ring-[2px] focus:ring-primary whitespace-pre-wrap break-words text-black"
+  />
 </template>
 
 <script setup>

package/dist/runtime/components/input/input-content.vue

@@ -1,9 +1,9 @@
 <template>
-  <div>
-    <div class="quill-wrapper">
-      <div ref="contentRef" :style="{ '--height': `${props.height}px` }" />
-    </div>
-  </div>
+  <div>
+    <div class="quill-wrapper">
+      <div ref="contentRef" :style="{ '--height': `${props.height}px` }" />
+    </div>
+  </div>
 </template>
 
 <script setup>