@korsolutions/ui 0.0.64 → 0.0.65

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

@@ -0,0 +1,44 @@
+"use strict";
+
+import React, { useState } from "react";
+import { ActivityIndicator, Pressable, StyleSheet } from "react-native";
+import { useOrganizedChildren } from "../../hooks/use-organized-children.js";
+import { ButtonVariants } from "./variants/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const calculateState = (props, isHovered) => {
+  if (props.isDisabled) return "disabled";
+  if (props.isLoading) return "loading";
+  if (isHovered) return "hovered";
+  return "default";
+};
+export function Button(props) {
+  const variantStyles = ButtonVariants[props.variant ?? "default"]();
+  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 organizedChildren = useOrganizedChildren(props.children, textStyle, iconProps);
+  const handlePress = event => {
+    if (props.isDisabled || props.isLoading) {
+      event.preventDefault();
+      return;
+    }
+    props.onPress?.(event);
+  };
+  const spinnerProps = {
+    ...variantStyles.spinner?.[state],
+    ...variantStyles.spinner?.default
+  };
+  return /*#__PURE__*/_jsxs(Pressable, {
+    ...props,
+    onPress: handlePress,
+    onHoverIn: () => setIsHovered(true),
+    onHoverOut: () => setIsHovered(false),
+    disabled: props.isDisabled,
+    style: [variantStyles.root?.default, variantStyles.root?.[state], props.style],
+    children: [organizedChildren, props.isLoading && /*#__PURE__*/_jsx(ActivityIndicator, {
+      ...spinnerProps
+    })]
+  });
+}
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +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":[]}

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

@@ -1,11 +1,4 @@
 "use strict";
 
-import { ButtonLabel } from "./components/button-label.js";
-import { ButtonRoot } from "./components/button-root.js";
-import { ButtonSpinner } from "./components/button-spinner.js";
-export const Button = {
-  Root: ButtonRoot,
-  Label: ButtonLabel,
-  Spinner: ButtonSpinner
-};
+export { Button } from "./button.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["ButtonLabel","ButtonRoot","ButtonSpinner","Button","Root","Label","Spinner"],"sourceRoot":"../../../../src","sources":["components/button/index.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,8BAA2B;AACvD,SAASC,UAAU,QAAQ,6BAA0B;AACrD,SAASC,aAAa,QAAQ,gCAA6B;AAE3D,OAAO,MAAMC,MAAM,GAAG;EACpBC,IAAI,EAAEH,UAAU;EAChBI,KAAK,EAAEL,WAAW;EAClBM,OAAO,EAAEJ;AACX,CAAC","ignoreList":[]}
+{"version":3,"names":["Button"],"sourceRoot":"../../../../src","sources":["components/button/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAA0B,aAAU","ignoreList":[]}

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

@@ -20,33 +20,38 @@ export const useButtonVariantDefault = () => {
         justifyContent: "center",
         backgroundColor: colors.primary,
         borderWidth: 1,
-        borderColor: colors.border
+        borderColor: colors.border,
+        cursor: "pointer"
       },
       disabled: {
-        opacity: 0.5
+        opacity: 0.5,
+        cursor: "not-allowed"
       },
       loading: {
-        opacity: 0.5
+        opacity: 0.5,
+        cursor: "wait"
       },
       hovered: {
         backgroundColor: hslaSetRelativeLightness(colors.primary, -10)
       }
     },
-    label: {
+    text: {
       default: {
         color: colors.primaryForeground,
         fontSize,
         fontFamily
-      },
-      disabled: {},
-      loading: {}
+      }
+    },
+    icon: {
+      default: {
+        color: colors.primaryForeground,
+        size: fontSize
+      }
     },
     spinner: {
       default: {
         color: colors.primaryForeground
-      },
-      disabled: {},
-      loading: {}
+      }
     }
   }));
 };

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","disabled","opacity","loading","hovered","label","color","primaryForeground","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/default.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAElE,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;MACtB,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPD,OAAO,EAAE;MACX,CAAC;MACDE,OAAO,EAAE;QACPR,eAAe,EAAEhB,wBAAwB,CAACG,MAAM,CAACc,OAAO,EAAE,CAAC,EAAE;MAC/D;IACF,CAAC;IACDQ,KAAK,EAAE;MACLjB,OAAO,EAAE;QACPkB,KAAK,EAAEvB,MAAM,CAACwB,iBAAiB;QAC/BrB,QAAQ;QACRD;MACF,CAAC;MACDgB,QAAQ,EAAE,CAAC,CAAC;MACZE,OAAO,EAAE,CAAC;IACZ,CAAC;IACDK,OAAO,EAAE;MACPpB,OAAO,EAAE;QACPkB,KAAK,EAAEvB,MAAM,CAACwB;MAChB,CAAC;MACDN,QAAQ,EAAE,CAAC,CAAC;MACZE,OAAO,EAAE,CAAC;IACZ;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
+{"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":[]}

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

@@ -18,19 +18,22 @@ export const useButtonVariantGhost = () => {
         gap: 8,
         alignItems: "center",
         justifyContent: "center",
-        backgroundColor: "transparent"
+        backgroundColor: "transparent",
+        cursor: "pointer"
       },
       disabled: {
-        opacity: 0.5
+        opacity: 0.5,
+        cursor: "not-allowed"
       },
       loading: {
-        opacity: 0.5
+        opacity: 0.5,
+        cursor: "wait"
       },
       hovered: {
         backgroundColor: hslaSetRelativeLightness(colors.secondary, -1)
       }
     },
