@magmamath/students-features 1.3.4-rc.1 → 1.3.4-rc.3

package/dist/typescript/commonjs/shared/icons/keyboard/TriangleIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriangleIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/TriangleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,YAAY,oBAA0B,SAAS,sBAW3D,CAAA"}

package/dist/typescript/module/features/keyboard/components/AlgebraLayout/AlgebraLayout.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { KeyboardLayoutProps } from '../../types/types';
-export declare const AlgebraLayout: ({ onLayoutChange, keys, ...props }: KeyboardLayoutProps) => React.JSX.Element;
+export declare const AlgebraLayout: (props: KeyboardLayoutProps) => React.JSX.Element;
 //# sourceMappingURL=AlgebraLayout.d.ts.map

package/dist/typescript/module/features/keyboard/components/AlgebraLayout/AlgebraLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlgebraLayout.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/AlgebraLayout/AlgebraLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,OAAO,EAAE,mBAAmB,EAAgB,MAAM,mBAAmB,CAAA;AAMrE,eAAO,MAAM,aAAa,uCAAwC,mBAAmB,sBA0CpF,CAAA"}
+{"version":3,"file":"AlgebraLayout.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/AlgebraLayout/AlgebraLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,mBAAmB,EAAgB,MAAM,mBAAmB,CAAA;AAgBrE,eAAO,MAAM,aAAa,UAAW,mBAAmB,sBAEvD,CAAA"}

package/dist/typescript/module/features/keyboard/components/GeometryLayout/GeometryLayout.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { KeyboardLayoutProps } from '../../types/types';
+export declare const GeometryLayout: (props: KeyboardLayoutProps) => React.JSX.Element;
+//# sourceMappingURL=GeometryLayout.d.ts.map

package/dist/typescript/module/features/keyboard/components/GeometryLayout/GeometryLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeometryLayout.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/GeometryLayout/GeometryLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,mBAAmB,EAAgB,MAAM,mBAAmB,CAAA;AAgBrE,eAAO,MAAM,cAAc,UAAW,mBAAmB,sBAExD,CAAA"}

package/dist/typescript/module/features/keyboard/components/SwitchableLayout/SwitchableLayout.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SwitchableLayoutProps } from './types';
+export declare const SwitchableLayout: ({ onLayoutChange, keys, config, ...props }: SwitchableLayoutProps) => React.JSX.Element;
+//# sourceMappingURL=SwitchableLayout.d.ts.map

package/dist/typescript/module/features/keyboard/components/SwitchableLayout/SwitchableLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchableLayout.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/SwitchableLayout/SwitchableLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAWhD,OAAO,EAAkB,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAK/D,eAAO,MAAM,gBAAgB,+CAK1B,qBAAqB,sBAsDvB,CAAA"}

package/dist/typescript/module/features/keyboard/components/SwitchableLayout/helpers.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { SelectedLayout, LayoutOption } from './types';
+type GetSelectOptionsProps = {
+    selectedLayout: SelectedLayout;
+    onBasicPressIn: () => void;
+    onSecondaryPressIn: () => void;
+    BasicIcon: (isSelected: boolean) => ReactNode;
+    SecondaryIcon: (isSelected: boolean) => ReactNode;
+};
+export declare function getSelectOptions({ selectedLayout, onBasicPressIn, onSecondaryPressIn, BasicIcon, SecondaryIcon, }: GetSelectOptionsProps): LayoutOption[];
+export {};
+//# sourceMappingURL=helpers.d.ts.map

package/dist/typescript/module/features/keyboard/components/SwitchableLayout/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/SwitchableLayout/helpers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtD,KAAK,qBAAqB,GAAG;IAC3B,cAAc,EAAE,cAAc,CAAA;IAC9B,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,SAAS,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,SAAS,CAAA;IAC7C,aAAa,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,SAAS,CAAA;CAClD,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,aAAa,GACd,EAAE,qBAAqB,GAAG,YAAY,EAAE,CAaxC"}

