@korsolutions/ui 0.0.84 → 0.0.86

package/AGENTS.md

@@ -1,13 +1,13 @@
-# AGENTS.md - Universal UI Library
+# AGENTS.md - KorUI Library
 
 ## Overview
 
-This is the main UI component library package (`@korsolutions/ui`) providing unstyled primitives and styled components for React Native and Expo applications.
+This is the main UI component library package (`@korsolutions/ui`), a minimal-dependency, cross-platform UI library for React Native and Expo. Flexible components with beautiful default styling.
 
 ## Core Principles
 
 1. **Minimal Dependencies** - Keep external dependencies to a minimum
-2. **Unstyled Primitives** - Primitives provide behavior without visual styles
+2. **Beautiful Defaults** - Components ship with production-ready styling
 3. **Variant System** - Use themed style hooks for component variants
 4. **Compound Components** - Export components as objects with sub-components
 5. **Type Safety** - Full TypeScript coverage with strict mode enabled

package/dist/module/components/alert/components/alert-description.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","useAlert","jsx","_jsx","AlertDescription","props","alert","composedStyle","styles","description","style","Component","render"],"sourceRoot":"../../../../../src","sources":["components/alert/components/alert-description.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AAGnE,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQtC,OAAO,SAASC,gBAAgBA,CAC9BC,KAA6C,EAC7C;EACA,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EAExB,MAAMM,aAAa,GAAG,CAACD,KAAK,CAACE,MAAM,EAAEC,WAAW,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE9D,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBAAOG,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}
+{"version":3,"names":["React","Text","useAlert","jsx","_jsx","AlertDescription","props","alert","composedStyle","styles","description","style","Component","render"],"sourceRoot":"../../../../../src","sources":["components/alert/components/alert-description.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AAGnE,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQtC,OAAO,SAASC,gBAAgBA,CAACC,KAA6C,EAAE;EAC9E,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EAExB,MAAMM,aAAa,GAAG,CAACD,KAAK,CAACE,MAAM,EAAEC,WAAW,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE9D,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBAAOG,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}

package/dist/module/components/alert/components/alert-icon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useAlert","jsx","_jsx","AlertIcon","render","Component","props","alert","composedProps","styles","icon","style","absoluteStrokeWidth"],"sourceRoot":"../../../../../src","sources":["components/alert/components/alert-icon.tsx"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAItC,OAAO,SAASC,SAASA,CAAC;EAAEC,MAAM,EAAEC,SAAS;EAAE,GAAGC;AAA+C,CAAC,EAAE;EAClG,MAAMC,KAAK,GAAGP,QAAQ,CAAC,CAAC;EAExB,MAAMQ,aAAa,GAAG;IACpB,GAAGD,KAAK,CAACE,MAAM,EAAEC,IAAI;IACrB,GAAGJ,KAAK;IACRK,KAAK,EAAE,CAACJ,KAAK,CAACE,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEL,KAAK,CAACK,KAAK;EAChD,CAAC;EAED,oBAAOT,IAAA,CAACG,SAAS;IAACO,mBAAmB;IAAA,GAAKJ;EAAa,CAAG,CAAC;AAC7D","ignoreList":[]}
+{"version":3,"names":["React","useAlert","jsx","_jsx","AlertIcon","render","Component","props","alert","composedProps","styles","icon","style","absoluteStrokeWidth"],"sourceRoot":"../../../../../src","sources":["components/alert/components/alert-icon.tsx"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAItC,OAAO,SAASC,SAASA,CAAC;EACxBC,MAAM,EAAEC,SAAS;EACjB,GAAGC;AACoC,CAAC,EAAE;EAC1C,MAAMC,KAAK,GAAGP,QAAQ,CAAC,CAAC;EAExB,MAAMQ,aAAa,GAAG;IACpB,GAAGD,KAAK,CAACE,MAAM,EAAEC,IAAI;IACrB,GAAGJ,KAAK;IACRK,KAAK,EAAE,CAACJ,KAAK,CAACE,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEL,KAAK,CAACK,KAAK;EAChD,CAAC;EAED,oBAAOT,IAAA,CAACG,SAAS;IAACO,mBAAmB;IAAA,GAAKJ;EAAa,CAAG,CAAC;AAC7D","ignoreList":[]}

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

@@ -1,17 +1,21 @@
 "use strict";
 
 import React from "react";
-import { View } from "react-native";
+import { StyleSheet, View } from "react-native";
+import { useComponentConfig } from "../../../themes/provider.js";
+import { mergeStyles } from "../../../utils/calculate-styles.js";
 import { AlertContext } from "../context.js";
 import { AlertVariants } from "../variants/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function AlertRoot(props) {
   const variantStyles = AlertVariants[props.variant ?? "default"]();
-  const composedStyle = [variantStyles.root, props.style];
+  const componentConfig = useComponentConfig("alert");
+  const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
+  const composedStyle = StyleSheet.flatten([mergedStyles.root, props.style]);
   const Component = props.render ?? View;
   return /*#__PURE__*/_jsx(AlertContext.Provider, {
     value: {
-      styles: variantStyles
+      styles: mergedStyles
     },
     children: /*#__PURE__*/_jsx(Component, {
       ...props,

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","AlertContext","AlertVariants","jsx","_jsx","AlertRoot","props","variantStyles","variant","composedStyle","root","style","Component","render","Provider","value","styles","children"],"sourceRoot":"../../../../../src","sources":["components/alert/components/alert-root.tsx"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,YAAY,QAAQ,eAAY;AACzC,SAASC,aAAa,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS5C,OAAO,SAASC,SAASA,CAACC,KAAsC,EAAE;EAChE,MAAMC,aAAa,GAAGL,aAAa,CAACI,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EACjE,MAAMC,aAAmC,GAAG,CAACF,aAAa,CAACG,IAAI,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE7E,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIb,IAAI;EACtC,oBACEI,IAAA,CAACH,YAAY,CAACa,QAAQ;IACpBC,KAAK,EAAE;MACLC,MAAM,EAAET;IACV,CAAE;IAAAU,QAAA,eAEFb,IAAA,CAACQ,SAAS;MAAA,GAAKN,KAAK;MAAEK,KAAK,EAAEF;IAAc,CAAE;EAAC,CACzB,CAAC;AAE5B","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","useComponentConfig","mergeStyles","AlertContext","AlertVariants","jsx","_jsx","AlertRoot","props","variantStyles","variant","componentConfig","mergedStyles","styles","composedStyle","flatten","root","style","Component","render","Provider","value","children"],"sourceRoot":"../../../../../src","sources":["components/alert/components/alert-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAC/E,SAASC,kBAAkB,QAAQ,6BAA0B;AAE7D,SAASC,WAAW,QAAQ,oCAAiC;AAC7D,SAASC,YAAY,QAAQ,eAAY;AACzC,SAASC,aAAa,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS5C,OAAO,SAASC,SAASA,CAACC,KAAsC,EAAE;EAChE,MAAMC,aAAa,GAAGL,aAAa,CAACI,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EACjE,MAAMC,eAAe,GAAGV,kBAAkB,CAAC,OAAO,CAAC;EAEnD,MAAMW,YAAY,GAAGV,WAAW,CAACO,aAAa,EAAEE,eAAe,EAAEE,MAAM,CAAC;EACxE,MAAMC,aAAa,GAAGf,UAAU,CAACgB,OAAO,CAAC,CAACH,YAAY,CAACI,IAAI,EAAER,KAAK,CAACS,KAAK,CAAC,CAAC;EAE1E,MAAMC,SAAS,GAAGV,KAAK,CAACW,MAAM,IAAInB,IAAI;EACtC,oBACEM,IAAA,CAACH,YAAY,CAACiB,QAAQ;IACpBC,KAAK,EAAE;MACLR,MAAM,EAAED;IACV,CAAE;IAAAU,QAAA,eAEFhB,IAAA,CAACY,SAAS;MAAA,GAAKV,KAAK;MAAES,KAAK,EAAEH;IAAc,CAAE;EAAC,CACzB,CAAC;AAE5B","ignoreList":[]}

package/dist/module/components/alert-dialog/async-alert-dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","AlertDialogAction","AlertDialogCancel","AlertDialogContent","AlertDialogDescription","AlertDialogFooter","AlertDialogOverlay","AlertDialogPortal","AlertDialogRoot","AlertDialogTitle","useAlertDialog","jsx","_jsx","jsxs","_jsxs","dialogQueue","currentDialog","setCurrentDialogFn","processQueue","length","shift","closeDialog","confirmed","resolve","setTimeout","AsyncAlertDialogContent","instance","title","description","actionLabel","cancelLabel","props","setIsOpen","handleAction","handleCancel","children","onPress","AsyncAlertDialogInstance","AsyncAlertDialogManager","dialog","setDialog","show","Promise","id","Date","now","toString","push","AsyncAlertDialog"],"sourceRoot":"../../../../src","sources":["components/alert-dialog/async-alert-dialog.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","AlertDialogAction","AlertDialogCancel","AlertDialogContent","AlertDialogDescription","AlertDialogFooter","AlertDialogOverlay","AlertDialogPortal","AlertDialogRoot","AlertDialogTitle","useAlertDialog","jsx","_jsx","jsxs","_jsxs","dialogQueue","currentDialog","setCurrentDialogFn","processQueue","length","shift","closeDialog","confirmed","resolve","setTimeout","AsyncAlertDialogContent","instance","title","description","actionLabel","cancelLabel","props","setIsOpen","handleAction","handleCancel","children","onPress","AsyncAlertDialogInstance","AsyncAlertDialogManager","dialog","setDialog","show","Promise","id","Date","now","toString","push","AsyncAlertDialog"],"sourceRoot":"../../../../src","sources":["components/alert-dialog/async-alert-dialog.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/alert-dialog/components/alert-dialog-root.js

@@ -1,20 +1,24 @@
 "use strict";
 
 import React, { useMemo, useState } from "react";
+import { useComponentConfig } from "../../../themes/provider.js";
+import { mergeStyles } from "../../../utils/calculate-styles.js";
 import { AlertDialogContext } from "../context.js";
 import { AlertDialogVariants } from "../variants/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function AlertDialogRoot(props) {
-  const variantStyles = AlertDialogVariants[props.variant || "default"]();
   const {
     children
   } = props;
+  const variantStyles = AlertDialogVariants[props.variant || "default"](props.size ?? "md");
+  const componentConfig = useComponentConfig("alertDialog");
   const [isOpen, setIsOpen] = useState(false);
+  const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
   const contextValue = useMemo(() => ({
     isOpen,
     setIsOpen,
-    styles: variantStyles
-  }), [isOpen, variantStyles]);
+    styles: mergedStyles
+  }), [isOpen, mergedStyles]);
   return /*#__PURE__*/_jsx(AlertDialogContext.Provider, {
     value: contextValue,
     children: children

package/dist/module/components/alert-dialog/components/alert-dialog-root.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useState","AlertDialogContext","AlertDialogVariants","jsx","_jsx","AlertDialogRoot","props","variantStyles","variant","children","isOpen","setIsOpen","contextValue","styles","Provider","value"],"sourceRoot":"../../../../../src","sources":["components/alert-dialog/components/alert-dialog-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAChD,SAASC,kBAAkB,QAAsC,eAAY;AAC7E,SAASC,mBAAmB,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOlD,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAMC,aAAa,GAAGL,mBAAmB,CAACI,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EACvE,MAAM;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAC1B,MAAM,CAACI,MAAM,EAAEC,SAAS,CAAC,GAAGX,QAAQ,CAAC,KAAK,CAAC;EAE3C,MAAMY,YAAqC,GAAGb,OAAO,CACnD,OAAO;IACLW,MAAM;IACNC,SAAS;IACTE,MAAM,EAAEN;EACV,CAAC,CAAC,EACF,CAACG,MAAM,EAAEH,aAAa,CACxB,CAAC;EAED,oBAAOH,IAAA,CAACH,kBAAkB,CAACa,QAAQ;IAACC,KAAK,EAAEH,YAAa;IAAAH,QAAA,EAAEA;EAAQ,CAA8B,CAAC;AACnG","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useState","useComponentConfig","mergeStyles","AlertDialogContext","AlertDialogVariants","jsx","_jsx","AlertDialogRoot","props","children","variantStyles","variant","size","componentConfig","isOpen","setIsOpen","mergedStyles","styles","contextValue","Provider","value"],"sourceRoot":"../../../../../src","sources":["components/alert-dialog/components/alert-dialog-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAChD,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,WAAW,QAAQ,oCAAiC;AAE7D,SAASC,kBAAkB,QAAsC,eAAY;AAC7E,SAASC,mBAAmB,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQlD,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IAAEC;EAAS,CAAC,GAAGD,KAAK;EAC1B,MAAME,aAAa,GAAGN,mBAAmB,CAACI,KAAK,CAACG,OAAO,IAAI,SAAS,CAAC,CAACH,KAAK,CAACI,IAAI,IAAI,IAAI,CAAC;EACzF,MAAMC,eAAe,GAAGZ,kBAAkB,CAAC,aAAa,CAAC;EACzD,MAAM,CAACa,MAAM,EAAEC,SAAS,CAAC,GAAGf,QAAQ,CAAC,KAAK,CAAC;EAE3C,MAAMgB,YAAY,GAAGd,WAAW,CAACQ,aAAa,EAAEG,eAAe,EAAEI,MAAM,CAAC;EAExE,MAAMC,YAAqC,GAAGnB,OAAO,CACnD,OAAO;IACLe,MAAM;IACNC,SAAS;IACTE,MAAM,EAAED;EACV,CAAC,CAAC,EACF,CAACF,MAAM,EAAEE,YAAY,CACvB,CAAC;EAED,oBAAOV,IAAA,CAACH,kBAAkB,CAACgB,QAAQ;IAACC,KAAK,EAAEF,YAAa;IAAAT,QAAA,EAAEA;EAAQ,CAA8B,CAAC;AACnG","ignoreList":[]}

package/dist/module/components/alert-dialog/variants/default.js

@@ -1,95 +1,103 @@
 "use strict";
 
 import { useThemedStyles } from "../../../utils/use-themed-styles.js";
-export const useAlertDialogVariantDefault = () => {
+export const useAlertDialogVariantDefault = size => {
   return useThemedStyles(({
     colors,
     radius,
     fontFamily,
-    fontSize
-  }) => ({
-    overlay: {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      backgroundColor: "rgba(0, 0, 0, 0.5)",
-      justifyContent: "center",
-      alignItems: "center",
-      zIndex: 999
-    },
-    content: {
-      backgroundColor: colors.background,
-      borderRadius: radius,
-      padding: 24,
-      maxWidth: 400,
-      width: "90%",
-      shadowColor: "#000",
-      shadowOffset: {
-        width: 0,
-        height: 2
+    fontSize,
+    sizeScale
+  }) => {
+    const s = sizeScale(size);
+    return {
+      overlay: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: "rgba(0, 0, 0, 0.5)",
+        justifyContent: "center",
+        alignItems: "center",
+        zIndex: 999
       },
-      shadowOpacity: 0.25,
-      shadowRadius: 8,
-      elevation: 5,
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      transform: [{
-        translateX: "-50%"
-      }, {
-        translateY: "-50%"
-      }],
-      borderWidth: 1,
-      borderColor: colors.border,
-      zIndex: 1000
-    },
-    title: {
-      fontSize: fontSize * 1.25,
-      fontWeight: "600",
-      color: colors.foreground,
-      fontFamily,
-      marginBottom: 8
-    },
-    description: {
-      fontSize,
-      color: colors.mutedForeground,
-      fontFamily,
-      lineHeight: fontSize * 1.5
-    },
-    footer: {
-      flexDirection: "row",
-      justifyContent: "flex-end",
-      gap: 12,
-      marginTop: 24
-    },
-    cancel: {
-      paddingVertical: 10,
-      paddingHorizontal: 16,
-      borderRadius: radius,
-      borderWidth: 1,
-      borderColor: colors.border,
-      backgroundColor: colors.background
-    },
-    cancelText: {
-      color: colors.foreground,
-      fontSize,
-      fontWeight: "500",
-      fontFamily
-    },
-    action: {
-      paddingVertical: 10,
-      paddingHorizontal: 16,
-      borderRadius: radius,
-      backgroundColor: colors.primary
-    },
-    actionText: {
-      color: colors.primaryForeground,
-      fontSize,
-      fontWeight: "500",
-      fontFamily
-    }
-  }));
+      content: {
+        backgroundColor: colors.background,
+        borderRadius: radius,
+        padding: 24,
+        maxWidth: 400,
+        width: "90%",
+        shadowColor: "#000",
+        shadowOffset: {
+          width: 0,
+          height: 2
+        },
+        shadowOpacity: 0.25,
+        shadowRadius: 8,
+        elevation: 5,
+        position: "absolute",
+        top: "50%",
+        left: "50%",
+        transform: [{
+          translateX: "-50%"
+        }, {
+          translateY: "-50%"
+        }],
+        borderWidth: 1,
+        borderColor: colors.border,
+        zIndex: 1000
+      },
+      title: {
+        fontSize: fontSize * 1.25,
+        fontWeight: "600",
+        color: colors.foreground,
+        fontFamily,
+        marginBottom: 8
+      },
+      description: {
+        fontSize,
+        color: colors.mutedForeground,
+        fontFamily,
+        lineHeight: fontSize * 1.5
+      },
+      footer: {
+        flexDirection: "row",
+        justifyContent: "flex-end",
+        gap: s.gap,
+        marginTop: 24
+      },
+      cancel: {
+        height: s.height,
+        paddingHorizontal: s.paddingHorizontal,
+        borderRadius: radius,
+        borderWidth: 1,
+        borderColor: colors.border,
+        backgroundColor: colors.background,
+        justifyContent: "center",
+        alignItems: "center"
+      },
+      cancelText: {
+        color: colors.foreground,
+        fontSize: s.fontSize,
+        fontWeight: "500",
+        fontFamily
+      },
+      action: {
+        height: s.height,
+        paddingHorizontal: s.paddingHorizontal,
+        borderRadius: radius,
+        backgroundColor: colors.primary,
+        justifyContent: "center",
+        alignItems: "center"
+      },
+      actionText: {
+        color: colors.primaryForeground,
+        fontSize: s.fontSize,
+        fontWeight: "500",
+        fontFamily
+      }
+    };
+  });
 };
 //# sourceMappingURL=default.js.map

package/dist/module/components/alert-dialog/variants/default.js.map

@@ -1 +1 @@
-{"version":3,"names":["useThemedStyles","useAlertDialogVariantDefault","colors","radius","fontFamily","fontSize","overlay","position","top","left","right","bottom","backgroundColor","justifyContent","alignItems","zIndex","content","background","borderRadius","padding","maxWidth","width","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","transform","translateX","translateY","borderWidth","borderColor","border","title","fontWeight","color","foreground","marginBottom","description","mutedForeground","lineHeight","footer","flexDirection","gap","marginTop","cancel","paddingVertical","paddingHorizontal","cancelText","action","primary","actionText","primaryForeground"],"sourceRoot":"../../../../../src","sources":["components/alert-dialog/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,MAAMC,4BAA4B,GAAGA,CAAA,KAAyB;EACnE,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAyB;IAChEC,OAAO,EAAE;MACPC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,eAAe,EAAE,oBAAoB;MACrCC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,MAAM,EAAE;IACV,CAAC;IACDC,OAAO,EAAE;MACPJ,eAAe,EAAEV,MAAM,CAACe,UAAU;MAClCC,YAAY,EAAEf,MAAM;MACpBgB,OAAO,EAAE,EAAE;MACXC,QAAQ,EAAE,GAAG;MACbC,KAAK,EAAE,KAAK;MACZC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEF,KAAK,EAAE,CAAC;QAAEG,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE,CAAC;MACfC,SAAS,EAAE,CAAC;MACZpB,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXmB,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE;MAAO,CAAC,EAAE;QAAEC,UAAU,EAAE;MAAO,CAAC,CAAC;MAC3DC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE9B,MAAM,CAAC+B,MAAM;MAC1BlB,MAAM,EAAE;IACV,CAAC;IACDmB,KAAK,EAAE;MACL7B,QAAQ,EAAEA,QAAQ,GAAG,IAAI;MACzB8B,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAElC,MAAM,CAACmC,UAAU;MACxBjC,UAAU;MACVkC,YAAY,EAAE;IAChB,CAAC;IACDC,WAAW,EAAE;MACXlC,QAAQ;MACR+B,KAAK,EAAElC,MAAM,CAACsC,eAAe;MAC7BpC,UAAU;MACVqC,UAAU,EAAEpC,QAAQ,GAAG;IACzB,CAAC;IACDqC,MAAM,EAAE;MACNC,aAAa,EAAE,KAAK;MACpB9B,cAAc,EAAE,UAAU;MAC1B+B,GAAG,EAAE,EAAE;MACPC,SAAS,EAAE;IACb,CAAC;IACDC,MAAM,EAAE;MACNC,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE,EAAE;MACrB9B,YAAY,EAAEf,MAAM;MACpB4B,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE9B,MAAM,CAAC+B,MAAM;MAC1BrB,eAAe,EAAEV,MAAM,CAACe;IAC1B,CAAC;IACDgC,UAAU,EAAE;MACVb,KAAK,EAAElC,MAAM,CAACmC,UAAU;MACxBhC,QAAQ;MACR8B,UAAU,EAAE,KAAK;MACjB/B;IACF,CAAC;IACD8C,MAAM,EAAE;MACNH,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE,EAAE;MACrB9B,YAAY,EAAEf,MAAM;MACpBS,eAAe,EAAEV,MAAM,CAACiD;IAC1B,CAAC;IACDC,UAAU,EAAE;MACVhB,KAAK,EAAElC,MAAM,CAACmD,iBAAiB;MAC/BhD,QAAQ;MACR8B,UAAU,EAAE,KAAK;MACjB/B;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["useThemedStyles","useAlertDialogVariantDefault","size","colors","radius","fontFamily","fontSize","sizeScale","s","overlay","position","top","left","right","bottom","backgroundColor","justifyContent","alignItems","zIndex","content","background","borderRadius","padding","maxWidth","width","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","transform","translateX","translateY","borderWidth","borderColor","border","title","fontWeight","color","foreground","marginBottom","description","mutedForeground","lineHeight","footer","flexDirection","gap","marginTop","cancel","paddingHorizontal","cancelText","action","primary","actionText","primaryForeground"],"sourceRoot":"../../../../../src","sources":["components/alert-dialog/variants/default.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/avatar/components/avatar-image.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","useAvatar","jsx","_jsx","AvatarImage","props","avatar","composedStyles","styles","image","style","onLoad","setImageLoaded","onError"],"sourceRoot":"../../../../../src","sources":["components/avatar/components/avatar-image.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,KAAK,QAIA,cAAc;AACrB,SAASC,SAAS,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOvC,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAE;EACnD,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAC1B,MAAMM,cAAc,GAAG,CAACD,MAAM,CAACE,MAAM,EAAEC,KAAK,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE1D,oBACEP,IAAA,CAACH,KAAK;IAAA,GACAK,KAAK;IACTK,KAAK,EAAEH,cAAe;IACtBI,MAAM,EAAEA,CAAA,KAAML,MAAM,CAACM,cAAc,CAAC,IAAI,CAAE;IAC1CC,OAAO,EAAEA,CAAA,KAAMP,MAAM,CAACM,cAAc,CAAC,KAAK;EAAE,CAC7C,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["React","Image","useAvatar","jsx","_jsx","AvatarImage","props","avatar","composedStyles","styles","image","style","onLoad","setImageLoaded","onError"],"sourceRoot":"../../../../../src","sources":["components/avatar/components/avatar-image.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAA2D,cAAc;AACvF,SAASC,SAAS,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOvC,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAE;EACnD,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAC1B,MAAMM,cAAc,GAAG,CAACD,MAAM,CAACE,MAAM,EAAEC,KAAK,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE1D,oBACEP,IAAA,CAACH,KAAK;IAAA,GACAK,KAAK;IACTK,KAAK,EAAEH,cAAe;IACtBI,MAAM,EAAEA,CAAA,KAAML,MAAM,CAACM,cAAc,CAAC,IAAI,CAAE;IAC1CC,OAAO,EAAEA,CAAA,KAAMP,MAAM,CAACM,cAAc,CAAC,KAAK;EAAE,CAC7C,CAAC;AAEN","ignoreList":[]}

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

@@ -2,18 +2,22 @@
 
 import React, { useMemo, useState } from "react";
 import { View } from "react-native";
+import { useComponentConfig } from "../../../themes/provider.js";
+import { mergeStyles } from "../../../utils/calculate-styles.js";
 import { AvatarContext } from "../context.js";
 import { AvatarVariants } from "../variants/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function AvatarRoot(props) {
   const variantStyles = AvatarVariants[props.variant || "default"]();
-  const composedStyles = [variantStyles.root, props.style];
+  const componentConfig = useComponentConfig("avatar");
+  const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
+  const composedStyles = [mergedStyles.root, props.style];
   const [imageLoaded, setImageLoaded] = useState(false);
   const contextValue = useMemo(() => ({
-    styles: variantStyles,
+    styles: mergedStyles,
     imageLoaded,
     setImageLoaded
-  }), [variantStyles, imageLoaded]);
+  }), [mergedStyles, imageLoaded]);
   const Component = props.render ?? View;
   return /*#__PURE__*/_jsx(AvatarContext.Provider, {
     value: contextValue,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useState","View","AvatarContext","AvatarVariants","jsx","_jsx","AvatarRoot","props","variantStyles","variant","composedStyles","root","style","imageLoaded","setImageLoaded","contextValue","styles","Component","render","Provider","value","children"],"sourceRoot":"../../../../../src","sources":["components/avatar/components/avatar-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAChD,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,aAAa,QAAQ,eAAY;AAC1C,SAASC,cAAc,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS7C,OAAO,SAASC,UAAUA,CAACC,KAAsB,EAAE;EACjD,MAAMC,aAAa,GAAGL,cAAc,CAACI,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EAClE,MAAMC,cAAc,GAAG,CAACF,aAAa,CAACG,IAAI,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAExD,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EAErD,MAAMe,YAA2B,GAAGhB,OAAO,CACzC,OAAO;IACLiB,MAAM,EAAER,aAAa;IACrBK,WAAW;IACXC;EACF,CAAC,CAAC,EACF,CAACN,aAAa,EAAEK,WAAW,CAC7B,CAAC;EAED,MAAMI,SAAS,GAAGV,KAAK,CAACW,MAAM,IAAIjB,IAAI;EACtC,oBACEI,IAAA,CAACH,aAAa,CAACiB,QAAQ;IAACC,KAAK,EAAEL,YAAa;IAAAM,QAAA,eAC1ChB,IAAA,CAACY,SAAS;MAAA,GAAKV,KAAK;MAAEK,KAAK,EAAEF;IAAe,CAAE;EAAC,CACzB,CAAC;AAE7B","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useState","View","useComponentConfig","mergeStyles","AvatarContext","AvatarVariants","jsx","_jsx","AvatarRoot","props","variantStyles","variant","componentConfig","mergedStyles","styles","composedStyles","root","style","imageLoaded","setImageLoaded","contextValue","Component","render","Provider","value","children"],"sourceRoot":"../../../../../src","sources":["components/avatar/components/avatar-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAChD,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,WAAW,QAAQ,oCAAiC;AAC7D,SAASC,aAAa,QAAQ,eAAY;AAC1C,SAASC,cAAc,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS7C,OAAO,SAASC,UAAUA,CAACC,KAAsB,EAAE;EACjD,MAAMC,aAAa,GAAGL,cAAc,CAACI,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EAClE,MAAMC,eAAe,GAAGV,kBAAkB,CAAC,QAAQ,CAAC;EAEpD,MAAMW,YAAY,GAAGV,WAAW,CAACO,aAAa,EAAEE,eAAe,EAAEE,MAAM,CAAC;EACxE,MAAMC,cAAc,GAAG,CAACF,YAAY,CAACG,IAAI,EAAEP,KAAK,CAACQ,KAAK,CAAC;EAEvD,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGnB,QAAQ,CAAC,KAAK,CAAC;EAErD,MAAMoB,YAA2B,GAAGrB,OAAO,CACzC,OAAO;IACLe,MAAM,EAAED,YAAY;IACpBK,WAAW;IACXC;EACF,CAAC,CAAC,EACF,CAACN,YAAY,EAAEK,WAAW,CAC5B,CAAC;EAED,MAAMG,SAAS,GAAGZ,KAAK,CAACa,MAAM,IAAIrB,IAAI;EACtC,oBACEM,IAAA,CAACH,aAAa,CAACmB,QAAQ;IAACC,KAAK,EAAEJ,YAAa;IAAAK,QAAA,eAC1ClB,IAAA,CAACc,SAAS;MAAA,GAAKZ,KAAK;MAAEQ,KAAK,EAAEF;IAAe,CAAE;EAAC,CACzB,CAAC;AAE7B","ignoreList":[]}

package/dist/module/components/badge/badge.js

@@ -3,22 +3,29 @@
 import React from "react";
 import { StyleSheet, View } from "react-native";
 import { useOrganizedChildren } from "../../hooks/use-organized-children.js";
+import { useComponentConfig } from "../../themes/provider.js";
+import { mergeStyles } from "../../utils/calculate-styles.js";
 import { BadgeContext } from "./context.js";
 import { BadgeVariants } from "./variants/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function Badge(props) {
   const variantStyles = BadgeVariants[props.variant || "default"]();
+  const componentConfig = useComponentConfig("badge");
   const customStyle = props.color ? {
     backgroundColor: props.color
   } : undefined;
-  const composedStyle = StyleSheet.flatten([variantStyles.root, props.style]);
-  const textStyle = variantStyles.text;
-  const iconStyle = variantStyles.icon;
+  const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
+  const composedStyle = StyleSheet.flatten([mergedStyles.root, props.style]);
+  const textStyle = StyleSheet.flatten([mergedStyles.text, props.style]);
+  const iconStyle = {
+    ...mergedStyles.icon,
+    ...props.style
+  };
   const organizedChildren = useOrganizedChildren(props.children, textStyle, iconStyle);
   const Component = props.render ?? View;
   return /*#__PURE__*/_jsx(BadgeContext.Provider, {
     value: {
-      styles: variantStyles
+      styles: mergedStyles
     },
     children: /*#__PURE__*/_jsx(Component, {
       ...props,

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","useOrganizedChildren","BadgeContext","BadgeVariants","jsx","_jsx","Badge","props","variantStyles","variant","customStyle","color","backgroundColor","undefined","composedStyle","flatten","root","style","textStyle","text","iconStyle","icon","organizedChildren","children","Component","render","Provider","value","styles"],"sourceRoot":"../../../../src","sources":["components/badge/badge.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAC/E,SAASC,oBAAoB,QAAQ,uCAAoC;AACzE,SAASC,YAAY,QAAQ,cAAW;AACxC,SAASC,aAAa,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAY3C,OAAO,SAASC,KAAKA,CAACC,KAAiB,EAAE;EACvC,MAAMC,aAAa,GAAGL,aAAa,CAACI,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EAEjE,MAAMC,WAAW,GAAGH,KAAK,CAACI,KAAK,GAC3B;IAAEC,eAAe,EAAEL,KAAK,CAACI;EAAM,CAAC,GAChCE,SAAS;EAEb,MAAMC,aAAa,GAAGf,UAAU,CAACgB,OAAO,CAAC,CAACP,aAAa,CAACQ,IAAI,EAAET,KAAK,CAACU,KAAK,CAAC,CAAC;EAE3E,MAAMC,SAAS,GAAGV,aAAa,CAACW,IAAI;EACpC,MAAMC,SAAS,GAAGZ,aAAa,CAACa,IAAI;EACpC,MAAMC,iBAAiB,GAAGrB,oBAAoB,CAC5CM,KAAK,CAACgB,QAAQ,EACdL,SAAS,EACTE,SACF,CAAC;EAED,MAAMI,SAAS,GAAGjB,KAAK,CAACkB,MAAM,IAAIzB,IAAI;EACtC,oBACEK,IAAA,CAACH,YAAY,CAACwB,QAAQ;IACpBC,KAAK,EAAE;MACLC,MAAM,EAAEpB;IACV,CAAE;IAAAe,QAAA,eAEFlB,IAAA,CAACmB,SAAS;MAAA,GAAKjB,KAAK;MAAEU,KAAK,EAAE,CAACH,aAAa,EAAEJ,WAAW,CAAE;MAAAa,QAAA,EACvDD;IAAiB,CACT;EAAC,CACS,CAAC;AAE5B","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","useOrganizedChildren","useComponentConfig","mergeStyles","BadgeContext","BadgeVariants","jsx","_jsx","Badge","props","variantStyles","variant","componentConfig","customStyle","color","backgroundColor","undefined","mergedStyles","styles","composedStyle","flatten","root","style","textStyle","text","iconStyle","icon","organizedChildren","children","Component","render","Provider","value"],"sourceRoot":"../../../../src","sources":["components/badge/badge.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAC/E,SAASC,oBAAoB,QAAQ,uCAAoC;AACzE,SAASC,kBAAkB,QAAQ,0BAAuB;AAC1D,SAASC,WAAW,QAAQ,iCAA8B;AAC1D,SAASC,YAAY,QAAQ,cAAW;AACxC,SAASC,aAAa,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAY3C,OAAO,SAASC,KAAKA,CAACC,KAAiB,EAAE;EACvC,MAAMC,aAAa,GAAGL,aAAa,CAACI,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EACjE,MAAMC,eAAe,GAAGV,kBAAkB,CAAC,OAAO,CAAC;EAEnD,MAAMW,WAAW,GAAGJ,KAAK,CAACK,KAAK,GAAG;IAAEC,eAAe,EAAEN,KAAK,CAACK;EAAM,CAAC,GAAGE,SAAS;EAE9E,MAAMC,YAAY,GAAGd,WAAW,CAACO,aAAa,EAAEE,eAAe,EAAEM,MAAM,CAAC;EACxE,MAAMC,aAAa,GAAGpB,UAAU,CAACqB,OAAO,CAAC,CAACH,YAAY,CAACI,IAAI,EAAEZ,KAAK,CAACa,KAAK,CAAC,CAAC;EAE1E,MAAMC,SAAS,GAAGxB,UAAU,CAACqB,OAAO,CAAC,CAACH,YAAY,CAACO,IAAI,EAAEf,KAAK,CAACa,KAAK,CAAC,CAAC;EACtE,MAAMG,SAAS,GAAG;IAAE,GAAGR,YAAY,CAACS,IAAI;IAAE,GAAGjB,KAAK,CAACa;EAAM,CAAC;EAC1D,MAAMK,iBAAiB,GAAG1B,oBAAoB,CAACQ,KAAK,CAACmB,QAAQ,EAAEL,SAAS,EAAEE,SAAS,CAAC;EAEpF,MAAMI,SAAS,GAAGpB,KAAK,CAACqB,MAAM,IAAI9B,IAAI;EACtC,oBACEO,IAAA,CAACH,YAAY,CAAC2B,QAAQ;IACpBC,KAAK,EAAE;MACLd,MAAM,EAAED;IACV,CAAE;IAAAW,QAAA,eAEFrB,IAAA,CAACsB,SAAS;MAAA,GAAKpB,KAAK;MAAEa,KAAK,EAAE,CAACH,aAAa,EAAEN,WAAW,CAAE;MAAAe,QAAA,EACvDD;IAAiB,CACT;EAAC,CACS,CAAC;AAE5B","ignoreList":[]}

package/dist/module/components/button/button.js

@@ -3,6 +3,8 @@
 import React, { useState } from "react";
 import { ActivityIndicator, Pressable, StyleSheet } from "react-native";
 import { useOrganizedChildren } from "../../hooks/use-organized-children.js";
+import { useComponentConfig } from "../../themes/provider.js";
+import { mergeStyles } from "../../utils/calculate-styles.js";
 import { ButtonVariants } from "./variants/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const calculateState = (props, isHovered) => {
@@ -12,11 +14,13 @@ const calculateState = (props, isHovered) => {
   return "default";
 };
 export function Button(props) {
-  const variantStyles = ButtonVariants[props.variant ?? "default"]();
+  const variantStyles = ButtonVariants[props.variant ?? "default"](props.size ?? "md");
+  const componentConfig = useComponentConfig("button");
   const [isHovered, setIsHovered] = useState(false);
   const state = calculateState(props, isHovered);
-  const textStyle = StyleSheet.flatten([variantStyles.text?.default, variantStyles.text?.[state]]);
-  const iconProps = StyleSheet.flatten([variantStyles.icon?.default, variantStyles.icon?.[state]]);
+  const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
+  const textStyle = StyleSheet.flatten([mergedStyles.text?.default, mergedStyles.text?.[state]]);
+  const iconProps = StyleSheet.flatten([mergedStyles.icon?.default, mergedStyles.icon?.[state]]);
   const organizedChildren = useOrganizedChildren(props.children, textStyle, iconProps);
   const handlePress = event => {
     if (props.isDisabled || props.isLoading) {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","ActivityIndicator","Pressable","StyleSheet","useOrganizedChildren","ButtonVariants","jsx","_jsx","jsxs","_jsxs","calculateState","props","isHovered","isDisabled","isLoading","Button","variantStyles","variant","setIsHovered","state","textStyle","flatten","text","default","iconProps","icon","organizedChildren","children","handlePress","event","preventDefault","onPress","spinnerProps","spinner","onHoverIn","onHoverOut","disabled","style","root"],"sourceRoot":"../../../../src","sources":["components/button/button.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,iBAAiB,EACjBC,SAAS,EAGTC,UAAU,QAEL,cAAc;AACrB,SAASC,oBAAoB,QAAQ,uCAAoC;AAEzE,SAASC,cAAc,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAY5C,MAAMC,cAAc,GAAGA,CACrBC,KAAkB,EAClBC,SAAkB,KACF;EAChB,IAAID,KAAK,CAACE,UAAU,EAAE,OAAO,UAAU;EACvC,IAAIF,KAAK,CAACG,SAAS,EAAE,OAAO,SAAS;EACrC,IAAIF,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASG,MAAMA,CAACJ,KAAkB,EAAE;EACzC,MAAMK,aAAa,GAAGX,cAAc,CAACM,KAAK,CAACM,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EAClE,MAAM,CAACL,SAAS,EAAEM,YAAY,CAAC,GAAGlB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMmB,KAAK,GAAGT,cAAc,CAACC,KAAK,EAAEC,SAAS,CAAC;EAE9C,MAAMQ,SAAS,GAAGjB,UAAU,CAACkB,OAAO,CAAC,CACnCL,aAAa,CAACM,IAAI,EAAEC,OAAO,EAC3BP,aAAa,CAACM,IAAI,GAAGH,KAAK,CAAC,CAC5B,CAAC;EACF,MAAMK,SAAS,GAAGrB,UAAU,CAACkB,OAAO,CAAC,CACnCL,aAAa,CAACS,IAAI,EAAEF,OAAO,EAC3BP,aAAa,CAACS,IAAI,GAAGN,KAAK,CAAC,CAC5B,CAAC;EAEF,MAAMO,iBAAiB,GAAGtB,oBAAoB,CAC5CO,KAAK,CAACgB,QAAQ,EACdP,SAAS,EACTI,SACF,CAAC;EAED,MAAMI,WAAsC,GAAIC,KAAK,IAAK;IACxD,IAAIlB,KAAK,CAACE,UAAU,IAAIF,KAAK,CAACG,SAAS,EAAE;MACvCe,KAAK,CAACC,cAAc,CAAC,CAAC;MACtB;IACF;IACAnB,KAAK,CAACoB,OAAO,GAAGF,KAAK,CAAC;EACxB,CAAC;EAED,MAAMG,YAAY,GAAG;IACnB,GAAGhB,aAAa,CAACiB,OAAO,GAAGd,KAAK,CAAC;IACjC,GAAGH,aAAa,CAACiB,OAAO,EAAEV;EAC5B,CAAC;EAED,oBACEd,KAAA,CAACP,SAAS;IAAA,GACJS,KAAK;IACToB,OAAO,EAAEH,WAAY;IACrBM,SAAS,EAAEA,CAAA,KAAMhB,YAAY,CAAC,IAAI,CAAE;IACpCiB,UAAU,EAAEA,CAAA,KAAMjB,YAAY,CAAC,KAAK,CAAE;IACtCkB,QAAQ,EAAEzB,KAAK,CAACE,UAAW;IAC3BwB,KAAK,EAAE,CACLrB,aAAa,CAACsB,IAAI,EAAEf,OAAO,EAC3BP,aAAa,CAACsB,IAAI,GAAGnB,KAAK,CAAC,EAC3BR,KAAK,CAAC0B,KAAK,CACX;IAAAV,QAAA,GAEDD,iBAAiB,EACjBf,KAAK,CAACG,SAAS,iBAAIP,IAAA,CAACN,iBAAiB;MAAA,GAAK+B;IAAY,CAAG,CAAC;EAAA,CAClD,CAAC;AAEhB","ignoreList":[]}
+{"version":3,"names":["React","useState","ActivityIndicator","Pressable","StyleSheet","useOrganizedChildren","useComponentConfig","mergeStyles","ButtonVariants","jsx","_jsx","jsxs","_jsxs","calculateState","props","isHovered","isDisabled","isLoading","Button","variantStyles","variant","size","componentConfig","setIsHovered","state","mergedStyles","styles","textStyle","flatten","text","default","iconProps","icon","organizedChildren","children","handlePress","event","preventDefault","onPress","spinnerProps","spinner","onHoverIn","onHoverOut","disabled","style","root"],"sourceRoot":"../../../../src","sources":["components/button/button.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,iBAAiB,EACjBC,SAAS,EAGTC,UAAU,QAEL,cAAc;AACrB,SAASC,oBAAoB,QAAQ,uCAAoC;AACzE,SAASC,kBAAkB,QAAQ,0BAAuB;AAC1D,SAASC,WAAW,QAAQ,iCAA8B;AAG1D,SAASC,cAAc,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAa5C,MAAMC,cAAc,GAAGA,CAACC,KAAkB,EAAEC,SAAkB,KAAkB;EAC9E,IAAID,KAAK,CAACE,UAAU,EAAE,OAAO,UAAU;EACvC,IAAIF,KAAK,CAACG,SAAS,EAAE,OAAO,SAAS;EACrC,IAAIF,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASG,MAAMA,CAACJ,KAAkB,EAAE;EACzC,MAAMK,aAAa,GAAGX,cAAc,CAACM,KAAK,CAACM,OAAO,IAAI,SAAS,CAAC,CAACN,KAAK,CAACO,IAAI,IAAI,IAAI,CAAC;EACpF,MAAMC,eAAe,GAAGhB,kBAAkB,CAAC,QAAQ,CAAC;EACpD,MAAM,CAACS,SAAS,EAAEQ,YAAY,CAAC,GAAGtB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMuB,KAAK,GAAGX,cAAc,CAACC,KAAK,EAAEC,SAAS,CAAC;EAE9C,MAAMU,YAAY,GAAGlB,WAAW,CAACY,aAAa,EAAEG,eAAe,EAAEI,MAAM,CAAC;EAExE,MAAMC,SAAS,GAAGvB,UAAU,CAACwB,OAAO,CAAC,CAACH,YAAY,CAACI,IAAI,EAAEC,OAAO,EAAEL,YAAY,CAACI,IAAI,GAAGL,KAAK,CAAC,CAAC,CAAC;EAC9F,MAAMO,SAAS,GAAG3B,UAAU,CAACwB,OAAO,CAAC,CAACH,YAAY,CAACO,IAAI,EAAEF,OAAO,EAAEL,YAAY,CAACO,IAAI,GAAGR,KAAK,CAAC,CAAC,CAAC;EAE9F,MAAMS,iBAAiB,GAAG5B,oBAAoB,CAACS,KAAK,CAACoB,QAAQ,EAAEP,SAAS,EAAEI,SAAS,CAAC;EAEpF,MAAMI,WAAsC,GAAIC,KAAK,IAAK;IACxD,IAAItB,KAAK,CAACE,UAAU,IAAIF,KAAK,CAACG,SAAS,EAAE;MACvCmB,KAAK,CAACC,cAAc,CAAC,CAAC;MACtB;IACF;IACAvB,KAAK,CAACwB,OAAO,GAAGF,KAAK,CAAC;EACxB,CAAC;EAED,MAAMG,YAAY,GAAG;IACnB,GAAGpB,aAAa,CAACqB,OAAO,GAAGhB,KAAK,CAAC;IACjC,GAAGL,aAAa,CAACqB,OAAO,EAAEV;EAC5B,CAAC;EAED,oBACElB,KAAA,CAACT,SAAS;IAAA,GACJW,KAAK;IACTwB,OAAO,EAAEH,WAAY;IACrBM,SAAS,EAAEA,CAAA,KAAMlB,YAAY,CAAC,IAAI,CAAE;IACpCmB,UAAU,EAAEA,CAAA,KAAMnB,YAAY,CAAC,KAAK,CAAE;IACtCoB,QAAQ,EAAE7B,KAAK,CAACE,UAAW;IAC3B4B,KAAK,EAAE,CAACzB,aAAa,CAAC0B,IAAI,EAAEf,OAAO,EAAEX,aAAa,CAAC0B,IAAI,GAAGrB,KAAK,CAAC,EAAEV,KAAK,CAAC8B,KAAK,CAAE;IAAAV,QAAA,GAE9ED,iBAAiB,EACjBnB,KAAK,CAACG,SAAS,iBAAIP,IAAA,CAACR,iBAAiB;MAAA,GAAKqC;IAAY,CAAG,CAAC;EAAA,CAClD,CAAC;AAEhB","ignoreList":[]}

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

@@ -2,57 +2,61 @@
 
 import { hslaSetRelativeLightness } from "../../../utils/hsla-utils.js";
 import { useThemedStyles } from "../../../utils/use-themed-styles.js";
-export const useButtonVariantDefault = () => {
+export const useButtonVariantDefault = size => {
   return useThemedStyles(({
     colors,
     radius,
     fontFamily,
-    fontSize
-  }) => ({
-    root: {
-      default: {
-        flexDirection: "row",
-        paddingVertical: 12,
-        paddingHorizontal: 16,
-        borderRadius: radius,
-        gap: 8,
-        alignItems: "center",
-        justifyContent: "center",
-        backgroundColor: colors.primary,
-        borderWidth: 1,
-        borderColor: colors.border,
-        cursor: "pointer"
+    sizeScale
+  }) => {
+    const sizeStyles = sizeScale(size);
+    return {
+      root: {
+        default: {
+          flexDirection: "row",
+          height: sizeStyles.height,
+          paddingHorizontal: sizeStyles.paddingHorizontal,
+          borderRadius: radius,
+          gap: sizeStyles.gap,
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: colors.primary,
+          borderWidth: 1,
+          borderColor: colors.border,
+          cursor: "pointer"
+        },
+        disabled: {
+          opacity: 0.5,
+          cursor: "not-allowed"
+        },
+        loading: {
+          opacity: 0.5,
+          cursor: "wait"
+        },
+        hovered: {
+          backgroundColor: hslaSetRelativeLightness(colors.primary, -10)
+        }
       },
-      disabled: {
-        opacity: 0.5,
-        cursor: "not-allowed"
+      text: {
+        default: {
+          color: colors.primaryForeground,
+          fontSize: sizeStyles.fontSize,
+          fontFamily
+        }
       },
-      loading: {
-        opacity: 0.5,
-        cursor: "wait"
+      icon: {
+        default: {
+          color: colors.primaryForeground,
+          size: sizeStyles.iconSize,
+          strokeWidth: sizeStyles.strokeWidth
+        }
       },
-      hovered: {
-        backgroundColor: hslaSetRelativeLightness(colors.primary, -10)
+      spinner: {
+        default: {
+          color: colors.primaryForeground
+        }
       }
-    },
-    text: {
-      default: {
-        color: colors.primaryForeground,
-        fontSize,
-        fontFamily
-      }
-    },
-    icon: {
-      default: {
-        color: colors.primaryForeground,
-        size: fontSize
-      }
-    },
-    spinner: {
-      default: {
-        color: colors.primaryForeground
-      }
-    }
-  }));
+    };
+  });
 };
 //# sourceMappingURL=default.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantDefault","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","primary","borderWidth","borderColor","border","cursor","disabled","opacity","loading","hovered","text","color","primaryForeground","icon","size","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/default.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAoB;EACzD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAER,MAAM;QACpBS,GAAG,EAAE,CAAC;QACNC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAEb,MAAM,CAACc,OAAO;QAC/BC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEhB,MAAM,CAACiB,MAAM;QAC1BC,MAAM,EAAE;MACV,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE,GAAG;QACZF,MAAM,EAAE;MACV,CAAC;MACDG,OAAO,EAAE;QACPD,OAAO,EAAE,GAAG;QACZF,MAAM,EAAE;MACV,CAAC;MACDI,OAAO,EAAE;QACPT,eAAe,EAAEhB,wBAAwB,CAACG,MAAM,CAACc,OAAO,EAAE,CAAC,EAAE;MAC/D;IACF,CAAC;IACDS,IAAI,EAAE;MACJlB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB,iBAAiB;QAC/BtB,QAAQ;QACRD;MACF;IACF,CAAC;IACDwB,IAAI,EAAE;MACJrB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB,iBAAiB;QAC/BE,IAAI,EAAExB;MACR;IACF,CAAC;IACDyB,OAAO,EAAE;MACPvB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantDefault","size","colors","radius","fontFamily","sizeScale","sizeStyles","root","default","flexDirection","height","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","primary","borderWidth","borderColor","border","cursor","disabled","opacity","loading","hovered","text","color","primaryForeground","fontSize","icon","iconSize","strokeWidth","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/default.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AAEpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,uBAAuB,GAAIC,IAAU,IAAmB;EACnE,OAAOF,eAAe,CAAC,CAAC;IAAEG,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,KAAmB;IAClF,MAAMC,UAAU,GAAGD,SAAS,CAACJ,IAAI,CAAC;IAElC,OAAO;MACLM,IAAI,EAAE;QACJC,OAAO,EAAE;UACPC,aAAa,EAAE,KAAK;UACpBC,MAAM,EAAEJ,UAAU,CAACI,MAAM;UACzBC,iBAAiB,EAAEL,UAAU,CAACK,iBAAiB;UAC/CC,YAAY,EAAET,MAAM;UACpBU,GAAG,EAAEP,UAAU,CAACO,GAAG;UACnBC,UAAU,EAAE,QAAQ;UACpBC,cAAc,EAAE,QAAQ;UACxBC,eAAe,EAAEd,MAAM,CAACe,OAAO;UAC/BC,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEjB,MAAM,CAACkB,MAAM;UAC1BC,MAAM,EAAE;QACV,CAAC;QACDC,QAAQ,EAAE;UACRC,OAAO,EAAE,GAAG;UACZF,MAAM,EAAE;QACV,CAAC;QACDG,OAAO,EAAE;UACPD,OAAO,EAAE,GAAG;UACZF,MAAM,EAAE;QACV,CAAC;QACDI,OAAO,EAAE;UACPT,eAAe,EAAElB,wBAAwB,CAACI,MAAM,CAACe,OAAO,EAAE,CAAC,EAAE;QAC/D;MACF,CAAC;MACDS,IAAI,EAAE;QACJlB,OAAO,EAAE;UACPmB,KAAK,EAAEzB,MAAM,CAAC0B,iBAAiB;UAC/BC,QAAQ,EAAEvB,UAAU,CAACuB,QAAQ;UAC7BzB;QACF;MACF,CAAC;MACD0B,IAAI,EAAE;QACJtB,OAAO,EAAE;UACPmB,KAAK,EAAEzB,MAAM,CAAC0B,iBAAiB;UAC/B3B,IAAI,EAAEK,UAAU,CAACyB,QAAQ;UACzBC,WAAW,EAAE1B,UAAU,CAAC0B;QAC1B;MACF,CAAC;MACDC,OAAO,EAAE;QACPzB,OAAO,EAAE;UACPmB,KAAK,EAAEzB,MAAM,CAAC0B;QAChB;MACF;IACF,CAAC;EACH,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}