banhaten 0.2.0 → 0.3.0

package/registry/styles/globals.css

@@ -29,6 +29,7 @@
   --bh-amber-600: #CD6103;
   --bh-amber-700: #AC4C03;
   --bh-amber-800: #863E07;
+  --bh-amber-900: #652C07;
   --bh-aqua-100: #BBFAEA;
   --bh-aqua-200: #87F0D5;
   --bh-aqua-50: #DBFFF6;
@@ -100,6 +101,7 @@
   --bh-bg-accent-aqua-default: var(--bh-aqua-500);
   --bh-bg-accent-aqua-soft: var(--bh-aqua-100);
   --bh-bg-accent-aqua-subtle: var(--bh-aqua-50);
+  --bh-bg-accent-blue-bold: var(--bh-blue-600);
   --bh-bg-accent-blue-default: var(--bh-blue-500);
   --bh-bg-accent-blue-soft: var(--bh-blue-100);
   --bh-bg-accent-blue-subtle: var(--bh-blue-50);
@@ -122,6 +124,7 @@
   --bh-bg-accent-red-default: var(--bh-red-500);
   --bh-bg-accent-red-soft: var(--bh-red-100);
   --bh-bg-accent-red-subtle: var(--bh-red-50);
+  --bh-bg-accent-rose-bold: var(--bh-rose-600);
   --bh-bg-accent-rose-default: var(--bh-rose-500);
   --bh-bg-accent-rose-soft: var(--bh-rose-100);
   --bh-bg-accent-rose-subtle: var(--bh-rose-50);
@@ -455,6 +458,9 @@
   --bh-content-on-brand: var(--bh-colors-brand-color-on-brand-light);
   --bh-content-on-color: var(--bh-base-white);
   --bh-content-on-light: var(--bh-colors-neutral-950);
+  --bh-content-on-neutral: var(--bh-base-white);
+  --bh-content-on-success: var(--bh-base-white);
+  --bh-content-on-warning: var(--bh-base-white);
   --bh-content-subtle: var(--bh-colors-neutral-800);
   --bh-content-success-default: var(--bh-green-600);
   --bh-content-success-strong: var(--bh-green-700);
@@ -564,6 +570,8 @@
   --bh-green-500: #0BAE45;
   --bh-green-600: #039536;
   --bh-green-700: #07712C;
+  --bh-green-800: #075622;
+  --bh-green-900: #043F18;
   --bh-icon-explorer-canvas-max-width: 1280px;
   --bh-icon-explorer-detail-max-width: 760px;
   --bh-icon-explorer-detail-preview-size: 86px;
@@ -669,6 +677,9 @@
   --bh-interactive-soft-disabled: var(--bh-colors-neutral-alpha-100);
   --bh-interactive-soft-hover: var(--bh-colors-neutral-alpha-200);
   --bh-interactive-soft-pressed: var(--bh-colors-neutral-alpha-300);
+  --bh-interactive-success-default: var(--bh-green-700);
+  --bh-interactive-success-hover: var(--bh-green-800);
+  --bh-interactive-success-pressed: var(--bh-green-900);
   --bh-interactive-switch-active: var(--bh-green-500);
   --bh-interactive-switch-active-disabled: var(--bh-green-100);
   --bh-interactive-switch-active-hover: var(--bh-green-600);
@@ -678,6 +689,9 @@
   --bh-interactive-switch-handle-disabled: var(--bh-colors-neutral-50);
   --bh-interactive-switch-hover: var(--bh-colors-neutral-500);
   --bh-interactive-table-header: var(--bh-colors-neutral-alpha-50);
+  --bh-interactive-warning-default: var(--bh-amber-700);
+  --bh-interactive-warning-hover: var(--bh-amber-800);
+  --bh-interactive-warning-pressed: var(--bh-amber-900);
   --bh-item-actions-gap: var(--bh-space-md-8);
   --bh-item-content-gap: var(--bh-space-xxs-2);
   --bh-item-gap: var(--bh-space-xl-12);
@@ -998,10 +1012,10 @@
   --bh-social-button-padding-x: var(--bh-space-xl-12);
   --bh-social-button-padding-y: var(--bh-space-sm-6);
   --bh-social-button-radius: var(--bh-control-default);
-  --bh-social-facebook-bg: #1877F2;
+  --bh-social-facebook-bg: #1465CE;
   --bh-social-facebook-border: transparent;
   --bh-social-facebook-fg: var(--bh-content-on-color);
