fix: build error

apps/www/package.json

@@ -16,7 +16,7 @@
     "@mdx-js/mdx": "^2.3.0",
     "@solidjs/meta": "^0.29.3",
     "@solidjs/router": "^0.12.0",
-    "@solidjs/start": "^0.5.4",
+    "@solidjs/start": "^0.5.5",
     "@vinxi/plugin-mdx": "^3.6.7",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",

apps/www/public/registry/styles/default/accordion.json

@@ -4,7 +4,7 @@
   "files": [
     {
       "name": "accordion.tsx",
-      "content": "import { cn } from \"@/lib/cn\"\nimport { Accordion as AccordionPrimitive } from \"@kobalte/core\"\nimport type { Component, ParentComponent } from \"solid-js\"\nimport { splitProps } from \"solid-js\"\n\nexport const Accordion = AccordionPrimitive.Root\n\nexport const AccordionItem: Component<AccordionPrimitive.AccordionItemProps> = (\n  props\n) => {\n  const [local, rest] = splitProps(props, [\"class\"])\n  return (\n    <AccordionPrimitive.Item class={cn(\"border-b\", local.class)} {...rest} />\n  )\n}\n\nexport const AccordionTrigger: ParentComponent<\n  AccordionPrimitive.AccordionTriggerProps\n> = (props) => {\n  const [local, rest] = splitProps(props, [\"class\", \"children\"])\n  return (\n    <AccordionPrimitive.Header class=\"flex\" as=\"div\">\n      <AccordionPrimitive.Trigger\n        class={cn(\n          \"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-expanded]>svg]:rotate-180\",\n          local.class\n        )}\n        {...rest}\n      >\n        {local.children}\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          class=\"text-muted-foreground h-4 w-4 transition-transform duration-200\"\n        >\n          <path\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"m6 9l6 6l6-6\"\n          />\n        </svg>\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nexport const AccordionContent: ParentComponent<\n  AccordionPrimitive.AccordionContentProps\n> = (props) => {\n  const [local, rest] = splitProps(props, [\"class\", \"children\"])\n  return (\n    <AccordionPrimitive.Content\n      class={cn(\n        \"animate-accordion-up data-[expanded]:animate-accordion-down overflow-hidden text-sm\",\n        local.class\n      )}\n      {...rest}\n    >\n      <div class=\"pb-4 pt-0\">{local.children}</div>\n    </AccordionPrimitive.Content>\n  )\n}\n"
+      "content": "import { cn } from \"@/lib/cn\"\r\nimport { Accordion as AccordionPrimitive } from \"@kobalte/core\"\r\nimport type { Component, ParentComponent } from \"solid-js\"\r\nimport { splitProps } from \"solid-js\"\r\n\r\nexport const Accordion = AccordionPrimitive.Root\r\n\r\nexport const AccordionItem: Component<AccordionPrimitive.AccordionItemProps> = (\r\n  props\r\n) => {\r\n  const [local, rest] = splitProps(props, [\"class\"])\r\n  return (\r\n    <AccordionPrimitive.Item class={cn(\"border-b\", local.class)} {...rest} />\r\n  )\r\n}\r\n\r\nexport const AccordionTrigger: ParentComponent<\r\n  AccordionPrimitive.AccordionTriggerProps\r\n> = (props) => {\r\n  const [local, rest] = splitProps(props, [\"class\", \"children\"])\r\n  return (\r\n    <AccordionPrimitive.Header class=\"flex\" as=\"div\">\r\n      <AccordionPrimitive.Trigger\r\n        class={cn(\r\n          \"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-expanded]>svg]:rotate-180\",\r\n          local.class\r\n        )}\r\n        {...rest}\r\n      >\r\n        {local.children}\r\n        <svg\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n          viewBox=\"0 0 24 24\"\r\n          class=\"text-muted-foreground h-4 w-4 transition-transform duration-200\"\r\n        >\r\n          <path\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\r\n            stroke-width=\"2\"\r\n            d=\"m6 9l6 6l6-6\"\r\n          />\r\n        </svg>\r\n      </AccordionPrimitive.Trigger>\r\n    </AccordionPrimitive.Header>\r\n  )\r\n}\r\n\r\nexport const AccordionContent: ParentComponent<\r\n  AccordionPrimitive.AccordionContentProps\r\n> = (props) => {\r\n  const [local, rest] = splitProps(props, [\"class\", \"children\"])\r\n  return (\r\n    <AccordionPrimitive.Content\r\n      class={cn(\r\n        \"animate-accordion-up data-[expanded]:animate-accordion-down overflow-hidden text-sm\",\r\n        local.class\r\n      )}\r\n      {...rest}\r\n    >\r\n      <div class=\"pb-4 pt-0\">{local.children}</div>\r\n    </AccordionPrimitive.Content>\r\n  )\r\n}\r\n"
     }
   ],
   "type": "components:ui"

