ui-thing 0.1.10 → 0.1.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-thing",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "CLI used to add Nuxt 3 components to a project",
   "type": "module",
   "types": "./dist/index.d.ts",
@@ -62,7 +62,7 @@
     "@types/figlet": "^1.5.8",
     "@types/fs-extra": "^11.0.4",
     "@types/lodash": "^4.17.0",
-    "@types/node": "^20.12.2",
+    "@types/node": "^20.12.4",
     "@types/prompts": "^2.4.9",
     "@vitest/coverage-v8": "^1.4.0",
     "magicast": "^0.3.3",

package/src/comps.ts

@@ -1884,7 +1884,7 @@ export default [
         fileName: "Splitter/Panel.vue",
         dirPath: "components/UI",
         fileContent:
-          '<template>\n  <SplitterPanel\n    v-bind="forwarded"\n    v-slot="{ isCollapsed, isExpanded }: { isCollapsed: boolean; isExpanded: boolean }"\n  >\n    <slot :isCollapsed="isCollapsed" :isExpanded="isExpanded"></slot>\n  </SplitterPanel>\n</template>\n\n<script lang="ts" setup>\n  import { SplitterPanel, useForwardPropsEmits } from "radix-vue";\n  import type { SplitterPanelEmits, SplitterPanelProps } from "radix-vue";\n\n  const props = withDefaults(defineProps<SplitterPanelProps>(), {});\n\n  const emit = defineEmits<SplitterPanelEmits>();\n\n  const forwarded = useForwardPropsEmits(props, emit);\n</script>\n',
+          '<template>\n  <SplitterPanel\n    v-bind="forwarded"\n    ref="forwardRef"\n    v-slot="{ isCollapsed, isExpanded }: { isCollapsed: boolean; isExpanded: boolean }"\n  >\n    <slot :isCollapsed="isCollapsed" :isExpanded="isExpanded"></slot>\n  </SplitterPanel>\n</template>\n\n<script lang="ts" setup>\n  import { SplitterPanel, useForwardExpose, useForwardPropsEmits } from "radix-vue";\n  import type { SplitterPanelEmits, SplitterPanelProps } from "radix-vue";\n\n  const props = withDefaults(defineProps<SplitterPanelProps>(), {});\n\n  const forwardRef = ref<InstanceType<typeof SplitterPanel>>();\n  const emit = defineEmits<\n    SplitterPanelEmits & {\n      ready: [value: InstanceType<typeof SplitterPanel>];\n    }\n  >();\n\n  const forwarded = useForwardPropsEmits(props, emit);\n\n  onMounted(async () => {\n    await nextTick();\n    emit("ready", forwardRef.value!);\n  });\n</script>\n',
       },
       {
         fileName: "Splitter/Handle.vue",
@@ -2178,6 +2178,27 @@ export default [
     composables: [],
     plugins: [],
   },
+  {
+    name: "Toggle Group",
+    value: "toggle-group",
+    files: [
+      {
+        fileName: "ToggleGroup/ToggleGroup.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\n  <ToggleGroupRoot\n    v-slot="{ modelValue }"\n    v-bind="forwarded"\n    :class="styles({ class: props.class })"\n  >\n    <slot :modelValue="modelValue" />\n  </ToggleGroupRoot>\n</template>\n\n<script lang="ts" setup>\n  import { ToggleGroupRoot, useForwardPropsEmits } from "radix-vue";\n  import type { ToggleGroupRootEmits, ToggleGroupRootProps } from "radix-vue";\n\n  const props = defineProps<\n    ToggleGroupRootProps & {\n      /** custom class to add to the parent */\n      class?: any;\n    }\n  >();\n\n  const emit = defineEmits<ToggleGroupRootEmits>();\n  const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emit);\n\n  const styles = tv({\n    base: "flex items-center justify-center gap-1",\n  });\n</script>\n',
+      },
+      {
+        fileName: "ToggleGroup/ToggleGroupItem.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\n  <ToggleGroupItem v-bind="forwarded" :class="styles({ class: props.class, size, variant })">\n    <slot>\n      <Icon class="size-4" v-if="icon" :name="icon" />\n    </slot>\n  </ToggleGroupItem>\n</template>\n\n<script lang="ts" setup>\n  import { ToggleGroupItem, useForwardProps } from "radix-vue";\n  import type { ToggleGroupItemProps, ToggleGroupRootEmits } from "radix-vue";\n\n  const props = defineProps<\n    ToggleGroupItemProps & {\n      /** custom class to add to the toggle */\n      class?: any;\n      /** icon to display */\n      icon?: string;\n      /** variant of the toggle */\n      variant?: VariantProps<typeof styles>["variant"];\n      /** size of the toggle */\n      size?: VariantProps<typeof styles>["size"];\n    }\n  >();\n\n  const forwarded = useForwardProps(reactiveOmit(props, "class"));\n\n  const styles = tv({\n    base: "inline-flex items-center justify-center rounded-md font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground sm:text-sm",\n    variants: {\n      variant: {\n        default: "bg-transparent",\n        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground",\n      },\n      size: {\n        default: "h-10 px-3",\n        sm: "h-9 px-2.5",\n        lg: "h-11 px-5",\n      },\n    },\n    defaultVariants: {\n      variant: "default",\n      size: "default",\n    },\n  });\n</script>\n',
+      },
+    ],
+    utils: [],
+    composables: [],
+    plugins: [],
+  },
   {
     name: "Tooltip",
     value: "tooltip",
@@ -2244,11 +2265,11 @@ export default [
   },
   {
     name: "VeeCurrencyInput",
-    value: "vee-currencyinput",
+    value: "vee-currency-input",
     deps: ["@vee-validate/nuxt", "@morev/vue-transitions"],
     askValidator: true,
     nuxtModules: ["@vee-validate/nuxt", "@morev/vue-transitions/nuxt"],
-    components: ["currencyinput", "label"],
+    components: ["currency-input", "label"],
     files: [
       {
         fileName: "Vee/CurrencyInput.vue",