@korsolutions/ui 0.0.59 → 0.0.61

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,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/dist/typescript/src/components/menu/components/menu-checkbox-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-checkbox-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-checkbox-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAK/E,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAWD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAgD5D"}
+{"version":3,"file":"menu-checkbox-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-checkbox-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAa,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzE,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAWD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBA8C5D"}

package/dist/typescript/src/components/menu/components/menu-radio-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-radio-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-radio-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAK/E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAaD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAqDtD"}
+{"version":3,"file":"menu-radio-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-radio-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAa,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAaD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAgDtD"}

package/dist/typescript/src/components/menu/components/menu-selection-indicator.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface MenuSelectionIndicatorProps {
+    isSelected: boolean;
+}
+export declare function MenuSelectionIndicator({ isSelected, }: MenuSelectionIndicatorProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=menu-selection-indicator.d.ts.map

package/dist/typescript/src/components/menu/components/menu-selection-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-selection-indicator.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-selection-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,2BAA2B;IACnC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,GACX,EAAE,2BAA2B,qBAc7B"}

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

@@ -5,7 +5,6 @@ import type { MenuOverlayProps } from "./components/menu-overlay";
 export type MenuButtonState = "default" | "hovered";
 export type MenuCheckboxItemState = "default" | "hovered" | "disabled";
 export type MenuRadioItemState = "default" | "hovered" | "selected" | "disabled";
-export type MenuRadioIndicatorState = "default" | "selected";
 export interface MenuStyles {
     content?: MenuContentProps["style"];
     item?: Partial<Record<MenuButtonState, StyleProp<ViewStyle>>>;
@@ -16,10 +15,9 @@ export interface MenuStyles {
     label?: StyleProp<TextStyle>;
     separator?: StyleProp<ViewStyle>;
     checkboxItem?: Partial<Record<MenuCheckboxItemState, StyleProp<ViewStyle>>>;
-    checkboxIndicator?: StyleProp<TextStyle>;
+    selectionIndicator?: TextStyle & SvgProps;
     radioGroup?: StyleProp<ViewStyle>;
     radioItem?: Partial<Record<MenuRadioItemState, StyleProp<ViewStyle>>>;
-    radioIndicator?: Partial<Record<MenuRadioIndicatorState, StyleProp<ViewStyle>>>;
     shortcut?: StyleProp<TextStyle>;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,CAAC;AACpD,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACvE,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,CAAC;AAEf,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,UAAU,CAAC;AAE7D,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAEpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,qBAAqB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC5E,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACtE,cAAc,CAAC,EAAE,OAAO,CACtB,MAAM,CAAC,uBAAuB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CACtD,CAAC;IACF,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACjC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,CAAC;AACpD,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACvE,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,CAAC;AAEf,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAEpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,qBAAqB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC5E,kBAAkB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC1C,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACjC"}

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

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAGxC,eAAO,MAAM,qBAAqB,QAAO,UA4GxC,CAAC"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAGxC,eAAO,MAAM,qBAAqB,QAAO,UAmGxC,CAAC"}

package/dist/typescript/src/components/popover/components/popover-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover-content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/popover/components/popover-content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC;IAEzD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBA2BxD"}
+{"version":3,"file":"popover-content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/popover/components/popover-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC;IAEzD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAyBxD"}

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

@@ -1,3 +1,4 @@
 export * from "./portal";
+export * from "./portal-offset";
 export * from "./portal.constants";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}

package/dist/typescript/src/components/portal/portal-offset.d.ts

@@ -0,0 +1,13 @@
+export interface PortalOffset {
+    x: number;
+    y: number;
+}
+export type PortalOffsetValue = PortalOffset | null | undefined;
+export declare const PortalOffsetContext: import("react").Context<PortalOffsetValue>;
+type UsePortalOffsetReturn = {
+    value: PortalOffset;
+    isLoaded: boolean;
+};
+export declare function usePortalOffset(): UsePortalOffsetReturn;
+export {};
+//# sourceMappingURL=portal-offset.d.ts.map

package/dist/typescript/src/components/portal/portal-offset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-offset.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/portal-offset.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC;AAIhE,eAAO,MAAM,mBAAmB,4CAA8C,CAAC;AAE/E,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,eAAe,IAAI,qBAAqB,CASvD"}

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

@@ -1,4 +1,5 @@
+import React from "react";
 import { type PortalHostProps, type PortalProps } from "./portal.constants";
-export declare function PortalHost({ name, container, }: PortalHostProps): import("react").JSX.Element | null;
-export declare function Portal({ name, hostName, children, }: PortalProps): import("react").JSX.Element;
+export declare function PortalHost({ name, container, }: PortalHostProps): React.JSX.Element | null;
+export declare function Portal({ name, hostName, children, }: PortalProps): React.JSX.Element;
 //# sourceMappingURL=portal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/portal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AAuD5B,wBAAgB,UAAU,CAAC,EACzB,IAA0B,EAC1B,SAAS,GACV,EAAE,eAAe,sCAyBjB;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAA8B,EAC9B,QAAQ,GACT,EAAE,WAAW,+BAYb"}
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AA0F5B,wBAAgB,UAAU,CAAC,EACzB,IAA0B,EAC1B,SAAS,GACV,EAAE,eAAe,4BAcjB;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAA8B,EAC9B,QAAQ,GACT,EAAE,WAAW,qBAYb"}

package/dist/typescript/src/components/select/components/select-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,YAAY,CAAC;IAE3D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAyBtD"}
+{"version":3,"file":"select-content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,YAAY,CAAC;IAE3D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAkCtD"}

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

@@ -0,0 +1,3 @@
+export { Separator, type SeparatorProps } from "./separator";
+export type { SeparatorStyles } from "./types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/separator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,9 @@
+import React from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+import { SeparatorVariants } from "./variants";
+export interface SeparatorProps {
+    variant?: keyof typeof SeparatorVariants;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function Separator(props: SeparatorProps): React.JSX.Element;
+//# sourceMappingURL=separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/separator/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,OAAO,iBAAiB,CAAC;IACzC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAK9C"}

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

@@ -0,0 +1,5 @@
+import type { StyleProp, ViewStyle } from "react-native";
+export interface SeparatorStyles {
+    root?: StyleProp<ViewStyle>;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/separator/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC7B"}

package/dist/typescript/src/components/separator/variants/horizontal.d.ts

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

package/dist/typescript/src/components/separator/variants/horizontal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/separator/variants/horizontal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,6BAA6B,QAAO,eAUhD,CAAC"}

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

@@ -0,0 +1,5 @@
+export declare const SeparatorVariants: {
+    horizontal: () => import("..").SeparatorStyles;
+    vertical: () => import("..").SeparatorStyles;
+};
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/typescript/src/components/separator/variants/vertical.d.ts

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

package/dist/typescript/src/components/separator/variants/vertical.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical.d.ts","sourceRoot":"","sources":["../../../../../../src/components/separator/variants/vertical.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,2BAA2B,QAAO,eAU9C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/textarea/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,wBAAgB,yBAAyB,IAAI,cAAc,CAkC1D"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/textarea/variants/default.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,wBAAgB,yBAAyB,IAAI,cAAc,CAwC1D"}

package/dist/typescript/src/hooks/use-relative-position.d.ts

@@ -1,10 +1,7 @@
 import { type DisplayMetrics, type LayoutRectangle, type ViewStyle } from "react-native";
-import type { SafeAreaInsets } from "../safe-area";
-type UseRelativePositionArgs = Omit<GetContentStyleArgs, "triggerPosition" | "contentLayout" | "dimensions"> & {
-    triggerPosition: LayoutPosition | null;
-    contentLayout: LayoutRectangle | null;
-};
-export declare function useRelativePosition({ align, triggerPosition, contentLayout, alignOffset, insets, sideOffset, preferredSide, }: UseRelativePositionArgs): ViewStyle;
+import { type SafeAreaInsets } from "../safe-area";
+type UseRelativePositionArgs = Omit<GetContentStyleArgs, "dimensions" | "insets">;
+export declare function useRelativePosition({ align, triggerPosition, contentLayout, alignOffset, sideOffset, preferredSide, }: UseRelativePositionArgs): ViewStyle;
 export interface LayoutPosition {
     pageY: number;
     pageX: number;
@@ -15,7 +12,7 @@ interface GetPositionArgs {
     dimensions: DisplayMetrics;
     triggerPosition: LayoutPosition;
     contentLayout: LayoutRectangle;
-    insets?: SafeAreaInsets;
+    insets: SafeAreaInsets;
 }
 interface GetSidePositionArgs extends GetPositionArgs {
     preferredSide: "top" | "bottom";

package/dist/typescript/src/hooks/use-relative-position.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-relative-position.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-relative-position.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,KAAK,uBAAuB,GAAG,IAAI,CACjC,mBAAmB,EACnB,iBAAiB,GAAG,eAAe,GAAG,YAAY,CACnD,GAAG;IACF,eAAe,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,aAAa,EAAE,eAAe,GAAG,IAAI,CAAC;CACvC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,eAAe,EACf,aAAa,EACb,WAAW,EACX,MAAM,EACN,UAAU,EACV,aAAa,GACd,EAAE,uBAAuB,GAAG,SAAS,CAoCrC;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAe;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,eAAe,EAAE,cAAc,CAAC;IAChC,aAAa,EAAE,eAAe,CAAC;IAC/B,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,UAAU,mBAAoB,SAAQ,eAAe;IACnD,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,eAK5B,CAAC;AACF,eAAO,MAAM,gBAAgB,EAAE,cAK9B,CAAC;AAqFF,UAAU,oBAAqB,SAAQ,eAAe;IACpD,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;CACrB;AA2ED,KAAK,mBAAmB,GAAG,eAAe,GACxC,mBAAmB,GACnB,oBAAoB,CAAC"}
+{"version":3,"file":"use-relative-position.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-relative-position.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAEtE,KAAK,uBAAuB,GAAG,IAAI,CACjC,mBAAmB,EACnB,YAAY,GAAG,QAAQ,CACxB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,eAAe,EACf,aAAa,EACb,WAAW,EACX,UAAU,EACV,aAAa,GACd,EAAE,uBAAuB,GAAG,SAAS,CAyDrC;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAe;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,eAAe,EAAE,cAAc,CAAC;IAChC,aAAa,EAAE,eAAe,CAAC;IAC/B,MAAM,EAAE,cAAc,CAAC;CACxB;AAED,UAAU,mBAAoB,SAAQ,eAAe;IACnD,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,eAK5B,CAAC;AACF,eAAO,MAAM,gBAAgB,EAAE,cAK9B,CAAC;AAgFF,UAAU,oBAAqB,SAAQ,eAAe;IACpD,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;CACrB;AA0ED,KAAK,mBAAmB,GAAG,eAAe,GACxC,mBAAmB,GACnB,oBAAoB,CAAC"}

package/dist/typescript/src/themes/provider.d.ts

@@ -17,6 +17,9 @@ export interface ComponentsConfig {
     toast?: {
         icons?: Partial<Record<keyof typeof ToastVariants, IconComponent>>;
     };
+    menu?: {
+        selectionIcon?: IconComponent;
+    };
 }
 declare const ThemeContext: import("react").Context<ThemeContext | null>;
 export interface ThemeProviderProps extends PropsWithChildren {

package/dist/typescript/src/themes/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/themes/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EACV,MAAM,EACN,WAAW,EACX,UAAU,EACV,QAAQ,EACR,aAAa,EACb,MAAM,EACN,WAAW,EACZ,MAAM,SAAS,CAAC;AAGjB,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC;IACnB,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;KACpE,CAAC;CACH;AAED,QAAA,MAAM,YAAY,8CAA2C,CAAC;AAE9D,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,KAAK,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,gCAoCtD,CAAC;AAEF,eAAO,MAAM,QAAQ,oBAMpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,oCAM/B,CAAC"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/themes/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EACV,MAAM,EACN,WAAW,EACX,UAAU,EACV,QAAQ,EACR,aAAa,EACb,MAAM,EACN,WAAW,EACZ,MAAM,SAAS,CAAC;AAGjB,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC;IACnB,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;KACpE,CAAC;IACF,IAAI,CAAC,EAAE;QACL,aAAa,CAAC,EAAE,aAAa,CAAC;KAC/B,CAAC;CACH;AAED,QAAA,MAAM,YAAY,8CAA2C,CAAC;AAE9D,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,KAAK,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,gCAoCtD,CAAC;AAEF,eAAO,MAAM,QAAQ,oBAMpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,oCAM/B,CAAC"}

package/package.json

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

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

@@ -0,0 +1,55 @@
+import { type ButtonStyles } from "../..";
+import { hslaSetRelativeLightness } from "../../../utils/hsla-utils";
+import { useThemedStyles } from "../../../utils/use-themed-styles";
+
+export const useButtonVariantGhost = (): ButtonStyles => {
+  return useThemedStyles(
+    ({ colors, radius, fontFamily, fontSize }): ButtonStyles => ({
+      root: {
+        default: {
+          flexDirection: "row",
+          paddingVertical: 12,
+          paddingHorizontal: 16,
+          borderRadius: radius,
+          gap: 8,
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: "transparent",
+        },
+        disabled: {
+          opacity: 0.5,
+        },
+        loading: {
+          opacity: 0.5,
+        },
+        hovered: {
+          backgroundColor: hslaSetRelativeLightness(colors.secondary, -1),
+        },
+      },
+      label: {
+        default: {
+          color: colors.foreground,
+          fontSize,
+          fontFamily,
+        },
+        disabled: {
+          color: colors.mutedForeground,
+        },
+        loading: {
+          color: colors.mutedForeground,
+        },
+      },
+      spinner: {
+        default: {
+          color: colors.foreground,
+        },
+        disabled: {
+          color: colors.mutedForeground,
+        },
+        loading: {
+          color: colors.mutedForeground,
+        },
+      },
+    }),
+  );
+};

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

@@ -1,7 +1,9 @@
 import { useButtonVariantDefault } from "./default";
+import { useButtonVariantGhost } from "./ghost";
 import { useButtonVariantSecondary } from "./secondary";
 
 export const ButtonVariants = {
   default: useButtonVariantDefault,
   secondary: useButtonVariantSecondary,
+  ghost: useButtonVariantGhost,
 };

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

@@ -0,0 +1,92 @@
+import React, { useState } from "react";
+import {
+  Pressable,
+  type CursorValue,
+  type PressableProps,
+  type StyleProp,
+  type ViewStyle,
+} from "react-native";
+import type { SvgProps } from "../../types/props.types";
+import type { IconButtonState } from "./types";
+import { IconButtonVariants } from "./variants";
+
+export interface IconButtonProps
+  extends Omit<PressableProps, "disabled" | "children"> {
+  render: (props: SvgProps) => React.ReactNode;
+  variant?: keyof typeof IconButtonVariants;
+  isDisabled?: boolean;
+  size?: number;
+  color?: SvgProps["color"];
+  strokeWidth?: number;
+  style?: StyleProp<ViewStyle>;
+}
+
+const calculateState = (
+  props: IconButtonProps,
+  isHovered: boolean,
+): IconButtonState => {
+  if (props.isDisabled) return "disabled";
+  if (isHovered) return "hovered";
+  return "default";
+};
+
+const cursorValue = (state: IconButtonState): CursorValue => {
+  if (state === "disabled") return "not-allowed" as CursorValue;
+  return "pointer";
+};
+
+export function IconButton(props: IconButtonProps) {
+  const {
+    render: IconComponent,
+    variant = "default",
+    isDisabled,
+    size,
+    color,
+    strokeWidth,
+    style,
+    ...rest
+  } = props;
+
+  const variantStyles = IconButtonVariants[variant]();
+  const [isHovered, setIsHovered] = useState(false);
+  const state = calculateState(props, isHovered);
+
+  const handlePress: PressableProps["onPress"] = (event) => {
+    if (isDisabled) {
+      event.preventDefault();
+      return;
+    }
+    rest.onPress?.(event);
+  };
+
+  const iconProps: SvgProps = {
+    size: size ?? variantStyles.icon?.default?.size,
+    color: color ?? variantStyles.icon?.[state]?.color ?? variantStyles.icon?.default?.color,
+    strokeWidth,
+    absoluteStrokeWidth: true,
+  };
+
+  return (
+    <Pressable
+      {...rest}
+      onPress={handlePress}
+      onHoverIn={(e) => {
+        setIsHovered(true);
+        rest.onHoverIn?.(e);
+      }}
+      onHoverOut={(e) => {
+        setIsHovered(false);
+        rest.onHoverOut?.(e);
+      }}
+      disabled={isDisabled}
+      style={[
+        variantStyles.root?.default,
+        variantStyles.root?.[state],
+        { cursor: cursorValue(state) },
+        style,
+      ]}
+    >
+      <IconComponent {...iconProps} />
+    </Pressable>
+  );
+}

package/src/components/icon-button/index.ts

@@ -0,0 +1,2 @@
+export { IconButton, type IconButtonProps } from "./icon-button";
+export type { IconButtonStyles } from "./types";

package/src/components/icon-button/types.ts

@@ -0,0 +1,9 @@
+import type { StyleProp, ViewStyle } from "react-native";
+import type { SvgProps } from "../../types/props.types";
+
+export type IconButtonState = "default" | "disabled" | "hovered";
+
+export interface IconButtonStyles {
+  root?: Partial<Record<IconButtonState, StyleProp<ViewStyle>>>;
+  icon?: Partial<Record<IconButtonState, SvgProps>>;
+}

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

@@ -0,0 +1,32 @@
+import { hslaSetRelativeLightness } from "../../../utils/hsla-utils";
+import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { IconButtonStyles } from "../types";
+
+export const useIconButtonVariantDefault = (): IconButtonStyles => {
+  return useThemedStyles(
+    ({ colors, radius }): IconButtonStyles => ({
+      root: {
+        default: {
+          alignItems: "center",
+          justifyContent: "center",
+          padding: 8,
+          borderRadius: radius,
+          backgroundColor: colors.primary,
+          borderWidth: 1,
+          borderColor: colors.border,
+        },
+        disabled: {
+          opacity: 0.5,
+        },
+        hovered: {
+          backgroundColor: hslaSetRelativeLightness(colors.primary, -10),
+        },
+      },
+      icon: {
+        default: {
+          color: colors.primaryForeground,
+        },
+      },
+    }),
+  );
+};

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

@@ -0,0 +1,33 @@
+import { hslaSetRelativeLightness } from "../../../utils/hsla-utils";
+import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { IconButtonStyles } from "../types";
+
+export const useIconButtonVariantGhost = (): IconButtonStyles => {
+  return useThemedStyles(
+    ({ colors, radius }): IconButtonStyles => ({
+      root: {
+        default: {
+          alignItems: "center",
+          justifyContent: "center",
+          padding: 8,
+          borderRadius: radius,
+          backgroundColor: "transparent",
+        },
+        disabled: {
+          opacity: 0.5,
+        },
+        hovered: {
+          backgroundColor: hslaSetRelativeLightness(colors.secondary, -1),
+        },
+      },
+      icon: {
+        default: {
+          color: colors.foreground,
+        },
+        disabled: {
+          color: colors.mutedForeground,
+        },
+      },
+    }),
+  );
+};

package/src/components/icon-button/variants/index.ts

@@ -0,0 +1,9 @@
+import { useIconButtonVariantDefault } from "./default";
+import { useIconButtonVariantGhost } from "./ghost";
+import { useIconButtonVariantSecondary } from "./secondary";
+
+export const IconButtonVariants = {
+  default: useIconButtonVariantDefault,
+  secondary: useIconButtonVariantSecondary,
+  ghost: useIconButtonVariantGhost,
+};

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

@@ -0,0 +1,35 @@
+import { hslaSetRelativeLightness } from "../../../utils/hsla-utils";
+import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { IconButtonStyles } from "../types";
+
+export const useIconButtonVariantSecondary = (): IconButtonStyles => {
+  return useThemedStyles(
+    ({ colors, radius }): IconButtonStyles => ({
+      root: {
+        default: {
+          alignItems: "center",
+          justifyContent: "center",
+          padding: 8,
+          borderRadius: radius,
+          borderWidth: 1,
+          borderColor: colors.border,
+          backgroundColor: colors.secondary,
+        },
+        disabled: {
+          opacity: 0.5,
+        },
+        hovered: {
+          backgroundColor: hslaSetRelativeLightness(colors.secondary, -1),
+        },
+      },
+      icon: {
+        default: {
+          color: colors.secondaryForeground,
+        },
+        disabled: {
+          color: colors.mutedForeground,
+        },
+      },
+    }),
+  );
+};

package/src/components/index.ts

@@ -9,6 +9,7 @@ export * from "./checkbox";
 export * from "./empty";
 export * from "./field";
 export * from "./icon";
+export * from "./icon-button";
 export * from "./input";
 export * from "./link";
 export * from "./list";
@@ -19,6 +20,7 @@ export * from "./portal";
 export * from "./progress";
 export * from "./scroll-bar";
 export * from "./select";
+export * from "./separator";
 export * from "./tabs";
 export * from "./textarea";
 export * from "./toast";

package/src/components/menu/components/menu-checkbox-item.tsx

@@ -1,8 +1,9 @@
 import React, { useState } from "react";
-import { Pressable, Text, type StyleProp, type ViewStyle } from "react-native";
+import { Pressable, type StyleProp, type ViewStyle } from "react-native";
 import { useMenu } from "../context";
 import type { MenuCheckboxItemState } from "../types";
 import { useOrganizedChildren } from "../use-organized-children";
+import { MenuSelectionIndicator } from "./menu-selection-indicator";
 
 export interface MenuCheckboxItemProps {
   children: React.ReactNode;
@@ -66,9 +67,7 @@ export function MenuCheckboxItem(props: MenuCheckboxItemProps) {
       style={composedStyle}
     >
       {organizedChildren}
-      <Text style={menu.styles?.checkboxIndicator}>
-        {props.checked ? "✓" : " "}
-      </Text>
+      <MenuSelectionIndicator isSelected={props.checked} />
     </Pressable>
   );
 }

package/src/components/menu/components/menu-content.tsx

@@ -20,7 +20,7 @@ export function MenuContent(props: MenuContentProps) {
     contentLayout: menu.contentLayout,
     alignOffset: 0,
     preferredSide: "bottom",
-    sideOffset: 0,
+    sideOffset: 2,
   });
 
   const composedStyle = [positionStyle, menu.styles?.content, props.style];

package/src/components/menu/components/menu-radio-item.tsx

@@ -1,8 +1,9 @@
 import React, { useState } from "react";
-import { Pressable, View, type StyleProp, type ViewStyle } from "react-native";
+import { Pressable, type StyleProp, type ViewStyle } from "react-native";
 import { useMenu, useMenuRadioGroup } from "../context";
 import type { MenuRadioItemState } from "../types";
 import { useOrganizedChildren } from "../use-organized-children";
+import { MenuSelectionIndicator } from "./menu-selection-indicator";
 
 export interface MenuRadioItemProps {
   children: React.ReactNode;
@@ -37,11 +38,6 @@ export function MenuRadioItem(props: MenuRadioItemProps) {
     props.style,
   ];
 
-  const indicatorStyle = [
-    menu.styles?.radioIndicator?.default,
-    isSelected ? menu.styles?.radioIndicator?.selected : undefined,
-  ];
-
   const handlePress = () => {
     if (props.disabled) return;
     radioGroup.onValueChange(props.value);
@@ -74,7 +70,7 @@ export function MenuRadioItem(props: MenuRadioItemProps) {
       style={composedStyle}
     >
       {organizedChildren}
-      <View style={indicatorStyle} />
+      <MenuSelectionIndicator isSelected={isSelected} />
     </Pressable>
   );
 }