@korsolutions/ui 0.0.85 → 0.0.86

package/dist/module/components/icon-button/variants/secondary.js

@@ -2,36 +2,43 @@
 
 import { hslaSetRelativeLightness } from "../../../utils/hsla-utils.js";
 import { useThemedStyles } from "../../../utils/use-themed-styles.js";
-export const useIconButtonVariantSecondary = () => {
+export const useIconButtonVariantSecondary = size => {
   return useThemedStyles(({
     colors,
-    radius
-  }) => ({
-    root: {
-      default: {
-        alignItems: "center",
-        justifyContent: "center",
-        padding: 8,
-        borderRadius: radius,
-        borderWidth: 1,
-        borderColor: colors.border,
-        backgroundColor: colors.secondary
+    radius,
+    sizeScale
+  }) => {
+    const s = sizeScale(size);
+    return {
+      root: {
+        default: {
+          alignItems: "center",
+          justifyContent: "center",
+          height: s.height,
+          width: s.height,
+          borderRadius: radius,
+          borderWidth: 1,
+          borderColor: colors.border,
+          backgroundColor: colors.secondary
+        },
+        disabled: {
+          opacity: 0.5
+        },
+        hovered: {
+          backgroundColor: hslaSetRelativeLightness(colors.secondary, -1)
+        }
       },
-      disabled: {
-        opacity: 0.5
-      },
-      hovered: {
-        backgroundColor: hslaSetRelativeLightness(colors.secondary, -1)
-      }
-    },
-    icon: {
-      default: {
-        color: colors.secondaryForeground
-      },
-      disabled: {
-        color: colors.mutedForeground
+      icon: {
+        default: {
+          color: colors.secondaryForeground,
+          size: s.iconSize,
+          strokeWidth: s.strokeWidth
+        },
+        disabled: {
+          color: colors.mutedForeground
+        }
       }
-    }
-  }));
+    };
+  });
 };
 //# sourceMappingURL=secondary.js.map

package/dist/module/components/icon-button/variants/secondary.js.map

@@ -1 +1 @@
-{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useIconButtonVariantSecondary","colors","radius","root","default","alignItems","justifyContent","padding","borderRadius","borderWidth","borderColor","border","backgroundColor","secondary","disabled","opacity","hovered","icon","color","secondaryForeground","mutedForeground"],"sourceRoot":"../../../../../src","sources":["components/icon-button/variants/secondary.tsx"],"mappings":";;AAAA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,6BAA6B,GAAGA,CAAA,KAAwB;EACnE,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC;EAAO,CAAC,MAAwB;IACzCC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,OAAO,EAAE,CAAC;QACVC,YAAY,EAAEN,MAAM;QACpBO,WAAW,EAAE,CAAC;QACdC,WAAW,EAAET,MAAM,CAACU,MAAM;QAC1BC,eAAe,EAAEX,MAAM,CAACY;MAC1B,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPJ,eAAe,EAAEd,wBAAwB,CAACG,MAAM,CAACY,SAAS,EAAE,CAAC,CAAC;MAChE;IACF,CAAC;IACDI,IAAI,EAAE;MACJb,OAAO,EAAE;QACPc,KAAK,EAAEjB,MAAM,CAACkB;MAChB,CAAC;MACDL,QAAQ,EAAE;QACRI,KAAK,EAAEjB,MAAM,CAACmB;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useIconButtonVariantSecondary","size","colors","radius","sizeScale","s","root","default","alignItems","justifyContent","height","width","borderRadius","borderWidth","borderColor","border","backgroundColor","secondary","disabled","opacity","hovered","icon","color","secondaryForeground","iconSize","strokeWidth","mutedForeground"],"sourceRoot":"../../../../../src","sources":["components/icon-button/variants/secondary.tsx"],"mappings":";;AAAA,SAASA,wBAAwB,QAAQ,8BAA2B;AAEpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,6BAA6B,GAAIC,IAAU,IAAuB;EAC7E,OAAOF,eAAe,CAAC,CAAC;IAAEG,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,KAAuB;IAC1E,MAAMC,CAAC,GAAGD,SAAS,CAACH,IAAI,CAAC;IAEzB,OAAO;MACLK,IAAI,EAAE;QACJC,OAAO,EAAE;UACPC,UAAU,EAAE,QAAQ;UACpBC,cAAc,EAAE,QAAQ;UACxBC,MAAM,EAAEL,CAAC,CAACK,MAAM;UAChBC,KAAK,EAAEN,CAAC,CAACK,MAAM;UACfE,YAAY,EAAET,MAAM;UACpBU,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEZ,MAAM,CAACa,MAAM;UAC1BC,eAAe,EAAEd,MAAM,CAACe;QAC1B,CAAC;QACDC,QAAQ,EAAE;UACRC,OAAO,EAAE;QACX,CAAC;QACDC,OAAO,EAAE;UACPJ,eAAe,EAAElB,wBAAwB,CAACI,MAAM,CAACe,SAAS,EAAE,CAAC,CAAC;QAChE;MACF,CAAC;MACDI,IAAI,EAAE;QACJd,OAAO,EAAE;UACPe,KAAK,EAAEpB,MAAM,CAACqB,mBAAmB;UACjCtB,IAAI,EAAEI,CAAC,CAACmB,QAAQ;UAChBC,WAAW,EAAEpB,CAAC,CAACoB;QACjB,CAAC;QACDP,QAAQ,EAAE;UACRI,KAAK,EAAEpB,MAAM,CAACwB;QAChB;MACF;IACF,CAAC;EACH,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}

package/dist/module/components/input/input.js

