hardwater-ui-microfrontend 0.0.1

package/dist/components/Organisms/StudentEditor/components/EditorComponent.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export const EditorBox: React.NamedExoticComponent<object>;
+export const Icons: React.NamedExoticComponent<object>;
+export const LearningCreditsWarning: React.NamedExoticComponent<object>;

package/dist/components/Organisms/StudentEditor/components/EditorStyles.d.ts

@@ -0,0 +1,41 @@
+export namespace styles {
+    namespace multiLineText {
+        const fontSize: string;
+        const fontWeight: string;
+        const lineHeight: string;
+        const top: string;
+        const left: string;
+        const gap: string;
+        const textColor: string;
+    }
+    namespace multiLineBold {
+        const fontWeight_1: string;
+        export { fontWeight_1 as fontWeight };
+        export const paddingLeft: string;
+    }
+    namespace multiLineRed {
+        const color: string;
+    }
+    namespace multiLineBox {
+        export const padding: string;
+        export const height: string;
+        export const display: string;
+        export const justifyContent: string;
+        export const alignItems: string;
+        export const borderColor: string;
+        export const borderRadius: string;
+        export const borderWidth: string;
+        export const backgroundColor: string;
+        export const fontFamily: string;
+        const fontSize_1: string;
+        export { fontSize_1 as fontSize };
+        const fontWeight_2: string;
+        export { fontWeight_2 as fontWeight };
+        const lineHeight_1: string;
+        export { lineHeight_1 as lineHeight };
+        export const textAlign: string;
+        const color_1: string;
+        export { color_1 as color };
+        export const opacity: string;
+    }
+}

package/dist/components/Organisms/StudentEditor/components/MathElement.d.ts