-    label: {
+    text: {
       default: {
         color: colors.foreground,
         fontSize,
@@ -43,6 +46,18 @@ export const useButtonVariantGhost = () => {
         color: colors.mutedForeground
       }
     },
+    icon: {
+      default: {
+        color: colors.foreground,
+        size: fontSize
+      },
+      disabled: {
+        color: colors.mutedForeground
+      },
+      loading: {
+        color: colors.mutedForeground
+      }
+    },
     spinner: {
       default: {
         color: colors.foreground

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

@@ -1 +1 @@
-{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantGhost","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","disabled","opacity","loading","hovered","secondary","label","color","foreground","mutedForeground","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/ghost.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAElE,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAoB;EACvD,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,EAAE;MACnB,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPD,OAAO,EAAE;MACX,CAAC;MACDE,OAAO,EAAE;QACPJ,eAAe,EAAEhB,wBAAwB,CAACG,MAAM,CAACkB,SAAS,EAAE,CAAC,CAAC;MAChE;IACF,CAAC;IACDC,KAAK,EAAE;MACLd,OAAO,EAAE;QACPe,KAAK,EAAEpB,MAAM,CAACqB,UAAU;QACxBlB,QAAQ;QACRD;MACF,CAAC;MACDY,QAAQ,EAAE;QACRM,KAAK,EAAEpB,MAAM,CAACsB;MAChB,CAAC;MACDN,OAAO,EAAE;QACPI,KAAK,EAAEpB,MAAM,CAACsB;MAChB;IACF,CAAC;IACDC,OAAO,EAAE;MACPlB,OAAO,EAAE;QACPe,KAAK,EAAEpB,MAAM,CAACqB;MAChB,CAAC;MACDP,QAAQ,EAAE;QACRM,KAAK,EAAEpB,MAAM,CAACsB;MAChB,CAAC;MACDN,OAAO,EAAE;QACPI,KAAK,EAAEpB,MAAM,CAACsB;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantGhost","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","cursor","disabled","opacity","loading","hovered","secondary","text","color","foreground","mutedForeground","icon","size","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/ghost.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAoB;EACvD,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,EAAE,aAAa;QAC9BC,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;QACPL,eAAe,EAAEhB,wBAAwB,CAACG,MAAM,CAACmB,SAAS,EAAE,CAAC,CAAC;MAChE;IACF,CAAC;IACDC,IAAI,EAAE;MACJf,OAAO,EAAE;QACPgB,KAAK,EAAErB,MAAM,CAACsB,UAAU;QACxBnB,QAAQ;QACRD;MACF,CAAC;MACDa,QAAQ,EAAE;QACRM,KAAK,EAAErB,MAAM,CAACuB;MAChB,CAAC;MACDN,OAAO,EAAE;QACPI,KAAK,EAAErB,MAAM,CAACuB;MAChB;IACF,CAAC;IACDC,IAAI,EAAE;MACJnB,OAAO,EAAE;QACPgB,KAAK,EAAErB,MAAM,CAACsB,UAAU;QACxBG,IAAI,EAAEtB;MACR,CAAC;MACDY,QAAQ,EAAE;QACRM,KAAK,EAAErB,MAAM,CAACuB;MAChB,CAAC;MACDN,OAAO,EAAE;QACPI,KAAK,EAAErB,MAAM,CAACuB;MAChB;IACF,CAAC;IACDG,OAAO,EAAE;MACPrB,OAAO,EAAE;QACPgB,KAAK,EAAErB,MAAM,CAACsB;MAChB,CAAC;MACDP,QAAQ,EAAE;QACRM,KAAK,EAAErB,MAAM,CAACuB;MAChB,CAAC;MACDN,OAAO,EAAE;QACPI,KAAK,EAAErB,MAAM,CAACuB;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}

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

@@ -20,19 +20,22 @@ export const useButtonVariantSecondary = () => {
         justifyContent: "center",
         borderWidth: 1,
         borderColor: colors.border,
-        backgroundColor: colors.secondary
+        backgroundColor: colors.secondary,
+        cursor: "pointer"
       },
       disabled: {
-        opacity: 0.5
+        opacity: 0.5,
+        cursor: "not-allowed"
       },
       loading: {
-        opacity: 0.5
+        opacity: 0.5,
+        cursor: "wait"
       },
       hovered: {
         backgroundColor: hslaSetRelativeLightness(colors.secondary, -1)
       }
     },
-    label: {
+    text: {
       default: {
         color: colors.secondaryForeground,
         fontSize,
@@ -45,6 +48,18 @@ export const useButtonVariantSecondary = () => {
         color: colors.mutedForeground
       }
     },
+    icon: {
+      default: {
+        color: colors.secondaryForeground,
+        size: fontSize
+      },
+      disabled: {
+        color: colors.mutedForeground
+      },
+      loading: {
+        color: colors.mutedForeground
+      }
+    },
     spinner: {
       default: {
         color: colors.secondaryForeground

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

@@ -1 +1 @@
-{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantSecondary","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","borderWidth","borderColor","border","backgroundColor","secondary","disabled","opacity","loading","hovered","label","color","secondaryForeground","mutedForeground","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/secondary.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAElE,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAoB;EAC3D,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,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEd,MAAM,CAACe,MAAM;QAC1BC,eAAe,EAAEhB,MAAM,CAACiB;MAC1B,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPD,OAAO,EAAE;MACX,CAAC;MACDE,OAAO,EAAE;QACPL,eAAe,EAAEnB,wBAAwB,CAACG,MAAM,CAACiB,SAAS,EAAE,CAAC,CAAC;MAChE;IACF,CAAC;IACDK,KAAK,EAAE;MACLjB,OAAO,EAAE;QACPkB,KAAK,EAAEvB,MAAM,CAACwB,mBAAmB;QACjCrB,QAAQ;QACRD;MACF,CAAC;MACDgB,QAAQ,EAAE;QACRK,KAAK,EAAEvB,MAAM,CAACyB;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAEvB,MAAM,CAACyB;MAChB;IACF,CAAC;IACDC,OAAO,EAAE;MACPrB,OAAO,EAAE;QACPkB,KAAK,EAAEvB,MAAM,CAACwB;MAChB,CAAC;MACDN,QAAQ,EAAE;QACRK,KAAK,EAAEvB,MAAM,CAACyB;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAEvB,MAAM,CAACyB;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantSecondary","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","borderWidth","borderColor","border","backgroundColor","secondary","cursor","disabled","opacity","loading","hovered","text","color","secondaryForeground","mutedForeground","icon","size","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/secondary.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAoB;EAC3D,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,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEd,MAAM,CAACe,MAAM;QAC1BC,eAAe,EAAEhB,MAAM,CAACiB,SAAS;QACjCC,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;QACPN,eAAe,EAAEnB,wBAAwB,CAACG,MAAM,CAACiB,SAAS,EAAE,CAAC,CAAC;MAChE;IACF,CAAC;IACDM,IAAI,EAAE;MACJlB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB,mBAAmB;QACjCtB,QAAQ;QACRD;MACF,CAAC;MACDiB,QAAQ,EAAE;QACRK,KAAK,EAAExB,MAAM,CAAC0B;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAExB,MAAM,CAAC0B;MAChB;IACF,CAAC;IACDC,IAAI,EAAE;MACJtB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB,mBAAmB;QACjCG,IAAI,EAAEzB;MACR,CAAC;MACDgB,QAAQ,EAAE;QACRK,KAAK,EAAExB,MAAM,CAAC0B;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAExB,MAAM,CAAC0B;MAChB;IACF,CAAC;IACDG,OAAO,EAAE;MACPxB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB;MAChB,CAAC;MACDN,QAAQ,EAAE;QACRK,KAAK,EAAExB,MAAM,CAAC0B;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAExB,MAAM,CAAC0B;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/hooks/use-organized-children.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Text","Icon","getElementProp","jsx","_jsx","useOrganizedChildren","children","textStyle","iconProps","organizedChildren","style","Array","isArray","map","child","index","isValidElement","type","cloneElement","key"],"sourceRoot":"../../../src","sources":["hooks/use-organized-children.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,IAAI,QAAwB,6BAAoB;AACzD,SAASC,cAAc,QAAQ,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,SAASC,oBAAoBA,CAClCC,QAAyB,EACzBC,SAA2C,EAC3CC,SAAgC,EACf;EACjB,MAAMC,iBAAiB,GAAGV,OAAO,CAAC,MAAM;IACtC,IAAI,OAAOO,QAAQ,KAAK,QAAQ,EAAE;MAChC,oBAAOF,IAAA,CAACJ,IAAI;QAACU,KAAK,EAAEH,SAAU;QAAAD,QAAA,EAAEA;MAAQ,CAAO,CAAC;IAClD;IACA,IAAIK,KAAK,CAACC,OAAO,CAACN,QAAQ,CAAC,EAAE;MAC3B,OAAOA,QAAQ,CAACO,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;QACpC,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;UAC7B,oBACEV,IAAA,CAACJ,IAAI;YAAaU,KAAK,EAAEH,SAAU;YAAAD,QAAA,EAChCQ;UAAK,GADGC,KAEL,CAAC;QAEX,CAAC,MAAM,IAAI,aAAAjB,KAAK,CAACkB,cAAc,CAACF,KAAK,CAAC,IAAIA,KAAK,CAACG,IAAI,KAAKhB,IAAI,EAAE;UAC7D,oBAAOH,KAAK,CAACoB,YAAY,CAACJ,KAAK,EAA6B;YAC1DK,GAAG,EAAEL,KAAK,CAACK,GAAG;YACd,GAAGX,SAAS;YACZE,KAAK,EAAE,CAACF,SAAS,EAAEE,KAAK,EAAER,cAAc,CAACY,KAAK,EAAE,OAAO,CAAC;UAC1D,CAAC,CAAC;QACJ;QACA,OAAOA,KAAK;MACd,CAAC,CAAC;IACJ;IACA,OAAOR,QAAQ;EACjB,CAAC,EAAE,CAACA,QAAQ,EAAEE,SAAS,EAAED,SAAS,CAAC,CAAC;EAEpC,OAAOE,iBAAiB;AAC1B","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Text","Icon","getElementProp","jsx","_jsx","useOrganizedChildren","children","textStyle","iconProps","organizedChildren","style","Array","isArray","map","child","index","isValidElement","type","cloneElement","key"],"sourceRoot":"../../../src","sources":["hooks/use-organized-children.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,IAAI,QAAwB,6BAAoB;AACzD,SAASC,cAAc,QAAQ,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,SAASC,oBAAoBA,CAClCC,QAAyB,EACzBC,SAA2C,EAC3CC,SAAuC,EACtB;EACjB,MAAMC,iBAAiB,GAAGV,OAAO,CAAC,MAAM;IACtC,IAAI,OAAOO,QAAQ,KAAK,QAAQ,EAAE;MAChC,oBAAOF,IAAA,CAACJ,IAAI;QAACU,KAAK,EAAEH,SAAU;QAAAD,QAAA,EAAEA;MAAQ,CAAO,CAAC;IAClD;IACA,IAAIK,KAAK,CAACC,OAAO,CAACN,QAAQ,CAAC,EAAE;MAC3B,OAAOA,QAAQ,CAACO,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;QACpC,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;UAC7B,oBACEV,IAAA,CAACJ,IAAI;YAAaU,KAAK,EAAEH,SAAU;YAAAD,QAAA,EAChCQ;UAAK,GADGC,KAEL,CAAC;QAEX,CAAC,MAAM,IAAI,aAAAjB,KAAK,CAACkB,cAAc,CAACF,KAAK,CAAC,IAAIA,KAAK,CAACG,IAAI,KAAKhB,IAAI,EAAE;UAC7D,oBAAOH,KAAK,CAACoB,YAAY,CAACJ,KAAK,EAA6B;YAC1DK,GAAG,EAAEL,KAAK,CAACK,GAAG;YACd,GAAGX,SAAS;YACZE,KAAK,EAAE,CAACF,SAAS,EAAEE,KAAK,EAAER,cAAc,CAACY,KAAK,EAAE,OAAO,CAAC;UAC1D,CAAC,CAAC;QACJ;QACA,OAAOA,KAAK;MACd,CAAC,CAAC;IACJ;IACA,OAAOR,QAAQ;EACjB,CAAC,EAAE,CAACA,QAAQ,EAAEE,SAAS,EAAED,SAAS,CAAC,CAAC;EAEpC,OAAOE,iBAAiB;AAC1B","ignoreList":[]}

package/dist/typescript/src/components/button/{components/button-root.d.ts → button.d.ts}

@@ -1,12 +1,12 @@
 import React from "react";
 import { type PressableProps, type StyleProp, type ViewStyle } from "react-native";
-import { ButtonVariants } from "../variants";
-export interface ButtonRootProps extends PressableProps {
+import { ButtonVariants } from "./variants";
+export interface ButtonProps extends PressableProps {
     variant?: keyof typeof ButtonVariants;
     children?: React.ReactNode;
     isDisabled?: boolean;
     isLoading?: boolean;
     style?: StyleProp<ViewStyle>;
 }
-export declare function ButtonRoot(props: ButtonRootProps): React.JSX.Element;
-//# sourceMappingURL=button-root.d.ts.map
+export declare function Button(props: ButtonProps): React.JSX.Element;
+//# sourceMappingURL=button.d.ts.map

package/dist/typescript/src/components/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,OAAO,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAYD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBAmDxC"}

package/dist/typescript/src/components/button/index.d.ts

@@ -1,13 +1,3 @@
-import { ButtonLabel } from "./components/button-label";
-import { ButtonRoot } from "./components/button-root";
-import { ButtonSpinner } from "./components/button-spinner";
-export declare const Button: {
-    Root: typeof ButtonRoot;
-    Label: typeof ButtonLabel;
-    Spinner: typeof ButtonSpinner;
-};
-export type { ButtonLabelProps } from "./components/button-label";
-export type { ButtonRootProps } from "./components/button-root";
-export type { ButtonSpinnerProps } from "./components/button-spinner";
+export { Button, type ButtonProps } from "./button";
 export type { ButtonStyles } from "./types";
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/components/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,eAAO,MAAM,MAAM;;;;CAIlB,CAAC;AAEF,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/dist/typescript/src/components/button/types.d.ts

@@ -1,10 +1,10 @@
-import type { ButtonLabelProps } from "./components/button-label";
-import type { ButtonRootProps } from "./components/button-root";
-import type { ButtonSpinnerProps } from "./components/button-spinner";
+import type { ActivityIndicatorProps, TextStyle, ViewStyle } from "react-native";
+import type { IconProps } from "../icon";
 export type ButtonState = "default" | "disabled" | "loading" | "hovered";
 export interface ButtonStyles {
-    root?: Partial<Record<ButtonState, ButtonRootProps["style"]>>;
-    label?: Partial<Record<ButtonState, ButtonLabelProps["style"]>>;
-    spinner?: Partial<Record<ButtonState, ButtonSpinnerProps>>;
+    root?: Partial<Record<ButtonState, ViewStyle>>;
+    text?: Partial<Record<ButtonState, TextStyle>>;
+    icon?: Partial<Record<ButtonState, IconProps>>;
+    spinner?: Partial<Record<ButtonState, ActivityIndicatorProps>>;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/components/button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAEzE,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC9D,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC,CAAC;CAC5D"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAEzE,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAC,CAAC;CAChE"}

package/dist/typescript/src/components/button/variants/default.d.ts

@@ -1,3 +1,3 @@
-import { type ButtonStyles } from "../..";
+import type { ButtonStyles } from "../types";
 export declare const useButtonVariantDefault: () => ButtonStyles;
 //# sourceMappingURL=default.d.ts.map

package/dist/typescript/src/components/button/variants/default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,eAAO,MAAM,uBAAuB,QAAO,YA4C1C,CAAC"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/default.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,uBAAuB,QAAO,YAiD1C,CAAC"}

package/dist/typescript/src/components/button/variants/ghost.d.ts

@@ -1,3 +1,3 @@
-import { type ButtonStyles } from "../..";
+import type { ButtonStyles } from "../types";
 export declare const useButtonVariantGhost: () => ButtonStyles;
 //# sourceMappingURL=ghost.d.ts.map

package/dist/typescript/src/components/button/variants/ghost.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ghost.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/ghost.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,eAAO,MAAM,qBAAqB,QAAO,YAkDxC,CAAC"}
+{"version":3,"file":"ghost.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/ghost.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,qBAAqB,QAAO,YAiExC,CAAC"}

package/dist/typescript/src/components/button/variants/secondary.d.ts

@@ -1,3 +1,3 @@
-import { type ButtonStyles } from "../..";
+import type { ButtonStyles } from "../types";
 export declare const useButtonVariantSecondary: () => ButtonStyles;
 //# sourceMappingURL=secondary.d.ts.map

package/dist/typescript/src/components/button/variants/secondary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"secondary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/secondary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,eAAO,MAAM,yBAAyB,QAAO,YAoD5C,CAAC"}
+{"version":3,"file":"secondary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/secondary.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,yBAAyB,QAAO,YAmE5C,CAAC"}

package/dist/typescript/src/hooks/use-organized-children.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { type StyleProp, type TextStyle } from "react-native";
 import { type IconProps } from "../components/icon";
-export declare function useOrganizedChildren(children: React.ReactNode, textStyle: StyleProp<TextStyle> | undefined, iconProps: IconProps | undefined): React.ReactNode;
+export declare function useOrganizedChildren(children: React.ReactNode, textStyle: StyleProp<TextStyle> | undefined, iconProps: IconProps | undefined | null): React.ReactNode;
 //# sourceMappingURL=use-organized-children.d.ts.map

package/dist/typescript/src/hooks/use-organized-children.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-organized-children.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-organized-children.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG1D,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,EAC3C,SAAS,EAAE,SAAS,GAAG,SAAS,GAC/B,KAAK,CAAC,SAAS,CA2BjB"}
+{"version":3,"file":"use-organized-children.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-organized-children.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG1D,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,EAC3C,SAAS,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,GACtC,KAAK,CAAC,SAAS,CA2BjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.64",
+  "version": "0.0.65",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/components/button/button.tsx

@@ -0,0 +1,85 @@
+import React, { useState } from "react";
+import {
+  ActivityIndicator,
+  Pressable,
+  type PressableProps,
+  type StyleProp,
+  StyleSheet,
+  type ViewStyle,
+} from "react-native";
+import { useOrganizedChildren } from "../../hooks/use-organized-children";
+import type { ButtonState } from "./types";
+import { ButtonVariants } from "./variants";
+
+export interface ButtonProps extends PressableProps {
+  variant?: keyof typeof ButtonVariants;
+  children?: React.ReactNode;
+
+  isDisabled?: boolean;
+  isLoading?: boolean;
+
+  style?: StyleProp<ViewStyle>;
+}
+
+const calculateState = (
+  props: ButtonProps,
+  isHovered: boolean,
+): ButtonState => {
+  if (props.isDisabled) return "disabled";
+  if (props.isLoading) return "loading";
+  if (isHovered) return "hovered";
+  return "default";
+};
+
+export function Button(props: ButtonProps) {
+  const variantStyles = ButtonVariants[props.variant ?? "default"]();
+  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 organizedChildren = useOrganizedChildren(
+    props.children,
+    textStyle,
+    iconProps,
+  );
+
+  const handlePress: PressableProps["onPress"] = (event) => {
+    if (props.isDisabled || props.isLoading) {
+      event.preventDefault();
+      return;
+    }
+    props.onPress?.(event);
+  };
+
+  const spinnerProps = {
+    ...variantStyles.spinner?.[state],
+    ...variantStyles.spinner?.default,
+  };
+
+  return (
+    <Pressable
+      {...props}
+      onPress={handlePress}
+      onHoverIn={() => setIsHovered(true)}
+      onHoverOut={() => setIsHovered(false)}
+      disabled={props.isDisabled}
+      style={[
+        variantStyles.root?.default,
+        variantStyles.root?.[state],
+        props.style,
+      ]}
+    >
+      {organizedChildren}
+      {props.isLoading && <ActivityIndicator {...spinnerProps} />}
+    </Pressable>
+  );
+}

package/src/components/button/index.ts

@@ -1,14 +1,2 @@
-import { ButtonLabel } from "./components/button-label";
-import { ButtonRoot } from "./components/button-root";
-import { ButtonSpinner } from "./components/button-spinner";
-
-export const Button = {
-  Root: ButtonRoot,
-  Label: ButtonLabel,
-  Spinner: ButtonSpinner,
-};
-
-export type { ButtonLabelProps } from "./components/button-label";
-export type { ButtonRootProps } from "./components/button-root";
-export type { ButtonSpinnerProps } from "./components/button-spinner";
+export { Button, type ButtonProps } from "./button";
 export type { ButtonStyles } from "./types";

package/src/components/button/types.ts

@@ -1,11 +1,15 @@
-import type { ButtonLabelProps } from "./components/button-label";
-import type { ButtonRootProps } from "./components/button-root";
-import type { ButtonSpinnerProps } from "./components/button-spinner";
+import type {
+  ActivityIndicatorProps,
+  TextStyle,
+  ViewStyle,
+} from "react-native";
+import type { IconProps } from "../icon";
 
 export type ButtonState = "default" | "disabled" | "loading" | "hovered";
 
 export interface ButtonStyles {
-  root?: Partial<Record<ButtonState, ButtonRootProps["style"]>>;
-  label?: Partial<Record<ButtonState, ButtonLabelProps["style"]>>;
-  spinner?: Partial<Record<ButtonState, ButtonSpinnerProps>>;
+  root?: Partial<Record<ButtonState, ViewStyle>>;
+  text?: Partial<Record<ButtonState, TextStyle>>;
+  icon?: Partial<Record<ButtonState, IconProps>>;
+  spinner?: Partial<Record<ButtonState, ActivityIndicatorProps>>;
 }

package/src/components/button/variants/default.tsx

@@ -1,6 +1,7 @@
-import { type ButtonStyles } from "../..";
+import type { CursorValue } from "react-native";
 import { hslaSetRelativeLightness } from "../../../utils/hsla-utils";
 import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { ButtonStyles } from "../types";
 
 export const useButtonVariantDefault = (): ButtonStyles => {
   return useThemedStyles(
@@ -17,32 +18,37 @@ export const useButtonVariantDefault = (): ButtonStyles => {
           backgroundColor: colors.primary,
           borderWidth: 1,
           borderColor: colors.border,
+          cursor: "pointer",
         },
         disabled: {
           opacity: 0.5,
+          cursor: "not-allowed" as CursorValue,
         },
         loading: {
           opacity: 0.5,
+          cursor: "wait" as CursorValue,
         },
         hovered: {
           backgroundColor: hslaSetRelativeLightness(colors.primary, -10),
         },
       },
-      label: {
+      text: {
         default: {
           color: colors.primaryForeground,
           fontSize,
           fontFamily,
         },
-        disabled: {},
-        loading: {},
+      },
+      icon: {
+        default: {
+          color: colors.primaryForeground,
+          size: fontSize,
+        },
       },
       spinner: {
         default: {
           color: colors.primaryForeground,
         },
-        disabled: {},
-        loading: {},
       },
     }),
   );

package/src/components/button/variants/ghost.tsx

@@ -1,6 +1,7 @@
-import { type ButtonStyles } from "../..";
+import type { CursorValue } from "react-native";
 import { hslaSetRelativeLightness } from "../../../utils/hsla-utils";
 import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { ButtonStyles } from "../types";
 
 export const useButtonVariantGhost = (): ButtonStyles => {
   return useThemedStyles(
@@ -15,18 +16,21 @@ export const useButtonVariantGhost = (): ButtonStyles => {
           alignItems: "center",
           justifyContent: "center",
           backgroundColor: "transparent",
+          cursor: "pointer",
         },
         disabled: {
           opacity: 0.5,
+          cursor: "not-allowed" as CursorValue,
         },
         loading: {
           opacity: 0.5,
+          cursor: "wait" as CursorValue,
         },
         hovered: {
           backgroundColor: hslaSetRelativeLightness(colors.secondary, -1),
         },
       },
-      label: {
+      text: {
         default: {
           color: colors.foreground,
           fontSize,
@@ -39,6 +43,18 @@ export const useButtonVariantGhost = (): ButtonStyles => {
           color: colors.mutedForeground,
         },
       },
+      icon: {
+        default: {
+          color: colors.foreground,
+          size: fontSize,
+        },
+        disabled: {
+          color: colors.mutedForeground,
+        },
+        loading: {
+          color: colors.mutedForeground,
+        },
+      },
       spinner: {
         default: {
           color: colors.foreground,

package/src/components/button/variants/secondary.tsx

@@ -1,6 +1,7 @@
-import { type ButtonStyles } from "../..";
+import type { CursorValue } from "react-native";
 import { hslaSetRelativeLightness } from "../../../utils/hsla-utils";
 import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { ButtonStyles } from "../types";
 
 export const useButtonVariantSecondary = (): ButtonStyles => {
   return useThemedStyles(
@@ -17,18 +18,21 @@ export const useButtonVariantSecondary = (): ButtonStyles => {
           borderWidth: 1,
           borderColor: colors.border,
           backgroundColor: colors.secondary,
+          cursor: "pointer",
         },
         disabled: {
           opacity: 0.5,
+          cursor: "not-allowed" as CursorValue,
         },
         loading: {
           opacity: 0.5,
+          cursor: "wait" as CursorValue,
         },
         hovered: {
           backgroundColor: hslaSetRelativeLightness(colors.secondary, -1),
         },
       },
-      label: {
+      text: {
         default: {
           color: colors.secondaryForeground,
           fontSize,
@@ -41,6 +45,18 @@ export const useButtonVariantSecondary = (): ButtonStyles => {
           color: colors.mutedForeground,
         },
       },
+      icon: {
+        default: {
+          color: colors.secondaryForeground,
+          size: fontSize,
+        },
+        disabled: {
+          color: colors.mutedForeground,
+        },
+        loading: {
+          color: colors.mutedForeground,
+        },
+      },
       spinner: {
         default: {
           color: colors.secondaryForeground,

package/src/hooks/use-organized-children.tsx

@@ -6,7 +6,7 @@ import { getElementProp } from "../utils/element-utils";
 export function useOrganizedChildren(
   children: React.ReactNode,
   textStyle: StyleProp<TextStyle> | undefined,
-  iconProps: IconProps | undefined,
+  iconProps: IconProps | undefined | null,
 ): React.ReactNode {
   const organizedChildren = useMemo(() => {
     if (typeof children === "string") {

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

@@ -1,18 +0,0 @@
-"use strict";
-
-import { calculateComposedStyles } from "../../../utils/calculate-styles.js";
-import React from "react";
-import { Text } from "react-native";
-import { useButton } from "../context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function ButtonLabel(props) {
-  const button = useButton();
-  const calculatedStyle = calculateComposedStyles(button.styles, button.state, "label", props.style);
-  const isSelectable = button.state !== "disabled" && button.state !== "loading";
-  return /*#__PURE__*/_jsx(Text, {
-    selectable: isSelectable,
-    style: calculatedStyle,
-    children: props.children
-  });
-}
-//# sourceMappingURL=button-label.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["calculateComposedStyles","React","Text","useButton","jsx","_jsx","ButtonLabel","props","button","calculatedStyle","styles","state","style","isSelectable","selectable","children"],"sourceRoot":"../../../../../src","sources":["components/button/components/button-label.tsx"],"mappings":";;AACA,SAASA,uBAAuB,QAAQ,oCAAiC;AACzE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,SAAS,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQvC,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAE;EACnD,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAE1B,MAAMM,eAAe,GAAGT,uBAAuB,CAACQ,MAAM,CAACE,MAAM,EAAEF,MAAM,CAACG,KAAK,EAAE,OAAO,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAElG,MAAMC,YAAY,GAAGL,MAAM,CAACG,KAAK,KAAK,UAAU,IAAIH,MAAM,CAACG,KAAK,KAAK,SAAS;EAE9E,oBACEN,IAAA,CAACH,IAAI;IAACY,UAAU,EAAED,YAAa;IAACD,KAAK,EAAEH,eAAgB;IAAAM,QAAA,EACpDR,KAAK,CAACQ;EAAQ,CACX,CAAC;AAEX","ignoreList":[]}

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

@@ -1,60 +0,0 @@
-"use strict";
-
-import React, { useState } from "react";
-import { Pressable } from "react-native";
-import { ButtonContext } from "../context.js";
-import { ButtonVariants } from "../variants/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const calculateState = (props, isHovered) => {
-  if (props.isDisabled) {
-    return "disabled";
-  }
-  if (props.isLoading) {
-    return "loading";
-  }
-  if (isHovered) {
-    return "hovered";
-  }
-  return "default";
-};
-const cursorValue = state => {
-  switch (state) {
-    case "disabled":
-      return "not-allowed";
-    case "loading":
-      return "wait";
-    default:
-      return "pointer";
-  }
-};
-export function ButtonRoot(props) {
-  const variantStyles = ButtonVariants[props.variant ?? "default"]();
-  const [isHovered, setIsHovered] = useState(false);
-  const state = calculateState(props, isHovered);
-  const calculatedStyle = [variantStyles.root?.default, variantStyles.root?.[state], props.style];
-  const handlePress = event => {
-    if (props.isDisabled || props.isLoading) {
-      event.preventDefault();
-      return;
-    }
-    props.onPress?.(event);
-  };
-  const contextValue = {
-    state,
-    styles: variantStyles
-  };
-  return /*#__PURE__*/_jsx(ButtonContext.Provider, {
-    value: contextValue,
-    children: /*#__PURE__*/_jsx(Pressable, {
-      ...props,
-      onPress: handlePress,
-      onHoverIn: () => setIsHovered(true),
-      onHoverOut: () => setIsHovered(false),
-      disabled: props.isDisabled,
-      style: [calculatedStyle, {
-        cursor: cursorValue(state)
-      }]
-    })
-  });
-}
-//# sourceMappingURL=button-root.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useState","Pressable","ButtonContext","ButtonVariants","jsx","_jsx","calculateState","props","isHovered","isDisabled","isLoading","cursorValue","state","ButtonRoot","variantStyles","variant","setIsHovered","calculatedStyle","root","default","style","handlePress","event","preventDefault","onPress","contextValue","styles","Provider","value","children","onHoverIn","onHoverOut","disabled","cursor"],"sourceRoot":"../../../../../src","sources":["components/button/components/button-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAA+E,cAAc;AAC/G,SAASC,aAAa,QAAQ,eAAY;AAE1C,SAASC,cAAc,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAY7C,MAAMC,cAAc,GAAGA,CAACC,KAAsB,EAAEC,SAAkB,KAAkB;EAClF,IAAID,KAAK,CAACE,UAAU,EAAE;IACpB,OAAO,UAAU;EACnB;EACA,IAAIF,KAAK,CAACG,SAAS,EAAE;IACnB,OAAO,SAAS;EAClB;EACA,IAAIF,SAAS,EAAE;IACb,OAAO,SAAS;EAClB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,MAAMG,WAAW,GAAIC,KAAkB,IAAkB;EACvD,QAAQA,KAAK;IACX,KAAK,UAAU;MACb,OAAO,aAAa;IACtB,KAAK,SAAS;MACZ,OAAO,MAAM;IACf;MACE,OAAO,SAAS;EACpB;AACF,CAAC;AAED,OAAO,SAASC,UAAUA,CAACN,KAAsB,EAAE;EACjD,MAAMO,aAAa,GAAGX,cAAc,CAACI,KAAK,CAACQ,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EAClE,MAAM,CAACP,SAAS,EAAEQ,YAAY,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMY,KAAK,GAAGN,cAAc,CAACC,KAAK,EAAEC,SAAS,CAAC;EAE9C,MAAMS,eAAe,GAAG,CAACH,aAAa,CAACI,IAAI,EAAEC,OAAO,EAAEL,aAAa,CAACI,IAAI,GAAGN,KAAK,CAAC,EAAEL,KAAK,CAACa,KAAK,CAAC;EAE/F,MAAMC,WAAsC,GAAIC,KAAK,IAAK;IACxD,IAAIf,KAAK,CAACE,UAAU,IAAIF,KAAK,CAACG,SAAS,EAAE;MACvCY,KAAK,CAACC,cAAc,CAAC,CAAC;MACtB;IACF;IACAhB,KAAK,CAACiB,OAAO,GAAGF,KAAK,CAAC;EACxB,CAAC;EAED,MAAMG,YAA2B,GAAG;IAAEb,KAAK;IAAEc,MAAM,EAAEZ;EAAc,CAAC;EAEpE,oBACET,IAAA,CAACH,aAAa,CAACyB,QAAQ;IAACC,KAAK,EAAEH,YAAa;IAAAI,QAAA,eAC1CxB,IAAA,CAACJ,SAAS;MAAA,GACJM,KAAK;MACTiB,OAAO,EAAEH,WAAY;MACrBS,SAAS,EAAEA,CAAA,KAAMd,YAAY,CAAC,IAAI,CAAE;MACpCe,UAAU,EAAEA,CAAA,KAAMf,YAAY,CAAC,KAAK,CAAE;MACtCgB,QAAQ,EAAEzB,KAAK,CAACE,UAAW;MAC3BW,KAAK,EAAE,CACLH,eAAe,EACf;QACEgB,MAAM,EAAEtB,WAAW,CAACC,KAAK;MAC3B,CAAC;IACD,CACH;EAAC,CACoB,CAAC;AAE7B","ignoreList":[]}

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

@@ -1,15 +0,0 @@
-"use strict";
-
-import React from "react";
-import { ActivityIndicator } from "react-native";
-import { useButton } from "../context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function ButtonSpinner(props) {
-  const button = useButton();
-  const composedStyle = [button.styles?.spinner?.default?.style, button.styles?.spinner?.[button.state]?.style, props.style];
-  return /*#__PURE__*/_jsx(ActivityIndicator, {
-    style: composedStyle,
-    color: props.color
-  });
-}
-//# sourceMappingURL=button-spinner.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","ActivityIndicator","useButton","jsx","_jsx","ButtonSpinner","props","button","composedStyle","styles","spinner","default","style","state","color"],"sourceRoot":"../../../../../src","sources":["components/button/components/button-spinner.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,QAAqE,cAAc;AAC7G,SAASC,SAAS,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOvC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAC1B,MAAMM,aAAa,GAAG,CAACD,MAAM,CAACE,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAEC,KAAK,EAAEL,MAAM,CAACE,MAAM,EAAEC,OAAO,GAAGH,MAAM,CAACM,KAAK,CAAC,EAAED,KAAK,EAAEN,KAAK,CAACM,KAAK,CAAC;EAC1H,oBAAOR,IAAA,CAACH,iBAAiB;IAACW,KAAK,EAAEJ,aAAc;IAACM,KAAK,EAAER,KAAK,CAACQ;EAAM,CAAE,CAAC;AACxE","ignoreList":[]}

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

@@ -1,12 +0,0 @@
-"use strict";
-
-import { createContext, useContext } from "react";
-export const ButtonContext = /*#__PURE__*/createContext(undefined);
-export const useButton = () => {
-  const context = useContext(ButtonContext);
-  if (!context) {
-    throw new Error("useButton must be used within a ButtonProvider");
-  }
-  return context;
-};
-//# sourceMappingURL=context.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["createContext","useContext","ButtonContext","undefined","useButton","context","Error"],"sourceRoot":"../../../../src","sources":["components/button/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAQjD,OAAO,MAAMC,aAAa,gBAAGF,aAAa,CAA4BG,SAAS,CAAC;AAEhF,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,OAAO,GAAGJ,UAAU,CAACC,aAAa,CAAC;EACzC,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,gDAAgD,CAAC;EACnE;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/dist/typescript/src/components/button/components/button-label.d.ts

@@ -1,9 +0,0 @@
-import type { TextChildren } from "../../../types/element.types";
-import React from "react";
-import { type StyleProp, type TextStyle } from "react-native";
-export interface ButtonLabelProps {
-    children?: TextChildren;
-    style?: StyleProp<TextStyle>;
-}
-export declare function ButtonLabel(props: ButtonLabelProps): React.JSX.Element;
-//# sourceMappingURL=button-label.d.ts.map

package/dist/typescript/src/components/button/components/button-label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-label.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/components/button-label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAYlD"}

package/dist/typescript/src/components/button/components/button-root.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-root.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/components/button-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAA+B,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhH,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,OAAO,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AA0BD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAmChD"}

package/dist/typescript/src/components/button/components/button-spinner.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { type ActivityIndicatorProps, type StyleProp, type ViewStyle } from "react-native";
-export interface ButtonSpinnerProps {
-    style?: StyleProp<ViewStyle>;
-    color?: ActivityIndicatorProps["color"];
-}
-export declare function ButtonSpinner(props: ButtonSpinnerProps): React.JSX.Element;
-//# sourceMappingURL=button-spinner.d.ts.map

package/dist/typescript/src/components/button/components/button-spinner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-spinner.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/components/button-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqB,KAAK,sBAAsB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9G,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;CACzC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAItD"}

package/dist/typescript/src/components/button/context.d.ts

@@ -1,8 +0,0 @@
-import type { ButtonState, ButtonStyles } from "./types";
-export interface ButtonContext {
-    state: ButtonState;
-    styles?: ButtonStyles;
-}
-export declare const ButtonContext: import("react").Context<ButtonContext | undefined>;
-export declare const useButton: () => ButtonContext;
-//# sourceMappingURL=context.d.ts.map

package/dist/typescript/src/components/button/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,eAAO,MAAM,aAAa,oDAAsD,CAAC;AAEjF,eAAO,MAAM,SAAS,qBAMrB,CAAC"}

package/src/components/button/components/button-label.tsx

@@ -1,25 +0,0 @@
-import type { TextChildren } from "../../../types/element.types";
-import { calculateComposedStyles } from "../../../utils/calculate-styles";
-import React from "react";
-import { type StyleProp, Text, type TextStyle } from "react-native";
-import { useButton } from "../context";
-
-export interface ButtonLabelProps {
-  children?: TextChildren;
-
-  style?: StyleProp<TextStyle>;
-}
-
-export function ButtonLabel(props: ButtonLabelProps) {
-  const button = useButton();
-
-  const calculatedStyle = calculateComposedStyles(button.styles, button.state, "label", props.style);
-
-  const isSelectable = button.state !== "disabled" && button.state !== "loading";
-
-  return (
-    <Text selectable={isSelectable} style={calculatedStyle}>
-      {props.children}
-    </Text>
-  );
-}

package/src/components/button/components/button-root.tsx

@@ -1,76 +0,0 @@
-import React, { useState } from "react";
-import { Pressable, type CursorValue, type PressableProps, type StyleProp, type ViewStyle } from "react-native";
-import { ButtonContext } from "../context";
-import type { ButtonState } from "../types";
-import { ButtonVariants } from "../variants";
-
-export interface ButtonRootProps extends PressableProps {
-  variant?: keyof typeof ButtonVariants;
-  children?: React.ReactNode;
-
-  isDisabled?: boolean;
-  isLoading?: boolean;
-
-  style?: StyleProp<ViewStyle>;
-}
-
-const calculateState = (props: ButtonRootProps, isHovered: boolean): ButtonState => {
-  if (props.isDisabled) {
-    return "disabled";
-  }
-  if (props.isLoading) {
-    return "loading";
-  }
-  if (isHovered) {
-    return "hovered";
-  }
-  return "default";
-};
-
-const cursorValue = (state: ButtonState): CursorValue => {
-  switch (state) {
-    case "disabled":
-      return "not-allowed" as CursorValue;
-    case "loading":
-      return "wait" as CursorValue;
-    default:
-      return "pointer";
-  }
-};
-
-export function ButtonRoot(props: ButtonRootProps) {
-  const variantStyles = ButtonVariants[props.variant ?? "default"]();
-  const [isHovered, setIsHovered] = useState(false);
-
-  const state = calculateState(props, isHovered);
-
-  const calculatedStyle = [variantStyles.root?.default, variantStyles.root?.[state], props.style];
-
-  const handlePress: PressableProps["onPress"] = (event) => {
-    if (props.isDisabled || props.isLoading) {
-      event.preventDefault();
-      return;
-    }
-    props.onPress?.(event);
-  };
-
-  const contextValue: ButtonContext = { state, styles: variantStyles };
-
-  return (
-    <ButtonContext.Provider value={contextValue}>
-      <Pressable
-        {...props}
-        onPress={handlePress}
-        onHoverIn={() => setIsHovered(true)}
-        onHoverOut={() => setIsHovered(false)}
-        disabled={props.isDisabled}
-        style={[
-          calculatedStyle,
-          {
-            cursor: cursorValue(state),
-          },
-        ]}
-      />
-    </ButtonContext.Provider>
-  );
-}

package/src/components/button/components/button-spinner.tsx

@@ -1,14 +0,0 @@
-import React from "react";
-import { ActivityIndicator, type ActivityIndicatorProps, type StyleProp, type ViewStyle } from "react-native";
-import { useButton } from "../context";
-
-export interface ButtonSpinnerProps {
-  style?: StyleProp<ViewStyle>;
-  color?: ActivityIndicatorProps["color"];
-}
-
-export function ButtonSpinner(props: ButtonSpinnerProps) {
-  const button = useButton();
-  const composedStyle = [button.styles?.spinner?.default?.style, button.styles?.spinner?.[button.state]?.style, props.style];
-  return <ActivityIndicator style={composedStyle} color={props.color} />;
-}

package/src/components/button/context.ts

@@ -1,17 +0,0 @@
-import { createContext, useContext } from "react";
-import type { ButtonState, ButtonStyles } from "./types";
-
-export interface ButtonContext {
-  state: ButtonState;
-  styles?: ButtonStyles;
-}
-
-export const ButtonContext = createContext<ButtonContext | undefined>(undefined);
-
-export const useButton = () => {
-  const context = useContext(ButtonContext);
-  if (!context) {
-    throw new Error("useButton must be used within a ButtonProvider");
-  }
-  return context;
-};