-  --bh-social-facebook-hover: #1465CE;
+  --bh-social-facebook-hover: #0F52A8;
   --bh-social-facebook-icon: var(--bh-content-on-color);
   --bh-social-facebook-outline-icon: var(--bh-social-facebook-bg);
   --bh-social-facebook-width: 210px;
@@ -1033,10 +1047,10 @@
   --bh-social-twitter-outline-icon: var(--bh-bg-always-dark);
   --bh-social-twitter-width: 190px;
   --bh-social-twitter-width-rtl: 231px;
-  --bh-social-whatsapp-bg: #09B248;
+  --bh-social-whatsapp-bg: #087D34;
   --bh-social-whatsapp-border: transparent;
   --bh-social-whatsapp-fg: var(--bh-content-on-color);
-  --bh-social-whatsapp-hover: #08973D;
+  --bh-social-whatsapp-hover: #066428;
   --bh-social-whatsapp-icon: var(--bh-content-on-color);
   --bh-social-whatsapp-outline-icon: var(--bh-social-whatsapp-bg);
   --bh-social-whatsapp-width: 214px;
@@ -1370,25 +1384,25 @@
   --shadow-checkbox-card-focus: var(--shadow-checkbox-card), var(--shadow-button-focus);
   --shadow-checkbox-control: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-checkbox-control-border, var(--bh-border-input)), var(--shadow-component-default);
   --shadow-checkbox-focus: var(--shadow-checkbox), var(--shadow-button-focus);
-  --shadow-component-danger-focus-ring: 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
-  --shadow-component-danger-focus-stroke: 0px 0px 0px var(--bh-border-width-default) var(--bh-border-focus-danger), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
+  --shadow-component-danger-focus-ring: 0px 0px 0px var(--bh-focus-ring-width) var(--bh-border-focus-danger);
+  --shadow-component-danger-focus-stroke: 0px 0px 0px var(--bh-border-width-default) var(--bh-bg-default), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) var(--bh-border-focus-danger);
   --shadow-component-default: 0px 1px 2px 0px rgb(15 17 20 / 0.05), inset 0px -1px 0px 0px rgb(0 0 0 / 0.08);
-  --shadow-component-focus-ring: 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
-  --shadow-component-focus-stroke: 0px 0px 0px var(--bh-border-width-default) var(--bh-border-focus), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
+  --shadow-component-focus-ring: 0px 0px 0px var(--bh-focus-ring-width) var(--bh-border-focus);
+  --shadow-component-focus-stroke: 0px 0px 0px var(--bh-border-width-default) var(--bh-bg-default), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) var(--bh-border-focus);
   --shadow-component-raised: inset 0px 1px 0px 0px rgb(255 255 255 / 0), inset 0px -1px 0px 0px rgb(0 0 0 / 0.08), 0px 1px 2px 0px rgb(15 17 20 / 0.05);
   --shadow-component-surface: inset 0px -1px 0px 0px rgb(0 0 0 / 0.08), 0px 1px 2px 0px rgb(15 17 20 / 0.05);
   --shadow-date-month-year-list: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-border-subtle);
-  --shadow-date-surface: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-date-surface-border, var(--bh-border-subtle)), var(--shadow-md);
+  --shadow-date-surface: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-date-surface-border, var(--bh-border-subtle)), var(--shadow-lg);
   --shadow-date-time-input: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-border-input);
   --shadow-input: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-input-border, var(--bh-border-input)), var(--shadow-component-default);
   --shadow-input-focus-ring: var(--shadow-component-focus-stroke);
-  --shadow-lg: 0px 10px 15px -3px rgb(15 17 20 / 0.08), 0px 4px 6px -4px rgb(15 17 20 / 0.08);
-  --shadow-md: 0px 4px 6px -2px rgb(15 17 20 / 0.04), 0px 10px 16px -3px rgb(15 17 20 / 0.06);
-  --shadow-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-menu-border), var(--shadow-component-default);
+  --shadow-lg: 0px 10px 16px -3px rgb(15 17 20 / 0.06), 0px 4px 6px -2px rgb(15 17 20 / 0.04);
+  --shadow-md: 0px 1.75px 4px -1px rgb(15 17 20 / 0.1);
+  --shadow-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-menu-border), var(--shadow-lg);
   --shadow-pagination-active: var(--shadow-button-raised);
   --shadow-pagination-control: var(--shadow-button-soft);
   --shadow-pagination-focus: var(--shadow-button-focus);
