@geneui/components 3.0.0-next-253ae89-07032025 → 3.0.0-next-41d59b3-12032025

package/Tag.js

@@ -5,14 +5,14 @@ import { S as SvgErrorAlertFill } from './ErrorAlertFill-a0afebbf.js';
 import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft-b88e2ba8.js';
 import { S as SvgWarningFill } from './WarningFill-143d0870.js';
 import Button from './Button.js';
-import { u as useEllipsisDetection } from './useEllipsisDetection-e545ae62.js';
+import { u as useEllipsisDetection } from './useEllipsisDetection-f7d4feff.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 import Tooltip from './Tooltip.js';
 import './Loader.js';
+import './index-2eadf6a2.js';
 import './useDebounceCallback-999deae7.js';
 import './floating-ui.react-0485e4db.js';
 import 'react-dom';
-import './GeneUIProvider.js';
 
 var _excluded = ["size", "color"];
 var SvgTagOutline = function SvgTagOutline(_ref) {

package/Text.js

@@ -1,11 +1,11 @@
 import React__default, { useRef } from 'react';
 import { c as classNames } from './index-ce02421b.js';
 import Tooltip from './Tooltip.js';
-import { u as useEllipsisDetection } from './useEllipsisDetection-e545ae62.js';
+import { u as useEllipsisDetection } from './useEllipsisDetection-f7d4feff.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 import './floating-ui.react-0485e4db.js';
 import 'react-dom';
-import './GeneUIProvider.js';
+import './index-2eadf6a2.js';
 import './useDebounceCallback-999deae7.js';
 
 var css_248z = ".text_variant_headingXLargeSemibold{font-family:var(--guit-sem-font-heading-xlarge-semibold-font-family);font-size:var(--guit-sem-font-heading-xlarge-semibold-font-size);font-weight:var(--guit-sem-font-heading-xlarge-semibold-font-weight);line-height:var(--guit-sem-font-heading-xlarge-semibold-line-height)}.text_variant_headingLargeSemibold{font-family:var(--guit-sem-font-heading-large-semibold-font-family);font-size:var(--guit-sem-font-heading-large-semibold-font-size);font-weight:var(--guit-sem-font-heading-large-semibold-font-weight);line-height:var(--guit-sem-font-heading-large-semibold-line-height)}.text_variant_headingMediumSemibold{font-family:var(--guit-sem-font-heading-medium-semibold-font-family);font-size:var(--guit-sem-font-heading-medium-semibold-font-size);font-weight:var(--guit-sem-font-heading-medium-semibold-font-weight);line-height:var(--guit-sem-font-heading-medium-semibold-line-height)}.text_variant_headingSmallSemibold{font-family:var(--guit-sem-font-heading-small-semibold-font-family);font-size:var(--guit-sem-font-heading-small-semibold-font-size);font-weight:var(--guit-sem-font-heading-small-semibold-font-weight);line-height:var(--guit-sem-font-heading-small-semibold-line-height)}.text_variant_headingXSmallSemibold{font-family:var(--guit-sem-font-heading-xsmall-semibold-font-family);font-size:var(--guit-sem-font-heading-xsmall-semibold-font-size);font-weight:var(--guit-sem-font-heading-xsmall-semibold-font-weight);line-height:var(--guit-sem-font-heading-xsmall-semibold-line-height)}.text_variant_subheadingLargeSemibold{font-family:var(--guit-sem-font-subheading-large-semibold-font-family);font-size:var(--guit-sem-font-subheading-large-semibold-font-size);font-weight:var(--guit-sem-font-subheading-large-semibold-font-weight);line-height:var(--guit-sem-font-subheading-large-semibold-line-height)}.text_variant_subheadingMediumSemibold{font-family:var(--guit-sem-font-subheading-medium-semibold-font-family);font-size:var(--guit-sem-font-subheading-medium-semibold-font-size);font-weight:var(--guit-sem-font-subheading-medium-semibold-font-weight);line-height:var(--guit-sem-font-subheading-medium-semibold-line-height)}.text_variant_labelLargeSemibold{font-family:var(--guit-sem-font-label-large-default-semibold-font-family);font-size:var(--guit-sem-font-label-large-default-semibold-font-size);font-weight:var(--guit-sem-font-label-large-default-semibold-font-weight);line-height:var(--guit-sem-font-label-large-default-semibold-line-height)}.text_variant_labelLargeMedium{font-family:var(--guit-sem-font-label-large-default-medium-font-family);font-size:var(--guit-sem-font-label-large-default-medium-font-size);font-weight:var(--guit-sem-font-label-large-default-medium-font-weight);line-height:var(--guit-sem-font-label-large-default-medium-line-height)}.text_variant_labelMediumSemibold{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-semibold-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}.text_variant_labelMediumMedium{font-family:var(--guit-sem-font-label-medium-default-medium-font-family);font-size:var(--guit-sem-font-label-medium-default-medium-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-medium-line-height)}.text_variant_labelSmallSemibold{font-family:var(--guit-sem-font-label-small-default-semibold-font-family);font-size:var(--guit-sem-font-label-small-default-semibold-font-size);font-weight:var(--guit-sem-font-label-small-default-semibold-font-weight);line-height:var(--guit-sem-font-label-small-default-semibold-line-height)}.text_variant_labelSmallMedium{font-family:var(--guit-sem-font-label-small-default-medium-font-family);font-size:var(--guit-sem-font-label-small-default-medium-font-size);font-weight:var(--guit-sem-font-label-small-default-medium-font-weight);line-height:var(--guit-sem-font-label-small-default-medium-line-height)}.text_variant_bodyLargeMedium_hasSpace,.text_variant_bodyLargeRegular_hasSpace,.text_variant_bodyLargeSemibold_hasSpace{margin-block-end:2.4rem}.text_variant_bodyMediumMedium_hasSpace,.text_variant_bodyMediumRegular_hasSpace,.text_variant_bodyMediumSemibold_hasSpace{margin-block-end:2rem}.text_variant_bodyLargeSemibold{font-family:var(--guit-sem-font-body-large-default-semibold-font-family);font-size:var(--guit-sem-font-body-large-default-semibold-font-size);font-weight:var(--guit-sem-font-body-large-default-semibold-font-weight);line-height:var(--guit-sem-font-body-large-default-semibold-line-height)}.text_variant_bodyLargeMedium{font-family:var(--guit-sem-font-body-large-default-medium-font-family);font-size:var(--guit-sem-font-body-large-default-medium-font-size);font-weight:var(--guit-sem-font-body-large-default-medium-font-weight);line-height:var(--guit-sem-font-body-large-default-medium-line-height)}.text_variant_bodyLargeRegular{font-family:var(--guit-sem-font-body-large-default-regular-font-family);font-size:var(--guit-sem-font-body-large-default-regular-font-size);font-weight:var(--guit-sem-font-body-large-default-regular-font-weight);line-height:var(--guit-sem-font-body-large-default-regular-line-height)}.text_variant_bodyMediumSemibold{font-family:var(--guit-sem-font-body-medium-default-semibold-font-family);font-size:var(--guit-sem-font-body-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-body-medium-default-semibold-font-weight);line-height:var(--guit-sem-font-body-medium-default-semibold-line-height)}.text_variant_bodyMediumMedium{font-family:var(--guit-sem-font-body-medium-default-medium-font-family);font-size:var(--guit-sem-font-body-medium-default-medium-font-size);font-weight:var(--guit-sem-font-body-medium-default-medium-font-weight);line-height:var(--guit-sem-font-body-medium-default-medium-line-height)}.text_variant_bodyMediumRegular{font-family:var(--guit-sem-font-body-medium-default-regular-font-family);font-size:var(--guit-sem-font-body-medium-default-regular-font-size);font-weight:var(--guit-sem-font-body-medium-default-regular-font-weight);line-height:var(--guit-sem-font-body-medium-default-regular-line-height)}.text_variant_captionLargeMedium_hasSpace,.text_variant_captionLargeRegular_hasSpace,.text_variant_captionLargeSemibold_hasSpace{margin-block-end:1.6rem}.text_variant_captionMediumMedium_hasSpace,.text_variant_captionMediumRegular_hasSpace,.text_variant_captionMediumSemibold_hasSpace{margin-block-end:1.4rem}.text_variant_captionLargeSemibold{font-family:var(--guit-sem-font-caption-large-semibold-font-family);font-size:var(--guit-sem-font-caption-large-semibold-font-size);font-weight:var(--guit-sem-font-caption-large-semibold-font-weight);letter-spacing:var(--guit-sem-font-caption-large-semibold-letter-spacing);line-height:var(--guit-sem-font-caption-large-semibold-line-height)}.text_variant_captionLargeMedium{font-family:var(--guit-sem-font-caption-large-medium-font-family);font-size:var(--guit-sem-font-caption-large-medium-font-size);font-weight:var(--guit-sem-font-caption-large-medium-font-weight);letter-spacing:var(--guit-sem-font-caption-large-medium-letter-spacing);line-height:var(--guit-sem-font-caption-large-medium-line-height)}.text_variant_captionLargeRegular{font-family:var(--guit-sem-font-caption-large-regular-font-family);font-size:var(--guit-sem-font-caption-large-regular-font-size);font-weight:var(--guit-sem-font-caption-large-regular-font-weight);letter-spacing:var(--guit-sem-font-caption-large-regular-letter-spacing);line-height:var(--guit-sem-font-caption-large-regular-line-height)}.text_variant_captionMediumSemibold{font-family:var(--guit-sem-font-caption-medium-semibold-font-family);font-size:var(--guit-sem-font-caption-medium-semibold-font-size);font-weight:var(--guit-sem-font-caption-medium-semibold-font-weight);letter-spacing:var(--guit-sem-font-caption-medium-semibold-letter-spacing);line-height:var(--guit-sem-font-caption-medium-semibold-line-height)}.text_variant_captionMediumMedium{font-family:var(--guit-sem-font-caption-medium-medium-font-family);font-size:var(--guit-sem-font-caption-medium-medium-font-size);font-weight:var(--guit-sem-font-caption-medium-medium-font-weight);letter-spacing:var(--guit-sem-font-caption-medium-medium-letter-spacing);line-height:var(--guit-sem-font-caption-medium-medium-line-height)}.text_variant_captionMediumRegular{font-family:var(--guit-sem-font-caption-medium-regular-font-family);font-size:var(--guit-sem-font-caption-medium-regular-font-size);font-weight:var(--guit-sem-font-caption-medium-regular-font-weight);letter-spacing:var(--guit-sem-font-caption-medium-regular-letter-spacing);line-height:var(--guit-sem-font-caption-medium-regular-line-height)}.text_alignment_start{text-align:start}.text_alignment_center{text-align:center}.text_alignment_end{text-align:end}.text_case_uppercase{text-transform:uppercase}.text_decoration_underline{text-decoration:underline}.text_decoration_lineThrough{text-decoration:line-through}";

package/Tooltip.js

@@ -1,8 +1,9 @@
 import React__default, { useContext, useState, useRef, useEffect, Children, cloneElement, Fragment } from 'react';
 import { u as useFloating, p as platform, h as offset, i as flip, a as arrow, j as shift, b as autoUpdate, k as useHover, g as useInteractions, F as FloatingPortal } from './floating-ui.react-0485e4db.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import { GeneUIDesignSystemContext } from './GeneUIProvider.js';
+import { a as GeneUIDesignSystemContext } from './index-2eadf6a2.js';
 import 'react-dom';
+import './useDebounceCallback-999deae7.js';
 
 var reactIsExports = {};
 var reactIs = {

package/components/molecules/QRCode/QRCode.d.ts

@@ -0,0 +1,38 @@
+import { FC, JSX } from "react";
+import "./QRCode.scss";
+interface IQRCodeProps {
+    /**
+     * Additional class for the parent element.
+     * This prop should be used to set placement properties for the element relative to its parent using BEM conventions.
+     */
+    className?: string;
+    /**
+     * The Error Correction Level to use.
+     * @see https://www.qrcode.com/en/about/error_correction.html
+     * Default value is `M`
+     */
+    level?: "M" | "Q" | "H";
+    /**
+     * The foreground color used to render the QR Code.<br>
+     * Possible values: `magenta | secondary | inverse`;
+     * Default value is `magenta`
+     */
+    appearance?: "magenta" | "secondary" | "inverse";
+    /**
+     * The value to encode into the QR Code.
+     * An array of strings can be passed in to represent multiple segments,
+     * allowing for optimization of the QR Code structure.
+     */
+    value: string;
+    /**
+     * The JSX element to embed in the center of the QR Code.
+     * This can be used for branding, such as a logo or an icon.
+     * The size of this element will be calculated relative to the parent element.
+     */
+    Logo?: JSX.Element;
+}
+/**
+ * A QR code component generates and displays a Quick Response (QR) code, a two-dimensional barcode that can be scanned by mobile devices to quickly access information, websites, or applications
+ */
+declare const QRCode: FC<IQRCodeProps>;
+export { IQRCodeProps, QRCode as default };

package/components/molecules/QRCode/index.d.ts

@@ -0,0 +1 @@
+export { IQRCodeProps, default } from "./QRCode";

package/components/providers/GeneUIProvider/GeneUIProvider.d.ts

@@ -1,8 +1,8 @@
 import React, { JSX } from "react";
+import { DeviceTypes, ThemesTypes } from "@types";
 import "../../../assets/styles/reset.scss";
 import "../../../assets/styles/utils.scss";
 import "./GeneUIProvider.scss";
-type ThemesTypes = "light" | "dark";
 type TokensType = {
     [key: string]: string | number;
 } | null;
@@ -10,6 +10,7 @@ interface IGeneUIDesignSystemContext {
     theme: ThemesTypes;
     tokens: TokensType;
     geneUIProviderRef: React.MutableRefObject<null>;
+    breakpoint: DeviceTypes | null;
 }
 declare const GeneUIDesignSystemContext: React.Context<IGeneUIDesignSystemContext>;
 interface IGeneUIProviderProps {

package/hooks/index.d.ts

@@ -4,3 +4,4 @@ export { default as useScrollLock } from "./useScrollLock";
 export { default as useWindowSize } from "./useWindowSize";
 export { default as useClickOutside } from "./useClickOutside";
 export { default as useDeviceInfo } from "./useDeviceInfo";
+export { default as useBreakpoint } from "./useBreakpoint";

package/hooks/useBreakpoint/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./useBreakpoint";

package/hooks/useBreakpoint/useBreakpoint.d.ts

@@ -0,0 +1,3 @@
+import { BreakpointsTypes, DeviceTypes } from "@types";
+declare const useBreakpoint: (breakpoints: BreakpointsTypes) => DeviceTypes;
+export default useBreakpoint;

package/hooks/useDeviceInfo/useDeviceInfo.d.ts

@@ -1,8 +1,9 @@
-import { OS } from "@types";
+import { OSTypes } from "@types";
 interface IDeviceInfo {
     isMobile: boolean;
     isDesktop: boolean;
-    os: OS;
+    isTouch: boolean;
+    os: OSTypes;
     isWindows: boolean;
     isMacOS: boolean;
     isLinux: boolean;

package/hooks/useWindowSize/useWindowSize.d.ts

@@ -1,5 +1,6 @@
-declare const useWindowSize: () => {
+interface IWindowSize {
     width: number;
     height: number;
-};
+}
+declare const useWindowSize: () => IWindowSize;
 export default useWindowSize;