@polymarbot/nuxt-layer-shadcn-ui 0.6.1 → 0.6.3

package/app/components/ui/Button/index.stories.ts

@@ -201,9 +201,9 @@ export const Disabled: Story = {
         code: `
 <template>
   <Button variant="default" disabled>default</Button>
+  <Button variant="secondary" disabled>secondary</Button>
   <Button variant="destructive" disabled>destructive</Button>
   <Button variant="outline" disabled>outline</Button>
-  <Button variant="secondary" disabled>secondary</Button>
   <Button variant="ghost" disabled>ghost</Button>
   <Button variant="link" disabled>link</Button>
 </template>
@@ -230,10 +230,10 @@ export const Rounded: Story = {
         code: `
 <template>
   <Button rounded>Rounded</Button>
-  <Button rounded variant="outline">Outline</Button>
   <Button rounded variant="secondary">Secondary</Button>
-  <Button rounded size="icon" variant="outline" icon="plus" />
+  <Button rounded variant="outline">Outline</Button>
   <Button rounded size="icon" variant="secondary" icon="sun" />
+  <Button rounded size="icon" variant="outline" icon="plus" />
 </template>
 `.trim(),
       },
@@ -244,10 +244,10 @@ export const Rounded: Story = {
     template: `
       <div class="flex flex-wrap items-center gap-3">
         <Button rounded>Rounded</Button>
-        <Button rounded variant="outline">Outline</Button>
         <Button rounded variant="secondary">Secondary</Button>
-        <Button rounded size="icon" variant="outline" icon="plus" />
+        <Button rounded variant="outline">Outline</Button>
         <Button rounded size="icon" variant="secondary" icon="sun" />
+        <Button rounded size="icon" variant="outline" icon="plus" />
       </div>
     `,
   }),

package/app/components/ui/DatePicker/index.stories.ts

@@ -38,13 +38,12 @@ const meta = {
   render: args => ({
     components: { DatePicker },
     setup () {
-      const value = ref<Date | string | null>(null)
-      return { args, value }
+      return { args }
     },
     template: `
       <div class="max-w-xs">
-        <DatePicker v-bind="args" v-model="value" />
-        <div class="mt-2 text-sm text-muted-foreground">Value: {{ value }}</div>
+        <DatePicker v-bind="args" @update:modelValue="v => args.modelValue = v" />
+        <div class="mt-2 text-sm text-muted-foreground">Value: {{ args.modelValue }}</div>
       </div>
     `,
   }),

package/app/components/ui/DateRangePicker/index.stories.ts

@@ -37,16 +37,18 @@ const meta = {
   render: args => ({
     components: { DateRangePicker },
     setup () {
-      const start = ref<Date | string | null>(args.start ?? null)
-      const end = ref<Date | string | null>(args.end ?? null)
-      return { args, start, end }
+      return { args }
     },
     template: `
       <div class="max-w-lg">
-        <DateRangePicker v-bind="args" v-model:start="start" v-model:end="end" />
+        <DateRangePicker
+          v-bind="args"
+          @update:start="v => args.start = v"
+          @update:end="v => args.end = v"
+        />
         <div class="mt-2 text-sm text-muted-foreground">
-          <div>Start: {{ start }}</div>
-          <div>End: {{ end }}</div>
+          <div>Start: {{ args.start }}</div>
+          <div>End: {{ args.end }}</div>
         </div>
       </div>
     `,

package/app/components/ui/InputOtp/index.stories.ts

@@ -18,13 +18,12 @@ const meta = {
   render: args => ({
     components: { InputOtp },
     setup () {
-      const otp = ref('')
-      return { args, otp }
+      return { args }
     },
     template: `
       <div class="space-y-4">
-        <InputOtp v-bind="args" v-model="otp" />
-        <div class="text-sm text-muted-foreground">Value: {{ otp }}</div>
+        <InputOtp v-bind="args" @update:modelValue="v => args.modelValue = v" />
+        <div class="text-sm text-muted-foreground">Value: {{ args.modelValue }}</div>
       </div>
     `,
   }),

package/app/components/ui/InputRange/en.json

@@ -0,0 +1,4 @@
+{
+  "endPlaceholder": "Max",
+  "startPlaceholder": "Min"
+}

package/app/components/ui/InputRange/index.stories.ts

@@ -10,26 +10,32 @@ const meta = {
     end: { control: 'number' },
     min: { control: 'number' },
     max: { control: 'number' },
+    startPlaceholder: { control: 'text' },
+    endPlaceholder: { control: 'text' },
     disabled: { control: 'boolean' },
   },
   args: {
-    start: 20,
-    end: 80,
+    start: undefined,
+    end: undefined,
     min: 0,
     max: 100,
+    startPlaceholder: undefined,
+    endPlaceholder: undefined,
     disabled: false,
   },
   render: args => ({
     components: { InputRange },
     setup () {
-      const start = ref<number | undefined>(args.start)
-      const end = ref<number | undefined>(args.end)
-      return { args, start, end }
+      return { args }
     },
     template: `
       <div class="max-w-md">
-        <InputRange v-bind="args" v-model:start="start" v-model:end="end" />
-        <div class="mt-2 text-sm text-muted-foreground">Start: {{ start }}, End: {{ end }}</div>
+        <InputRange
+          v-bind="args"
+          @update:start="v => args.start = v"
+          @update:end="v => args.end = v"
+        />
+        <div class="mt-2 text-sm text-muted-foreground">Start: {{ args.start }}, End: {{ args.end }}</div>
       </div>
     `,
   }),

package/app/components/ui/InputRange/index.vue

@@ -8,6 +8,8 @@ const props = withDefaults(defineProps<InputRangeProps>(), {
   end: undefined,
   min: 0,
   max: undefined,
+  startPlaceholder: undefined,
+  endPlaceholder: undefined,
 })
 
 const emit = defineEmits<{
@@ -16,6 +18,7 @@ const emit = defineEmits<{
 }>()
 
 const { t } = useI18n()
+const T = useTranslations('components.ui.InputRange')
 
 const start = computed({
   get: () => props.start,
@@ -35,6 +38,7 @@ const end = computed({
       v-bind="$attrs"
       :min="min"
       :max="end ?? max"
+      :placeholder="startPlaceholder ?? T('startPlaceholder')"
       fluid
     />
     <span class="leading-0 text-muted-foreground">
@@ -45,6 +49,7 @@ const end = computed({
       v-bind="$attrs"
       :min="start ?? min"
       :max="max"
+      :placeholder="endPlaceholder ?? T('endPlaceholder')"
       fluid
     />
   </div>

package/app/components/ui/InputRange/types.ts

@@ -5,4 +5,8 @@ export interface InputRangeProps extends /* @vue-ignore */ InputNumberProps {
   end?: number
   min?: number
   max?: number
+  /** Placeholder for start input */
+  startPlaceholder?: string
+  /** Placeholder for end input */
+  endPlaceholder?: string
 }

package/app/components/ui/RadioCardGroup/index.stories.ts

@@ -51,13 +51,12 @@ const meta = {
   render: args => ({
     components: { RadioCardGroup },
     setup () {
-      const selected = ref(args.modelValue ?? '')
-      return { args, selected }
+      return { args }
     },
     template: `
       <div class="max-w-md space-y-4">
-        <RadioCardGroup v-bind="args" v-model="selected" />
-        <div class="text-sm text-muted-foreground">Selected: {{ selected }}</div>
+        <RadioCardGroup v-bind="args" @update:modelValue="v => args.modelValue = v" />
+        <div class="text-sm text-muted-foreground">Selected: {{ args.modelValue }}</div>
       </div>
     `,
   }),

package/i18n/messages/ar.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "لا توجد عناصر"
       },
+      "InputRange": {
+        "endPlaceholder": "أقصى",
+        "startPlaceholder": "أدنى"
+      },
       "Pagination": {
         "pageReport": "{first}–{last} من {total}"
       },

package/i18n/messages/de.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "Keine Elemente"
       },
+      "InputRange": {
+        "endPlaceholder": "Maximum",
+        "startPlaceholder": "Minimum"
+      },
       "Pagination": {
         "pageReport": "{first}–{last} von {total}"
       },

package/i18n/messages/en.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "No items"
       },
+      "InputRange": {
+        "endPlaceholder": "Max",
+        "startPlaceholder": "Min"
+      },
       "Pagination": {
         "pageReport": "{first}–{last} of {total}"
       },

package/i18n/messages/es.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "Sin elementos"
       },
+      "InputRange": {
+        "endPlaceholder": "Máximo",
+        "startPlaceholder": "Mínimo"
+      },
       "Pagination": {
         "pageReport": "{first}–{last} de {total}"
       },

package/i18n/messages/fr.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "Aucun élément"
       },
+      "InputRange": {
+        "endPlaceholder": "Max",
+        "startPlaceholder": "Min"
+      },
       "Pagination": {
         "pageReport": "{first}–{last} sur {total}"
       },

package/i18n/messages/hi.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "कोई आइटम नहीं"
       },
+      "InputRange": {
+        "endPlaceholder": "अधिकतम",
+        "startPlaceholder": "न्यूनतम"
+      },
       "Pagination": {
         "pageReport": "{first}–{last} में से {total}"
       },

package/i18n/messages/id.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "Tidak ada item"
       },
+      "InputRange": {
+        "endPlaceholder": "Maksimal",
+        "startPlaceholder": "Minimal"
+      },
       "Pagination": {
         "pageReport": "{first}–{last} dari {total}"
       },

package/i18n/messages/it.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "Nessun elemento"
       },
+      "InputRange": {
+        "endPlaceholder": "Massimo",
+        "startPlaceholder": "Minimo"
+      },
       "Pagination": {
         "pageReport": "{first}–{last} di {total}"
       },

package/i18n/messages/ja.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "アイテムなし"
       },
+      "InputRange": {
+        "endPlaceholder": "最大値",
+        "startPlaceholder": "最小値"
+      },
       "Pagination": {
         "pageReport": "{first}〜{last}件 / 全{total}件"
       },

package/i18n/messages/ko.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "항목 없음"
       },
+      "InputRange": {
+        "endPlaceholder": "최대값",
+        "startPlaceholder": "최소값"
+      },
       "Pagination": {
         "pageReport": "{first}–{last} / {total}"
       },

package/i18n/messages/nl.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "Geen items"
       },
+      "InputRange": {
+        "endPlaceholder": "Maximum",
+        "startPlaceholder": "Minimum"
+      },
       "Pagination": {
         "pageReport": "{first}–{last} van {total}"
       },

package/i18n/messages/pl.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "Brak elementów"
       },
+      "InputRange": {
+        "endPlaceholder": "Maksimum",
+        "startPlaceholder": "Minimum"
+      },
       "Pagination": {
         "pageReport": "{first}–{last} z {total}"
       },

package/i18n/messages/pt.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "Sem itens"
       },
+      "InputRange": {
+        "endPlaceholder": "Máximo",
+        "startPlaceholder": "Mínimo"
+      },
       "Pagination": {
         "pageReport": "{first}–{last} de {total}"
       },

package/i18n/messages/ru.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "Нет элементов"
       },
+      "InputRange": {
+        "endPlaceholder": "Максимум",
+        "startPlaceholder": "Минимум"
+      },
       "Pagination": {
         "pageReport": "{first}–{last} из {total}"
       },

package/i18n/messages/th.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "ไม่มีรายการ"
       },
+      "InputRange": {
+        "endPlaceholder": "สูงสุด",
+        "startPlaceholder": "ต่ำสุด"
+      },
       "Pagination": {
         "pageReport": "รายการที่ {first}–{last} จากทั้งหมด {total}"
       },

package/i18n/messages/tr.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "Öğe yok"
       },
+      "InputRange": {
+        "endPlaceholder": "Maks",
+        "startPlaceholder": "Min"
+      },
       "Pagination": {
         "pageReport": "{first}–{last} / {total}"
       },

package/i18n/messages/vi.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "Không có mục"
       },
+      "InputRange": {
+        "endPlaceholder": "Tối đa",
+        "startPlaceholder": "Tối thiểu"
+      },
       "Pagination": {
         "pageReport": "{first}–{last} của {total}"
       },

package/i18n/messages/zh-CN.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "无项目"
       },
+      "InputRange": {
+        "endPlaceholder": "最大值",
+        "startPlaceholder": "最小值"
+      },
       "Pagination": {
         "pageReport": "{first}–{last} 共 {total}"
       },

package/i18n/messages/zh-TW.json

@@ -51,6 +51,10 @@
       "Dropdown": {
         "empty": "沒有項目"
       },
+      "InputRange": {
+        "endPlaceholder": "最大值",
+        "startPlaceholder": "最小值"
+      },
       "Pagination": {
         "pageReport": "{first}–{last} 共 {total}"
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polymarbot/nuxt-layer-shadcn-ui",
-  "version": "0.6.1",
+  "version": "0.6.3",
   "description": "Nuxt layer providing shadcn-vue based UI components",
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -42,5 +42,5 @@
     "vue-i18n": "^11",
     "vue-router": "^4 || ^5"
   },
-  "gitHead": "6d666cbb075bfeae008655dcb644bcac99f70ff4"
+  "gitHead": "93045d977de0e19a823787d21ba9631a3d5b7ee8"
 }