sard 1.0.18 → 1.0.19

package/all-components.js

@@ -40,6 +40,7 @@ import { Dropdown, DropdownItem } from "./components/dropdown/index.js";
 import { Ellipsis } from "./components/ellipsis/index.js";
 import { Empty } from "./components/empty/index.js";
 import { Fab, FabItem } from "./components/fab/index.js";
+import { Flex } from "./components/flex/index.js";
 import { FloatingBubble } from "./components/floating-bubble/index.js";
 import { FloatingPanel } from "./components/floating-panel/index.js";
 import { Form, FormItem } from "./components/form/index.js";
@@ -98,7 +99,6 @@ import { Signature } from "./components/signature/index.js";
 import { Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonParagraph, SkeletonTitle } from "./components/skeleton/index.js";
 import { SlideVerify } from "./components/slide-verify/index.js";
 import { Slider } from "./components/slider/index.js";
-import { Space } from "./components/space/index.js";
 import { StatusBar } from "./components/status-bar/index.js";
 import { Stepper } from "./components/stepper/index.js";
 import { Step, Steps } from "./components/steps/index.js";
@@ -252,7 +252,7 @@ var all_components_default = {
 	SkeletonTitle,
 	SlideVerify,
 	Slider,
-	Space,
+	Flex,
 	StatusBar,
 	Step,
 	Stepper,

package/components/check-icon/index.css

@@ -1 +1 @@
-:root{--s-check-icon-size:1em;--s-check-icon-square-radius:.15em;--s-check-icon-border-color:var(--s-border-color-dark);--s-check-icon-border-color-disabled:var(--s-border-color-dark);--s-check-icon-color-disabled:var(--s-text-color-disabled);--s-check-icon-bg-disabled:var(--s-bg-color-disabled)}.s-check-icon{display:flex;justify-content:center;align-items:center;width:var(--s-check-icon-size);height:var(--s-check-icon-size);border:1px solid var(--s-check-icon-border-color)}.s-check-icon--square{border-radius:var(--s-check-icon-square-radius)}.s-check-icon--circle{border-radius:50%}.s-check-icon--check,.s-check-icon--dot,.s-check-icon--dash{border-color:rgba(0,0,0,0)}.s-check-icon:is(.is-disabled){color:var(--s-check-icon-color-disabled);background:var(--s-check-icon-bg-disabled);border-color:var(--s-check-icon-border-color-disabled)}
+:root{--s-check-icon-size:1em;--s-check-icon-square-border-radius:.15em;--s-check-icon-border-color:var(--s-border-color-dark);--s-check-icon-border-color-disabled:var(--s-border-color-dark);--s-check-icon-color-disabled:var(--s-text-color-disabled);--s-check-icon-bg-disabled:var(--s-bg-color-disabled)}.s-check-icon{display:flex;justify-content:center;align-items:center;width:var(--s-check-icon-size);height:var(--s-check-icon-size);border:1px solid var(--s-check-icon-border-color)}.s-check-icon--square{border-radius:var(--s-check-icon-square-border-radius)}.s-check-icon--circle{border-radius:50%}.s-check-icon--check,.s-check-icon--dot,.s-check-icon--dash{border-color:rgba(0,0,0,0)}.s-check-icon:is(.is-disabled){color:var(--s-check-icon-color-disabled);background:var(--s-check-icon-bg-disabled);border-color:var(--s-check-icon-border-color-disabled)}

package/components/cool-icon/index.css

@@ -1 +1 @@
-:root{--s-cool-icon-size:50px;--s-cool-icon-icon-size:30px;--s-cool-icon-oval-radius:43% 57%/57% 43%;--s-cool-icon-square-radius:25%;--s-cool-icon-triangle-radius:68% 32% 40% 60%/44% 34% 66% 56%;--s-cool-icon-shadow-opacity:.4;--s-cool-icon-adorn-bg:hsla(0,0%,100%,.2)}.s-cool-icon{position:relative;display:inline-block;width:var(--s-cool-icon-size);height:var(--s-cool-icon-size);font-size:var(--s-cool-icon-icon-size)}.s-cool-icon--square{border-radius:var(--s-cool-icon-square-radius)}.s-cool-icon--oval{border-radius:var(--s-cool-icon-oval-radius)}.s-cool-icon--oval .s-cool-icon__bg{transform:rotate(-19deg)}.s-cool-icon--triangle{border-radius:var(--s-cool-icon-triangle-radius)}.s-cool-icon--circle{border-radius:50%}.s-cool-icon--square .s-cool-icon__bg::before,.s-cool-icon--oval .s-cool-icon__bg::before,.s-cool-icon--triangle .s-cool-icon__bg::before,.s-cool-icon--circle .s-cool-icon__bg::before{content:"";display:block;background:inherit;filter:blur(5px);position:absolute;width:100%;height:100%;top:5px;inset-inline-start:5px;z-index:-1;opacity:var(--s-cool-icon-shadow-opacity);transform-origin:0 0;border-radius:inherit;transform:scale(1)}.s-cool-icon--flower{border-radius:var(--s-cool-icon-oval-radius)}.s-cool-icon--flower .s-cool-icon__bg{width:62.5%;margin:auto;border-radius:var(--s-border-radius-full)}.s-cool-icon--flower .s-cool-icon__bg::before,.s-cool-icon--flower .s-cool-icon__bg::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:inherit;border-radius:inherit;transform-origin:center center;opacity:.8}.s-cool-icon--flower .s-cool-icon__bg::before{transform:rotate(60deg)}.s-cool-icon--flower .s-cool-icon__bg::after{transform:rotate(-60deg)}.s-cool-icon--flower .s-cool-icon__bg .s-cool-icon__adorns{display:none}.s-cool-icon__bg{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;border-radius:inherit;z-index:1}.s-cool-icon__icon{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:inherit;line-height:1;z-index:2;border-radius:inherit}.s-cool-icon__adorns{position:absolute;left:0;right:0;top:0;z-index:1;bottom:0;width:100%;height:100%;border-radius:inherit;overflow:hidden}.s-cool-icon__adorn{position:absolute;border-radius:50%;background:var(--s-cool-icon-adorn-bg)}.s-cool-icon__adorn:nth-child(1){top:-13.33%;inset-inline-start:-9.46%;width:45.33%;height:45.33%}.s-cool-icon__adorn:nth-child(2){top:8.66%;inset-inline-start:66.66%;width:10%;height:10%}.s-cool-icon__adorn:nth-child(3){top:79.33%;inset-inline-start:18%;width:6.66%;height:6.66%}.s-cool-icon__adorn:nth-child(4){top:86%;inset-inline-start:26.66%;width:4%;height:4%}.s-cool-icon__adorn:nth-child(5){top:72%;inset-inline-start:44.66%;width:47.33%;height:38.66%}.s-cool-icon__adorn:nth-child(6){top:42%;inset-inline-start:58.66%;width:72.66%;height:66.66%}
+:root{--s-cool-icon-size:50px;--s-cool-icon-icon-size:30px;--s-cool-icon-oval-border-radius:43% 57%/57% 43%;--s-cool-icon-square-border-radius:25%;--s-cool-icon-triangle-border-radius:68% 32% 40% 60%/44% 34% 66% 56%;--s-cool-icon-shadow-opacity:.4;--s-cool-icon-adorn-bg:hsla(0,0%,100%,.2)}.s-cool-icon{position:relative;display:inline-block;width:var(--s-cool-icon-size);height:var(--s-cool-icon-size);font-size:var(--s-cool-icon-icon-size)}.s-cool-icon--square{border-radius:var(--s-cool-icon-square-border-radius)}.s-cool-icon--oval{border-radius:var(--s-cool-icon-oval-border-radius)}.s-cool-icon--oval .s-cool-icon__bg{transform:rotate(-19deg)}.s-cool-icon--triangle{border-radius:var(--s-cool-icon-triangle-border-radius)}.s-cool-icon--circle{border-radius:50%}.s-cool-icon--square .s-cool-icon__bg::before,.s-cool-icon--oval .s-cool-icon__bg::before,.s-cool-icon--triangle .s-cool-icon__bg::before,.s-cool-icon--circle .s-cool-icon__bg::before{content:"";display:block;background:inherit;filter:blur(5px);position:absolute;width:100%;height:100%;top:5px;inset-inline-start:5px;z-index:-1;opacity:var(--s-cool-icon-shadow-opacity);transform-origin:0 0;border-radius:inherit;transform:scale(1)}.s-cool-icon--flower{border-radius:var(--s-cool-icon-oval-border-radius)}.s-cool-icon--flower .s-cool-icon__bg{width:62.5%;margin:auto;border-radius:var(--s-border-radius-full)}.s-cool-icon--flower .s-cool-icon__bg::before,.s-cool-icon--flower .s-cool-icon__bg::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:inherit;border-radius:inherit;transform-origin:center center;opacity:.8}.s-cool-icon--flower .s-cool-icon__bg::before{transform:rotate(60deg)}.s-cool-icon--flower .s-cool-icon__bg::after{transform:rotate(-60deg)}.s-cool-icon--flower .s-cool-icon__bg .s-cool-icon__adorns{display:none}.s-cool-icon__bg{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;border-radius:inherit;z-index:1}.s-cool-icon__icon{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:inherit;line-height:1;z-index:2;border-radius:inherit}.s-cool-icon__adorns{position:absolute;left:0;right:0;top:0;z-index:1;bottom:0;width:100%;height:100%;border-radius:inherit;overflow:hidden}.s-cool-icon__adorn{position:absolute;border-radius:50%;background:var(--s-cool-icon-adorn-bg)}.s-cool-icon__adorn:nth-child(1){top:-13.33%;inset-inline-start:-9.46%;width:45.33%;height:45.33%}.s-cool-icon__adorn:nth-child(2){top:8.66%;inset-inline-start:66.66%;width:10%;height:10%}.s-cool-icon__adorn:nth-child(3){top:79.33%;inset-inline-start:18%;width:6.66%;height:6.66%}.s-cool-icon__adorn:nth-child(4){top:86%;inset-inline-start:26.66%;width:4%;height:4%}.s-cool-icon__adorn:nth-child(5){top:72%;inset-inline-start:44.66%;width:47.33%;height:38.66%}.s-cool-icon__adorn:nth-child(6){top:42%;inset-inline-start:58.66%;width:72.66%;height:66.66%}

package/components/date-strip/index.css