apps/www/public/registry/styles/default/alert-dialog.json

@@ -5,7 +5,7 @@
   "files": [
     {
       "name": "alert-dialog.tsx",
-      "content": "import { cn } from \"@/lib/cn\"\nimport { AlertDialog as AlertDialogPrimitive } from \"@kobalte/core\"\nimport type { ComponentProps } from \"solid-js\"\nimport { splitProps, type ParentComponent } from \"solid-js\"\nimport { buttonVariants } from \"./button\"\n\nexport const AlertDialog = AlertDialogPrimitive.Root\nexport const AlertDialogTrigger = AlertDialogPrimitive.Trigger\n\nexport const AlertDialogOverlay: ParentComponent<\n  AlertDialogPrimitive.AlertDialogOverlayProps\n> = (props) => {\n  const [local, rest] = splitProps(props, [\"class\"])\n  return (\n    <AlertDialogPrimitive.Overlay\n      class={cn(\n        \"bg-background/80 data-[expanded]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[expanded]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm\",\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport const AlertDialogContent: ParentComponent<\n  AlertDialogPrimitive.AlertDialogContentProps\n> = (props) => {\n  const [local, rest] = splitProps(props, [\"class\"])\n\n  return (\n    <AlertDialogPrimitive.Portal>\n      <AlertDialogOverlay />\n      <div class=\"fixed inset-0 z-50 flex items-center justify-center\">\n        <AlertDialogPrimitive.Content\n          class={cn(\n            \"bg-background data-[expanded]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[expanded]:fade-in-0 data-[closed]:zoom-out-95 data-[expanded]:zoom-in-95 data-[closed]:slide-out-to-left-1/2 data-[closed]:slide-out-to-top-[48%] data-[expanded]:slide-in-from-left-1/2 data-[expanded]:slide-in-from-top-[48%] fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg md:w-full\",\n            local.class\n          )}\n          {...rest}\n        />\n      </div>\n    </AlertDialogPrimitive.Portal>\n  )\n}\n\nexport const AlertDialogHeader: ParentComponent<ComponentProps<\"div\">> = (\n  props\n) => {\n  const [local, rest] = splitProps(props, [\"class\"])\n  return (\n    <div\n      class={cn(\n        \"flex flex-col space-y-2 text-center sm:text-left\",\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport const AlertDialogFooter: ParentComponent<ComponentProps<\"div\">> = (\n  props\n) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"])\n  return (\n    <div\n      class={cn(\n        \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport const AlertDialogTitle: ParentComponent<\n  AlertDialogPrimitive.AlertDialogTitleProps\n> = (props) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"])\n  return (\n    <AlertDialogPrimitive.Title\n      class={cn(\"text-lg font-semibold\", local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport const AlertDialogDescription: ParentComponent<\n  AlertDialogPrimitive.AlertDialogDescriptionProps\n> = (props) => {\n  const [local, rest] = splitProps(props, [\"class\"])\n  return (\n    <AlertDialogPrimitive.Description\n      class={cn(\"text-muted-foreground text-sm\", local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport const AlertDialogClose: ParentComponent<\n  AlertDialogPrimitive.AlertDialogCloseButtonProps\n> = (props) => {\n  const [local, rest] = splitProps(props, [\"class\"])\n  return (\n    <AlertDialogPrimitive.CloseButton\n      class={cn(\n        buttonVariants({\n          variant: \"outline\",\n        }),\n        \"mt-2 md:mt-0\",\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport const AlertDialogAction: ParentComponent<\n  AlertDialogPrimitive.AlertDialogCloseButtonProps\n> = (props) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"])\n  return (\n    <AlertDialogPrimitive.CloseButton\n      class={cn(buttonVariants(), local.class)}\n      {...rest}\n    />\n  )\n}\n"
+      "content": "import { cn } from \"@/lib/cn\"\r\nimport { AlertDialog as AlertDialogPrimitive } from \"@kobalte/core\"\r\nimport type { ComponentProps } from \"solid-js\"\r\nimport { splitProps, type ParentComponent } from \"solid-js\"\r\nimport { buttonVariants } from \"./button\"\r\n\r\nexport const AlertDialog = AlertDialogPrimitive.Root\r\nexport const AlertDialogTrigger = AlertDialogPrimitive.Trigger\r\n\r\nexport const AlertDialogOverlay: ParentComponent<\r\n  AlertDialogPrimitive.AlertDialogOverlayProps\r\n> = (props) => {\r\n  const [local, rest] = splitProps(props, [\"class\"])\r\n  return (\r\n    <AlertDialogPrimitive.Overlay\r\n      class={cn(\r\n        \"bg-background/80 data-[expanded]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[expanded]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm\",\r\n        local.class\r\n      )}\r\n      {...rest}\r\n    />\r\n  )\r\n}\r\n\r\nexport const AlertDialogContent: ParentComponent<\r\n  AlertDialogPrimitive.AlertDialogContentProps\r\n> = (props) => {\r\n  const [local, rest] = splitProps(props, [\"class\"])\r\n\r\n  return (\r\n    <AlertDialogPrimitive.Portal>\r\n      <AlertDialogOverlay />\r\n      <div class=\"fixed inset-0 z-50 flex items-center justify-center\">\r\n        <AlertDialogPrimitive.Content\r\n          class={cn(\r\n            \"bg-background data-[expanded]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[expanded]:fade-in-0 data-[closed]:zoom-out-95 data-[expanded]:zoom-in-95 data-[closed]:slide-out-to-left-1/2 data-[closed]:slide-out-to-top-[48%] data-[expanded]:slide-in-from-left-1/2 data-[expanded]:slide-in-from-top-[48%] fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg md:w-full\",\r\n            local.class\r\n          )}\r\n          {...rest}\r\n        />\r\n      </div>\r\n    </AlertDialogPrimitive.Portal>\r\n  )\r\n}\r\n\r\nexport const AlertDialogHeader: ParentComponent<ComponentProps<\"div\">> = (\r\n  props\r\n) => {\r\n  const [local, rest] = splitProps(props, [\"class\"])\r\n  return (\r\n    <div\r\n      class={cn(\r\n        \"flex flex-col space-y-2 text-center sm:text-left\",\r\n        local.class\r\n      )}\r\n      {...rest}\r\n    />\r\n  )\r\n}\r\n\r\nexport const AlertDialogFooter: ParentComponent<ComponentProps<\"div\">> = (\r\n  props\r\n) => {\r\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"])\r\n  return (\r\n    <div\r\n      class={cn(\r\n        \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\r\n        local.class\r\n      )}\r\n      {...rest}\r\n    />\r\n  )\r\n}\r\n\r\nexport const AlertDialogTitle: ParentComponent<\r\n  AlertDialogPrimitive.AlertDialogTitleProps\r\n> = (props) => {\r\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"])\r\n  return (\r\n    <AlertDialogPrimitive.Title\r\n      class={cn(\"text-lg font-semibold\", local.class)}\r\n      {...rest}\r\n    />\r\n  )\r\n}\r\n\r\nexport const AlertDialogDescription: ParentComponent<\r\n  AlertDialogPrimitive.AlertDialogDescriptionProps\r\n> = (props) => {\r\n  const [local, rest] = splitProps(props, [\"class\"])\r\n  return (\r\n    <AlertDialogPrimitive.Description\r\n      class={cn(\"text-muted-foreground text-sm\", local.class)}\r\n      {...rest}\r\n    />\r\n  )\r\n}\r\n\r\nexport const AlertDialogClose: ParentComponent<\r\n  AlertDialogPrimitive.AlertDialogCloseButtonProps\r\n> = (props) => {\r\n  const [local, rest] = splitProps(props, [\"class\"])\r\n  return (\r\n    <AlertDialogPrimitive.CloseButton\r\n      class={cn(\r\n        buttonVariants({\r\n          variant: \"outline\",\r\n        }),\r\n        \"mt-2 md:mt-0\",\r\n        local.class\r\n      )}\r\n      {...rest}\r\n    />\r\n  )\r\n}\r\n\r\nexport const AlertDialogAction: ParentComponent<\r\n  AlertDialogPrimitive.AlertDialogCloseButtonProps\r\n> = (props) => {\r\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"])\r\n  return (\r\n    <AlertDialogPrimitive.CloseButton\r\n      class={cn(buttonVariants(), local.class)}\r\n      {...rest}\r\n    />\r\n  )\r\n}\r\n"
     }
   ],
   "type": "components:ui"

