fix: small dependency fixes in the registry

apps/docs/public/registry/index.json

@@ -86,8 +86,7 @@
   {
     "name": "button",
     "dependencies": [
-      "@kobalte/core",
-      "class-variance-authority"
+      "@kobalte/core"
     ],
     "files": [
       "ui/button.tsx"
@@ -280,6 +279,9 @@
   },
   {
     "name": "otp-field",
+    "dependencies": [
+      "@corvu/otp-field"
+    ],
     "files": [
       "ui/otp-field.tsx"
     ],
@@ -380,6 +382,9 @@
   },
   {
     "name": "skeleton",
+    "dependencies": [
+      "@kobalte/core"
+    ],
     "files": [
       "ui/skeleton.tsx"
     ],
@@ -427,6 +432,9 @@
   },
   {
     "name": "text-field",
+    "dependencies": [
+      "@kobalte/core"
+    ],
     "files": [
       "ui/text-field.tsx"
     ],

apps/docs/public/registry/ui/button.json

@@ -1,8 +1,7 @@
 {
   "name": "button",
   "dependencies": [
-    "@kobalte/core",
-    "class-variance-authority"
+    "@kobalte/core"
   ],
   "files": [
     {

apps/docs/public/registry/ui/otp-field.json

@@ -1,5 +1,8 @@
 {
   "name": "otp-field",
+  "dependencies": [
+    "@corvu/otp-field"
+  ],
   "files": [
     {
       "name": "otp-field.tsx",

apps/docs/public/registry/ui/skeleton.json

@@ -1,5 +1,8 @@
 {
   "name": "skeleton",
+  "dependencies": [
+    "@kobalte/core"
+  ],
   "files": [
     {
       "name": "skeleton.tsx",

apps/docs/public/registry/ui/slider.json

@@ -9,7 +9,7 @@
   "files": [
     {
       "name": "slider.tsx",
-      "content": "import type { JSX, ValidComponent } from \"solid-js\"\nimport { splitProps } from \"solid-js\"\n\nimport { PolymorphicProps } from \"@kobalte/core/polymorphic\"\nimport * as SliderPrimitive from \"@kobalte/core/slider\"\n\nimport { cn } from \"~/lib/utils\"\nimport { Label } from \"~/registry/ui/label\"\n\ntype SliderRootProps<T extends ValidComponent = \"div\"> = SliderPrimitive.SliderRootProps<T> & {\n  class?: string | undefined\n}\n\nconst Slider = <T extends ValidComponent = \"div\">(\n  props: PolymorphicProps<T, SliderRootProps<T>>\n) => {\n  const [local, others] = splitProps(props as SliderRootProps, [\"class\"])\n  return (\n    <SliderPrimitive.Root\n      class={cn(\"relative flex w-full touch-none select-none flex-col items-center\", local.class)}\n      {...others}\n    />\n  )\n}\n\ntype SliderTrackProps<T extends ValidComponent = \"div\"> = SliderPrimitive.SliderTrackProps<T> & {\n  class?: string | undefined\n}\n\nconst SliderTrack = <T extends ValidComponent = \"div\">(\n  props: PolymorphicProps<T, SliderTrackProps<T>>\n) => {\n  const [local, others] = splitProps(props as SliderTrackProps, [\"class\"])\n  return (\n    <SliderPrimitive.Track\n      class={cn(\"relative h-2 w-full grow rounded-full bg-secondary\", local.class)}\n      {...others}\n    />\n  )\n}\n\ntype SliderFillProps<T extends ValidComponent = \"div\"> = SliderPrimitive.SliderFillProps<T> & {\n  class?: string | undefined\n}\n\nconst SliderFill = <T extends ValidComponent = \"div\">(\n  props: PolymorphicProps<T, SliderFillProps<T>>\n) => {\n  const [local, others] = splitProps(props as SliderFillProps, [\"class\"])\n  return <SliderPrimitive.Fill class={cn(\"absolute h-full bg-primary\", local.class)} {...others} />\n}\n\ntype SliderThumbProps<T extends ValidComponent = \"span\"> = SliderPrimitive.SliderThumbProps<T> & {\n  class?: string | undefined\n  children?: JSX.Element\n}\n\nconst SliderThumb = <T extends ValidComponent = \"span\">(\n  props: PolymorphicProps<T, SliderThumbProps<T>>\n) => {\n  const [local, others] = splitProps(props as SliderThumbProps, [\"class\", \"children\"])\n  return (\n    <SliderPrimitive.Thumb\n      class={cn(\n        \"top-[-6px] block size-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n        local.class\n      )}\n      {...others}\n    >\n      <SliderPrimitive.Input />\n    </SliderPrimitive.Thumb>\n  )\n}\n\nconst SliderLabel = <T extends ValidComponent = \"label\">(\n  props: PolymorphicProps<T, SliderPrimitive.SliderLabelProps<T>>\n) => {\n  return <SliderPrimitive.Label as={Label} {...props} />\n}\n\nconst SliderValueLabel = <T extends ValidComponent = \"label\">(\n  props: PolymorphicProps<T, SliderPrimitive.SliderValueLabelProps<T>>\n) => {\n  return <SliderPrimitive.ValueLabel as={Label} {...props} />\n}\n\nexport { Slider, SliderTrack, SliderFill, SliderThumb, SliderLabel, SliderValueLabel }\n"
+      "content": "import type { JSX, ValidComponent } from \"solid-js\"\nimport { splitProps } from \"solid-js\"\n\nimport { PolymorphicProps } from \"@kobalte/core/polymorphic\"\nimport * as SliderPrimitive from \"@kobalte/core/slider\"\n\nimport { cn } from \"~/lib/utils\"\nimport { Label } from \"~/registry/ui/label\"\n\ntype SliderRootProps<T extends ValidComponent = \"div\"> = SliderPrimitive.SliderRootProps<T> & {\n  class?: string | undefined\n}\n\nconst Slider = <T extends ValidComponent = \"div\">(\n  props: PolymorphicProps<T, SliderRootProps<T>>\n) => {\n  const [local, others] = splitProps(props as SliderRootProps, [\"class\"])\n  return (\n    <SliderPrimitive.Root\n      class={cn(\"relative flex w-full touch-none select-none flex-col items-center\", local.class)}\n      {...others}\n    />\n  )\n}\n\ntype SliderTrackProps<T extends ValidComponent = \"div\"> = SliderPrimitive.SliderTrackProps<T> & {\n  class?: string | undefined\n}\n\nconst SliderTrack = <T extends ValidComponent = \"div\">(\n  props: PolymorphicProps<T, SliderTrackProps<T>>\n) => {\n  const [local, others] = splitProps(props as SliderTrackProps, [\"class\"])\n  return (\n    <SliderPrimitive.Track\n      class={cn(\"relative h-2 w-full grow rounded-full bg-secondary\", local.class)}\n      {...others}\n    />\n  )\n}\n\ntype SliderFillProps<T extends ValidComponent = \"div\"> = SliderPrimitive.SliderFillProps<T> & {\n  class?: string | undefined\n}\n\nconst SliderFill = <T extends ValidComponent = \"div\">(\n  props: PolymorphicProps<T, SliderFillProps<T>>\n) => {\n  const [local, others] = splitProps(props as SliderFillProps, [\"class\"])\n  return (\n    <SliderPrimitive.Fill\n      class={cn(\"absolute h-full rounded-full bg-primary\", local.class)}\n      {...others}\n    />\n  )\n}\n\ntype SliderThumbProps<T extends ValidComponent = \"span\"> = SliderPrimitive.SliderThumbProps<T> & {\n  class?: string | undefined\n  children?: JSX.Element\n}\n\nconst SliderThumb = <T extends ValidComponent = \"span\">(\n  props: PolymorphicProps<T, SliderThumbProps<T>>\n) => {\n  const [local, others] = splitProps(props as SliderThumbProps, [\"class\", \"children\"])\n  return (\n    <SliderPrimitive.Thumb\n      class={cn(\n        \"top-[-6px] block size-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n        local.class\n      )}\n      {...others}\n    >\n      <SliderPrimitive.Input />\n    </SliderPrimitive.Thumb>\n  )\n}\n\nconst SliderLabel = <T extends ValidComponent = \"label\">(\n  props: PolymorphicProps<T, SliderPrimitive.SliderLabelProps<T>>\n) => {\n  return <SliderPrimitive.Label as={Label} {...props} />\n}\n\nconst SliderValueLabel = <T extends ValidComponent = \"label\">(\n  props: PolymorphicProps<T, SliderPrimitive.SliderValueLabelProps<T>>\n) => {\n  return <SliderPrimitive.ValueLabel as={Label} {...props} />\n}\n\nexport { Slider, SliderTrack, SliderFill, SliderThumb, SliderLabel, SliderValueLabel }\n"
     }
   ],
   "type": "ui"

apps/docs/public/registry/ui/text-field.json

@@ -1,5 +1,8 @@
 {
   "name": "text-field",
+  "dependencies": [
+    "@kobalte/core"
+  ],
   "files": [
     {
       "name": "text-field.tsx",

apps/docs/src/__registry__/index.tsx

@@ -366,21 +366,21 @@ export const Index: Record<string, any> = {
   "accordion-demo": {
     name: "accordion-demo",
     type: "example",
-    registryDependencies: ["accordion"],
+    registryDependencies: undefined,
     component: lazy(() => import("~/registry/example/accordion-demo")),
     files: ["registry/example/accordion-demo.tsx"],
   },
   "alert-demo": {
     name: "alert-demo",
     type: "example",
-    registryDependencies: ["alert"],
+    registryDependencies: undefined,
     component: lazy(() => import("~/registry/example/alert-demo")),
     files: ["registry/example/alert-demo.tsx"],
   },
   "alert-dialog-demo": {
     name: "alert-dialog-demo",
     type: "example",
-    registryDependencies: ["alert-dialog"],
+    registryDependencies: undefined,
     component: lazy(() => import("~/registry/example/alert-dialog-demo")),
     files: ["registry/example/alert-dialog-demo.tsx"],
   },
@@ -394,28 +394,28 @@ export const Index: Record<string, any> = {
   "avatar-demo": {
     name: "avatar-demo",
     type: "example",
-    registryDependencies: ["avatar"],
+    registryDependencies: undefined,
     component: lazy(() => import("~/registry/example/avatar-demo")),
     files: ["registry/example/avatar-demo.tsx"],
   },
   "button-demo": {
     name: "button-demo",
     type: "example",
-    registryDependencies: ["button"],
+    registryDependencies: undefined,
     component: lazy(() => import("~/registry/example/button-demo")),
     files: ["registry/example/button-demo.tsx"],
   },
   "badge-demo": {
     name: "badge-demo",
     type: "example",
-    registryDependencies: ["badge"],
+    registryDependencies: undefined,
     component: lazy(() => import("~/registry/example/badge-demo")),
     files: ["registry/example/badge-demo.tsx"],
   },
   "badge-delta-demo": {
     name: "badge-delta-demo",
     type: "example",
-    registryDependencies: ["badge-delta"],
+    registryDependencies: undefined,
     component: lazy(() => import("~/registry/example/badge-delta-demo")),
     files: ["registry/example/badge-delta-demo.tsx"],
   },
@@ -436,14 +436,14 @@ export const Index: Record<string, any> = {
   "callout-demo": {
     name: "callout-demo",
     type: "example",
-    registryDependencies: ["callout"],
+    registryDependencies: undefined,
     component: lazy(() => import("~/registry/example/callout-demo")),
     files: ["registry/example/callout-demo.tsx"],
   },
   "card-demo": {
     name: "card-demo",
     type: "example",
-    registryDependencies: ["card"],
+    registryDependencies: undefined,
     component: lazy(() => import("~/registry/example/card-demo")),
     files: ["registry/example/card-demo.tsx"],
   },
@@ -534,14 +534,14 @@ export const Index: Record<string, any> = {
   "command-demo": {
     name: "command-demo",
     type: "example",
-    registryDependencies: ["dialog"],
+    registryDependencies: undefined,
     component: lazy(() => import("~/registry/example/command-demo")),
     files: ["registry/example/command-demo.tsx"],
   },
   "command-dialog-demo": {
     name: "command-dialog-demo",
     type: "example",
-    registryDependencies: ["dialog"],
+    registryDependencies: undefined,
     component: lazy(() => import("~/registry/example/command-dialog-demo")),
     files: ["registry/example/command-dialog-demo.tsx"],
   },

apps/docs/src/registry/registry.ts

@@ -56,7 +56,7 @@ const ui: Registry = [
   {
     name: "button",
     type: "ui",
-    dependencies: ["@kobalte/core", "class-variance-authority"],
+    dependencies: ["@kobalte/core"],
     files: ["ui/button.tsx"]
   },
   {
@@ -176,6 +176,7 @@ const ui: Registry = [
   {
     name: "otp-field",
     type: "ui",
+    dependencies: ["@corvu/otp-field"],
     files: ["ui/otp-field.tsx"]
   },
   {
@@ -236,6 +237,7 @@ const ui: Registry = [
   {
     name: "skeleton",
     type: "ui",
+    dependencies: ["@kobalte/core"],
     files: ["ui/skeleton.tsx"]
   },
   {
@@ -265,6 +267,7 @@ const ui: Registry = [
   {
     name: "text-field",
     type: "ui",
+    dependencies: ["@kobalte/core"],
     files: ["ui/text-field.tsx"]
   },
   {
@@ -302,19 +305,16 @@ const examples: Registry = [
   {
     name: "accordion-demo",
     type: "example",
-    registryDependencies: ["accordion"],
     files: ["example/accordion-demo.tsx"]
   },
   {
     name: "alert-demo",
     type: "example",
-    registryDependencies: ["alert"],
     files: ["example/alert-demo.tsx"]
   },
   {
     name: "alert-dialog-demo",
     type: "example",
-    registryDependencies: ["alert-dialog"],
     files: ["example/alert-dialog-demo.tsx"]
   },
   {
@@ -325,25 +325,21 @@ const examples: Registry = [
   {
     name: "avatar-demo",
     type: "example",
-    registryDependencies: ["avatar"],
     files: ["example/avatar-demo.tsx"]
   },
   {
     name: "button-demo",
     type: "example",
-    registryDependencies: ["button"],
     files: ["example/button-demo.tsx"]
   },
   {
     name: "badge-demo",
     type: "example",
-    registryDependencies: ["badge"],
     files: ["example/badge-demo.tsx"]
   },
   {
     name: "badge-delta-demo",
     type: "example",
-    registryDependencies: ["badge-delta"],
     files: ["example/badge-delta-demo.tsx"]
   },
   {
@@ -359,13 +355,11 @@ const examples: Registry = [
   {
     name: "callout-demo",
     type: "example",
-    registryDependencies: ["callout"],
     files: ["example/callout-demo.tsx"]
   },
   {
     name: "card-demo",
     type: "example",
-    registryDependencies: ["card"],
     files: ["example/card-demo.tsx"]
   },
   {
@@ -431,13 +425,11 @@ const examples: Registry = [
   {
     name: "command-demo",
     type: "example",
-    registryDependencies: ["dialog"],
     files: ["example/command-demo.tsx"]
   },
   {
     name: "command-dialog-demo",
     type: "example",
-    registryDependencies: ["dialog"],
     files: ["example/command-dialog-demo.tsx"]
   },
   {

apps/docs/src/registry/ui/slider.tsx

@@ -47,7 +47,12 @@ const SliderFill = <T extends ValidComponent = "div">(
   props: PolymorphicProps<T, SliderFillProps<T>>
 ) => {
   const [local, others] = splitProps(props as SliderFillProps, ["class"])
-  return <SliderPrimitive.Fill class={cn("absolute h-full bg-primary", local.class)} {...others} />
+  return (
+    <SliderPrimitive.Fill
+      class={cn("absolute h-full rounded-full bg-primary", local.class)}
+      {...others}
+    />
+  )
 }
 
 type SliderThumbProps<T extends ValidComponent = "span"> = SliderPrimitive.SliderThumbProps<T> & {