@@ -1 +1 @@
-:root{--s-date-strip-column-gap:8px;--s-date-strip-item-width:64px;--s-date-strip-item-padding-y:9px;--s-date-strip-item-padding-x:6px;--s-date-strip-item-radius:var(--s-border-radius);--s-date-strip-item-border-color:rgba(0,0,0,0);--s-date-strip-item-bg:rgba(0,0,0,0);--s-date-strip-item-week-font-size:var(--s-font-size-sm);--s-date-strip-item-week-color:var(--s-text-color-secondary);--s-date-strip-item-week-order:1;--s-date-strip-item-day-font-size:var(--s-font-size);--s-date-strip-item-day-color:inherit;--s-date-strip-item-day-order:2;--s-date-strip-item-info-font-size:var(--s-font-size-xs);--s-date-strip-item-info-color:var(--s-text-color-tertiary);--s-date-strip-item-info-order:3;--s-date-strip-item-color-selected:var(--s-white);--s-date-strip-item-bg-selected:var(--s-color-primary);--s-date-strip-item-bg-middle:rgba(var(--s-color-primary-rgb), 0.1);--s-date-strip-item-color-today:var(--s-color-primary)}.s-date-strip{overflow-x:auto;overflow-y:hidden}.s-date-strip__content{display:inline-flex;flex-direction:row;column-gap:var(--s-date-strip-column-gap)}.s-date-strip__item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:none;width:var(--s-date-strip-item-width);padding:var(--s-date-strip-item-padding-y) var(--s-date-strip-item-padding-x);text-align:center;border-radius:var(--s-date-strip-item-radius);border:1px solid var(--s-date-strip-item-border-color);background:var(--s-date-strip-item-bg);cursor:pointer}.s-date-strip__item-week{font-size:var(--s-date-strip-item-week-font-size);color:var(--s-date-strip-item-week-color);order:var(--s-date-strip-item-week-order)}.s-date-strip__item-day{font-size:var(--s-date-strip-item-day-font-size);color:var(--s-date-strip-item-day-color);order:var(--s-date-strip-item-day-order)}.s-date-strip__item-info{font-size:var(--s-date-strip-item-info-font-size);color:var(--s-date-strip-item-info-color);order:var(--s-date-strip-item-info-order)}.s-date-strip__item--today{color:var(--s-date-strip-item-color-today)}.s-date-strip__item--selected,.s-date-strip__item--start,.s-date-strip__item--end,.s-date-strip__item--same{color:var(--s-date-strip-item-color-selected);border-color:rgba(0,0,0,0);background:var(--s-date-strip-item-bg-selected)}.s-date-strip__item--middle{border-color:rgba(0,0,0,0);background:var(--s-date-strip-item-bg-middle)}.s-date-strip__item--disabled{color:var(--s-text-color-disabled);cursor:var(--s-cursor-disabled)}.s-date-strip__item--selected .s-date-strip__item-week,.s-date-strip__item--selected .s-date-strip__item-info,.s-date-strip__item--selected .s-date-strip__item-day,.s-date-strip__item--start .s-date-strip__item-week,.s-date-strip__item--start .s-date-strip__item-info,.s-date-strip__item--start .s-date-strip__item-day,.s-date-strip__item--end .s-date-strip__item-week,.s-date-strip__item--end .s-date-strip__item-info,.s-date-strip__item--end .s-date-strip__item-day,.s-date-strip__item--same .s-date-strip__item-week,.s-date-strip__item--same .s-date-strip__item-info,.s-date-strip__item--same .s-date-strip__item-day,.s-date-strip__item--disabled .s-date-strip__item-week,.s-date-strip__item--disabled .s-date-strip__item-info,.s-date-strip__item--disabled .s-date-strip__item-day,.s-date-strip__item--today .s-date-strip__item-week,.s-date-strip__item--today .s-date-strip__item-info,.s-date-strip__item--today .s-date-strip__item-day{color:inherit}
+:root{--s-date-strip-column-gap:8px;--s-date-strip-item-width:64px;--s-date-strip-item-padding-y:9px;--s-date-strip-item-padding-x:6px;--s-date-strip-item-border-radius:var(--s-border-radius);--s-date-strip-item-border-color:rgba(0,0,0,0);--s-date-strip-item-bg:rgba(0,0,0,0);--s-date-strip-item-week-font-size:var(--s-font-size-sm);--s-date-strip-item-week-color:var(--s-text-color-secondary);--s-date-strip-item-week-order:1;--s-date-strip-item-day-font-size:var(--s-font-size);--s-date-strip-item-day-color:inherit;--s-date-strip-item-day-order:2;--s-date-strip-item-info-font-size:var(--s-font-size-xs);--s-date-strip-item-info-color:var(--s-text-color-tertiary);--s-date-strip-item-info-order:3;--s-date-strip-item-color-selected:var(--s-white);--s-date-strip-item-bg-selected:var(--s-color-primary);--s-date-strip-item-bg-middle:rgba(var(--s-color-primary-rgb), 0.1);--s-date-strip-item-color-today:var(--s-color-primary)}.s-date-strip{overflow-x:auto;overflow-y:hidden}.s-date-strip__content{display:inline-flex;flex-direction:row;column-gap:var(--s-date-strip-column-gap)}.s-date-strip__item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:none;width:var(--s-date-strip-item-width);padding:var(--s-date-strip-item-padding-y) var(--s-date-strip-item-padding-x);text-align:center;border-radius:var(--s-date-strip-item-border-radius);border:1px solid var(--s-date-strip-item-border-color);background:var(--s-date-strip-item-bg);cursor:pointer}.s-date-strip__item-week{font-size:var(--s-date-strip-item-week-font-size);color:var(--s-date-strip-item-week-color);order:var(--s-date-strip-item-week-order)}.s-date-strip__item-day{font-size:var(--s-date-strip-item-day-font-size);color:var(--s-date-strip-item-day-color);order:var(--s-date-strip-item-day-order)}.s-date-strip__item-info{font-size:var(--s-date-strip-item-info-font-size);color:var(--s-date-strip-item-info-color);order:var(--s-date-strip-item-info-order)}.s-date-strip__item--today{color:var(--s-date-strip-item-color-today)}.s-date-strip__item--selected,.s-date-strip__item--start,.s-date-strip__item--end,.s-date-strip__item--same{color:var(--s-date-strip-item-color-selected);border-color:rgba(0,0,0,0);background:var(--s-date-strip-item-bg-selected)}.s-date-strip__item--middle{border-color:rgba(0,0,0,0);background:var(--s-date-strip-item-bg-middle)}.s-date-strip__item--disabled{color:var(--s-text-color-disabled);cursor:var(--s-cursor-disabled)}.s-date-strip__item--selected .s-date-strip__item-week,.s-date-strip__item--selected .s-date-strip__item-info,.s-date-strip__item--selected .s-date-strip__item-day,.s-date-strip__item--start .s-date-strip__item-week,.s-date-strip__item--start .s-date-strip__item-info,.s-date-strip__item--start .s-date-strip__item-day,.s-date-strip__item--end .s-date-strip__item-week,.s-date-strip__item--end .s-date-strip__item-info,.s-date-strip__item--end .s-date-strip__item-day,.s-date-strip__item--same .s-date-strip__item-week,.s-date-strip__item--same .s-date-strip__item-info,.s-date-strip__item--same .s-date-strip__item-day,.s-date-strip__item--disabled .s-date-strip__item-week,.s-date-strip__item--disabled .s-date-strip__item-info,.s-date-strip__item--disabled .s-date-strip__item-day,.s-date-strip__item--today .s-date-strip__item-week,.s-date-strip__item--today .s-date-strip__item-info,.s-date-strip__item--today .s-date-strip__item-day{color:inherit}

package/components/dialog/index.css

@@ -1 +1 @@
-:root{--s-dialog-width:320px;--s-dialog-max-width:90%;--s-dialog-border-color:var(--s-border-color);--s-dialog-bg:var(--s-bg-color-elevated);--s-dialog-radius:var(--s-border-radius-xl);--s-dialog-header-padding-y:var(--s-size);--s-dialog-header-padding-x:var(--s-size);--s-dialog-body-padding-x:var(--s-size);--s-dialog-body-padding-y:var(--s-size-xl);--s-dialog-body-gap:var(--s-size-xs);--s-dialog-title-font-size:var(--s-font-size-lg);--s-dialog-title-headed-font-size:var(--s-font-size);--s-dialog-close-font-size:var(--s-font-size-lg);--s-dialog-message-font-size:var(--s-font-size);--s-dialog-message-color:var(--s-text-color-secondary);--s-dialog-footer-round-padding-x:var(--s-size);--s-dialog-footer-round-padding-y:var(--s-size);--s-dialog-footer-round-gap:var(--s-size)}.s-dialog{width:var(--s-dialog-width);max-width:100%;background:var(--s-dialog-bg);border-radius:var(--s-dialog-radius)}.s-dialog__popup{max-width:var(--s-dialog-max-width)}.s-dialog__header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--s-dialog-header-padding-y) var(--s-dialog-header-padding-x)}.s-dialog__header::after{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);bottom:0;border-bottom:var(--s-border-width) var(--s-border-style) var(--s-dialog-border-color);transform-origin:bottom center}.s-dialog__title{font-size:var(--s-dialog-title-font-size);font-weight:var(--s-font-weight-bold);text-align:center}.s-dialog__close{flex:none;z-index:1;margin-top:calc(var(--s-dialog-header-padding-y)*-1);margin-inline-end:calc(var(--s-dialog-header-padding-x)*-1);margin-bottom:calc(var(--s-dialog-header-padding-y)*-1);margin-inline-start:auto}.s-dialog__body{display:flex;flex-direction:column;padding:var(--s-dialog-body-padding-y) var(--s-dialog-body-padding-x);gap:var(--s-dialog-body-gap)}.s-dialog__message{font-size:var(--s-dialog-message-font-size);text-align:center;color:var(--s-dialog-message-color)}.s-dialog__footer{position:relative;display:flex}.s-dialog__button{flex:1}.s-dialog__divider{position:relative;flex:none}.s-dialog__divider::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";top:0;bottom:0;transform:scaleX(0.5);inset-inline-start:0;border-inline-start:var(--s-border-width) var(--s-border-style) var(--s-dialog-border-color);transform-origin:left center}:root[dir=rtl] .s-dialog__divider::before{transform-origin:right center}.s-dialog--headed .s-dialog__title{font-size:var(--s-dialog-title-headed-font-size)}.s-dialog--untitled .s-dialog__header{padding-bottom:0}.s-dialog--untitled .s-dialog__header::after{display:none}.s-dialog--untitled.s-dialog--headed .s-dialog__body{padding-top:0}.s-dialog--round .s-dialog__footer{padding-inline-start:var(--s-dialog-footer-round-padding-x);padding-inline-end:var(--s-dialog-footer-round-padding-x);padding-bottom:var(--s-dialog-footer-round-padding-y);gap:var(--s-dialog-footer-round-gap)}.s-dialog--text .s-dialog__footer::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-dialog-border-color);transform-origin:top center}.s-dialog--text .s-dialog__button{border-radius:0}:root:not([dir=rtl]) .s-dialog--text .s-dialog__button:first-child{border-bottom-left-radius:var(--s-dialog-radius)}:root[dir=rtl] .s-dialog--text .s-dialog__button:first-child{border-bottom-right-radius:var(--s-dialog-radius)}:root:not([dir=rtl]) .s-dialog--text .s-dialog__button:last-child{border-bottom-right-radius:var(--s-dialog-radius)}:root[dir=rtl] .s-dialog--text .s-dialog__button:last-child{border-bottom-left-radius:var(--s-dialog-radius)}
+:root{--s-dialog-width:320px;--s-dialog-max-width:90%;--s-dialog-border-color:var(--s-border-color);--s-dialog-bg:var(--s-bg-color-elevated);--s-dialog-border-radius:var(--s-border-radius-xl);--s-dialog-header-padding-y:var(--s-size);--s-dialog-header-padding-x:var(--s-size);--s-dialog-body-padding-x:var(--s-size);--s-dialog-body-padding-y:var(--s-size-xl);--s-dialog-body-gap:var(--s-size-xs);--s-dialog-title-font-size:var(--s-font-size-lg);--s-dialog-title-headed-font-size:var(--s-font-size);--s-dialog-close-font-size:var(--s-font-size-lg);--s-dialog-message-font-size:var(--s-font-size);--s-dialog-message-color:var(--s-text-color-secondary);--s-dialog-footer-round-padding-x:var(--s-size);--s-dialog-footer-round-padding-y:var(--s-size);--s-dialog-footer-round-gap:var(--s-size)}.s-dialog{width:var(--s-dialog-width);max-width:100%;background:var(--s-dialog-bg);border-radius:var(--s-dialog-border-radius)}.s-dialog__popup{max-width:var(--s-dialog-max-width)}.s-dialog__header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--s-dialog-header-padding-y) var(--s-dialog-header-padding-x)}.s-dialog__header::after{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);bottom:0;border-bottom:var(--s-border-width) var(--s-border-style) var(--s-dialog-border-color);transform-origin:bottom center}.s-dialog__title{font-size:var(--s-dialog-title-font-size);font-weight:var(--s-font-weight-bold);text-align:center}.s-dialog__close{flex:none;z-index:1;margin-top:calc(var(--s-dialog-header-padding-y)*-1);margin-inline-end:calc(var(--s-dialog-header-padding-x)*-1);margin-bottom:calc(var(--s-dialog-header-padding-y)*-1);margin-inline-start:auto}.s-dialog__body{display:flex;flex-direction:column;padding:var(--s-dialog-body-padding-y) var(--s-dialog-body-padding-x);gap:var(--s-dialog-body-gap)}.s-dialog__message{font-size:var(--s-dialog-message-font-size);text-align:center;color:var(--s-dialog-message-color)}.s-dialog__footer{position:relative;display:flex}.s-dialog__button{flex:1}.s-dialog__divider{position:relative;flex:none}.s-dialog__divider::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";top:0;bottom:0;transform:scaleX(0.5);inset-inline-start:0;border-inline-start:var(--s-border-width) var(--s-border-style) var(--s-dialog-border-color);transform-origin:left center}:root[dir=rtl] .s-dialog__divider::before{transform-origin:right center}.s-dialog--headed .s-dialog__title{font-size:var(--s-dialog-title-headed-font-size)}.s-dialog--untitled .s-dialog__header{padding-bottom:0}.s-dialog--untitled .s-dialog__header::after{display:none}.s-dialog--untitled.s-dialog--headed .s-dialog__body{padding-top:0}.s-dialog--round .s-dialog__footer{padding-inline-start:var(--s-dialog-footer-round-padding-x);padding-inline-end:var(--s-dialog-footer-round-padding-x);padding-bottom:var(--s-dialog-footer-round-padding-y);gap:var(--s-dialog-footer-round-gap)}.s-dialog--text .s-dialog__footer::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-dialog-border-color);transform-origin:top center}.s-dialog--text .s-dialog__button{border-radius:0}:root:not([dir=rtl]) .s-dialog--text .s-dialog__button:first-child{border-bottom-left-radius:var(--s-dialog-border-radius)}:root[dir=rtl] .s-dialog--text .s-dialog__button:first-child{border-bottom-right-radius:var(--s-dialog-border-radius)}:root:not([dir=rtl]) .s-dialog--text .s-dialog__button:last-child{border-bottom-right-radius:var(--s-dialog-border-radius)}:root[dir=rtl] .s-dialog--text .s-dialog__button:last-child{border-bottom-left-radius:var(--s-dialog-border-radius)}