package/dist/typescript/module/features/keyboard/components/SwitchableLayout/types.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { KeyboardLayoutProps } from '../../types/types';
+import { KEYBOARD_LAYOUTS } from '../../constants/keyboardLayouts';
+export declare enum SelectedLayout {
+    BASIC = "basic",
+    SECONDARY = "secondary"
+}
+export type LayoutOption = {
+    key: SelectedLayout;
+    title: ReactNode;
+    onPressIn: () => void;
+};
+export type SwitchableLayoutConfig = {
+    secondaryKeyboardType: keyof typeof KEYBOARD_LAYOUTS;
+    BasicIcon: (isSelected: boolean) => ReactNode;
+    SecondaryIcon: (isSelected: boolean) => ReactNode;
+};
+export type SwitchableLayoutProps = KeyboardLayoutProps & {
+    config: SwitchableLayoutConfig;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/module/features/keyboard/components/SwitchableLayout/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/SwitchableLayout/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAElE,oBAAY,cAAc;IACxB,KAAK,UAAU;IACf,SAAS,cAAc;CACxB;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,cAAc,CAAA;IACnB,KAAK,EAAE,SAAS,CAAA;IAChB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,qBAAqB,EAAE,MAAM,OAAO,gBAAgB,CAAA;IACpD,SAAS,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,SAAS,CAAA;IAC7C,aAAa,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,SAAS,CAAA;CAClD,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,mBAAmB,GAAG;IACxD,MAAM,EAAE,sBAAsB,CAAA;CAC/B,CAAA"}

package/dist/typescript/module/features/keyboard/constants/groups/geometry.constants.d.ts

@@ -0,0 +1,3 @@
+import { KeyboardGroup } from '../../types/types';
+export declare const KEYBOARD_GEOMETRY: KeyboardGroup;
+//# sourceMappingURL=geometry.constants.d.ts.map

package/dist/typescript/module/features/keyboard/constants/groups/geometry.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.constants.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/constants/groups/geometry.constants.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,eAAO,MAAM,iBAAiB,EAAE,aAkB/B,CAAA"}

package/dist/typescript/module/features/keyboard/constants/groups/index.d.ts

@@ -3,6 +3,7 @@ export * from './basic.constants';
 export * from './basicPlus.constants';
 export * from './basicPlusPlus.constants';
 export * from './currency.constants';
+export * from './geometry.constants';
 export * from './numpad.constants';
 export * from './time.constants';
 export * from './underlined.constants';

package/dist/typescript/module/features/keyboard/constants/groups/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/constants/groups/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/constants/groups/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA"}

package/dist/typescript/module/features/keyboard/constants/keyboard.constants.d.ts

@@ -3,6 +3,11 @@ export declare const DEFAULT_KEY_ICON_PROPS: {
     readonly color: "#4d4d63";
 };
 export declare const MOBILE_LAYOUT_WIDTH = 1200;
+export declare const MOBILE_BREAKPOINT: {
+    readonly LARGE: 1300;
+    readonly MEDIUM: 1220;
+    readonly SMALL: 990;
+};
 export declare const KEYBOARD_DEFAULT_TEXT_STYLE: {
     readonly fontSize: 14;
     readonly fontWeight: 700;

package/dist/typescript/module/features/keyboard/constants/keyboard.constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard.constants.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/constants/keyboard.constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB;;;CAGzB,CAAA;AAEV,eAAO,MAAM,mBAAmB,OAAO,CAAA;AAEvC,eAAO,MAAM,2BAA2B;;;CAG9B,CAAA;AAEV,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBlC,CAAA"}
+{"version":3,"file":"keyboard.constants.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/constants/keyboard.constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB;;;CAGzB,CAAA;AAEV,eAAO,MAAM,mBAAmB,OAAO,CAAA;AAEvC,eAAO,MAAM,iBAAiB;;;;CAIpB,CAAA;AAEV,eAAO,MAAM,2BAA2B;;;CAG9B,CAAA;AAEV,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBlC,CAAA"}

package/dist/typescript/module/features/keyboard/constants/keyboard.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/constants/keyboard.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAIf,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAKL,gBAAgB,EACjB,MAAM,gBAAgB,CAAA;AA6FvB,eAAO,MAAM,eAAe,WAAY,cAAc,KAAG,gBAWxD,CAAA"}
+{"version":3,"file":"keyboard.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/constants/keyboard.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAIf,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAKL,gBAAgB,EACjB,MAAM,gBAAgB,CAAA;AAgGvB,eAAO,MAAM,eAAe,WAAY,cAAc,KAAG,gBAWxD,CAAA"}

package/dist/typescript/module/features/keyboard/constants/keyboardLayouts.d.ts

@@ -1,35 +1,44 @@
 import { MyScriptMathCharacterTypes } from '../../../types/characterTypes';
 export declare const KEYBOARD_LAYOUTS: {
     AlgebraAdvanced: {
-        Component: ({ onLayoutChange, keys, ...props }: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
+        Component: (props: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
         characterTypes: MyScriptMathCharacterTypes[];
-        mobileBreakpoint: number;
+        mobileBreakpoint: 1300;
     };
     Basic: {
         Component: ({ keys, ...props }: import("../types/types").KeyboardLayoutProps & import("react").PropsWithChildren) => import("react").JSX.Element | null;
         characterTypes: MyScriptMathCharacterTypes[];
-        mobileBreakpoint: number;
+        mobileBreakpoint: 990;
     };
     BasicPlus: {
         Component: ({ keys, ...props }: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
         characterTypes: MyScriptMathCharacterTypes[];
+        mobileBreakpoint: number;
     };
     BasicTime: {
         Component: ({ keys, ...props }: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
         characterTypes: MyScriptMathCharacterTypes[];
+        mobileBreakpoint: number;
     };
     BasicCurrency: {
         Component: ({ keys, ...props }: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
         characterTypes: MyScriptMathCharacterTypes[];
+        mobileBreakpoint: number;
     };
     BasicUnits: {
         Component: ({ onLayoutChange, keys, ...props }: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
         characterTypes: MyScriptMathCharacterTypes[];
+        mobileBreakpoint: number;
     };
     BasicPlusPlus: {
         Component: ({ keys, ...props }: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
         characterTypes: MyScriptMathCharacterTypes[];
-        mobileBreakpoint: number;
+        mobileBreakpoint: 1220;
+    };
+    Geometry: {
+        Component: (props: import("../types/types").KeyboardLayoutProps) => import("react").JSX.Element;
+        characterTypes: MyScriptMathCharacterTypes[];
+        mobileBreakpoint: 1300;
     };
 };
 export declare function getLayoutByCharType(charType?: number): ({ keys, ...props }: import("../types/types").KeyboardLayoutProps & import("react").PropsWithChildren) => import("react").JSX.Element | null;

package/dist/typescript/module/features/keyboard/constants/keyboardLayouts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardLayouts.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/constants/keyboardLayouts.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAA;AAI1E,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoD5B,CAAA;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,CAAC,EAAE,MAAM,gJAWpD;AAED,wBAAgB,6BAA6B,CAAC,QAAQ,CAAC,EAAE,MAAM,UAW9D;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,WAStD"}
+{"version":3,"file":"keyboardLayouts.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/constants/keyboardLayouts.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAA;AAI1E,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAkDH,0BAA0B,EAAE;;;;;;;;CAWrD,CAAA;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,CAAC,EAAE,MAAM,gJAWpD;AAED,wBAAgB,6BAA6B,CAAC,QAAQ,CAAC,EAAE,MAAM,UAW9D;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,WAStD"}

package/dist/typescript/module/features/keyboard/constants/keys/geometry.constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"geometry.constants.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/constants/keys/geometry.constants.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAOtD,eAAO,MAAM,qBAAqB,EAAE,kBAsC1B,CAAA"}
+{"version":3,"file":"geometry.constants.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/constants/keys/geometry.constants.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAgBtD,eAAO,MAAM,qBAAqB,EAAE,kBAyF1B,CAAA"}

package/dist/typescript/module/features/keyboard/constants/keys/units.constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"units.constants.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/constants/keys/units.constants.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAStD,eAAO,MAAM,mBAAmB,EAAE,kBAqCxB,CAAA;AAEV,eAAO,MAAM,iBAAiB,EAAE,kBA0EtB,CAAA;AAEV,eAAO,MAAM,eAAe,EAAE,kBAsEpB,CAAA;AAEV,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmIpB,CAAA;AAEV,eAAO,MAAM,iBAAiB,EAAE,kBA6DtB,CAAA;AAEV,eAAO,MAAM,eAAe,EAAE,kBAqEpB,CAAA"}
+{"version":3,"file":"units.constants.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/constants/keys/units.constants.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAStD,eAAO,MAAM,mBAAmB,EAAE,kBAqCxB,CAAA;AAEV,eAAO,MAAM,iBAAiB,EAAE,kBA0EtB,CAAA;AAEV,eAAO,MAAM,eAAe,EAAE,kBAsEpB,CAAA;AAEV,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmIpB,CAAA;AAEV,eAAO,MAAM,iBAAiB,EAAE,kBA6DtB,CAAA;AAEV,eAAO,MAAM,eAAe,EAAE,kBAsEpB,CAAA"}

package/dist/typescript/module/features/keyboard/types/types.d.ts

@@ -21,6 +21,7 @@ export declare enum KeyboardType {
     BasicUnits = "BasicUnits",
     BasicPlusPlus = "BasicPlusPlus",
     BasicPlusPlusMobile = "BasicPlusPlusMobile",
+    Geometry = "Geometry",
     Numpad = "Numpad",
     Underlined = "Underlined"
 }

package/dist/typescript/module/features/keyboard/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/types/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEpD,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC5B,CAAA;AAED,oBAAY,YAAY;IACtB,eAAe,oBAAoB;IACnC,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,eAAe,oBAAoB;IACnC,SAAS,cAAc;IACvB,aAAa,kBAAkB;IAC/B,UAAU,eAAe;IACzB,aAAa,kBAAkB;IAC/B,mBAAmB,wBAAwB;IAC3C,MAAM,WAAW;IACjB,UAAU,eAAe;CAC1B;AAED,oBAAY,sBAAsB;IAChC,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;AAE5D,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,WAAW,EAAE,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;AAE1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,WAAW,EAAE,EAAE,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;AAElE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA;IAC9C,KAAK,EAAE,MAAM,CAAC,sBAAsB,EAAE,iBAAiB,CAAC,CAAA;CACzD,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,qBAAqB,CAAA;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,gBAAgB,CAAA;IACtB,UAAU,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC3C,cAAc,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAA;IACrD,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;CAC7B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/features/keyboard/types/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEpD,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC5B,CAAA;AAED,oBAAY,YAAY;IACtB,eAAe,oBAAoB;IACnC,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,eAAe,oBAAoB;IACnC,SAAS,cAAc;IACvB,aAAa,kBAAkB;IAC/B,UAAU,eAAe;IACzB,aAAa,kBAAkB;IAC/B,mBAAmB,wBAAwB;IAC3C,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,UAAU,eAAe;CAC1B;AAED,oBAAY,sBAAsB;IAChC,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;AAE5D,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,WAAW,EAAE,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;AAE1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,WAAW,EAAE,EAAE,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;AAElE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA;IAC9C,KAAK,EAAE,MAAM,CAAC,sBAAsB,EAAE,iBAAiB,CAAC,CAAA;CACzD,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,qBAAqB,CAAA;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,gBAAgB,CAAA;IACtB,UAAU,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC3C,cAAc,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAA;IACrD,KAAK,CAAC,EAAE,iBAAiB,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;CAC7B,CAAA"}

package/dist/typescript/module/features/voice/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/voice/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,8BAA8B;;;;;;;;;CAS1C,CAAA;AACD,eAAO,MAAM,8BAA8B,QAAQ,CAAA;AACnD,eAAO,MAAM,8BAA8B,MAAM,CAAA;AACjD,oBAAY,kBAAkB;IAC5B,IAAI,IAAA;IACJ,SAAS,IAAA;IACT,MAAM,IAAA;CACP;AACD,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,4BAA4B,OAAO,CAAA;AAChD,eAAO,MAAM,sBAAsB,KAAK,CAAA;AACxC,eAAO,MAAM,mBAAmB,aAAa,CAAA;AAE7C,eAAO,MAAM,oBAAoB;;;CAGhC,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/voice/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,8BAA8B;;;;;;;;;CAS1C,CAAA;AACD,eAAO,MAAM,8BAA8B,QAAQ,CAAA;AACnD,eAAO,MAAM,8BAA8B,MAAM,CAAA;AACjD,oBAAY,kBAAkB;IAC5B,IAAI,IAAA;IACJ,SAAS,IAAA;IACT,MAAM,IAAA;CACP;AACD,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,4BAA4B,OAAO,CAAA;AAChD,eAAO,MAAM,sBAAsB,KAAK,CAAA;AACxC,eAAO,MAAM,mBAAmB,aAAa,CAAA;AAG7C,eAAO,MAAM,oBAAoB;;;CAGhC,CAAA"}

package/dist/typescript/module/shared/icons/GeometryIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './keyboard/icon.types';
+export declare const GeometryIcon: ({ size, color }: IconProps) => React.JSX.Element;
+//# sourceMappingURL=GeometryIcon.d.ts.map

package/dist/typescript/module/shared/icons/GeometryIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeometryIcon.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/GeometryIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,eAAO,MAAM,YAAY,oBAA0B,SAAS,sBAa3D,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/AngleIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AngleIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/AngleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,SAAS,oBAA0B,SAAS,sBASxD,CAAA"}
+{"version":3,"file":"AngleIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/AngleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,SAAS,oBAA0B,SAAS,sBASxD,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/BidirectionalSegmentIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BidirectionalSegmentIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/BidirectionalSegmentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,wBAAwB,oBAA0B,SAAS,sBAavE,CAAA"}
+{"version":3,"file":"BidirectionalSegmentIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/BidirectionalSegmentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,wBAAwB,oBAA0B,SAAS,sBAUvE,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/ImpliesIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './icon.types';
+export declare const ImpliesIcon: ({ size, color }: IconProps) => React.JSX.Element;
+//# sourceMappingURL=ImpliesIcon.d.ts.map

package/dist/typescript/module/shared/icons/keyboard/ImpliesIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImpliesIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/ImpliesIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,WAAW,oBAA0B,SAAS,sBAS1D,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/LetterAIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './icon.types';
+export declare const LetterAIcon: ({ size, color }: IconProps) => React.JSX.Element;
+//# sourceMappingURL=LetterAIcon.d.ts.map

package/dist/typescript/module/shared/icons/keyboard/LetterAIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LetterAIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/LetterAIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,WAAW,oBAA0B,SAAS,sBAS1D,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/LetterBIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './icon.types';
+export declare const LetterBIcon: ({ size, color }: IconProps) => React.JSX.Element;
+//# sourceMappingURL=LetterBIcon.d.ts.map

package/dist/typescript/module/shared/icons/keyboard/LetterBIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LetterBIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/LetterBIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,WAAW,oBAA0B,SAAS,sBAS1D,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/LetterCIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './icon.types';
+export declare const LetterCIcon: ({ size, color }: IconProps) => React.JSX.Element;
+//# sourceMappingURL=LetterCIcon.d.ts.map

package/dist/typescript/module/shared/icons/keyboard/LetterCIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LetterCIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/LetterCIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,WAAW,oBAA0B,SAAS,sBAS1D,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/LineSegmentIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineSegmentIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/LineSegmentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,eAAe,oBAA0B,SAAS,sBAa9D,CAAA"}
+{"version":3,"file":"LineSegmentIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/LineSegmentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,eAAe,oBAA0B,SAAS,sBAU9D,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/RightDirectedSegmentIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RightDirectedSegmentIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/RightDirectedSegmentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,wBAAwB,oBAA0B,SAAS,sBAavE,CAAA"}
+{"version":3,"file":"RightDirectedSegmentIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/RightDirectedSegmentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,wBAAwB,oBAA0B,SAAS,sBAUvE,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/ThereforeIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './icon.types';
+export declare const ThereforeIcon: ({ size, color }: IconProps) => React.JSX.Element;
+//# sourceMappingURL=ThereforeIcon.d.ts.map

package/dist/typescript/module/shared/icons/keyboard/ThereforeIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThereforeIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/ThereforeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,aAAa,oBAA0B,SAAS,sBAQ5D,CAAA"}

package/dist/typescript/module/shared/icons/keyboard/TriangleIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './icon.types';
+export declare const TriangleIcon: ({ size, color }: IconProps) => React.JSX.Element;
+//# sourceMappingURL=TriangleIcon.d.ts.map

package/dist/typescript/module/shared/icons/keyboard/TriangleIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriangleIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/icons/keyboard/TriangleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,eAAO,MAAM,YAAY,oBAA0B,SAAS,sBAW3D,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "1.3.4-rc.1",
+  "version": "1.3.4-rc.3",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

package/src/features/keyboard/components/AlgebraLayout/AlgebraLayout.tsx

@@ -1,77 +1,21 @@
-import React, { useMemo, useState } from 'react'
-import { KeysList } from '../KeysList/KeysList'
-import { StyleSheet, useWindowDimensions, View } from 'react-native'
-import { COLORS, IS_MOBILE, SelectGroup, SelectOptionSize } from '@magmamath/react-native-ui'
+import React from 'react'
+import { COLORS } from '@magmamath/react-native-ui'
 import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
-import { SelectedLayout } from './types'
-import { getMainKeyboardGroup } from '../../helpers'
-import { getSelectOptions } from './helpers'
-import { KEYBOARD_LAYOUTS } from '../../constants/keyboardLayouts'
+import { AlgebraIcon } from '../../../../shared/icons/AlgebraIcon'
+import { IntegralABIcon } from '../../../../shared/icons/IntegralABIcon'
+import { SwitchableLayout } from '../SwitchableLayout/SwitchableLayout'
+import { SwitchableLayoutConfig } from '../SwitchableLayout/types'
 
-export const AlgebraLayout = ({ onLayoutChange, keys, ...props }: KeyboardLayoutProps) => {
-  const [selectedLayout, setSelectedLayout] = useState<SelectedLayout>(SelectedLayout.BASIC)
-  const { width } = useWindowDimensions()
-  const selectOptions = getSelectOptions({ selectedLayout, setSelectedLayout, onLayoutChange })
-  const isDesktop =
-    width > KEYBOARD_LAYOUTS[KeyboardType.AlgebraAdvanced].mobileBreakpoint && !IS_MOBILE
-
-  const keyboardGroups = useMemo(() => {
-    const algebra = getMainKeyboardGroup(keys, KeyboardType.AlgebraAdvanced)
-    const basic = getMainKeyboardGroup(
-      keys,
-      isDesktop ? KeyboardType.BasicPlusPlus : KeyboardType.BasicPlusPlusMobile,
-    )
-
-    return new Map([
-      [SelectedLayout.BASIC, basic],
-      [SelectedLayout.ALGEBRA, algebra],
-    ])
-  }, [isDesktop, keys])
-
-  const currentKeys = keyboardGroups.get(selectedLayout)?.keys ?? []
-
-  return (
-    <View style={styles.container}>
-      {isDesktop && (
-        <SelectGroup
-          numOfRows={2}
-          options={selectOptions}
-          size={SelectOptionSize.SMALL}
-          style={{
-            container: styles.optionContainer,
-            option: { container: styles.option },
-          }}
-          color={props.color}
-          selectedOptions={[
-            selectedLayout === SelectedLayout.BASIC ? selectOptions[0] : selectOptions[1],
-          ]}
-        />
-      )}
-      <KeysList keys={currentKeys} numOfRows={3} {...props} />
-    </View>
-  )
+const ALGEBRA_CONFIG: SwitchableLayoutConfig = {
+  secondaryKeyboardType: KeyboardType.AlgebraAdvanced,
+  BasicIcon: (isSelected) => (
+    <AlgebraIcon color={isSelected ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9} size={22} />
+  ),
+  SecondaryIcon: (isSelected) => (
+    <IntegralABIcon color={isSelected ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9} size={25} />
+  ),
 }
 
-const styles = StyleSheet.create({
-  container: {
-    display: 'flex',
-    flexDirection: 'row',
-    gap: 16,
-    paddingRight: 16,
-  },
-  optionContainer: {
-    flexGrow: 0,
-    flexShrink: 0,
-    flexBasis: IS_MOBILE ? 60 : 'auto',
-    width: 'auto',
-    paddingRight: 18,
-    borderRightWidth: 1,
-    borderRightColor: COLORS.NEUTRAL_3,
-    maxWidth: 65,
-    gap: 9,
-  },
-  option: {
-    flexBasis: 45,
-    width: 44,
-  },
-})
+export const AlgebraLayout = (props: KeyboardLayoutProps) => {
+  return <SwitchableLayout {...props} config={ALGEBRA_CONFIG} />
+}

package/src/features/keyboard/components/GeometryLayout/GeometryLayout.tsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import { COLORS } from '@magmamath/react-native-ui'
+import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
+import { AlgebraIcon } from '../../../../shared/icons/AlgebraIcon'
+import { GeometryIcon } from '../../../../shared/icons/GeometryIcon'
+import { SwitchableLayout } from '../SwitchableLayout/SwitchableLayout'
+import { SwitchableLayoutConfig } from '../SwitchableLayout/types'
+
+const GEOMETRY_CONFIG: SwitchableLayoutConfig = {
+  secondaryKeyboardType: KeyboardType.Geometry,
+  BasicIcon: (isSelected) => (
+    <AlgebraIcon color={isSelected ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9} size={22} />
+  ),
+  SecondaryIcon: (isSelected) => (
+    <GeometryIcon color={isSelected ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9} size={16} />
+  ),
+}
+
+export const GeometryLayout = (props: KeyboardLayoutProps) => {
+  return <SwitchableLayout {...props} config={GEOMETRY_CONFIG} />
+}

package/src/features/keyboard/components/SwitchableLayout/SwitchableLayout.tsx

@@ -0,0 +1,100 @@
+import React, { useMemo, useState } from 'react'
+import { KeysList } from '../KeysList/KeysList'
+import { StyleSheet, useWindowDimensions, View } from 'react-native'
+import {
+  COLORS,
+  IS_MOBILE,
+  SelectGroup,
+  SelectOptionSize,
+  SPACING,
+} from '@magmamath/react-native-ui'
+import { KeyboardType } from '../../types/types'
+import { SelectedLayout, SwitchableLayoutProps } from './types'
+import { getMainKeyboardGroup } from '../../helpers'
+import { getSelectOptions } from './helpers'
+import { KEYBOARD_LAYOUTS } from '../../constants/keyboardLayouts'
+
+export const SwitchableLayout = ({
+  onLayoutChange,
+  keys,
+  config,
+  ...props
+}: SwitchableLayoutProps) => {
+  const [selectedLayout, setSelectedLayout] = useState<SelectedLayout>(SelectedLayout.BASIC)
+  const { width } = useWindowDimensions()
+  const selectOptions = getSelectOptions({
+    selectedLayout,
+    onBasicPressIn: () => {
+      setSelectedLayout(SelectedLayout.BASIC)
+      onLayoutChange?.(false)
+    },
+    onSecondaryPressIn: () => {
+      setSelectedLayout(SelectedLayout.SECONDARY)
+      onLayoutChange?.(true)
+    },
+    BasicIcon: config.BasicIcon,
+    SecondaryIcon: config.SecondaryIcon,
+  })
+  const isDesktop =
+    width > KEYBOARD_LAYOUTS[config.secondaryKeyboardType].mobileBreakpoint && !IS_MOBILE
+
+  const keyboardGroups = useMemo(() => {
+    const secondary = getMainKeyboardGroup(keys, config.secondaryKeyboardType)
+    const basic = getMainKeyboardGroup(
+      keys,
+      isDesktop ? KeyboardType.BasicPlusPlus : KeyboardType.BasicPlusPlusMobile,
+    )
+
+    return new Map([
+      [SelectedLayout.BASIC, basic],
+      [SelectedLayout.SECONDARY, secondary],
+    ])
+  }, [isDesktop, keys, config.secondaryKeyboardType])
+
+  const currentKeys = keyboardGroups.get(selectedLayout)?.keys ?? []
+
+  return (
+    <View style={styles.container}>
+      {isDesktop && (
+        <SelectGroup
+          numOfRows={2}
+          options={selectOptions}
+          size={SelectOptionSize.SMALL}
+          style={{
+            container: styles.optionContainer,
+            option: { container: styles.option },
+          }}
+          color={props.color}
+          selectedOptions={[
+            selectedLayout === SelectedLayout.BASIC ? selectOptions[0] : selectOptions[1],
+          ]}
+        />
+      )}
+      <KeysList keys={currentKeys} numOfRows={3} {...props} />
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    display: 'flex',
+    flexDirection: 'row',
+    gap: SPACING[400],
+    paddingRight: SPACING[400],
+  },
+  optionContainer: {
+    flexGrow: 0,
+    flexShrink: 0,
+    flexBasis: IS_MOBILE ? 60 : 'auto',
+    width: 'auto',
+    paddingRight: 18,
+    borderRightWidth: 1,
+    borderRightColor: COLORS.NEUTRAL_3,
+    maxWidth: 65,
+    gap: 9,
+  },
+  option: {
+    flexBasis: 45,
+    width: 44,
+  },
+})

package/src/features/keyboard/components/SwitchableLayout/helpers.tsx

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react'
+import { SelectedLayout, LayoutOption } from './types'
+
+type GetSelectOptionsProps = {
+  selectedLayout: SelectedLayout
+  onBasicPressIn: () => void
+  onSecondaryPressIn: () => void
+  BasicIcon: (isSelected: boolean) => ReactNode
+  SecondaryIcon: (isSelected: boolean) => ReactNode
+}
+
+export function getSelectOptions({
+  selectedLayout,
+  onBasicPressIn,
+  onSecondaryPressIn,
+  BasicIcon,
+  SecondaryIcon,
+}: GetSelectOptionsProps): LayoutOption[] {
+  return [
+    {
+      key: SelectedLayout.BASIC,
+      title: BasicIcon(selectedLayout === SelectedLayout.BASIC),
+      onPressIn: onBasicPressIn,
+    },
+    {
+      key: SelectedLayout.SECONDARY,
+      title: SecondaryIcon(selectedLayout === SelectedLayout.SECONDARY),
+      onPressIn: onSecondaryPressIn,
+    },
+  ]
+}

package/src/features/keyboard/components/SwitchableLayout/types.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react'
+import { KeyboardLayoutProps } from '../../types/types'
+import { KEYBOARD_LAYOUTS } from '../../constants/keyboardLayouts'
+
+export enum SelectedLayout {
+  BASIC = 'basic',
+  SECONDARY = 'secondary',
+}
+
+export type LayoutOption = {
+  key: SelectedLayout
+  title: ReactNode
+  onPressIn: () => void
+}
+
+export type SwitchableLayoutConfig = {
+  secondaryKeyboardType: keyof typeof KEYBOARD_LAYOUTS
+  BasicIcon: (isSelected: boolean) => ReactNode
+  SecondaryIcon: (isSelected: boolean) => ReactNode
+}
+
+export type SwitchableLayoutProps = KeyboardLayoutProps & {
+  config: SwitchableLayoutConfig
+}