ui-thing 0.0.5 → 0.0.6

package/.github/workflows/main.yml

@@ -1,19 +1,19 @@
-name: CI
-
-on:
-  push:
-    branches:
-      - main
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - name: Install dependencies
-        run: npm install
-      - uses: actions/setup-node@v4
-        with:
-          node-version: "18.x"
-      - name: Build
-        run: npm run format && npm run build
+name: CI
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install dependencies
+        run: npm install
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "18.x"
+      - name: Build
+        run: npm run format && npm run build

package/.github/workflows/test.yml

@@ -0,0 +1,19 @@
+name: Test
+
+on:
+  push:
+    branches:
+      - "**"
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install dependencies
+        run: npm install
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "18.x"
+      - name: Test
+        run: npm run test

package/.prettierrc

@@ -1,12 +1,12 @@
-{
-  "arrowParens": "always",
-  "endOfLine": "lf",
-  "plugins": ["@ianvs/prettier-plugin-sort-imports"],
-  "printWidth": 100,
-  "semi": true,
-  "singleQuote": false,
-  "tabWidth": 2,
-  "trailingComma": "es5",
-  "useTabs": false,
-  "importOrder": ["<BUILTIN_MODULES>", "<THIRD_PARTY_MODULES>", "<TYPES>", "", "^[.]"]
-}
+{
+  "arrowParens": "always",
+  "endOfLine": "lf",
+  "plugins": ["@ianvs/prettier-plugin-sort-imports"],
+  "printWidth": 100,
+  "semi": true,
+  "singleQuote": false,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "useTabs": false,
+  "importOrder": ["<BUILTIN_MODULES>", "<THIRD_PARTY_MODULES>", "<TYPES>", "", "^[.]"]
+}

package/CHANGELOG.md

