@korsolutions/ui 0.0.34 → 0.0.36

package/dist/module/primitives/tabs/tabs-trigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","useTabsContext","jsx","_jsx","calculateState","isActive","isDisabled","TabsTrigger","props","children","value","triggerValue","style","pressableProps","onValueChange","styles","state","handlePress","calculatedStyle","trigger","default","disabled","onPress"],"sourceRoot":"../../../../src","sources":["primitives/tabs/tabs-trigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAA6D,cAAc;AAC7F,SAASC,cAAc;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAUhD,MAAMC,cAAc,GAAGA,CACrBC,QAAiB,EACjBC,UAA+B,KACjB;EACd,IAAIA,UAAU,EAAE;IACd,OAAO,UAAU;EACnB;EACA,IAAID,QAAQ,EAAE;IACZ,OAAO,QAAQ;EACjB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,WAAWA,CAACC,KAAgC,EAAE;EAC5D,MAAM;IAAEC,QAAQ;IAAEC,KAAK,EAAEC,YAAY;IAAEL,UAAU;IAAEM,KAAK;IAAE,GAAGC;EAAe,CAAC,GAAGL,KAAK;EACrF,MAAM;IAAEE,KAAK;IAAEI,aAAa;IAAEC;EAAO,CAAC,GAAGd,cAAc,CAAC,CAAC;EAEzD,MAAMI,QAAQ,GAAGK,KAAK,KAAKC,YAAY;EACvC,MAAMK,KAAK,GAAGZ,cAAc,CAACC,QAAQ,EAAEC,UAAU,CAAC;EAElD,MAAMW,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAI,CAACX,UAAU,EAAE;MACfQ,aAAa,CAACH,YAAY,CAAC;IAC7B;EACF,CAAC;EAED,MAAMO,eAAe,GAAG,CACtBH,MAAM,EAAEI,OAAO,EAAEC,OAAO,EACxBL,MAAM,EAAEI,OAAO,GAAGH,KAAK,CAAC,EACxBJ,KAAK,CACN;EAED,oBACET,IAAA,CAACH,SAAS;IAAA,GACJa,cAAc;IAClBQ,QAAQ,EAAEf,UAAW;IACrBgB,OAAO,EAAEL,WAAY;IACrBL,KAAK,EAAEM,eAAgB;IAAAT,QAAA,EAEtBA;EAAQ,CACA,CAAC;AAEhB","ignoreList":[]}
+{"version":3,"names":["React","Pressable","useTabsContext","jsx","_jsx","calculateState","isActive","isDisabled","TabsTrigger","props","children","value","triggerValue","style","pressableProps","onChange","styles","state","handlePress","calculatedStyle","trigger","default","disabled","onPress"],"sourceRoot":"../../../../src","sources":["primitives/tabs/tabs-trigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAA6D,cAAc;AAC7F,SAASC,cAAc;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAUhD,MAAMC,cAAc,GAAGA,CAACC,QAAiB,EAAEC,UAA+B,KAAgB;EACxF,IAAIA,UAAU,EAAE;IACd,OAAO,UAAU;EACnB;EACA,IAAID,QAAQ,EAAE;IACZ,OAAO,QAAQ;EACjB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,WAAWA,CAACC,KAAgC,EAAE;EAC5D,MAAM;IAAEC,QAAQ;IAAEC,KAAK,EAAEC,YAAY;IAAEL,UAAU;IAAEM,KAAK;IAAE,GAAGC;EAAe,CAAC,GAAGL,KAAK;EACrF,MAAM;IAAEE,KAAK;IAAEI,QAAQ;IAAEC;EAAO,CAAC,GAAGd,cAAc,CAAC,CAAC;EAEpD,MAAMI,QAAQ,GAAGK,KAAK,KAAKC,YAAY;EACvC,MAAMK,KAAK,GAAGZ,cAAc,CAACC,QAAQ,EAAEC,UAAU,CAAC;EAElD,MAAMW,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAI,CAACX,UAAU,EAAE;MACfQ,QAAQ,CAACH,YAAY,CAAC;IACxB;EACF,CAAC;EAED,MAAMO,eAAe,GAAG,CAACH,MAAM,EAAEI,OAAO,EAAEC,OAAO,EAAEL,MAAM,EAAEI,OAAO,GAAGH,KAAK,CAAC,EAAEJ,KAAK,CAAC;EAEnF,oBACET,IAAA,CAACH,SAAS;IAAA,GAAKa,cAAc;IAAEQ,QAAQ,EAAEf,UAAW;IAACgB,OAAO,EAAEL,WAAY;IAACL,KAAK,EAAEM,eAAgB;IAAAT,QAAA,EAC/FA;EAAQ,CACA,CAAC;AAEhB","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/components/tabs/tabs.d.ts

@@ -1,17 +1,17 @@
 import React from "react";
 import { TabsVariants } from "./variants";
-export interface Tab {
-    value: string;
+export interface Tab<T> {
+    value: T;
     label: string;
     disabled?: boolean;
 }
-interface TabsProps {
-    tabs: Tab[];
-    defaultValue?: string;
-    value?: string;
-    onValueChange?: (value: string) => void;
+interface TabsProps<T> {
+    tabs: Tab<T>[];
+    defaultValue?: T;
+    value?: T;
+    onChange?: (value: T) => void;
     variant?: keyof typeof TabsVariants;
 }
-export declare function Tabs(props: TabsProps): React.JSX.Element;
+export declare function Tabs<T>(props: TabsProps<T>): React.JSX.Element;
 export {};
 //# sourceMappingURL=tabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,SAAS;IACjB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;CACrC;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,qBA8BpC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,WAAW,GAAG,CAAC,CAAC;IACpB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,SAAS,CAAC,CAAC;IACnB,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;CACrC;AAED,wBAAgB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,qBA8B1C"}

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/dist/typescript/src/primitives/tabs/index.d.ts

@@ -1,5 +1,5 @@
-import { TabsRoot } from "./tabs-root";
 import { TabsList } from "./tabs-list";
+import { TabsRoot } from "./tabs-root";
 import { TabsTrigger } from "./tabs-trigger";
 import { TabsTriggerText } from "./tabs-trigger-text";
 export declare const TabsPrimitive: {
@@ -8,8 +8,8 @@ export declare const TabsPrimitive: {
     Trigger: typeof TabsTrigger;
     TriggerText: typeof TabsTriggerText;
 };
-export type { TabsPrimitiveRootProps } from "./tabs-root";
 export type { TabsPrimitiveListProps } from "./tabs-list";
+export type { TabsPrimitiveRootProps } from "./tabs-root";
 export type { TabsPrimitiveTriggerProps } from "./tabs-trigger";
 export type { TabsPrimitiveTriggerTextProps } from "./tabs-trigger-text";
 export * from "./types";

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

@@ -2,7 +2,7 @@ import React from "react";
 import type { TabsStyles } from "./types";
 export interface TabsPrimitiveContextValue {
     value: string;
-    onValueChange: (value: string) => void;
+    onChange: (value: string) => void;
     styles?: TabsStyles;
 }
 export declare const TabsPrimitiveContext: React.Context<TabsPrimitiveContextValue | null>;

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

@@ -1 +1 @@
-{"version":3,"file":"tabs-context.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/tabs/tabs-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,iDAA8D,CAAC;AAEhG,eAAO,MAAM,cAAc,iCAM1B,CAAC"}
+{"version":3,"file":"tabs-context.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/tabs/tabs-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,iDAA8D,CAAC;AAEhG,eAAO,MAAM,cAAc,iCAM1B,CAAC"}

package/dist/typescript/src/primitives/tabs/tabs-list.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type ViewProps, type StyleProp, type ViewStyle } from "react-native";
+import { type StyleProp, type ViewProps, type ViewStyle } from "react-native";
 export interface TabsPrimitiveListProps extends ViewProps {
     children: React.ReactNode;
     style?: StyleProp<ViewStyle>;

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

@@ -1,10 +1,10 @@
 import React from "react";
-import { type ViewProps, type StyleProp, type ViewStyle } from "react-native";
+import { type StyleProp, type ViewProps, type ViewStyle } from "react-native";
 import type { TabsStyles } from "./types";
 export interface TabsPrimitiveRootProps extends Omit<ViewProps, "children"> {
     children: React.ReactNode;
     value: string;
-    onValueChange: (value: string) => void;
+    onChange: (value: string) => void;
     style?: StyleProp<ViewStyle>;
     styles?: TabsStyles;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"tabs-root.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/tabs/tabs-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,sBAAsB,qBAmBrD"}
+{"version":3,"file":"tabs-root.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/tabs/tabs-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,sBAAsB,qBAmBrD"}

package/dist/typescript/src/primitives/tabs/tabs-trigger-text.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type TextProps, type StyleProp, type TextStyle } from "react-native";
+import { type StyleProp, type TextProps, type TextStyle } from "react-native";
 export interface TabsPrimitiveTriggerTextProps extends TextProps {
     children: React.ReactNode;
     value: string;

package/dist/typescript/src/primitives/tabs/tabs-trigger-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-trigger-text.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/tabs/tabs-trigger-text.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,6BAA8B,SAAQ,SAAS;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,6BAA6B,qBAkBnE"}
+{"version":3,"file":"tabs-trigger-text.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/tabs/tabs-trigger-text.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,6BAA8B,SAAQ,SAAS;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,6BAA6B,qBAcnE"}

package/dist/typescript/src/primitives/tabs/tabs-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-trigger.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/tabs/tabs-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9F,MAAM,WAAW,yBAA0B,SAAQ,cAAc;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAeD,wBAAgB,WAAW,CAAC,KAAK,EAAE,yBAAyB,qBA6B3D"}
+{"version":3,"file":"tabs-trigger.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/tabs/tabs-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9F,MAAM,WAAW,yBAA0B,SAAQ,cAAc;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAYD,wBAAgB,WAAW,CAAC,KAAK,EAAE,yBAAyB,qBAoB3D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.34",
+  "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/components/tabs/tabs.tsx

@@ -2,43 +2,43 @@ import { TabsPrimitive } from "@/primitives";
 import React, { useState } from "react";
 import { TabsVariants } from "./variants";
 
-export interface Tab {
-  value: string;
+export interface Tab<T> {
+  value: T;
   label: string;
   disabled?: boolean;
 }
 
-interface TabsProps {
-  tabs: Tab[];
-  defaultValue?: string;
-  value?: string;
-  onValueChange?: (value: string) => void;
+interface TabsProps<T> {
+  tabs: Tab<T>[];
+  defaultValue?: T;
+  value?: T;
+  onChange?: (value: T) => void;
   variant?: keyof typeof TabsVariants;
 }
 
-export function Tabs(props: TabsProps) {
-  const { tabs, defaultValue, value: controlledValue, onValueChange, variant = "default" } = props;
+export function Tabs<T>(props: TabsProps<T>) {
+  const { tabs, defaultValue, value: controlledValue, onChange, variant = "default" } = props;
 
-  const initialValue = defaultValue ?? tabs[0]?.value ?? "";
+  const initialValue = defaultValue ?? tabs[0]?.value ?? ("" as T);
   const [uncontrolledValue, setUncontrolledValue] = useState(initialValue);
   const value = controlledValue ?? uncontrolledValue;
 
-  const handleValueChange = (newValue: string) => {
+  const handleValueChange = (newValue: T) => {
     if (controlledValue === undefined) {
       setUncontrolledValue(newValue);
     }
-    onValueChange?.(newValue);
+    onChange?.(newValue);
   };
 
   const useVariantStyles = TabsVariants[variant];
   const variantStyles = useVariantStyles();
 
   return (
-    <TabsPrimitive.Root value={value} onValueChange={handleValueChange} styles={variantStyles}>
+    <TabsPrimitive.Root value={String(value)} onChange={(newValue) => handleValueChange(newValue as T)} styles={variantStyles}>
       <TabsPrimitive.List>
         {tabs.map((tab) => (
-          <TabsPrimitive.Trigger key={tab.value} value={tab.value} isDisabled={tab.disabled}>
-            <TabsPrimitive.TriggerText value={tab.value} isDisabled={tab.disabled}>
+          <TabsPrimitive.Trigger key={String(tab.value)} value={String(tab.value)} isDisabled={tab.disabled}>
+            <TabsPrimitive.TriggerText value={String(tab.value)} isDisabled={tab.disabled}>
               {tab.label}
             </TabsPrimitive.TriggerText>
           </TabsPrimitive.Trigger>

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;
+};