ui-thing 0.1.7 → 0.1.9

package/.github/workflows/main.yml

@@ -9,7 +9,7 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Install dependencies
         run: npm install
       - uses: actions/setup-node@v4

package/.github/workflows/test.yml

@@ -9,7 +9,7 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Install dependencies
         run: npm install
       - uses: actions/setup-node@v4

package/CHANGELOG.md

@@ -1,35 +1,67 @@
 # Changelog
 
-## v0.1.7
+## v0.1.9
 
-[compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.1.6...v0.1.7)
+[compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.1.8...v0.1.9)
 
 ### 🏡 Chore
 
-- Bump deps ([24db3af](https://github.com/BayBreezy/ui-thing-cli/commit/24db3af))
-- **add:** Remove overrides addition logic ([86dcae6](https://github.com/BayBreezy/ui-thing-cli/commit/86dcae6))
-- **datatables:** Update datatables comp ([ce0b4c4](https://github.com/BayBreezy/ui-thing-cli/commit/ce0b4c4))
-
-### ❤️ Contributors
-
-- Behon Baker <behon.baker@yahoo.com>
-
-## v0.1.6
-
-[compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.1.5...v0.1.6)
-
-### 🚀 Enhancements
-
-- Update to latest version of datatables ([f973a89](https://github.com/BayBreezy/ui-thing-cli/commit/f973a89))
-
-### 🏡 Chore
-
-- Bump deps ([a2be074](https://github.com/BayBreezy/ui-thing-cli/commit/a2be074))
+- **form-elements:** Use nuxt's `useId` composable instead of the one from radix-vue ([17a952e](https://github.com/BayBreezy/ui-thing-cli/commit/17a952e))
+- Bump deps ([557e58c](https://github.com/BayBreezy/ui-thing-cli/commit/557e58c))
 
 ### ❤️ Contributors
 
 - Behon Baker <behon.baker@yahoo.com>
 
+## v0.1.8
+
+[compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.1.7...v0.1.8)
+
+### 🏡 Chore
+
+- Bump deps ([22f3b36](https://github.com/BayBreezy/ui-thing-cli/commit/22f3b36))
+- Add slot for navigationmenu viewport & icon ([339656e](https://github.com/BayBreezy/ui-thing-cli/commit/339656e))
+
+### 🤖 CI
+
+- **test:** Update test github action ([6345fc6](https://github.com/BayBreezy/ui-thing-cli/commit/6345fc6))
+- **build:** Update main github action ([9353995](https://github.com/BayBreezy/ui-thing-cli/commit/9353995))
+
+### ❤️ Contributors
+
+- BayBreezy <behon.baker@yahoo.com>
+- Behon Baker <behon.baker@yahoo.com>
+
+## v0.1.7
+
+[compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.1.6...v0.1.7)
+
+### 🏡 Chore
+
+- Bump deps ([24db3af](https://github.com/BayBreezy/ui-thing-cli/commit/24db3af))
+- **add:** Remove overrides addition logic ([86dcae6](https://github.com/BayBreezy/ui-thing-cli/commit/86dcae6))
+- **datatables:** Update datatables comp ([ce0b4c4](https://github.com/BayBreezy/ui-thing-cli/commit/ce0b4c4))
+
+### ❤️ Contributors
+
+- Behon Baker <behon.baker@yahoo.com>
+
+## v0.1.6
+
+[compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.1.5...v0.1.6)
+
+### 🚀 Enhancements
+
+- Update to latest version of datatables ([f973a89](https://github.com/BayBreezy/ui-thing-cli/commit/f973a89))
+
+### 🏡 Chore
+
+- Bump deps ([a2be074](https://github.com/BayBreezy/ui-thing-cli/commit/a2be074))
+
+### ❤️ Contributors
+
+- Behon Baker <behon.baker@yahoo.com>
+
 ## v0.1.5
 
 [compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.1.4...v0.1.5)

package/dist/index.js

@@ -4702,8 +4702,6 @@ export function useFormField() {
 </script>
 
 <script lang="ts" setup>
-  import { useId } from "radix-vue";
-
   defineOptions({ inheritAttrs: false });
 
   const id = useId();
@@ -5778,30 +5776,32 @@ export function useFormField() {
     base: "group flex flex-1 list-none items-center justify-center space-x-1",
   });
 </script>
-`},{fileName:"NavigationMenu/NavigationMenu.vue",dirPath:"components/UI",fileContent:`<template>
-  <NavigationMenuRoot :class="styles({ class: props.class })" v-bind="forwarded">
-    <slot></slot>
-    <UiNavigationMenuViewport />
-  </NavigationMenuRoot>
-</template>
-
-<script lang="ts" setup>
-  import { NavigationMenuRoot, useForwardPropsEmits } from "radix-vue";
-  import type { NavigationMenuRootEmits, NavigationMenuRootProps } from "radix-vue";
-
-  const props = defineProps<
-    NavigationMenuRootProps & {
-      /** Custom class(es) to add to the parent */
-      class?: any;
-    }
-  >();
-  const emits = defineEmits<NavigationMenuRootEmits>();
-  const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
-
-  const styles = tv({
-    base: "relative flex max-w-max flex-1 items-center justify-center",
-  });
-</script>
+`},{fileName:"NavigationMenu/NavigationMenu.vue",dirPath:"components/UI",fileContent:`<template>\r
+  <NavigationMenuRoot :class="styles({ class: props.class })" v-bind="forwarded">\r
+    <slot></slot>\r
+    <slot name="viewport">\r
+      <UiNavigationMenuViewport />\r
+    </slot>\r
+  </NavigationMenuRoot>\r
+</template>\r
+\r
+<script lang="ts" setup>\r
+  import { NavigationMenuRoot, useForwardPropsEmits } from "radix-vue";\r
+  import type { NavigationMenuRootEmits, NavigationMenuRootProps } from "radix-vue";\r
+\r
+  const props = defineProps<\r
+    NavigationMenuRootProps & {\r
+      /** Custom class(es) to add to the parent */\r
+      class?: any;\r
+    }\r
+  >();\r
+  const emits = defineEmits<NavigationMenuRootEmits>();\r
+  const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);\r
+\r
+  const styles = tv({\r
+    base: "relative flex max-w-max flex-1 items-center justify-center",\r
+  });\r
+</script>\r
 `},{fileName:"NavigationMenu/Sub.vue",dirPath:"components/UI",fileContent:`<template>
   <NavigationMenuSub v-bind="forwarded">
     <slot></slot>
@@ -5816,39 +5816,41 @@ export function useFormField() {
   const emits = defineEmits<NavigationMenuSubEmits>();
   const forwarded = useForwardPropsEmits(props, emits);
 </script>
-`},{fileName:"NavigationMenu/Trigger.vue",dirPath:"components/UI",fileContent:`<template>
-  <NavigationMenuTrigger
-    v-bind="reactiveOmit(props, 'class', 'icon', 'title')"
-    :class="styles({ class: props.class })"
-  >
-    <slot>{{ title }}</slot>
-    <Icon
-      :name="icon || 'lucide:chevron-down'"
-      class="relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180"
-      aria-hidden="true"
-    />
-  </NavigationMenuTrigger>
-</template>
-
-<script lang="ts" setup>
-  import { NavigationMenuTrigger } from "radix-vue";
-  import type { NavigationMenuTriggerProps } from "radix-vue";
-
-  const props = defineProps<
-    NavigationMenuTriggerProps & {
-      /** Custom class(es) to add to the parent */
-      class?: any;
-      /** Icon to show */
-      icon?: string;
-      /** Title to show */
-      title?: string;
-    }
-  >();
-
-  const styles = tv({
-    base: "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50",
-  });
-</script>
+`},{fileName:"NavigationMenu/Trigger.vue",dirPath:"components/UI",fileContent:`<template>\r
+  <NavigationMenuTrigger\r
+    v-bind="reactiveOmit(props, 'class', 'icon', 'title')"\r
+    :class="styles({ class: props.class })"\r
+  >\r
+    <slot>{{ title }}</slot>\r
+    <slot name="icon">\r
+      <Icon\r
+        :name="icon || 'lucide:chevron-down'"\r
+        class="relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180"\r
+        aria-hidden="true"\r
+      />\r
+    </slot>\r
+  </NavigationMenuTrigger>\r
+</template>\r
+\r
+<script lang="ts" setup>\r
+  import { NavigationMenuTrigger } from "radix-vue";\r
+  import type { NavigationMenuTriggerProps } from "radix-vue";\r
+\r
+  const props = defineProps<\r
+    NavigationMenuTriggerProps & {\r
+      /** Custom class(es) to add to the parent */\r
+      class?: any;\r
+      /** Icon to show */\r
+      icon?: string;\r
+      /** Title to show */\r
+      title?: string;\r
+    }\r
+  >();\r
+\r
+  const styles = tv({\r
+    base: "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50",\r
+  });\r
+</script>\r
 `},{fileName:"NavigationMenu/Viewport.vue",dirPath:"components/UI",fileContent:`<template>
   <div class="absolute left-0 top-full flex justify-center">
     <NavigationMenuViewport
@@ -8880,8 +8882,6 @@ export { toast, useToast };
 </template>
 
 <script lang="ts" setup>
-  import { useId } from "radix-vue";
-
   const props = defineProps<{
     label?: string;
     icon?: string;
@@ -8902,9 +8902,7 @@ export { toast, useToast };
     base: "flex gap-3",
   });
 
-  defineOptions({ inheritAttrs: false });
-
-  const inputId = useId(props.id);
+  const inputId = props.id || useId();
 
   const { errorMessage, checked, handleChange } = useField(
     () => props.name || inputId,
@@ -8967,8 +8965,6 @@ export { toast, useToast };
 </template>
 
 <script lang="ts" setup>
-  import { useId } from "radix-vue";
-
   const props = withDefaults(
     defineProps<{
       label?: string;
@@ -8989,9 +8985,7 @@ export { toast, useToast };
     }
   );
 
-  defineOptions({ inheritAttrs: false });
-
-  const inputId = useId(props.id);
+  const inputId = props.id || useId();
 
   const hasIcon = computed(() => Boolean(props.icon) || Boolean(useSlots().icon));
 
@@ -9044,8 +9038,6 @@ export { toast, useToast };
 </template>
 
 <script lang="ts" setup>
-  import { useId } from "radix-vue";
-
   const props = defineProps<{
     label?: string;
     icon?: string;
@@ -9058,14 +9050,12 @@ export { toast, useToast };
     accept?: string;
   }>();
 
-  defineOptions({ inheritAttrs: false });
-
   const emits = defineEmits<{
     change: [files?: FileList | File | File[] | null];
     blur: [event?: FocusEvent];
   }>();
 
-  const inputId = useId(props.id);
+  const inputId = props.id || useId();
 
   const hasIcon = computed(() => Boolean(props.icon) || Boolean(useSlots().icon));
 
@@ -9114,8 +9104,6 @@ export { toast, useToast };
 </template>
 
 <script lang="ts" setup>
-  import { useId } from "radix-vue";
-
   const props = defineProps<{
     label?: string;
     labelHint?: string;
@@ -9131,9 +9119,7 @@ export { toast, useToast };
     placeholder?: string;
   }>();
 
-  defineOptions({ inheritAttrs: false });
-
-  const inputId = useId(props.id);
+  const inputId = props.id || useId();
 
   const hasIcon = computed(() => Boolean(props.icon) || Boolean(useSlots().icon));
 
@@ -9193,8 +9179,6 @@ export { toast, useToast };
 
   import "@vueform/multiselect/themes/default.css";
 
-  import { useId } from "radix-vue";
-
   const multiselect = shallowRef<InstanceType<typeof Multiselect> | null>(null);
 
   interface Props
@@ -9234,9 +9218,7 @@ export { toast, useToast };
     "ready",
   ]);
 
-  defineOptions({ inheritAttrs: false });
-
-  const inputId = useId(props.id);
+  const inputId = props.id || useId();
 
   const { errorMessage, value } = useField(() => props.name || inputId, props.rules, {
     initialValue: props.modelValue,
@@ -9350,7 +9332,6 @@ export { toast, useToast };
 </template>
 
 <script lang="ts" setup>
-  import { useId } from "radix-vue";
   import type { PinInputRootProps } from "radix-vue";
 
   const props = defineProps<
@@ -9369,9 +9350,7 @@ export { toast, useToast };
     complete: [value: string[]];
   }>();
 
-  defineOptions({ inheritAttrs: false });
-
-  const inputId = useId(props.id);
+  const inputId = props.id || useId();
 
   const { errorMessage, value } = useField(() => props.name || inputId, props.rules, {
     initialValue: props.modelValue || [],
@@ -9485,8 +9464,6 @@ export { toast, useToast };
 </template>
 
 <script lang="ts" setup>
-  import { useId } from "radix-vue";
-
   const props = defineProps<{
     label?: string;
     icon?: string;
@@ -9500,9 +9477,7 @@ export { toast, useToast };
     trailingIcon?: string;
   }>();
 
-  defineOptions({ inheritAttrs: false });
-
-  const inputId = useId(props.id);
+  const inputId = props.id || useId();
 
   const hasIcon = computed(() => Boolean(props.icon) || Boolean(useSlots().icon));
 
@@ -9551,8 +9526,6 @@ export { toast, useToast };
 </template>
 
 <script lang="ts" setup>
-  import { useId } from "radix-vue";
-
   const props = defineProps<{
     label?: string;
     icon?: string;
@@ -9567,9 +9540,7 @@ export { toast, useToast };
     placeholder?: string;
   }>();
 
-  defineOptions({ inheritAttrs: false });
-
-  const inputId = useId(props.id);
+  const inputId = props.id || useId();
 
   const hasIcon = computed(() => Boolean(props.icon) || Boolean(useSlots().icon));
 
@@ -9615,8 +9586,6 @@ export { toast, useToast };
 </template>
 
 <script lang="ts" setup>
-  import { useId } from "radix-vue";
-
   const props = defineProps<{
     label?: string;
     icon?: string;
@@ -9630,9 +9599,7 @@ export { toast, useToast };
     rows?: number;
   }>();
 
-  defineOptions({ inheritAttrs: false });
-
-  const inputId = useId(props.id);
+  const inputId = props.id || useId();
 
   const hasIcon = computed(() => Boolean(props.icon) || Boolean(useSlots().icon));