-  --shadow-popover: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-popover-border), var(--shadow-component-default);
+  --shadow-popover: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-popover-border), var(--shadow-lg);
   --shadow-progress-slider-thumb-focus: var(--shadow-component-focus-ring);
   --shadow-radio-card: inset 0px 0px 0px var(--bh-radio-card-border-width, var(--bh-border-width-default)) var(--bh-radio-card-border, var(--bh-border-default)), var(--shadow-radio-card-surface);
   --shadow-radio-card-disabled: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-border-disabled);
@@ -1397,18 +1411,18 @@
   --shadow-select-checkbox: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-checkbox-border, var(--bh-border-input)), var(--shadow-component-default);
   --shadow-select-danger-focus-ring: var(--shadow-component-danger-focus-stroke);
   --shadow-select-focus-ring: var(--shadow-component-focus-stroke);
-  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default);
+  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-lg);
   --shadow-select-trigger: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-current, var(--bh-select-trigger-border)), var(--shadow-component-default);
   --shadow-sidebar: inset calc(var(--bh-border-width-default) * -1) 0px 0px 0px var(--bh-sidebar-border), var(--shadow-component-surface);
-  --shadow-slider-thumb: 0px 1.75px 4px -1px rgb(15 17 20 / 0.1);
+  --shadow-slider-thumb: var(--shadow-md);
   --shadow-slider-thumb-focus: var(--shadow-slider-thumb), var(--shadow-component-focus-ring);
-  --shadow-slider-tooltip: var(--shadow-md);
-  --shadow-sm: 0px 1px 3px 0px rgb(15 17 20 / 0.08), 0px 1px 2px -1px rgb(15 17 20 / 0.08);
+  --shadow-slider-tooltip: var(--shadow-lg);
+  --shadow-sm: 0px 1px 3px 0px rgb(15 17 20 / 0.1);
   --shadow-social-button: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-social-button-border, transparent), var(--shadow-component-default);
   --shadow-social-button-focus: var(--shadow-social-button), var(--shadow-component-focus-ring);
   --shadow-social-button-focus-ring: var(--shadow-component-focus-ring);
   --shadow-textarea: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-textarea-border, var(--bh-border-input)), var(--shadow-component-default);
-  --shadow-xl: 0px 20px 25px -5px rgb(15 17 20 / 0.08), 0px 8px 10px -6px rgb(15 17 20 / 0.08);
+  --shadow-xl: 0px 20px 25px -5px rgb(15 17 20 / 0.08), 0px 10px 10px -5px rgb(15 17 20 / 0.06);
   --shadow-xs: 0px 1px 2px 0px rgb(15 17 20 / 0.06);
   --soft: var(--bh-interactive-soft-default);
   --soft-hover: var(--bh-interactive-soft-hover);
@@ -1500,23 +1514,23 @@
   --bh-colors-brand-checkbox-bg-hover: var(--bh-amber-700);
   --bh-colors-brand-checkbox-bg-hover-dark: var(--bh-amber-700);
   --bh-colors-brand-content-dark: var(--bh-amber-500);
-  --bh-colors-brand-content-light: var(--bh-amber-600);
+  --bh-colors-brand-content-light: var(--bh-amber-700);
   --bh-colors-brand-content-strong-dark: var(--bh-amber-400);
-  --bh-colors-brand-content-strong-light: var(--bh-amber-700);
+  --bh-colors-brand-content-strong-light: var(--bh-amber-800);
   --bh-colors-brand-focused-dark: var(--bh-amber-300);
-  --bh-colors-brand-focused-light: var(--bh-amber-500);
+  --bh-colors-brand-focused-light: var(--bh-amber-700);
   --bh-colors-brand-indicator: var(--bh-amber-600);
   --bh-colors-brand-indicator-dark: var(--bh-amber-600);
-  --bh-colors-brand-interactive-default: var(--bh-amber-600);
-  --bh-colors-brand-interactive-default-dark: var(--bh-amber-600);
-  --bh-colors-brand-interactive-hover: var(--bh-amber-700);
-  --bh-colors-brand-interactive-hover-dark: var(--bh-amber-700);
-  --bh-colors-brand-interactive-pressed: var(--bh-amber-600);
-  --bh-colors-brand-interactive-pressed-dark: var(--bh-amber-600);
+  --bh-colors-brand-interactive-default: var(--bh-amber-700);
+  --bh-colors-brand-interactive-default-dark: var(--bh-amber-700);
+  --bh-colors-brand-interactive-hover: var(--bh-amber-800);
+  --bh-colors-brand-interactive-hover-dark: var(--bh-amber-800);
+  --bh-colors-brand-interactive-pressed: var(--bh-amber-800);
+  --bh-colors-brand-interactive-pressed-dark: var(--bh-amber-800);
   --bh-colors-brand-link-dark: var(--bh-amber-500);
   --bh-colors-brand-link-hover-dark: var(--bh-amber-400);
   --bh-colors-brand-link-hover-light: var(--bh-amber-700);
