@dalexto/lexsys-registry 0.0.4 → 0.0.6

package/README.md

@@ -52,7 +52,7 @@ Templates are resolved via the `./templates/*` export path, not the `.` entry:
 
 ```ts
 import.meta
-  .resolve("@dalexto/lexsys-registry/templates/components/Button/Button.tsx")
+  .resolve("@dalexto/lexsys-registry/templates/primitives/Button/Button.tsx")
 ```
 
 ---
@@ -67,7 +67,7 @@ Each item in `src/items/` declares the full install contract (required fields, o
 
 Installable templates live under `packages/registry/templates/` — component files, shared utilities, and token CSS styles. Component templates are synced from `packages/ui/src/components`; style templates from `@dalexto/lexsys-tokens` via `generate:styles`. Templates MUST NOT be manually edited.
 
-Template sync rules, the `cn` import transform, and drift validation: [docs/reference/registry/REGISTRY.md](../../docs/reference/registry/REGISTRY.md).
+Template sync rules, item reconcile policy, import transforms, and drift validation: [docs/reference/registry/REGISTRY.md](../../docs/reference/registry/REGISTRY.md).
 
 ---
 

package/dist/index.js

@@ -77,8 +77,8 @@ var alertDialogRegistryItem = {
   dependencies: [
     "@base-ui/react",
     "class-variance-authority",
-    "lucide-react",
     "clsx",
+    "lucide-react",
     "tailwind-merge"
   ],
   registryDependencies: [],
@@ -308,8 +308,8 @@ var collapsibleRegistryItem = {
   dependencies: [
     "@base-ui/react",
     "class-variance-authority",
-    "lucide-react",
     "clsx",
+    "lucide-react",
     "tailwind-merge"
   ],
   registryDependencies: [],
@@ -344,8 +344,8 @@ var contextMenuRegistryItem = {
   dependencies: [
     "@base-ui/react",
     "class-variance-authority",
-    "lucide-react",
     "clsx",
+    "lucide-react",
     "tailwind-merge"
   ],
   registryDependencies: [],
@@ -380,8 +380,8 @@ var dialogRegistryItem = {
   dependencies: [
     "@base-ui/react",
     "class-variance-authority",
-    "lucide-react",
     "clsx",
+    "lucide-react",
     "tailwind-merge"
   ],
   registryDependencies: [],
@@ -416,8 +416,8 @@ var drawerRegistryItem = {
   dependencies: [
     "@base-ui/react",
     "class-variance-authority",
-    "lucide-react",
     "clsx",
+    "lucide-react",
     "tailwind-merge"
   ],
   registryDependencies: [],
@@ -592,8 +592,8 @@ var menuRegistryItem = {
   dependencies: [
     "@base-ui/react",
     "class-variance-authority",
-    "lucide-react",
     "clsx",
+    "lucide-react",
     "tailwind-merge"
   ],
   registryDependencies: [],
@@ -733,8 +733,8 @@ var navigationMenuRegistryItem = {
   dependencies: [
     "@base-ui/react",
     "class-variance-authority",
-    "lucide-react",
     "clsx",
+    "lucide-react",
     "tailwind-merge"
   ],
   registryDependencies: [],
@@ -769,8 +769,8 @@ var popoverRegistryItem = {
   dependencies: [
     "@base-ui/react",
     "class-variance-authority",
-    "lucide-react",
     "clsx",
+    "lucide-react",
     "tailwind-merge"
   ],
   registryDependencies: [],
@@ -910,8 +910,8 @@ var selectRegistryItem = {
   dependencies: [
     "@base-ui/react",
     "class-variance-authority",
-    "lucide-react",
     "clsx",
+    "lucide-react",
     "tailwind-merge"
   ],
   registryDependencies: [],
@@ -978,12 +978,7 @@ var sliderRegistryItem = {
       path: "primitives/Slider/Slider.variants.ts"
     }
   ],
-  dependencies: [
-    "@base-ui/react",
-    "class-variance-authority",
-    "clsx",
-    "tailwind-merge"
-  ],
+  dependencies: ["@base-ui/react", "clsx", "tailwind-merge"],
   registryDependencies: [],
   utilities: ["cn"],
   styles: ["theme"],
@@ -1151,8 +1146,8 @@ var toastRegistryItem = {
   dependencies: [
     "@base-ui/react",
     "class-variance-authority",
-    "lucide-react",
     "clsx",
+    "lucide-react",
     "tailwind-merge"
   ],
   registryDependencies: [],
@@ -1348,7 +1343,7 @@ var dashboardShellRegistryItem = {
     "templates/DashboardShell/DashboardShell.types.ts",
     "templates/DashboardShell/DashboardShell.variants.ts"
   ],
-  dependencies: ["class-variance-authority", "clsx", "tailwind-merge"],
+  dependencies: ["clsx", "tailwind-merge"],
   registryDependencies: [],
   utilities: ["cn"],
   styles: ["theme"],
@@ -1367,7 +1362,7 @@ var formFieldRegistryItem = {
     "blocks/FormField/FormField.types.ts",
     "blocks/FormField/FormField.variants.ts"
   ],
-  dependencies: ["class-variance-authority", "clsx", "tailwind-merge"],
+  dependencies: ["clsx", "tailwind-merge"],
   registryDependencies: ["field"],
   utilities: ["cn"],
   styles: ["theme"],
@@ -1386,7 +1381,7 @@ var settingsPanelRegistryItem = {
     "blocks/SettingsPanel/SettingsPanel.types.ts",
     "blocks/SettingsPanel/SettingsPanel.variants.ts"
   ],
-  dependencies: ["class-variance-authority", "clsx", "tailwind-merge"],
+  dependencies: ["clsx", "tailwind-merge"],
   registryDependencies: ["card"],
   utilities: ["cn"],
   styles: ["theme"],
@@ -1405,7 +1400,7 @@ var sidebarRegistryItem = {
     "blocks/Sidebar/Sidebar.types.ts",
     "blocks/Sidebar/Sidebar.variants.ts"
   ],
-  dependencies: ["class-variance-authority", "clsx", "tailwind-merge"],
+  dependencies: ["clsx", "tailwind-merge"],
   registryDependencies: ["button", "drawer", "scroll-area"],
   utilities: ["cn"],
   styles: ["theme"],
@@ -1438,8 +1433,8 @@ var autocompleteRegistryItem = {
   dependencies: [
     "@base-ui/react",
     "class-variance-authority",
-    "lucide-react",
     "clsx",
+    "lucide-react",
     "tailwind-merge"
   ],
   registryDependencies: [],
@@ -1509,8 +1504,8 @@ var comboboxRegistryItem = {
   dependencies: [
     "@base-ui/react",
     "class-variance-authority",
-    "lucide-react",
     "clsx",
+    "lucide-react",
     "tailwind-merge"
   ],
   registryDependencies: [],
@@ -1531,8 +1526,8 @@ var authFormRegistryItem = {
     "blocks/AuthForm/AuthForm.types.ts",
     "blocks/AuthForm/AuthForm.variants.ts"
   ],
-  dependencies: ["class-variance-authority", "clsx", "tailwind-merge"],
-  registryDependencies: ["card", "button", "form-field", "field"],
+  dependencies: ["clsx", "tailwind-merge"],
+  registryDependencies: ["button", "card"],
   utilities: ["cn"],
   styles: ["theme"],
   target: "src/components/ui/AuthForm"
@@ -1550,7 +1545,7 @@ var commandPaletteRegistryItem = {
     "blocks/CommandPalette/CommandPalette.types.ts",
     "blocks/CommandPalette/CommandPalette.variants.ts"
   ],
-  dependencies: ["class-variance-authority", "clsx", "tailwind-merge"],
+  dependencies: ["clsx", "tailwind-merge"],
   registryDependencies: ["dialog", "input", "scroll-area", "separator"],
   utilities: ["cn"],
   styles: ["theme"],
@@ -1866,18 +1861,25 @@ var validateRegistryComposition = (items) => {
   return errors;
 };
 
-// src/validate-registry-template-imports.ts
-var COMPOSITION_IMPORT_RE = /from "\.\.\/\.\.\/(primitives|blocks)\/([A-Za-z0-9]+)\//g;
+// src/registry-composition-imports.ts
+var COMPOSITION_IMPORT_PATTERNS = [
+  /from "\.\.\/\.\.\/(primitives|blocks|templates)\/([A-Za-z0-9]+)\//g,
+  /from "@\/components\/(primitives|blocks|templates)\/([A-Za-z0-9]+)/g
+];
 var toRegistryItemName = (canonicalName) => {
   return canonicalName.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 };
 var extractRegistryCompositionImports = (source) => {
   const names = /* @__PURE__ */ new Set();
-  for (const match of source.matchAll(COMPOSITION_IMPORT_RE)) {
-    names.add(toRegistryItemName(match[2]));
+  for (const pattern of COMPOSITION_IMPORT_PATTERNS) {
+    for (const match of source.matchAll(pattern)) {
+      names.add(toRegistryItemName(match[2]));
+    }
   }
-  return [...names];
+  return [...names].sort((a, b) => a.localeCompare(b));
 };
+
+// src/validate-registry-template-imports.ts
 var validateRegistryTemplateImports = (items, readTemplate) => {
   const errors = [];
   const itemsByName = new Map(items.map((item) => [item.name, item]));

package/dist/items/dashboard-shell.d.ts

@@ -1,7 +1,7 @@
 /**
  * dashboard-shell.ts
  *
- * Registry metadata for the DashboardShell template.
+ * Registry metadata for the DashboardShell block.
  */
 import type { RegistryItem } from "../registry.types.js";
 export declare const dashboardShellRegistryItem: RegistryItem;

package/dist/registry-composition-imports.d.ts

@@ -0,0 +1,9 @@
+/**
+ * registry-composition-imports.ts
+ *
+ * Infer registry item names from composition imports in template sources.
+ * Keep in sync with scripts/lib/registry-composition-imports.mjs.
+ */
+export declare const toRegistryItemName: (canonicalName: string) => string;
+export declare const extractRegistryCompositionImports: (source: string) => string[];
+export declare const getRegistryDependenciesFromTemplateContents: (templateContents: string[]) => string[];

package/dist/validate-registry-template-imports.d.ts

@@ -1,4 +1,4 @@
+import { extractRegistryCompositionImports, toRegistryItemName } from "./registry-composition-imports.js";
 import type { RegistryItem } from "./registry.types.js";
-export declare const toRegistryItemName: (canonicalName: string) => string;
-export declare const extractRegistryCompositionImports: (source: string) => string[];
+export { extractRegistryCompositionImports, toRegistryItemName };
 export declare const validateRegistryTemplateImports: (items: RegistryItem[], readTemplate: (templatePath: string) => string) => string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dalexto/lexsys-registry",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "Install metadata and templates for the Lexsys registry-first UI framework",
   "type": "module",
   "license": "MIT",

package/templates/blocks/AuthForm/AuthForm.tsx

@@ -10,8 +10,8 @@ import {
   CardContent,
   CardFooter,
   CardHeader,
-} from "../../primitives/Card/Card"
-import { Button } from "../../primitives/Button/Button"
+} from "@/components/primitives/Card"
+import { Button } from "@/components/primitives/Button"
 import type {
   AuthFormContentProps,
   AuthFormFooterProps,

package/templates/blocks/AuthForm/AuthForm.types.ts

@@ -5,13 +5,13 @@
  */
 
 import type { FormEventHandler, ReactNode, Ref } from "react"
-import type { CardProps } from "../../primitives/Card/Card.types"
-import type { ButtonProps } from "../../primitives/Button/Button.types"
+import type { CardProps } from "@/components/primitives/Card"
+import type { ButtonProps } from "@/components/primitives/Button"
 import type {
   CardContentProps,
   CardFooterProps,
   CardHeaderProps,
-} from "../../primitives/Card/Card.types"
+} from "@/components/primitives/Card"
 
 export interface AuthFormProps extends Omit<
   CardProps,

package/templates/blocks/CommandPalette/CommandPalette.tsx

@@ -12,14 +12,14 @@ import {
   DialogPortal,
   DialogTitle,
   DialogViewport,
-} from "../../primitives/Dialog/Dialog"
-import { Input } from "../../primitives/Input/Input"
-import { Separator } from "../../primitives/Separator/Separator"
+} from "@/components/primitives/Dialog"
+import { Input } from "@/components/primitives/Input"
+import { Separator } from "@/components/primitives/Separator"
 import {
   ScrollArea,
   ScrollAreaContent,
   ScrollAreaViewport,
-} from "../../primitives/ScrollArea/ScrollArea"
+} from "@/components/primitives/ScrollArea"
 import type {
   CommandPaletteContentProps,
   CommandPaletteDescriptionProps,

package/templates/blocks/CommandPalette/CommandPalette.types.ts

@@ -10,8 +10,8 @@ import type {
   ReactNode,
   Ref,
 } from "react"
-import type { DialogProps } from "../../primitives/Dialog/Dialog.types"
-import type { InputProps } from "../../primitives/Input/Input.types"
+import type { DialogProps } from "@/components/primitives/Dialog"
+import type { InputProps } from "@/components/primitives/Input"
 
 export interface CommandPaletteProps extends DialogProps {
   children?: ReactNode

package/templates/blocks/FormField/FormField.tsx

@@ -11,7 +11,7 @@ import {
   FieldError,
   FieldItem,
   FieldLabel,
-} from "../../primitives/Field/Field"
+} from "@/components/primitives/Field"
 import type {
   FormFieldControlProps,
   FormFieldDescriptionProps,

package/templates/blocks/FormField/FormField.types.ts

@@ -11,7 +11,7 @@ import type {
   FieldItemProps,
   FieldLabelProps,
   FieldProps,
-} from "../../primitives/Field/Field.types"
+} from "@/components/primitives/Field"
 
 export type FormFieldProps = FieldProps
 

package/templates/blocks/SettingsPanel/SettingsPanel.tsx

@@ -11,7 +11,7 @@ import {
   CardFooter,
   CardHeader,
   CardTitle,
-} from "../../primitives/Card/Card"
+} from "@/components/primitives/Card"
 import type {
   SettingsPanelContentProps,
   SettingsPanelDescriptionProps,

package/templates/blocks/SettingsPanel/SettingsPanel.types.ts

@@ -12,7 +12,7 @@ import type {
   CardHeaderProps,
   CardProps,
   CardTitleProps,
-} from "../../primitives/Card/Card.types"
+} from "@/components/primitives/Card"
 
 export interface SettingsPanelProps extends Omit<CardProps, "children"> {
   ref?: Ref<HTMLDivElement>

package/templates/blocks/Sidebar/Sidebar.tsx

@@ -5,7 +5,7 @@
  */
 
 import { createContext, useContext } from "react"
-import { Button } from "../../primitives/Button/Button"
+import { Button } from "@/components/primitives/Button"
 import {
   Drawer,
   DrawerBackdrop,
@@ -17,12 +17,12 @@ import {
   DrawerTitle,
   DrawerTrigger,
   DrawerViewport,
-} from "../../primitives/Drawer/Drawer"
+} from "@/components/primitives/Drawer"
 import {
   ScrollArea,
   ScrollAreaContent,
   ScrollAreaViewport,
-} from "../../primitives/ScrollArea/ScrollArea"
+} from "@/components/primitives/ScrollArea"
 import type {
   SidebarContentProps,
   SidebarFooterProps,

package/templates/blocks/Sidebar/Sidebar.types.ts

@@ -12,7 +12,7 @@ import type {
   ReactNode,
   Ref,
 } from "react"
-import type { ButtonProps } from "../../primitives/Button/Button.types"
+import type { ButtonProps } from "@/components/primitives/Button"
 
 export interface SidebarProps extends HTMLAttributes<HTMLElement> {
   ref?: Ref<HTMLElement>

package/templates/styles/theme.css

@@ -1,4 +1,10 @@
-/* Generated by @dalexto/lexsys-tokens. Do not edit directly. */
+/**
+ * AUTO-GENERATED FILE.
+ *
+ * Generated by @dalexto/lexsys-tokens.
+ * Manual changes will be overwritten.
+ * Last generated: 2026-06-06T10:34:21.106Z
+ */
 
 :root {
   color-scheme: light;

package/templates/styles/tokens.css

@@ -1,4 +1,10 @@
-/* Generated by @dalexto/lexsys-tokens. Do not edit directly. */
+/**
+ * AUTO-GENERATED FILE.
+ *
+ * Generated by @dalexto/lexsys-tokens.
+ * Manual changes will be overwritten.
+ * Last generated: 2026-06-06T10:34:21.106Z
+ */
 
 :root {
   --lex-color-white: oklch(1 0 0);