@@ -1,5 +1,25 @@
-# Changelog
-
+# Changelog
+
+## v0.0.6
+
+[compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.0.5...v0.0.6)
+
+### 🚀 Enhancements
+
+- Add test workflow ([c00e2f4](https://github.com/BayBreezy/ui-thing-cli/commit/c00e2f4))
+- Update test workflow ([c0f0662](https://github.com/BayBreezy/ui-thing-cli/commit/c0f0662))
+
+### 🏡 Chore
+
+- Update prompts deps ([8fdf5ce](https://github.com/BayBreezy/ui-thing-cli/commit/8fdf5ce))
+- Update comps ([f232b69](https://github.com/BayBreezy/ui-thing-cli/commit/f232b69))
+- Update types ([6f6b347](https://github.com/BayBreezy/ui-thing-cli/commit/6f6b347))
+- Update deps ([7624ff0](https://github.com/BayBreezy/ui-thing-cli/commit/7624ff0))
+
+### ❤️ Contributors
+
+- Behon Baker <behon.baker@yahoo.com>
+
 ## v0.0.5
 
 [compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.0.3...v0.0.5)
@@ -15,27 +35,27 @@
 
 - Behon Baker <behon.baker@yahoo.com>
 
-## v0.0.3
-
-[compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.0.2...v0.0.3)
-
-### 🏡 Chore
-
-- Update readme ([88be325](https://github.com/BayBreezy/ui-thing-cli/commit/88be325))
-- Change package name ([bd17f8d](https://github.com/BayBreezy/ui-thing-cli/commit/bd17f8d))
-- Set version back to 0.0.2 ([1c7b6b2](https://github.com/BayBreezy/ui-thing-cli/commit/1c7b6b2))
-
-### ❤️ Contributors
-
-- Behon Baker <behon.baker@yahoo.com>
-
-## v0.0.2
-
-### 🏡 Chore
-
-- Add 1st changeset ([ec0083c](https://github.com/BayBreezy/ui-thing-cli/commit/ec0083c))
-- Add release script ([ea11cae](https://github.com/BayBreezy/ui-thing-cli/commit/ea11cae))
-
-### ❤️ Contributors
-
-- Behon Baker <behon.baker@yahoo.com>
+## v0.0.3
+
+[compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.0.2...v0.0.3)
+
+### 🏡 Chore
+
+- Update readme ([88be325](https://github.com/BayBreezy/ui-thing-cli/commit/88be325))
+- Change package name ([bd17f8d](https://github.com/BayBreezy/ui-thing-cli/commit/bd17f8d))
+- Set version back to 0.0.2 ([1c7b6b2](https://github.com/BayBreezy/ui-thing-cli/commit/1c7b6b2))
+
+### ❤️ Contributors
+
+- Behon Baker <behon.baker@yahoo.com>
+
+## v0.0.2
+
+### 🏡 Chore
+
+- Add 1st changeset ([ec0083c](https://github.com/BayBreezy/ui-thing-cli/commit/ec0083c))
+- Add release script ([ea11cae](https://github.com/BayBreezy/ui-thing-cli/commit/ea11cae))
+
+### ❤️ Contributors
+
+- Behon Baker <behon.baker@yahoo.com>

package/README.md

@@ -1,69 +1,69 @@
-# UI Thing CLI
-
-![Cover Image](https://ui-thing.behonbaker.com/cover.png)
-
-## Credits
-
-- shadcn/ui
-- Radiv-Vue
-- TailwindCSS
-- Nuxt
-- Nuxt UI
-
-Thanks to the maintainers of the other third party libraries used in this project.
-
-## Getting Started
-
-- Create a Nuxt 3 project
-- Install the dependencies
-- Run the init command
-
-```bash
-npx ui-thing@latest init
-```
-
-- Start the dev server
-
-```bash
-npm run dev
-```
-
-- Add components to your project with the `add` command
-
-```bash
-npx ui-thing@latest add
-```
-
-## Commands
-
-### `init`
-
-```bash
-npx ui-thing@latest init
-```
-
-This command will install the dependencies and add the required configuration to your project.
-
-### `add`
-
-```bash
-npx ui-thing@latest add
-```
-
-This command will add the components to your project.
-
-### `theme`
-
-```bash
-npx ui-thing@latest theme
-```
-
-This command will add the theme to your project.
-
-### `prettier`
-
-```bash
-npx ui-thing@latest prettier
-```
-
-This command will add the prettier configuration to your project.
+# UI Thing CLI
+
+![Cover Image](https://ui-thing.behonbaker.com/cover.png)
+
+## Credits
+
+- shadcn/ui
+- Radiv-Vue
+- TailwindCSS
+- Nuxt
+- Nuxt UI
+
+Thanks to the maintainers of the other third party libraries used in this project.
+
+## Getting Started
+
+- Create a Nuxt 3 project
+- Install the dependencies
+- Run the init command
+
+```bash
+npx ui-thing@latest init
+```
+
+- Start the dev server
+
+```bash
+npm run dev
+```
+
+- Add components to your project with the `add` command
+
+```bash
+npx ui-thing@latest add
+```
+
+## Commands
+
+### `init`
+
+```bash
+npx ui-thing@latest init
+```
+
+This command will install the dependencies and add the required configuration to your project.
+
+### `add`
+
+```bash
+npx ui-thing@latest add
+```
+
+This command will add the components to your project.
+
+### `theme`
+
+```bash
+npx ui-thing@latest theme
+```
+
+This command will add the theme to your project.
+
+### `prettier`
+
+```bash
+npx ui-thing@latest prettier
+```
+
+This command will add the prettier configuration to your project.

package/dist/index.js

@@ -1444,7 +1444,7 @@ export const buttonStyles = tv({\r
   const forwarded = useForwardPropsEmits(props, emit);\r
 \r
   const styles = tv({\r
-    base: "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",\r
+    base: "peer h-[18px] w-[18px] shrink-0 rounded-sm border border-primary ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground md:h-4 md:w-4",\r
   });\r
 </script>\r
 `},{fileName:"Checkbox/Indicator.vue",dirPath:"components/UI",fileContent:`<template>\r
@@ -3339,7 +3339,7 @@ export function useFormField() {\r
   const localModel = useVModel(props, "modelValue", emits);\r
 \r
   const styles = tv({\r
-    base: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground file:hover:cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm",\r
+    base: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-[16px] ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground file:hover:cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm",\r
   });\r
 </script>\r
 `}],utils:[],composables:[]},{name:"Keyboard Key",value:"kbd",deps:["radix-vue","tailwind-variants"],devDeps:[],nuxtModules:[],files:[{fileName:"Kbd.vue",dirPath:"components/UI",fileContent:`<template>
@@ -3396,7 +3396,7 @@ export function useFormField() {\r
   const forwarded = useForwardProps(useOmit(props, ["class"]));\r
 \r
   const styles = tv({\r
-    base: "inline-block text-sm font-medium leading-none hover:cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70",\r
+    base: "inline-block text-base font-medium leading-none hover:cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70 sm:text-sm",\r
   });\r
 </script>\r
 `}],utils:[],composables:[]},{name:"Menubar",value:"menubar",deps:["radix-vue","tailwind-variants"],devDeps:["tailwindcss-animate","nuxt-lodash","nuxt-icon"],nuxtModules:["nuxt-lodash","nuxt-icon"],files:[{fileName:"Menubar/Arrow.vue",dirPath:"components/UI",fileContent:`<template>
@@ -4118,7 +4118,7 @@ export function useFormField() {\r
   const localModel = useVModel(props, "modelValue", emits);
 
   const styles = tv({
-    base: "mr-3 h-10 w-10 rounded-md border border-input bg-background p-1 text-center font-medium [-moz-appearance:_textfield] selection:bg-primary selection:text-primary-foreground  placeholder:text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
+    base: "mr-3 h-10 w-10 rounded-md border border-input bg-background p-1 text-center text-base font-medium [-moz-appearance:_textfield] selection:bg-primary  selection:text-primary-foreground placeholder:text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
     variants: {
       separator: {
         true: "mx-2",
@@ -6618,53 +6618,6 @@ export { toast, useToast };
 
   const props = defineProps<TooltipTriggerProps>();
 </script>
-`}],utils:[],composables:[]},{name:"Vue Sonner",value:"vue-sonner",deps:["vue-sonner"],devDeps:[],nuxtModules:[],instructions:["Remember to add the <UIVueSonner /> tag to your app.vue/layout file."],files:[{fileName:"VueSonner.client.vue",dirPath:"components/UI",fileContent:`<template>\r
-  <Toaster\r
-    position="top-right"\r
-    :visible-toasts="5"\r
-    rich-colors\r
-    :duration="7000"\r
-    close-button\r
-    :theme="$colorMode.value == 'dark' ? 'dark' : 'light'"\r
-  />\r
-</template>\r
-\r
-<script lang="ts" setup>\r
-  import { Toaster } from "vue-sonner";\r
-</script>\r
-<style scoped>\r
-  :deep([data-sonner-toaster][data-theme="dark"]),\r
-  :deep([data-sonner-toaster][data-theme="light"]) {\r
-    --normal-bg: theme("colors.popover.DEFAULT");\r
-    --normal-border: theme("colors.border");\r
-    --normal-text: theme("colors.popover.foreground");\r
-    --border-radius: theme("borderRadius.md");\r
-  }\r
-  :deep([data-sonner-toaster]) {\r
-    @apply font-sans;\r
-  }\r
-  :deep([data-sonner-toast][data-styled="true"]) {\r
-    @apply items-start;\r
-  }\r
-  :deep([data-sonner-toast] [data-icon]) {\r
-    @apply mt-0.5;\r
-  }\r
-  :deep([data-sonner-toast] [data-title]) {\r
-    @apply text-sm font-semibold;\r
-  }\r
-  :deep([data-sonner-toast] [data-description]) {\r
-    @apply text-sm;\r
-  }\r
-  :deep([data-sonner-toast] [data-close-button]) {\r
-    @apply border border-border bg-background text-foreground hover:border-inherit hover:bg-inherit hover:text-accent-foreground;\r
-  }\r
-  :deep([data-sonner-toast] [data-button]) {\r
-    @apply bg-primary text-primary-foreground transition hover:opacity-90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background;\r
-  }\r
-  :deep(.sonner-loading-bar) {\r
-    @apply bg-muted-foreground;\r
-  }\r
-</style>\r
 `}],utils:[],composables:[]},{name:"VeeCheckbox",value:"vue-checkbox",deps:["@vee-validate/nuxt","radix-vue","@morev/vue-transitions","tailwind-variants"],askValidator:!0,devDeps:["nuxt-icon"],nuxtModules:["@vee-validate/nuxt","@morev/vue-transitions/nuxt","nuxt-icon"],components:["checkbox","label"],files:[{fileName:"Vee/Checkbox.vue",dirPath:"components/UI",fileContent:`<template>
   <div :class="styles({ class: props.class })">
     <UICheckbox
@@ -7018,6 +6971,53 @@ export { toast, useToast };
     syncVModel: true,\r
   });\r
 </script>\r
+`}],utils:[],composables:[]},{name:"Vue Sonner",value:"vue-sonner",deps:["vue-sonner"],devDeps:[],nuxtModules:[],instructions:["Remember to add the <UIVueSonner /> tag to your app.vue/layout file."],files:[{fileName:"VueSonner.client.vue",dirPath:"components/UI",fileContent:`<template>\r
+  <Toaster\r
+    position="top-right"\r
+    :visible-toasts="5"\r
+    rich-colors\r
+    :duration="7000"\r
+    close-button\r
+    :theme="$colorMode.value == 'dark' ? 'dark' : 'light'"\r
+  />\r
+</template>\r
+\r
+<script lang="ts" setup>\r
+  import { Toaster } from "vue-sonner";\r
+</script>\r
+<style scoped>\r
+  :deep([data-sonner-toaster][data-theme="dark"]),\r
+  :deep([data-sonner-toaster][data-theme="light"]) {\r
+    --normal-bg: theme("colors.popover.DEFAULT");\r
+    --normal-border: theme("colors.border");\r
+    --normal-text: theme("colors.popover.foreground");\r
+    --border-radius: theme("borderRadius.md");\r
+  }\r
+  :deep([data-sonner-toaster]) {\r
+    @apply font-sans;\r
+  }\r
+  :deep([data-sonner-toast][data-styled="true"]) {\r
+    @apply items-start;\r
+  }\r
+  :deep([data-sonner-toast] [data-icon]) {\r
+    @apply mt-0.5;\r
+  }\r
+  :deep([data-sonner-toast] [data-title]) {\r
+    @apply text-sm font-semibold;\r
+  }\r
+  :deep([data-sonner-toast] [data-description]) {\r
+    @apply text-sm;\r
+  }\r
+  :deep([data-sonner-toast] [data-close-button]) {\r
+    @apply border border-border bg-background text-foreground hover:border-inherit hover:bg-inherit hover:text-accent-foreground;\r
+  }\r
+  :deep([data-sonner-toast] [data-button]) {\r
+    @apply bg-primary text-primary-foreground transition hover:opacity-90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background;\r
+  }\r
+  :deep(.sonner-loading-bar) {\r
+    @apply bg-muted-foreground;\r
+  }\r
+</style>\r
 `}],utils:[],composables:[]},{name:"VeeTextarea",value:"vue-textarea",deps:["@vee-validate/nuxt","radix-vue","@morev/vue-transitions","tailwind-variants"],askValidator:!0,devDeps:["nuxt-icon"],nuxtModules:["@vee-validate/nuxt","@morev/vue-transitions/nuxt","nuxt-icon"],components:["textarea","label"],files:[{fileName:"Vee/Textarea.vue",dirPath:"components/UI",fileContent:`<template>\r
   <div class="w-full">\r
     <UILabel :for="inputId" v-if="label" :class="[errorMessage && 'text-destructive', 'mb-2']">{{\r