@@ -0,0 +1,7 @@
+export default MathElement;
+declare function MathElement({ attributes, children, element, onEdit }: {
+    attributes: any;
+    children: any;
+    element: any;
+    onEdit: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Organisms/StudentEditor/components/MathKeyboard.d.ts

@@ -0,0 +1,9 @@
+export default MathKeyboard;
+declare function MathKeyboard({ onKeyPress, onBackspace, onBackslash, onEnter, keyboardProfile, isStudent, }: {
+    onKeyPress: any;
+    onBackspace: any;
+    onBackslash: any;
+    onEnter: any;
+    keyboardProfile: any;
+    isStudent: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Organisms/StudentEditor/components/MathKeyboardSME.d.ts

@@ -0,0 +1,9 @@
+export default MathKeyboardSME;
+declare function MathKeyboardSME({ onKeyPress, onBackspace, onBackslash, keyboardProfile, showMoreSymbols, isMobile, }: {
+    onKeyPress: any;
+    onBackspace: any;
+    onBackslash: any;
+    keyboardProfile: any;
+    showMoreSymbols?: boolean | undefined;
+    isMobile?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Organisms/StudentEditor/components/MathModal.d.ts

@@ -0,0 +1,9 @@
+export default MathModal;
+declare function MathModal({ isOpen, onClose, onSave, initialLatex, keyboardProfile, isStudent, }: {
+    isOpen: any;
+    onClose: any;
+    onSave: any;
+    initialLatex?: string | undefined;
+    keyboardProfile: any;
+    isStudent: any;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Organisms/StudentEditor/components/MathModalSME.d.ts

@@ -0,0 +1,10 @@
+export default MathModalSME;
+declare function MathModalSME({ isOpen, onClose, onSave, initialLatex, keyboardProfile, icons, isMobile, }: {
+    isOpen: any;
+    onClose: any;
+    onSave: any;
+    initialLatex?: string | undefined;
+    keyboardProfile: any;
+    icons: any;
+    isMobile: any;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Organisms/StudentEditor/components/Shortcuts.d.ts

@@ -0,0 +1,4 @@
+export default function Shortcuts({ height, onClose }: {
+    height: any;
+    onClose: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Organisms/StudentEditor/components/ShortcutsSME.d.ts

@@ -0,0 +1,4 @@
+export default function ShortcutsSME({ height, onClose }: {
+    height: any;
+    onClose: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Organisms/StudentEditor/components/TextEditor.d.ts

@@ -0,0 +1,2 @@
+export default TextEditor;
+declare function TextEditor(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/components/Organisms/StudentEditor/components/mathModalStyles.d.ts

@@ -0,0 +1,210 @@
+export declare const mathModalStyles = "\n  /* Hide virtual keyboard toggle button */\n  math-field::part(virtual-keyboard-toggle) {\n    display: none !important;\n  }\n  \n  /* Completely remove the keyboard */\n  .ML__keyboard,\n  .MLK__keyboard,\n  .ML__keyboard-layer,\n  .MLK__layer,\n  .ML__keyboard *, \n  math-field::part(virtual-keyboard),\n  .ML__keyboard-layer,\n  .ML__keyboard.is-visible,\n  .MLK__layer.is-visible {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n    height: 0 !important;\n    width: 0 !important;\n    max-height: 0 !important;\n    max-width: 0 !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    border: none !important;\n    position: absolute !important;\n    left: -9999px !important;\n    top: -9999px !important;\n    z-index: -9999 !important;\n    transform: scale(0) !important;\n  }\n  \n  /* Target specifically the MathLive keyboard */\n  div.ML__keyboard.is-visible {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n  \n  /* Eliminate the keyboard container completely */\n  body > .ML__keyboard {\n    display: none !important;\n  }\n  \n  /* Only target suggestion menus specifically without affecting math rendering */\n  .ML__popover,\n  .ML__suggestions,\n  .ML__suggestions-menu,\n  .ML__suggestions-list,\n  .ML__suggestion-item,\n  .ML__popover--suggestion-popover {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n    height: 0 !important;\n    width: 0 !important;\n    position: absolute !important;\n    left: -9999px !important;\n    top: -9999px !important;\n    z-index: -9999 !important;\n  }\n  \n  /* Make sure menu and menu icons are visible */\n  .ML__menu, \n  .ML__menu-item, \n  .ML__menu-item-shortcut,\n  .ML__menu-submenu,\n  .ML__menu-submenu-arrow,\n  math-field::part(context-menu),\n  math-field::part(context-menu-toggle),\n  math-field::part(menu),\n  math-field::part(menu-toggle) {\n    display: none !important;\n    visibility: visible !important;\n    opacity: 1 !important;\n    pointer-events: auto !important;\n    position: relative !important;\n    z-index: 1000 !important;\n  }\n  \n  /* Disable hover effects for menu elements */\n  .ML__menu-item:hover,\n  .ML__menu-toggle:hover,\n  math-field::part(menu-toggle):hover,\n  math-field::part(context-menu-toggle):hover,\n  .ML__context-menu-toggle:hover,\n  .ML__menu-submenu:hover,\n  .ML__menu-item-shortcut:hover {\n    background-color: transparent !important;\n    color: inherit !important;\n    border-color: transparent !important;\n    box-shadow: none !important;\n    text-decoration: none !important;\n    transform: none !important;\n    transition: none !important;\n  }\n  \n  /* Ensure no background color change on hover */\n  .ML__menu *:hover {\n    background-color: transparent !important;\n  }\n  \n  /* Make sure input ability works */\n  math-field {\n    pointer-events: auto !important;\n  }\n\n  /* Ensure modal overlay doesn't block background interaction */\n  .chakra-modal__overlay {\n    background: transparent !important;\n    backdrop-filter: none !important;\n    pointer-events: none !important;\n  }\n\n  .chakra-modal__content-container {\n    pointer-events: none !important;\n  }\n\n  .chakra-modal__content {\n    pointer-events: auto !important;\n  }\n\n  /* Allow body scrolling when modal is open */\n  body {\n    overflow: auto !important;\n  }\n  \n  /* Specifically targeting the suggestions on keypress */\n  body > .ML__popover,\n  body > .ML__suggestions,\n  html > .ML__popover,\n  html > .ML__suggestions {\n    display: none !important;\n    visibility: hidden !important;\n    opacity: 0 !important;\n  }\n\n  /* Proper MathLive styling using CSS custom properties */\n  math-field {\n    /* Background and text colors */\n    --background: white;\n    --text-color: #000000;\n\n    /* Selection styling */\n    --selection-background-color: rgba(95, 77, 199, 0.3);\n    --selection-color: #000000;\n\n    /* Caret styling */\n    --caret-color: #000000;\n\n    /* Placeholder styling */\n    --placeholder-color: #9ca3af;\n\n    /* Mathematical elements colors */\n    --primary: #000000;\n    --secondary: #000000;\n\n    /* Ensure proper background */\n    background: white !important;\n    color: #000000 !important;\n  }\n\n  /* Style the content part of the mathfield */\n  math-field::part(content) {\n    background: transparent !important;\n    color: #000000 !important;\n  }\n\n  /* Style the container part */\n  math-field::part(container) {\n    background: white !important;\n    color: #000000 !important;\n  }\n";
+export declare const mathFieldContainerStyles: {
+    overflow: string;
+    minH: string;
+    maxH: string;
+    w: string;
+    border: string;
+    borderRadius: string;
+    backgroundColor: string;
+    padding: string;
+    "&::-webkit-scrollbar": {
+        width: string;
+        height: string;
+    };
+    "&::-webkit-scrollbar-track": {
+        background: string;
+        borderRadius: string;
+    };
+    "&::-webkit-scrollbar-thumb": {
+        background: string;
+        borderRadius: string;
+        border: string;
+        minHeight: string;
+    };
+    "&::-webkit-scrollbar-thumb:hover": {
+        background: string;
+        border: string;
+        boxShadow: string;
+    };
+    "&::-webkit-scrollbar-thumb:active": {
+        background: string;
+    };
+    "&::-webkit-scrollbar-corner": {
+        background: string;
+    };
+    scrollbarWidth: string;
+    scrollbarColor: string;
+};
+export declare const headerStyles: {
+    color: string;
+    fontSize: string;
+    p: string;
+    pb: string;
+    fontWeight: number;
+};
+export declare const footerStyles: {
+    py: number;
+    pb: number;
+    px: string;
+};
+export declare const contentWrapperStyles: {
+    p: string;
+};
+export declare const cancelButtonStyles: {
+    h: number;
+    fontSize: string;
+};
+export declare const insertButtonStyles: {
+    bg: string;
+    color: string;
+    h: number;
+    fontSize: string;
+};
+export declare const getModalContentStyles: (isMobile: boolean, isPanelOpen: boolean) => {
+    right?: string | undefined;
+    maxW: string;
+    w: string;
+    bottom: string;
+};
+export declare const desktopLayoutStyles: {
+    spacing: number;
+    align: string;
+};
+export declare const layer1Styles: {
+    w: {
+        base: string;
+        md: string;
+    };
+};
+export declare const layer2Styles: {
+    w: string;
+    borderLeft: string;
+    borderColor: string;
+    overflow: string;
+};
+export declare const layer2ContentStyles: {
+    p: number;
+    spacing: number;
+    align: string;
+    h: string;
+};
+export declare const toggleButtonStyles: {
+    position: string;
+    right: string;
+    top: string;
+    transform: string;
+    size: string;
+    variant: string;
+};
+export declare const mobileBackdropStyles: {
+    position: string;
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    bg: string;
+    zIndex: number;
+};
+export declare const mobileOverlayPanelStyles: {
+    position: string;
+    top: string;
+    right: string;
+    w: string;
+    maxW: string;
+    h: string;
+    bg: string;
+    boxShadow: string;
+    zIndex: string;
+    overflow: string;
+    transition: string;
+};
+export declare const mobilePanelHeaderStyles: {
+    justify: string;
+};
+export declare const mobilePanelCloseButtonStyles: {
+    size: string;
+    variant: string;
+};
+export declare const shortcutLabel: {
+    color: string;
+    fontSize: string;
+    fontWeight: number;
+    lineHeight: string;
+    cursor: string;
+    textDecorationLine: string;
+    textDecorationStyle: string;
+};
+export declare const shortcutSection: {
+    fontFamily: string;
+    fontWeight: string;
+    fontSize: string;
+    color: string;
+};
+export declare const headerStylesNew: {
+    color: string;
+    fontSize: string;
+    p: string;
+    pb: string;
+    fontWeight: number;
+    display: string;
+    alignItems: string;
+    justifyContent: string;
+    width: string;
+};
+export declare const desktopLayoutStylesNew: {
+    spacing: number;
+    align: string;
+    width: string;
+    height: string;
+    display: string;
+    flexDirection: string;
+};
+export declare const layer1StylesNew: {
+    width: string;
+    display: string;
+    flexDirection: string;
+    flexShrink: number;
+    flexGrow: number;
+    minWidth: number;
+    maxWidth: string;
+};
+export declare const layer2StylesNew: {
+    width: string;
+    borderLeft: string;
+    borderColor: string;
+    overflow: string;
+    display: string;
+    flexDirection: string;
+    flexShrink: number;
+    flexGrow: number;
+    minWidth: number;
+};
+export declare const contentWrapperStylesNew: {
+    p: string;
+    display: string;
+    flexDirection: string;
+    width: string;
+    overflow: string;
+};
+export declare const footerStylesNew: {
+    py: number;
+    pb: number;
+    px: string;
+    width: string;
+    flexShrink: number;
+};
+export declare const toggleButtonStylesNew: {
+    size: string;
+    variant: string;
+    marginLeft: string;
+    flexShrink: number;
+};
+export declare const getModalContentStylesNew: (isMobile: boolean, isPanelOpen: boolean) => {
+    display: string;
+    flexDirection: string;
+    right?: string | undefined;
+    maxW: string;
+    w: string;
+    bottom: string;
+};