@korsolutions/ui 0.0.43 → 0.0.44

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

@@ -26,7 +26,7 @@ export const useButtonVariantDefault = () => {
         opacity: 0.5
       },
       loading: {
-        opacity: 0.8
+        opacity: 0.5
       },
       hovered: {
         backgroundColor: hslaSetRelativeLightness(colors.primary, -10)
@@ -38,23 +38,15 @@ export const useButtonVariantDefault = () => {
         fontSize,
         fontFamily
       },
-      disabled: {
-        color: colors.mutedForeground
-      },
-      loading: {
-        color: colors.mutedForeground
-      }
+      disabled: {},
+      loading: {}
     },
     spinner: {
       default: {
         color: colors.primaryForeground
       },
-      disabled: {
-        color: colors.mutedForeground
-      },
-      loading: {
-        color: colors.mutedForeground
-      }
+      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","mutedForeground","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/default.tsx"],"mappings":";;AACA,SAASA,wBAAwB;AACjC,SAASC,eAAe;AAExB,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;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","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;AACjC,SAASC,eAAe;AAExB,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":[]}

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

@@ -26,7 +26,7 @@ export const useButtonVariantSecondary = () => {
         opacity: 0.5
       },
       loading: {
-        opacity: 0.8
+        opacity: 0.5
       },
       hovered: {
         backgroundColor: hslaSetRelativeLightness(colors.secondary, -1)

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

@@ -8,8 +8,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 export function ButtonLabel(props) {
   const button = useButtonPrimitive();
   const calculatedStyle = calculateComposedStyles(button.styles, button.state, "label", props.style);
-  const Component = props.render ?? Text;
-  return /*#__PURE__*/_jsx(Component, {
+  const isSelectable = button.state !== "disabled" && button.state !== "loading";
+  return /*#__PURE__*/_jsx(Text, {
+    selectable: isSelectable,
     style: calculatedStyle,
     children: props.children
   });

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

@@ -1 +1 @@
-{"version":3,"names":["calculateComposedStyles","React","Text","useButtonPrimitive","jsx","_jsx","ButtonLabel","props","button","calculatedStyle","styles","state","style","Component","render","children"],"sourceRoot":"../../../../src","sources":["primitives/button/button-label.tsx"],"mappings":";;AAAA,SAASA,uBAAuB;AAChC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,kBAAkB;AAA2B,SAAAC,GAAA,IAAAC,IAAA;AAUtD,OAAO,SAASC,WAAWA,CAACC,KAAgC,EAAE;EAC5D,MAAMC,MAAM,GAAGL,kBAAkB,CAAC,CAAC;EAEnC,MAAMM,eAAe,GAAGT,uBAAuB,CAACQ,MAAM,CAACE,MAAM,EAAEF,MAAM,CAACG,KAAK,EAAE,OAAO,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAElG,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBAAOG,IAAA,CAACQ,SAAS;IAACD,KAAK,EAAEH,eAAgB;IAAAM,QAAA,EAAER,KAAK,CAACQ;EAAQ,CAAY,CAAC;AACxE","ignoreList":[]}
+{"version":3,"names":["calculateComposedStyles","React","Text","useButtonPrimitive","jsx","_jsx","ButtonLabel","props","button","calculatedStyle","styles","state","style","isSelectable","selectable","children"],"sourceRoot":"../../../../src","sources":["primitives/button/button-label.tsx"],"mappings":";;AAAA,SAASA,uBAAuB;AAChC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,kBAAkB;AAA2B,SAAAC,GAAA,IAAAC,IAAA;AAQtD,OAAO,SAASC,WAAWA,CAACC,KAAgC,EAAE;EAC5D,MAAMC,MAAM,GAAGL,kBAAkB,CAAC,CAAC;EAEnC,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/primitives/button/button-root.js

@@ -16,22 +16,42 @@ const calculateState = (props, isHovered) => {
   }
   return "default";
 };
+const cursorValue = state => {
+  switch (state) {
+    case "disabled":
+      return "not-allowed";
+    case "loading":
+      return "wait";
+    default:
+      return "pointer";
+  }
+};
 export function ButtonRoot(props) {
   const [isHovered, setIsHovered] = useState(false);
   const state = calculateState(props, isHovered);
   const calculatedStyle = [props.styles?.root?.default, props.styles?.root?.[state], props.style];
-  const Container = props.render ?? Pressable;
+  const handlePress = event => {
+    if (props.isDisabled || props.isLoading) {
+      event.preventDefault();
+      return;
+    }
+    props.onPress?.(event);
+  };
   return /*#__PURE__*/_jsx(ButtonPrimitiveContext.Provider, {
     value: {
       disabled: props.isDisabled,
       state,
       styles: props.styles
     },
-    children: /*#__PURE__*/_jsx(Container, {
+    children: /*#__PURE__*/_jsx(Pressable, {
       ...props,
+      onPress: handlePress,
       onHoverIn: () => setIsHovered(true),
       onHoverOut: () => setIsHovered(false),
-      style: calculatedStyle
+      disabled: props.isDisabled,
+      style: [calculatedStyle, {
+        cursor: cursorValue(state)
+      }]
     })
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Pressable","ButtonPrimitiveContext","jsx","_jsx","calculateState","props","isHovered","isDisabled","isLoading","ButtonRoot","setIsHovered","state","calculatedStyle","styles","root","default","style","Container","render","Provider","value","disabled","children","onHoverIn","onHoverOut"],"sourceRoot":"../../../../src","sources":["primitives/button/button-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAA6D,cAAc;AAC7F,SAASC,sBAAsB;AAA2B,SAAAC,GAAA,IAAAC,IAAA;AAe1D,MAAMC,cAAc,GAAGA,CAACC,KAA+B,EAAEC,SAAkB,KAAkB;EAC3F,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,OAAO,SAASG,UAAUA,CAACJ,KAA+B,EAAE;EAC1D,MAAM,CAACC,SAAS,EAAEI,YAAY,CAAC,GAAGX,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMY,KAAK,GAAGP,cAAc,CAACC,KAAK,EAAEC,SAAS,CAAC;EAE9C,MAAMM,eAAe,GAAG,CAACP,KAAK,CAACQ,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEV,KAAK,CAACQ,MAAM,EAAEC,IAAI,GAAGH,KAAK,CAAC,EAAEN,KAAK,CAACW,KAAK,CAAC;EAE/F,MAAMC,SAAS,GAAGZ,KAAK,CAACa,MAAM,IAAIlB,SAAS;EAC3C,oBACEG,IAAA,CAACF,sBAAsB,CAACkB,QAAQ;IAACC,KAAK,EAAE;MAAEC,QAAQ,EAAEhB,KAAK,CAACE,UAAU;MAAEI,KAAK;MAAEE,MAAM,EAAER,KAAK,CAACQ;IAAO,CAAE;IAAAS,QAAA,eAClGnB,IAAA,CAACc,SAAS;MAAA,GAAKZ,KAAK;MAAEkB,SAAS,EAAEA,CAAA,KAAMb,YAAY,CAAC,IAAI,CAAE;MAACc,UAAU,EAAEA,CAAA,KAAMd,YAAY,CAAC,KAAK,CAAE;MAACM,KAAK,EAAEJ;IAAgB,CAAE;EAAC,CAC7F,CAAC;AAEtC","ignoreList":[]}
+{"version":3,"names":["React","useState","Pressable","ButtonPrimitiveContext","jsx","_jsx","calculateState","props","isHovered","isDisabled","isLoading","cursorValue","state","ButtonRoot","setIsHovered","calculatedStyle","styles","root","default","style","handlePress","event","preventDefault","onPress","Provider","value","disabled","children","onHoverIn","onHoverOut","cursor"],"sourceRoot":"../../../../src","sources":["primitives/button/button-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAA+E,cAAc;AAC/G,SAASC,sBAAsB;AAA2B,SAAAC,GAAA,IAAAC,IAAA;AAa1D,MAAMC,cAAc,GAAGA,CAACC,KAA+B,EAAEC,SAAkB,KAAkB;EAC3F,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,KAA+B,EAAE;EAC1D,MAAM,CAACC,SAAS,EAAEM,YAAY,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMW,KAAK,GAAGN,cAAc,CAACC,KAAK,EAAEC,SAAS,CAAC;EAE9C,MAAMO,eAAe,GAAG,CAACR,KAAK,CAACS,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEX,KAAK,CAACS,MAAM,EAAEC,IAAI,GAAGL,KAAK,CAAC,EAAEL,KAAK,CAACY,KAAK,CAAC;EAE/F,MAAMC,WAAsC,GAAIC,KAAK,IAAK;IACxD,IAAId,KAAK,CAACE,UAAU,IAAIF,KAAK,CAACG,SAAS,EAAE;MACvCW,KAAK,CAACC,cAAc,CAAC,CAAC;MACtB;IACF;IACAf,KAAK,CAACgB,OAAO,GAAGF,KAAK,CAAC;EACxB,CAAC;EAED,oBACEhB,IAAA,CAACF,sBAAsB,CAACqB,QAAQ;IAACC,KAAK,EAAE;MAAEC,QAAQ,EAAEnB,KAAK,CAACE,UAAU;MAAEG,KAAK;MAAEI,MAAM,EAAET,KAAK,CAACS;IAAO,CAAE;IAAAW,QAAA,eAClGtB,IAAA,CAACH,SAAS;MAAA,GACJK,KAAK;MACTgB,OAAO,EAAEH,WAAY;MACrBQ,SAAS,EAAEA,CAAA,KAAMd,YAAY,CAAC,IAAI,CAAE;MACpCe,UAAU,EAAEA,CAAA,KAAMf,YAAY,CAAC,KAAK,CAAE;MACtCY,QAAQ,EAAEnB,KAAK,CAACE,UAAW;MAC3BU,KAAK,EAAE,CACLJ,eAAe,EACf;QACEe,MAAM,EAAEnB,WAAW,CAACC,KAAK;MAC3B,CAAC;IACD,CACH;EAAC,CAC6B,CAAC;AAEtC","ignoreList":[]}

package/dist/module/primitives/empty/empty-description.js

@@ -7,8 +7,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 export function EmptyDescription(props) {
   const empty = useEmpty();
   const composedStyles = [empty.styles?.description, props.style];
-  const Component = props.render ?? Text;
-  return /*#__PURE__*/_jsx(Component, {
+  return /*#__PURE__*/_jsx(Text, {
     ...props,
     style: composedStyles
   });

package/dist/module/primitives/empty/empty-description.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","useEmpty","jsx","_jsx","EmptyDescription","props","empty","composedStyles","styles","description","style","Component","render"],"sourceRoot":"../../../../src","sources":["primitives/empty/empty-description.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,QAAQ;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAQrC,OAAO,SAASC,gBAAgBA,CAACC,KAA4B,EAAE;EAC7D,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EACxB,MAAMM,cAAc,GAAG,CAACD,KAAK,CAACE,MAAM,EAAEC,WAAW,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAC/D,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBAAOG,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH;EAAe,CAAE,CAAC;AACxD","ignoreList":[]}
+{"version":3,"names":["React","Text","useEmpty","jsx","_jsx","EmptyDescription","props","empty","composedStyles","styles","description","style"],"sourceRoot":"../../../../src","sources":["primitives/empty/empty-description.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,QAAQ;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAQrC,OAAO,SAASC,gBAAgBA,CAACC,KAA4B,EAAE;EAC7D,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EACxB,MAAMM,cAAc,GAAG,CAACD,KAAK,CAACE,MAAM,EAAEC,WAAW,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE/D,oBAAOP,IAAA,CAACH,IAAI;IAAA,GAAKK,KAAK;IAAEK,KAAK,EAAEH;EAAe,CAAE,CAAC;AACnD","ignoreList":[]}

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,cAAc,CAAC;AAIjD,eAAO,MAAM,uBAAuB,QAAO,YAoD1C,CAAC"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAIjD,eAAO,MAAM,uBAAuB,QAAO,YA4C1C,CAAC"}

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

@@ -2,7 +2,6 @@ import React from "react";
 import { type StyleProp, type TextStyle } from "react-native";
 export interface ButtonPrimitiveLabelProps {
     children?: string;
-    render?: (props: this) => React.ReactElement;
     style?: StyleProp<TextStyle>;
 }
 export declare function ButtonLabel(props: ButtonPrimitiveLabelProps): React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"button-label.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/button/button-label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,KAAK,CAAC,YAAY,CAAC;IAE7C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,yBAAyB,qBAO3D"}
+{"version":3,"file":"button-label.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/button/button-label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,yBAAyB,qBAY3D"}

package/dist/typescript/src/primitives/button/button-root.d.ts

@@ -7,7 +7,6 @@ export interface ButtonPrimitiveRootProps extends PressableProps {
     isLoading?: boolean;
     style?: StyleProp<ViewStyle>;
     styles?: ButtonStyles;
-    render?: (props: this) => React.ReactElement;
 }
 export declare function ButtonRoot(props: ButtonPrimitiveRootProps): React.JSX.Element;
 //# sourceMappingURL=button-root.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button-root.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/button/button-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9F,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzD,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC9D,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;IAC7B,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,KAAK,CAAC,YAAY,CAAC;CAC9C;AAeD,wBAAgB,UAAU,CAAC,KAAK,EAAE,wBAAwB,qBAazD"}
+{"version":3,"file":"button-root.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/button/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;AAEhH,OAAO,KAAK,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzD,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC9D,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;IAC7B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AA0BD,wBAAgB,UAAU,CAAC,KAAK,EAAE,wBAAwB,qBAgCzD"}

package/package.json

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

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

@@ -22,7 +22,7 @@ export const useButtonVariantDefault = (): ButtonStyles => {
           opacity: 0.5,
         },
         loading: {
-          opacity: 0.8,
+          opacity: 0.5,
         },
         hovered: {
           backgroundColor: hslaSetRelativeLightness(colors.primary, -10),
@@ -34,23 +34,15 @@ export const useButtonVariantDefault = (): ButtonStyles => {
           fontSize,
           fontFamily,
         },
-        disabled: {
-          color: colors.mutedForeground,
-        },
-        loading: {
-          color: colors.mutedForeground,
-        },
+        disabled: {},
+        loading: {},
       },
       spinner: {
         default: {
           color: colors.primaryForeground,
         },
-        disabled: {
-          color: colors.mutedForeground,
-        },
-        loading: {
-          color: colors.mutedForeground,
-        },
+        disabled: {},
+        loading: {},
       },
     }),
   );

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

@@ -22,7 +22,7 @@ export const useButtonVariantSecondary = (): ButtonStyles => {
           opacity: 0.5,
         },
         loading: {
-          opacity: 0.8,
+          opacity: 0.5,
         },
         hovered: {
           backgroundColor: hslaSetRelativeLightness(colors.secondary, -1),

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

@@ -6,8 +6,6 @@ import { useButtonPrimitive } from "./button-context";
 export interface ButtonPrimitiveLabelProps {
   children?: string;
 
-  render?: (props: this) => React.ReactElement;
-
   style?: StyleProp<TextStyle>;
 }
 
@@ -16,6 +14,11 @@ export function ButtonLabel(props: ButtonPrimitiveLabelProps) {
 
   const calculatedStyle = calculateComposedStyles(button.styles, button.state, "label", props.style);
 
-  const Component = props.render ?? Text;
-  return <Component style={calculatedStyle}>{props.children}</Component>;
+  const isSelectable = button.state !== "disabled" && button.state !== "loading";
+
+  return (
+    <Text selectable={isSelectable} style={calculatedStyle}>
+      {props.children}
+    </Text>
+  );
 }

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

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { Pressable, type PressableProps, type StyleProp, type ViewStyle } from "react-native";
+import { Pressable, type CursorValue, type PressableProps, type StyleProp, type ViewStyle } from "react-native";
 import { ButtonPrimitiveContext } from "./button-context";
 import type { ButtonState, ButtonStyles } from "./types";
 
@@ -11,8 +11,6 @@ export interface ButtonPrimitiveRootProps extends PressableProps {
 
   style?: StyleProp<ViewStyle>;
   styles?: ButtonStyles;
-
-  render?: (props: this) => React.ReactElement;
 }
 
 const calculateState = (props: ButtonPrimitiveRootProps, isHovered: boolean): ButtonState => {
@@ -28,6 +26,17 @@ const calculateState = (props: ButtonPrimitiveRootProps, isHovered: boolean): Bu
   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: ButtonPrimitiveRootProps) {
   const [isHovered, setIsHovered] = useState(false);
 
@@ -35,10 +44,29 @@ export function ButtonRoot(props: ButtonPrimitiveRootProps) {
 
   const calculatedStyle = [props.styles?.root?.default, props.styles?.root?.[state], props.style];
 
-  const Container = props.render ?? Pressable;
+  const handlePress: PressableProps["onPress"] = (event) => {
+    if (props.isDisabled || props.isLoading) {
+      event.preventDefault();
+      return;
+    }
+    props.onPress?.(event);
+  };
+
   return (
     <ButtonPrimitiveContext.Provider value={{ disabled: props.isDisabled, state, styles: props.styles }}>
-      <Container {...props} onHoverIn={() => setIsHovered(true)} onHoverOut={() => setIsHovered(false)} style={calculatedStyle} />
+      <Pressable
+        {...props}
+        onPress={handlePress}
+        onHoverIn={() => setIsHovered(true)}
+        onHoverOut={() => setIsHovered(false)}
+        disabled={props.isDisabled}
+        style={[
+          calculatedStyle,
+          {
+            cursor: cursorValue(state),
+          },
+        ]}
+      />
     </ButtonPrimitiveContext.Provider>
   );
 }

package/src/primitives/empty/empty-description.tsx

@@ -11,6 +11,6 @@ export interface EmptyDescriptionProps {
 export function EmptyDescription(props: EmptyDescriptionProps) {
   const empty = useEmpty();
   const composedStyles = [empty.styles?.description, props.style];
-  const Component = props.render ?? Text;
-  return <Component {...props} style={composedStyles} />;
+
+  return <Text {...props} style={composedStyles} />;
 }