package/components/flex/common.d.ts

@@ -0,0 +1,19 @@
+import { type DefaultProps } from '../config';
+export type FlexGap = 'small' | 'medium' | 'large';
+export type FlexAlign = 'start' | 'end' | 'center' | 'baseline';
+export type FlexJustify = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+export type FlexDirection = 'column' | 'row' | 'column-reverse' | 'row-reverse';
+export interface FlexProps {
+    direction?: FlexDirection;
+    vertical?: boolean;
+    gap?: FlexGap | (string & {});
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    wrap?: boolean;
+    flex?: string;
+}
+export declare const flexGap: string[];
+export declare const defaultFlexProps: DefaultProps<FlexProps>;
+export interface FlexSlots {
+    default?(props: Record<string, never>): any;
+}

package/components/flex/common.js

@@ -0,0 +1,9 @@
+//#region packages/sard/components/flex/common.ts
+const flexGap = [
+	"small",
+	"medium",
+	"large"
+];
+const defaultFlexProps = {};
+//#endregion
+export { defaultFlexProps, flexGap };

package/components/flex/flex.vue.d.ts

@@ -0,0 +1,19 @@
+import { type FlexProps, type FlexSlots } from './common';
+type __VLS_Slots = FlexSlots;
+declare const __VLS_base: import("vue").DefineComponent<FlexProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FlexProps> & Readonly<{}>, {
+    vertical: boolean;
+    direction: import("./common").FlexDirection;
+    gap: import("./common").FlexGap | (string & {});
+    flex: string;
+    wrap: boolean;
+    justify: import("./common").FlexJustify;
+    align: import("./common").FlexAlign;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/flex/flex.vue.js

@@ -0,0 +1,69 @@
+import { createBem } from "../../utils/bem.js";
+import { defaultFlexProps, flexGap } from "./common.js";
+import { computed, createElementBlock, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderSlot } from "vue";
+//#region packages/sard/components/flex/flex.vue
+var flex_default = /*@__PURE__*/ defineComponent({
+	__name: "flex",
+	props: /*@__PURE__*/ mergeDefaults({
+		direction: {
+			type: String,
+			required: false
+		},
+		vertical: {
+			type: Boolean,
+			required: false
+		},
+		gap: {
+			type: [String, Object],
+			required: false
+		},
+		align: {
+			type: String,
+			required: false
+		},
+		justify: {
+			type: String,
+			required: false
+		},
+		wrap: {
+			type: Boolean,
+			required: false
+		},
+		flex: {
+			type: String,
+			required: false
+		}
+	}, defaultFlexProps),
+	setup(__props) {
+		const props = __props;
+		const bem = createBem("flex");
+		const presetGap = computed(() => {
+			return flexGap.includes(props.gap);
+		});
+		const flexClass = computed(() => {
+			return [
+				bem.b(),
+				bem.m(props.direction, props.direction),
+				bem.m("column", !props.direction && props.vertical),
+				bem.m(props.gap, presetGap.value),
+				bem.m("wrap", props.wrap),
+				bem.m(`justify-${props.justify}`, props.justify),
+				bem.m(`align-${props.align}`, props.align)
+			];
+		});
+		const flexStyle = computed(() => {
+			return {
+				flex: props.flex,
+				gap: presetGap.value ? "" : props.gap
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(flexClass.value),
+				style: normalizeStyle(flexStyle.value)
+			}, [renderSlot(_ctx.$slots, "default")], 6);
+		};
+	}
+});
+//#endregion
+export { flex_default as default };

package/components/flex/index.css

@@ -0,0 +1 @@
+:root{--s-flex-gap-sm:var(--s-size-xs);--s-flex-gap:var(--s-size-sm);--s-flex-gap-lg:var(--s-size)}.s-flex{display:flex}.s-flex--column{flex-direction:column}.s-flex--row{flex-direction:row}.s-flex--row-reverse{flex-direction:row-reverse}.s-flex--column-reverse{flex-direction:column-reverse}.s-flex--small{gap:var(--s-flex-gap-sm)}.s-flex--medium{gap:var(--s-flex-gap)}.s-flex--large{gap:var(--s-flex-gap-lg)}.s-flex--wrap{flex-wrap:wrap}.s-flex--justify-start{justify-content:flex-start}.s-flex--justify-end{justify-content:flex-end}.s-flex--justify-center{justify-content:center}.s-flex--justify-between{justify-content:space-around}.s-flex--justify-around{justify-content:space-around}.s-flex--justify-evenly{justify-content:space-evenly}.s-flex--align-start{align-items:flex-start}.s-flex--align-end{align-items:flex-end}.s-flex--align-center{align-items:center}.s-flex--align-baseline{align-items:baseline}

package/components/flex/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _Flex from './flex.vue';
+export declare const Flex: EnhancedComponent<typeof _Flex>;
+export default Flex;
+export { type FlexProps, type FlexSlots, type FlexGap, flexGap } from './common';

package/components/flex/index.js

@@ -0,0 +1,7 @@
+import { enhanceComponent } from "../../utils/component.js";
+import { flexGap } from "./common.js";
+import flex_default from "./flex.vue.js";
+//#region packages/sard/components/flex/index.ts
+const Flex = enhanceComponent(flex_default);
+//#endregion
+export { Flex, Flex as default, flexGap };

package/components/floating-panel/index.css

@@ -1 +1 @@
-:root{--s-floating-panel-z-index:var(--s-z-index-secondary);--s-floating-panel-bg:var(--s-bg-color-elevated);--s-floating-panel-radius:var(--s-border-radius-xl);--s-floating-panel-header-height:var(--s-size-2xl);--s-floating-panel-bar-width:var(--s-size-lg);--s-floating-panel-bar-height:3px;--s-floating-panel-bar-color:var(--s-fill-color-secondary)}.s-floating-panel{position:fixed;left:0;bottom:0;z-index:var(--s-floating-panel-z-index);display:flex;flex-direction:column;width:100vw;border-top-left-radius:var(--s-floating-panel-radius);border-top-right-radius:var(--s-floating-panel-radius);background:var(--s-floating-panel-bg);will-change:transform;touch-action:none;transition-property:transform}.s-floating-panel::after{position:absolute;bottom:-100vh;width:100vw;height:100vh;content:"";background-color:inherit}.s-floating-panel--safe{padding-bottom:var(--s-safe-bottom)}.s-floating-panel__header{flex:none;display:flex;justify-content:center;align-items:center;height:var(--s-floating-panel-header-height);-webkit-user-select:none;user-select:none;cursor:grab}.s-floating-panel__header-bar{width:var(--s-floating-panel-bar-width);height:var(--s-floating-panel-bar-height);background:var(--s-floating-panel-bar-color);border-radius:var(--s-border-radius-full)}.s-floating-panel__body{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden}
+:root{--s-floating-panel-z-index:var(--s-z-index-secondary);--s-floating-panel-bg:var(--s-bg-color-elevated);--s-floating-panel-border-radius:var(--s-border-radius-xl);--s-floating-panel-header-height:var(--s-size-2xl);--s-floating-panel-bar-width:var(--s-size-lg);--s-floating-panel-bar-height:3px;--s-floating-panel-bar-color:var(--s-fill-color-secondary)}.s-floating-panel{position:fixed;left:0;bottom:0;z-index:var(--s-floating-panel-z-index);display:flex;flex-direction:column;width:100vw;border-top-left-radius:var(--s-floating-panel-border-radius);border-top-right-radius:var(--s-floating-panel-border-radius);background:var(--s-floating-panel-bg);will-change:transform;touch-action:none;transition-property:transform}.s-floating-panel::after{position:absolute;bottom:-100vh;width:100vw;height:100vh;content:"";background-color:inherit}.s-floating-panel--safe{padding-bottom:var(--s-safe-bottom)}.s-floating-panel__header{flex:none;display:flex;justify-content:center;align-items:center;height:var(--s-floating-panel-header-height);-webkit-user-select:none;user-select:none;cursor:grab}.s-floating-panel__header-bar{width:var(--s-floating-panel-bar-width);height:var(--s-floating-panel-bar-height);background:var(--s-floating-panel-bar-color);border-radius:var(--s-border-radius-full)}.s-floating-panel__body{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden}

package/components/grid/common.d.ts

@@ -3,7 +3,7 @@ import { type BadgeProps } from '../badge';
 import type { StyleValue } from 'vue';
 export interface GridProps {
     columns?: number;
-    gap?: number;
+    gap?: number | string;
     bordered?: boolean;
     square?: boolean;
     clickable?: boolean;

package/components/grid/grid.vue.d.ts

@@ -4,7 +4,7 @@ declare const __VLS_base: import("vue").DefineComponent<GridProps, {}, {}, {}, {
     reverse: boolean;
     columns: number;
     direction: "horizontal" | "vertical";
-    gap: number;
+    gap: number | string;
     square: boolean;
     bordered: boolean;
     clickable: boolean;

package/components/grid/grid.vue.js

@@ -1,4 +1,5 @@
 import { createBem } from "../../utils/bem.js";
+import { isString } from "../../utils/is.js";
 import { addUnit } from "../../utils/utils.js";
 import { defaultGridProps } from "./common.js";
 import { computed, createElementBlock, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderSlot } from "vue";
@@ -11,7 +12,7 @@ var grid_default = /*@__PURE__*/ defineComponent({
 			required: false
 		},
 		gap: {
-			type: Number,
+			type: [Number, String],
 			required: false
 		},
 		bordered: {
@@ -38,11 +39,15 @@ var grid_default = /*@__PURE__*/ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const bem = createBem("grid");
+		const isZero = computed(() => {
+			if (isString(props.gap)) return props.gap.startsWith("0");
+			return props.gap === 0;
+		});
 		const gridClass = computed(() => {
 			return [
 				bem.b(),
-				bem.m("bordered", props.bordered && props.gap <= 0),
-				bem.m("surround", props.bordered && props.gap > 0),
+				bem.m("bordered", props.bordered && isZero.value),
+				bem.m("surround", props.bordered && !isZero.value),
 				bem.m("square", props.square),
 				bem.m("clickable", props.clickable),
 				bem.m(props.direction),

package/components/index.d.ts

@@ -41,6 +41,7 @@ export * from './dropdown';
 export * from './ellipsis';
 export * from './empty';
 export * from './fab';
+export * from './flex';
 export * from './floating-bubble';
 export * from './floating-panel';
 export * from './form';
@@ -99,7 +100,6 @@ export * from './signature';
 export * from './skeleton';
 export * from './slide-verify';
 export * from './slider';
-export * from './space';
 export * from './status-bar';
 export * from './stepper';
 export * from './steps';

package/components/index.js

@@ -52,6 +52,8 @@ import { Dropdown, DropdownItem } from "./dropdown/index.js";
 import { Ellipsis } from "./ellipsis/index.js";
 import { Empty } from "./empty/index.js";
 import { Fab, FabItem } from "./fab/index.js";
+import { flexGap } from "./flex/common.js";
+import { Flex } from "./flex/index.js";
 import { FloatingBubble } from "./floating-bubble/index.js";
 import { FloatingPanel } from "./floating-panel/index.js";
 import { CancelError, isCancelError } from "./form/Validator.js";
@@ -118,8 +120,6 @@ import { Signature } from "./signature/index.js";
 import { Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonParagraph, SkeletonTitle } from "./skeleton/index.js";
 import { SlideVerify } from "./slide-verify/index.js";
 import { Slider } from "./slider/index.js";
-import { spaceSizes } from "./space/common.js";
-import { Space } from "./space/index.js";
 import { StatusBar } from "./status-bar/index.js";
 import { Stepper } from "./stepper/index.js";
 import { Step, Steps } from "./steps/index.js";
@@ -140,4 +140,4 @@ import { Tree, TreeBranch, TreeNode } from "./tree/index.js";
 import { Upload, UploadPreview } from "./upload/index.js";
 import { Waterfall, WaterfallItem, WaterfallLoad } from "./waterfall/index.js";
 import { Watermark } from "./watermark/index.js";
-export { ADD_SWIPER_CONTEXT_KEY, Accordion, AccordionItem, ActionSheet, ActionSheetItem, Alert, Avatar, AvatarGroup, BackTop, Badge, Barcode, Button, Calendar, CalendarInput, CalendarPopout, CancelError, Card, Cascader, CascaderInput, CascaderPopout, Checkbox, CheckboxGroup, CheckboxInput, CheckboxPopout, Col, Collapse, ColorPicker, ColorPickerInput, ColorPickerPopout, Compact, CoolIcon, CountDown, CountTo, CropImage, DateStrip, DatetimePicker, DatetimePickerInput, DatetimePickerPopout, DatetimeRangePicker, DatetimeRangePickerInput, DatetimeRangePickerPopout, Descriptions, DescriptionsItem, Dialog, Divider, Dnd, DndHandle, DndItem, Dropdown, DropdownItem, Ellipsis, Empty, Fab, FabItem, FloatingBubble, FloatingPanel, Form, FormItem, FormItemPlain, FormPlain, Grid, GridItem, Image, Indexes, IndexesAnchor, IndexesNav, Input, Keyboard, KeyboardPopout, List, ListItem, LoadMore, LoadMoreStatus, Loading, Marquee, Menu, MenuItem, Motion, Navbar, NavbarItem, NavbarPit, NoticeBar, Notify, Overlay, Pagination, PasswordInput, Picker, PickerInput, PickerPopout, PickerView, PickerViewColumn, Popout, PopoutInput, Popover, Popup, PreviewImage, ProgressBar, ProgressCircle, PullDownRefresh, PuzzleVerify, Qrcode, REMOVE_SWIPER_CONTEXT_KEY, Radio, RadioGroup, RadioInput, RadioPopout, Rate, ReadMore, Result, RotateVerify, Row, SWIPER_AUTO_HEIGHT_KEY, ScrollList, ScrollSpy, ScrollSpyAnchor, Search, Segmented, SegmentedItem, Select, SelectInput, SelectOption, SelectOptionGroup, SelectPopout, ShareSheet, ShareSheetIcon, ShareSheetItem, ShareSheetRow, Sidebar, SidebarItem, Signature, Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonParagraph, SkeletonTitle, SlideVerify, Slider, Space, StatusBar, Step, Stepper, Steps, Sticky, StickyBox, SwipeAction, Swiper, SwiperItem, Switch, Tab, Tabbar, TabbarItem, TabbarPit, Table, Tabs, Tag, Text, Timeline, TimelineItem, Toast, Tree, TreeBranch, TreeNode, Upload, UploadPreview, Waterfall, WaterfallItem, WaterfallLoad, Watermark, actionSheet, createActionSheet, createCropImage, createDialog, createNotify, createPreviewImage, createToast, cropImage, dialog, formatTime, getCurrentTime, isCancelError, notify, omitFormPopoutProps, partitionPopoutInputProps, plateEnglishLetterKeys, plateProvinceKeys, plateSuffixKeys, popupManager, previewImage, safeAreaInsets, spaceSizes, toast, useCountDown, useElementBackTop, useFormContext, useFormItem, useFormItemContext, useFormPopout, useInPopup, useMotioning, usePageBackTop, usePopoutInput, usePopupEnter, usePopupVisibleHookProvide, windowInfo };
+export { ADD_SWIPER_CONTEXT_KEY, Accordion, AccordionItem, ActionSheet, ActionSheetItem, Alert, Avatar, AvatarGroup, BackTop, Badge, Barcode, Button, Calendar, CalendarInput, CalendarPopout, CancelError, Card, Cascader, CascaderInput, CascaderPopout, Checkbox, CheckboxGroup, CheckboxInput, CheckboxPopout, Col, Collapse, ColorPicker, ColorPickerInput, ColorPickerPopout, Compact, CoolIcon, CountDown, CountTo, CropImage, DateStrip, DatetimePicker, DatetimePickerInput, DatetimePickerPopout, DatetimeRangePicker, DatetimeRangePickerInput, DatetimeRangePickerPopout, Descriptions, DescriptionsItem, Dialog, Divider, Dnd, DndHandle, DndItem, Dropdown, DropdownItem, Ellipsis, Empty, Fab, FabItem, Flex, FloatingBubble, FloatingPanel, Form, FormItem, FormItemPlain, FormPlain, Grid, GridItem, Image, Indexes, IndexesAnchor, IndexesNav, Input, Keyboard, KeyboardPopout, List, ListItem, LoadMore, LoadMoreStatus, Loading, Marquee, Menu, MenuItem, Motion, Navbar, NavbarItem, NavbarPit, NoticeBar, Notify, Overlay, Pagination, PasswordInput, Picker, PickerInput, PickerPopout, PickerView, PickerViewColumn, Popout, PopoutInput, Popover, Popup, PreviewImage, ProgressBar, ProgressCircle, PullDownRefresh, PuzzleVerify, Qrcode, REMOVE_SWIPER_CONTEXT_KEY, Radio, RadioGroup, RadioInput, RadioPopout, Rate, ReadMore, Result, RotateVerify, Row, SWIPER_AUTO_HEIGHT_KEY, ScrollList, ScrollSpy, ScrollSpyAnchor, Search, Segmented, SegmentedItem, Select, SelectInput, SelectOption, SelectOptionGroup, SelectPopout, ShareSheet, ShareSheetIcon, ShareSheetItem, ShareSheetRow, Sidebar, SidebarItem, Signature, Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonParagraph, SkeletonTitle, SlideVerify, Slider, StatusBar, Step, Stepper, Steps, Sticky, StickyBox, SwipeAction, Swiper, SwiperItem, Switch, Tab, Tabbar, TabbarItem, TabbarPit, Table, Tabs, Tag, Text, Timeline, TimelineItem, Toast, Tree, TreeBranch, TreeNode, Upload, UploadPreview, Waterfall, WaterfallItem, WaterfallLoad, Watermark, actionSheet, createActionSheet, createCropImage, createDialog, createNotify, createPreviewImage, createToast, cropImage, dialog, flexGap, formatTime, getCurrentTime, isCancelError, notify, omitFormPopoutProps, partitionPopoutInputProps, plateEnglishLetterKeys, plateProvinceKeys, plateSuffixKeys, popupManager, previewImage, safeAreaInsets, toast, useCountDown, useElementBackTop, useFormContext, useFormItem, useFormItemContext, useFormPopout, useInPopup, useMotioning, usePageBackTop, usePopoutInput, usePopupEnter, usePopupVisibleHookProvide, windowInfo };

package/components/keyboard/index.css

@@ -1 +1 @@
-:root{--s-keyboard-bg:var(--s-gray-200);--s-keyboard-padding:6px;--s-keyboard-key-gap:6px;--s-keyboard-key-color:var(--s-text-color-primary);--s-keyboard-key-bg:var(--s-white);--s-keyboard-key-bg-active:var(--s-gray-300);--s-keyboard-key-height:var(--s-size-4xl);--s-keyboard-key-radius:var(--s-border-radius);--s-keyboard-key-font-size:var(--s-font-size-xl);--s-keyboard-key-plate-height:var(--s-size-3xl);--s-keyboard-key-plate-radius:var(--s-border-radius-sm);--s-keyboard-key-plate-font-size:var(--s-font-size);--s-keyboard-key-plate-backspace-font-size:var(--s-size);--s-keyboard-key-plate-bg:var(--s-gray-300);--s-keyboard-key-plate-bg-active:var(--s-gray-400)}.dark{--s-keyboard-bg:var(--s-gray-800);--s-keyboard-key-color:var(--s-white);--s-keyboard-key-bg:var(--s-gray-600);--s-keyboard-key-bg-active:var(--s-gray-500);--s-keyboard-key-plate-bg:var(--s-gray-600);--s-keyboard-key-plate-bg-active:var(--s-gray-500)}.s-keyboard{display:grid;gap:var(--s-keyboard-key-gap);padding:var(--s-keyboard-padding);background:var(--s-keyboard-bg)}.s-keyboard--number,.s-keyboard--digit,.s-keyboard--idcard,.s-keyboard--random{grid-template-columns:repeat(3, 1fr)}.s-keyboard--number .s-keyboard__key:nth-child(10),.s-keyboard--random .s-keyboard__key:nth-child(10){grid-column:1/3}.s-keyboard__key{display:flex;align-items:center;justify-content:center;height:var(--s-keyboard-key-height);border-radius:var(--s-keyboard-key-radius);font-size:var(--s-keyboard-key-font-size);color:var(--s-keyboard-key-color);background:var(--s-keyboard-key-bg);cursor:pointer;-webkit-user-select:none;user-select:none}.s-keyboard__key:active{background:var(--s-keyboard-key-bg-active)}.s-keyboard__key:is(.is-disabled){opacity:.4;pointer-events:none}.s-keyboard--plate{grid-template-columns:repeat(20, 1fr)}.s-keyboard--plate .s-keyboard__key{grid-column:span 2;height:var(--s-keyboard-key-plate-height);border-radius:var(--s-keyboard-key-plate-radius);font-size:var(--s-keyboard-key-plate-font-size)}.s-keyboard--plate .s-keyboard__key--A{grid-column:2/4}.s-keyboard--plate .s-keyboard__key--I,.s-keyboard--plate .s-keyboard__key--O{opacity:.4;pointer-events:none}.s-keyboard--plate .s-keyboard__key--backspace,.s-keyboard--plate .s-keyboard__key--toggle{grid-column:span 3;background:var(--s-keyboard-key-plate-bg)}.s-keyboard--plate .s-keyboard__key--backspace:active,.s-keyboard--plate .s-keyboard__key--toggle:active{background:var(--s-keyboard-key-plate-bg-active)}.s-keyboard--plate .s-keyboard__key--backspace{font-size:var(--s-keyboard-key-plate-backspace-font-size)}:root[dir=rtl] .s-keyboard__delete-icon{transform:rotateY(180deg)}
+:root{--s-keyboard-bg:var(--s-gray-200);--s-keyboard-padding:6px;--s-keyboard-key-gap:6px;--s-keyboard-key-color:var(--s-text-color-primary);--s-keyboard-key-bg:var(--s-white);--s-keyboard-key-bg-active:var(--s-gray-300);--s-keyboard-key-height:var(--s-size-4xl);--s-keyboard-key-border-radius:var(--s-border-radius);--s-keyboard-key-font-size:var(--s-font-size-xl);--s-keyboard-key-plate-height:var(--s-size-3xl);--s-keyboard-key-plate-border-radius:var(--s-border-radius-sm);--s-keyboard-key-plate-font-size:var(--s-font-size);--s-keyboard-key-plate-backspace-font-size:var(--s-size);--s-keyboard-key-plate-bg:var(--s-gray-300);--s-keyboard-key-plate-bg-active:var(--s-gray-400)}.dark{--s-keyboard-bg:var(--s-gray-800);--s-keyboard-key-color:var(--s-white);--s-keyboard-key-bg:var(--s-gray-600);--s-keyboard-key-bg-active:var(--s-gray-500);--s-keyboard-key-plate-bg:var(--s-gray-600);--s-keyboard-key-plate-bg-active:var(--s-gray-500)}.s-keyboard{display:grid;gap:var(--s-keyboard-key-gap);padding:var(--s-keyboard-padding);background:var(--s-keyboard-bg)}.s-keyboard--number,.s-keyboard--digit,.s-keyboard--idcard,.s-keyboard--random{grid-template-columns:repeat(3, 1fr)}.s-keyboard--number .s-keyboard__key:nth-child(10),.s-keyboard--random .s-keyboard__key:nth-child(10){grid-column:1/3}.s-keyboard__key{display:flex;align-items:center;justify-content:center;height:var(--s-keyboard-key-height);border-radius:var(--s-keyboard-key-border-radius);font-size:var(--s-keyboard-key-font-size);color:var(--s-keyboard-key-color);background:var(--s-keyboard-key-bg);cursor:pointer;-webkit-user-select:none;user-select:none}.s-keyboard__key:active{background:var(--s-keyboard-key-bg-active)}.s-keyboard__key:is(.is-disabled){opacity:.4;pointer-events:none}.s-keyboard--plate{grid-template-columns:repeat(20, 1fr)}.s-keyboard--plate .s-keyboard__key{grid-column:span 2;height:var(--s-keyboard-key-plate-height);border-radius:var(--s-keyboard-key-plate-border-radius);font-size:var(--s-keyboard-key-plate-font-size)}.s-keyboard--plate .s-keyboard__key--A{grid-column:2/4}.s-keyboard--plate .s-keyboard__key--I,.s-keyboard--plate .s-keyboard__key--O{opacity:.4;pointer-events:none}.s-keyboard--plate .s-keyboard__key--backspace,.s-keyboard--plate .s-keyboard__key--toggle{grid-column:span 3;background:var(--s-keyboard-key-plate-bg)}.s-keyboard--plate .s-keyboard__key--backspace:active,.s-keyboard--plate .s-keyboard__key--toggle:active{background:var(--s-keyboard-key-plate-bg-active)}.s-keyboard--plate .s-keyboard__key--backspace{font-size:var(--s-keyboard-key-plate-backspace-font-size)}:root[dir=rtl] .s-keyboard__delete-icon{transform:rotateY(180deg)}

package/components/list/index.css

@@ -1 +1 @@
-:root{--s-list-border-color:var(--s-border-color);--s-list-title-margin-x:var(--s-size);--s-list-title-margin-top:var(--s-size-2xl);--s-list-title-margin-bottom:var(--s-size-xs);--s-list-title-font-size:var(--s-font-size-sm);--s-list-title-line-height:var(--s-line-height-snug);--s-list-title-color:var(--s-text-color-tertiary);--s-list-description-margin-x:var(--s-size);--s-list-description-margin-top:var(--s-size-xs);--s-list-description-font-size:var(--s-font-size-sm);--s-list-description-line-height:var(--s-line-height-snug);--s-list-description-color:var(--s-text-color-tertiary);--s-list-card-radius:var(--s-border-radius-lg);--s-list-item-min-height:var(--s-content-height);--s-list-item-padding-x:var(--s-content-padding-x);--s-list-item-padding-y:var(--s-content-padding-y);--s-list-item-bg:var(--s-bg-color-container);--s-list-item-bg-active:var(--s-bg-color-active);--s-list-item-opacity-disabled:var(--s-opacity-disabled);--s-list-item-icon-size:var(--s-size-lg);--s-list-item-icon-margin-end:var(--s-size-sm);--s-list-item-title-font-size:var(--s-font-size);--s-list-item-title-line-height:var(--s-line-height-snug);--s-list-item-value-font-size:var(--s-font-size);--s-list-item-value-line-height:var(--s-line-height-snug);--s-list-item-value-color:var(--s-text-color-tertiary);--s-list-item-description-margin-top:var(--s-size-2xs);--s-list-item-description-font-size:var(--s-font-size-sm);--s-list-item-description-line-height:var(--s-line-height-snug);--s-list-item-description-color:var(--s-text-color-tertiary);--s-list-item-arrow-margin-start:var(--s-size-xs);--s-list-item-arrow-font-size:var(--s-font-size);--s-list-item-arrow-color:var(--s-text-color-tertiary);--s-list-divider-start:var(--s-list-item-padding-x);--s-list-divider-end:var(--s-list-item-padding-x)}.s-list__title{margin-inline-start:var(--s-list-title-margin-x);margin-inline-end:var(--s-list-title-margin-x);margin-top:var(--s-list-title-margin-top);margin-bottom:var(--s-list-title-margin-bottom);font-size:var(--s-list-title-font-size);line-height:var(--s-list-title-line-height);color:var(--s-list-title-color)}.s-list__content{position:relative}.s-list__content::before{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-top-color:var(--s-list-border-color);border-bottom-color:var(--s-list-border-color)}.s-list--borderless .s-list__content::before{display:none}.s-list__description{margin-inline-start:var(--s-list-description-margin-x);margin-inline-end:var(--s-list-description-margin-x);margin-top:var(--s-list-description-margin-top);font-size:var(--s-list-description-font-size);line-height:var(--s-list-description-line-height);color:var(--s-list-description-color)}.s-list--card .s-list__content{border-radius:var(--s-list-card-radius)}.s-list--not-card .s-list__content{border-radius:0}.s-list--card .s-list__content::before,.s-list--inlaid .s-list__content::before{display:none}.s-list-item{position:relative;display:flex;flex-wrap:nowrap;overflow:hidden;min-height:var(--s-list-item-min-height);padding:var(--s-list-item-padding-y) var(--s-list-item-padding-x);background:var(--s-list-item-bg)}.s-list-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.s-list-item:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.s-list-item::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-border-color);transform-origin:top center;inset-inline-start:var(--s-list-divider-start);inset-inline-end:var(--s-list-divider-end)}.s-list-item--borderless::before{display:none}.s-list-item:first-child::before{display:none}.s-list-item--hover{cursor:pointer}.s-list-item--hover:active{background:var(--s-list-item-bg-active)}.s-list-item--custom{flex-direction:column}.s-list-item__icon{display:flex;justify-content:center;align-items:center;flex:none;margin-inline-end:var(--s-list-item-icon-margin-end);font-size:var(--s-list-item-icon-size)}.s-list-item__title{display:flex;flex-direction:column;justify-content:center;flex:auto;font-size:var(--s-list-item-title-font-size);line-height:var(--s-list-item-title-line-height);word-break:break-all}.s-list-item__description{margin-top:var(--s-list-item-description-margin-top);font-size:var(--s-list-item-description-font-size);line-height:var(--s-list-item-description-line-height);color:var(--s-list-item-description-color);word-break:break-all}.s-list-item__value{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;flex:auto;font-size:var(--s-list-item-value-font-size);line-height:var(--s-list-item-value-line-height);color:var(--s-list-item-value-color);text-align:right;word-break:break-all}.s-list-item__arrow{display:flex;align-items:center;justify-content:center;margin-inline-start:var(--s-list-item-arrow-margin-start);font-size:var(--s-list-item-arrow-font-size);color:var(--s-list-item-arrow-color)}:root[dir=rtl] .s-list-item__arrow{transform:rotateY(180deg)}
+:root{--s-list-border-color:var(--s-border-color);--s-list-title-margin-x:var(--s-size);--s-list-title-margin-top:var(--s-size-2xl);--s-list-title-margin-bottom:var(--s-size-xs);--s-list-title-font-size:var(--s-font-size-sm);--s-list-title-line-height:var(--s-line-height-snug);--s-list-title-color:var(--s-text-color-tertiary);--s-list-description-margin-x:var(--s-size);--s-list-description-margin-top:var(--s-size-xs);--s-list-description-font-size:var(--s-font-size-sm);--s-list-description-line-height:var(--s-line-height-snug);--s-list-description-color:var(--s-text-color-tertiary);--s-list-card-border-radius:var(--s-border-radius-lg);--s-list-item-min-height:var(--s-content-height);--s-list-item-padding-x:var(--s-content-padding-x);--s-list-item-padding-y:var(--s-content-padding-y);--s-list-item-bg:var(--s-bg-color-container);--s-list-item-bg-active:var(--s-bg-color-active);--s-list-item-opacity-disabled:var(--s-opacity-disabled);--s-list-item-icon-size:var(--s-size-lg);--s-list-item-icon-margin-end:var(--s-size-sm);--s-list-item-title-font-size:var(--s-font-size);--s-list-item-title-line-height:var(--s-line-height-snug);--s-list-item-value-font-size:var(--s-font-size);--s-list-item-value-line-height:var(--s-line-height-snug);--s-list-item-value-color:var(--s-text-color-tertiary);--s-list-item-description-margin-top:var(--s-size-2xs);--s-list-item-description-font-size:var(--s-font-size-sm);--s-list-item-description-line-height:var(--s-line-height-snug);--s-list-item-description-color:var(--s-text-color-tertiary);--s-list-item-arrow-margin-start:var(--s-size-xs);--s-list-item-arrow-font-size:var(--s-font-size);--s-list-item-arrow-color:var(--s-text-color-tertiary);--s-list-divider-start:var(--s-list-item-padding-x);--s-list-divider-end:var(--s-list-item-padding-x)}.s-list__title{margin-inline-start:var(--s-list-title-margin-x);margin-inline-end:var(--s-list-title-margin-x);margin-top:var(--s-list-title-margin-top);margin-bottom:var(--s-list-title-margin-bottom);font-size:var(--s-list-title-font-size);line-height:var(--s-list-title-line-height);color:var(--s-list-title-color)}.s-list__content{position:relative}.s-list__content::before{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-top-color:var(--s-list-border-color);border-bottom-color:var(--s-list-border-color)}.s-list--borderless .s-list__content::before{display:none}.s-list__description{margin-inline-start:var(--s-list-description-margin-x);margin-inline-end:var(--s-list-description-margin-x);margin-top:var(--s-list-description-margin-top);font-size:var(--s-list-description-font-size);line-height:var(--s-list-description-line-height);color:var(--s-list-description-color)}.s-list--card .s-list__content{border-radius:var(--s-list-card-border-radius)}.s-list--not-card .s-list__content{border-radius:0}.s-list--card .s-list__content::before,.s-list--inlaid .s-list__content::before{display:none}.s-list-item{position:relative;display:flex;flex-wrap:nowrap;overflow:hidden;min-height:var(--s-list-item-min-height);padding:var(--s-list-item-padding-y) var(--s-list-item-padding-x);background:var(--s-list-item-bg)}.s-list-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.s-list-item:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.s-list-item::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-border-color);transform-origin:top center;inset-inline-start:var(--s-list-divider-start);inset-inline-end:var(--s-list-divider-end)}.s-list-item--borderless::before{display:none}.s-list-item:first-child::before{display:none}.s-list-item--hover{cursor:pointer}.s-list-item--hover:active{background:var(--s-list-item-bg-active)}.s-list-item--custom{flex-direction:column}.s-list-item__icon{display:flex;justify-content:center;align-items:center;flex:none;margin-inline-end:var(--s-list-item-icon-margin-end);font-size:var(--s-list-item-icon-size)}.s-list-item__title{display:flex;flex-direction:column;justify-content:center;flex:auto;font-size:var(--s-list-item-title-font-size);line-height:var(--s-list-item-title-line-height);word-break:break-all}.s-list-item__description{margin-top:var(--s-list-item-description-margin-top);font-size:var(--s-list-item-description-font-size);line-height:var(--s-list-item-description-line-height);color:var(--s-list-item-description-color);word-break:break-all}.s-list-item__value{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;flex:auto;font-size:var(--s-list-item-value-font-size);line-height:var(--s-list-item-value-line-height);color:var(--s-list-item-value-color);text-align:right;word-break:break-all}.s-list-item__arrow{display:flex;align-items:center;justify-content:center;margin-inline-start:var(--s-list-item-arrow-margin-start);font-size:var(--s-list-item-arrow-font-size);color:var(--s-list-item-arrow-color)}:root[dir=rtl] .s-list-item__arrow{transform:rotateY(180deg)}

package/components/menu/index.css

@@ -1 +1 @@
-:root{--s-menu-bg:var(--s-white);--s-menu-item-radius:var(--s-border-radius);--s-menu-item-height:var(--s-content-height);--s-menu-item-padding-x:var(--s-content-padding-x);--s-menu-item-font-size:var(--s-font-size);--s-menu-item-bg-active:var(--s-bg-color-active);--s-menu-border-color:var(--s-border-color);--s-menu-item-bg-active-dark:var(--s-gray-900);--s-menu-item-color-dark:var(--s-white);--s-menu-border-color-dark:var(--s-gray-700);--s-menu-bg-dark:var(--s-gray-800);--s-menu-item-horizontal-height:var(--s-content-height-xs);--s-menu-icon-font-size:var(--s-font-size);--s-menu-icon-gap:var(--s-size-sm);--s-menu-icon-horizontal-gap:var(--s-size-xs)}.dark{--s-menu-bg:var(--s-gray-800)}.s-menu{display:inline-flex}.s-menu--vertical{flex-direction:column}.s-menu--horizontal{flex-direction:row}.s-menu--dark{--s-menu-border-color:var(--s-menu-border-color-dark);--s-menu-bg:var(--s-menu-bg-dark)}.s-menu__item{position:relative;display:flex;justify-content:center;align-items:center;gap:var(--s-menu-icon-gap);height:var(--s-menu-item-height);padding-inline-start:var(--s-menu-item-padding-x);padding-inline-end:var(--s-menu-item-padding-x);font-size:var(--s-menu-item-font-size);background:var(--s-menu-bg);cursor:pointer}.s-menu__item:is(.is-disabled){cursor:not-allowed}.s-menu__icon{width:var(--s-menu-icon-font-size);font-size:var(--s-menu-icon-font-size)}.s-menu__label{position:relative;display:flex;justify-content:center;align-items:center;height:100%;flex-grow:1}.s-menu--vertical .s-menu__item:first-child{border-top-left-radius:var(--s-menu-item-radius);border-top-right-radius:var(--s-menu-item-radius)}.s-menu--vertical .s-menu__item:last-child{border-bottom-left-radius:var(--s-menu-item-radius);border-bottom-right-radius:var(--s-menu-item-radius)}.s-menu--vertical .s-menu__item:not(:first-child) .s-menu__label::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-menu-border-color);transform-origin:top center}.s-menu--horizontal .s-menu__item{height:var(--s-menu-item-horizontal-height);gap:var(--s-menu-icon-horizontal-gap)}:root:not([dir=rtl]) .s-menu--horizontal .s-menu__item:first-child{border-top-left-radius:var(--s-menu-item-radius);border-bottom-left-radius:var(--s-menu-item-radius)}:root[dir=rtl] .s-menu--horizontal .s-menu__item:first-child{border-top-right-radius:var(--s-menu-item-radius);border-bottom-right-radius:var(--s-menu-item-radius)}:root:not([dir=rtl]) .s-menu--horizontal .s-menu__item:last-child{border-top-right-radius:var(--s-menu-item-radius);border-bottom-right-radius:var(--s-menu-item-radius)}:root[dir=rtl] .s-menu--horizontal .s-menu__item:last-child{border-top-left-radius:var(--s-menu-item-radius);border-bottom-left-radius:var(--s-menu-item-radius)}.s-menu--horizontal .s-menu__item:not(:first-child)::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";top:0;bottom:0;transform:scaleX(0.5);inset-inline-start:0;border-inline-start:var(--s-border-width) var(--s-border-style) var(--s-menu-border-color);transform-origin:left center}:root[dir=rtl] .s-menu--horizontal .s-menu__item:not(:first-child)::before{transform-origin:right center}.s-menu--light .s-menu__item:not(.is-disabled):active{background:var(--s-menu-item-bg-active)}.s-menu--light .s-menu__item:is(.is-disabled){color:var(--s-text-color-disabled)}.s-menu--dark{--s-menu-border-color:var(--s-menu-border-color-dark)}.s-menu--dark .s-menu__item:not(.is-disabled):active{background:var(--s-menu-item-bg-active-dark)}.s-menu--dark .s-menu__item:is(.is-disabled) .s-menu__label{color:var(--s-gray-600)}.s-menu--dark .s-menu__icon{color:var(--s-menu-item-color-dark)}.s-menu--dark .s-menu__label{color:var(--s-menu-item-color-dark)}.s-menu--vertical .s-menu__label{justify-content:flex-start}.s-menu:is(.has-icon) .s-menu__label{justify-content:flex-start}
+:root{--s-menu-bg:var(--s-white);--s-menu-item-border-radius:var(--s-border-radius);--s-menu-item-height:var(--s-content-height);--s-menu-item-padding-x:var(--s-content-padding-x);--s-menu-item-font-size:var(--s-font-size);--s-menu-item-bg-active:var(--s-bg-color-active);--s-menu-border-color:var(--s-border-color);--s-menu-item-bg-active-dark:var(--s-gray-900);--s-menu-item-color-dark:var(--s-white);--s-menu-border-color-dark:var(--s-gray-700);--s-menu-bg-dark:var(--s-gray-800);--s-menu-item-horizontal-height:var(--s-content-height-xs);--s-menu-icon-font-size:var(--s-font-size);--s-menu-icon-gap:var(--s-size-sm);--s-menu-icon-horizontal-gap:var(--s-size-xs)}.dark{--s-menu-bg:var(--s-gray-800)}.s-menu{display:inline-flex}.s-menu--vertical{flex-direction:column}.s-menu--horizontal{flex-direction:row}.s-menu--dark{--s-menu-border-color:var(--s-menu-border-color-dark);--s-menu-bg:var(--s-menu-bg-dark)}.s-menu__item{position:relative;display:flex;justify-content:center;align-items:center;gap:var(--s-menu-icon-gap);height:var(--s-menu-item-height);padding-inline-start:var(--s-menu-item-padding-x);padding-inline-end:var(--s-menu-item-padding-x);font-size:var(--s-menu-item-font-size);background:var(--s-menu-bg);cursor:pointer}.s-menu__item:is(.is-disabled){cursor:not-allowed}.s-menu__icon{width:var(--s-menu-icon-font-size);font-size:var(--s-menu-icon-font-size)}.s-menu__label{position:relative;display:flex;justify-content:center;align-items:center;height:100%;flex-grow:1}.s-menu--vertical .s-menu__item:first-child{border-top-left-radius:var(--s-menu-item-border-radius);border-top-right-radius:var(--s-menu-item-border-radius)}.s-menu--vertical .s-menu__item:last-child{border-bottom-left-radius:var(--s-menu-item-border-radius);border-bottom-right-radius:var(--s-menu-item-border-radius)}.s-menu--vertical .s-menu__item:not(:first-child) .s-menu__label::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-menu-border-color);transform-origin:top center}.s-menu--horizontal .s-menu__item{height:var(--s-menu-item-horizontal-height);gap:var(--s-menu-icon-horizontal-gap)}:root:not([dir=rtl]) .s-menu--horizontal .s-menu__item:first-child{border-top-left-radius:var(--s-menu-item-border-radius);border-bottom-left-radius:var(--s-menu-item-border-radius)}:root[dir=rtl] .s-menu--horizontal .s-menu__item:first-child{border-top-right-radius:var(--s-menu-item-border-radius);border-bottom-right-radius:var(--s-menu-item-border-radius)}:root:not([dir=rtl]) .s-menu--horizontal .s-menu__item:last-child{border-top-right-radius:var(--s-menu-item-border-radius);border-bottom-right-radius:var(--s-menu-item-border-radius)}:root[dir=rtl] .s-menu--horizontal .s-menu__item:last-child{border-top-left-radius:var(--s-menu-item-border-radius);border-bottom-left-radius:var(--s-menu-item-border-radius)}.s-menu--horizontal .s-menu__item:not(:first-child)::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";top:0;bottom:0;transform:scaleX(0.5);inset-inline-start:0;border-inline-start:var(--s-border-width) var(--s-border-style) var(--s-menu-border-color);transform-origin:left center}:root[dir=rtl] .s-menu--horizontal .s-menu__item:not(:first-child)::before{transform-origin:right center}.s-menu--light .s-menu__item:not(.is-disabled):active{background:var(--s-menu-item-bg-active)}.s-menu--light .s-menu__item:is(.is-disabled){color:var(--s-text-color-disabled)}.s-menu--dark{--s-menu-border-color:var(--s-menu-border-color-dark)}.s-menu--dark .s-menu__item:not(.is-disabled):active{background:var(--s-menu-item-bg-active-dark)}.s-menu--dark .s-menu__item:is(.is-disabled) .s-menu__label{color:var(--s-gray-600)}.s-menu--dark .s-menu__icon{color:var(--s-menu-item-color-dark)}.s-menu--dark .s-menu__label{color:var(--s-menu-item-color-dark)}.s-menu--vertical .s-menu__label{justify-content:flex-start}.s-menu:is(.has-icon) .s-menu__label{justify-content:flex-start}

