@magmamath/students-features 1.3.2-rc.4 → 1.3.2

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"GeometryLayout.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/GeometryLayout/GeometryLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAUhD,OAAO,EAAE,mBAAmB,EAAgB,MAAM,mBAAmB,CAAA;AAMrE,eAAO,MAAM,cAAc,uCAAwC,mBAAmB,sBAyCrF,CAAA"}

package/dist/typescript/commonjs/features/keyboard/components/GeometryLayout/helpers.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { SelectedLayout } from './types';
-type GetSelectOptionsProps = {
-    selectedLayout: SelectedLayout;
-    setSelectedLayout: (layout: SelectedLayout) => void;
-    onLayoutChange?: (isSecondaryLayout: boolean) => void;
-};
-export declare function getSelectOptions({ selectedLayout, setSelectedLayout, onLayoutChange, }: GetSelectOptionsProps): {
-    key: SelectedLayout;
-    title: React.JSX.Element;
-    onPressIn: () => void;
-}[];
-export {};
-//# sourceMappingURL=helpers.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/GeometryLayout/helpers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExC,KAAK,qBAAqB,GAAG;IAC3B,cAAc,EAAE,cAAc,CAAA;IAC9B,iBAAiB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;IACnD,cAAc,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAA;CACtD,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,cAAc,EACd,iBAAiB,EACjB,cAAc,GACf,EAAE,qBAAqB;;;;IA6BvB"}

package/dist/typescript/commonjs/features/keyboard/components/GeometryLayout/types.d.ts

@@ -1,5 +0,0 @@
-export declare enum SelectedLayout {
-    BASIC = "basic",
-    GEOMETRY = "geometry"
-}
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/GeometryLayout/types.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACxB,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB"}

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

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

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

