ui-thing 0.0.20 → 0.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/comps.ts +3 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ui-thing",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.21",
|
|
4
4
|
"description": "CLI used to add Nuxt 3 components to a project",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"@types/figlet": "^1.5.8",
|
|
62
62
|
"@types/fs-extra": "^11.0.4",
|
|
63
63
|
"@types/lodash": "^4.14.202",
|
|
64
|
-
"@types/node": "^20.10.
|
|
64
|
+
"@types/node": "^20.10.5",
|
|
65
65
|
"@types/prompts": "^2.4.9",
|
|
66
66
|
"@vitest/coverage-v8": "^1.0.4",
|
|
67
67
|
"magicast": "^0.3.2",
|
package/src/comps.ts
CHANGED
|
@@ -579,7 +579,7 @@ export default [
|
|
|
579
579
|
fileName: "Container.vue",
|
|
580
580
|
dirPath: "components/UI",
|
|
581
581
|
fileContent:
|
|
582
|
-
'<template>\r\n <Primitive :class="styles({ class: props.class })" v-bind="reactiveOmit(props, \'class\')">\r\n <slot></slot>\r\n </Primitive>\r\n</template>\r\n\r\n<script lang="ts" setup>\r\n import type { PrimitiveProps } from "radix-vue";\r\n\r\n const props = withDefaults(\r\n defineProps<\r\n PrimitiveProps & {\r\n class?: any;\r\n }\r\n >(),\r\n {\r\n as: "div",\r\n }\r\n );\r\n\r\n const styles = tv({\r\n base: "container mx-auto",\r\n });\r\n</script>\r\n',
|
|
582
|
+
'<template>\r\n <Primitive :class="styles({ class: props.class })" v-bind="reactiveOmit(props, \'class\')">\r\n <slot></slot>\r\n </Primitive>\r\n</template>\r\n\r\n<script lang="ts" setup>\r\n import { Primitive } from "radix-vue";\r\n import type { PrimitiveProps } from "radix-vue";\r\n\r\n const props = withDefaults(\r\n defineProps<\r\n PrimitiveProps & {\r\n class?: any;\r\n }\r\n >(),\r\n {\r\n as: "div",\r\n }\r\n );\r\n\r\n const styles = tv({\r\n base: "container mx-auto",\r\n });\r\n</script>\r\n',
|
|
583
583
|
},
|
|
584
584
|
],
|
|
585
585
|
utils: [],
|
|
@@ -1312,7 +1312,7 @@ export default [
|
|
|
1312
1312
|
fileName: "Navbar.vue",
|
|
1313
1313
|
dirPath: "components/UI",
|
|
1314
1314
|
fileContent:
|
|
1315
|
-
'<template>\r\n <Primitive :class="styles({ sticky, class: props.class })" v-bind="reactiveOmit(props, \'class\')">\r\n <slot> </slot>\r\n </Primitive>\r\n</template>\r\n\r\n<script lang="ts" setup>\r\n import { type PrimitiveProps } from "radix-vue";\r\n\r\n const props = withDefaults(\r\n defineProps<\r\n PrimitiveProps & {\r\n class?: any;\r\n sticky?: boolean;\r\n }\r\n >(),\r\n {\r\n as: "header",\r\n }\r\n );\r\n\r\n const styles = tv({\r\n base: "z-20 border-b bg-background/90 backdrop-blur",\r\n variants: {\r\n sticky: {\r\n true: "sticky top-0",\r\n },\r\n },\r\n });\r\n</script>\r\n',
|
|
1315
|
+
'<template>\r\n <Primitive :class="styles({ sticky, class: props.class })" v-bind="reactiveOmit(props, \'class\')">\r\n <slot> </slot>\r\n </Primitive>\r\n</template>\r\n\r\n<script lang="ts" setup>\r\n import { Primitive } from "radix-vue";\r\n import type { PrimitiveProps } from "radix-vue";\r\n\r\n const props = withDefaults(\r\n defineProps<\r\n PrimitiveProps & {\r\n class?: any;\r\n sticky?: boolean;\r\n }\r\n >(),\r\n {\r\n as: "header",\r\n }\r\n );\r\n\r\n const styles = tv({\r\n base: "z-20 border-b bg-background/90 backdrop-blur",\r\n variants: {\r\n sticky: {\r\n true: "sticky top-0",\r\n },\r\n },\r\n });\r\n</script>\r\n',
|
|
1316
1316
|
},
|
|
1317
1317
|
],
|
|
1318
1318
|
utils: [],
|
|
@@ -2150,7 +2150,7 @@ export default [
|
|
|
2150
2150
|
fileName: "Toast/Toast.vue",
|
|
2151
2151
|
dirPath: "components/UI",
|
|
2152
2152
|
fileContent:
|
|
2153
|
-
'<template>\r\n <ToastRoot\r\n v-bind="forwarded"\r\n :class="styles({ variant, class: props.class })"\r\n @update:open="onOpenChange"\r\n >\r\n <slot></slot>\r\n </ToastRoot>\r\n</template>\r\n\r\n<script lang="ts" setup>\r\n import { ToastRoot, useForwardPropsEmits } from "radix-vue";\r\n import type { ToastRootEmits, ToastRootProps } from "radix-vue";\r\n\r\n export interface ToastProps extends ToastRootProps {\r\n /**\r\n * Custom class names to add to the toast.\r\n */\r\n class?: any;\r\n /**\r\n * The variant of the toast.\r\n */\r\n variant?: VariantProps<typeof styles>["variant"];\r\n /**\r\n * Callback that fires when the toast is closed.\r\n */\r\n onOpenChange?: ((value: boolean) => void) | undefined;\r\n }\r\n\r\n const props = withDefaults(defineProps<ToastProps>(), {});\r\n\r\n const emits = defineEmits<ToastRootEmits>();\r\n const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);\r\n\r\n const styles = tv({\r\n base: "group pointer-events-auto relative flex w-full items-center justify-between gap-4 overflow-hidden rounded-md border p-4 pr-9 shadow-sm transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",\r\n variants: {\r\n variant: {\r\n default: "border bg-background text-foreground",\r\n success:\r\n "success group border-[var(--success-border)] bg-[--success-bg] text-[--success-text]",\r\n info: "info group border-[var(--info-border)] bg-[--info-bg] text-[--info-text]",\r\n warning:\r\n "warning group border-[var(--warning-border)] bg-[--warning-bg] text-[--warning-text]",\r\n destructive:\r\n "destructive group border-[var(--error-border)] bg-[--error-bg] text-[--error-text]",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: "default",\r\n },\r\n });\r\n</script>\r\n',
|
|
2153
|
+
'<template>\r\n <ToastRoot\r\n v-bind="forwarded"\r\n :class="styles({ variant, class: props.class })"\r\n @update:open="onOpenChange"\r\n >\r\n <slot></slot>\r\n </ToastRoot>\r\n</template>\r\n\r\n<script lang="ts" setup>\r\n import { ToastRoot, useForwardPropsEmits } from "radix-vue";\r\n import type { ToastRootEmits, ToastRootProps } from "radix-vue";\r\n\r\n export interface ToastProps extends ToastRootProps {\r\n /**\r\n * Custom class names to add to the toast.\r\n */\r\n class?: any;\r\n /**\r\n * The variant of the toast.\r\n */\r\n variant?: VariantProps<typeof styles>["variant"];\r\n /**\r\n * Callback that fires when the toast is closed.\r\n */\r\n onOpenChange?: ((value: boolean) => void) | undefined;\r\n }\r\n\r\n const props = withDefaults(defineProps<ToastProps>(), {});\r\n\r\n const emits = defineEmits<ToastRootEmits>();\r\n const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);\r\n\r\n const styles = tv({\r\n base: "group pointer-events-auto relative flex w-full items-center justify-between gap-4 overflow-hidden rounded-md border p-4 pr-9 shadow-sm transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:duration-300 data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",\r\n variants: {\r\n variant: {\r\n default: "border bg-background text-foreground",\r\n success:\r\n "success group border-[var(--success-border)] bg-[--success-bg] text-[--success-text]",\r\n info: "info group border-[var(--info-border)] bg-[--info-bg] text-[--info-text]",\r\n warning:\r\n "warning group border-[var(--warning-border)] bg-[--warning-bg] text-[--warning-text]",\r\n destructive:\r\n "destructive group border-[var(--error-border)] bg-[--error-bg] text-[--error-text]",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: "default",\r\n },\r\n });\r\n</script>\r\n',
|
|
2154
2154
|
},
|
|
2155
2155
|
{
|
|
2156
2156
|
fileName: "Toast/Toaster.vue",
|