@aws-amplify/ui-react 2.19.1 → 2.20.0

package/dist/types/primitives/types/style.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { Property } from 'csstype';
 import { WebDesignToken } from '@aws-amplify/ui';
+import type { BoxShadowKeys, ColorKeys, FontFamilyKeys, FontSizeKeys, FontWeightKeys, LineHeightKeys, OpacityKeys, RadiiKeys, SpaceKeys, TransformKeys } from './theme';
 import { FlexItemStyleProps, FlexContainerStyleProps } from './flex';
 import { GridItemStyleProps, GridContainerStyleProps } from './grid';
 import { ImageStyleProps } from './image';
@@ -25,55 +26,55 @@ export declare type StyleToken<PropertyType> = PropertyType | WebDesignToken<Pro
 export declare type ResponsiveStyle<PropertyType> = StyleProp<PropertyType> | StyleProp<PropertyType>[] | ResponsiveObject<StyleProp<PropertyType>>;
 export interface BaseStyleProps extends FlexItemStyleProps, GridItemStyleProps {
     alignSelf?: ResponsiveStyle<StyleToken<Property.AlignSelf>>;
-    backgroundColor?: ResponsiveStyle<StyleToken<Property.BackgroundColor>>;
+    backgroundColor?: ResponsiveStyle<ColorKeys<StyleToken<Property.BackgroundColor>>>;
     backgroundImage?: ResponsiveStyle<StyleToken<Property.BackgroundImage>>;
     border?: ResponsiveStyle<StyleToken<Property.Border>>;
-    borderRadius?: ResponsiveStyle<StyleToken<Property.BorderRadius>>;
-    bottom?: ResponsiveStyle<StyleToken<Property.Bottom>>;
-    boxShadow?: ResponsiveStyle<StyleToken<Property.BoxShadow>>;
-    color?: ResponsiveStyle<StyleToken<Property.Color>>;
+    borderRadius?: ResponsiveStyle<RadiiKeys<StyleToken<Property.BorderRadius>>>;
+    bottom?: ResponsiveStyle<SpaceKeys<StyleToken<Property.Bottom>>>;
+    boxShadow?: ResponsiveStyle<BoxShadowKeys<StyleToken<Property.BoxShadow>>>;
+    color?: ResponsiveStyle<ColorKeys<StyleToken<Property.Color>>>;
     display?: ResponsiveStyle<StyleToken<Property.Display>>;
-    fontFamily?: ResponsiveStyle<StyleToken<Property.FontFamily>>;
-    fontSize?: ResponsiveStyle<StyleToken<Property.FontSize>>;
+    fontFamily?: ResponsiveStyle<FontFamilyKeys<StyleToken<Property.FontFamily>>>;
+    fontSize?: ResponsiveStyle<FontSizeKeys<StyleToken<Property.FontSize>>>;
     fontStyle?: ResponsiveStyle<StyleToken<Property.FontStyle>>;
-    fontWeight?: ResponsiveStyle<StyleToken<Property.FontWeight>>;
-    height?: ResponsiveStyle<StyleToken<Property.Height>>;
-    left?: ResponsiveStyle<StyleToken<Property.Left>>;
-    letterSpacing?: ResponsiveStyle<StyleToken<Property.LetterSpacing>>;
-    lineHeight?: ResponsiveStyle<StyleToken<Property.LineHeight>>;
+    fontWeight?: ResponsiveStyle<FontWeightKeys<StyleToken<Property.FontWeight>>>;
+    height?: ResponsiveStyle<SpaceKeys<StyleToken<Property.Height>>>;
+    left?: ResponsiveStyle<SpaceKeys<StyleToken<Property.Left>>>;
+    letterSpacing?: ResponsiveStyle<SpaceKeys<StyleToken<Property.LetterSpacing>>>;
+    lineHeight?: ResponsiveStyle<LineHeightKeys<StyleToken<Property.LineHeight>>>;
     margin?: ResponsiveStyle<StyleToken<Property.Margin>>;
-    marginBlockEnd?: ResponsiveStyle<StyleToken<Property.MarginBlockEnd>>;
-    marginBlockStart?: ResponsiveStyle<StyleToken<Property.MarginBlockStart>>;
-    marginBottom?: ResponsiveStyle<StyleToken<Property.MarginBlockEnd>>;
-    marginInlineEnd?: ResponsiveStyle<StyleToken<Property.MarginInlineEnd>>;
-    marginInlineStart?: ResponsiveStyle<StyleToken<Property.MarginInlineStart>>;
-    marginLeft?: ResponsiveStyle<StyleToken<Property.MarginInlineStart>>;
-    marginRight?: ResponsiveStyle<StyleToken<Property.MarginInlineEnd>>;
-    marginTop?: ResponsiveStyle<StyleToken<Property.MarginBlockStart>>;
-    maxHeight?: ResponsiveStyle<StyleToken<Property.MaxHeight>>;
-    maxWidth?: ResponsiveStyle<StyleToken<Property.MaxWidth>>;
-    minHeight?: ResponsiveStyle<StyleToken<Property.MinHeight>>;
-    minWidth?: ResponsiveStyle<StyleToken<Property.MinWidth>>;
-    opacity?: ResponsiveStyle<StyleToken<Property.Opacity>>;
+    marginBlockEnd?: ResponsiveStyle<SpaceKeys<StyleToken<Property.MarginBlockEnd>>>;
+    marginBlockStart?: ResponsiveStyle<SpaceKeys<StyleToken<Property.MarginBlockStart>>>;
+    marginBottom?: ResponsiveStyle<SpaceKeys<StyleToken<Property.MarginBottom>>>;
+    marginInlineEnd?: ResponsiveStyle<SpaceKeys<StyleToken<Property.MarginInlineEnd>>>;
+    marginInlineStart?: ResponsiveStyle<SpaceKeys<StyleToken<Property.MarginInlineStart>>>;
+    marginLeft?: ResponsiveStyle<SpaceKeys<StyleToken<Property.MarginLeft>>>;
+    marginRight?: ResponsiveStyle<SpaceKeys<StyleToken<Property.MarginRight>>>;
+    marginTop?: ResponsiveStyle<SpaceKeys<StyleToken<Property.MarginTop>>>;
+    maxHeight?: ResponsiveStyle<SpaceKeys<StyleToken<Property.MaxHeight>>>;
+    maxWidth?: ResponsiveStyle<SpaceKeys<StyleToken<Property.MaxWidth>>>;
+    minHeight?: ResponsiveStyle<SpaceKeys<StyleToken<Property.MinHeight>>>;
+    minWidth?: ResponsiveStyle<SpaceKeys<StyleToken<Property.MinWidth>>>;
+    opacity?: ResponsiveStyle<OpacityKeys<StyleToken<Property.Opacity>>>;
     overflow?: ResponsiveStyle<StyleToken<Property.Overflow>>;
     padding?: ResponsiveStyle<StyleToken<Property.Padding>>;
-    paddingBlockEnd?: ResponsiveStyle<StyleToken<Property.MarginBlockEnd>>;
-    paddingBlockStart?: ResponsiveStyle<StyleToken<Property.MarginBlockStart>>;
-    paddingBottom?: ResponsiveStyle<StyleToken<Property.PaddingBlockEnd>>;
-    paddingInlineEnd?: ResponsiveStyle<StyleToken<Property.MarginInlineEnd>>;
-    paddingInlineStart?: ResponsiveStyle<StyleToken<Property.MarginInlineStart>>;
-    paddingLeft?: ResponsiveStyle<StyleToken<Property.PaddingInlineStart>>;
-    paddingRight?: ResponsiveStyle<StyleToken<Property.PaddingInlineEnd>>;
-    paddingTop?: ResponsiveStyle<StyleToken<Property.PaddingBlockStart>>;
+    paddingBlockEnd?: ResponsiveStyle<SpaceKeys<StyleToken<Property.PaddingBlockEnd>>>;
+    paddingBlockStart?: ResponsiveStyle<SpaceKeys<StyleToken<Property.PaddingBlockStart>>>;
+    paddingBottom?: ResponsiveStyle<SpaceKeys<StyleToken<Property.PaddingBottom>>>;
+    paddingInlineEnd?: ResponsiveStyle<SpaceKeys<StyleToken<Property.PaddingInlineEnd>>>;
+    paddingInlineStart?: ResponsiveStyle<SpaceKeys<StyleToken<Property.PaddingInlineStart>>>;
+    paddingLeft?: ResponsiveStyle<SpaceKeys<StyleToken<Property.PaddingLeft>>>;
+    paddingRight?: ResponsiveStyle<SpaceKeys<StyleToken<Property.PaddingRight>>>;
+    paddingTop?: ResponsiveStyle<SpaceKeys<StyleToken<Property.PaddingTop>>>;
     position?: ResponsiveStyle<StyleToken<Property.Position>>;
-    right?: ResponsiveStyle<StyleToken<Property.Right>>;
+    right?: ResponsiveStyle<SpaceKeys<StyleToken<Property.Right>>>;
     textAlign?: ResponsiveStyle<StyleToken<Property.TextAlign>>;
     textDecoration?: ResponsiveStyle<StyleToken<Property.TextDecoration>>;
     textTransform?: ResponsiveStyle<StyleToken<Property.TextTransform>>;
-    top?: ResponsiveStyle<StyleToken<Property.Top>>;
-    transform?: ResponsiveStyle<StyleToken<Property.Transform>>;
+    top?: ResponsiveStyle<SpaceKeys<StyleToken<Property.Top>>>;
+    transform?: ResponsiveStyle<TransformKeys<StyleToken<Property.Transform>>>;
     transformOrigin?: ResponsiveStyle<StyleToken<Property.TransformOrigin>>;
-    width?: ResponsiveStyle<StyleToken<Property.Width>>;
+    width?: ResponsiveStyle<SpaceKeys<StyleToken<Property.Width>>>;
     whiteSpace?: ResponsiveStyle<StyleToken<Property.WhiteSpace>>;
 }
 export interface CSSLayoutStyleProps {
@@ -92,15 +93,15 @@ export interface CSSLayoutStyleProps {
     /**
      * Spacing between child components. Shorthand for rowGap and columnGap.
      */
-    gap?: ResponsiveStyle<StyleToken<Property.Gap>>;
+    gap?: ResponsiveStyle<SpaceKeys<StyleToken<Property.Gap>>>;
     /**
      * Spacing between Flex/Grid child columns
      */
-    columnGap?: ResponsiveStyle<StyleToken<Property.GridColumnGap>>;
+    columnGap?: ResponsiveStyle<SpaceKeys<StyleToken<Property.GridColumnGap>>>;
     /**
      * Spacing between Flex/Grid child rows
      */
-    rowGap?: ResponsiveStyle<StyleToken<Property.RowGap>>;
+    rowGap?: ResponsiveStyle<SpaceKeys<StyleToken<Property.RowGap>>>;
 }
 export interface AllStyleProps extends BaseStyleProps, ImageStyleProps, FlexContainerStyleProps, GridContainerStyleProps, TextAreaStyleProps {
 }

package/dist/types/primitives/types/theme.d.ts

@@ -0,0 +1,78 @@
+import type { FontSizes, FontWeights, LineHeights, Radii, Shadows, SpaceSizes } from '@aws-amplify/ui';
+/**
+ * Token keys for colors
+ *
+ * Though both 'white' and 'black' are valid CSS values
+ * We still want to define them as keys here and convert them into CSS variable reference afterwards
+ * This will make the default dark mode override work, where we flip these two
+ */
+declare type WhiteKey = 'white';
+declare type BlackKey = 'black';
+declare type RedKeys = 'red.10' | 'red.20' | 'red.40' | 'red.60' | 'red.80' | 'red.90' | 'red.100';
+declare type OrangeKeys = 'orange.10' | 'orange.20' | 'orange.40' | 'orange.60' | 'orange.80' | 'orange.90' | 'orange.100';
+declare type YellowKeys = 'yellow.10' | 'yellow.20' | 'yellow.40' | 'yellow.60' | 'yellow.80' | 'yellow.90' | 'yellow.100';
+declare type GreenKeys = 'green.10' | 'green.20' | 'green.40' | 'green.60' | 'green.80' | 'green.90' | 'green.100';
+declare type TealKeys = 'teal.10' | 'teal.20' | 'teal.40' | 'teal.60' | 'teal.80' | 'teal.90' | 'teal.100';
+declare type BlueKeys = 'blue.10' | 'blue.20' | 'blue.40' | 'blue.60' | 'blue.80' | 'blue.90' | 'blue.100';
+declare type PurpleKeys = 'purple.10' | 'purple.20' | 'purple.40' | 'purple.60' | 'purple.80' | 'purple.90' | 'purple.100';
+declare type PinkKeys = 'pink.10' | 'pink.20' | 'pink.40' | 'pink.60' | 'pink.80' | 'pink.90' | 'pink.100';
+declare type NeutralKeys = 'neutral.10' | 'neutral.20' | 'neutral.40' | 'neutral.60' | 'neutral.80' | 'neutral.90' | 'neutral.100';
+declare type OverlayKeys = 'overlay.10' | 'overlay.20' | 'overlay.30' | 'overlay.40' | 'overlay.50' | 'overlay.60' | 'overlay.70' | 'overlay.80' | 'overlay.90';
+declare type BrandColorKeys = 'brand.primary.10' | 'brand.primary.20' | 'brand.primary.40' | 'brand.primary.60' | 'brand.primary.80' | 'brand.primary.90' | 'brand.primary.100' | 'brand.secondary.10' | 'brand.secondary.20' | 'brand.secondary.40' | 'brand.secondary.60' | 'brand.secondary.80' | 'brand.secondary.90' | 'brand.secondary.100';
+declare type FontColorKeys = 'font.primary' | 'font.secondary' | 'font.tertiary' | 'font.disabled' | 'font.inverse' | 'font.interactive' | 'font.hover' | 'font.focus' | 'font.active' | 'font.success' | 'font.info' | 'font.warning' | 'font.error';
+declare type BackgroundColorKeys = 'background.primary' | 'background.secondary' | 'background.tertiary' | 'background.quaternary' | 'background.disabled' | 'background.success' | 'background.info' | 'background.warning' | 'background.error';
+declare type BorderColorKeys = 'border.primary' | 'border.secondary' | 'border.tertiary' | 'border.disabled' | 'border.focus' | 'border.pressed' | 'border.error';
+declare type ShadowColorKeys = 'shadow.primary' | 'shadow.secondary' | 'shadow.tertiary';
+export declare type ColorKeys<PropertyType> = PropertyType | WhiteKey | BlackKey | RedKeys | OrangeKeys | YellowKeys | GreenKeys | TealKeys | BlueKeys | PurpleKeys | PinkKeys | NeutralKeys | OverlayKeys | BrandColorKeys | FontColorKeys | BackgroundColorKeys | BorderColorKeys | ShadowColorKeys;
+export declare type BoxShadowKeys<PropertyType> = PropertyType | keyof Shadows;
+export declare type FontSizeKeys<PropertyType> = PropertyType | keyof FontSizes;
+export declare type FontWeightKeys<PropertyType> = PropertyType | keyof FontWeights;
+export declare type FontFamilyKeys<PropertyType> = PropertyType | 'default.variable' | 'default.static';
+export declare type LineHeightKeys<PropertyType> = PropertyType | keyof LineHeights;
+export declare type OpacityKeys<PropertyType> = PropertyType | '0' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
+export declare type RadiiKeys<PropertyType> = PropertyType | keyof Radii;
+export declare type SpaceKeys<PropertyType> = PropertyType | keyof SpaceSizes | 'zero' | 'relative.xxxs' | 'relative.xxs' | 'relative.xs' | 'relative.small' | 'relative.medium' | 'relative.large' | 'relative.xl' | 'relative.xxl' | 'relative.xxxl' | 'relative.full';
+export declare type TransformKeys<PropertyType> = PropertyType | 'slideX.small' | 'slideX.medium' | 'slideX.large';
+export declare const stylePropsToThemeKeys: {
+    backgroundColor: string;
+    color: string;
+    borderRadius: string;
+    fontSize: string;
+    fontWeight: string;
+    fontFamily: string;
+    lineHeight: string;
+    opacity: string;
+    boxShadow: string;
+    transform: string;
+    left: string;
+    right: string;
+    top: string;
+    bottom: string;
+    height: string;
+    width: string;
+    letterSpacing: string;
+    marginBlockEnd: string;
+    marginBlockStart: string;
+    marginInlineEnd: string;
+    marginInlineStart: string;
+    marginLeft: string;
+    marginRight: string;
+    marginTop: string;
+    marginBottom: string;
+    maxHeight: string;
+    maxWidth: string;
+    minHeight: string;
+    minWidth: string;
+    paddingBlockEnd: string;
+    paddingBlockStart: string;
+    paddingInlineEnd: string;
+    paddingInlineStart: string;
+    paddingLeft: string;
+    paddingRight: string;
+    paddingTop: string;
+    paddingBottom: string;
+    gap: string;
+    columnGap: string;
+    rowGap: string;
+};
+export {};

package/dist/utils-beb5a80b.js

@@ -0,0 +1 @@
+"use strict";var e=require("lodash/isEmpty"),t=require("lodash/isArray"),r=require("lodash/isObject"),n=require("@aws-amplify/ui");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(e),i=s(t),o=s(r);const c=e=>o.default(e)&&a.default(e),p=e=>i.default(e)&&a.default(e),l={backgroundColor:"colors",color:"colors",borderRadius:"radii",fontSize:"fontSizes",fontWeight:"fontWeights",fontFamily:"fonts",lineHeight:"lineHeights",opacity:"opacities",boxShadow:"shadows",transform:"transforms",left:"space",right:"space",top:"space",bottom:"space",height:"space",width:"space",letterSpacing:"space",marginBlockEnd:"space",marginBlockStart:"space",marginInlineEnd:"space",marginInlineStart:"space",marginLeft:"space",marginRight:"space",marginTop:"space",marginBottom:"space",maxHeight:"space",maxWidth:"space",minHeight:"space",minWidth:"space",paddingBlockEnd:"space",paddingBlockStart:"space",paddingInlineEnd:"space",paddingInlineStart:"space",paddingLeft:"space",paddingRight:"space",paddingTop:"space",paddingBottom:"space",gap:"space",columnGap:"space",rowGap:"space"},f=e=>"string"==typeof e&&0===e.length;exports.__awaiter=function(e,t,r,n){return new(r||(r=Promise))((function(s,a){function i(e){try{c(n.next(e))}catch(e){a(e)}}function o(e){try{c(n.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?s(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,o)}c((n=n.apply(e,t||[])).next())}))},exports.__rest=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(n=Object.getOwnPropertySymbols(e);s<n.length;s++)t.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(e,n[s])&&(r[n[s]]=e[n[s]])}return r},exports.areArrayValuesEqual=(e,t)=>e.length===t.length&&e.every(((e,r)=>{const n=t[r];return!(!p(e)||!p(n))||(!(!c(e)||!c(n))||e===n)})),exports.classNameModifier=(e,t)=>t?`${e}--${t}`:null,exports.classNameModifierByFlag=(e,t,r)=>r?`${e}--${t}`:null,exports.findChildOverrides=(e,t)=>{if(!e)return null;const r=Object.entries(e).filter((e=>e[0].startsWith(t)));return Object.assign({},...Array.from(r,(([e,r])=>({[e.replace(t,"")]:r}))))},exports.getCSSVariableIfValueIsThemeKey=(e,t)=>{if("string"!=typeof t)return t;const r=t.split(".");let{tokens:s}=n.defaultTheme;s=s[l[e]];for(let e=0;e<r.length&&s;e++)s=s[r[e]];return n.isDesignToken(s)?`var(--${n.cssNameTransform({path:[l[e],...r]})})`:t},exports.getConsecutiveIntArray=(e,t)=>{const r=t-e+1;return Array.from({length:r},((t,r)=>r+e))},exports.getErrorMessage=e=>(e=>{if("object"==typeof(t=e)&&null!==t&&"message"in t&&"string"==typeof t.message)return e;var t;try{return new Error(JSON.stringify(e))}catch(t){return new Error(String(e))}})(e).message,exports.getFormDataFromEvent=e=>{const t=new FormData(e.target);return Object.fromEntries(t)},exports.getOverrideProps=(e,t)=>{if(!e)return null;const r=Object.entries(e).filter((([e])=>e===t)).flatMap((([,e])=>Object.entries(e))).filter((e=>null==e?void 0:e[0]));return Object.fromEntries(r)},exports.getOverridesFromVariants=function(e,t){const r=[...new Set(e.flatMap((e=>Object.keys(e.variantValues))))],n=Object.keys(t).filter((e=>r.includes(e)&&t[e])).reduce(((e,r)=>(e[r]=t[r],e)),{});return e.filter((({variantValues:e})=>Object.keys(e).length===Object.keys(n).length&&Object.entries(e).every((([e,t])=>n[e]===t)))).reduce(((e,t)=>Object.assign(Object.assign({},e),t.overrides)),{})},exports.isEmptyString=f,exports.isFunction=e=>"function"==typeof e,exports.isNullOrEmptyString=e=>null==e||f(e),exports.mergeVariantsAndOverrides=(e,t)=>{if(!e&&!t)return null;if(!t)return e;if(!e)return t;const r=new Set(Object.keys(t)),n=Object.keys(e).filter((e=>r.has(e))),s=Object.fromEntries(n.map((r=>[r,Object.assign(Object.assign({},e[r]),t[r])])));return Object.assign(Object.assign(Object.assign({},e),t),s)},exports.strHasLength=e=>"string"==typeof e&&e.length>0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "2.19.1",
+  "version": "2.20.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {
@@ -59,7 +59,7 @@
     "size": "yarn run size-limit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "3.10.0",
+    "@aws-amplify/ui": "3.10.1",
     "@aws-amplify/ui-react-v1": "npm:@aws-amplify/ui-react@1.2.9",
     "@radix-ui/react-accordion": "0.1.6",
     "@radix-ui/react-dropdown-menu": "0.1.6",

package/dist/utils-55cbae67.js

@@ -1 +0,0 @@
-"use strict";var e=require("lodash/isEmpty"),t=require("lodash/isArray"),r=require("lodash/isObject");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(e),i=n(t),o=n(r);const a=e=>o.default(e)&&s.default(e),c=e=>i.default(e)&&s.default(e),l=e=>"string"==typeof e&&0===e.length;exports.__awaiter=function(e,t,r,n){return new(r||(r=Promise))((function(s,i){function o(e){try{c(n.next(e))}catch(e){i(e)}}function a(e){try{c(n.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?s(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(o,a)}c((n=n.apply(e,t||[])).next())}))},exports.__rest=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(n=Object.getOwnPropertySymbols(e);s<n.length;s++)t.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(e,n[s])&&(r[n[s]]=e[n[s]])}return r},exports.areArrayValuesEqual=(e,t)=>e.length===t.length&&e.every(((e,r)=>{const n=t[r];return!(!c(e)||!c(n))||(!(!a(e)||!a(n))||e===n)})),exports.classNameModifier=(e,t)=>t?`${e}--${t}`:null,exports.classNameModifierByFlag=(e,t,r)=>r?`${e}--${t}`:null,exports.findChildOverrides=(e,t)=>{if(!e)return null;const r=Object.entries(e).filter((e=>e[0].startsWith(t)));return Object.assign({},...Array.from(r,(([e,r])=>({[e.replace(t,"")]:r}))))},exports.getConsecutiveIntArray=(e,t)=>{const r=t-e+1;return Array.from({length:r},((t,r)=>r+e))},exports.getErrorMessage=e=>(e=>{if("object"==typeof(t=e)&&null!==t&&"message"in t&&"string"==typeof t.message)return e;var t;try{return new Error(JSON.stringify(e))}catch(t){return new Error(String(e))}})(e).message,exports.getFormDataFromEvent=e=>{const t=new FormData(e.target);return Object.fromEntries(t)},exports.getOverrideProps=(e,t)=>{if(!e)return null;const r=Object.entries(e).filter((([e])=>e===t)).flatMap((([,e])=>Object.entries(e))).filter((e=>null==e?void 0:e[0]));return Object.fromEntries(r)},exports.getOverridesFromVariants=function(e,t){const r=[...new Set(e.flatMap((e=>Object.keys(e.variantValues))))],n=Object.keys(t).filter((e=>r.includes(e)&&t[e])).reduce(((e,r)=>(e[r]=t[r],e)),{});return e.filter((({variantValues:e})=>Object.keys(e).length===Object.keys(n).length&&Object.entries(e).every((([e,t])=>n[e]===t)))).reduce(((e,t)=>Object.assign(Object.assign({},e),t.overrides)),{})},exports.isEmptyString=l,exports.isFunction=e=>"function"==typeof e,exports.isNullOrEmptyString=e=>null==e||l(e),exports.mergeVariantsAndOverrides=(e,t)=>{if(!e&&!t)return null;if(!t)return e;if(!e)return t;const r=new Set(Object.keys(t)),n=Object.keys(e).filter((e=>r.has(e))),s=Object.fromEntries(n.map((r=>[r,Object.assign(Object.assign({},e[r]),t[r])])));return Object.assign(Object.assign(Object.assign({},e),t),s)},exports.strHasLength=e=>"string"==typeof e&&e.length>0;