apps/www/public/registry/styles/default/alert.json

@@ -4,7 +4,7 @@
   "files": [
     {
       "name": "alert.tsx",
-      "content": "import { cn } from \"@/lib/cn\"\nimport { Alert as AlertPrimitive } from \"@kobalte/core\"\nimport type { VariantProps } from \"class-variance-authority\"\nimport { cva } from \"class-variance-authority\"\nimport type { ComponentProps, ParentComponent } from \"solid-js\"\nimport { splitProps } from \"solid-js\"\n\nexport const alertVariants = cva(\n  \"relative w-full rounded-lg border px-4 py-3 text-sm [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-background text-foreground\",\n        destructive:\n          \"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nexport const Alert: ParentComponent<\n  AlertPrimitive.AlertRootProps & VariantProps<typeof alertVariants>\n> = (props) => {\n  const [local, rest] = splitProps(props, [\"class\", \"variant\"])\n\n  return (\n    <AlertPrimitive.Root\n      class={cn(\n        alertVariants({\n          variant: props.variant,\n        }),\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport const AlertTitle: ParentComponent<ComponentProps<\"div\">> = (props) => {\n  const [local, rest] = splitProps(props, [\"class\"])\n\n  return (\n    <div\n      class={cn(\"font-medium leading-5 tracking-tight\", local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport const AlertDescription: ParentComponent<ComponentProps<\"div\">> = (\n  props\n) => {\n  const [local, rest] = splitProps(props, [\"class\"])\n\n  return (\n    <div class={cn(\"text-sm [&_p]:leading-relaxed\", local.class)} {...rest} />\n  )\n}\n"
+      "content": "import { cn } from \"@/lib/cn\"\r\nimport { Alert as AlertPrimitive } from \"@kobalte/core\"\r\nimport type { VariantProps } from \"class-variance-authority\"\r\nimport { cva } from \"class-variance-authority\"\r\nimport type { ComponentProps, ParentComponent } from \"solid-js\"\r\nimport { splitProps } from \"solid-js\"\r\n\r\nexport const alertVariants = cva(\r\n  \"relative w-full rounded-lg border px-4 py-3 text-sm [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-background text-foreground\",\r\n        destructive:\r\n          \"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  }\r\n)\r\n\r\nexport const Alert: ParentComponent<\r\n  AlertPrimitive.AlertRootProps & VariantProps<typeof alertVariants>\r\n> = (props) => {\r\n  const [local, rest] = splitProps(props, [\"class\", \"variant\"])\r\n\r\n  return (\r\n    <AlertPrimitive.Root\r\n      class={cn(\r\n        alertVariants({\r\n          variant: props.variant,\r\n        }),\r\n        local.class\r\n      )}\r\n      {...rest}\r\n    />\r\n  )\r\n}\r\n\r\nexport const AlertTitle: ParentComponent<ComponentProps<\"div\">> = (props) => {\r\n  const [local, rest] = splitProps(props, [\"class\"])\r\n\r\n  return (\r\n    <div\r\n      class={cn(\"font-medium leading-5 tracking-tight\", local.class)}\r\n      {...rest}\r\n    />\r\n  )\r\n}\r\n\r\nexport const AlertDescription: ParentComponent<ComponentProps<\"div\">> = (\r\n  props\r\n) => {\r\n  const [local, rest] = splitProps(props, [\"class\"])\r\n\r\n  return (\r\n    <div class={cn(\"text-sm [&_p]:leading-relaxed\", local.class)} {...rest} />\r\n  )\r\n}\r\n"
     }
   ],
   "type": "components:ui"

