@polymarbot/nuxt-layer-shadcn-ui 0.3.9 → 0.3.10

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

@@ -35,23 +35,6 @@ const noControls = { controls: { disable: true }} satisfies Story['parameters']
 
 export const Default: Story = {}
 
-export const Controlled: Story = {
-  parameters: noControls,
-  render: () => ({
-    components: { Input },
-    setup () {
-      const value = ref('')
-      return { value }
-    },
-    template: `
-      <div class="max-w-sm space-y-2">
-        <Input v-model="value" placeholder="Enter your name..." />
-        <div class="text-sm text-muted-foreground">Value: {{ value }}</div>
-      </div>
-    `,
-  }),
-}
-
 export const WithPrefix: Story = {
   parameters: noControls,
   render: () => ({

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

@@ -76,6 +76,7 @@ function clearInput () {
       align="inline-end"
     >
       <InputGroupButton
+        type="button"
         size="icon-xs"
         @click="clearInput"
       >

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

@@ -38,33 +38,6 @@ const noControls = { controls: { disable: true }} satisfies Story['parameters']
 
 export const Default: Story = {}
 
-export const Controlled: Story = {
-  parameters: noControls,
-  render: () => ({
-    components: { Pagination },
-    setup () {
-      const page = ref(1)
-      const pageSize = ref(10)
-      return { page, pageSize }
-    },
-    template: `
-      <div>
-        <Pagination
-          :page="page"
-          :total="85"
-          :pageSize="pageSize"
-          :pageSizeOptions="[10, 20, 50]"
-          @update:page="page = $event"
-          @update:pageSize="v => { pageSize = v; page = 1 }"
-        />
-        <div class="mt-2 text-sm text-muted-foreground">
-          Page: {{ page }}, Size: {{ pageSize }}
-        </div>
-      </div>
-    `,
-  }),
-}
-
 export const Sizes: Story = {
   parameters: noControls,
   render: () => ({

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

@@ -47,27 +47,3 @@ export const WithForm: Story = {
     `,
   }),
 }
-
-export const Controlled: Story = {
-  parameters: noControls,
-  render: () => ({
-    components: { Popover, Button },
-    setup () {
-      const open = ref(false)
-      return { open }
-    },
-    template: `
-      <div class="flex items-center gap-2">
-        <Popover v-model:open="open">
-          <template #trigger>
-            <Button variant="outline">Controlled Popover</Button>
-          </template>
-          <p class="text-sm">This popover is controlled externally.</p>
-        </Popover>
-        <Button variant="ghost" size="sm" @click="open = !open">
-          Toggle ({{ open ? 'Open' : 'Closed' }})
-        </Button>
-      </div>
-    `,
-  }),
-}

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

@@ -43,23 +43,6 @@ const noControls = { controls: { disable: true }} satisfies Story['parameters']
 
 export const Default: Story = {}
 
-export const Controlled: Story = {
-  parameters: noControls,
-  render: () => ({
-    components: { RadioGroup },
-    setup () {
-      const selected = ref('option1')
-      return { options, selected }
-    },
-    template: `
-      <div class="space-y-2">
-        <RadioGroup v-model="selected" :items="options" />
-        <div class="text-sm text-muted-foreground">Selected: {{ selected }}</div>
-      </div>
-    `,
-  }),
-}
-
 export const Horizontal: Story = {
   parameters: noControls,
   render: () => ({

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

@@ -156,16 +156,16 @@ function handleClear (event: MouseEvent) {
         :data-disabled="disabled || undefined"
         :data-state="open ? 'open' : 'closed'"
         class="
+          data-[state=open]:border-ring data-[state=open]:ring-ring/50
           cursor-pointer
-          data-[state=open]:border-ring data-[state=open]:ring-[3px]
-          data-[state=open]:ring-ring/50
+          data-[state=open]:ring-[3px]
         "
       >
         <span
           class="
-            line-clamp-1 flex flex-1 items-center gap-2 px-3 py-1 text-base
-            whitespace-nowrap
+            gap-2 px-3 py-1 text-base
             md:text-sm
+            line-clamp-1 flex flex-1 items-center whitespace-nowrap
           "
         >
           <template v-if="multiple && selectedOptions.length > 0">
@@ -196,6 +196,7 @@ function handleClear (event: MouseEvent) {
           align="inline-end"
         >
           <InputGroupButton
+            type="button"
             size="icon-xs"
             @click="handleClear"
           >
@@ -210,7 +211,7 @@ function handleClear (event: MouseEvent) {
         </InputGroupAddon>
       </InputGroup>
     </PopoverTrigger>
-    <PopoverContent class="w-(--reka-popover-trigger-width) p-0">
+    <PopoverContent class="p-0 w-(--reka-popover-trigger-width)">
       <Command
         :modelValue="commandModelValue"
         :filterFunction="commandFilterFunction"
@@ -250,7 +251,7 @@ function handleClear (event: MouseEvent) {
                 <Icon
                   name="check"
                   :class="cn(
-                    'ml-auto size-4 shrink-0',
+                    'size-4 ml-auto shrink-0',
                     isSelected(option.value) ? 'opacity-100' : 'opacity-0',
                   )"
                 />

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

@@ -61,23 +61,6 @@ const noControls = { controls: { disable: true }} satisfies Story['parameters']
 
 export const Default: Story = {}
 
-export const Controlled: Story = {
-  parameters: noControls,
-  render: () => ({
-    components: { Tabs },
-    setup () {
-      const value = ref<string>('account')
-      return { items, value }
-    },
-    template: `
-      <div class="max-w-md space-y-3">
-        <Tabs v-model="value" :items="items" />
-        <div class="text-sm text-muted-foreground">Active: {{ value }}</div>
-      </div>
-    `,
-  }),
-}
-
 export const IconOnly: Story = {
   parameters: noControls,
   render: () => ({

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

@@ -40,23 +40,6 @@ const noControls = { controls: { disable: true }} satisfies Story['parameters']
 
 export const Default: Story = {}
 
-export const Controlled: Story = {
-  parameters: noControls,
-  render: () => ({
-    components: { Textarea },
-    setup () {
-      const value = ref('')
-      return { value }
-    },
-    template: `
-      <div class="max-w-sm space-y-2">
-        <Textarea v-model="value" placeholder="Type your message here..." />
-        <div class="text-sm text-muted-foreground">Value: {{ value }}</div>
-      </div>
-    `,
-  }),
-}
-
 export const WithRows: Story = {
   parameters: noControls,
   render: () => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polymarbot/nuxt-layer-shadcn-ui",
-  "version": "0.3.9",
+  "version": "0.3.10",
   "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": "96386de30028e3a1fdeaa66d31149a6153909daa"
+  "gitHead": "aba25283d8cf93bf3223b3b59da5ff8016615f98"
 }