@tempots/beatui 0.39.0 → 0.41.0

package/dist/beatui.tailwind.css

@@ -916,14 +916,20 @@ a:focus-visible {
   }
 }
 
-/* Animated Toggle Component */
+/* Animated Toggle Component - Composable Animation System */
 .bc-animated-toggle {
-  transition-property: all;
-  transition-duration: 1s;
-  transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
+  --animation-duration: 1s;
+  --animation-easing: cubic-bezier(0.2, 0, 0, 1);
+  --scale-factor: 0.95;
+  --transform-origin: center;
+
+  transition-property: opacity, transform;
+  transition-duration: var(--animation-duration);
+  transition-timing-function: var(--animation-easing);
+  transform-origin: var(--transform-origin);
 }
 
-/* Status: closed and start-closing - element is hidden */
+/* Status: closed - element is hidden */
 .bc-animated-toggle--closed {
   display: none;
 }
@@ -936,178 +942,243 @@ a:focus-visible {
 /* Animation: NONE - no animation, just show/hide */
 .bc-animated-toggle--none {
   transition-property: none;
+  transition-duration: 0s;
 }
 
 /* Animation: FADE */
 .bc-animated-toggle--fade.bc-animated-toggle--closing,
-.bc-animated-toggle--fade.bc-animated-toggle--start-opening,
-.bc-animated-toggle--fade-slide-up.bc-animated-toggle--closing,
-.bc-animated-toggle--fade-slide-up.bc-animated-toggle--start-opening,
-.bc-animated-toggle--fade-slide-down.bc-animated-toggle--closing,
-.bc-animated-toggle--fade-slide-down.bc-animated-toggle--start-opening,
-.bc-animated-toggle--fade-slide-left.bc-animated-toggle--closing,
-.bc-animated-toggle--fade-slide-left.bc-animated-toggle--start-opening,
-.bc-animated-toggle--fade-slide-right.bc-animated-toggle--closing,
-.bc-animated-toggle--fade-slide-right.bc-animated-toggle--start-opening,
-.bc-animated-toggle--scale-fade.bc-animated-toggle--closing,
-.bc-animated-toggle--scale-fade.bc-animated-toggle--start-opening,
-.bc-animated-toggle--flyout-top.bc-animated-toggle--closing,
-.bc-animated-toggle--flyout-top.bc-animated-toggle--start-opening,
-.bc-animated-toggle--flyout-bottom.bc-animated-toggle--closing,
-.bc-animated-toggle--flyout-bottom.bc-animated-toggle--start-opening,
-.bc-animated-toggle--flyout-left.bc-animated-toggle--closing,
-.bc-animated-toggle--flyout-left.bc-animated-toggle--start-opening,
-.bc-animated-toggle--flyout-right.bc-animated-toggle--closing,
-.bc-animated-toggle--flyout-right.bc-animated-toggle--start-opening {
+.bc-animated-toggle--fade.bc-animated-toggle--start-opening {
   opacity: 0;
 }
 
 .bc-animated-toggle--fade.bc-animated-toggle--opening,
-.bc-animated-toggle--fade.bc-animated-toggle--start-closing,
-.bc-animated-toggle--fade-slide-up.bc-animated-toggle--opening,
-.bc-animated-toggle--fade-slide-up.bc-animated-toggle--start-closing,
-.bc-animated-toggle--fade-slide-down.bc-animated-toggle--opening,
-.bc-animated-toggle--fade-slide-down.bc-animated-toggle--start-closing,
-.bc-animated-toggle--fade-slide-left.bc-animated-toggle--opening,
-.bc-animated-toggle--fade-slide-left.bc-animated-toggle--start-closing,
-.bc-animated-toggle--fade-slide-right.bc-animated-toggle--opening,
-.bc-animated-toggle--fade-slide-right.bc-animated-toggle--start-closing,
-.bc-animated-toggle--scale-fade.bc-animated-toggle--opening,
-.bc-animated-toggle--scale-fade.bc-animated-toggle--start-closing,
-.bc-animated-toggle--flyout-top.bc-animated-toggle--opening,
-.bc-animated-toggle--flyout-top.bc-animated-toggle--start-closing,
-.bc-animated-toggle--flyout-bottom.bc-animated-toggle--opening,
-.bc-animated-toggle--flyout-bottom.bc-animated-toggle--start-closing,
-.bc-animated-toggle--flyout-left.bc-animated-toggle--opening,
-.bc-animated-toggle--flyout-left.bc-animated-toggle--start-closing,
-.bc-animated-toggle--flyout-right.bc-animated-toggle--opening,
-.bc-animated-toggle--flyout-right.bc-animated-toggle--start-closing {
+.bc-animated-toggle--fade.bc-animated-toggle--opened,
+.bc-animated-toggle--fade.bc-animated-toggle--start-closing {
   opacity: 1;
 }
 
-/* Animation: slide-right */
+/* Animation: SLIDE - individual directions */
 .bc-animated-toggle--slide-right.bc-animated-toggle--closing,
-.bc-animated-toggle--slide-right.bc-animated-toggle--start-opening,
-.bc-animated-toggle--fade-slide-right.bc-animated-toggle--closing,
-.bc-animated-toggle--fade-slide-right.bc-animated-toggle--start-opening {
+.bc-animated-toggle--slide-right.bc-animated-toggle--start-opening {
   transform: translateX(-100%);
 }
 
 .bc-animated-toggle--slide-right.bc-animated-toggle--opening,
-.bc-animated-toggle--slide-right.bc-animated-toggle--start-closing,
-.bc-animated-toggle--fade-slide-right.bc-animated-toggle--opening,
-.bc-animated-toggle--fade-slide-right.bc-animated-toggle--start-closing {
+.bc-animated-toggle--slide-right.bc-animated-toggle--opened,
+.bc-animated-toggle--slide-right.bc-animated-toggle--start-closing {
   transform: translateX(0);
 }
 
-/* Animation: slide-left */
 .bc-animated-toggle--slide-left.bc-animated-toggle--closing,
-.bc-animated-toggle--slide-left.bc-animated-toggle--start-opening,
-.bc-animated-toggle--fade-slide-left.bc-animated-toggle--closing,
-.bc-animated-toggle--fade-slide-left.bc-animated-toggle--start-opening {
+.bc-animated-toggle--slide-left.bc-animated-toggle--start-opening {
   transform: translateX(100%);
 }
 
 .bc-animated-toggle--slide-left.bc-animated-toggle--opening,
-.bc-animated-toggle--slide-left.bc-animated-toggle--start-closing,
-.bc-animated-toggle--fade-slide-left.bc-animated-toggle--opening,
-.bc-animated-toggle--fade-slide-left.bc-animated-toggle--start-closing {
+.bc-animated-toggle--slide-left.bc-animated-toggle--opened,
+.bc-animated-toggle--slide-left.bc-animated-toggle--start-closing {
   transform: translateX(0);
 }
 
-/* Animation: slide-up */
 .bc-animated-toggle--slide-up.bc-animated-toggle--closing,
-.bc-animated-toggle--slide-up.bc-animated-toggle--start-opening,
-.bc-animated-toggle--fade-slide-up.bc-animated-toggle--closing,
-.bc-animated-toggle--fade-slide-up.bc-animated-toggle--start-opening {
+.bc-animated-toggle--slide-up.bc-animated-toggle--start-opening {
   transform: translateY(100%);
 }
 
 .bc-animated-toggle--slide-up.bc-animated-toggle--opening,
-.bc-animated-toggle--slide-up.bc-animated-toggle--start-closing,
-.bc-animated-toggle--fade-slide-up.bc-animated-toggle--opening,
-.bc-animated-toggle--fade-slide-up.bc-animated-toggle--start-closing {
+.bc-animated-toggle--slide-up.bc-animated-toggle--opened,
+.bc-animated-toggle--slide-up.bc-animated-toggle--start-closing {
   transform: translateY(0);
 }
 
-/* Animation: slide-down */
 .bc-animated-toggle--slide-down.bc-animated-toggle--closing,
-.bc-animated-toggle--slide-down.bc-animated-toggle--start-opening,
-.bc-animated-toggle--fade-slide-down.bc-animated-toggle--closing,
-.bc-animated-toggle--fade-slide-down.bc-animated-toggle--start-opening {
+.bc-animated-toggle--slide-down.bc-animated-toggle--start-opening {
   transform: translateY(-100%);
 }
 
 .bc-animated-toggle--slide-down.bc-animated-toggle--opening,
-.bc-animated-toggle--slide-down.bc-animated-toggle--start-closing,
-.bc-animated-toggle--fade-slide-down.bc-animated-toggle--opening,
-.bc-animated-toggle--fade-slide-down.bc-animated-toggle--start-closing {
+.bc-animated-toggle--slide-down.bc-animated-toggle--opened,
+.bc-animated-toggle--slide-down.bc-animated-toggle--start-closing {
   transform: translateY(0);
 }
 
-/* Animation: scale */
+/* Animation: SCALE */
 .bc-animated-toggle--scale.bc-animated-toggle--closing,
-.bc-animated-toggle--scale.bc-animated-toggle--start-opening,
-.bc-animated-toggle--scale-fade.bc-animated-toggle--closing,
-.bc-animated-toggle--scale-fade.bc-animated-toggle--start-opening {
-  transform: scale(0.8);
+.bc-animated-toggle--scale.bc-animated-toggle--start-opening {
+  transform: scale(var(--scale-factor));
 }
 
 .bc-animated-toggle--scale.bc-animated-toggle--opening,
-.bc-animated-toggle--scale.bc-animated-toggle--start-closing,
-.bc-animated-toggle--scale-fade.bc-animated-toggle--opening,
-.bc-animated-toggle--scale-fade.bc-animated-toggle--start-closing {
+.bc-animated-toggle--scale.bc-animated-toggle--opened,
+.bc-animated-toggle--scale.bc-animated-toggle--start-closing {
+  transform: scale(1);
+}
+
+/* Composable animations: fade + slide combinations */
+.bc-animated-toggle--fade.bc-animated-toggle--slide-right.bc-animated-toggle--closing,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-right.bc-animated-toggle--start-opening {
+  opacity: 0;
+  transform: translateX(-100%);
+}
+
+.bc-animated-toggle--fade.bc-animated-toggle--slide-right.bc-animated-toggle--opening,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-right.bc-animated-toggle--opened,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-right.bc-animated-toggle--start-closing {
+  opacity: 1;
+  transform: translateX(0);
+}
+
+.bc-animated-toggle--fade.bc-animated-toggle--slide-left.bc-animated-toggle--closing,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-left.bc-animated-toggle--start-opening {
+  opacity: 0;
+  transform: translateX(100%);
+}
+
+.bc-animated-toggle--fade.bc-animated-toggle--slide-left.bc-animated-toggle--opening,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-left.bc-animated-toggle--opened,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-left.bc-animated-toggle--start-closing {
+  opacity: 1;
+  transform: translateX(0);
+}
+
+.bc-animated-toggle--fade.bc-animated-toggle--slide-up.bc-animated-toggle--closing,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-up.bc-animated-toggle--start-opening {
+  opacity: 0;
+  transform: translateY(100%);
+}
+
+.bc-animated-toggle--fade.bc-animated-toggle--slide-up.bc-animated-toggle--opening,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-up.bc-animated-toggle--opened,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-up.bc-animated-toggle--start-closing {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.bc-animated-toggle--fade.bc-animated-toggle--slide-down.bc-animated-toggle--closing,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-down.bc-animated-toggle--start-opening {
+  opacity: 0;
+  transform: translateY(-100%);
+}
+
+.bc-animated-toggle--fade.bc-animated-toggle--slide-down.bc-animated-toggle--opening,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-down.bc-animated-toggle--opened,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-down.bc-animated-toggle--start-closing {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+/* Composable animations: fade + scale */
+.bc-animated-toggle--fade.bc-animated-toggle--scale.bc-animated-toggle--closing,
+.bc-animated-toggle--fade.bc-animated-toggle--scale.bc-animated-toggle--start-opening {
+  opacity: 0;
+  transform: scale(var(--scale-factor));
+}
+
+.bc-animated-toggle--fade.bc-animated-toggle--scale.bc-animated-toggle--opening,
+.bc-animated-toggle--fade.bc-animated-toggle--scale.bc-animated-toggle--opened,
+.bc-animated-toggle--fade.bc-animated-toggle--scale.bc-animated-toggle--start-closing {
+  opacity: 1;
   transform: scale(1);
 }
 
-/* Animation: flyout-top */
-.bc-animated-toggle--flyout-top.bc-animated-toggle--closing,
-.bc-animated-toggle--flyout-top.bc-animated-toggle--start-opening {
-  transform: translateY(-1rem) scale(0.95);
+/* Composable animations: slide + scale combinations */
+.bc-animated-toggle--slide-right.bc-animated-toggle--scale.bc-animated-toggle--closing,
+.bc-animated-toggle--slide-right.bc-animated-toggle--scale.bc-animated-toggle--start-opening {
+  transform: translateX(-100%) scale(var(--scale-factor));
+}
+
+.bc-animated-toggle--slide-right.bc-animated-toggle--scale.bc-animated-toggle--opening,
+.bc-animated-toggle--slide-right.bc-animated-toggle--scale.bc-animated-toggle--opened,
+.bc-animated-toggle--slide-right.bc-animated-toggle--scale.bc-animated-toggle--start-closing {
+  transform: translateX(0) scale(1);
+}
+
+.bc-animated-toggle--slide-left.bc-animated-toggle--scale.bc-animated-toggle--closing,
+.bc-animated-toggle--slide-left.bc-animated-toggle--scale.bc-animated-toggle--start-opening {
+  transform: translateX(100%) scale(var(--scale-factor));
+}
+
+.bc-animated-toggle--slide-left.bc-animated-toggle--scale.bc-animated-toggle--opened,
+.bc-animated-toggle--slide-left.bc-animated-toggle--scale.bc-animated-toggle--opening,
+.bc-animated-toggle--slide-left.bc-animated-toggle--scale.bc-animated-toggle--start-closing {
+  transform: translateX(0) scale(1);
+}
+
+.bc-animated-toggle--slide-up.bc-animated-toggle--scale.bc-animated-toggle--closing,
+.bc-animated-toggle--slide-up.bc-animated-toggle--scale.bc-animated-toggle--start-opening {
+  transform: translateY(100%) scale(var(--scale-factor));
 }
 
-.bc-animated-toggle--flyout-top.bc-animated-toggle--opening,
-.bc-animated-toggle--flyout-top.bc-animated-toggle--start-closing {
+.bc-animated-toggle--slide-up.bc-animated-toggle--scale.bc-animated-toggle--opening,
+.bc-animated-toggle--slide-up.bc-animated-toggle--scale.bc-animated-toggle--opened,
+.bc-animated-toggle--slide-up.bc-animated-toggle--scale.bc-animated-toggle--start-closing {
   transform: translateY(0) scale(1);
 }
 
-/* Animation: flyout-bottom */
-.bc-animated-toggle--flyout-bottom.bc-animated-toggle--closing,
-.bc-animated-toggle--flyout-bottom.bc-animated-toggle--start-opening {
-  transform: translateY(1rem) scale(0.95);
+.bc-animated-toggle--slide-down.bc-animated-toggle--scale.bc-animated-toggle--closing,
+.bc-animated-toggle--slide-down.bc-animated-toggle--scale.bc-animated-toggle--start-opening {
+  transform: translateY(-100%) scale(var(--scale-factor));
 }
 
-.bc-animated-toggle--flyout-bottom.bc-animated-toggle--opening,
-.bc-animated-toggle--flyout-bottom.bc-animated-toggle--start-closing {
+.bc-animated-toggle--slide-down.bc-animated-toggle--scale.bc-animated-toggle--opening,
+.bc-animated-toggle--slide-down.bc-animated-toggle--scale.bc-animated-toggle--opened,
+.bc-animated-toggle--slide-down.bc-animated-toggle--scale.bc-animated-toggle--start-closing {
   transform: translateY(0) scale(1);
 }
 
-/* Animation: flyout-left */
-.bc-animated-toggle--flyout-left.bc-animated-toggle--closing,
-.bc-animated-toggle--flyout-left.bc-animated-toggle--start-opening {
+/* Composable animations: fade + slide + scale (all three) */
+.bc-animated-toggle--fade.bc-animated-toggle--slide-right.bc-animated-toggle--scale.bc-animated-toggle--closing,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-right.bc-animated-toggle--scale.bc-animated-toggle--start-opening {
   opacity: 0;
-  transform: translateX(-1rem) scale(0.95);
+  transform: translateX(-100%) scale(var(--scale-factor));
 }
 
-.bc-animated-toggle--flyout-left.bc-animated-toggle--opening,
-.bc-animated-toggle--flyout-left.bc-animated-toggle--start-closing {
+.bc-animated-toggle--fade.bc-animated-toggle--slide-right.bc-animated-toggle--scale.bc-animated-toggle--opening,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-right.bc-animated-toggle--scale.bc-animated-toggle--opened,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-right.bc-animated-toggle--scale.bc-animated-toggle--start-closing {
   opacity: 1;
   transform: translateX(0) scale(1);
 }
 
-/* Animation: flyout-right */
-.bc-animated-toggle--flyout-right.bc-animated-toggle--closing,
-.bc-animated-toggle--flyout-right.bc-animated-toggle--start-opening {
+.bc-animated-toggle--fade.bc-animated-toggle--slide-left.bc-animated-toggle--scale.bc-animated-toggle--closing,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-left.bc-animated-toggle--scale.bc-animated-toggle--start-opening {
   opacity: 0;
-  transform: translateX(1rem) scale(0.95);
+  transform: translateX(100%) scale(var(--scale-factor));
 }
 
-.bc-animated-toggle--flyout-right.bc-animated-toggle--opening,
-.bc-animated-toggle--flyout-right.bc-animated-toggle--start-closing {
+.bc-animated-toggle--fade.bc-animated-toggle--slide-left.bc-animated-toggle--scale.bc-animated-toggle--opening,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-left.bc-animated-toggle--scale.bc-animated-toggle--opened,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-left.bc-animated-toggle--scale.bc-animated-toggle--start-closing {
   opacity: 1;
   transform: translateX(0) scale(1);
 }
 
+.bc-animated-toggle--fade.bc-animated-toggle--slide-up.bc-animated-toggle--scale.bc-animated-toggle--closing,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-up.bc-animated-toggle--scale.bc-animated-toggle--start-opening {
+  opacity: 0;
+  transform: translateY(100%) scale(var(--scale-factor));
+}
+
+.bc-animated-toggle--fade.bc-animated-toggle--slide-up.bc-animated-toggle--scale.bc-animated-toggle--opening,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-up.bc-animated-toggle--scale.bc-animated-toggle--opened,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-up.bc-animated-toggle--scale.bc-animated-toggle--start-closing {
+  opacity: 1;
+  transform: translateY(0) scale(1);
+}
+
+.bc-animated-toggle--fade.bc-animated-toggle--slide-down.bc-animated-toggle--scale.bc-animated-toggle--closing,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-down.bc-animated-toggle--scale.bc-animated-toggle--start-opening {
+  opacity: 0;
+  transform: translateY(-100%) scale(var(--scale-factor));
+}
+
+.bc-animated-toggle--fade.bc-animated-toggle--slide-down.bc-animated-toggle--scale.bc-animated-toggle--opening,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-down.bc-animated-toggle--scale.bc-animated-toggle--opened,
+.bc-animated-toggle--fade.bc-animated-toggle--slide-down.bc-animated-toggle--scale.bc-animated-toggle--start-closing {
+  opacity: 1;
+  transform: translateY(0) scale(1);
+}
+
 /* Accessibility: Reduced motion */
 @media (prefers-reduced-motion: reduce) {
   .bc-animated-toggle {
@@ -1957,9 +2028,9 @@ a:focus-visible {
   height: var(--collapse-height);
 }
 
-/* Color Input Component (SVG blob preview overlaying native input) */
+/* Color Swatch Input Component (SVG blob preview overlaying native input) */
 
-.bc-color-input__control {
+.bc-color-swatch-input__control {
   position: relative;
   display: inline-block;
   border-radius: var(--radius-control, var(--radius-md));
@@ -1968,7 +2039,12 @@ a:focus-visible {
   border: 1px solid var(--color-neutral-300);
 }
 
-.bc-color-input__control--alpha {
+.bc-input-container .bc-color-input__swatch {
+  width: 2.2rem;
+  cursor: pointer;
+}
+
+.bc-color-swatch-input__control--alpha {
   /* subtle checkerboard background to visualize transparency */
   background-image:
     linear-gradient(
@@ -1999,12 +2075,12 @@ a:focus-visible {
     -5px 0px;
 }
 
-.bc-color-input__control:focus-within {
+.bc-color-swatch-input__control:focus-within {
   outline: 2px solid var(--interactive-focus-light);
   outline-offset: 2px;
 }
 
-.bc-color-input__svg {
+.bc-color-swatch-input__svg {
   display: block;
   width: 100%;
   height: 100%;
@@ -2014,11 +2090,11 @@ a:focus-visible {
   );
 }
 
-.bc-input-container--error .bc-color-input__control:focus-within {
+.bc-input-container--error .bc-color-swatch-input__control:focus-within {
   outline: 2px solid var(--color-danger-600);
 }
 
-.bc-color-input__native {
+.bc-color-swatch-input__native {
   position: absolute;
   inset: 0;
   width: 100%;
@@ -2033,32 +2109,34 @@ a:focus-visible {
   cursor: pointer;
 }
 
-.bc-color-input__native:disabled {
+.bc-color-swatch-input__native:disabled {
   cursor: not-allowed;
 }
 
-.bc-color-input__rgb {
+.bc-color-swatch-input__rgb {
   font-size: var(--font-size-sm);
   color: var(--color-gray-700);
 }
 
-.bc-color-input__alpha {
+.bc-color-swatch-input__alpha {
   width: 5rem;
   margin-inline-start: calc(var(--spacing-base) * 2);
 }
 
 /* Dark mode */
-.b-dark .bc-color-input__control:focus-within {
+.b-dark .bc-color-swatch-input__control:focus-within {
   outline: 2px solid var(--interactive-focus-dark);
 }
 
-.b-dark .bc-input-container--error .bc-color-input__control:focus-within {
+.b-dark
+  .bc-input-container--error
+  .bc-color-swatch-input__control:focus-within {
   outline: 2px solid var(--color-danger-400);
 }
 
 /* Responsive styles */
 @media (width >=var(--breakpoint-sm)) {
-  .bc-color-input__control {
+  .bc-color-swatch-input__control {
     width: 2.75rem;
     height: 2.25rem;
   }
@@ -2126,7 +2204,7 @@ a:focus-visible {
   border-radius: var(--radius-popover, var(--radius-md));
   box-shadow: var(--shadow-popover, var(--shadow-lg));
   padding: 0;
-  z-index: var(--z-index-popover);
+  z-index: var(--z-index-navigation);
   min-width: 12rem;
   max-height: 20rem;
   overflow-y: auto;
@@ -2378,7 +2456,7 @@ a:focus-visible {
 }
 
 .bc-control--text-size-md {
-  font-size: var(--font-size-base);
+  font-size: var(--font-size-md);
 }
 
 .bc-control--text-size-lg {
@@ -3317,6 +3395,10 @@ a:focus-visible {
   display: block;
 }
 
+.bc-flyout-container {
+  z-index: var(--z-index-popover);
+}
+
 .bc-flyout {
   /* Base flyout styles */
   background-color: var(--color-neutral-50);
@@ -3324,7 +3406,6 @@ a:focus-visible {
   border-radius: var(--radius-popover, var(--radius-md));
   box-shadow: var(--shadow-popover, var(--shadow-lg));
   padding: var(--spacing-sm);
-  z-index: var(--z-index-popover);
 }
 
 /* Transform origins for placement-aware animations */
@@ -3494,8 +3575,6 @@ a:focus-visible {
 
 .bc-input-container {
   width: 100%;
-  /* Horizontal padding only; vertical padding comes from size classes */
-  padding-inline: calc(var(--spacing-base) * 4);
   /* Add a transparent border to match button height math */
   border: 1.5px solid transparent;
   border-radius: var(--radius-control, var(--radius-md));
@@ -3504,6 +3583,7 @@ a:focus-visible {
   transition: all
     var(--motion-transition-fast, var(--motion-duration-fast, 0.2s))
     var(--motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));
+  align-items: stretch;
 }
 
 /* Default state */
@@ -3542,7 +3622,7 @@ a:focus-visible {
 
 /* Focus within state */
 .bc-input-container:focus-within {
-  z-index: 10;
+  z-index: var(--z-index-navigation);
   outline: 2px solid var(--interactive-focus-light);
   outline-offset: -2px;
 }
@@ -3563,8 +3643,7 @@ a:focus-visible {
 .bc-input-container__after {
   display: flex;
   flex-direction: row;
-  align-items: center;
-  z-index: 10;
+  z-index: var(--z-index-navigation);
 }
 
 /* Input wrapper */
@@ -3573,6 +3652,8 @@ a:focus-visible {
   flex-direction: row;
   align-items: center;
   overflow: hidden;
+  /* Horizontal padding only; vertical padding comes from size classes */
+  padding-inline: calc(var(--spacing-base) * 4);
 }
 
 .bc-input-container__input--grow {
@@ -3604,13 +3685,14 @@ a:focus-visible {
   font-size: var(--font-size-sm);
   fill: var(--color-gray-400);
   border-radius: var(--radius-full);
-  padding: var(--spacing-sm);
+  padding: var(--spacing-sm) var(--spacing-md);
   background: transparent;
   border: none;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
+  /* aspect-ratio: 1 / 1; */
 }
 
 .bc-input-container__password-toggle:hover {
@@ -3653,6 +3735,13 @@ a:focus-visible {
   flex-grow: 1;
 }
 
+.bc-input-container__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-sm) var(--spacing-md);
+}
+
 /* Dark mode styles */
 .b-dark .bc-input-container--default {
   background-color: var(--bg-surface-dark);
@@ -5197,11 +5286,9 @@ a:focus-visible {
   transition: all
     var(--motion-transition-fast, var(--motion-duration-fast, 0.2s))
     var(--motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));
-}
 
-.bc-number-input-steppers-button .bc-icon {
-  width: 0.6rem;
-  height: 0.6rem;
+  width: 1rem;
+  height: 50%;
 }
 
 .bc-number-input-steppers-button:hover {

package/dist/{de-tK36cL_u.cjs → de-Bv-qs--J.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./translations-DJR65Jii.cjs"),o={loadingExtended:"Lädt, bitte warten",loadingShort:"Lädt...",iconDescription:"Symbol",loadingIcon:"Ladesymbol",locale:"Landesvariante",failedToLoadIcon:"Symbol konnte nicht geladen werden",editLabel:"Bearbeiten",selectOne:"Eines auswählen",selectMany:"Mehrere auswählen",noResults:"Keine Ergebnisse",passwordPlaceholderText:"Geheimes Passwort",togglePasswordVisibility:"Passwort-Sichtbarkeit umschalten",toggleMenu:"Menü umschalten",toggleAside:"Seitenleiste umschalten",mainNavigation:"Hauptnavigation",sidebar:"Seitenleiste",closeDrawer:"Schublade schließen",closeModal:"Modal schließen",confirm:"Bestätigen",cancel:"Abbrechen",addLabel:"Hinzufügen",removeItem:"Element entfernen",currentLocale:"Deutsch",ar:"Arabisch",de:"Deutsch",en:"Englisch",es:"Spanisch",fr:"Französisch",hi:"Hindi",it:"Italienisch",ja:"Japanisch",ko:"Koreanisch",nl:"Niederländisch",pl:"Polnisch",pt:"Portugiesisch",ru:"Russisch",tr:"Türkisch",vi:"Vietnamesisch",zh:"Chinesisch",he:"Hebräisch",fa:"Persisch",ur:"Urdu",emailPlaceholderText:"E-Mail eingeben",incrementValue:"Wert erhöhen",decrementValue:"Wert verringern",dropZoneInstructions:e=>e?"Klicken zum Auswählen oder Dateien hierher ziehen, oder Enter oder Leertaste drücken, um Dateiauswahl zu öffnen":"Dateien hierher ziehen",fileSizeUnits:["Bytes","KB","MB","GB","TB"],removeFile:"Datei entfernen",clearAllFiles:"Alle Dateien löschen",clearValue:"Wert löschen",unknownType:"Unbekannter Typ",filesInputInstructions:(e,i,t)=>{let r=e==null||e>1?"Klicken zum Auswählen oder Dateien hierher ziehen":"Klicken zum Auswählen oder Datei hierher ziehen";if(e||i){const n=[];if(e!=null&&e>1&&n.push(`bis zu ${e} Dateien`),i&&t){const l=s.formatFileSize(i,{units:t});n.push(`max ${l} je Datei`)}n.length>0&&(r+=` (${n.join(", ")})`)}else if(i&&t){const n=s.formatFileSize(i,{units:t});r+=` (max ${n})`}return r},prosemirror:{bold:"Fett",italic:"Kursiv",code:"Inline-Code",link:"Link einfügen",removeLink:"Link entfernen",heading:e=>`Überschrift ${e}`,bulletList:"Aufzählung",orderedList:"Nummerierte Liste",blockquote:"Zitat",codeBlock:"Code-Block",horizontalRule:"Horizontale Linie",linkUrlPlaceholder:"https://beispiel.com"}};exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./translations-C21osktO.cjs"),o={loadingExtended:"Lädt, bitte warten",loadingShort:"Lädt...",iconDescription:"Symbol",loadingIcon:"Ladesymbol",locale:"Landesvariante",failedToLoadIcon:"Symbol konnte nicht geladen werden",editLabel:"Bearbeiten",selectOne:"Eines auswählen",selectMany:"Mehrere auswählen",noResults:"Keine Ergebnisse",passwordPlaceholderText:"Geheimes Passwort",togglePasswordVisibility:"Passwort-Sichtbarkeit umschalten",toggleMenu:"Menü umschalten",toggleAside:"Seitenleiste umschalten",mainNavigation:"Hauptnavigation",sidebar:"Seitenleiste",closeDrawer:"Schublade schließen",closeModal:"Modal schließen",confirm:"Bestätigen",cancel:"Abbrechen",addLabel:"Hinzufügen",removeItem:"Element entfernen",currentLocale:"Deutsch",ar:"Arabisch",de:"Deutsch",en:"Englisch",es:"Spanisch",fr:"Französisch",hi:"Hindi",it:"Italienisch",ja:"Japanisch",ko:"Koreanisch",nl:"Niederländisch",pl:"Polnisch",pt:"Portugiesisch",ru:"Russisch",tr:"Türkisch",vi:"Vietnamesisch",zh:"Chinesisch",he:"Hebräisch",fa:"Persisch",ur:"Urdu",emailPlaceholderText:"E-Mail eingeben",incrementValue:"Wert erhöhen",decrementValue:"Wert verringern",dropZoneInstructions:e=>e?"Klicken zum Auswählen oder Dateien hierher ziehen, oder Enter oder Leertaste drücken, um Dateiauswahl zu öffnen":"Dateien hierher ziehen",fileSizeUnits:["Bytes","KB","MB","GB","TB"],removeFile:"Datei entfernen",clearAllFiles:"Alle Dateien löschen",clearValue:"Wert löschen",unknownType:"Unbekannter Typ",filesInputInstructions:(e,i,t)=>{let r=e==null||e>1?"Klicken zum Auswählen oder Dateien hierher ziehen":"Klicken zum Auswählen oder Datei hierher ziehen";if(e||i){const n=[];if(e!=null&&e>1&&n.push(`bis zu ${e} Dateien`),i&&t){const l=s.formatFileSize(i,{units:t});n.push(`max ${l} je Datei`)}n.length>0&&(r+=` (${n.join(", ")})`)}else if(i&&t){const n=s.formatFileSize(i,{units:t});r+=` (max ${n})`}return r},prosemirror:{bold:"Fett",italic:"Kursiv",code:"Inline-Code",link:"Link einfügen",removeLink:"Link entfernen",heading:e=>`Überschrift ${e}`,bulletList:"Aufzählung",orderedList:"Nummerierte Liste",blockquote:"Zitat",codeBlock:"Code-Block",horizontalRule:"Horizontale Linie",linkUrlPlaceholder:"https://beispiel.com"}};exports.default=o;

package/dist/{de-Dd907tZQ.js → de-D1MQ4wen.js}

@@ -1,4 +1,4 @@
-import { f as s } from "./translations-djDSPqdb.js";
+import { f as s } from "./translations-D-fMB_IO.js";
 const a = {
   loadingExtended: "Lädt, bitte warten",
   loadingShort: "Lädt...",

package/dist/{es-K35LRZa-.cjs → es-3r8Ko5Dn.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./translations-DJR65Jii.cjs"),t={loadingExtended:"Cargando, por favor espere",loadingShort:"Cargando...",locale:"Idioma",iconDescription:"Icono",loadingIcon:"Icono de carga",failedToLoadIcon:"Error al cargar el icono",editLabel:"Editar",selectOne:"Seleccionar uno",selectMany:"Seleccionar varios",noResults:"Sin resultados",passwordPlaceholderText:"Contraseña Secreta",togglePasswordVisibility:"Alternar visibilidad de contraseña",toggleMenu:"Alternar menú",toggleAside:"Alternar panel lateral",mainNavigation:"Navegación principal",sidebar:"Barra lateral",closeDrawer:"Cerrar cajón",closeModal:"Cerrar modal",confirm:"Confirmar",cancel:"Cancelar",addLabel:"Agregar",removeItem:"Eliminar elemento",currentLocale:"Español",ar:"Árabe",de:"Alemán",en:"Inglés",es:"Español",fr:"Francés",hi:"Hindi",it:"Italiano",ja:"Japonés",ko:"Coreano",nl:"Neerlandés",pl:"Polaco",pt:"Portugués",ru:"Ruso",tr:"Turco",vi:"Vietnamita",zh:"Chino",he:"Hebreo",fa:"Persa",ur:"Urdu",emailPlaceholderText:"Correo electrónico",incrementValue:"Incrementar valor",decrementValue:"Decrementar valor",dropZoneInstructions:a=>a?"Haz clic para elegir o arrastra archivos aquí, o presiona Enter o Espacio para abrir el selector de archivos":"Arrastra archivos aquí",fileSizeUnits:["Bytes","KB","MB","GB","TB"],removeFile:"Eliminar archivo",clearAllFiles:"Borrar todos los archivos",clearValue:"Borrar valor",unknownType:"Tipo desconocido",filesInputInstructions:(a,e,o)=>{let n=a==null||a>1?"Haz clic para elegir o arrastra archivos aquí":"Haz clic para elegir o arrastra un archivo aquí";if(a||e){const r=[];if(a!=null&&a>1&&r.push(`hasta ${a} archivos`),e&&o){const i=l.formatFileSize(e,{units:o});r.push(`máx ${i} cada uno`)}r.length>0&&(n+=` (${r.join(", ")})`)}else if(e&&o){const r=l.formatFileSize(e,{units:o});n+=` (máx ${r})`}return n},prosemirror:{bold:"Negrita",italic:"Cursiva",code:"Código en línea",link:"Insertar enlace",removeLink:"Eliminar enlace",heading:a=>`Encabezado ${a}`,bulletList:"Lista con viñetas",orderedList:"Lista numerada",blockquote:"Cita",codeBlock:"Bloque de código",horizontalRule:"Línea horizontal",linkUrlPlaceholder:"https://ejemplo.com"}};exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./translations-C21osktO.cjs"),t={loadingExtended:"Cargando, por favor espere",loadingShort:"Cargando...",locale:"Idioma",iconDescription:"Icono",loadingIcon:"Icono de carga",failedToLoadIcon:"Error al cargar el icono",editLabel:"Editar",selectOne:"Seleccionar uno",selectMany:"Seleccionar varios",noResults:"Sin resultados",passwordPlaceholderText:"Contraseña Secreta",togglePasswordVisibility:"Alternar visibilidad de contraseña",toggleMenu:"Alternar menú",toggleAside:"Alternar panel lateral",mainNavigation:"Navegación principal",sidebar:"Barra lateral",closeDrawer:"Cerrar cajón",closeModal:"Cerrar modal",confirm:"Confirmar",cancel:"Cancelar",addLabel:"Agregar",removeItem:"Eliminar elemento",currentLocale:"Español",ar:"Árabe",de:"Alemán",en:"Inglés",es:"Español",fr:"Francés",hi:"Hindi",it:"Italiano",ja:"Japonés",ko:"Coreano",nl:"Neerlandés",pl:"Polaco",pt:"Portugués",ru:"Ruso",tr:"Turco",vi:"Vietnamita",zh:"Chino",he:"Hebreo",fa:"Persa",ur:"Urdu",emailPlaceholderText:"Correo electrónico",incrementValue:"Incrementar valor",decrementValue:"Decrementar valor",dropZoneInstructions:a=>a?"Haz clic para elegir o arrastra archivos aquí, o presiona Enter o Espacio para abrir el selector de archivos":"Arrastra archivos aquí",fileSizeUnits:["Bytes","KB","MB","GB","TB"],removeFile:"Eliminar archivo",clearAllFiles:"Borrar todos los archivos",clearValue:"Borrar valor",unknownType:"Tipo desconocido",filesInputInstructions:(a,e,o)=>{let n=a==null||a>1?"Haz clic para elegir o arrastra archivos aquí":"Haz clic para elegir o arrastra un archivo aquí";if(a||e){const r=[];if(a!=null&&a>1&&r.push(`hasta ${a} archivos`),e&&o){const i=l.formatFileSize(e,{units:o});r.push(`máx ${i} cada uno`)}r.length>0&&(n+=` (${r.join(", ")})`)}else if(e&&o){const r=l.formatFileSize(e,{units:o});n+=` (máx ${r})`}return n},prosemirror:{bold:"Negrita",italic:"Cursiva",code:"Código en línea",link:"Insertar enlace",removeLink:"Eliminar enlace",heading:a=>`Encabezado ${a}`,bulletList:"Lista con viñetas",orderedList:"Lista numerada",blockquote:"Cita",codeBlock:"Bloque de código",horizontalRule:"Línea horizontal",linkUrlPlaceholder:"https://ejemplo.com"}};exports.default=t;

package/dist/{es-BkJxjMdG.js → es-DwPjonS7.js}

@@ -1,4 +1,4 @@
-import { f as l } from "./translations-djDSPqdb.js";
+import { f as l } from "./translations-D-fMB_IO.js";
 const c = {
   loadingExtended: "Cargando, por favor espere",
   loadingShort: "Cargando...",

package/dist/{fa-BBikwwku.cjs → fa-Qw6uVZeX.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./translations-DJR65Jii.cjs"),a={loadingExtended:"در حال بارگذاری، لطفاً صبر کنید",loadingShort:"در حال بارگذاری...",locale:"زبان",iconDescription:"نماد",loadingIcon:"نماد بارگذاری",failedToLoadIcon:"بارگذاری نماد ناموفق بود",editLabel:"ویرایش",selectOne:"یکی را انتخاب کنید",selectMany:"چند مورد را انتخاب کنید",noResults:"بدون نتیجه",passwordPlaceholderText:"رمز عبور محرمانه",togglePasswordVisibility:"نمایش/مخفی کردن رمز عبور",toggleMenu:"نمایش/مخفی کردن منو",toggleAside:"نمایش/مخفی کردن پانل کناری",mainNavigation:"ناوبری اصلی",sidebar:"نوار کناری",closeDrawer:"بستن کشو",closeModal:"بستن پنجره",confirm:"تأیید",cancel:"لغو",addLabel:"افزودن",removeItem:"حذف مورد",currentLocale:"فارسی",ar:"عربی",de:"آلمانی",en:"انگلیسی",es:"اسپانیایی",fr:"فرانسوی",he:"عبری",hi:"هندی",it:"ایتالیایی",ja:"ژاپنی",ko:"کره‌ای",nl:"هلندی",pl:"لهستانی",pt:"پرتغالی",ru:"روسی",tr:"ترکی",vi:"ویتنامی",zh:"چینی",fa:"فارسی",ur:"اردو",emailPlaceholderText:"ایمیل خود را وارد کنید",incrementValue:"افزایش مقدار",decrementValue:"کاهش مقدار",dropZoneInstructions:e=>e?"برای انتخاب کلیک کنید یا فایل‌ها را بکشید، یا Enter یا Space را فشار دهید تا انتخابگر فایل باز شود":"فایل‌ها را بکشید",fileSizeUnits:["بایت","کیلوبایت","مگابایت","گیگابایت","ترابایت"],removeFile:"حذف فایل",clearAllFiles:"حذف همه فایل‌ها",clearValue:"حذف مقدار",unknownType:"نوع ناشناخته",filesInputInstructions:(e,t,l)=>{let n=e==null||e>1?"برای انتخاب کلیک کنید یا فایل‌ها را بکشید":"برای انتخاب کلیک کنید یا فایل را بکشید";if(e||t){const o=[];if(e!=null&&e>1&&o.push(`تا ${e} فایل`),t&&l){const i=r.formatFileSize(t,{units:l});o.push(`حداکثر ${i} هر کدام`)}o.length>0&&(n+=` (${o.join("، ")})`)}else if(t&&l){const o=r.formatFileSize(t,{units:l});n+=` (حداکثر ${o})`}return n},prosemirror:{bold:"Bold",italic:"Italic",code:"Code",link:"Link",removeLink:"Remove Link",heading:e=>`Heading ${e}`,bulletList:"Bullet List",orderedList:"Ordered List",blockquote:"Blockquote",codeBlock:"Code Block",horizontalRule:"Horizontal Rule",linkUrlPlaceholder:"https://example.com"}};exports.default=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./translations-C21osktO.cjs"),a={loadingExtended:"در حال بارگذاری، لطفاً صبر کنید",loadingShort:"در حال بارگذاری...",locale:"زبان",iconDescription:"نماد",loadingIcon:"نماد بارگذاری",failedToLoadIcon:"بارگذاری نماد ناموفق بود",editLabel:"ویرایش",selectOne:"یکی را انتخاب کنید",selectMany:"چند مورد را انتخاب کنید",noResults:"بدون نتیجه",passwordPlaceholderText:"رمز عبور محرمانه",togglePasswordVisibility:"نمایش/مخفی کردن رمز عبور",toggleMenu:"نمایش/مخفی کردن منو",toggleAside:"نمایش/مخفی کردن پانل کناری",mainNavigation:"ناوبری اصلی",sidebar:"نوار کناری",closeDrawer:"بستن کشو",closeModal:"بستن پنجره",confirm:"تأیید",cancel:"لغو",addLabel:"افزودن",removeItem:"حذف مورد",currentLocale:"فارسی",ar:"عربی",de:"آلمانی",en:"انگلیسی",es:"اسپانیایی",fr:"فرانسوی",he:"عبری",hi:"هندی",it:"ایتالیایی",ja:"ژاپنی",ko:"کره‌ای",nl:"هلندی",pl:"لهستانی",pt:"پرتغالی",ru:"روسی",tr:"ترکی",vi:"ویتنامی",zh:"چینی",fa:"فارسی",ur:"اردو",emailPlaceholderText:"ایمیل خود را وارد کنید",incrementValue:"افزایش مقدار",decrementValue:"کاهش مقدار",dropZoneInstructions:e=>e?"برای انتخاب کلیک کنید یا فایل‌ها را بکشید، یا Enter یا Space را فشار دهید تا انتخابگر فایل باز شود":"فایل‌ها را بکشید",fileSizeUnits:["بایت","کیلوبایت","مگابایت","گیگابایت","ترابایت"],removeFile:"حذف فایل",clearAllFiles:"حذف همه فایل‌ها",clearValue:"حذف مقدار",unknownType:"نوع ناشناخته",filesInputInstructions:(e,t,l)=>{let n=e==null||e>1?"برای انتخاب کلیک کنید یا فایل‌ها را بکشید":"برای انتخاب کلیک کنید یا فایل را بکشید";if(e||t){const o=[];if(e!=null&&e>1&&o.push(`تا ${e} فایل`),t&&l){const i=r.formatFileSize(t,{units:l});o.push(`حداکثر ${i} هر کدام`)}o.length>0&&(n+=` (${o.join("، ")})`)}else if(t&&l){const o=r.formatFileSize(t,{units:l});n+=` (حداکثر ${o})`}return n},prosemirror:{bold:"Bold",italic:"Italic",code:"Code",link:"Link",removeLink:"Remove Link",heading:e=>`Heading ${e}`,bulletList:"Bullet List",orderedList:"Ordered List",blockquote:"Blockquote",codeBlock:"Code Block",horizontalRule:"Horizontal Rule",linkUrlPlaceholder:"https://example.com"}};exports.default=a;

package/dist/{fa-DBTUBsw_.js → fa-fxf_lWjh.js}

@@ -1,4 +1,4 @@
-import { f as r } from "./translations-djDSPqdb.js";
+import { f as r } from "./translations-D-fMB_IO.js";
 const c = {
   loadingExtended: "در حال بارگذاری، لطفاً صبر کنید",
   loadingShort: "در حال بارگذاری...",

package/dist/{fr-Fmupo556.js → fr-BDDsMHRZ.js}

@@ -1,4 +1,4 @@
-import { f as o } from "./translations-djDSPqdb.js";
+import { f as o } from "./translations-D-fMB_IO.js";
 const s = {
   loadingExtended: "Chargement, veuillez patienter",
   loadingShort: "Chargement...",