@geneui/components 3.0.0-next-d82ed4a-12032025 → 3.0.0-next-89cc223-14032025

package/Tag.js

@@ -5,11 +5,11 @@ 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-5eab9668.js';
+import { u as useEllipsisDetection } from './useEllipsisDetection-500dc188.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 import Tooltip from './Tooltip.js';
 import './Loader.js';
-import './index-9d92561b.js';
+import './index-d055a077.js';
 import './useDebounceCallback-999deae7.js';
 import './floating-ui.react-0485e4db.js';
 import 'react-dom';

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-5eab9668.js';
+import { u as useEllipsisDetection } from './useEllipsisDetection-500dc188.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 import './floating-ui.react-0485e4db.js';
 import 'react-dom';
-import './index-9d92561b.js';
+import './index-d055a077.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,7 +1,7 @@
 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 { a as GeneUIDesignSystemContext } from './index-9d92561b.js';
+import { a as GeneUIDesignSystemContext } from './index-d055a077.js';
 import 'react-dom';
 import './useDebounceCallback-999deae7.js';
 

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,5 +1,6 @@
 import React, { JSX } from "react";
-import { DeviceTypes, ThemesTypes } from "@types";
+import { IBreakpoint } from "@hooks/useBreakpoint";
+import { ThemesTypes } from "@types";
 import "../../../assets/styles/reset.scss";
 import "../../../assets/styles/utils.scss";
 import "./GeneUIProvider.scss";
