@korsolutions/ui 0.0.35 → 0.0.36

package/dist/module/components/checkbox/checkbox.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import { CheckboxPrimitive } from "../../primitives/index.js";
+import React from "react";
+import { View } from "react-native";
+import { CheckboxVariants } from "./variants/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Checkbox(props) {
+  const {
+    checked,
+    onChange,
+    title,
+    description,
+    disabled,
+    variant = "default"
+  } = props;
+  const useVariantStyles = CheckboxVariants[variant];
+  const variantStyles = useVariantStyles();
+  return /*#__PURE__*/_jsxs(CheckboxPrimitive.Root, {
+    checked: checked,
+    onChange: onChange,
+    disabled: disabled,
+    styles: variantStyles,
+    children: [/*#__PURE__*/_jsx(CheckboxPrimitive.Indicator, {}), (title || description) && /*#__PURE__*/_jsxs(View, {
+      style: {
+        flex: 1
+      },
+      children: [title && /*#__PURE__*/_jsx(CheckboxPrimitive.Title, {
+        children: title
+      }), description && /*#__PURE__*/_jsx(CheckboxPrimitive.Description, {
+        children: description
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CheckboxPrimitive","React","View","CheckboxVariants","jsx","_jsx","jsxs","_jsxs","Checkbox","props","checked","onChange","title","description","disabled","variant","useVariantStyles","variantStyles","Root","styles","children","Indicator","style","flex","Title","Description"],"sourceRoot":"../../../../src","sources":["components/checkbox/checkbox.tsx"],"mappings":";;AAAA,SAASA,iBAAiB;AAC1B,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,gBAAgB;AAAqB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW9C,OAAO,SAASC,QAAQA,CAACC,KAAoB,EAAE;EAC7C,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,OAAO,GAAG;EAAU,CAAC,GAAGN,KAAK;EAEtF,MAAMO,gBAAgB,GAAGb,gBAAgB,CAACY,OAAO,CAAC;EAClD,MAAME,aAAa,GAAGD,gBAAgB,CAAC,CAAC;EAExC,oBACET,KAAA,CAACP,iBAAiB,CAACkB,IAAI;IAACR,OAAO,EAAEA,OAAQ;IAACC,QAAQ,EAAEA,QAAS;IAACG,QAAQ,EAAEA,QAAS;IAACK,MAAM,EAAEF,aAAc;IAAAG,QAAA,gBACtGf,IAAA,CAACL,iBAAiB,CAACqB,SAAS,IAAE,CAAC,EAC9B,CAACT,KAAK,IAAIC,WAAW,kBACpBN,KAAA,CAACL,IAAI;MAACoB,KAAK,EAAE;QAAEC,IAAI,EAAE;MAAE,CAAE;MAAAH,QAAA,GACtBR,KAAK,iBAAIP,IAAA,CAACL,iBAAiB,CAACwB,KAAK;QAAAJ,QAAA,EAAER;MAAK,CAA0B,CAAC,EACnEC,WAAW,iBAAIR,IAAA,CAACL,iBAAiB,CAACyB,WAAW;QAAAL,QAAA,EAAEP;MAAW,CAAgC,CAAC;IAAA,CACxF,CACP;EAAA,CACqB,CAAC;AAE7B","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+"use strict";
+
+export { Checkbox } from "./checkbox.js";
+export { CheckboxVariants } from "./variants/index.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Checkbox","CheckboxVariants"],"sourceRoot":"../../../../src","sources":["components/checkbox/index.ts"],"mappings":";;AAAA,SAASA,QAAQ;AACjB,SAASC,gBAAgB","ignoreList":[]}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+import { useThemedStyles } from "../../../utils/use-themed-styles.js";
+export const useCheckboxVariantDefault = () => {
+  return useThemedStyles(({
+    colors,
+    radius,
+    fontFamily,
+    fontSize
+  }) => ({
+    root: {
+      default: {
+        flexDirection: "row",
+        alignItems: "flex-start",
+        gap: 12
+      }
+    },
+    indicator: {
+      default: {
+        width: 20,
+        height: 20,
+        borderRadius: radius / 2,
+        borderWidth: 2,
+        borderColor: colors.border,
+        backgroundColor: colors.background,
+        marginTop: 2,
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      checked: {
+        backgroundColor: colors.primary,
+        borderColor: colors.primary
+      },
+      disabled: {
+        opacity: 0.5
+      }
+    },
+    checkmark: {
+      default: {
+        color: colors.primaryForeground,
+        fontSize: 14,
+        fontWeight: "bold",
+        lineHeight: 16
+      }
+    },
+    title: {
+      default: {
+        color: colors.foreground,
+        fontSize,
+        fontFamily,
+        fontWeight: "500"
+      },
+      disabled: {
+        color: colors.mutedForeground
+      }
+    },
+    description: {
+      default: {
+        color: colors.mutedForeground,
+        fontSize: fontSize * 0.875,
+        fontFamily,
+        marginTop: 2
+      },
+      disabled: {
+        opacity: 0.7
+      }
+    }
+  }));
+};
+//# sourceMappingURL=default.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useThemedStyles","useCheckboxVariantDefault","colors","radius","fontFamily","fontSize","root","default","flexDirection","alignItems","gap","indicator","width","height","borderRadius","borderWidth","borderColor","border","backgroundColor","background","marginTop","justifyContent","checked","primary","disabled","opacity","checkmark","color","primaryForeground","fontWeight","lineHeight","title","foreground","mutedForeground","description"],"sourceRoot":"../../../../../src","sources":["components/checkbox/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAsB;EAC7D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAsB;IAC7DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,YAAY;QACxBC,GAAG,EAAE;MACP;IACF,CAAC;IACDC,SAAS,EAAE;MACTJ,OAAO,EAAE;QACPK,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAEX,MAAM,GAAG,CAAC;QACxBY,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEd,MAAM,CAACe,MAAM;QAC1BC,eAAe,EAAEhB,MAAM,CAACiB,UAAU;QAClCC,SAAS,EAAE,CAAC;QACZX,UAAU,EAAE,QAAQ;QACpBY,cAAc,EAAE;MAClB,CAAC;MACDC,OAAO,EAAE;QACPJ,eAAe,EAAEhB,MAAM,CAACqB,OAAO;QAC/BP,WAAW,EAAEd,MAAM,CAACqB;MACtB,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX;IACF,CAAC;IACDC,SAAS,EAAE;MACTnB,OAAO,EAAE;QACPoB,KAAK,EAAEzB,MAAM,CAAC0B,iBAAiB;QAC/BvB,QAAQ,EAAE,EAAE;QACZwB,UAAU,EAAE,MAAM;QAClBC,UAAU,EAAE;MACd;IACF,CAAC;IACDC,KAAK,EAAE;MACLxB,OAAO,EAAE;QACPoB,KAAK,EAAEzB,MAAM,CAAC8B,UAAU;QACxB3B,QAAQ;QACRD,UAAU;QACVyB,UAAU,EAAE;MACd,CAAC;MACDL,QAAQ,EAAE;QACRG,KAAK,EAAEzB,MAAM,CAAC+B;MAChB;IACF,CAAC;IACDC,WAAW,EAAE;MACX3B,OAAO,EAAE;QACPoB,KAAK,EAAEzB,MAAM,CAAC+B,eAAe;QAC7B5B,QAAQ,EAAEA,QAAQ,GAAG,KAAK;QAC1BD,UAAU;QACVgB,SAAS,EAAE;MACb,CAAC;MACDI,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/components/checkbox/variants/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+import { useCheckboxVariantDefault } from "./default.js";
+import { useCheckboxVariantOutlined } from "./outlined.js";
+export const CheckboxVariants = {
+  default: useCheckboxVariantDefault,
+  outlined: useCheckboxVariantOutlined
+};
+//# sourceMappingURL=index.js.map

package/dist/module/components/checkbox/variants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCheckboxVariantDefault","useCheckboxVariantOutlined","CheckboxVariants","default","outlined"],"sourceRoot":"../../../../../src","sources":["components/checkbox/variants/index.ts"],"mappings":";;AAAA,SAASA,yBAAyB;AAClC,SAASC,0BAA0B;AAEnC,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,OAAO,EAAEH,yBAAyB;EAClCI,QAAQ,EAAEH;AACZ,CAAC","ignoreList":[]}

package/dist/module/components/checkbox/variants/outlined.js

@@ -0,0 +1,85 @@
+"use strict";
+
+import { useThemedStyles } from "../../../utils/use-themed-styles.js";
+export const useCheckboxVariantOutlined = () => {
+  return useThemedStyles(({
+    colors,
+    radius,
+    fontFamily,
+    fontSize
+  }) => ({
+    root: {
+      default: {
+        flexDirection: "row",
+        alignItems: "flex-start",
+        gap: 12,
+        borderWidth: 1,
+        borderColor: colors.border,
+        borderRadius: radius,
+        padding: 16,
+        backgroundColor: colors.background
+      },
+      hovered: {
+        backgroundColor: colors.muted,
+        borderColor: colors.primary
+      },
+      checked: {
+        borderColor: colors.primary
+      },
+      disabled: {
+        opacity: 0.5
+      }
+    },
+    indicator: {
+      default: {
+        width: 20,
+        height: 20,
+        borderRadius: radius / 2,
+        borderWidth: 2,
+        borderColor: colors.border,
+        backgroundColor: colors.background,
+        marginTop: 2,
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      checked: {
+        backgroundColor: colors.primary,
+        borderColor: colors.primary
+      },
+      disabled: {
+        opacity: 0.5
+      }
+    },
+    checkmark: {
+      default: {
+        color: colors.primaryForeground,
+        fontSize: 14,
+        fontWeight: "bold",
+        lineHeight: 16
+      }
+    },
+    title: {
+      default: {
+        color: colors.foreground,
+        fontSize,
+        fontFamily,
+        fontWeight: "500"
+      },
+      disabled: {
+        color: colors.mutedForeground
+      }
+    },
+    description: {
+      default: {
+        color: colors.mutedForeground,
+        fontSize: fontSize * 0.875,
+        fontFamily,
+        marginTop: 2
+      },
+      disabled: {
+        opacity: 0.7
+      }
+    }
+  }));
+};
+//# sourceMappingURL=outlined.js.map

package/dist/module/components/checkbox/variants/outlined.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useThemedStyles","useCheckboxVariantOutlined","colors","radius","fontFamily","fontSize","root","default","flexDirection","alignItems","gap","borderWidth","borderColor","border","borderRadius","padding","backgroundColor","background","hovered","muted","primary","checked","disabled","opacity","indicator","width","height","marginTop","justifyContent","checkmark","color","primaryForeground","fontWeight","lineHeight","title","foreground","mutedForeground","description"],"sourceRoot":"../../../../../src","sources":["components/checkbox/variants/outlined.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAsB;EAC9D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAsB;IAC7DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,YAAY;QACxBC,GAAG,EAAE,EAAE;QACPC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEV,MAAM,CAACW,MAAM;QAC1BC,YAAY,EAAEX,MAAM;QACpBY,OAAO,EAAE,EAAE;QACXC,eAAe,EAAEd,MAAM,CAACe;MAC1B,CAAC;MACDC,OAAO,EAAE;QACPF,eAAe,EAAEd,MAAM,CAACiB,KAAK;QAC7BP,WAAW,EAAEV,MAAM,CAACkB;MACtB,CAAC;MACDC,OAAO,EAAE;QACPT,WAAW,EAAEV,MAAM,CAACkB;MACtB,CAAC;MACDE,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX;IACF,CAAC;IACDC,SAAS,EAAE;MACTjB,OAAO,EAAE;QACPkB,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVZ,YAAY,EAAEX,MAAM,GAAG,CAAC;QACxBQ,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEV,MAAM,CAACW,MAAM;QAC1BG,eAAe,EAAEd,MAAM,CAACe,UAAU;QAClCU,SAAS,EAAE,CAAC;QACZlB,UAAU,EAAE,QAAQ;QACpBmB,cAAc,EAAE;MAClB,CAAC;MACDP,OAAO,EAAE;QACPL,eAAe,EAAEd,MAAM,CAACkB,OAAO;QAC/BR,WAAW,EAAEV,MAAM,CAACkB;MACtB,CAAC;MAEDE,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX;IACF,CAAC;IACDM,SAAS,EAAE;MACTtB,OAAO,EAAE;QACPuB,KAAK,EAAE5B,MAAM,CAAC6B,iBAAiB;QAC/B1B,QAAQ,EAAE,EAAE;QACZ2B,UAAU,EAAE,MAAM;QAClBC,UAAU,EAAE;MACd;IACF,CAAC;IACDC,KAAK,EAAE;MACL3B,OAAO,EAAE;QACPuB,KAAK,EAAE5B,MAAM,CAACiC,UAAU;QACxB9B,QAAQ;QACRD,UAAU;QACV4B,UAAU,EAAE;MACd,CAAC;MACDV,QAAQ,EAAE;QACRQ,KAAK,EAAE5B,MAAM,CAACkC;MAChB;IACF,CAAC;IACDC,WAAW,EAAE;MACX9B,OAAO,EAAE;QACPuB,KAAK,EAAE5B,MAAM,CAACkC,eAAe;QAC7B/B,QAAQ,EAAEA,QAAQ,GAAG,KAAK;QAC1BD,UAAU;QACVuB,SAAS,EAAE;MACb,CAAC;MACDL,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/components/index.js

@@ -16,4 +16,5 @@ export * from "./dropdown-menu/dropdown-menu.js";
 export * from "./popover/popover.js";
 export * from "./calendar/calendar.js";
 export * from "./tabs/index.js";
+export * from "./checkbox/index.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/dist/module/primitives/checkbox/checkbox-context.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import React from "react";
+export const CheckboxPrimitiveContext = /*#__PURE__*/React.createContext(null);
+export const useCheckboxContext = () => {
+  const context = React.useContext(CheckboxPrimitiveContext);
+  if (!context) {
+    throw new Error("Checkbox compound components must be used within CheckboxPrimitive.Root");
+  }
+  return context;
+};
+//# sourceMappingURL=checkbox-context.js.map

package/dist/module/primitives/checkbox/checkbox-context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","CheckboxPrimitiveContext","createContext","useCheckboxContext","context","useContext","Error"],"sourceRoot":"../../../../src","sources":["primitives/checkbox/checkbox-context.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAUzB,OAAO,MAAMC,wBAAwB,gBAAGD,KAAK,CAACE,aAAa,CAAuC,IAAI,CAAC;AAEvG,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,OAAO,GAAGJ,KAAK,CAACK,UAAU,CAACJ,wBAAwB,CAAC;EAC1D,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CAAC,yEAAyE,CAAC;EAC5F;EACA,OAAOF,OAAO;AAChB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+import React from "react";
+import { Text } from "react-native";
+import { useCheckboxContext } from "./checkbox-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function CheckboxDescription(props) {
+  const {
+    children,
+    style,
+    ...textProps
+  } = props;
+  const {
+    state,
+    styles
+  } = useCheckboxContext();
+  const calculatedStyle = [styles?.description?.default, styles?.description?.[state], style];
+  return /*#__PURE__*/_jsx(Text, {
+    ...textProps,
+    style: calculatedStyle,
+    children: children
+  });
+}
+//# sourceMappingURL=checkbox-description.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","useCheckboxContext","jsx","_jsx","CheckboxDescription","props","children","style","textProps","state","styles","calculatedStyle","description","default"],"sourceRoot":"../../../../src","sources":["primitives/checkbox/checkbox-description.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,kBAAkB;AAA6B,SAAAC,GAAA,IAAAC,IAAA;AAOxD,OAAO,SAASC,mBAAmBA,CAACC,KAAwC,EAAE;EAC5E,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EAC/C,MAAM;IAAEI,KAAK;IAAEC;EAAO,CAAC,GAAGT,kBAAkB,CAAC,CAAC;EAE9C,MAAMU,eAAe,GAAG,CAACD,MAAM,EAAEE,WAAW,EAAEC,OAAO,EAAEH,MAAM,EAAEE,WAAW,GAAGH,KAAK,CAAC,EAAEF,KAAK,CAAC;EAE3F,oBACEJ,IAAA,CAACH,IAAI;IAAA,GAAKQ,SAAS;IAAED,KAAK,EAAEI,eAAgB;IAAAL,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}

package/dist/module/primitives/checkbox/checkbox-indicator.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import React from "react";
+import { Text, View } from "react-native";
+import { useCheckboxContext } from "./checkbox-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const calculateState = (rootState, checked) => {
+  if (rootState === "disabled") {
+    return "disabled";
+  }
+  if (checked) {
+    return "checked";
+  }
+  return rootState;
+};
+export function CheckboxIndicator(props) {
+  const {
+    style,
+    ...viewProps
+  } = props;
+  const {
+    checked,
+    state,
+    styles
+  } = useCheckboxContext();
+  const indicatorState = calculateState(state, checked);
+  const calculatedStyle = [styles?.indicator?.default, styles?.indicator?.[indicatorState], style];
+  const checkmarkStyle = [styles?.checkmark?.default, styles?.checkmark?.[indicatorState]];
+  return /*#__PURE__*/_jsx(View, {
+    ...viewProps,
+    style: calculatedStyle,
+    children: checked && /*#__PURE__*/_jsx(Text, {
+      style: checkmarkStyle,
+      children: "\u2713"
+    })
+  });
+}
+//# sourceMappingURL=checkbox-indicator.js.map

package/dist/module/primitives/checkbox/checkbox-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","useCheckboxContext","jsx","_jsx","calculateState","rootState","checked","CheckboxIndicator","props","style","viewProps","state","styles","indicatorState","calculatedStyle","indicator","default","checkmarkStyle","checkmark","children"],"sourceRoot":"../../../../src","sources":["primitives/checkbox/checkbox-indicator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAwD,cAAc;AACzF,SAASC,kBAAkB;AAA6B,SAAAC,GAAA,IAAAC,IAAA;AAOxD,MAAMC,cAAc,GAAGA,CAACC,SAAwB,EAAEC,OAAgB,KAAoB;EACpF,IAAID,SAAS,KAAK,UAAU,EAAE;IAC5B,OAAO,UAAU;EACnB;EACA,IAAIC,OAAO,EAAE;IACX,OAAO,SAAS;EAClB;EACA,OAAOD,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,iBAAiBA,CAACC,KAAsC,EAAE;EACxE,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGF,KAAK;EACrC,MAAM;IAAEF,OAAO;IAAEK,KAAK;IAAEC;EAAO,CAAC,GAAGX,kBAAkB,CAAC,CAAC;EAEvD,MAAMY,cAAc,GAAGT,cAAc,CAACO,KAAK,EAAEL,OAAO,CAAC;EAErD,MAAMQ,eAAe,GAAG,CAACF,MAAM,EAAEG,SAAS,EAAEC,OAAO,EAAEJ,MAAM,EAAEG,SAAS,GAAGF,cAAc,CAAC,EAAEJ,KAAK,CAAC;EAChG,MAAMQ,cAAc,GAAG,CAACL,MAAM,EAAEM,SAAS,EAAEF,OAAO,EAAEJ,MAAM,EAAEM,SAAS,GAAGL,cAAc,CAAC,CAAC;EAExF,oBACEV,IAAA,CAACH,IAAI;IAAA,GAAKU,SAAS;IAAED,KAAK,EAAEK,eAAgB;IAAAK,QAAA,EACzCb,OAAO,iBAAIH,IAAA,CAACJ,IAAI;MAACU,KAAK,EAAEQ,cAAe;MAAAE,QAAA,EAAC;IAAC,CAAM;EAAC,CAC7C,CAAC;AAEX","ignoreList":[]}

package/dist/module/primitives/checkbox/checkbox-root.js

@@ -0,0 +1,56 @@
+"use strict";
+
+import React, { useState } from "react";
+import { Pressable } from "react-native";
+import { CheckboxPrimitiveContext } from "./checkbox-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const calculateState = (checked, disabled, isHovered) => {
+  if (disabled) {
+    return "disabled";
+  }
+  if (isHovered) {
+    return "hovered";
+  }
+  if (checked) {
+    return "checked";
+  }
+  return "default";
+};
+export function CheckboxRoot(props) {
+  const {
+    children,
+    checked,
+    onChange,
+    disabled,
+    style,
+    styles,
+    ...pressableProps
+  } = props;
+  const [isHovered, setIsHovered] = useState(false);
+  const state = calculateState(checked, disabled, isHovered);
+  const handlePress = () => {
+    if (!disabled) {
+      onChange(!checked);
+    }
+  };
+  const calculatedStyle = [styles?.root?.default, styles?.root?.[state], style];
+  const contextValue = React.useMemo(() => ({
+    checked,
+    disabled,
+    state,
+    styles
+  }), [checked, disabled, state, styles]);
+  return /*#__PURE__*/_jsx(CheckboxPrimitiveContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Pressable, {
+      ...pressableProps,
+      disabled: disabled,
+      onPress: handlePress,
+      onHoverIn: () => setIsHovered(true),
+      onHoverOut: () => setIsHovered(false),
+      style: calculatedStyle,
+      children: children
+    })
+  });
+}
+//# sourceMappingURL=checkbox-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Pressable","CheckboxPrimitiveContext","jsx","_jsx","calculateState","checked","disabled","isHovered","CheckboxRoot","props","children","onChange","style","styles","pressableProps","setIsHovered","state","handlePress","calculatedStyle","root","default","contextValue","useMemo","Provider","value","onPress","onHoverIn","onHoverOut"],"sourceRoot":"../../../../src","sources":["primitives/checkbox/checkbox-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAA6D,cAAc;AAC7F,SAASC,wBAAwB;AAA6B,SAAAC,GAAA,IAAAC,IAAA;AAY9D,MAAMC,cAAc,GAAGA,CAACC,OAAgB,EAAEC,QAA6B,EAAEC,SAAkB,KAAoB;EAC7G,IAAID,QAAQ,EAAE;IACZ,OAAO,UAAU;EACnB;EACA,IAAIC,SAAS,EAAE;IACb,OAAO,SAAS;EAClB;EACA,IAAIF,OAAO,EAAE;IACX,OAAO,SAAS;EAClB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASG,YAAYA,CAACC,KAAiC,EAAE;EAC9D,MAAM;IAAEC,QAAQ;IAAEL,OAAO;IAAEM,QAAQ;IAAEL,QAAQ;IAAEM,KAAK;IAAEC,MAAM;IAAE,GAAGC;EAAe,CAAC,GAAGL,KAAK;EACzF,MAAM,CAACF,SAAS,EAAEQ,YAAY,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMiB,KAAK,GAAGZ,cAAc,CAACC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,CAAC;EAE1D,MAAMU,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAI,CAACX,QAAQ,EAAE;MACbK,QAAQ,CAAC,CAACN,OAAO,CAAC;IACpB;EACF,CAAC;EAED,MAAMa,eAAe,GAAG,CAACL,MAAM,EAAEM,IAAI,EAAEC,OAAO,EAAEP,MAAM,EAAEM,IAAI,GAAGH,KAAK,CAAC,EAAEJ,KAAK,CAAC;EAE7E,MAAMS,YAAY,GAAGvB,KAAK,CAACwB,OAAO,CAChC,OAAO;IACLjB,OAAO;IACPC,QAAQ;IACRU,KAAK;IACLH;EACF,CAAC,CAAC,EACF,CAACR,OAAO,EAAEC,QAAQ,EAAEU,KAAK,EAAEH,MAAM,CACnC,CAAC;EAED,oBACEV,IAAA,CAACF,wBAAwB,CAACsB,QAAQ;IAACC,KAAK,EAAEH,YAAa;IAAAX,QAAA,eACrDP,IAAA,CAACH,SAAS;MAAA,GACJc,cAAc;MAClBR,QAAQ,EAAEA,QAAS;MACnBmB,OAAO,EAAER,WAAY;MACrBS,SAAS,EAAEA,CAAA,KAAMX,YAAY,CAAC,IAAI,CAAE;MACpCY,UAAU,EAAEA,CAAA,KAAMZ,YAAY,CAAC,KAAK,CAAE;MACtCH,KAAK,EAAEM,eAAgB;MAAAR,QAAA,EAEtBA;IAAQ,CACA;EAAC,CACqB,CAAC;AAExC","ignoreList":[]}

package/dist/module/primitives/checkbox/checkbox-title.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import React from "react";
+import { Text } from "react-native";
+import { useCheckboxContext } from "./checkbox-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function CheckboxTitle(props) {
+  const {
+    children,
+    style,
+    ...textProps
+  } = props;
+  const {
+    state,
+    styles
+  } = useCheckboxContext();
+  const calculatedStyle = [styles?.title?.default, styles?.title?.[state], style];
+  return /*#__PURE__*/_jsx(Text, {
+    ...textProps,
+    style: calculatedStyle,
+    children: children
+  });
+}
+//# sourceMappingURL=checkbox-title.js.map

package/dist/module/primitives/checkbox/checkbox-title.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","useCheckboxContext","jsx","_jsx","CheckboxTitle","props","children","style","textProps","state","styles","calculatedStyle","title","default"],"sourceRoot":"../../../../src","sources":["primitives/checkbox/checkbox-title.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,kBAAkB;AAA6B,SAAAC,GAAA,IAAAC,IAAA;AAOxD,OAAO,SAASC,aAAaA,CAACC,KAAkC,EAAE;EAChE,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EAC/C,MAAM;IAAEI,KAAK;IAAEC;EAAO,CAAC,GAAGT,kBAAkB,CAAC,CAAC;EAE9C,MAAMU,eAAe,GAAG,CAACD,MAAM,EAAEE,KAAK,EAAEC,OAAO,EAAEH,MAAM,EAAEE,KAAK,GAAGH,KAAK,CAAC,EAAEF,KAAK,CAAC;EAE/E,oBACEJ,IAAA,CAACH,IAAI;IAAA,GAAKQ,SAAS;IAAED,KAAK,EAAEI,eAAgB;IAAAL,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}

package/dist/module/primitives/checkbox/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+import { CheckboxRoot } from "./checkbox-root.js";
+import { CheckboxIndicator } from "./checkbox-indicator.js";
+import { CheckboxTitle } from "./checkbox-title.js";
+import { CheckboxDescription } from "./checkbox-description.js";
+export const CheckboxPrimitive = {
+  Root: CheckboxRoot,
+  Indicator: CheckboxIndicator,
+  Title: CheckboxTitle,
+  Description: CheckboxDescription
+};
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/module/primitives/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CheckboxRoot","CheckboxIndicator","CheckboxTitle","CheckboxDescription","CheckboxPrimitive","Root","Indicator","Title","Description"],"sourceRoot":"../../../../src","sources":["primitives/checkbox/index.ts"],"mappings":";;AAAA,SAASA,YAAY;AACrB,SAASC,iBAAiB;AAC1B,SAASC,aAAa;AACtB,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,iBAAiB,GAAG;EAC/BC,IAAI,EAAEL,YAAY;EAClBM,SAAS,EAAEL,iBAAiB;EAC5BM,KAAK,EAAEL,aAAa;EACpBM,WAAW,EAAEL;AACf,CAAC;AAMD","ignoreList":[]}

package/dist/module/primitives/checkbox/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/dist/module/primitives/checkbox/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["primitives/checkbox/types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/primitives/index.js

@@ -15,4 +15,5 @@ export * from "./popover/index.js";
 export * from "./portal/index.js";
 export * from "./calendar/index.js";
 export * from "./tabs/index.js";
+export * from "./checkbox/index.js";
 //# sourceMappingURL=index.js.map

package/dist/module/primitives/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["primitives/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["primitives/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/dist/typescript/src/components/checkbox/checkbox.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { CheckboxVariants } from "./variants";
+interface CheckboxProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    title?: string;
+    description?: string;
+    disabled?: boolean;
+    variant?: keyof typeof CheckboxVariants;
+}
+export declare function Checkbox(props: CheckboxProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,UAAU,aAAa;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;CACzC;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAiB5C"}

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

@@ -0,0 +1,3 @@
+export { Checkbox } from "./checkbox";
+export { CheckboxVariants } from "./variants";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/checkbox/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,eAAO,MAAM,yBAAyB,QAAO,cA8D5C,CAAC"}

package/dist/typescript/src/components/checkbox/variants/index.d.ts

@@ -0,0 +1,5 @@
+export declare const CheckboxVariants: {
+    default: () => import("../../../primitives").CheckboxStyles;
+    outlined: () => import("../../../primitives").CheckboxStyles;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/components/checkbox/variants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/checkbox/variants/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC"}

package/dist/typescript/src/components/checkbox/variants/outlined.d.ts

@@ -0,0 +1,3 @@
+import { type CheckboxStyles } from "../../../primitives";
+export declare const useCheckboxVariantOutlined: () => CheckboxStyles;
+//# sourceMappingURL=outlined.d.ts.map

package/dist/typescript/src/components/checkbox/variants/outlined.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"outlined.d.ts","sourceRoot":"","sources":["../../../../../../src/components/checkbox/variants/outlined.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,eAAO,MAAM,0BAA0B,QAAO,cA8E7C,CAAC"}

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

@@ -14,4 +14,5 @@ export * from "./dropdown-menu/dropdown-menu";
 export * from "./popover/popover";
 export * from "./calendar/calendar";
 export * from "./tabs";
+export * from "./checkbox";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC"}

package/dist/typescript/src/primitives/checkbox/checkbox-context.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { CheckboxStyles, CheckboxState } from "./types";
+export interface CheckboxPrimitiveContextValue {
+    checked: boolean;
+    disabled?: boolean;
+    state: CheckboxState;
+    styles?: CheckboxStyles;
+}
+export declare const CheckboxPrimitiveContext: React.Context<CheckboxPrimitiveContextValue | null>;
+export declare const useCheckboxContext: () => CheckboxPrimitiveContextValue;
+//# sourceMappingURL=checkbox-context.d.ts.map

package/dist/typescript/src/primitives/checkbox/checkbox-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-context.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/checkbox/checkbox-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7D,MAAM,WAAW,6BAA6B;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,eAAO,MAAM,wBAAwB,qDAAkE,CAAC;AAExG,eAAO,MAAM,kBAAkB,qCAM9B,CAAC"}

package/dist/typescript/src/primitives/checkbox/checkbox-description.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { type TextProps, type StyleProp, type TextStyle } from "react-native";
+export interface CheckboxPrimitiveDescriptionProps extends TextProps {
+    children: React.ReactNode;
+    style?: StyleProp<TextStyle>;
+}
+export declare function CheckboxDescription(props: CheckboxPrimitiveDescriptionProps): React.JSX.Element;
+//# sourceMappingURL=checkbox-description.d.ts.map

package/dist/typescript/src/primitives/checkbox/checkbox-description.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-description.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/checkbox/checkbox-description.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpF,MAAM,WAAW,iCAAkC,SAAQ,SAAS;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,iCAAiC,qBAW3E"}

package/dist/typescript/src/primitives/checkbox/checkbox-indicator.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { type StyleProp, type ViewProps, type ViewStyle } from "react-native";
+export interface CheckboxPrimitiveIndicatorProps extends ViewProps {
+    style?: StyleProp<ViewStyle>;
+}
+export declare function CheckboxIndicator(props: CheckboxPrimitiveIndicatorProps): React.JSX.Element;
+//# sourceMappingURL=checkbox-indicator.d.ts.map

package/dist/typescript/src/primitives/checkbox/checkbox-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-indicator.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/checkbox/checkbox-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1F,MAAM,WAAW,+BAAgC,SAAQ,SAAS;IAChE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAYD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,+BAA+B,qBAcvE"}

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

@@ -0,0 +1,13 @@
+import React from "react";
+import { type PressableProps, type StyleProp, type ViewStyle } from "react-native";
+import type { CheckboxStyles } from "./types";
+export interface CheckboxPrimitiveRootProps extends Omit<PressableProps, "children"> {
+    children: React.ReactNode;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    styles?: CheckboxStyles;
+}
+export declare function CheckboxRoot(props: CheckboxPrimitiveRootProps): React.JSX.Element;
+//# sourceMappingURL=checkbox-root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-root.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/checkbox/checkbox-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,EAAiB,cAAc,EAAE,MAAM,SAAS,CAAC;AAE7D,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IAClF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAeD,wBAAgB,YAAY,CAAC,KAAK,EAAE,0BAA0B,qBAsC7D"}

package/dist/typescript/src/primitives/checkbox/checkbox-title.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { type TextProps, type StyleProp, type TextStyle } from "react-native";
+export interface CheckboxPrimitiveTitleProps extends TextProps {
+    children: React.ReactNode;
+    style?: StyleProp<TextStyle>;
+}
+export declare function CheckboxTitle(props: CheckboxPrimitiveTitleProps): React.JSX.Element;
+//# sourceMappingURL=checkbox-title.d.ts.map

package/dist/typescript/src/primitives/checkbox/checkbox-title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-title.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/checkbox/checkbox-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpF,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,2BAA2B,qBAW/D"}

package/dist/typescript/src/primitives/checkbox/index.d.ts

@@ -0,0 +1,16 @@
+import { CheckboxRoot } from "./checkbox-root";
+import { CheckboxIndicator } from "./checkbox-indicator";
+import { CheckboxTitle } from "./checkbox-title";
+import { CheckboxDescription } from "./checkbox-description";
+export declare const CheckboxPrimitive: {
+    Root: typeof CheckboxRoot;
+    Indicator: typeof CheckboxIndicator;
+    Title: typeof CheckboxTitle;
+    Description: typeof CheckboxDescription;
+};
+export type { CheckboxPrimitiveRootProps } from "./checkbox-root";
+export type { CheckboxPrimitiveIndicatorProps } from "./checkbox-indicator";
+export type { CheckboxPrimitiveTitleProps } from "./checkbox-title";
+export type { CheckboxPrimitiveDescriptionProps } from "./checkbox-description";
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/primitives/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC;AAEF,YAAY,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAClE,YAAY,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AAC5E,YAAY,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AACpE,YAAY,EAAE,iCAAiC,EAAE,MAAM,wBAAwB,CAAC;AAChF,cAAc,SAAS,CAAC"}

package/dist/typescript/src/primitives/checkbox/types.d.ts

@@ -0,0 +1,10 @@
+import type { StyleProp, TextStyle, ViewStyle } from "react-native";
+export type CheckboxState = "default" | "checked" | "disabled" | "hovered";
+export interface CheckboxStyles {
+    root?: Partial<Record<CheckboxState, StyleProp<ViewStyle>>>;
+    indicator?: Partial<Record<CheckboxState, StyleProp<ViewStyle>>>;
+    checkmark?: Partial<Record<CheckboxState, StyleProp<TextStyle>>>;
+    title?: Partial<Record<CheckboxState, StyleProp<TextStyle>>>;
+    description?: Partial<Record<CheckboxState, StyleProp<TextStyle>>>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/primitives/checkbox/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAE3E,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACjE,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;CACpE"}

package/dist/typescript/src/primitives/index.d.ts

@@ -13,4 +13,5 @@ export * from "./popover";
 export * from "./portal";
 export * from "./calendar";
 export * from "./tabs";
+export * from "./checkbox";
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/primitives/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC"}

package/package.json

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

package/src/components/checkbox/checkbox.tsx

@@ -0,0 +1,32 @@
+import { CheckboxPrimitive } from "@/primitives";
+import React from "react";
+import { View } from "react-native";
+import { CheckboxVariants } from "./variants";
+
+interface CheckboxProps {
+  checked: boolean;
+  onChange: (checked: boolean) => void;
+  title?: string;
+  description?: string;
+  disabled?: boolean;
+  variant?: keyof typeof CheckboxVariants;
+}
+
+export function Checkbox(props: CheckboxProps) {
+  const { checked, onChange, title, description, disabled, variant = "default" } = props;
+
+  const useVariantStyles = CheckboxVariants[variant];
+  const variantStyles = useVariantStyles();
+
+  return (
+    <CheckboxPrimitive.Root checked={checked} onChange={onChange} disabled={disabled} styles={variantStyles}>
+      <CheckboxPrimitive.Indicator />
+      {(title || description) && (
+        <View style={{ flex: 1 }}>
+          {title && <CheckboxPrimitive.Title>{title}</CheckboxPrimitive.Title>}
+          {description && <CheckboxPrimitive.Description>{description}</CheckboxPrimitive.Description>}
+        </View>
+      )}
+    </CheckboxPrimitive.Root>
+  );
+}

package/src/components/checkbox/index.ts

@@ -0,0 +1,2 @@
+export { Checkbox } from "./checkbox";
+export { CheckboxVariants } from "./variants";

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

@@ -0,0 +1,66 @@
+import { type CheckboxStyles } from "@/primitives";
+import { useThemedStyles } from "@/utils/use-themed-styles";
+
+export const useCheckboxVariantDefault = (): CheckboxStyles => {
+  return useThemedStyles(
+    ({ colors, radius, fontFamily, fontSize }): CheckboxStyles => ({
+      root: {
+        default: {
+          flexDirection: "row",
+          alignItems: "flex-start",
+          gap: 12,
+        },
+      },
+      indicator: {
+        default: {
+          width: 20,
+          height: 20,
+          borderRadius: radius / 2,
+          borderWidth: 2,
+          borderColor: colors.border,
+          backgroundColor: colors.background,
+          marginTop: 2,
+          alignItems: "center",
+          justifyContent: "center",
+        },
+        checked: {
+          backgroundColor: colors.primary,
+          borderColor: colors.primary,
+        },
+        disabled: {
+          opacity: 0.5,
+        },
+      },
+      checkmark: {
+        default: {
+          color: colors.primaryForeground,
+          fontSize: 14,
+          fontWeight: "bold",
+          lineHeight: 16,
+        },
+      },
+      title: {
+        default: {
+          color: colors.foreground,
+          fontSize,
+          fontFamily,
+          fontWeight: "500",
+        },
+        disabled: {
+          color: colors.mutedForeground,
+        },
+      },
+      description: {
+        default: {
+          color: colors.mutedForeground,
+          fontSize: fontSize * 0.875,
+          fontFamily,
+          marginTop: 2,
+        },
+        disabled: {
+          opacity: 0.7,
+        },
+      },
+    })
+  );
+};

package/src/components/checkbox/variants/index.ts

@@ -0,0 +1,7 @@
+import { useCheckboxVariantDefault } from "./default";
+import { useCheckboxVariantOutlined } from "./outlined";
+
+export const CheckboxVariants = {
+  default: useCheckboxVariantDefault,
+  outlined: useCheckboxVariantOutlined,
+};

package/src/components/checkbox/variants/outlined.tsx

@@ -0,0 +1,82 @@
+import { type CheckboxStyles } from "@/primitives";
+import { useThemedStyles } from "@/utils/use-themed-styles";
+
+export const useCheckboxVariantOutlined = (): CheckboxStyles => {
+  return useThemedStyles(
+    ({ colors, radius, fontFamily, fontSize }): CheckboxStyles => ({
+      root: {
+        default: {
+          flexDirection: "row",
+          alignItems: "flex-start",
+          gap: 12,
+          borderWidth: 1,
+          borderColor: colors.border,
+          borderRadius: radius,
+          padding: 16,
+          backgroundColor: colors.background,
+        },
+        hovered: {
+          backgroundColor: colors.muted,
+          borderColor: colors.primary,
+        },
+        checked: {
+          borderColor: colors.primary,
+        },
+        disabled: {
+          opacity: 0.5,
+        },
+      },
+      indicator: {
+        default: {
+          width: 20,
+          height: 20,
+          borderRadius: radius / 2,
+          borderWidth: 2,
+          borderColor: colors.border,
+          backgroundColor: colors.background,
+          marginTop: 2,
+          alignItems: "center",
+          justifyContent: "center",
+        },
+        checked: {
+          backgroundColor: colors.primary,
+          borderColor: colors.primary,
+        },
+
+        disabled: {
+          opacity: 0.5,
+        },
+      },
+      checkmark: {
+        default: {
+          color: colors.primaryForeground,
+          fontSize: 14,
+          fontWeight: "bold",
+          lineHeight: 16,
+        },
+      },
+      title: {
+        default: {
+          color: colors.foreground,
+          fontSize,
+          fontFamily,
+          fontWeight: "500",
+        },
+        disabled: {
+          color: colors.mutedForeground,
+        },
+      },
+      description: {
+        default: {
+          color: colors.mutedForeground,
+          fontSize: fontSize * 0.875,
+          fontFamily,
+          marginTop: 2,
+        },
+        disabled: {
+          opacity: 0.7,
+        },
+      },
+    })
+  );
+};

package/src/components/index.ts

@@ -14,3 +14,4 @@ export * from "./dropdown-menu/dropdown-menu";
 export * from "./popover/popover";
 export * from "./calendar/calendar";
 export * from "./tabs";
+export * from "./checkbox";

package/src/primitives/checkbox/checkbox-context.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import type { CheckboxStyles, CheckboxState } from "./types";
+
+export interface CheckboxPrimitiveContextValue {
+  checked: boolean;
+  disabled?: boolean;
+  state: CheckboxState;
+  styles?: CheckboxStyles;
+}
+
+export const CheckboxPrimitiveContext = React.createContext<CheckboxPrimitiveContextValue | null>(null);
+
+export const useCheckboxContext = () => {
+  const context = React.useContext(CheckboxPrimitiveContext);
+  if (!context) {
+    throw new Error("Checkbox compound components must be used within CheckboxPrimitive.Root");
+  }
+  return context;
+};

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

@@ -0,0 +1,21 @@
+import React from "react";
+import { Text, type TextProps, type StyleProp, type TextStyle } from "react-native";
+import { useCheckboxContext } from "./checkbox-context";
+
+export interface CheckboxPrimitiveDescriptionProps extends TextProps {
+  children: React.ReactNode;
+  style?: StyleProp<TextStyle>;
+}
+
+export function CheckboxDescription(props: CheckboxPrimitiveDescriptionProps) {
+  const { children, style, ...textProps } = props;
+  const { state, styles } = useCheckboxContext();
+
+  const calculatedStyle = [styles?.description?.default, styles?.description?.[state], style];
+
+  return (
+    <Text {...textProps} style={calculatedStyle}>
+      {children}
+    </Text>
+  );
+}

package/src/primitives/checkbox/checkbox-indicator.tsx

@@ -0,0 +1,34 @@
+import React from "react";
+import { Text, View, type StyleProp, type ViewProps, type ViewStyle } from "react-native";
+import { useCheckboxContext } from "./checkbox-context";
+import type { CheckboxState } from "./types";
+
+export interface CheckboxPrimitiveIndicatorProps extends ViewProps {
+  style?: StyleProp<ViewStyle>;
+}
+
+const calculateState = (rootState: CheckboxState, checked: boolean): CheckboxState => {
+  if (rootState === "disabled") {
+    return "disabled";
+  }
+  if (checked) {
+    return "checked";
+  }
+  return rootState;
+};
+
+export function CheckboxIndicator(props: CheckboxPrimitiveIndicatorProps) {
+  const { style, ...viewProps } = props;
+  const { checked, state, styles } = useCheckboxContext();
+
+  const indicatorState = calculateState(state, checked);
+
+  const calculatedStyle = [styles?.indicator?.default, styles?.indicator?.[indicatorState], style];
+  const checkmarkStyle = [styles?.checkmark?.default, styles?.checkmark?.[indicatorState]];
+
+  return (
+    <View {...viewProps} style={calculatedStyle}>
+      {checked && <Text style={checkmarkStyle}>✓</Text>}
+    </View>
+  );
+}

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

@@ -0,0 +1,66 @@
+import React, { useState } from "react";
+import { Pressable, type PressableProps, type StyleProp, type ViewStyle } from "react-native";
+import { CheckboxPrimitiveContext } from "./checkbox-context";
+import type { CheckboxState, CheckboxStyles } from "./types";
+
+export interface CheckboxPrimitiveRootProps extends Omit<PressableProps, "children"> {
+  children: React.ReactNode;
+  checked: boolean;
+  onChange: (checked: boolean) => void;
+  disabled?: boolean;
+  style?: StyleProp<ViewStyle>;
+  styles?: CheckboxStyles;
+}
+
+const calculateState = (checked: boolean, disabled: boolean | undefined, isHovered: boolean): CheckboxState => {
+  if (disabled) {
+    return "disabled";
+  }
+  if (isHovered) {
+    return "hovered";
+  }
+  if (checked) {
+    return "checked";
+  }
+  return "default";
+};
+
+export function CheckboxRoot(props: CheckboxPrimitiveRootProps) {
+  const { children, checked, onChange, disabled, style, styles, ...pressableProps } = props;
+  const [isHovered, setIsHovered] = useState(false);
+
+  const state = calculateState(checked, disabled, isHovered);
+
+  const handlePress = () => {
+    if (!disabled) {
+      onChange(!checked);
+    }
+  };
+
+  const calculatedStyle = [styles?.root?.default, styles?.root?.[state], style];
+
+  const contextValue = React.useMemo(
+    () => ({
+      checked,
+      disabled,
+      state,
+      styles,
+    }),
+    [checked, disabled, state, styles]
+  );
+
+  return (
+    <CheckboxPrimitiveContext.Provider value={contextValue}>
+      <Pressable
+        {...pressableProps}
+        disabled={disabled}
+        onPress={handlePress}
+        onHoverIn={() => setIsHovered(true)}
+        onHoverOut={() => setIsHovered(false)}
+        style={calculatedStyle}
+      >
+        {children}
+      </Pressable>
+    </CheckboxPrimitiveContext.Provider>
+  );
+}

package/src/primitives/checkbox/checkbox-title.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+import { Text, type TextProps, type StyleProp, type TextStyle } from "react-native";
+import { useCheckboxContext } from "./checkbox-context";
+
+export interface CheckboxPrimitiveTitleProps extends TextProps {
+  children: React.ReactNode;
+  style?: StyleProp<TextStyle>;
+}
+
+export function CheckboxTitle(props: CheckboxPrimitiveTitleProps) {
+  const { children, style, ...textProps } = props;
+  const { state, styles } = useCheckboxContext();
+
+  const calculatedStyle = [styles?.title?.default, styles?.title?.[state], style];
+
+  return (
+    <Text {...textProps} style={calculatedStyle}>
+      {children}
+    </Text>
+  );
+}

package/src/primitives/checkbox/index.ts

@@ -0,0 +1,17 @@
+import { CheckboxRoot } from "./checkbox-root";
+import { CheckboxIndicator } from "./checkbox-indicator";
+import { CheckboxTitle } from "./checkbox-title";
+import { CheckboxDescription } from "./checkbox-description";
+
+export const CheckboxPrimitive = {
+  Root: CheckboxRoot,
+  Indicator: CheckboxIndicator,
+  Title: CheckboxTitle,
+  Description: CheckboxDescription,
+};
+
+export type { CheckboxPrimitiveRootProps } from "./checkbox-root";
+export type { CheckboxPrimitiveIndicatorProps } from "./checkbox-indicator";
+export type { CheckboxPrimitiveTitleProps } from "./checkbox-title";
+export type { CheckboxPrimitiveDescriptionProps } from "./checkbox-description";
+export * from "./types";

package/src/primitives/checkbox/types.ts

@@ -0,0 +1,11 @@
+import type { StyleProp, TextStyle, ViewStyle } from "react-native";
+
+export type CheckboxState = "default" | "checked" | "disabled" | "hovered";
+
+export interface CheckboxStyles {
+  root?: Partial<Record<CheckboxState, StyleProp<ViewStyle>>>;
+  indicator?: Partial<Record<CheckboxState, StyleProp<ViewStyle>>>;
+  checkmark?: Partial<Record<CheckboxState, StyleProp<TextStyle>>>;
+  title?: Partial<Record<CheckboxState, StyleProp<TextStyle>>>;
+  description?: Partial<Record<CheckboxState, StyleProp<TextStyle>>>;
+}

package/src/primitives/index.ts

@@ -13,3 +13,4 @@ export * from "./popover";
 export * from "./portal";
 export * from "./calendar";
 export * from "./tabs";
+export * from "./checkbox";