sprawlify 0.0.109 → 0.0.110

package/dist/index.mjs

@@ -8,7 +8,7 @@ import { existsSync } from "fs";
 import prompts from "prompts";
 import { faker } from "@faker-js/faker";
 //#region package.json
-var version = "0.0.109";
+var version = "0.0.110";
 //#endregion
 //#region src/utils/file-helper.ts
 const FILE_BACKUP_SUFFIX = ".bak";
@@ -280,6 +280,20 @@ const PRESETS = { monochrome: {
 						path: "badge.tsx"
 					}]
 				},
+				{
+					name: "breadcrumb",
+					dependencies: [
+						"react",
+						"lucide-react",
+						"@/lib/utils",
+						"@sprawlify/react"
+					],
+					files: [{
+						content: "import * as React from \"react\";\nimport { ChevronRightIcon, MoreHorizontalIcon } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/react\";\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<typeof sprawlify.nav>) {\n  return (\n    <sprawlify.nav\n      data-scope=\"breadcrumb\"\n      data-part=\"root\"\n      aria-label=\"breadcrumb\"\n      data-slot=\"breadcrumb\"\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<typeof sprawlify.ol>) {\n  return (\n    <sprawlify.ol\n      data-scope=\"breadcrumb\"\n      data-part=\"list\"\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<typeof sprawlify.li>) {\n  return (\n    <sprawlify.li\n      data-scope=\"breadcrumb\"\n      data-part=\"item\"\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<typeof sprawlify.a>) {\n  return (\n    <sprawlify.a\n      data-scope=\"breadcrumb\"\n      data-part=\"link\"\n      data-slot=\"breadcrumb-link\"\n      className={cn(\"transition-colors hover:text-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<typeof sprawlify.span>) {\n  return (\n    <sprawlify.span\n      data-scope=\"breadcrumb\"\n      data-part=\"page\"\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\"font-normal text-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<typeof sprawlify.li>) {\n  return (\n    <sprawlify.li\n      data-scope=\"breadcrumb\"\n      data-part=\"separator\"\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? <ChevronRightIcon />}\n    </sprawlify.li>\n  );\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<typeof sprawlify.span>) {\n  return (\n    <sprawlify.span\n      data-scope=\"breadcrumb\"\n      data-part=\"ellipsis\"\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </sprawlify.span>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n};\n",
+						type: "registry:ui",
+						path: "breadcrumb.tsx"
+					}]
+				},
 				{
 					name: "button",
 					dependencies: [
@@ -625,6 +639,20 @@ const PRESETS = { monochrome: {
 						path: "badge.tsx"
 					}]
 				},
+				{
+					name: "breadcrumb",
+					dependencies: [
+						"lucide-solid",
+						"@/lib/utils",
+						"@sprawlify/solid",
+						"solid-js"
+					],
+					files: [{
+						content: "import { ChevronRightIcon, MoreHorizontalIcon } from \"lucide-solid\";\nimport { cn } from \"@/lib/utils\";\nimport { sprawlify } from \"@sprawlify/solid\";\nimport { splitProps, type ComponentProps } from \"solid-js\";\n\nfunction Breadcrumb(props: ComponentProps<typeof sprawlify.nav>) {\n  return (\n    <sprawlify.nav\n      data-scope=\"breadcrumb\"\n      data-part=\"root\"\n      aria-label=\"breadcrumb\"\n      data-slot=\"breadcrumb\"\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbList(props: ComponentProps<typeof sprawlify.ol>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.ol\n      data-scope=\"breadcrumb\"\n      data-part=\"list\"\n      data-slot=\"breadcrumb-list\"\n      class={cn(\n        \"flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n}\n\nfunction BreadcrumbItem(props: ComponentProps<typeof sprawlify.li>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.li\n      data-scope=\"breadcrumb\"\n      data-part=\"item\"\n      data-slot=\"breadcrumb-item\"\n      class={cn(\"inline-flex items-center gap-1.5\", local.class)}\n      {...others}\n    />\n  );\n}\n\nfunction BreadcrumbLink(props: ComponentProps<typeof sprawlify.a>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.a\n      data-scope=\"breadcrumb\"\n      data-part=\"link\"\n      data-slot=\"breadcrumb-link\"\n      class={cn(\"transition-colors hover:text-foreground\", local.class)}\n      {...others}\n    />\n  );\n}\n\nfunction BreadcrumbPage(props: ComponentProps<typeof sprawlify.span>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.span\n      data-scope=\"breadcrumb\"\n      data-part=\"page\"\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      class={cn(\"font-normal text-foreground\", local.class)}\n      {...others}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator(props: ComponentProps<typeof sprawlify.li>) {\n  const [local, others] = splitProps(props, [\"class\", \"children\"]);\n\n  return (\n    <sprawlify.li\n      data-scope=\"breadcrumb\"\n      data-part=\"separator\"\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      class={cn(\"[&>svg]:size-3.5\", local.class)}\n      {...others}\n    >\n      {local.children ?? <ChevronRightIcon />}\n    </sprawlify.li>\n  );\n}\n\nfunction BreadcrumbEllipsis(props: ComponentProps<typeof sprawlify.span>) {\n  const [local, others] = splitProps(props, [\"class\"]);\n\n  return (\n    <sprawlify.span\n      data-scope=\"breadcrumb\"\n      data-part=\"ellipsis\"\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      class={cn(\"flex size-9 items-center justify-center\", local.class)}\n      {...others}\n    >\n      <MoreHorizontalIcon class=\"size-4\" />\n      <span class=\"sr-only\">More</span>\n    </sprawlify.span>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n};\n",
+						type: "registry:ui",
+						path: "breadcrumb.tsx"
+					}]
+				},
 				{
 					name: "button",
 					dependencies: [
@@ -1126,6 +1154,57 @@ const PRESETS = { monochrome: {
 						path: "badge/index.ts"
 					}]
 				},
+				{
+					name: "breadcrumb",
+					dependencies: [
+						"@/lib/utils",
+						"@sprawlify/svelte",
+						"lucide-svelte",
+						"svelte/elements"
+					],
+					files: [
+						{
+							content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport { MoreHorizontalIcon } from \"lucide-svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLSpanElement>, PolymorphicProps<\"span\"> {}\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"span\"\r\n  role=\"presentation\"\r\n  aria-hidden=\"true\"\r\n  data-scope=\"breadcrumb\"\r\n  data-part=\"ellipsis\"\r\n  class={cn(\"flex size-9 items-center justify-center\", className)}\r\n  {...rest}\r\n>\r\n  {#if children}\r\n    {@render children?.()}\r\n  {:else}\r\n    <MoreHorizontalIcon class=\"size-4\" />\r\n  {/if}\r\n</Sprawlify>",
+							type: "registry:ui",
+							path: "breadcrumb/breadcrumb-ellipsis.svelte"
+						},
+						{
+							content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLLiAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLLiAttributes, PolymorphicProps<\"li\"> {}\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"li\"\r\n  data-scope=\"breadcrumb\"\r\n  data-part=\"item\"\r\n  class={cn(\"inline-flex items-center gap-1.5\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+							type: "registry:ui",
+							path: "breadcrumb/breadcrumb-item.svelte"
+						},
+						{
+							content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAnchorAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAnchorAttributes, PolymorphicProps<\"a\"> {}\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"a\"\r\n  data-scope=\"breadcrumb\"\r\n  data-part=\"link\"\r\n  class={cn(\"transition-colors hover:text-foreground\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+							type: "registry:ui",
+							path: "breadcrumb/breadcrumb-link.svelte"
+						},
+						{
+							content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLOlAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLOlAttributes, PolymorphicProps<\"ol\"> {}\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"ol\"\r\n  data-scope=\"breadcrumb\"\r\n  data-part=\"list\"\r\n  class={cn(\"flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+							type: "registry:ui",
+							path: "breadcrumb/breadcrumb-list.svelte"
+						},
+						{
+							content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLSpanElement>, PolymorphicProps<\"span\"> {}\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"span\"\r\n  role=\"link\"\r\n  aria-disabled=\"true\"\r\n  aria-current=\"page\"\r\n  data-scope=\"breadcrumb\"\r\n  data-part=\"page\"\r\n  class={cn(\"font-normal text-foreground\", className)}\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+							type: "registry:ui",
+							path: "breadcrumb/breadcrumb-page.svelte"
+						},
+						{
+							content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport { ChevronRightIcon } from \"lucide-svelte\"\r\nimport type { HTMLLiAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLLiAttributes, PolymorphicProps<\"li\"> {}\r\n  \r\nlet { class: className, children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"li\"\r\n  role=\"presentation\"\r\n  aria-hidden=\"true\"\r\n  data-scope=\"breadcrumb\"\r\n  data-part=\"separator\"\r\n  class={cn(\"\", className)}\r\n  {...rest}\r\n>\r\n  {#if children}\r\n    {@render children?.()}\r\n  {:else}\r\n    <ChevronRightIcon class=\"size-4\" />\r\n  {/if}\r\n</Sprawlify>",
+							type: "registry:ui",
+							path: "breadcrumb/breadcrumb-separator.svelte"
+						},
+						{
+							content: "<script lang=\"ts\">\r\nimport { cn } from \"@/lib/utils\"\r\nimport { Sprawlify, type PolymorphicProps } from \"@sprawlify/svelte\"\r\nimport type { HTMLAttributes } from \"svelte/elements\";\r\n\r\ninterface Props extends HTMLAttributes<HTMLElement>, PolymorphicProps<\"nav\"> {}\r\n  \r\nlet { children, ...rest }: Props = $props()\r\n<\/script>\r\n\r\n<Sprawlify\r\n  as=\"nav\"\r\n  data-scope=\"breadcrumb\"\r\n  data-part=\"root\"\r\n  aria-label=\"breadcrumb\"\r\n  {...rest}\r\n>\r\n  {@render children?.()}\r\n</Sprawlify>",
+							type: "registry:ui",
+							path: "breadcrumb/breadcrumb.svelte"
+						},
+						{
+							content: "export { default as Breadcrumb } from \"./breadcrumb.svelte\";\nexport { default as BreadcrumbList } from \"./breadcrumb-list.svelte\";\nexport { default as BreadcrumbItem } from \"./breadcrumb-item.svelte\";\nexport { default as BreadcrumbLink } from \"./breadcrumb-link.svelte\";\nexport { default as BreadcrumbPage } from \"./breadcrumb-page.svelte\";\nexport { default as BreadcrumbSeparator } from \"./breadcrumb-separator.svelte\";\nexport { default as BreadcrumbEllipsis } from \"./breadcrumb-ellipsis.svelte\";\n",
+							type: "registry:ui",
+							path: "breadcrumb/index.ts"
+						}
+					]
+				},
 				{
 					name: "button",
 					dependencies: [
@@ -2023,6 +2102,57 @@ const PRESETS = { monochrome: {
 						path: "badge/index.ts"
 					}]
 				},
+				{
+					name: "breadcrumb",
+					dependencies: [
+						"@sprawlify/vue",
+						"vue",
+						"lucide-vue-next",
+						"@/lib/utils"
+					],
+					files: [
+						{
+							content: "<script lang=\"ts\">\r\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\r\nimport { type HTMLAttributes } from \"vue\";\r\n\r\nexport interface BreadcrumbEllipsisProps extends PolymorphicProps, /* @vue-ignore */ HTMLAttributes {}\r\n<\/script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { sprawlify } from \"@sprawlify/vue\"\r\nimport { computed, useAttrs } from \"vue\"\r\nimport { MoreHorizontalIcon } from \"lucide-vue-next\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst { role = \"presentation\", \"aria-hidden\": ariaHidden = \"true\", ...rest } = defineProps<BreadcrumbEllipsisProps>()\r\nconst attrs = useAttrs()\r\n\r\nconst className = computed(() => cn(\"flex h-9 w-9 items-center justify-center\", attrs.class as string))\r\n<\/script>\r\n\r\n<template>\r\n  <sprawlify.span\r\n    data-scope=\"breadcrumb\"\r\n    data-part=\"ellipsis\"\r\n    data-slot=\"breadcrumb-ellipsis\"\r\n    :role=\"role\"\r\n    :aria-hidden=\"ariaHidden\"\r\n    :class=\"className\"\r\n    v-bind=\"rest\"\r\n  >\r\n    <MoreHorizontalIcon class=\"size-4\"/>\r\n    <span class=\"sr-only\">More</span>\r\n  </sprawlify.span>\r\n</template>",
+							type: "registry:ui",
+							path: "breadcrumb/breadcrumb-ellipsis.vue"
+						},
+						{
+							content: "<script lang=\"ts\">\r\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\r\nimport { type HTMLAttributes } from \"vue\";\r\n\r\nexport interface BreadcrumbItemProps extends PolymorphicProps, /* @vue-ignore */ HTMLAttributes {}\r\n<\/script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { sprawlify } from \"@sprawlify/vue\"\r\nimport { computed, useAttrs } from \"vue\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\n\r\nconst { asChild, ...rest } = defineProps<BreadcrumbItemProps>()\r\nconst attrs = useAttrs()\r\n\r\nconst className = computed(() => cn(\"inline-flex items-center gap-1.5\", attrs.class as string))\r\n<\/script>\r\n\r\n<template>\r\n  <sprawlify.li\r\n    data-scope=\"breadcrumb\"\r\n    data-part=\"item\"\r\n    data-slot=\"breadcrumb-item\"\r\n    :class=\"className\"\r\n    v-bind=\"rest\"\r\n    :as-child=\"asChild\"\r\n  >\r\n    <slot />\r\n  </sprawlify.li>\r\n</template>",
+							type: "registry:ui",
+							path: "breadcrumb/breadcrumb-item.vue"
+						},
+						{
+							content: "<script lang=\"ts\">\r\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\r\nimport { type HTMLAttributes } from \"vue\";\r\n\r\nexport interface BreadcrumbLinkProps extends PolymorphicProps, /* @vue-ignore */ HTMLAttributes {}\r\n<\/script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { sprawlify } from \"@sprawlify/vue\"\r\nimport { computed, useAttrs } from \"vue\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst { asChild, ...rest } = defineProps<BreadcrumbLinkProps>()\r\nconst attrs = useAttrs()\r\n\r\nconst className = computed(() =>\r\n  cn(\"transition-colors hover:text-foreground\", attrs.class as string)\r\n)\r\n<\/script>\r\n\r\n<template>\r\n  <sprawlify.a\r\n    data-scope=\"breadcrumb\"\r\n    data-part=\"link\"\r\n    data-slot=\"breadcrumb-link\"\r\n    :class=\"className\"\r\n    v-bind=\"rest\"\r\n    :as-child=\"asChild\"\r\n  >\r\n    <slot />\r\n  </sprawlify.a>\r\n</template>",
+							type: "registry:ui",
+							path: "breadcrumb/breadcrumb-link.vue"
+						},
+						{
+							content: "<script lang=\"ts\">\r\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\r\nimport { type HTMLAttributes } from \"vue\";\r\n\r\nexport interface BreadcrumbListProps extends PolymorphicProps, /* @vue-ignore */ HTMLAttributes {}\r\n<\/script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { sprawlify } from \"@sprawlify/vue\"\r\nimport { computed, useAttrs } from \"vue\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst { asChild, ...rest } = defineProps<BreadcrumbListProps>()\r\nconst attrs = useAttrs()\r\n\r\nconst className = computed(() =>\r\n  cn(\"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\", attrs.class as string)\r\n)\r\n<\/script>\r\n\r\n<template>\r\n  <sprawlify.ol\r\n    data-scope=\"breadcrumb\"\r\n    data-part=\"list\"\r\n    data-slot=\"breadcrumb-list\"\r\n    :class=\"className\"\r\n    v-bind=\"rest\"\r\n    :as-child=\"asChild\"\r\n  >\r\n    <slot />\r\n  </sprawlify.ol>\r\n</template>",
+							type: "registry:ui",
+							path: "breadcrumb/breadcrumb-list.vue"
+						},
+						{
+							content: "<script lang=\"ts\">\r\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\r\nimport { type HTMLAttributes } from \"vue\";\r\n\r\nexport interface BreadcrumbPageProps extends PolymorphicProps, /* @vue-ignore */ HTMLAttributes {}\r\n<\/script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { sprawlify } from \"@sprawlify/vue\"\r\nimport { computed, useAttrs } from \"vue\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nexport interface BreadcrumbPageProps extends PolymorphicProps {}\r\n\r\nconst { role = \"link\", \"aria-disabled\": ariaDisabled = \"true\", \"aria-current\": ariaCurrent = \"page\", asChild, ...rest } = defineProps<BreadcrumbPageProps>()\r\nconst attrs = useAttrs()\r\n\r\nconst className = computed(() => cn(\"font-normal text-foreground\", attrs.class as string))\r\n<\/script>\r\n\r\n<template>\r\n  <sprawlify.span\r\n    data-scope=\"breadcrumb\"\r\n    data-part=\"page\"\r\n    data-slot=\"breadcrumb-page\"\r\n    :role=\"role\"\r\n    :aria-disabled=\"ariaDisabled\"\r\n    :aria-current=\"ariaCurrent\"\r\n    :class=\"className\"\r\n    v-bind=\"rest\"\r\n    :as-child=\"asChild\"\r\n  >\r\n    <slot />\r\n  </sprawlify.span>\r\n</template>",
+							type: "registry:ui",
+							path: "breadcrumb/breadcrumb-page.vue"
+						},
+						{
+							content: "<script lang=\"ts\">\r\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\r\nimport { type HTMLAttributes } from \"vue\";\r\n\r\nexport interface BreadcrumbSeparatorProps extends PolymorphicProps, /* @vue-ignore */ HTMLAttributes {}\r\n<\/script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { sprawlify } from \"@sprawlify/vue\"\r\nimport { computed, useAttrs } from \"vue\"\r\nimport { ChevronRightIcon } from \"lucide-vue-next\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst { role = \"presentation\", \"aria-hidden\": ariaHidden = \"true\", asChild, ...rest } = defineProps<BreadcrumbSeparatorProps>()\r\nconst attrs = useAttrs()\r\n\r\nconst className = computed(() => cn(\"[&>svg]:size-3.5\", attrs.class as string))\r\n<\/script>\r\n\r\n<template>\r\n  <sprawlify.li\r\n    data-scope=\"breadcrumb\"\r\n    data-part=\"separator\"\r\n    data-slot=\"breadcrumb-separator\"\r\n    :role=\"role\"\r\n    :aria-hidden=\"ariaHidden\"\r\n    :class=\"className\"\r\n    v-bind=\"rest\"\r\n  >\r\n    <slot>\r\n      <ChevronRightIcon />\r\n    </slot>\r\n  </sprawlify.li>\r\n</template>",
+							type: "registry:ui",
+							path: "breadcrumb/breadcrumb-separator.vue"
+						},
+						{
+							content: "<script lang=\"ts\">\r\nimport type { PolymorphicProps } from \"@sprawlify/vue\";\r\nimport { type HTMLAttributes } from \"vue\";\r\n\r\nexport interface BreadcrumbProps extends PolymorphicProps, /* @vue-ignore */ HTMLAttributes {}\r\n<\/script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { sprawlify } from \"@sprawlify/vue\"\r\nimport { computed, useAttrs } from \"vue\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nconst { role = \"navigation\", \"aria-label\": ariaLabel = \"breadcrumb\", asChild, ...rest } = defineProps<BreadcrumbProps>()\r\nconst attrs = useAttrs()\r\n\r\nconst className = computed(() => cn(attrs.class as string))\r\n<\/script>\r\n\r\n<template>\r\n  <sprawlify.nav\r\n    data-scope=\"breadcrumb\"\r\n    data-part=\"root\"\r\n    data-slot=\"breadcrumb\"\r\n    :role=\"role\"\r\n    :aria-label=\"ariaLabel\"\r\n    :class=\"className\"\r\n    v-bind=\"rest\"\r\n    :as-child=\"asChild\"\r\n  >\r\n    <slot />\r\n  </sprawlify.nav>\r\n</template>",
+							type: "registry:ui",
+							path: "breadcrumb/breadcrumb.vue"
+						},
+						{
+							content: "export { default as Breadcrumb } from \"./breadcrumb.vue\"\r\nexport { default as BreadcrumbList } from \"./breadcrumb-list.vue\"\r\nexport { default as BreadcrumbItem } from \"./breadcrumb-item.vue\"\r\nexport { default as BreadcrumbLink } from \"./breadcrumb-link.vue\"\r\nexport { default as BreadcrumbPage } from \"./breadcrumb-page.vue\"\r\nexport { default as BreadcrumbSeparator } from \"./breadcrumb-separator.vue\"\r\nexport { default as BreadcrumbEllipsis } from \"./breadcrumb-ellipsis.vue\"",
+							type: "registry:ui",
+							path: "breadcrumb/index.ts"
+						}
+					]
+				},
 				{
 					name: "button",
 					dependencies: [
@@ -2815,7 +2945,7 @@ async function ensureOverwriteAllowed(options) {
 	const { overwrite } = await prompts({
 		type: "confirm",
 		name: "overwrite",
-		message: `A ${highlighter.info("components.json")} file already exists. Would you like to overwrite it?`,
+		message: `An existing project was found. Do you want to overwrite the existing configuration and components?`,
 		initial: false
 	});
 	if (!overwrite) {
@@ -3145,7 +3275,10 @@ dist-ssr
     "noUnusedParameters": true,
     "erasableSyntaxOnly": true,
     "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
+    "noUncheckedSideEffectImports": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    }
   },
   "include": ["src"]
 }`
@@ -3323,7 +3456,10 @@ dist-ssr
     "noUnusedParameters": true,
     "erasableSyntaxOnly": true,
     "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
+    "noUncheckedSideEffectImports": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    }
   },
   "include": ["src"]
 }`
@@ -3492,7 +3628,10 @@ export default {}`
     "noEmit": true,
     "allowJs": true,
     "checkJs": true,
-    "moduleDetection": "force"
+    "moduleDetection": "force",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
   },
   "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
 }`
@@ -3654,7 +3793,10 @@ dist-ssr
     "noUnusedParameters": true,
     "erasableSyntaxOnly": true,
     "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
+    "noUncheckedSideEffectImports": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    }
   },
   "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
 }`
@@ -3893,7 +4035,7 @@ async function doneInit(options) {
 	await sleep(200);
 }
 //#endregion
-//#region src/commands/init.ts
+//#region src/commands/init/index.ts
 const init = new Command().name("init").alias("create").description("initialize your project and install dependencies").argument("[components...]", "names, url or local path to component").option("-p, --preset <preset>", "the preset to use. (monochrome, clay)").option("-f, --framework <framework>", "the framework to use. (react, solid, svelte, vue)").option("--metaframework <metaframework>", "the metaframework to use. (next, react-router, nuxt, sveltekit)").option("-y, --yes", "skip confirmation prompt.", true).option("-d, --defaults", "use default configuration: --preset=monochrome --framework=react --metaframework=none", false).option("-o, --override", "override existing configuration.", false).option("-c, --cwd <cwd>", "the working directory. defaults to the current directory.", process.cwd()).option("-n, --name <name>", "the name for the new project.").option("-s, --silent", "mute output.", false).option("--reinstall", "re-install existing UI components.").option("--no-reinstall", "do not re-install existing UI components.").action(async (components, opts) => {
 	try {
 		const options = parseInitOptions(opts);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprawlify",
-  "version": "0.0.109",
+  "version": "0.0.110",
   "description": "A command-line interface for Sprawlify.",
   "license": "MIT",
   "author": "sprawlify <npm@sprawlify.com>",