-  --bh-colors-brand-link-light: var(--bh-amber-600);
+  --bh-colors-brand-link-light: var(--bh-amber-700);
   --bh-colors-brand-radiobutton-bg-default: var(--bh-amber-600);
   --bh-colors-brand-radiobutton-bg-default-dark: var(--bh-amber-600);
   --bh-colors-brand-radiobutton-bg-hover: var(--bh-amber-700);
@@ -2068,6 +2082,7 @@
   --bh-bg-accent-aqua-default: var(--bh-aqua-500);
   --bh-bg-accent-aqua-soft: var(--bh-aqua-900);
   --bh-bg-accent-aqua-subtle: var(--bh-aqua-alpha10);
+  --bh-bg-accent-blue-bold: var(--bh-blue-600);
   --bh-bg-accent-blue-default: var(--bh-blue-500);
   --bh-bg-accent-blue-soft: var(--bh-blue-900);
   --bh-bg-accent-blue-subtle: var(--bh-blue-alpha10);
@@ -2090,6 +2105,7 @@
   --bh-bg-accent-red-default: var(--bh-red-600);
   --bh-bg-accent-red-soft: var(--bh-red-900);
   --bh-bg-accent-red-subtle: var(--bh-red-alpha10);
+  --bh-bg-accent-rose-bold: var(--bh-rose-600);
   --bh-bg-accent-rose-default: var(--bh-rose-500);
   --bh-bg-accent-rose-soft: var(--bh-rose-900);
   --bh-bg-accent-rose-subtle: var(--bh-rose-alpha10);
@@ -2236,10 +2252,13 @@
   --bh-content-inverse: var(--bh-colors-neutral-dark-50);
   --bh-content-link: var(--bh-colors-brand-link-dark);
   --bh-content-link-hover: var(--bh-colors-brand-link-hover-dark);
-  --bh-content-muted: var(--bh-colors-neutral-dark-700);
+  --bh-content-muted: #808080;
   --bh-content-on-brand: var(--bh-colors-brand-color-on-brand-dark);
   --bh-content-on-color: var(--bh-base-white);
   --bh-content-on-light: var(--bh-colors-neutral-dark-50);
+  --bh-content-on-neutral: var(--bh-colors-neutral-dark-50);
+  --bh-content-on-success: var(--bh-colors-neutral-dark-50);
+  --bh-content-on-warning: var(--bh-colors-neutral-dark-50);
   --bh-content-subtle: var(--bh-colors-neutral-dark-800);
   --bh-content-success-default: var(--bh-green-500);
   --bh-content-success-strong: var(--bh-green-300);
@@ -2302,6 +2321,9 @@
   --bh-interactive-soft-disabled: var(--bh-colors-neutral-alpha-dark-100);
   --bh-interactive-soft-hover: var(--bh-colors-neutral-alpha-dark-200);
   --bh-interactive-soft-pressed: var(--bh-colors-neutral-alpha-dark-300);
+  --bh-interactive-success-default: var(--bh-green-400);
+  --bh-interactive-success-hover: var(--bh-green-300);
+  --bh-interactive-success-pressed: var(--bh-green-500);
   --bh-interactive-switch-active: var(--bh-green-500);
   --bh-interactive-switch-active-disabled: var(--bh-green-alpha25);
   --bh-interactive-switch-active-hover: var(--bh-green-600);
@@ -2311,6 +2333,9 @@
   --bh-interactive-switch-handle-disabled: var(--bh-colors-neutral-alpha-dark-300);
   --bh-interactive-switch-hover: var(--bh-colors-neutral-alpha-dark-500);
   --bh-interactive-table-header: var(--bh-colors-neutral-alpha-dark-50);
+  --bh-interactive-warning-default: var(--bh-amber-400);
+  --bh-interactive-warning-hover: var(--bh-amber-300);
+  --bh-interactive-warning-pressed: var(--bh-amber-500);
   --bh-lime-400: #A4D10E;
   --bh-lime-500: #8EB903;
   --bh-lime-800: #4E6503;