package/components/pagination/index.css

@@ -1 +1 @@
-:root{--s-pagination-radius:var(--s-border-radius);--s-pagination-border-color:var(--s-border-color);--s-pagination-item-height:var(--s-content-height-sm);--s-pagination-item-min-width:var(--s-content-height-sm);--s-pagination-item-padding-x:var(--s-size-xs);--s-pagination-item-font-size:var(--s-font-size);--s-pagination-item-color:var(--s-color-primary);--s-pagination-item-bg-active:var(--s-bg-color-active);--s-pagination-item-color-current:var(--s-white);--s-pagination-border-color-current:var(--s-color-primary);--s-pagination-item-bg-current:var(--s-color-primary);--s-pagination-ratio-height:var(--s-content-height-sm);--s-pagination-ratio-font-size:var(--s-font-size)}.s-pagination{display:flex;align-items:center;justify-content:flex-start}.s-pagination__item{position:relative;display:flex;flex:none;justify-content:center;align-items:center;height:var(--s-pagination-item-height);min-width:var(--s-pagination-item-min-width);padding:0 var(--s-pagination-item-padding-x);font-size:var(--s-pagination-item-font-size);color:var(--s-pagination-item-color);cursor:pointer}.s-pagination__item::after{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-color:var(--s-pagination-border-color)}.s-pagination__item:is(.is-current){z-index:3;color:var(--s-pagination-item-color-current);background:var(--s-pagination-item-bg-current);border-color:var(--s-pagination-border-color-current)}.s-pagination__item:is(.is-disabled){color:var(--s-text-color-disabled);cursor:var(--s-cursor-disabled)}.s-pagination__item:not(.is-disabled,.is-current):active{background:var(--s-pagination-item-bg-active)}.s-pagination__prev,.s-pagination__next{display:flex;flex:1 0 auto}.s-pagination__ratio{flex:1;display:flex;align-items:center;justify-content:center;height:var(--s-pagination-ratio-height);font-size:var(--s-pagination-ratio-font-size)}.s-pagination--multi .s-pagination__item:not(:first-child)::after{border-inline-start-width:0}:root:not([dir=rtl]) .s-pagination--multi .s-pagination__item:first-child{border-top-left-radius:var(--s-pagination-radius);border-bottom-left-radius:var(--s-pagination-radius)}:root:not([dir=rtl]) .s-pagination--multi .s-pagination__item:first-child::after{border-top-left-radius:calc(var(--s-pagination-radius)*2);border-bottom-left-radius:calc(var(--s-pagination-radius)*2)}:root[dir=rtl] .s-pagination--multi .s-pagination__item:first-child{border-top-right-radius:var(--s-pagination-radius);border-bottom-right-radius:var(--s-pagination-radius)}:root[dir=rtl] .s-pagination--multi .s-pagination__item:first-child::after{border-top-right-radius:calc(var(--s-pagination-radius)*2);border-bottom-right-radius:calc(var(--s-pagination-radius)*2)}:root:not([dir=rtl]) .s-pagination--multi .s-pagination__item:last-child{border-top-right-radius:var(--s-pagination-radius);border-bottom-right-radius:var(--s-pagination-radius)}:root:not([dir=rtl]) .s-pagination--multi .s-pagination__item:last-child::after{border-top-right-radius:calc(var(--s-pagination-radius)*2);border-bottom-right-radius:calc(var(--s-pagination-radius)*2)}:root[dir=rtl] .s-pagination--multi .s-pagination__item:last-child{border-top-left-radius:var(--s-pagination-radius);border-bottom-left-radius:var(--s-pagination-radius)}:root[dir=rtl] .s-pagination--multi .s-pagination__item:last-child::after{border-top-left-radius:calc(var(--s-pagination-radius)*2);border-bottom-left-radius:calc(var(--s-pagination-radius)*2)}.s-pagination--simple .s-pagination__item{border-radius:var(--s-pagination-radius)}.s-pagination--simple .s-pagination__item::after{border-radius:calc(var(--s-pagination-radius)*2)}.s-pagination--simple .s-pagination__prev,.s-pagination--simple .s-pagination__next{flex:1;padding:0;border-radius:var(--s-pagination-radius)}
+:root{--s-pagination-border-radius:var(--s-border-radius);--s-pagination-border-color:var(--s-border-color);--s-pagination-item-height:var(--s-content-height-sm);--s-pagination-item-min-width:var(--s-content-height-sm);--s-pagination-item-padding-x:var(--s-size-xs);--s-pagination-item-font-size:var(--s-font-size);--s-pagination-item-color:var(--s-color-primary);--s-pagination-item-bg-active:var(--s-bg-color-active);--s-pagination-item-color-current:var(--s-white);--s-pagination-border-color-current:var(--s-color-primary);--s-pagination-item-bg-current:var(--s-color-primary);--s-pagination-ratio-height:var(--s-content-height-sm);--s-pagination-ratio-font-size:var(--s-font-size)}.s-pagination{display:flex;align-items:center;justify-content:flex-start}.s-pagination__item{position:relative;display:flex;flex:none;justify-content:center;align-items:center;height:var(--s-pagination-item-height);min-width:var(--s-pagination-item-min-width);padding:0 var(--s-pagination-item-padding-x);font-size:var(--s-pagination-item-font-size);color:var(--s-pagination-item-color);cursor:pointer}.s-pagination__item::after{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-color:var(--s-pagination-border-color)}.s-pagination__item:is(.is-current){z-index:3;color:var(--s-pagination-item-color-current);background:var(--s-pagination-item-bg-current);border-color:var(--s-pagination-border-color-current)}.s-pagination__item:is(.is-disabled){color:var(--s-text-color-disabled);cursor:var(--s-cursor-disabled)}.s-pagination__item:not(.is-disabled,.is-current):active{background:var(--s-pagination-item-bg-active)}.s-pagination__prev,.s-pagination__next{display:flex;flex:1 0 auto}.s-pagination__ratio{flex:1;display:flex;align-items:center;justify-content:center;height:var(--s-pagination-ratio-height);font-size:var(--s-pagination-ratio-font-size)}.s-pagination--multi .s-pagination__item:not(:first-child)::after{border-inline-start-width:0}:root:not([dir=rtl]) .s-pagination--multi .s-pagination__item:first-child{border-top-left-radius:var(--s-pagination-border-radius);border-bottom-left-radius:var(--s-pagination-border-radius)}:root:not([dir=rtl]) .s-pagination--multi .s-pagination__item:first-child::after{border-top-left-radius:calc(var(--s-pagination-border-radius)*2);border-bottom-left-radius:calc(var(--s-pagination-border-radius)*2)}:root[dir=rtl] .s-pagination--multi .s-pagination__item:first-child{border-top-right-radius:var(--s-pagination-border-radius);border-bottom-right-radius:var(--s-pagination-border-radius)}:root[dir=rtl] .s-pagination--multi .s-pagination__item:first-child::after{border-top-right-radius:calc(var(--s-pagination-border-radius)*2);border-bottom-right-radius:calc(var(--s-pagination-border-radius)*2)}:root:not([dir=rtl]) .s-pagination--multi .s-pagination__item:last-child{border-top-right-radius:var(--s-pagination-border-radius);border-bottom-right-radius:var(--s-pagination-border-radius)}:root:not([dir=rtl]) .s-pagination--multi .s-pagination__item:last-child::after{border-top-right-radius:calc(var(--s-pagination-border-radius)*2);border-bottom-right-radius:calc(var(--s-pagination-border-radius)*2)}:root[dir=rtl] .s-pagination--multi .s-pagination__item:last-child{border-top-left-radius:var(--s-pagination-border-radius);border-bottom-left-radius:var(--s-pagination-border-radius)}:root[dir=rtl] .s-pagination--multi .s-pagination__item:last-child::after{border-top-left-radius:calc(var(--s-pagination-border-radius)*2);border-bottom-left-radius:calc(var(--s-pagination-border-radius)*2)}.s-pagination--simple .s-pagination__item{border-radius:var(--s-pagination-border-radius)}.s-pagination--simple .s-pagination__item::after{border-radius:calc(var(--s-pagination-border-radius)*2)}.s-pagination--simple .s-pagination__prev,.s-pagination--simple .s-pagination__next{flex:1;padding:0;border-radius:var(--s-pagination-border-radius)}

