@slexn/codecenter-ui 1.0.0 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slexn/codecenter-ui",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A Vue component library with source-owned components and registry output.",
   "author": "Minjun LEE",
   "license": "SEE LICENSE IN LICENSE",

package/public/r/rail.json

@@ -0,0 +1,31 @@
+{
+  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
+  "name": "rail",
+  "title": "Rail",
+  "description": "A fixed-width icon rail for global app navigation that can sit next to Sidebar or page content.",
+  "dependencies": [
+    "clsx",
+    "tailwind-merge"
+  ],
+  "files": [
+    {
+      "path": "src/components/ui/rail/Rail.vue",
+      "content": "<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport type RailSide = \"left\" | \"right\"\n\nexport interface RailProps {\n  as?: string\n  class?: HTMLAttributes[\"class\"]\n  side?: RailSide\n}\n\nconst props = withDefaults(defineProps<RailProps>(), {\n  as: \"aside\",\n  side: \"left\",\n})\n</script>\n\n<template>\n  <component\n    :is=\"props.as\"\n    data-slot=\"rail\"\n    :data-side=\"props.side\"\n    :class=\"\n      cn(\n        'flex h-full w-(--rail-width) shrink-0 flex-col items-center bg-background text-foreground [--rail-width:3.5rem]',\n        props.side === 'right' ? 'border-l' : 'border-r',\n        props.class,\n      )\n    \"\n  >\n    <slot />\n  </component>\n</template>\n",
+      "type": "registry:ui",
+      "target": "components/ui/rail/Rail.vue"
+    },
+    {
+      "path": "src/components/ui/rail/index.ts",
+      "content": "export { default as Rail } from \"./Rail.vue\"\nexport type { RailProps, RailSide } from \"./Rail.vue\"\n",
+      "type": "registry:ui",
+      "target": "components/ui/rail/index.ts"
+    },
+    {
+      "path": "src/lib/utils.ts",
+      "content": "import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n",
+      "type": "registry:lib",
+      "target": "lib/utils.ts"
+    }
+  ],
+  "type": "registry:ui"
+}

package/public/r/registry.json

@@ -1055,6 +1055,33 @@
         }
       ]
     },
+    {
+      "name": "rail",
+      "type": "registry:ui",
+      "title": "Rail",
+      "description": "A fixed-width icon rail for global app navigation that can sit next to Sidebar or page content.",
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ui/rail/Rail.vue",
+          "type": "registry:ui",
+          "target": "components/ui/rail/Rail.vue"
+        },
+        {
+          "path": "src/components/ui/rail/index.ts",
+          "type": "registry:ui",
+          "target": "components/ui/rail/index.ts"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    },
     {
       "name": "sidebar",
       "type": "registry:ui",

package/registry.json

@@ -1055,6 +1055,33 @@
         }
       ]
     },
+    {
+      "name": "rail",
+      "type": "registry:ui",
+      "title": "Rail",
+      "description": "A fixed-width icon rail for global app navigation that can sit next to Sidebar or page content.",
+      "dependencies": [
+        "clsx",
+        "tailwind-merge"
+      ],
+      "files": [
+        {
+          "path": "src/components/ui/rail/Rail.vue",
+          "type": "registry:ui",
+          "target": "components/ui/rail/Rail.vue"
+        },
+        {
+          "path": "src/components/ui/rail/index.ts",
+          "type": "registry:ui",
+          "target": "components/ui/rail/index.ts"
+        },
+        {
+          "path": "src/lib/utils.ts",
+          "type": "registry:lib",
+          "target": "lib/utils.ts"
+        }
+      ]
+    },
     {
       "name": "sidebar",
       "type": "registry:ui",

package/src/components/ui/rail/Rail.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import type { HTMLAttributes } from "vue"
+import { cn } from "@/lib/utils"
+
+export type RailSide = "left" | "right"
+
+export interface RailProps {
+  as?: string
+  class?: HTMLAttributes["class"]
+  side?: RailSide
+}
+
+const props = withDefaults(defineProps<RailProps>(), {
+  as: "aside",
+  side: "left",
+})
+</script>
+
+<template>
+  <component
+    :is="props.as"
+    data-slot="rail"
+    :data-side="props.side"
+    :class="
+      cn(
+        'flex h-full w-(--rail-width) shrink-0 flex-col items-center bg-background text-foreground [--rail-width:3.5rem]',
+        props.side === 'right' ? 'border-l' : 'border-r',
+        props.class,
+      )
+    "
+  >
+    <slot />
+  </component>
+</template>

package/src/components/ui/rail/index.ts

@@ -0,0 +1,2 @@
+export { default as Rail } from "./Rail.vue"
+export type { RailProps, RailSide } from "./Rail.vue"