@dalexto/lexsys-registry 0.1.1 → 0.1.2

package/templates/styles/tokens.css

@@ -3,7 +3,7 @@
  *
  * Generated by @dalexto/lexsys-tokens.
  * Manual changes will be overwritten.
- * Last generated: 2026-06-06T12:57:40.698Z
+ * Last generated: 2026-06-06T23:24:29.234Z
  */
 
 :root {
@@ -214,6 +214,7 @@
   --lex-size-overlay-list-max-height: var(--lex-size-panel-height-sm);
   --lex-size-overlay-viewport-max-height: var(--lex-layout-viewport-full);
   --lex-size-sidebar-width: var(--lex-size-64);
+  --lex-size-sidebar-width-collapsed: var(--lex-size-16);
   --lex-size-command-palette-list-max-height: var(--lex-size-64);
   --lex-font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   --lex-font-family-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
@@ -260,6 +261,9 @@
   --lex-duration-slower: 500ms;
   --lex-duration-control: var(--lex-duration-fast);
   --lex-duration-surface: var(--lex-duration-fast);
+  --lex-duration-overlay-enter: var(--lex-duration-normal);
+  --lex-duration-overlay-exit: var(--lex-duration-fast);
+  --lex-duration-layout: var(--lex-duration-normal);
   --lex-easing-linear: cubic-bezier(0, 0, 1, 1);
   --lex-easing-standard: cubic-bezier(0.2, 0, 0, 1);
   --lex-easing-enter: cubic-bezier(0, 0, 0.2, 1);
@@ -267,7 +271,11 @@
   --lex-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
   --lex-easing-control: var(--lex-easing-standard);
   --lex-easing-surface: var(--lex-easing-standard);
+  --lex-easing-ease-in: var(--lex-easing-enter);
+  --lex-easing-ease-out: var(--lex-easing-exit);
+  --lex-easing-layout: var(--lex-easing-standard);
   --lex-motion-offset-entry-y: var(--lex-space-2);
+  --lex-motion-offset-slide-panel: var(--lex-size-64);
   --lex-aspect-ratio-1-1: 1;
   --lex-aspect-ratio-4-3: 1.333333;
   --lex-aspect-ratio-3-2: 1.5;
@@ -1574,6 +1582,31 @@
   --lex-select-transition-easing: var(--lex-easing-control);
   --lex-separator-color: var(--lex-border-default);
   --lex-separator-thickness: 1px;
+  --lex-sidebar-width-default: var(--lex-size-sidebar-width);
+  --lex-sidebar-width-collapsed: var(--lex-size-sidebar-width-collapsed);
+  --lex-sidebar-transition-duration: var(--lex-duration-layout);
+  --lex-sidebar-transition-easing: var(--lex-easing-layout);
+  --lex-sidebar-item-foreground: var(--lex-color-text-secondary);
+  --lex-sidebar-item-foreground-active: var(--lex-color-text-primary);
+  --lex-sidebar-item-gap: var(--lex-space-control-gap-sm);
+  --lex-sidebar-item-radius: var(--lex-radius-control);
+  --lex-sidebar-item-padding-x: var(--lex-space-control-x-sm);
+  --lex-sidebar-item-padding-y: var(--lex-space-control-y-xs);
+  --lex-sidebar-item-font-size: var(--lex-typography-control-sm-font-size);
+  --lex-sidebar-item-font-weight: var(--lex-typography-control-md-font-weight);
+  --lex-sidebar-item-font-weight-active: var(--lex-typography-label-sm-font-weight);
+  --lex-sidebar-item-font-line-height: var(--lex-typography-control-sm-line-height);
+  --lex-sidebar-item-background-hover: var(--lex-action-secondary-hover);
+  --lex-sidebar-item-background-active: var(--lex-color-background-base);
+  --lex-sidebar-item-accent-width: var(--lex-outline-width-focus);
+  --lex-sidebar-item-accent-color: var(--lex-action-primary-base);
+  --lex-sidebar-item-icon-size: var(--lex-size-selection-control-md);
+  --lex-sidebar-item-badge-max-width: var(--lex-size-panel-width-sm);
+  --lex-sidebar-item-sub-indent: var(--lex-space-control-x-sm);
+  --lex-sidebar-item-focus-ring-width: var(--lex-outline-width-focus);
+  --lex-sidebar-item-focus-ring-color: var(--lex-border-focus);
+  --lex-sidebar-item-focus-ring-offset: var(--lex-outline-offset-focus);
+  --lex-sidebar-item-focus-ring-offset-color: var(--lex-color-background-base);
   --lex-slider-gap: var(--lex-space-control-gap-md);
   --lex-slider-control-padding-y: var(--lex-space-control-y-sm);
   --lex-slider-track-background: var(--lex-color-background-subtle);

package/templates/templates/SettingsPageLayout/SettingsPageLayout.tsx

@@ -4,7 +4,7 @@
  * Reference SettingsPageLayout template — settings page shell with header and panels.
  */
 
-import { PageHeader } from "@/components/blocks/PageHeader"
+import { PageHeader } from "@/components/blocks/PageHeader/PageHeader"
 import {
   SettingsPanel,
   SettingsPanelContent,
@@ -12,7 +12,7 @@ import {
   SettingsPanelFooter,
   SettingsPanelHeader,
   SettingsPanelTitle,
-} from "@/components/blocks/SettingsPanel"
+} from "@/components/blocks/SettingsPanel/SettingsPanel"
 import type {
   SettingsPageLayoutBodyProps,
   SettingsPageLayoutHeaderProps,

package/templates/templates/SettingsPageLayout/SettingsPageLayout.types.ts

@@ -5,7 +5,7 @@
  */
 
 import type { HTMLAttributes, ReactNode, Ref } from "react"
-import type { PageHeaderProps } from "@/components/blocks/PageHeader"
+import type { PageHeaderProps } from "@/components/blocks/PageHeader/PageHeader.types"
 import type {
   SettingsPanelContentProps,
   SettingsPanelDescriptionProps,
@@ -13,7 +13,7 @@ import type {
   SettingsPanelHeaderProps,
   SettingsPanelProps,
   SettingsPanelTitleProps,
-} from "@/components/blocks/SettingsPanel"
+} from "@/components/blocks/SettingsPanel/SettingsPanel.types"
 
 export interface SettingsPageLayoutProps extends HTMLAttributes<HTMLDivElement> {
   ref?: Ref<HTMLDivElement>