package/components/segmented/index.css

@@ -1 +1 @@
-:root{--s-segmented-min-height-sm:var(--s-content-height-2xs);--s-segmented-min-height:var(--s-content-height-xs);--s-segmented-min-height-lg:var(--s-content-height-sm);--s-segmented-padding:var(--s-size-3xs);--s-segmented-font-size:var(--s-font-size);--s-segmented-bg:var(--s-fill-color-secondary);--s-segmented-border-radius:var(--s-border-radius);--s-segmented-pointer-bg:var(--s-bg-color-container);--s-segmented-pointer-box-shadow:var(--s-box-shadow-tertiary);--s-segmented-item-padding:var(--s-size-sm);--s-segmented-item-padding-sm:var(--s-size-xs);--s-segmented-item-color:var(--s-text-color-secondary);--s-segmented-item-color-active:var(--s-text-color-emphasis);--s-segmented-item-bg-active:var(--s-bg-color-active-dark)}.s-segmented{display:flex;align-items:stretch;min-height:var(--s-segmented-min-height);padding:var(--s-segmented-padding);border-radius:var(--s-segmented-border-radius);background:var(--s-segmented-bg);font-size:var(--s-segmented-font-size)}.s-segmented--vertical{display:inline-flex}.s-segmented--vertical .s-segmented__wrapper{flex-direction:column}.s-segmented--vertical .s-segmented__pointer{width:100%}.s-segmented--small{min-height:var(--s-segmented-min-height-sm)}.s-segmented--large{min-height:var(--s-segmented-min-height-lg)}.s-segmented--round{border-radius:var(--s-border-radius-full)}.s-segmented--round .s-segmented__pointer{border-radius:var(--s-border-radius-full)}.s-segmented__pointer{position:absolute;top:0;inset-inline-start:0;height:100%;border-radius:calc(var(--s-segmented-border-radius) - 2px);background:var(--s-segmented-pointer-bg);box-shadow:var(--s-segmented-pointer-box-shadow);transition:transform var(--s-duration);--final-offset: var(--offset);transform:translate3d(var(--final-offset), 0, 0)}:root[dir=rtl] .s-segmented--horizontal .s-segmented__pointer{--final-offset: calc(var(--offset) * -1)}.s-segmented--vertical .s-segmented__pointer{transform:translate3d(0, var(--final-offset), 0)}.s-segmented__wrapper{position:relative;display:flex;align-items:stretch;width:100%}.s-segmented-item{position:relative;display:flex;justify-content:center;align-items:center;flex:1;min-width:0;min-height:calc(var(--s-segmented-min-height) - var(--s-segmented-padding)*2);padding:0 var(--s-segmented-item-padding);border-radius:calc(var(--s-segmented-border-radius) - 2px);color:var(--s-segmented-item-color)}.s-segmented-item--small{min-height:calc(var(--s-segmented-min-height-sm) - var(--s-segmented-padding)*2)}.s-segmented-item--large{min-height:calc(var(--s-segmented-min-height-lg) - var(--s-segmented-padding)*2)}.s-segmented-item--round{border-radius:var(--s-border-radius-full)}.s-segmented-item:not(.is-disabled,.is-readonly,.is-selected){cursor:pointer}.s-segmented-item:not(.is-disabled,.is-readonly,.is-selected):active{background:var(--s-segmented-item-bg-active)}.s-segmented-item:is(.is-selected){color:var(--s-segmented-item-color-active)}.s-segmented-item:is(.is-disabled){color:var(--s-text-color-disabled);cursor:var(--s-cursor-disabled)}.s-segmented-item--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+:root{--s-segmented-min-height-sm:var(--s-content-height-2xs);--s-segmented-min-height:var(--s-content-height-xs);--s-segmented-min-height-lg:var(--s-content-height-sm);--s-segmented-padding:var(--s-size-3xs);--s-segmented-font-size:var(--s-font-size);--s-segmented-bg:var(--s-fill-color-tertiary);--s-segmented-border-radius:var(--s-border-radius);--s-segmented-pointer-bg:var(--s-bg-color-container);--s-segmented-pointer-box-shadow:var(--s-box-shadow-tertiary);--s-segmented-item-padding:var(--s-size-sm);--s-segmented-item-padding-sm:var(--s-size-xs);--s-segmented-item-color:var(--s-text-color-secondary);--s-segmented-item-color-active:var(--s-text-color-emphasis);--s-segmented-item-bg-active:var(--s-bg-color-active-dark)}.s-segmented{display:flex;align-items:stretch;min-height:var(--s-segmented-min-height);padding:var(--s-segmented-padding);border-radius:var(--s-segmented-border-radius);background:var(--s-segmented-bg);font-size:var(--s-segmented-font-size)}.s-segmented--vertical{display:inline-flex}.s-segmented--vertical .s-segmented__wrapper{flex-direction:column}.s-segmented--vertical .s-segmented__pointer{width:100%}.s-segmented--small{min-height:var(--s-segmented-min-height-sm)}.s-segmented--large{min-height:var(--s-segmented-min-height-lg)}.s-segmented--round{border-radius:var(--s-border-radius-full)}.s-segmented--round .s-segmented__pointer{border-radius:var(--s-border-radius-full)}.s-segmented__pointer{position:absolute;top:0;inset-inline-start:0;height:100%;border-radius:calc(var(--s-segmented-border-radius) - 2px);background:var(--s-segmented-pointer-bg);box-shadow:var(--s-segmented-pointer-box-shadow);transition:transform var(--s-duration);--final-offset: var(--offset);transform:translate3d(var(--final-offset), 0, 0)}:root[dir=rtl] .s-segmented--horizontal .s-segmented__pointer{--final-offset: calc(var(--offset) * -1)}.s-segmented--vertical .s-segmented__pointer{transform:translate3d(0, var(--final-offset), 0)}.s-segmented__wrapper{position:relative;display:flex;align-items:stretch;width:100%}.s-segmented-item{position:relative;display:flex;justify-content:center;align-items:center;flex:1;min-width:0;min-height:calc(var(--s-segmented-min-height) - var(--s-segmented-padding)*2);padding:0 var(--s-segmented-item-padding);border-radius:calc(var(--s-segmented-border-radius) - 2px);color:var(--s-segmented-item-color)}.s-segmented-item--small{min-height:calc(var(--s-segmented-min-height-sm) - var(--s-segmented-padding)*2)}.s-segmented-item--large{min-height:calc(var(--s-segmented-min-height-lg) - var(--s-segmented-padding)*2)}.s-segmented-item--round{border-radius:var(--s-border-radius-full)}.s-segmented-item:not(.is-disabled,.is-readonly,.is-selected){cursor:pointer}.s-segmented-item:not(.is-disabled,.is-readonly,.is-selected):active{background:var(--s-segmented-item-bg-active)}.s-segmented-item:is(.is-selected){color:var(--s-segmented-item-color-active)}.s-segmented-item:is(.is-disabled){color:var(--s-text-color-disabled);cursor:var(--s-cursor-disabled)}.s-segmented-item--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