apps/www/public/registry/styles/default/badge.json

@@ -3,7 +3,7 @@
   "files": [
     {
       "name": "badge.tsx",
-      "content": "import { cn } from \"@/lib/cn\"\nimport type { VariantProps } from \"class-variance-authority\"\nimport { cva } from \"class-variance-authority\"\nimport type { ParentComponent } from \"solid-js\"\nimport { splitProps, type ComponentProps } from \"solid-js\"\n\nexport const badgeVariants = cva(\n  \"inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        destructive:\n          \"border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80\",\n        outline: \"text-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nexport const Badge: ParentComponent<\n  ComponentProps<\"div\"> & VariantProps<typeof badgeVariants>\n> = (props) => {\n  const [local, rest] = splitProps(props, [\"class\", \"variant\"])\n\n  return (\n    <div\n      class={cn(\n        badgeVariants({\n          variant: local.variant,\n        }),\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n"
+      "content": "import { cn } from \"@/lib/cn\"\r\nimport type { VariantProps } from \"class-variance-authority\"\r\nimport { cva } from \"class-variance-authority\"\r\nimport type { ParentComponent } from \"solid-js\"\r\nimport { splitProps, type ComponentProps } from \"solid-js\"\r\n\r\nexport const badgeVariants = cva(\r\n  \"inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default:\r\n          \"border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80\",\r\n        secondary:\r\n          \"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80\",\r\n        destructive:\r\n          \"border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80\",\r\n        outline: \"text-foreground\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  }\r\n)\r\n\r\nexport const Badge: ParentComponent<\r\n  ComponentProps<\"div\"> & VariantProps<typeof badgeVariants>\r\n> = (props) => {\r\n  const [local, rest] = splitProps(props, [\"class\", \"variant\"])\r\n\r\n  return (\r\n    <div\r\n      class={cn(\r\n        badgeVariants({\r\n          variant: local.variant,\r\n        }),\r\n        local.class\r\n      )}\r\n      {...rest}\r\n    />\r\n  )\r\n}\r\n"
     }
   ],
   "type": "components:ui"