@@ -17,7 +17,7 @@ const calculateState = (props, isFocused) => {
   return "default";
 };
 export const Input = /*#__PURE__*/forwardRef((props, ref) => {
-  const variantStyles = InputVariants[props.variant || "default"]();
+  const variantStyles = InputVariants[props.variant || "default"](props.size ?? "md");
   const componentConfig = useComponentConfig("input");
   const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
   const [isFocused, setIsFocused] = useState(false);

package/dist/module/components/input/input.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useState","StyleSheet","TextInput","useComponentConfig","mergeStyles","useFieldOptional","InputVariants","jsx","_jsx","calculateState","props","isFocused","isDisabled","Input","ref","variantStyles","variant","componentConfig","mergedStyles","styles","setIsFocused","state","field","composedStyles","flatten","default","style","composedProps","id","onChange","undefined","onChangeText","onFocus","e","onBlur","readOnly","displayName"],"sourceRoot":"../../../../src","sources":["components/input/input.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AAC5C,SAASC,UAAU,EAAEC,SAAS,QAA6B,cAAc;AACzE,SAASC,kBAAkB,QAAQ,0BAAuB;AAE1D,SAASC,WAAW,QAAQ,iCAA8B;AAC1D,SAASC,gBAAgB,QAAQ,qBAAkB;AAEnD,SAASC,aAAa,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU3C,MAAMC,cAAc,GAAGA,CAACC,KAAiB,EAAEC,SAAkB,KAAiB;EAC5E,IAAID,KAAK,CAACE,UAAU,EAAE;IACpB,OAAO,UAAU;EACnB;EACA,IAAID,SAAS,EAAE;IACb,OAAO,SAAS;EAClB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,MAAME,KAAK,gBAAGd,UAAU,CAA2B,CAACW,KAAK,EAAEI,GAAG,KAAK;EACxE,MAAMC,aAAa,GAAGT,aAAa,CAACI,KAAK,CAACM,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EACjE,MAAMC,eAAe,GAAGd,kBAAkB,CAAC,OAAO,CAAC;EACnD,MAAMe,YAAY,GAAGd,WAAW,CAACW,aAAa,EAAEE,eAAe,EAAEE,MAAM,CAAC;EACxE,MAAM,CAACR,SAAS,EAAES,YAAY,CAAC,GAAGpB,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMqB,KAAK,GAAGZ,cAAc,CAACC,KAAK,EAAEC,SAAS,CAAC;EAC9C,MAAMW,KAAK,GAAGjB,gBAAgB,CAAC,CAAC;EAEhC,MAAMkB,cAAc,GAAGtB,UAAU,CAACuB,OAAO,CAAC,CACxCN,YAAY,CAACO,OAAO,EAAEC,KAAK,EAC3BR,YAAY,CAACG,KAAK,CAAC,EAAEK,KAAK,EAC1BhB,KAAK,CAACgB,KAAK,CACZ,CAAC;EACF,MAAMC,aAAa,GAAG;IACpB,GAAGT,YAAY,CAACO,OAAO;IACvB,GAAGP,YAAY,CAACG,KAAK,CAAC;IACtB,GAAGX;EACL,CAAC;EAED,oBACEF,IAAA,CAACN,SAAS;IAAA,GACJyB,aAAa;IACjBb,GAAG,EAAEA,GAAI;IACTc,EAAE,EAAEN,KAAK,EAAEM,EAAG;IACdC,QAAQ,EAAEC,SAAU;IACpBC,YAAY,EAAErB,KAAK,CAACmB,QAAS;IAC7BG,OAAO,EAAGC,CAAC,IAAK;MACdb,YAAY,CAAC,IAAI,CAAC;MAClBV,KAAK,CAACsB,OAAO,GAAGC,CAAC,CAAC;IACpB,CAAE;IACFC,MAAM,EAAGD,CAAC,IAAK;MACbb,YAAY,CAAC,KAAK,CAAC;MACnBV,KAAK,CAACwB,MAAM,GAAGD,CAAC,CAAC;IACnB,CAAE;IACFE,QAAQ,EAAEzB,KAAK,CAACE,UAAU,IAAIF,KAAK,CAACyB,QAAS;IAC7CT,KAAK,EAAEH;EAAe,CACvB,CAAC;AAEN,CAAC,CAAC;AAEFV,KAAK,CAACuB,WAAW,GAAG,OAAO","ignoreList":[]}
+{"version":3,"names":["forwardRef","useState","StyleSheet","TextInput","useComponentConfig","mergeStyles","useFieldOptional","InputVariants","jsx","_jsx","calculateState","props","isFocused","isDisabled","Input","ref","variantStyles","variant","size","componentConfig","mergedStyles","styles","setIsFocused","state","field","composedStyles","flatten","default","style","composedProps","id","onChange","undefined","onChangeText","onFocus","e","onBlur","readOnly","displayName"],"sourceRoot":"../../../../src","sources":["components/input/input.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AAC5C,SAASC,UAAU,EAAEC,SAAS,QAA6B,cAAc;AACzE,SAASC,kBAAkB,QAAQ,0BAAuB;AAE1D,SAASC,WAAW,QAAQ,iCAA8B;AAE1D,SAASC,gBAAgB,QAAQ,qBAAkB;AAEnD,SAASC,aAAa,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAW3C,MAAMC,cAAc,GAAGA,CAACC,KAAiB,EAAEC,SAAkB,KAAiB;EAC5E,IAAID,KAAK,CAACE,UAAU,EAAE;IACpB,OAAO,UAAU;EACnB;EACA,IAAID,SAAS,EAAE;IACb,OAAO,SAAS;EAClB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,MAAME,KAAK,gBAAGd,UAAU,CAA2B,CAACW,KAAK,EAAEI,GAAG,KAAK;EACxE,MAAMC,aAAa,GAAGT,aAAa,CAACI,KAAK,CAACM,OAAO,IAAI,SAAS,CAAC,CAACN,KAAK,CAACO,IAAI,IAAI,IAAI,CAAC;EACnF,MAAMC,eAAe,GAAGf,kBAAkB,CAAC,OAAO,CAAC;EACnD,MAAMgB,YAAY,GAAGf,WAAW,CAACW,aAAa,EAAEG,eAAe,EAAEE,MAAM,CAAC;EACxE,MAAM,CAACT,SAAS,EAAEU,YAAY,CAAC,GAAGrB,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMsB,KAAK,GAAGb,cAAc,CAACC,KAAK,EAAEC,SAAS,CAAC;EAC9C,MAAMY,KAAK,GAAGlB,gBAAgB,CAAC,CAAC;EAEhC,MAAMmB,cAAc,GAAGvB,UAAU,CAACwB,OAAO,CAAC,CACxCN,YAAY,CAACO,OAAO,EAAEC,KAAK,EAC3BR,YAAY,CAACG,KAAK,CAAC,EAAEK,KAAK,EAC1BjB,KAAK,CAACiB,KAAK,CACZ,CAAC;EACF,MAAMC,aAAa,GAAG;IACpB,GAAGT,YAAY,CAACO,OAAO;IACvB,GAAGP,YAAY,CAACG,KAAK,CAAC;IACtB,GAAGZ;EACL,CAAC;EAED,oBACEF,IAAA,CAACN,SAAS;IAAA,GACJ0B,aAAa;IACjBd,GAAG,EAAEA,GAAI;IACTe,EAAE,EAAEN,KAAK,EAAEM,EAAG;IACdC,QAAQ,EAAEC,SAAU;IACpBC,YAAY,EAAEtB,KAAK,CAACoB,QAAS;IAC7BG,OAAO,EAAGC,CAAC,IAAK;MACdb,YAAY,CAAC,IAAI,CAAC;MAClBX,KAAK,CAACuB,OAAO,GAAGC,CAAC,CAAC;IACpB,CAAE;IACFC,MAAM,EAAGD,CAAC,IAAK;MACbb,YAAY,CAAC,KAAK,CAAC;MACnBX,KAAK,CAACyB,MAAM,GAAGD,CAAC,CAAC;IACnB,CAAE;IACFE,QAAQ,EAAE1B,KAAK,CAACE,UAAU,IAAIF,KAAK,CAAC0B,QAAS;IAC7CT,KAAK,EAAEH;EAAe,CACvB,CAAC;AAEN,CAAC,CAAC;AAEFX,KAAK,CAACwB,WAAW,GAAG,OAAO","ignoreList":[]}

package/dist/module/components/input/variants/default.js

@@ -2,47 +2,49 @@
 
 import { Platform } from "react-native";
 import { useThemedStyles } from "../../../utils/use-themed-styles.js";
-export function useInputVariantDefault() {
+export function useInputVariantDefault(size) {
   return useThemedStyles(({
     colors,
     radius,
     fontFamily,
-    fontSize
-  }) => ({
-    default: {
-      placeholderTextColor: colors.mutedForeground,
-      selectionColor: colors.primary,
-      style: {
-        borderWidth: 1,
-        borderColor: colors.border,
-        borderRadius: radius,
-        backgroundColor: colors.surface,
-        paddingVertical: 12,
-        paddingHorizontal: 16,
-        fontFamily,
-        fontSize,
-        height: 48,
-        color: colors.foreground,
-        outlineWidth: 0,
-        ...Platform.select({
-          default: {},
-          web: {
-            outline: "none"
-          }
-        })
+    sizeScale
+  }) => {
+    const s = sizeScale(size);
+    return {
+      default: {
+        placeholderTextColor: colors.mutedForeground,
+        selectionColor: colors.primary,
+        style: {
+          borderWidth: 1,
+          borderColor: colors.border,
+          borderRadius: radius,
+          backgroundColor: colors.surface,
+          paddingHorizontal: s.paddingHorizontal,
+          fontFamily,
+          fontSize: s.fontSize,
+          height: s.height,
+          color: colors.foreground,
+          outlineWidth: 0,
+          ...Platform.select({
+            default: {},
+            web: {
+              outline: "none"
+            }
+          })
+        }
+      },
+      focused: {
+        style: {
+          borderColor: colors.primary
+        }
+      },
+      disabled: {
+        style: {
+          color: colors.mutedForeground,
+          backgroundColor: colors.muted
+        }
       }
-    },
-    focused: {
-      style: {
-        borderColor: colors.primary
-      }
-    },
-    disabled: {
-      style: {
-        color: colors.mutedForeground,
-        backgroundColor: colors.muted
-      }
-    }
-  }));
+    };
+  });
 }
 //# sourceMappingURL=default.js.map

package/dist/module/components/input/variants/default.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","useThemedStyles","useInputVariantDefault","colors","radius","fontFamily","fontSize","default","placeholderTextColor","mutedForeground","selectionColor","primary","style","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","paddingVertical","paddingHorizontal","height","color","foreground","outlineWidth","select","web","outline","focused","disabled","muted"],"sourceRoot":"../../../../../src","sources":["components/input/variants/default.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,SAASC,sBAAsBA,CAAA,EAAgB;EACpD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAmB;IAC1DC,OAAO,EAAE;MACPC,oBAAoB,EAAEL,MAAM,CAACM,eAAe;MAC5CC,cAAc,EAAEP,MAAM,CAACQ,OAAO;MAC9BC,KAAK,EAAE;QACLC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEX,MAAM,CAACY,MAAM;QAC1BC,YAAY,EAAEZ,MAAM;QACpBa,eAAe,EAAEd,MAAM,CAACe,OAAO;QAC/BC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBf,UAAU;QACVC,QAAQ;QACRe,MAAM,EAAE,EAAE;QACVC,KAAK,EAAEnB,MAAM,CAACoB,UAAU;QACxBC,YAAY,EAAE,CAAC;QACf,GAAGxB,QAAQ,CAACyB,MAAM,CAAC;UACjBlB,OAAO,EAAE,CAAC,CAAC;UACXmB,GAAG,EAAE;YACHC,OAAO,EAAE;UACX;QACF,CAAC;MACH;IACF,CAAC;IACDC,OAAO,EAAE;MACPhB,KAAK,EAAE;QACLE,WAAW,EAAEX,MAAM,CAACQ;MACtB;IACF,CAAC;IACDkB,QAAQ,EAAE;MACRjB,KAAK,EAAE;QACLU,KAAK,EAAEnB,MAAM,CAACM,eAAe;QAC7BQ,eAAe,EAAEd,MAAM,CAAC2B;MAC1B;IACF;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["Platform","useThemedStyles","useInputVariantDefault","size","colors","radius","fontFamily","sizeScale","s","default","placeholderTextColor","mutedForeground","selectionColor","primary","style","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","paddingHorizontal","fontSize","height","color","foreground","outlineWidth","select","web","outline","focused","disabled","muted"],"sourceRoot":"../../../../../src","sources":["components/input/variants/default.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,SAASC,sBAAsBA,CAACC,IAAU,EAAe;EAC9D,OAAOF,eAAe,CAAC,CAAC;IAAEG,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,KAAkB;IACjF,MAAMC,CAAC,GAAGD,SAAS,CAACJ,IAAI,CAAC;IAEzB,OAAO;MACLM,OAAO,EAAE;QACPC,oBAAoB,EAAEN,MAAM,CAACO,eAAe;QAC5CC,cAAc,EAAER,MAAM,CAACS,OAAO;QAC9BC,KAAK,EAAE;UACLC,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEZ,MAAM,CAACa,MAAM;UAC1BC,YAAY,EAAEb,MAAM;UACpBc,eAAe,EAAEf,MAAM,CAACgB,OAAO;UAC/BC,iBAAiB,EAAEb,CAAC,CAACa,iBAAiB;UACtCf,UAAU;UACVgB,QAAQ,EAAEd,CAAC,CAACc,QAAQ;UACpBC,MAAM,EAAEf,CAAC,CAACe,MAAM;UAChBC,KAAK,EAAEpB,MAAM,CAACqB,UAAU;UACxBC,YAAY,EAAE,CAAC;UACf,GAAG1B,QAAQ,CAAC2B,MAAM,CAAC;YACjBlB,OAAO,EAAE,CAAC,CAAC;YACXmB,GAAG,EAAE;cACHC,OAAO,EAAE;YACX;UACF,CAAC;QACH;MACF,CAAC;MACDC,OAAO,EAAE;QACPhB,KAAK,EAAE;UACLE,WAAW,EAAEZ,MAAM,CAACS;QACtB;MACF,CAAC;MACDkB,QAAQ,EAAE;QACRjB,KAAK,EAAE;UACLU,KAAK,EAAEpB,MAAM,CAACO,eAAe;UAC7BQ,eAAe,EAAEf,MAAM,CAAC4B;QAC1B;MACF;IACF,CAAC;EACH,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/module/components/input/variants/secondary.js

@@ -2,47 +2,49 @@
 
 import { Platform } from "react-native";
 import { useThemedStyles } from "../../../utils/use-themed-styles.js";
-export function useInputVariantSecondary() {
+export function useInputVariantSecondary(size) {
   return useThemedStyles(({
     colors,
     radius,
     fontFamily,
-    fontSize
-  }) => ({
-    default: {
-      placeholderTextColor: colors.mutedForeground,
-      selectionColor: colors.primary,
-      style: {
-        borderWidth: 1,
-        borderColor: colors.border,
-        borderRadius: radius,
-        backgroundColor: colors.background,
-        paddingVertical: 12,
-        paddingHorizontal: 16,
-        fontFamily,
-        fontSize,
-        height: 48,
-        color: colors.foreground,
-        outlineWidth: 0,
-        ...Platform.select({
-          default: {},
-          web: {
-            outline: "none"
-          }
-        })
+    sizeScale
+  }) => {
+    const s = sizeScale(size);
+    return {
+      default: {
+        placeholderTextColor: colors.mutedForeground,
+        selectionColor: colors.primary,
+        style: {
+          borderWidth: 1,
+          borderColor: colors.border,
+          borderRadius: radius,
+          backgroundColor: colors.background,
+          paddingHorizontal: s.paddingHorizontal,
+          fontFamily,
+          fontSize: s.fontSize,
+          height: s.height,
+          color: colors.foreground,
+          outlineWidth: 0,
+          ...Platform.select({
+            default: {},
+            web: {
+              outline: "none"
+            }
+          })
+        }
+      },
+      focused: {
+        style: {
+          borderColor: colors.primary
+        }
+      },
+      disabled: {
+        style: {
+          color: colors.mutedForeground,
+          backgroundColor: colors.muted
+        }
       }
-    },
-    focused: {
-      style: {
-        borderColor: colors.primary
-      }
-    },
-    disabled: {
-      style: {
-        color: colors.mutedForeground,
-        backgroundColor: colors.muted
-      }
-    }
-  }));
+    };
+  });
 }
 //# sourceMappingURL=secondary.js.map

package/dist/module/components/input/variants/secondary.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","useThemedStyles","useInputVariantSecondary","colors","radius","fontFamily","fontSize","default","placeholderTextColor","mutedForeground","selectionColor","primary","style","borderWidth","borderColor","border","borderRadius","backgroundColor","background","paddingVertical","paddingHorizontal","height","color","foreground","outlineWidth","select","web","outline","focused","disabled","muted"],"sourceRoot":"../../../../../src","sources":["components/input/variants/secondary.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,SAASC,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,wBAAwBA,CAAA,EAAgB;EACtD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAmB;IAC1DC,OAAO,EAAE;MACPC,oBAAoB,EAAEL,MAAM,CAACM,eAAe;MAC5CC,cAAc,EAAEP,MAAM,CAACQ,OAAO;MAC9BC,KAAK,EAAE;QACLC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEX,MAAM,CAACY,MAAM;QAC1BC,YAAY,EAAEZ,MAAM;QACpBa,eAAe,EAAEd,MAAM,CAACe,UAAU;QAClCC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBf,UAAU;QACVC,QAAQ;QACRe,MAAM,EAAE,EAAE;QACVC,KAAK,EAAEnB,MAAM,CAACoB,UAAU;QACxBC,YAAY,EAAE,CAAC;QACf,GAAGxB,QAAQ,CAACyB,MAAM,CAAC;UACjBlB,OAAO,EAAE,CAAC,CAAC;UACXmB,GAAG,EAAE;YACHC,OAAO,EAAE;UACX;QACF,CAAC;MACH;IACF,CAAC;IACDC,OAAO,EAAE;MACPhB,KAAK,EAAE;QACLE,WAAW,EAAEX,MAAM,CAACQ;MACtB;IACF,CAAC;IACDkB,QAAQ,EAAE;MACRjB,KAAK,EAAE;QACLU,KAAK,EAAEnB,MAAM,CAACM,eAAe;QAC7BQ,eAAe,EAAEd,MAAM,CAAC2B;MAC1B;IACF;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["Platform","useThemedStyles","useInputVariantSecondary","size","colors","radius","fontFamily","sizeScale","s","default","placeholderTextColor","mutedForeground","selectionColor","primary","style","borderWidth","borderColor","border","borderRadius","backgroundColor","background","paddingHorizontal","fontSize","height","color","foreground","outlineWidth","select","web","outline","focused","disabled","muted"],"sourceRoot":"../../../../../src","sources":["components/input/variants/secondary.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,SAASC,wBAAwBA,CAACC,IAAU,EAAe;EAChE,OAAOF,eAAe,CAAC,CAAC;IAAEG,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,KAAkB;IACjF,MAAMC,CAAC,GAAGD,SAAS,CAACJ,IAAI,CAAC;IAEzB,OAAO;MACLM,OAAO,EAAE;QACPC,oBAAoB,EAAEN,MAAM,CAACO,eAAe;QAC5CC,cAAc,EAAER,MAAM,CAACS,OAAO;QAC9BC,KAAK,EAAE;UACLC,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEZ,MAAM,CAACa,MAAM;UAC1BC,YAAY,EAAEb,MAAM;UACpBc,eAAe,EAAEf,MAAM,CAACgB,UAAU;UAClCC,iBAAiB,EAAEb,CAAC,CAACa,iBAAiB;UACtCf,UAAU;UACVgB,QAAQ,EAAEd,CAAC,CAACc,QAAQ;UACpBC,MAAM,EAAEf,CAAC,CAACe,MAAM;UAChBC,KAAK,EAAEpB,MAAM,CAACqB,UAAU;UACxBC,YAAY,EAAE,CAAC;UACf,GAAG1B,QAAQ,CAAC2B,MAAM,CAAC;YACjBlB,OAAO,EAAE,CAAC,CAAC;YACXmB,GAAG,EAAE;cACHC,OAAO,EAAE;YACX;UACF,CAAC;QACH;MACF,CAAC;MACDC,OAAO,EAAE;QACPhB,KAAK,EAAE;UACLE,WAAW,EAAEZ,MAAM,CAACS;QACtB;MACF,CAAC;MACDkB,QAAQ,EAAE;QACRjB,KAAK,EAAE;UACLU,KAAK,EAAEpB,MAAM,CAACO,eAAe;UAC7BQ,eAAe,EAAEf,MAAM,CAAC4B;QAC1B;MACF;IACF,CAAC;EACH,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/module/components/phone-input/components/phone-input-root.js

@@ -22,9 +22,10 @@ export function PhoneInputRoot({
   countryCodes = ["US"],
   isDisabled = false,
   variant = "default",
+  size = "md",
   style
 }) {
-  const variantStyles = PhoneInputVariants[variant]();
+  const variantStyles = PhoneInputVariants[variant](size);
   const componentConfig = useComponentConfig("phoneInput");
   const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
   const [isFocused, setIsFocused] = useState(false);

package/dist/module/components/phone-input/components/phone-input-root.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useRef","useState","StyleSheet","View","COUNTRIES","usePhoneMask","useComponentConfig","mergeStyles","PhoneInputContext","PhoneInputVariants","jsx","_jsx","calculateState","isDisabled","isFocused","PhoneInputRoot","children","value","onChange","defaultCountry","countryCodes","variant","style","variantStyles","componentConfig","mergedStyles","styles","setIsFocused","triggerRef","state","countries","filter","c","includes","code","phoneMask","rootStyles","flatten","root","default","context","Provider","ref"],"sourceRoot":"../../../../../src","sources":["components/phone-input/components/phone-input-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SAASC,UAAU,EAAEC,IAAI,QAAwC,cAAc;AAC/E,SAASC,SAAS,QAA0B,4BAAyB;AACrE,SAASC,YAAY,QAAQ,kCAA+B;AAC5D,SAASC,kBAAkB,QAAQ,6BAA0B;AAE7D,SAASC,WAAW,QAAQ,oCAAiC;AAC7D,SAASC,iBAAiB,QAAQ,eAAY;AAE9C,SAASC,kBAAkB,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAcjD,MAAMC,cAAc,GAAGA,CAACC,UAAmB,EAAEC,SAAkB,KAAsB;EACnF,IAAID,UAAU,EAAE,OAAO,UAAU;EACjC,IAAIC,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,cAAcA,CAAC;EAC7BC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC,cAAc,GAAG,IAAI;EACrBC,YAAY,GAAG,CAAC,IAAI,CAAC;EACrBP,UAAU,GAAG,KAAK;EAClBQ,OAAO,GAAG,SAAS;EACnBC;AACmB,CAAC,EAAE;EACtB,MAAMC,aAAa,GAAGd,kBAAkB,CAACY,OAAO,CAAC,CAAC,CAAC;EACnD,MAAMG,eAAe,GAAGlB,kBAAkB,CAAC,YAAY,CAAC;EACxD,MAAMmB,YAAY,GAAGlB,WAAW,CAACgB,aAAa,EAAEC,eAAe,EAAEE,MAAM,CAAC;EACxE,MAAM,CAACZ,SAAS,EAAEa,YAAY,CAAC,GAAG1B,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM2B,UAAU,GAAG5B,MAAM,CAAU,IAAI,CAAC;EAExC,MAAM6B,KAAK,GAAGjB,cAAc,CAACC,UAAU,EAAEC,SAAS,CAAC;EAEnD,MAAMgB,SAAS,GAAG1B,SAAS,CAAC2B,MAAM,CAAEC,CAAC,IAAKZ,YAAY,CAACa,QAAQ,CAACD,CAAC,CAACE,IAAI,CAAC,CAAC;EAExE,MAAMC,SAAS,GAAG9B,YAAY,CAAC;IAC7BY,KAAK;IACLE,cAAc;IACdD,QAAQ;IACRY;EACF,CAAC,CAAC;EAEF,MAAMM,UAAU,GAAGlC,UAAU,CAACmC,OAAO,CAAC,CACpCZ,YAAY,CAACa,IAAI,EAAEC,OAAO,EAC1Bd,YAAY,CAACa,IAAI,GAAGT,KAAK,CAAC,EAC1BP,KAAK,CACN,CAAC;EAEF,MAAMkB,OAAO,GAAGzC,OAAO,CACrB,OACG;IACCkB,KAAK;IACLC,QAAQ;IACRJ,SAAS;IACTa,YAAY;IACZE,KAAK;IACLM,SAAS;IACTtB,UAAU;IACVa,MAAM,EAAED,YAAY;IAEpBG;EACF,CAAC,CAA6B,EAChC,CAACH,YAAY,EAAEI,KAAK,EAAEM,SAAS,EAAEtB,UAAU,EAAEI,KAAK,EAAEH,SAAS,CAC/D,CAAC;EAED,oBACEH,IAAA,CAACH,iBAAiB,CAACiC,QAAQ;IAACxB,KAAK,EAAEuB,OAAQ;IAAAxB,QAAA,eACzCL,IAAA,CAACR,IAAI;MAACuC,GAAG,EAAEd,UAAW;MAACN,KAAK,EAAEc,UAAW;MAAApB,QAAA,EACtCA;IAAQ,CACL;EAAC,CACmB,CAAC;AAEjC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useRef","useState","StyleSheet","View","COUNTRIES","usePhoneMask","useComponentConfig","mergeStyles","PhoneInputContext","PhoneInputVariants","jsx","_jsx","calculateState","isDisabled","isFocused","PhoneInputRoot","children","value","onChange","defaultCountry","countryCodes","variant","size","style","variantStyles","componentConfig","mergedStyles","styles","setIsFocused","triggerRef","state","countries","filter","c","includes","code","phoneMask","rootStyles","flatten","root","default","context","Provider","ref"],"sourceRoot":"../../../../../src","sources":["components/phone-input/components/phone-input-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SAASC,UAAU,EAAEC,IAAI,QAAwC,cAAc;AAC/E,SAASC,SAAS,QAA0B,4BAAyB;AACrE,SAASC,YAAY,QAAQ,kCAA+B;AAC5D,SAASC,kBAAkB,QAAQ,6BAA0B;AAE7D,SAASC,WAAW,QAAQ,oCAAiC;AAE7D,SAASC,iBAAiB,QAAQ,eAAY;AAE9C,SAASC,kBAAkB,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAejD,MAAMC,cAAc,GAAGA,CAACC,UAAmB,EAAEC,SAAkB,KAAsB;EACnF,IAAID,UAAU,EAAE,OAAO,UAAU;EACjC,IAAIC,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,cAAcA,CAAC;EAC7BC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC,cAAc,GAAG,IAAI;EACrBC,YAAY,GAAG,CAAC,IAAI,CAAC;EACrBP,UAAU,GAAG,KAAK;EAClBQ,OAAO,GAAG,SAAS;EACnBC,IAAI,GAAG,IAAI;EACXC;AACmB,CAAC,EAAE;EACtB,MAAMC,aAAa,GAAGf,kBAAkB,CAACY,OAAO,CAAC,CAACC,IAAI,CAAC;EACvD,MAAMG,eAAe,GAAGnB,kBAAkB,CAAC,YAAY,CAAC;EACxD,MAAMoB,YAAY,GAAGnB,WAAW,CAACiB,aAAa,EAAEC,eAAe,EAAEE,MAAM,CAAC;EACxE,MAAM,CAACb,SAAS,EAAEc,YAAY,CAAC,GAAG3B,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM4B,UAAU,GAAG7B,MAAM,CAAU,IAAI,CAAC;EAExC,MAAM8B,KAAK,GAAGlB,cAAc,CAACC,UAAU,EAAEC,SAAS,CAAC;EAEnD,MAAMiB,SAAS,GAAG3B,SAAS,CAAC4B,MAAM,CAAEC,CAAC,IAAKb,YAAY,CAACc,QAAQ,CAACD,CAAC,CAACE,IAAI,CAAC,CAAC;EAExE,MAAMC,SAAS,GAAG/B,YAAY,CAAC;IAC7BY,KAAK;IACLE,cAAc;IACdD,QAAQ;IACRa;EACF,CAAC,CAAC;EAEF,MAAMM,UAAU,GAAGnC,UAAU,CAACoC,OAAO,CAAC,CACpCZ,YAAY,CAACa,IAAI,EAAEC,OAAO,EAC1Bd,YAAY,CAACa,IAAI,GAAGT,KAAK,CAAC,EAC1BP,KAAK,CACN,CAAC;EAEF,MAAMkB,OAAO,GAAG1C,OAAO,CACrB,OACG;IACCkB,KAAK;IACLC,QAAQ;IACRJ,SAAS;IACTc,YAAY;IACZE,KAAK;IACLM,SAAS;IACTvB,UAAU;IACVc,MAAM,EAAED,YAAY;IAEpBG;EACF,CAAC,CAA6B,EAChC,CAACH,YAAY,EAAEI,KAAK,EAAEM,SAAS,EAAEvB,UAAU,EAAEI,KAAK,EAAEH,SAAS,CAC/D,CAAC;EAED,oBACEH,IAAA,CAACH,iBAAiB,CAACkC,QAAQ;IAACzB,KAAK,EAAEwB,OAAQ;IAAAzB,QAAA,eACzCL,IAAA,CAACR,IAAI;MAACwC,GAAG,EAAEd,UAAW;MAACN,KAAK,EAAEc,UAAW;MAAArB,QAAA,EACtCA;IAAQ,CACL;EAAC,CACmB,CAAC;AAEjC","ignoreList":[]}

package/dist/module/components/phone-input/variants/default.js

@@ -2,127 +2,130 @@
 
 import { Platform } from "react-native";
 import { useThemedStyles } from "../../../utils/use-themed-styles.js";
-export function usePhoneInputVariantDefault() {
+export function usePhoneInputVariantDefault(size) {
   return useThemedStyles(({
     colors,
     radius,
     fontFamily,
-    fontSize
-  }) => ({
-    root: {
-      default: {
-        flexDirection: "row",
-        alignItems: "center",
-        borderWidth: 1,
-        borderColor: colors.border,
-        borderRadius: radius,
-        backgroundColor: colors.surface,
-        height: 48,
-        overflow: "hidden",
-        outlineWidth: 0
+    sizeScale
+  }) => {
+    const s = sizeScale(size);
+    return {
+      root: {
+        default: {
+          flexDirection: "row",
+          alignItems: "center",
+          borderWidth: 1,
+          borderColor: colors.border,
+          borderRadius: radius,
+          backgroundColor: colors.surface,
+          height: s.height,
+          overflow: "hidden",
+          outlineWidth: 0
+        },
+        focused: {
+          borderColor: colors.primary
+        },
+        disabled: {
+          backgroundColor: colors.muted
+        }
       },
-      focused: {
-        borderColor: colors.primary
+      countryButton: {
+        default: {
+          paddingHorizontal: s.paddingHorizontal * 0.75,
+          height: "100%",
+          justifyContent: "center",
+          alignItems: "center",
+          flexDirection: "row",
+          gap: s.gap * 0.5
+        }
       },
-      disabled: {
-        backgroundColor: colors.muted
-      }
-    },
-    countryButton: {
-      default: {
-        paddingHorizontal: 12,
-        height: "100%",
-        justifyContent: "center",
-        alignItems: "center",
-        flexDirection: "row",
-        gap: 4
-      }
-    },
-    countryButtonText: {
-      default: {
-        fontFamily,
-        fontSize,
-        color: colors.foreground
+      countryButtonText: {
+        default: {
+          fontFamily,
+          fontSize: s.fontSize,
+          color: colors.foreground
+        },
+        disabled: {
+          color: colors.mutedForeground
+        }
       },
-      disabled: {
-        color: colors.mutedForeground
-      }
-    },
-    separator: {
-      default: {
-        width: 1,
-        alignSelf: "center",
-        height: "60%",
-        backgroundColor: colors.border
-      }
-    },
-    input: {
-      default: {
-        flex: 1,
-        paddingHorizontal: 16,
-        fontFamily,
-        fontSize,
-        color: colors.foreground,
-        height: "100%",
-        outlineWidth: 0,
-        ...Platform.select({
-          default: {},
-          web: {
-            outline: "none"
-          }
-        })
+      separator: {
+        default: {
+          width: 1,
+          alignSelf: "center",
+          height: "60%",
+          backgroundColor: colors.border
+        }
       },
-      disabled: {
-        color: colors.mutedForeground
-      }
-    },
-    pickerOverlay: {
-      default: {}
-    },
-    pickerContent: {
-      default: {
-        backgroundColor: colors.surface,
-        borderRadius: radius,
-        borderWidth: 1,
-        borderColor: colors.border,
-        padding: 4,
-        maxHeight: 300
-      }
-    },
-    pickerOption: {
-      default: {
-        paddingVertical: 10,
-        paddingHorizontal: 12,
-        borderRadius: radius / 2,
-        flexDirection: "row",
-        alignItems: "center",
-        gap: 8
+      input: {
+        default: {
+          flex: 1,
+          paddingHorizontal: s.paddingHorizontal,
+          fontFamily,
+          fontSize: s.fontSize,
+          color: colors.foreground,
+          height: "100%",
+          outlineWidth: 0,
+          ...Platform.select({
+            default: {},
+            web: {
+              outline: "none"
+            }
+          })
+        },
+        disabled: {
+          color: colors.mutedForeground
+        }
       },
-      selected: {
-        backgroundColor: colors.muted
-      }
-    },
-    pickerOptionText: {
-      default: {
-        fontFamily,
-        fontSize,
-        color: colors.foreground
-      }
-    },
-    pickerSearch: {
-      default: {
-        borderWidth: 1,
-        borderColor: colors.border,
-        borderRadius: radius,
-        paddingVertical: 8,
-        paddingHorizontal: 12,
-        fontFamily,
-        fontSize: fontSize * 0.875,
-        color: colors.foreground,
-        marginBottom: 4,
-        outlineWidth: 0
+      pickerOverlay: {
+        default: {}
+      },
+      pickerContent: {
+        default: {
+          backgroundColor: colors.surface,
+          borderRadius: radius,
+          borderWidth: 1,
+          borderColor: colors.border,
+          padding: 4,
+          maxHeight: 300
+        }
+      },
+      pickerOption: {
+        default: {
+          paddingVertical: s.paddingVertical * 0.75,
+          paddingHorizontal: s.paddingHorizontal * 0.75,
+          borderRadius: radius / 2,
+          flexDirection: "row",
+          alignItems: "center",
+          gap: s.gap
+        },
+        selected: {
+          backgroundColor: colors.muted
+        }
+      },
+      pickerOptionText: {
+        default: {
+          fontFamily,
+          fontSize: s.fontSize,
+          color: colors.foreground
+        }
+      },
+      pickerSearch: {
+        default: {
+          borderWidth: 1,
+          borderColor: colors.border,
+          borderRadius: radius,
+          paddingVertical: s.paddingVertical * 0.5,
+          paddingHorizontal: s.paddingHorizontal * 0.75,
+          fontFamily,
+          fontSize: s.fontSize * 0.875,
+          color: colors.foreground,
+          marginBottom: 4,
+          outlineWidth: 0
+        }
       }
-    }
-  }));
+    };
+  });
 }
 //# sourceMappingURL=default.js.map

package/dist/module/components/phone-input/variants/default.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","useThemedStyles","usePhoneInputVariantDefault","colors","radius","fontFamily","fontSize","root","default","flexDirection","alignItems","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","height","overflow","outlineWidth","focused","primary","disabled","muted","countryButton","paddingHorizontal","justifyContent","gap","countryButtonText","color","foreground","mutedForeground","separator","width","alignSelf","input","flex","select","web","outline","pickerOverlay","pickerContent","padding","maxHeight","pickerOption","paddingVertical","selected","pickerOptionText","pickerSearch","marginBottom"],"sourceRoot":"../../../../../src","sources":["components/phone-input/variants/default.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Platform","useThemedStyles","usePhoneInputVariantDefault","size","colors","radius","fontFamily","sizeScale","s","root","default","flexDirection","alignItems","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","height","overflow","outlineWidth","focused","primary","disabled","muted","countryButton","paddingHorizontal","justifyContent","gap","countryButtonText","fontSize","color","foreground","mutedForeground","separator","width","alignSelf","input","flex","select","web","outline","pickerOverlay","pickerContent","padding","maxHeight","pickerOption","paddingVertical","selected","pickerOptionText","pickerSearch","marginBottom"],"sourceRoot":"../../../../../src","sources":["components/phone-input/variants/default.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/select/components/select-root.js

@@ -15,7 +15,7 @@ const calculateState = props => {
   return "default";
 };
 export function SelectRoot(props) {
-  const variantStyles = SelectVariants[props.variant ?? "default"]();
+  const variantStyles = SelectVariants[props.variant ?? "default"](props.size ?? "md");
   const componentConfig = useComponentConfig("select");
   const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
   const [isOpen, setIsOpen] = useState(false);

package/dist/module/components/select/components/select-root.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","View","DEFAULT_LAYOUT","DEFAULT_POSITION","useComponentConfig","calculateComposedStyles","mergeStyles","SelectContext","SelectVariants","jsx","_jsx","calculateState","props","isDisabled","SelectRoot","variantStyles","variant","componentConfig","mergedStyles","styles","isOpen","setIsOpen","contentLayout","setContentLayout","triggerPosition","setTriggerPosition","options","setOptions","state","composedStyles","style","Component","render","Provider","value","onChange","children"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAA+CC,IAAI,QAAwB,cAAc;AACzF,SAASC,cAAc,EAAEC,gBAAgB,QAA6B,yBAAgB;AACtF,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,uBAAuB,EAAEC,WAAW,QAAQ,oCAAiC;AACtF,SAASC,aAAa,QAAQ,eAAY;AAE1C,SAASC,cAAc,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAuB7C,MAAMC,cAAc,GAAIC,KAAsB,IAAkB;EAC9D,IAAIA,KAAK,CAACC,UAAU,EAAE;IACpB,OAAO,UAAU;EACnB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,UAAUA,CAACF,KAAsB,EAAE;EACjD,MAAMG,aAAa,GAAGP,cAAc,CAACI,KAAK,CAACI,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EAClE,MAAMC,eAAe,GAAGb,kBAAkB,CAAC,QAAQ,CAAC;EACpD,MAAMc,YAAY,GAAGZ,WAAW,CAACS,aAAa,EAAEE,eAAe,EAAEE,MAAM,CAAC;EAExE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGrB,QAAQ,CAAC,KAAK,CAAC;EAC3C,MAAM,CAACsB,aAAa,EAAEC,gBAAgB,CAAC,GAAGvB,QAAQ,CAAkBE,cAAc,CAAC;EACnF,MAAM,CAACsB,eAAe,EAAEC,kBAAkB,CAAC,GAAGzB,QAAQ,CAAiBG,gBAAgB,CAAC;EACxF,MAAM,CAACuB,OAAO,EAAEC,UAAU,CAAC,GAAG3B,QAAQ,CAAsB,EAAE,CAAC;EAE/D,MAAM4B,KAAK,GAAGjB,cAAc,CAACC,KAAK,CAAC;EACnC,MAAMiB,cAAc,GAAGxB,uBAAuB,CAACa,YAAY,EAAEU,KAAK,EAAE,MAAM,EAAEhB,KAAK,CAACkB,KAAK,CAAC;EAExF,MAAMC,SAAS,GAAGnB,KAAK,CAACoB,MAAM,IAAI/B,IAAI;EACtC,oBACES,IAAA,CAACH,aAAa,CAAC0B,QAAQ;IACrBC,KAAK,EAAE;MACLA,KAAK,EAAEtB,KAAK,CAACsB,KAAK;MAClBC,QAAQ,EAAEvB,KAAK,CAACuB,QAAQ;MACxBf,MAAM;MACNC,SAAS;MACTG,eAAe;MACfC,kBAAkB;MAClBH,aAAa;MACbC,gBAAgB;MAChBG,OAAO;MACPC,UAAU;MACVC,KAAK;MACLf,UAAU,EAAED,KAAK,CAACC,UAAU,IAAI,KAAK;MACrCM,MAAM,EAAED;IACV,CAAE;IAAAkB,QAAA,eAEF1B,IAAA,CAACqB,SAAS;MAACD,KAAK,EAAED,cAAe;MAAAO,QAAA,EAAExB,KAAK,CAACwB;IAAQ,CAAY;EAAC,CACxC,CAAC;AAE7B","ignoreList":[]}
+{"version":3,"names":["React","useState","View","DEFAULT_LAYOUT","DEFAULT_POSITION","useComponentConfig","calculateComposedStyles","mergeStyles","SelectContext","SelectVariants","jsx","_jsx","calculateState","props","isDisabled","SelectRoot","variantStyles","variant","size","componentConfig","mergedStyles","styles","isOpen","setIsOpen","contentLayout","setContentLayout","triggerPosition","setTriggerPosition","options","setOptions","state","composedStyles","style","Component","render","Provider","value","onChange","children"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAA+CC,IAAI,QAAwB,cAAc;AACzF,SAASC,cAAc,EAAEC,gBAAgB,QAA6B,yBAAgB;AACtF,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,uBAAuB,EAAEC,WAAW,QAAQ,oCAAiC;AAEtF,SAASC,aAAa,QAAQ,eAAY;AAE1C,SAASC,cAAc,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAwB7C,MAAMC,cAAc,GAAIC,KAAsB,IAAkB;EAC9D,IAAIA,KAAK,CAACC,UAAU,EAAE;IACpB,OAAO,UAAU;EACnB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,UAAUA,CAACF,KAAsB,EAAE;EACjD,MAAMG,aAAa,GAAGP,cAAc,CAACI,KAAK,CAACI,OAAO,IAAI,SAAS,CAAC,CAACJ,KAAK,CAACK,IAAI,IAAI,IAAI,CAAC;EACpF,MAAMC,eAAe,GAAGd,kBAAkB,CAAC,QAAQ,CAAC;EACpD,MAAMe,YAAY,GAAGb,WAAW,CAACS,aAAa,EAAEG,eAAe,EAAEE,MAAM,CAAC;EAExE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGtB,QAAQ,CAAC,KAAK,CAAC;EAC3C,MAAM,CAACuB,aAAa,EAAEC,gBAAgB,CAAC,GAAGxB,QAAQ,CAAkBE,cAAc,CAAC;EACnF,MAAM,CAACuB,eAAe,EAAEC,kBAAkB,CAAC,GAAG1B,QAAQ,CAAiBG,gBAAgB,CAAC;EACxF,MAAM,CAACwB,OAAO,EAAEC,UAAU,CAAC,GAAG5B,QAAQ,CAAsB,EAAE,CAAC;EAE/D,MAAM6B,KAAK,GAAGlB,cAAc,CAACC,KAAK,CAAC;EACnC,MAAMkB,cAAc,GAAGzB,uBAAuB,CAACc,YAAY,EAAEU,KAAK,EAAE,MAAM,EAAEjB,KAAK,CAACmB,KAAK,CAAC;EAExF,MAAMC,SAAS,GAAGpB,KAAK,CAACqB,MAAM,IAAIhC,IAAI;EACtC,oBACES,IAAA,CAACH,aAAa,CAAC2B,QAAQ;IACrBC,KAAK,EAAE;MACLA,KAAK,EAAEvB,KAAK,CAACuB,KAAK;MAClBC,QAAQ,EAAExB,KAAK,CAACwB,QAAQ;MACxBf,MAAM;MACNC,SAAS;MACTG,eAAe;MACfC,kBAAkB;MAClBH,aAAa;MACbC,gBAAgB;MAChBG,OAAO;MACPC,UAAU;MACVC,KAAK;MACLhB,UAAU,EAAED,KAAK,CAACC,UAAU,IAAI,KAAK;MACrCO,MAAM,EAAED;IACV,CAAE;IAAAkB,QAAA,eAEF3B,IAAA,CAACsB,SAAS;MAACD,KAAK,EAAED,cAAe;MAAAO,QAAA,EAAEzB,KAAK,CAACyB;IAAQ,CAAY;EAAC,CACxC,CAAC;AAE7B","ignoreList":[]}