@@ -2371,6 +2396,7 @@
   --bh-rose-200: #FFB9D7;
   --bh-rose-400: #FF4F9B;
   --bh-rose-500: #F01071;
+  --bh-rose-600: #D10A60;
   --bh-rose-800: #810838;
   --bh-rose-900: #60082B;
   --bh-rose-alpha10: rgb(240 16 113 / 0.1);
@@ -2474,19 +2500,19 @@
   --shadow-button-surface: var(--shadow-component-surface);
   --shadow-checkbox-card: inset 0px 0px 0px var(--bh-checkbox-card-border-width, var(--bh-border-width-default)) var(--bh-checkbox-card-border, var(--bh-border-subtle)), var(--shadow-component-default);
   --shadow-checkbox-control: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-checkbox-control-border, var(--bh-border-input)), var(--shadow-component-default);
-  --shadow-component-danger-focus-ring: 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
-  --shadow-component-danger-focus-stroke: 0px 0px 0px var(--bh-border-width-default) var(--bh-border-focus-danger), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
+  --shadow-component-danger-focus-ring: 0px 0px 0px var(--bh-focus-ring-width) var(--bh-border-focus-danger);
+  --shadow-component-danger-focus-stroke: 0px 0px 0px var(--bh-border-width-default) var(--bh-bg-default), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) var(--bh-border-focus-danger);
   --shadow-component-default: 0px 1px 2px 0px rgb(0 0 0 / 0.36), inset 0px 1px 0px 0px rgb(255 255 255 / 0.05), inset 0px -1px 0px 0px rgb(0 0 0 / 0.28);
-  --shadow-component-focus-ring: 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
-  --shadow-component-focus-stroke: 0px 0px 0px var(--bh-border-width-default) var(--bh-border-focus), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
+  --shadow-component-focus-ring: 0px 0px 0px var(--bh-focus-ring-width) var(--bh-border-focus);
+  --shadow-component-focus-stroke: 0px 0px 0px var(--bh-border-width-default) var(--bh-bg-default), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) var(--bh-border-focus);
   --shadow-component-raised: inset 0px 1px 0px 0px rgb(255 255 255 / 0.05), inset 0px -1px 0px 0px rgb(0 0 0 / 0.32), 0px 1px 2px 0px rgb(0 0 0 / 0.32);
   --shadow-component-surface: inset 0px -1px 0px 0px rgb(0 0 0 / 0.32), 0px 1px 2px 0px rgb(0 0 0 / 0.32);
-  --shadow-date-surface: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-date-surface-border, var(--bh-border-subtle)), var(--shadow-md);
+  --shadow-date-surface: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-date-surface-border, var(--bh-border-subtle)), var(--shadow-lg);
   --shadow-input: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-input-border, var(--bh-border-input)), var(--shadow-component-default);
   --shadow-input-focus-ring: var(--shadow-component-focus-stroke);
-  --shadow-lg: 0px 10px 15px -3px rgb(0 0 0 / 0.32), 0px 4px 6px -4px rgb(0 0 0 / 0.28);
-  --shadow-md: 0px 4px 6px -2px rgb(0 0 0 / 0.24), 0px 10px 16px -3px rgb(0 0 0 / 0.28);
-  --shadow-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-menu-border), var(--shadow-component-default);
+  --shadow-lg: 0px 10px 16px -3px rgb(15 17 20 / 0.06), 0px 4px 6px -2px rgb(15 17 20 / 0.04);
+  --shadow-md: 0px 1.75px 4px -1px rgb(15 17 20 / 0.1);
+  --shadow-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-menu-border), var(--shadow-lg);
   --shadow-progress-slider-thumb-focus: var(--shadow-component-focus-ring);
   --shadow-radio-card: inset 0px 0px 0px var(--bh-radio-card-border-width, var(--bh-border-width-default)) var(--bh-radio-card-border, var(--bh-border-default)), var(--shadow-radio-card-surface);
   --shadow-radio-card-disabled: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-border-disabled);
@@ -2494,17 +2520,17 @@
   --shadow-select-checkbox: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-checkbox-border, var(--bh-border-input)), var(--shadow-component-default);
   --shadow-select-danger-focus-ring: var(--shadow-component-danger-focus-stroke);
   --shadow-select-focus-ring: var(--shadow-component-focus-stroke);
