ui-thing 0.1.20 → 0.1.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-thing",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "description": "CLI used to add Nuxt 3 components to a project",
   "keywords": [
     "cli",
@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "axios": "^1.7.2",
-    "boxen": "^7.1.1",
+    "boxen": "^8.0.0",
     "build": "^0.1.4",
     "c12": "^1.11.1",
     "commander": "^12.1.0",
@@ -55,17 +55,17 @@
   },
   "devDependencies": {
     "@gmrchk/cli-testing-library": "^0.1.2",
-    "@ianvs/prettier-plugin-sort-imports": "^4.3.0",
+    "@ianvs/prettier-plugin-sort-imports": "^4.3.1",
     "@types/figlet": "^1.5.8",
     "@types/fs-extra": "^11.0.4",
-    "@types/lodash": "^4.17.6",
+    "@types/lodash": "^4.17.7",
     "@types/node": "^20.14.10",
     "@types/prompts": "^2.4.9",
-    "@vitest/coverage-v8": "^2.0.1",
+    "@vitest/coverage-v8": "^2.0.3",
     "magicast": "^0.3.4",
     "tsup": "^8.1.0",
     "typescript": "^5.5.3",
-    "vitest": "^2.0.1"
+    "vitest": "^2.0.3"
   },
   "publishConfig": {
     "access": "public"

package/src/comps.ts

@@ -1022,6 +1022,57 @@ export default [
     composables: [],
     plugins: [],
   },
+  {
+    name: "Editable",
+    value: "editable",
+    files: [
+      {
+        fileName: "Editable/Area.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\n  <EditableArea v-bind="props">\n    <slot />\n  </EditableArea>\n</template>\n\n<script lang="ts" setup>\n  import { EditableArea } from "radix-vue";\n  import type { EditableAreaProps } from "radix-vue";\n\n  const props = defineProps<EditableAreaProps>();\n</script>\n',
+      },
+      {
+        fileName: "Editable/Cancel.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\n  <EditableCancelTrigger v-bind="props">\n    <slot />\n  </EditableCancelTrigger>\n</template>\n\n<script lang="ts" setup>\n  import { EditableCancelTrigger } from "radix-vue";\n  import type { EditableCancelTriggerProps } from "radix-vue";\n\n  const props = defineProps<EditableCancelTriggerProps>();\n</script>\n',
+      },
+      {
+        fileName: "Editable/Edit.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\n  <EditableEditTrigger v-bind="props">\n    <slot />\n  </EditableEditTrigger>\n</template>\n\n<script lang="ts" setup>\n  import { EditableEditTrigger } from "radix-vue";\n  import type { EditableEditTriggerProps } from "radix-vue";\n\n  const props = defineProps<EditableEditTriggerProps>();\n</script>\n',
+      },
+      {
+        fileName: "Editable/Editable.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\n  <EditableRoot :ref="forwardRef" v-slot="slotProps" v-bind="forwarded">\n    <slot v-bind="slotProps" />\n  </EditableRoot>\n</template>\n\n<script lang="ts" setup>\n  import { EditableRoot, useForwardExpose, useForwardPropsEmits } from "radix-vue";\n  import type { EditableRootEmits, EditableRootProps } from "radix-vue";\n\n  const { currentRef, forwardRef } = useForwardExpose();\n  const props = defineProps<EditableRootProps>();\n  const emit = defineEmits<EditableRootEmits & { ready: [v?: any] }>();\n  const forwarded = useForwardPropsEmits(props, emit);\n\n  onMounted(() => {\n    // Emit the ready event with the current ref value\n    emit("ready", currentRef);\n  });\n</script>\n',
+      },
+      {
+        fileName: "Editable/Input.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\n  <EditableInput v-bind="props">\n    <slot />\n  </EditableInput>\n</template>\n\n<script lang="ts" setup>\n  import { EditableInput } from "radix-vue";\n  import type { EditableInputProps } from "radix-vue";\n\n  const props = defineProps<EditableInputProps>();\n</script>\n',
+      },
+      {
+        fileName: "Editable/Preview.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\n  <EditablePreview v-bind="props">\n    <slot />\n  </EditablePreview>\n</template>\n\n<script lang="ts" setup>\n  import { EditablePreview } from "radix-vue";\n  import type { EditablePreviewProps } from "radix-vue";\n\n  const props = defineProps<EditablePreviewProps>();\n</script>\n',
+      },
+      {
+        fileName: "Editable/Submit.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\n  <EditableSubmitTrigger v-bind="props">\n    <slot />\n  </EditableSubmitTrigger>\n</template>\n\n<script lang="ts" setup>\n  import { EditableSubmitTrigger } from "radix-vue";\n  import type { EditableSubmitTriggerProps } from "radix-vue";\n\n  const props = defineProps<EditableSubmitTriggerProps>();\n</script>\n',
+      },
+    ],
+    utils: [],
+    composables: [],
+    plugins: [],
+  },
   {
     name: "Fancy Icon",
     value: "fancy-icon",
@@ -2018,6 +2069,57 @@ export default [
     composables: [],
     plugins: [],
   },
+  {
+    name: "Stepper",
+    value: "stepper",
+    files: [
+      {
+        fileName: "Stepper/Description.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\n  <StepperDescription v-slot="slotProps" v-bind="props">\n    <slot v-bind="slotProps" />\n  </StepperDescription>\n</template>\n\n<script lang="ts" setup>\n  import { StepperDescription } from "radix-vue";\n  import type { StepperDescriptionProps } from "radix-vue";\n\n  const props = defineProps<StepperDescriptionProps>();\n</script>\n',
+      },
+      {
+        fileName: "Stepper/Indicator.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\n  <StepperIndicator v-bind="props">\n    <slot />\n  </StepperIndicator>\n</template>\n\n<script lang="ts" setup>\n  import { StepperIndicator } from "radix-vue";\n  import type { StepperIndicatorProps } from "radix-vue";\n\n  const props = defineProps<StepperIndicatorProps>();\n</script>\n',
+      },
+      {
+        fileName: "Stepper/Item.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\n  <StepperItem v-slot="slotProps" v-bind="props">\n    <slot v-bind="slotProps" />\n  </StepperItem>\n</template>\n\n<script lang="ts" setup>\n  import { StepperItem } from "radix-vue";\n  import type { StepperItemProps } from "radix-vue";\n\n  const props = defineProps<StepperItemProps>();\n</script>\n',
+      },
+      {
+        fileName: "Stepper/Separator.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\n  <StepperSeparator v-bind="props">\n    <slot />\n  </StepperSeparator>\n</template>\n\n<script lang="ts" setup>\n  import { StepperSeparator } from "radix-vue";\n  import type { StepperSeparatorProps } from "radix-vue";\n\n  const props = defineProps<StepperSeparatorProps>();\n</script>\n',
+      },
+      {
+        fileName: "Stepper/Stepper.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\n  <StepperRoot v-slot="slotProps" v-bind="forwarded">\n    <slot v-bind="slotProps" />\n  </StepperRoot>\n</template>\n\n<script lang="ts" setup>\n  import { StepperRoot, useForwardPropsEmits } from "radix-vue";\n  import type { StepperRootEmits, StepperRootProps } from "radix-vue";\n\n  const props = defineProps<StepperRootProps>();\n  const emit = defineEmits<StepperRootEmits>();\n  const forwarded = useForwardPropsEmits(props, emit);\n</script>\n',
+      },
+      {
+        fileName: "Stepper/Title.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\n  <StepperTitle v-bind="props">\n    <slot />\n  </StepperTitle>\n</template>\n\n<script lang="ts" setup>\n  import { StepperTitle } from "radix-vue";\n  import type { StepperTitleProps } from "radix-vue";\n\n  const props = defineProps<StepperTitleProps>();\n</script>\n',
+      },
+      {
+        fileName: "Stepper/Trigger.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\n  <StepperTrigger v-bind="props">\n    <slot />\n  </StepperTrigger>\n</template>\n\n<script lang="ts" setup>\n  import { StepperTrigger } from "radix-vue";\n  import type { StepperTriggerProps } from "radix-vue";\n\n  const props = defineProps<StepperTriggerProps>();\n</script>\n',
+      },
+    ],
+    utils: [],
+    composables: [],
+    plugins: [],
+  },
   {
     name: "Switch",
     value: "switch",