@photonix/basic 1.6.8 → 1.7.0

package/dist/index.css

@@ -8859,7 +8859,7 @@
 ._disabled_q8tx0_348 ._chipAction_q8tx0_124 {
   color: var(--foreground-state-disabled);
 }
-._chipBarRoot_j4xii_1 {
+._chipBarRoot_6daqn_1 {
   align-items: center;
   box-sizing: border-box;
   display: flex;
@@ -8869,24 +8869,24 @@
   overflow: visible hidden;
   position: relative;
 }
-._chipBarSizeLarge_j4xii_14 {
+._chipBarSizeLarge_6daqn_14 {
   block-size: var(--dimensions-56);
 }
-._chipBarSizeMedium_j4xii_18 {
+._chipBarSizeMedium_6daqn_18 {
   block-size: var(--dimensions-48);
 }
-._chipBarSticky_j4xii_23 {
+._chipBarSticky_6daqn_23 {
   background-color: transparent;
   inset-block-start: 0;
   position: sticky;
   transition: background-color var(--motion-duration-normal) ease-in-out, box-shadow var(--motion-duration-normal) ease-in-out;
   z-index: var(--z-index-decorator);
 }
-._chipBarStuck_j4xii_34 {
+._chipBarStuck_6daqn_34 {
   background-color: var(--surface-neutral-elevator);
   box-shadow: inset 0 calc(-1 * var(--border-sm)) 0 0 var(--border-neutral-tertiary), var(--shadow-sm);
 }
-._chipBarLeading_j4xii_44 {
+._chipBarLeading_6daqn_44 {
   align-items: center;
   display: flex;
   flex-shrink: 0;
@@ -8894,19 +8894,19 @@
   position: relative;
   z-index: 2;
 }
-._chipBarDivider_j4xii_55 {
+._chipBarDivider_6daqn_55 {
   background-color: var(--border-neutral-tertiary);
   block-size: var(--dimensions-32);
   inline-size: var(--border-sm);
 }
-._chipBarScrollOuter_j4xii_64 {
+._chipBarScrollOuter_6daqn_64 {
   align-items: center;
   display: flex;
   flex-grow: 1;
   min-inline-size: 0;
   position: relative;
 }
-._chipBarScrollArea_j4xii_73 {
+._chipBarScrollArea_6daqn_73 {
   --chip-bar-fade-left: 0px;
   --chip-bar-fade-right: 0px;
   display: flex;
@@ -8935,7 +8935,7 @@
   mask-position: 0 0;
   -webkit-mask-position: 0 0;
 }
-._chipBarMaskWrapper_j4xii_105 {
+._chipBarMaskWrapper_6daqn_105 {
   display: flex;
   flex-grow: 1;
   min-inline-size: 0;
@@ -8944,7 +8944,7 @@
   width: 100%;
   z-index: 0;
 }
-._chipBarList_j4xii_115 {
+._chipBarList_6daqn_115 {
   align-items: center;
   background: transparent;
   box-sizing: border-box;
@@ -8956,32 +8956,32 @@
   min-inline-size: 0;
   overflow-x: auto;
   position: relative;
-  padding: var(--dimensions-4) var(--dimensions-40) var(--dimensions-4) 0;
+  padding: var(--dimensions-4) 0;
   scroll-behavior: smooth;
   scrollbar-width: none;
   z-index: 0;
 }
 @media (hover: none) or (pointer: coarse) {
-  ._chipBarList_j4xii_115 {
+  ._chipBarList_6daqn_115 {
     padding-inline-end: var(--dimensions-16);
   }
 }
-._chipBarList_j4xii_115::-webkit-scrollbar {
+._chipBarList_6daqn_115::-webkit-scrollbar {
   display: none;
 }
-._chipBarRootPadded_j4xii_146 {
+._chipBarRootPadded_6daqn_146 {
   padding-inline-start: var(--chip-bar-padding, var(--space-sm));
 }
-._chipBarListPadded_j4xii_151 {
+._chipBarListPadded_6daqn_151 {
   padding-inline: 0 var(--chip-bar-padding, var(--space-sm));
 }
-._chipBarListPadded_j4xii_151:after {
+._chipBarListPadded_6daqn_151:after {
   block-size: 1px;
   content: "";
   flex: 0 0 var(--chip-bar-padding, var(--space-sm));
   inline-size: var(--chip-bar-padding, var(--space-sm));
 }
-._chipBarNavSlot_j4xii_170 {
+._chipBarNavSlot_6daqn_170 {
   align-items: center;
   display: none;
   inset-block: 0;
@@ -8992,22 +8992,22 @@
   z-index: 2;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._chipBarNavSlot_j4xii_170 {
+  ._chipBarNavSlot_6daqn_170 {
     display: flex;
   }
 }
-._chipBarNavSlotLeft_j4xii_187 {
+._chipBarNavSlotLeft_6daqn_187 {
   inset-inline-start: 0;
   justify-content: flex-start;
 }
-._chipBarNavSlotRight_j4xii_192 {
+._chipBarNavSlotRight_6daqn_192 {
   inset-inline-end: 0;
   justify-content: flex-end;
 }
-._chipBarGradientVisible_j4xii_197 {
+._chipBarGradientVisible_6daqn_197 {
   opacity: 1;
 }
-._chipBarNavButton_j4xii_202 {
+._chipBarNavButton_6daqn_202 {
   align-items: center;
   background: var(--surface-neutral-primary);
   block-size: var(--dimensions-32);
@@ -9024,10 +9024,10 @@
   transition: all var(--motion-duration-normal) ease-in-out;
   z-index: 3;
 }
-._chipBarGradientVisible_j4xii_197 ._chipBarNavButton_j4xii_202 {
+._chipBarGradientVisible_6daqn_197 ._chipBarNavButton_6daqn_202 {
   pointer-events: auto;
 }
-._chipBarNavButton_j4xii_202:after {
+._chipBarNavButton_6daqn_202:after {
   background-color: transparent;
   content: "";
   inset: 0;
@@ -9036,20 +9036,20 @@
   transition: background-color var(--motion-duration-fast) var(--motion-ease-out);
   z-index: 0;
 }
-._chipBarNavButton_j4xii_202:hover:after {
+._chipBarNavButton_6daqn_202:hover:after {
   background-color: var(--surface-state-hover);
 }
-._chipBarNavButton_j4xii_202 svg {
+._chipBarNavButton_6daqn_202 svg {
   block-size: var(--dimensions-20);
   inline-size: var(--dimensions-20);
   position: relative;
   z-index: 1;
 }
-._chipBarStuck_j4xii_34 ._chipBarNavButton_j4xii_202 {
+._chipBarStuck_6daqn_34 ._chipBarNavButton_6daqn_202 {
   background: var(--surface-neutral-elevator);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._chipBarStuck_j4xii_34 ._chipBarNavButton_j4xii_202 {
+  ._chipBarStuck_6daqn_34 ._chipBarNavButton_6daqn_202 {
     background: var(--surface-neutral-elevator);
   }
 }
@@ -14253,7 +14253,7 @@
 ._selectCheckRoot_15dor_6:disabled ._selectCheckIcon_15dor_90 {
   color: var(--foreground-state-disabled);
 }
-@keyframes _slide-from-bottom_13e9l_1 {
+@keyframes _slide-from-bottom_1ghml_1 {
   0% {
     transform: translateY(100%);
   }
@@ -14261,7 +14261,7 @@
     transform: translateY(0);
   }
 }
-@keyframes _slide-to-bottom_13e9l_1 {
+@keyframes _slide-to-bottom_1ghml_1 {
   0% {
     transform: translateY(0);
   }
@@ -14269,7 +14269,7 @@
     transform: translateY(100%);
   }
 }
-@keyframes _slide-from-right_13e9l_1 {
+@keyframes _slide-from-right_1ghml_1 {
   0% {
     transform: translate(100%);
   }
@@ -14277,7 +14277,7 @@
     transform: translate(0);
   }
 }
-@keyframes _slide-to-right_13e9l_1 {
+@keyframes _slide-to-right_1ghml_1 {
   0% {
     transform: translate(0);
   }
@@ -14285,7 +14285,7 @@
     transform: translate(100%);
   }
 }
-@keyframes _fade-in_13e9l_1 {
+@keyframes _fade-in_1ghml_1 {
   0% {
     opacity: 0;
   }
@@ -14293,7 +14293,7 @@
     opacity: 1;
   }
 }
-@keyframes _fade-out_13e9l_1 {
+@keyframes _fade-out_1ghml_1 {
   0% {
     opacity: 1;
   }
@@ -14301,9 +14301,9 @@
     opacity: 0;
   }
 }
-._sheetOverlay_13e9l_63 {
+._sheetOverlay_1ghml_63 {
   align-items: flex-end;
-  animation: _fade-in_13e9l_1 var(--motion-duration-normal) var(--motion-ease-standard);
+  animation: _fade-in_1ghml_1 .3s var(--motion-ease-standard);
   background-color: var(--color-overlay);
   display: flex;
   inset: 0;
@@ -14311,17 +14311,17 @@
   position: fixed;
   z-index: var(--z-index-modal);
 }
-._sheetOverlayClosing_13e9l_76 {
-  animation: _fade-out_13e9l_1 var(--motion-duration-normal) var(--motion-ease-standard) forwards;
+._sheetOverlayClosing_1ghml_76 {
+  animation: _fade-out_1ghml_1 .3s var(--motion-ease-standard) forwards;
 }
 @media (min-width: 768px) {
-  ._sheetOverlay_13e9l_63 {
+  ._sheetOverlay_1ghml_63 {
     align-items: stretch;
     justify-content: flex-end;
   }
 }
-._sheetPanel_13e9l_89 {
-  animation: _slide-from-bottom_13e9l_1 var(--motion-duration-normal) var(--motion-ease-standard);
+._sheetPanel_1ghml_89 {
+  animation: _slide-from-bottom_1ghml_1 .3s var(--motion-ease-standard);
   background-color: var(--surface-neutral-elevator);
   border-start-end-radius: var(--radius-sm);
   border-start-start-radius: var(--radius-sm);
@@ -14332,63 +14332,64 @@
   max-block-size: calc(100vh - var(--space-2xl));
   overflow: hidden;
 }
-._sheetPanelClosing_13e9l_105 {
-  animation: _slide-to-bottom_13e9l_1 var(--motion-duration-normal) var(--motion-ease-standard) forwards;
+._sheetPanelClosing_1ghml_105 {
+  animation: _slide-to-bottom_1ghml_1 .3s var(--motion-ease-standard) forwards;
 }
 @media (min-width: 768px) {
-  ._sheetPanel_13e9l_89 {
-    animation: _slide-from-right_13e9l_1 var(--motion-duration-normal) var(--motion-ease-standard);
+  ._sheetPanel_1ghml_89 {
+    animation: _slide-from-right_1ghml_1 .3s var(--motion-ease-standard);
     block-size: 100vh;
     border-radius: 0;
     max-block-size: 100vh;
   }
-  ._sheetPanelClosing_13e9l_105 {
-    animation: _slide-to-right_13e9l_1 var(--motion-duration-normal) var(--motion-ease-standard) forwards;
+  ._sheetPanelClosing_1ghml_105 {
+    animation: _slide-to-right_1ghml_1 .3s var(--motion-ease-standard) forwards;
   }
 }
-._sheetPanelResponsive_13e9l_128 {
+._sheetPanelResponsive_1ghml_128 {
   inline-size: 100%;
   max-inline-size: 100%;
 }
 @media (min-width: 768px) {
-  ._sheetPanelResponsive_13e9l_128 {
+  ._sheetPanelResponsive_1ghml_128 {
     inline-size: 400px;
     max-inline-size: 400px;
   }
 }
 @media (min-width: 1024px) {
-  ._sheetPanelResponsive_13e9l_128 {
+  ._sheetPanelResponsive_1ghml_128 {
     inline-size: 480px;
     max-inline-size: 480px;
   }
 }
-._sheetPanelFullHeight_13e9l_149 {
-  block-size: 100vh;
-  border-radius: 0;
-  max-block-size: 100vh;
+._sheetPanelFullHeight_1ghml_149 {
+  block-size: calc(100dvh - env(safe-area-inset-top, 24px));
+  border-start-end-radius: var(--radius-sm);
+  border-start-start-radius: var(--radius-sm);
+  max-block-size: calc(100dvh - env(safe-area-inset-top, 24px));
 }
-._sheetHeader_13e9l_156 {
+._sheetHeader_1ghml_157 {
   background-color: var(--surface-neutral-elevator);
   flex-shrink: 0;
 }
-._sheetContent_13e9l_162 {
+._sheetContent_1ghml_163 {
   flex: 1;
   -webkit-overflow-scrolling: touch;
   overflow-y: auto;
   padding-inline: 16px;
 }
-._sheetContentNoPadding_13e9l_169 {
+._sheetContentNoPadding_1ghml_170 {
   padding-inline: 0;
 }
-._sheetFooter_13e9l_174 {
+._sheetFooter_1ghml_175 {
   flex-shrink: 0;
   transition: box-shadow var(--motion-duration-normal) var(--motion-ease-standard), border-color var(--motion-duration-normal) var(--motion-ease-standard);
   z-index: var(--z-index-decorator);
 }
-._sheetFooterElevatedGradient_13e9l_187 {
+._sheetFooterElevatedGradient_1ghml_188 {
   position: relative;
 }
-._sheetFooterElevatedGradient_13e9l_187:before {
+._sheetFooterElevatedGradient_1ghml_188:before {
   background:
     linear-gradient(
       to top,
@@ -14401,7 +14402,7 @@
   pointer-events: none;
   position: absolute;
 }
-._sheetGrabber_13e9l_202 {
+._sheetGrabber_1ghml_203 {
   background-color: var(--surface-neutral-elevator);
   display: flex;
   flex-shrink: 0;
@@ -14410,14 +14411,14 @@
   position: relative;
   z-index: 1;
 }
-._sheetGrabberBar_13e9l_213 {
+._sheetGrabberBar_1ghml_214 {
   background-color: var(--surface-neutral-tertiary);
   block-size: var(--dimensions-4);
   border-radius: var(--radius-full);
   inline-size: var(--dimensions-36);
 }
 @media (min-width: 768px) {
-  ._sheetGrabber_13e9l_202 {
+  ._sheetGrabber_1ghml_203 {
     display: none;
   }
 }