@@ -10,7 +11,7 @@ interface IGeneUIDesignSystemContext {
     theme: ThemesTypes;
     tokens: TokensType;
     geneUIProviderRef: React.MutableRefObject<null>;
-    breakpoint: DeviceTypes | null;
+    breakpoint: IBreakpoint | null;
 }
 declare const GeneUIDesignSystemContext: React.Context<IGeneUIDesignSystemContext>;
 interface IGeneUIProviderProps {

package/hooks/useBreakpoint/index.d.ts

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

package/hooks/useBreakpoint/useBreakpoint.d.ts

@@ -1,3 +1,9 @@
-import { BreakpointsTypes, DeviceTypes } from "@types";
-declare const useBreakpoint: (breakpoints: BreakpointsTypes) => DeviceTypes;
+import { BreakpointsTypes } from "@types";
+export interface IBreakpoint {
+    currentBreakpoint: string;
+    isMobileBreakpoint: boolean;
+    isTabletBreakpoint: boolean;
+    isDesktopBreakpoint: boolean;
+}
+declare const useBreakpoint: (breakpoints: BreakpointsTypes) => IBreakpoint;
 export default useBreakpoint;

package/hooks/useDeviceInfo/useDeviceInfo.d.ts

@@ -1,7 +1,7 @@
 import { OSTypes } from "@types";
 interface IDeviceInfo {
-    isMobile: boolean;
-    isDesktop: boolean;
+    isMobileDevice: boolean;
+    isDesktopDevice: boolean;
     isTouch: boolean;
     os: OSTypes;
     isWindows: boolean;

package/{index-9d92561b.js → index-d055a077.js}

@@ -1119,7 +1119,12 @@ const useBreakpoint = (breakpoints) => {
     useEffect(() => {
         setCurrentBreakpoint(getBreakpoint(width, breakpoints));
     }, [width]);
-    return currentBreakpoint;
+    return {
+        currentBreakpoint,
+        isMobileBreakpoint: currentBreakpoint === "mobile",
+        isTabletBreakpoint: currentBreakpoint === "tablet",
+        isDesktopBreakpoint: currentBreakpoint === "desktop"
+    };
 };
 
 var css_248z$2 = "a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,main,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{border:0;box-sizing:border-box;margin:0;padding:0;vertical-align:initial}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:\"\";content:none;font-family:Arial,Helvetica,sans-serif}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}input::-ms-clear{display:none}::-moz-focus-inner{border:0;padding:0}a{text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0}button,select{background:none;padding:0;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[role=button],button{background-color:initial;border:none;color:inherit;cursor:pointer;font:inherit;margin:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;height:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}[type=number]{-moz-appearance:textfield}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}select::-ms-expand{display:none}:after,:before{box-sizing:border-box}";
@@ -1307,6 +1312,7 @@ var dependencies = {
 	"@geneui/icons": "^1.0.4",
 	"@geneui/tokens": "^1.0.0",
 	classnames: "^2.3.2",
+	"qrcode.react": "^4.2.0",
 	"react-is": "^17.0.2",
 	"react-scrollbars-custom": "^4.1.1"
 };

package/{index-633639a4.js → index-d5f349ff.js}

@@ -3,7 +3,7 @@ import { u as useFloating, p as platform, o as offset, f as flip, a as arrow, s
 import { S as SvgClose } from './Close-e8302008.js';
 import { S as SvgInfoOutline } from './InfoOutline-dd2e89d9.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import { a as GeneUIDesignSystemContext } from './index-9d92561b.js';
+import { a as GeneUIDesignSystemContext } from './index-d055a077.js';
 import Button from './Button.js';
 
 var css_248z = ".popover{background-color:var(--guit-sem-color-background-neutral-1-nudge);border-top-left-radius:var(--guit-ref-radius-2xsmall);border-top-right-radius:var(--guit-ref-radius-2xsmall);filter:drop-shadow(var(--guit-sem-shadow-floating-2-position-x-1) var(--guit-sem-shadow-floating-2-position-y-1) var(--guit-sem-shadow-floating-2-blur-1) var(--guit-sem-color-floating-2-rgba-1)) drop-shadow(var(--guit-sem-shadow-floating-2-position-x-2) var(--guit-sem-shadow-floating-2-position-y-2) var(--guit-sem-shadow-floating-2-blur-2) var(--guit-sem-color-floating-2-rgba-2))}.popover:not(.popover_size_mobile){border-bottom-left-radius:var(--guit-ref-radius-2xsmall);border-bottom-right-radius:var(--guit-ref-radius-2xsmall)}.popover:not(.popover_size_mobile) .popover__arrow{position:absolute}.popover:not(.popover_size_mobile) .popover__arrowPath{fill:var(--guit-sem-color-background-neutral-1-nudge)}.popover_position_top .popover__arrow{transform:rotate(180deg)}.popover_position_bottom .popover__arrow{transform:rotate(0deg)}.popover_position_left .popover__arrow{transform:rotate(90deg)}.popover_position_right .popover__arrow{transform:rotate(-90deg)}.popover_size_xLarge{width:72rem}.popover_size_xLarge .popover__body{height:15.4rem}.popover_size_xLarge .popover__footer{height:6.4rem}.popover_size_large{width:48rem}.popover_size_medium{width:36rem}.popover_size_large .popover__body,.popover_size_medium .popover__body{height:17.2rem}.popover_size_large .popover__footer,.popover_size_medium .popover__footer{height:5.6rem}.popover_size_small{width:24rem}.popover_size_small .popover__body{height:8.8rem}.popover_size_small .popover__footer{height:5.6rem}.popover_size_mobile{min-width:32rem;width:100%}.popover_size_mobile .popover__body{height:17.2rem}.popover_size_mobile .popover__footer{height:6.4rem}.popover__header{border-bottom:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);height:4.8rem;justify-content:space-between;padding-inline:var(--guit-ref-spacing-large)}.popover__header,.popover__title{align-items:center;column-gap:var(--guit-ref-spacing-xsmall);display:flex}.popover__title{color:var(--guit-sem-color-foreground-neutral-2);flex:1;overflow:hidden}.popover__title_icon{flex:0 0 auto}.popover__title_text{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)}.popover__close{flex:0 0 auto}.popover__body{padding-block:var(--guit-ref-spacing-large);padding-inline:var(--guit-ref-spacing-large)}.popover__content{height:100%;overflow-y:auto;width:100%}.popover__footer{border-top:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);justify-content:space-between;padding-block:var(--guit-ref-spacing-large);padding-inline:var(--guit-ref-spacing-large)}.popover__footer,.popover__footer_buttons{align-items:center;column-gap:var(--guit-ref-spacing-xsmall);display:flex}.popover__footer_buttons{margin-inline-start:auto}";

package/index.d.ts

@@ -15,6 +15,7 @@ export { default as Tooltip } from "./components/molecules/Tooltip";
 export { default as ProgressBar } from "./components/molecules/ProgressBar";
 export { Steps, Step, IStepProps, IStepsProps } from "./components/molecules/Steps";
 export { default as Tag, ITagProps } from "./components/molecules/Tag";
+export { default as QRCode } from "./components/molecules/QRCode";
 export { KeyValue, Key, Value, IKeyValueProps, IKeyProps, IValueProps } from "./components/molecules/KeyValue";
 export { default as GeneUIProvider, GeneUIDesignSystemContext, IGeneUIDesignSystemContext, IGeneUIProviderProps } from "./components/providers/GeneUIProvider";
 export { default as useDebounce } from "./hooks/useDebounceCallback";

package/index.js

@@ -7,7 +7,7 @@ export { default as Divider } from './Divider.js';
 export { default as Info } from './Info.js';
 export { default as Button } from './Button.js';
 export { default as Text } from './Text.js';
-export { P as Popover, a as PopoverBody, b as PopoverFooter, c as PopoverFooterActions, u as useScrollLock } from './index-633639a4.js';
+export { P as Popover, a as PopoverBody, b as PopoverFooter, c as PopoverFooterActions, u as useScrollLock } from './index-d5f349ff.js';
 export { default as Badge } from './Badge.js';
 export { default as Scrollbar } from './Scrollbar.js';
 export { Col, Grid, Row } from './Grid.js';
@@ -15,10 +15,11 @@ export { default as Tooltip } from './Tooltip.js';
 export { default as ProgressBar } from './ProgressBar.js';
 export { Step, Steps } from './Steps.js';
 export { default as Tag } from './Tag.js';
+export { default as QRCode } from './QRCode.js';
 export { Key, KeyValue, Value } from './KeyValue.js';
-export { a as GeneUIDesignSystemContext, G as GeneUIProvider, u as useWindowSize } from './index-9d92561b.js';
+export { a as GeneUIDesignSystemContext, G as GeneUIProvider, u as useWindowSize } from './index-d055a077.js';
 export { u as useDebounce } from './useDebounceCallback-999deae7.js';
-export { u as useEllipsisDetection } from './useEllipsisDetection-5eab9668.js';
+export { u as useEllipsisDetection } from './useEllipsisDetection-500dc188.js';
 import { useMemo } from 'react';
 import './index-ce02421b.js';
 import './ArrowLeft-b88e2ba8.js';
@@ -44,8 +45,8 @@ const useDeviceInfo = () => {
         var _a;
         if (typeof navigator === "undefined") {
             return {
-                isMobile: false,
-                isDesktop: false,
+                isMobileDevice: false,
+                isDesktopDevice: false,
                 isTouch: false,
                 os: "Unknown",
                 isWindows: false,
@@ -63,16 +64,16 @@ const useDeviceInfo = () => {
         const isLinux = detectedOS === "Linux";
         const isAndroid = detectedOS === "Android";
         const isIOS = detectedOS === "iOS";
-        const isMobile = isAndroid || isIOS;
-        const isDesktop = isWindows || isMacOS || isLinux;
+        const isMobileDevice = isAndroid || isIOS;
+        const isDesktopDevice = isWindows || isMacOS || isLinux;
         // Detect touch device
         const isTouch = "ontouchstart" in window ||
             navigator.maxTouchPoints > 0 ||
             (window.matchMedia && window.matchMedia("(pointer: coarse)").matches) ||
             false;
         return {
-            isMobile,
-            isDesktop,
+            isMobileDevice,
+            isDesktopDevice,
             isTouch,
             os: detectedOS,
             isWindows,

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@geneui/components",
     "description": "The Gene UI components library designed for BI tools",
-    "version": "3.0.0-next-d82ed4a-12032025",
+    "version": "3.0.0-next-89cc223-14032025",
     "author": "SoftConstruct",
     "homepage": "https://github.com/softconstruct/gene-ui-components#readme",
     "repository": {
@@ -175,6 +175,7 @@
         "@geneui/icons": "^1.0.4",
         "@geneui/tokens": "^1.0.0",
         "classnames": "^2.3.2",
+        "qrcode.react": "^4.2.0",
         "react-is": "^17.0.2",
         "react-scrollbars-custom": "^4.1.1"
     },

package/{useEllipsisDetection-5eab9668.js → useEllipsisDetection-500dc188.js}

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { u as useWindowSize } from './index-9d92561b.js';
+import { u as useWindowSize } from './index-d055a077.js';
 
 const EQUAL_HEIGHT_DIFF = 3;
 const useEllipsisDetection = (ref, externalDependencies = []) => {