@varlet/ui 3.16.2 → 3.17.1

package/es/themes/dark/index.mjs

@@ -65,6 +65,8 @@ import radio from "./radio.mjs";
 import rate from "./rate.mjs";
 import result from "./result.mjs";
 import ripple from "./ripple.mjs";
+import segmentedButton from "./segmentedButton.mjs";
+import segmentedButtons from "./segmentedButtons.mjs";
 import select from "./select.mjs";
 import signature from "./signature.mjs";
 import skeleton from "./skeleton.mjs";
@@ -81,7 +83,7 @@ import timePicker from "./timePicker.mjs";
 import tooltip from "./tooltip.mjs";
 import uploader from "./uploader.mjs";
 import watermark from "./watermark.mjs";
-var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
+var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
   "--color-scheme": "dark",
   "--font-size-xs": "10px",
   "--font-size-sm": "12px",
@@ -160,7 +162,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
   "--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
   "--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
   "--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
-}, button), alert), cell), card), timePicker), datePicker), skeleton), tabs), tab), popup), dialog), actionSheet), chip), badge), uploader), collapse), pullRefresh), switchThemes), step), pagination), table), fieldDecorator), radio), checkbox), divider), picker), appBar), bottomNavigationItem), menu), result), breadcrumb), avatar), link), progress), option), watermark), menuSelect), menuOption), avatarGroup), backTop), bottomNavigation), countdown), counter), fab), floatingPanel), formDetails), hoverOverlay), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), paper), rate), ripple), slider), snackbar), space), swipe), tooltip), select), code), signature);
+}, button), alert), cell), card), timePicker), datePicker), skeleton), tabs), tab), popup), dialog), actionSheet), chip), badge), uploader), collapse), pullRefresh), switchThemes), step), pagination), table), fieldDecorator), radio), checkbox), segmentedButton), segmentedButtons), divider), picker), appBar), bottomNavigationItem), menu), result), breadcrumb), avatar), link), progress), option), watermark), menuSelect), menuOption), avatarGroup), backTop), bottomNavigation), countdown), counter), fab), floatingPanel), formDetails), hoverOverlay), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), paper), rate), ripple), slider), snackbar), space), swipe), tooltip), select), code), signature);
 export {
   stdin_default as default
 };

package/es/themes/dark/segmentedButton.mjs

@@ -0,0 +1,22 @@
+var stdin_default = {
+  "--segmented-button-text-color": "var(--color-on-surface-variant)",
+  "--segmented-button-checked-background": "hsla(var(--hsl-primary), 0.2)",
+  "--segmented-button-checked-text-color": "var(--color-primary)",
+  "--segmented-button-disabled-background": "var(--color-disabled)",
+  "--segmented-button-disabled-color": "var(--color-text-disabled)",
+  "--segmented-button-mini-padding": "0 8px",
+  "--segmented-button-small-padding": "0 12px",
+  "--segmented-button-normal-padding": "0 16px",
+  "--segmented-button-large-padding": "0 22px",
+  "--segmented-button-mini-height": "20px",
+  "--segmented-button-small-height": "28px",
+  "--segmented-button-normal-height": "36px",
+  "--segmented-button-large-height": "44px",
+  "--segmented-button-mini-font-size": "var(--font-size-xs)",
+  "--segmented-button-small-font-size": "var(--font-size-sm)",
+  "--segmented-button-normal-font-size": "var(--font-size-md)",
+  "--segmented-button-large-font-size": "var(--font-size-lg)"
+};
+export {
+  stdin_default as default
+};

package/es/themes/dark/segmentedButtons.mjs

@@ -0,0 +1,11 @@
+var stdin_default = {
+  "--segmented-buttons-border-color": "var(--color-outline)",
+  "--segmented-buttons-border-radius": "4px",
+  "--segmented-buttons-border-width": "1px",
+  "--segmented-buttons-error-border-color": "var(--color-danger)",
+  "--segmented-buttons-error-color": "var(--color-danger)",
+  "--segmented-buttons-error-checked-background": "hsla(var(--hsl-danger), 0.12)"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/index.mjs

@@ -65,6 +65,8 @@ import radio from "./radio.mjs";
 import rate from "./rate.mjs";
 import result from "./result.mjs";
 import ripple from "./ripple.mjs";
+import segmentedButton from "./segmentedButton.mjs";
+import segmentedButtons from "./segmentedButtons.mjs";
 import select from "./select.mjs";
 import signature from "./signature.mjs";
 import skeleton from "./skeleton.mjs";
@@ -81,7 +83,7 @@ import timePicker from "./timePicker.mjs";
 import tooltip from "./tooltip.mjs";
 import uploader from "./uploader.mjs";
 import watermark from "./watermark.mjs";
-var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
+var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
   "--color-scheme": "dark",
   "--font-size-xs": "10px",
   "--font-size-sm": "12px",
@@ -160,7 +162,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
   "--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
   "--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
   "--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
-}, button), alert), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), card), chip), badge), tooltip), progress), tabs), tab), step), divider), table), pagination), watermark), collapse), result), appBar), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), counter), switchThemes), slider), uploader), timePicker), datePicker), rate), skeleton), avatarGroup), countdown), formDetails), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), ripple), space), swipe), code), signature);
+}, button), alert), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), segmentedButton), segmentedButtons), card), chip), badge), tooltip), progress), tabs), tab), step), divider), table), pagination), watermark), collapse), result), appBar), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), counter), switchThemes), slider), uploader), timePicker), datePicker), rate), skeleton), avatarGroup), countdown), formDetails), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), ripple), space), swipe), code), signature);
 export {
   stdin_default as default
 };