package/components/share-sheet/index.css

@@ -1 +1 @@
-:root{--s-share-sheet-border-radius:var(--s-border-radius-xl);--s-share-sheet-border-color:var(--s-border-color);--s-share-sheet-bg:var(--s-bg-color-elevated);--s-share-sheet-header-padding:var(--s-size);--s-share-sheet-title-font-size:var(--s-font-size-lg);--s-share-sheet-description-font-size:var(--s-font-size);--s-share-sheet-description-color:var(--s-text-color-tertiary);--s-share-sheet-row-padding-y:var(--s-size);--s-share-sheet-row-padding-x:var(--s-size-xs);--s-share-sheet-item-width:80px;--s-share-sheet-item-opacity-active:var(--s-opacity-active);--s-share-sheet-icon-size:var(--s-size-4xl);--s-share-sheet-icon-radius:var(--s-border-radius-full);--s-share-sheet-icon-font-size:var(--s-size-xl);--s-share-sheet-icon-color:var(--s-text-color-tertiary);--s-share-sheet-icon-bg:var(--s-fill-color);--s-share-sheet-label-margin-top:var(--s-size-xs);--s-share-sheet-label-padding-x:var(--s-size-2xs);--s-share-sheet-label-font-size:var(--s-font-size);--s-share-sheet-label-color:var(--s-text-color-tertiary);--s-share-sheet-item-description-margin-top:0;--s-share-sheet-item-description-padding-x:var(--s-size-2xs);--s-share-sheet-item-description-font-size:var(--s-font-size-sm);--s-share-sheet-item-description-color:var(--s-text-color-fourth);--s-share-sheet-gap-bg:var(--s-fill-color-fourth);--s-share-sheet-gap-height:var(--s-size-xs);--s-share-sheet-cancel-min-height:var(--s-content-height-lg);--s-share-sheet-cancel-padding:var(--s-size-xs) var(--s-size);--s-share-sheet-cancel-font-size:var(--s-font-size-lg);--s-share-sheet-cancel-bg-active:var(--s-bg-color-active)}.s-share-sheet{padding-bottom:var(--s-safe-bottom);border-top-left-radius:var(--s-share-sheet-border-radius);border-top-right-radius:var(--s-share-sheet-border-radius);background:var(--s-share-sheet-bg);touch-action:pan-x}.s-share-sheet__header{position:relative;display:flex;flex-direction:column;gap:var(--s-size-2xs);padding:var(--s-share-sheet-header-padding)}.s-share-sheet__header::after{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);bottom:0;border-bottom:var(--s-border-width) var(--s-border-style) var(--s-share-sheet-border-color);transform-origin:bottom center}.s-share-sheet__title{font-size:var(--s-share-sheet-title-font-size);font-weight:var(--s-font-weight-bold);text-align:center}.s-share-sheet__description{font-size:var(--s-share-sheet-description-font-size);text-align:center;color:var(--s-share-sheet-description-color)}.s-share-sheet__gap{height:var(--s-share-sheet-gap-height);background:var(--s-share-sheet-gap-bg)}.s-share-sheet__cancel{display:flex;justify-content:center;align-items:center;min-height:var(--s-share-sheet-cancel-min-height);padding:var(--s-share-sheet-cancel-padding);font-size:var(--s-share-sheet-cancel-font-size);cursor:pointer}.s-share-sheet__cancel:active{background:var(--s-share-sheet-cancel-bg-active)}.s-share-sheet-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:var(--s-share-sheet-item-width);flex:none;cursor:pointer}.s-share-sheet-item:not(.is-disabled):active{opacity:var(--s-share-sheet-item-opacity-active)}.s-share-sheet-item:is(.is-disabled){opacity:var(--s-opacity-disabled);cursor:var(--s-cursor-disabled);filter:var(--s-filter-disabled)}.s-share-sheet-item__label{margin-top:var(--s-share-sheet-label-margin-top);padding:0 var(--s-share-sheet-label-padding-x);font-size:var(--s-share-sheet-label-font-size);color:var(--s-share-sheet-label-color)}.s-share-sheet-item__description{margin-top:var(--s-share-sheet-item-description-margin-top);padding:0 var(--s-share-sheet-item-description-padding-x);font-size:var(--s-share-sheet-item-description-font-size);color:var(--s-share-sheet-item-description-color)}.s-share-sheet-row{position:relative}.s-share-sheet-row:not(:first-child)::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-share-sheet-border-color);transform-origin:top center}.s-share-sheet-row__scroll{display:flex;padding:var(--s-share-sheet-row-padding-y) var(--s-share-sheet-row-padding-x);overflow-x:auto;overflow-y:hidden}.s-share-sheet-icon{display:flex;justify-content:center;align-items:center;width:var(--s-share-sheet-icon-size);height:var(--s-share-sheet-icon-size);border-radius:var(--s-share-sheet-icon-radius);font-size:var(--s-share-sheet-icon-font-size);color:var(--s-share-sheet-icon-color);background:var(--s-share-sheet-icon-bg)}.s-share-sheet-icon__image{width:100%;height:100%;object-fit:cover;border-radius:var(--s-share-sheet-icon-radius)}
+:root{--s-share-sheet-border-radius:var(--s-border-radius-xl);--s-share-sheet-border-color:var(--s-border-color);--s-share-sheet-bg:var(--s-bg-color-elevated);--s-share-sheet-header-padding:var(--s-size);--s-share-sheet-title-font-size:var(--s-font-size-lg);--s-share-sheet-description-font-size:var(--s-font-size);--s-share-sheet-description-color:var(--s-text-color-tertiary);--s-share-sheet-row-padding-y:var(--s-size);--s-share-sheet-row-padding-x:var(--s-size-xs);--s-share-sheet-item-width:80px;--s-share-sheet-item-opacity-active:var(--s-opacity-active);--s-share-sheet-icon-size:var(--s-size-4xl);--s-share-sheet-icon-border-radius:var(--s-border-radius-full);--s-share-sheet-icon-font-size:var(--s-size-xl);--s-share-sheet-icon-color:var(--s-text-color-tertiary);--s-share-sheet-icon-bg:var(--s-fill-color);--s-share-sheet-label-margin-top:var(--s-size-xs);--s-share-sheet-label-padding-x:var(--s-size-2xs);--s-share-sheet-label-font-size:var(--s-font-size);--s-share-sheet-label-color:var(--s-text-color-tertiary);--s-share-sheet-item-description-margin-top:0;--s-share-sheet-item-description-padding-x:var(--s-size-2xs);--s-share-sheet-item-description-font-size:var(--s-font-size-sm);--s-share-sheet-item-description-color:var(--s-text-color-fourth);--s-share-sheet-gap-bg:var(--s-fill-color-fourth);--s-share-sheet-gap-height:var(--s-size-xs);--s-share-sheet-cancel-min-height:var(--s-content-height-lg);--s-share-sheet-cancel-padding:var(--s-size-xs) var(--s-size);--s-share-sheet-cancel-font-size:var(--s-font-size-lg);--s-share-sheet-cancel-bg-active:var(--s-bg-color-active)}.s-share-sheet{padding-bottom:var(--s-safe-bottom);border-top-left-radius:var(--s-share-sheet-border-radius);border-top-right-radius:var(--s-share-sheet-border-radius);background:var(--s-share-sheet-bg);touch-action:pan-x}.s-share-sheet__header{position:relative;display:flex;flex-direction:column;gap:var(--s-size-2xs);padding:var(--s-share-sheet-header-padding)}.s-share-sheet__header::after{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);bottom:0;border-bottom:var(--s-border-width) var(--s-border-style) var(--s-share-sheet-border-color);transform-origin:bottom center}.s-share-sheet__title{font-size:var(--s-share-sheet-title-font-size);font-weight:var(--s-font-weight-bold);text-align:center}.s-share-sheet__description{font-size:var(--s-share-sheet-description-font-size);text-align:center;color:var(--s-share-sheet-description-color)}.s-share-sheet__gap{height:var(--s-share-sheet-gap-height);background:var(--s-share-sheet-gap-bg)}.s-share-sheet__cancel{display:flex;justify-content:center;align-items:center;min-height:var(--s-share-sheet-cancel-min-height);padding:var(--s-share-sheet-cancel-padding);font-size:var(--s-share-sheet-cancel-font-size);cursor:pointer}.s-share-sheet__cancel:active{background:var(--s-share-sheet-cancel-bg-active)}.s-share-sheet-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:var(--s-share-sheet-item-width);flex:none;cursor:pointer}.s-share-sheet-item:not(.is-disabled):active{opacity:var(--s-share-sheet-item-opacity-active)}.s-share-sheet-item:is(.is-disabled){opacity:var(--s-opacity-disabled);cursor:var(--s-cursor-disabled);filter:var(--s-filter-disabled)}.s-share-sheet-item__label{margin-top:var(--s-share-sheet-label-margin-top);padding:0 var(--s-share-sheet-label-padding-x);font-size:var(--s-share-sheet-label-font-size);color:var(--s-share-sheet-label-color)}.s-share-sheet-item__description{margin-top:var(--s-share-sheet-item-description-margin-top);padding:0 var(--s-share-sheet-item-description-padding-x);font-size:var(--s-share-sheet-item-description-font-size);color:var(--s-share-sheet-item-description-color)}.s-share-sheet-row{position:relative}.s-share-sheet-row:not(:first-child)::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-share-sheet-border-color);transform-origin:top center}.s-share-sheet-row__scroll{display:flex;padding:var(--s-share-sheet-row-padding-y) var(--s-share-sheet-row-padding-x);overflow-x:auto;overflow-y:hidden}.s-share-sheet-icon{display:flex;justify-content:center;align-items:center;width:var(--s-share-sheet-icon-size);height:var(--s-share-sheet-icon-size);border-radius:var(--s-share-sheet-icon-border-radius);font-size:var(--s-share-sheet-icon-font-size);color:var(--s-share-sheet-icon-color);background:var(--s-share-sheet-icon-bg)}.s-share-sheet-icon__image{width:100%;height:100%;object-fit:cover;border-radius:var(--s-share-sheet-icon-border-radius)}