-  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default);
+  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-lg);
   --shadow-select-trigger: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-current, var(--bh-select-trigger-border)), var(--shadow-component-default);
   --shadow-slider-thumb-focus: var(--shadow-slider-thumb), var(--shadow-component-focus-ring);
-  --shadow-slider-tooltip: var(--shadow-md);
-  --shadow-sm: 0px 1px 3px 0px rgb(0 0 0 / 0.32), 0px 1px 2px -1px rgb(0 0 0 / 0.32);
+  --shadow-slider-tooltip: var(--shadow-lg);
+  --shadow-sm: 0px 1px 3px 0px rgb(15 17 20 / 0.1);
   --shadow-social-button: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-social-button-border, transparent), var(--shadow-component-default);
   --shadow-social-button-focus: var(--shadow-social-button), var(--shadow-component-focus-ring);
   --shadow-social-button-focus-ring: var(--shadow-component-focus-ring);
   --shadow-textarea: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-textarea-border, var(--bh-border-input)), var(--shadow-component-default);
-  --shadow-xl: 0px 20px 25px -5px rgb(0 0 0 / 0.36), 0px 8px 10px -6px rgb(0 0 0 / 0.32);
-  --shadow-xs: 0px 1px 2px 0px rgb(0 0 0 / 0.36);
+  --shadow-xl: 0px 20px 25px -5px rgb(15 17 20 / 0.08), 0px 10px 10px -5px rgb(15 17 20 / 0.06);
+  --shadow-xs: 0px 1px 2px 0px rgb(15 17 20 / 0.06);
   --soft: var(--bh-interactive-soft-default);
   --soft-hover: var(--bh-interactive-soft-hover);
   --soft-pressed: var(--bh-interactive-soft-pressed);

package/registry.json

@@ -640,6 +640,11 @@
         "lucide-react@^1.17.0"
       ],
       "files": [
+        {
+          "path": "registry/components/pagination.css",
+          "type": "registry:style",
+          "target": "@ui/pagination.css"
+        },
         {
           "path": "registry/components/pagination.tsx",
           "type": "registry:component",
@@ -1226,6 +1231,29 @@
         }
       ]
     },
+    {
+      "name": "activity-heatmap",
+      "type": "registry:block",
+      "title": "Activity Heatmap",
+      "description": "Token-only calendar activity heatmap with seven-day columns, five semantic intensity levels, responsive horizontal overflow, cell labels, and RTL support.",
+      "author": "Ahmad Galal",
+      "registryDependencies": [
+        "base"
+      ],
+      "dependencies": [],
+      "files": [
+        {
+          "path": "registry/components/expanded/activityHeatmap.css",
+          "type": "registry:style",
+          "target": "@ui/expanded/activityHeatmap.css"
+        },
+        {
+          "path": "registry/components/expanded/ActivityHeatmap.tsx",
+          "type": "registry:component",
+          "target": "@ui/expanded/ActivityHeatmap.tsx"
+        }
+      ]
+    },
     {
       "name": "alert",
       "type": "registry:component",
@@ -1233,7 +1261,8 @@
       "description": "Contextual feedback primitive with danger, success, warning, info, neutral, compact, expandable, action, close, and RTL variants.",
       "author": "Ahmad Galal",
       "registryDependencies": [
-        "base"
+        "base",
+        "button"
       ],
       "dependencies": [
         "class-variance-authority@^0.7.1",
@@ -1397,6 +1426,11 @@
           "path": "registry/components/expanded/Table.tsx",
           "type": "registry:component",
           "target": "@ui/expanded/Table.tsx"
+        },
+        {
+          "path": "registry/components/table-elements.tsx",
+          "type": "registry:component",
+          "target": "@ui/table-elements.tsx"
         }
       ]
     },
@@ -1459,6 +1493,8 @@
       "author": "Ahmad Galal",
       "registryDependencies": [
         "base",
+        "breadcrumbs",
+        "button",
         "tabs"
       ],
       "dependencies": [
@@ -1481,10 +1517,11 @@
       "name": "slideout",
       "type": "registry:block",
       "title": "Slideout",
-      "description": "Expanded slideout panel with desktop and mobile breakpoints, header and footer actions, slotted content, and RTL coverage.",
+      "description": "Expanded presentational slideout panel with desktop and mobile breakpoints, header and footer actions, slotted content, and RTL coverage. Use Sheet or Modal when overlay behavior is required.",
       "author": "Ahmad Galal",
       "registryDependencies": [
-        "base"
+        "base",
+        "button"
       ],
       "dependencies": [
         "lucide-react@^1.17.0"