package/es/themes/md3-dark/segmentedButton.mjs

@@ -0,0 +1,22 @@
+var stdin_default = {
+  "--segmented-button-text-color": "var(--color-on-surface-variant)",
+  "--segmented-button-checked-background": "var(--color-info-container)",
+  "--segmented-button-checked-text-color": "var(--color-on-info-container)",
+  "--segmented-button-disabled-background": "var(--color-info-container)",
+  "--segmented-button-disabled-color": "var(--color-text-disabled)",
+  "--segmented-button-mini-padding": "0 8px",
+  "--segmented-button-small-padding": "0 12px",
+  "--segmented-button-normal-padding": "0 16px",
+  "--segmented-button-large-padding": "0 22px",
+  "--segmented-button-mini-height": "20px",
+  "--segmented-button-small-height": "28px",
+  "--segmented-button-normal-height": "36px",
+  "--segmented-button-large-height": "44px",
+  "--segmented-button-mini-font-size": "var(--font-size-xs)",
+  "--segmented-button-small-font-size": "var(--font-size-sm)",
+  "--segmented-button-normal-font-size": "var(--font-size-md)",
+  "--segmented-button-large-font-size": "var(--font-size-lg)"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-dark/segmentedButtons.mjs

@@ -0,0 +1,11 @@
+var stdin_default = {
+  "--segmented-buttons-border-color": "#938F99",
+  "--segmented-buttons-border-radius": "100px",
+  "--segmented-buttons-border-width": "1px",
+  "--segmented-buttons-error-border-color": "var(--color-danger)",
+  "--segmented-buttons-error-color": "var(--color-danger)",
+  "--segmented-buttons-error-checked-background": "hsla(var(--hsl-danger), 0.12)"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-light/index.mjs

@@ -65,6 +65,8 @@ import radio from "./radio.mjs";
 import rate from "./rate.mjs";
 import result from "./result.mjs";
 import ripple from "./ripple.mjs";
+import segmentedButton from "./segmentedButton.mjs";
+import segmentedButtons from "./segmentedButtons.mjs";
 import select from "./select.mjs";
 import signature from "./signature.mjs";
 import skeleton from "./skeleton.mjs";
@@ -81,7 +83,7 @@ import timePicker from "./timePicker.mjs";
 import tooltip from "./tooltip.mjs";
 import uploader from "./uploader.mjs";
 import watermark from "./watermark.mjs";
-var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
+var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
   "--color-scheme": "light",
   "--font-size-xs": "10px",
   "--font-size-sm": "12px",
@@ -160,7 +162,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
   "--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
   "--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
   "--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
-}, button), alert), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), card), chip), tooltip), tabs), tab), table), collapse), result), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), slider), uploader), timePicker), datePicker), switchThemes), rate), avatarGroup), badge), countdown), counter), divider), formDetails), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), pagination), progress), ripple), skeleton), space), step), swipe), watermark), appBar), code), signature);
+}, button), alert), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), segmentedButton), segmentedButtons), card), chip), tooltip), tabs), tab), table), collapse), result), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), slider), uploader), timePicker), datePicker), switchThemes), rate), avatarGroup), badge), countdown), counter), divider), formDetails), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), pagination), progress), ripple), skeleton), space), step), swipe), watermark), appBar), code), signature);
 export {
   stdin_default as default
 };

package/es/themes/md3-light/segmentedButton.mjs

@@ -0,0 +1,22 @@
+var stdin_default = {
+  "--segmented-button-text-color": "var(--color-on-surface-variant)",
+  "--segmented-button-checked-background": "var(--color-info-container)",
+  "--segmented-button-checked-text-color": "var(--color-on-info-container)",
+  "--segmented-button-disabled-background": "var(--color-info-container)",
+  "--segmented-button-disabled-color": "var(--color-text-disabled)",
+  "--segmented-button-mini-padding": "0 8px",
+  "--segmented-button-small-padding": "0 12px",
+  "--segmented-button-normal-padding": "0 16px",
+  "--segmented-button-large-padding": "0 22px",
+  "--segmented-button-mini-height": "20px",
+  "--segmented-button-small-height": "28px",
+  "--segmented-button-normal-height": "36px",
+  "--segmented-button-large-height": "44px",
+  "--segmented-button-mini-font-size": "var(--font-size-xs)",
+  "--segmented-button-small-font-size": "var(--font-size-sm)",
+  "--segmented-button-normal-font-size": "var(--font-size-md)",
+  "--segmented-button-large-font-size": "var(--font-size-lg)"
+};
+export {
+  stdin_default as default
+};

package/es/themes/md3-light/segmentedButtons.mjs

@@ -0,0 +1,11 @@
+var stdin_default = {
+  "--segmented-buttons-border-color": "#79747E",
+  "--segmented-buttons-border-radius": "100px",
+  "--segmented-buttons-border-width": "1px",
+  "--segmented-buttons-error-border-color": "var(--color-danger)",
+  "--segmented-buttons-error-color": "var(--color-danger)",
+  "--segmented-buttons-error-checked-background": "hsla(var(--hsl-danger), 0.12)"
+};
+export {
+  stdin_default as default
+};

package/es/utils/components.mjs

@@ -208,7 +208,7 @@ function formatElevation(elevation, defaultLevel) {
 const MaybeVNode = defineComponent({
   props: {
     is: {
-      type: [String, Object]
+      type: [String, Number, Boolean, Object, Array]
     },
     tag: {
       type: String,