package/components/skeleton/index.css

@@ -1 +1 @@
-:root{--s-skeleton-bg:var(--s-fill-color-secondary);--s-skeleton-radius:var(--s-border-radius-sm);--s-skeleton-highlight-color:rgba(0,0,0,.08);--s-skeleton-block-height:var(--s-size);--s-skeleton-avatar-size:var(--s-size-2xl);--s-skeleton-avatar-margin-end:var(--s-size);--s-skeleton-title-width:40%;--s-skeleton-title-height:var(--s-size-lg);--s-skeleton-title-margin-bottom:var(--s-size);--s-skeleton-row-last-width:60%;--s-skeleton-row-gap:var(--s-size-sm)}.dark{--s-skeleton-highlight-color:hsla(0,0%,100%,.15)}.s-skeleton{display:flex;flex-wrap:nowrap;column-gap:var(--s-skeleton-avatar-margin-end)}.s-skeleton__block{width:100%;height:var(--s-skeleton-block-height);background:var(--s-skeleton-bg);border-radius:var(--s-skeleton-radius)}.s-skeleton__avatar{flex:none;width:var(--s-skeleton-avatar-size);height:var(--s-skeleton-avatar-size);border-radius:var(--s-skeleton-radius)}.s-skeleton__title{width:var(--s-skeleton-title-width);height:var(--s-skeleton-title-height)}.s-skeleton__row:last-child{width:var(--s-skeleton-row-last-width)}.s-skeleton__content{display:flex;flex-direction:column;flex:1;row-gap:var(--s-skeleton-title-margin-bottom)}.s-skeleton__paragraph{display:flex;flex-direction:column;row-gap:var(--s-skeleton-row-gap)}.s-skeleton--round{border-radius:var(--s-border-radius-full)}.s-skeleton--animated{background-image:linear-gradient(90deg, transparent 25%, var(--s-skeleton-highlight-color) 37%, transparent 50%);background-size:400% 100%;animation:s-skeleton-animated 1.2s ease infinite}@keyframes s-skeleton-animated{0%{background-position:100% 50%}100%{background-position:0 50%}}
+:root{--s-skeleton-bg:var(--s-fill-color-tertiary);--s-skeleton-border-radius:var(--s-border-radius-sm);--s-skeleton-highlight-color:rgba(0,0,0,.08);--s-skeleton-block-height:var(--s-size);--s-skeleton-avatar-size:var(--s-size-2xl);--s-skeleton-avatar-margin-end:var(--s-size);--s-skeleton-title-width:40%;--s-skeleton-title-height:var(--s-size);--s-skeleton-title-margin-bottom:var(--s-size-sm);--s-skeleton-row-last-width:60%;--s-skeleton-row-gap:var(--s-size-sm)}.dark{--s-skeleton-highlight-color:hsla(0,0%,100%,.15)}.s-skeleton{display:flex;flex-wrap:nowrap;column-gap:var(--s-skeleton-avatar-margin-end)}.s-skeleton__block{width:100%;height:var(--s-skeleton-block-height);background:var(--s-skeleton-bg);border-radius:var(--s-skeleton-border-radius)}.s-skeleton__avatar{flex:none;width:var(--s-skeleton-avatar-size);height:var(--s-skeleton-avatar-size);border-radius:var(--s-skeleton-border-radius)}.s-skeleton__title{width:var(--s-skeleton-title-width);height:var(--s-skeleton-title-height)}.s-skeleton__row:last-child{width:var(--s-skeleton-row-last-width)}.s-skeleton__content{display:flex;flex-direction:column;flex:1;row-gap:var(--s-skeleton-title-margin-bottom)}.s-skeleton__paragraph{display:flex;flex-direction:column;row-gap:var(--s-skeleton-row-gap)}.s-skeleton--round{border-radius:var(--s-border-radius-full)}.s-skeleton--animated{background-image:linear-gradient(90deg, transparent 25%, var(--s-skeleton-highlight-color) 37%, transparent 50%);background-size:400% 100%;animation:s-skeleton-animated 1.2s ease infinite}@keyframes s-skeleton-animated{0%{background-position:100% 50%}100%{background-position:0 50%}}