@@ -1 +0,0 @@
-{"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/commonjs/shared/icons/GeometryIcon.d.ts

@@ -1,4 +0,0 @@
-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/commonjs/shared/icons/GeometryIcon.d.ts.map

@@ -1 +0,0 @@
-{"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/commonjs/shared/icons/keyboard/ImpliesIcon.d.ts

@@ -1,4 +0,0 @@
-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/commonjs/shared/icons/keyboard/ImpliesIcon.d.ts.map

@@ -1 +0,0 @@
-{"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/commonjs/shared/icons/keyboard/LetterAIcon.d.ts

@@ -1,4 +0,0 @@
-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/commonjs/shared/icons/keyboard/LetterAIcon.d.ts.map

@@ -1 +0,0 @@
-{"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/commonjs/shared/icons/keyboard/LetterBIcon.d.ts

@@ -1,4 +0,0 @@
-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/commonjs/shared/icons/keyboard/LetterBIcon.d.ts.map

@@ -1 +0,0 @@
-{"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/commonjs/shared/icons/keyboard/LetterCIcon.d.ts

@@ -1,4 +0,0 @@
-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/commonjs/shared/icons/keyboard/LetterCIcon.d.ts.map

@@ -1 +0,0 @@
-{"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/commonjs/shared/icons/keyboard/ThereforeIcon.d.ts

@@ -1,4 +0,0 @@
-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/commonjs/shared/icons/keyboard/ThereforeIcon.d.ts.map

@@ -1 +0,0 @@
-{"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/commonjs/shared/icons/keyboard/TriangleIcon.d.ts

@@ -1,4 +0,0 @@
-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/commonjs/shared/icons/keyboard/TriangleIcon.d.ts.map

@@ -1 +0,0 @@
-{"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/GeometryLayout/GeometryLayout.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"GeometryLayout.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/GeometryLayout/GeometryLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAUhD,OAAO,EAAE,mBAAmB,EAAgB,MAAM,mBAAmB,CAAA;AAMrE,eAAO,MAAM,cAAc,uCAAwC,mBAAmB,sBAyCrF,CAAA"}

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { SelectedLayout } from './types';
-type GetSelectOptionsProps = {
-    selectedLayout: SelectedLayout;
-    setSelectedLayout: (layout: SelectedLayout) => void;
-    onLayoutChange?: (isSecondaryLayout: boolean) => void;
-};
-export declare function getSelectOptions({ selectedLayout, setSelectedLayout, onLayoutChange, }: GetSelectOptionsProps): {
-    key: SelectedLayout;
-    title: React.JSX.Element;
-    onPressIn: () => void;
-}[];
-export {};
-//# sourceMappingURL=helpers.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/GeometryLayout/helpers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExC,KAAK,qBAAqB,GAAG;IAC3B,cAAc,EAAE,cAAc,CAAA;IAC9B,iBAAiB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;IACnD,cAAc,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAA;CACtD,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,cAAc,EACd,iBAAiB,EACjB,cAAc,GACf,EAAE,qBAAqB;;;;IA6BvB"}

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

@@ -1,5 +0,0 @@
-export declare enum SelectedLayout {
-    BASIC = "basic",
-    GEOMETRY = "geometry"
-}
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/keyboard/components/GeometryLayout/types.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACxB,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB"}

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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/shared/icons/GeometryIcon.d.ts

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/ImpliesIcon.d.ts

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/ThereforeIcon.d.ts

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/src/features/keyboard/components/GeometryLayout/GeometryLayout.tsx

@@ -1,82 +0,0 @@
-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 { KeyboardLayoutProps, KeyboardType } from '../../types/types'
-import { SelectedLayout } from './types'
-import { getMainKeyboardGroup } from '../../helpers'
-import { getSelectOptions } from './helpers'
-import { KEYBOARD_LAYOUTS } from '../../constants/keyboardLayouts'
-
-export const GeometryLayout = ({ 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.Geometry].mobileBreakpoint && !IS_MOBILE
-
-  const keyboardGroups = useMemo(() => {
-    const geometry = getMainKeyboardGroup(keys, KeyboardType.Geometry)
-    const basic = getMainKeyboardGroup(
-      keys,
-      isDesktop ? KeyboardType.BasicPlusPlus : KeyboardType.BasicPlusPlusMobile,
-    )
-
-    return new Map([
-      [SelectedLayout.BASIC, basic],
-      [SelectedLayout.GEOMETRY, geometry],
-    ])
-  }, [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 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/GeometryLayout/helpers.tsx

@@ -1,46 +0,0 @@
-import React from 'react'
-import { COLORS } from '@magmamath/react-native-ui'
-import { AlgebraIcon } from '../../../../shared/icons/AlgebraIcon'
-import { GeometryIcon } from '../../../../shared/icons/GeometryIcon'
-import { SelectedLayout } from './types'
-
-type GetSelectOptionsProps = {
-  selectedLayout: SelectedLayout
-  setSelectedLayout: (layout: SelectedLayout) => void
-  onLayoutChange?: (isSecondaryLayout: boolean) => void
-}
-
-export function getSelectOptions({
-  selectedLayout,
-  setSelectedLayout,
-  onLayoutChange,
-}: GetSelectOptionsProps) {
-  return [
-    {
-      key: SelectedLayout.BASIC,
-      title: (
-        <AlgebraIcon
-          color={selectedLayout === SelectedLayout.BASIC ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9}
-          size={22}
-        />
-      ),
-      onPressIn: () => {
-        setSelectedLayout(SelectedLayout.BASIC)
-        onLayoutChange?.(false)
-      },
-    },
-    {
-      key: SelectedLayout.GEOMETRY,
-      title: (
-        <GeometryIcon
-          color={selectedLayout === SelectedLayout.GEOMETRY ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9}
-          size={16}
-        />
-      ),
-      onPressIn: () => {
-        setSelectedLayout(SelectedLayout.GEOMETRY)
-        onLayoutChange?.(true)
-      },
-    },
-  ]
-}

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

@@ -1,4 +0,0 @@
-export enum SelectedLayout {
-  BASIC = 'basic',
-  GEOMETRY = 'geometry',
-}

package/src/features/keyboard/constants/groups/geometry.constants.ts

@@ -1,25 +0,0 @@
-import {
-  MATH_BASIC_OPERATORS,
-  MATH_GEOMETRY_SYMBOLS,
-} from '../keys'
-import { KeyboardGroup } from '../../types/types'
-
-export const KEYBOARD_GEOMETRY: KeyboardGroup = {
-  keys: [
-    MATH_GEOMETRY_SYMBOLS.ANGLE,
-    MATH_GEOMETRY_SYMBOLS.TRIANGLE,
-    MATH_GEOMETRY_SYMBOLS.THEREFORE,
-    MATH_GEOMETRY_SYMBOLS.IMPLIES,
-    MATH_BASIC_OPERATORS.SIMILARITY,
-    MATH_GEOMETRY_SYMBOLS.LINE_SEGMENT,
-    MATH_GEOMETRY_SYMBOLS.RIGHT_DIRECTED_SEGMENT,
-    MATH_GEOMETRY_SYMBOLS.BIDIRECTIONAL_SEGMENT,
-    MATH_GEOMETRY_SYMBOLS.PERPENDICULAR,
-    MATH_BASIC_OPERATORS.APPROXIMATELY_EQUAL,
-    MATH_GEOMETRY_SYMBOLS.A,
-    MATH_GEOMETRY_SYMBOLS.B,
-    MATH_GEOMETRY_SYMBOLS.C,
-    MATH_GEOMETRY_SYMBOLS.PARALLEL,
-    MATH_BASIC_OPERATORS.CONGRUENT,
-  ],
-}

package/src/shared/icons/GeometryIcon.tsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import { IconProps } from './keyboard/icon.types'
-import Svg, { Path } from 'react-native-svg'
-
-export const GeometryIcon = ({ size = 16, color }: IconProps) => {
-  return (
-    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
-      <Path
-        d="M15.499 16.0009H14.998L15.499 15.4999V16.0009ZM0.399414 15.9902C0.204051 15.9502 0.0497107 15.7968 0.00976562 15.6015L0 15.5009V0.500901C9.37645e-05 0.0555518 0.538555 -0.167482 0.853516 0.147385L15.8525 15.1474C16.1674 15.4624 15.9444 16.0009 15.499 16.0009V15.4999L14.998 16.0009H0.5L0.399414 15.9902ZM1.59961 14.4003H12.8428L1.59961 3.15715V14.4003Z"
-        fill={color}
-      />
-      <Path
-        d="M5.09541 10.7012C5.20587 10.7012 5.29541 10.7907 5.29541 10.9012V13.5055C5.29541 13.616 5.20587 13.7055 5.09541 13.7055H4.20604C4.09558 13.7055 4.00604 13.616 4.00604 13.5055V12.1898C4.00604 12.0793 3.9165 11.9898 3.80604 11.9898H2.49108C2.38062 11.9898 2.29108 11.9002 2.29108 11.7898V10.9012C2.29108 10.7907 2.38062 10.7012 2.49108 10.7012H5.09541Z"
-        fill={color}
-      />
-    </Svg>
-  )
-}

package/src/shared/icons/keyboard/ImpliesIcon.tsx

@@ -1,16 +0,0 @@
-import React from 'react'
-import { IconProps } from './icon.types'
-import Svg, { Path } from 'react-native-svg'
-
-const ASPECT_RATIO = 20 / 18
-
-export const ImpliesIcon = ({ size = 20, color }: IconProps) => {
-  return (
-    <Svg width={size} height={size / ASPECT_RATIO} viewBox="0 0 20 18" fill="none">
-      <Path
-        d="M11.1808 4.25566C11.4933 3.94351 12.0004 3.94333 12.3127 4.25566L16.4904 8.43438C16.8025 8.74673 16.8025 9.25289 16.4904 9.56524L12.3127 13.7439C12.0004 14.0563 11.4933 14.0561 11.1808 13.7439C10.8684 13.4315 10.8684 12.9245 11.1808 12.6121L11.5441 12.2488H4.07538C3.63366 12.2487 3.27557 11.8908 3.27557 11.449C3.27573 11.0074 3.63376 10.6494 4.07538 10.6492H12.9781C13.0841 10.6492 13.1859 10.6071 13.2609 10.5321L14.7224 9.07052C14.7615 9.03146 14.7615 8.96815 14.7224 8.92909L13.2599 7.46657C13.1849 7.39156 13.0832 7.34941 12.9771 7.34941H4.07538C3.63366 7.34928 3.27557 6.99136 3.27557 6.54961C3.27573 6.108 3.63376 5.74994 4.07538 5.74981H11.5432L11.1808 5.3875C10.8685 5.07514 10.8686 4.5681 11.1808 4.25566Z"
-        fill={color}
-      />
-    </Svg>
-  )
-}

package/src/shared/icons/keyboard/LetterAIcon.tsx

@@ -1,14 +0,0 @@
-import React from 'react'
-import { IconProps } from './icon.types'
-import Svg, { Path } from 'react-native-svg'
-
-export const LetterAIcon = ({ size = 16, color }: IconProps) => {
-  return (
-    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
-      <Path
-        d="M10.352 14L9.92 11.2H5.152L3.424 14H1.584L8.608 2.8H10.16L12 14H10.352ZM6.064 9.68H9.712L8.976 4.96L6.064 9.68Z"
-        fill={color}
-      />
-    </Svg>
-  )
-}

package/src/shared/icons/keyboard/LetterBIcon.tsx

@@ -1,14 +0,0 @@
-import React from 'react'
-import { IconProps } from './icon.types'
-import Svg, { Path } from 'react-native-svg'
-
-export const LetterBIcon = ({ size = 16, color }: IconProps) => {
-  return (
-    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
-      <Path
-        d="M9.752 2.8C11.592 2.8 12.488 3.984 12.488 5.248C12.488 6.496 11.688 7.76 10.152 8.08C11.448 8.432 12.04 9.424 12.04 10.464C12.04 12.208 10.504 14 7.848 14H3.544L6.136 2.8H9.752ZM5.496 12.512H8.04C9.64 12.512 10.408 11.472 10.408 10.464C10.408 9.616 9.752 8.864 8.52 8.864H6.344L5.496 12.512ZM6.632 7.552H8.712C10.088 7.552 10.856 6.56 10.856 5.648C10.856 4.8 10.328 4.288 9.224 4.288H7.384L6.632 7.552Z"
-        fill={color}
-      />
-    </Svg>
-  )
-}

package/src/shared/icons/keyboard/LetterCIcon.tsx

@@ -1,14 +0,0 @@
-import React from 'react'
-import { IconProps } from './icon.types'
-import Svg, { Path } from 'react-native-svg'
-
-export const LetterCIcon = ({ size = 16, color }: IconProps) => {
-  return (
-    <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
-      <Path
-        d="M7.98 12.688C9.596 12.688 10.716 11.808 11.516 10.272L12.86 11.024C11.692 13.232 10.012 14.256 7.82 14.256C4.444 14.256 2.732 11.808 2.732 9.024C2.732 5.68 5.148 2.544 8.94 2.544C10.876 2.544 12.348 3.376 13.324 4.88L11.996 5.856C11.356 4.752 10.316 4.096 8.796 4.096C5.948 4.096 4.38 6.464 4.38 8.816C4.38 10.896 5.612 12.688 7.98 12.688Z"
-        fill={color}
-      />
-    </Svg>
-  )
-}

package/src/shared/icons/keyboard/ThereforeIcon.tsx

@@ -1,15 +0,0 @@
-import React from 'react'
-import { IconProps } from './icon.types'
-import Svg, { Circle } from 'react-native-svg'
-
-const ASPECT_RATIO = 20 / 18
-
-export const ThereforeIcon = ({ size = 20, color }: IconProps) => {
-  return (
-    <Svg width={size} height={size / ASPECT_RATIO} viewBox="0 0 20 18" fill="none">
-      <Circle cx="7.07972" cy="11.6398" r="1.8" fill={color} />
-      <Circle cx="12.9203" cy="11.6398" r="1.8" fill={color} />
-      <Circle cx="10" cy="6.36006" r="1.8" fill={color} />
-    </Svg>
-  )
-}

package/src/shared/icons/keyboard/TriangleIcon.tsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import { IconProps } from './icon.types'
-import Svg, { Path } from 'react-native-svg'
-
-const ASPECT_RATIO = 20 / 18
-
-export const TriangleIcon = ({ size = 20, color }: IconProps) => {
-  return (
-    <Svg width={size} height={size / ASPECT_RATIO} viewBox="0 0 20 18" fill="none">
-      <Path
-        d="M9.82983 3.56494C9.9081 3.43933 10.0913 3.43941 10.1697 3.56494L16.2488 13.3228C16.3317 13.4559 16.2366 13.6281 16.0798 13.6284H3.92065C3.76376 13.6284 3.66791 13.456 3.75073 13.3228L9.82983 3.56494Z"
-        stroke={color}
-        strokeWidth="1.6"
-        strokeLinejoin="round"
-      />
-    </Svg>
-  )
-}