package/components/skeleton/skeleton-avatar.vue.js

@@ -1,6 +1,7 @@
 import { createBem } from "../../utils/bem.js";
+import { omit } from "../../utils/object.js";
 import skeleton_block_default from "./skeleton-block.vue.js";
-import { computed, createBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, unref } from "vue";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, unref } from "vue";
 //#region packages/sard/components/skeleton/skeleton-avatar.vue
 var skeleton_avatar_default = /*@__PURE__*/ defineComponent({
 	__name: "skeleton-avatar",
@@ -29,6 +30,7 @@ var skeleton_avatar_default = /*@__PURE__*/ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const bem = createBem("skeleton");
+		const mergedProps = computed(() => omit(props, ["size"]));
 		const skeletonAvatarStyle = computed(() => {
 			return {
 				width: props.size,
@@ -36,21 +38,10 @@ var skeleton_avatar_default = /*@__PURE__*/ defineComponent({
 			};
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(skeleton_block_default, {
-				class: normalizeClass(unref(bem).e("avatar")),
-				style: normalizeStyle(skeletonAvatarStyle.value),
-				animated: __props.animated,
-				round: __props.round,
-				width: __props.width,
-				height: __props.height
-			}, null, 8, [
-				"class",
-				"style",
-				"animated",
-				"round",
-				"width",
-				"height"
-			]);
+			return openBlock(), createBlock(skeleton_block_default, mergeProps({
+				class: unref(bem).e("avatar"),
+				style: skeletonAvatarStyle.value
+			}, mergedProps.value), null, 16, ["class", "style"]);
 		};
 	}
 });

package/components/skeleton/skeleton-paragraph.vue.js

@@ -1,6 +1,7 @@
 import { createBem } from "../../utils/bem.js";
+import { omit } from "../../utils/object.js";
 import skeleton_block_default from "./skeleton-block.vue.js";
-import { Fragment, createBlock, createElementBlock, defineComponent, normalizeClass, openBlock, renderList, unref } from "vue";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, mergeProps, normalizeClass, openBlock, renderList, unref } from "vue";
 //#region packages/sard/components/skeleton/skeleton-paragraph.vue
 var skeleton_paragraph_default = /*@__PURE__*/ defineComponent({
 	__name: "skeleton-paragraph",
@@ -27,23 +28,15 @@ var skeleton_paragraph_default = /*@__PURE__*/ defineComponent({
 		}
 	},
 	setup(__props) {
+		const props = __props;
 		const bem = createBem("skeleton");
+		const mergedProps = computed(() => omit(props, ["rows"]));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(bem).e("paragraph")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (i) => {
-				return openBlock(), createBlock(skeleton_block_default, {
+				return openBlock(), createBlock(skeleton_block_default, mergeProps({
 					key: i,
-					animated: __props.animated,
-					round: __props.round,
-					width: __props.width,
-					height: __props.height,
-					class: normalizeClass(unref(bem).e("row"))
-				}, null, 8, [
-					"animated",
-					"round",
-					"width",
-					"height",
-					"class"
-				]);
+					class: unref(bem).e("row")
+				}, { ref_for: true }, mergedProps.value), null, 16, ["class"]);
 			}), 128))], 2);
 		};
 	}

package/components/skeleton/skeleton-title.vue.js

@@ -1,6 +1,6 @@
 import { createBem } from "../../utils/bem.js";
 import skeleton_block_default from "./skeleton-block.vue.js";
-import { createBlock, defineComponent, normalizeClass, openBlock, unref } from "vue";
+import { createBlock, defineComponent, mergeProps, openBlock, unref } from "vue";
 //#region packages/sard/components/skeleton/skeleton-title.vue
 var skeleton_title_default = /*@__PURE__*/ defineComponent({
 	__name: "skeleton-title",
@@ -25,19 +25,7 @@ var skeleton_title_default = /*@__PURE__*/ defineComponent({
 	setup(__props) {
 		const bem = createBem("skeleton");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(skeleton_block_default, {
-				class: normalizeClass(unref(bem).e("title")),
-				animated: __props.animated,
-				round: __props.round,
-				width: __props.width,
-				height: __props.height
-			}, null, 8, [
-				"class",
-				"animated",
-				"round",
-				"width",
-				"height"
-			]);
+			return openBlock(), createBlock(skeleton_block_default, mergeProps({ class: unref(bem).e("title") }, _ctx.$props), null, 16, ["class"]);
 		};
 	}
 });

package/components/status-bar/index.css

@@ -1 +1 @@
-.s-statusBar{flex:none}
+.s-status-bar{flex:none;height:var(--s-status-bar-height)}