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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/Checkbox.js +2 -2
  2. package/GeneUIProvider.js +1 -1
  3. package/Info.js +1 -1
  4. package/KeyValue.js +1 -1
  5. package/Label.js +2 -2
  6. package/Pill.js +2 -2
  7. package/Popover.js +2 -2
  8. package/ProgressBar.js +2 -2
  9. package/QRCode.js +1 -1
  10. package/Tag.js +2 -2
  11. package/Text.js +2 -2
  12. package/Tooltip.js +1 -1
  13. package/components/providers/GeneUIProvider/GeneUIProvider.d.ts +3 -2
  14. package/hooks/useBreakpoint/index.d.ts +1 -1
  15. package/hooks/useBreakpoint/useBreakpoint.d.ts +8 -2
  16. package/hooks/useDeviceInfo/useDeviceInfo.d.ts +2 -2
  17. package/{index-2eadf6a2.js → index-d055a077.js} +6 -1
  18. package/{index-4acd505b.js → index-d5f349ff.js} +1 -1
  19. package/index.js +9 -9
  20. package/package.json +1 -1
  21. package/{useEllipsisDetection-f7d4feff.js → useEllipsisDetection-500dc188.js} +1 -1
package/Checkbox.js CHANGED
@@ -9,9 +9,9 @@ import './WarningFill-143d0870.js';
9
9
  import './Tooltip.js';
10
10
  import './floating-ui.react-0485e4db.js';
11
11
  import 'react-dom';
12
- import './index-2eadf6a2.js';
12
+ import './index-d055a077.js';
13
13
  import './useDebounceCallback-999deae7.js';
14
- import './useEllipsisDetection-f7d4feff.js';
14
+ import './useEllipsisDetection-500dc188.js';
15
15
  import './Info.js';
16
16
  import './InfoOutline-dd2e89d9.js';
17
17
 
package/GeneUIProvider.js CHANGED
@@ -1,4 +1,4 @@
1
- export { a as GeneUIDesignSystemContext, G as default } from './index-2eadf6a2.js';
1
+ export { a as GeneUIDesignSystemContext, G as default } from './index-d055a077.js';
2
2
  import 'react';
3
3
  import './useDebounceCallback-999deae7.js';
4
4
  import './style-inject.es-746bb8ed.js';
package/Info.js CHANGED
@@ -6,7 +6,7 @@ import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
6
  import './ArrowLeft-b88e2ba8.js';
7
7
  import './floating-ui.react-0485e4db.js';
8
8
  import 'react-dom';
9
- import './index-2eadf6a2.js';
9
+ import './index-d055a077.js';
10
10
  import './useDebounceCallback-999deae7.js';
11
11
 
12
12
  var css_248z = ".info{border-radius:var(--guit-ref-radius-3xsmall);line-height:0}.info_appearance_default{color:var(--guit-sem-color-foreground-neutral-2)}.info_appearance_brand{color:var(--guit-sem-color-foreground-brand)}.info_appearance_inverse{color:var(--guit-sem-color-foreground-inverse)}.info_disabled{color:var(--guit-sem-color-foreground-disabled);pointer-events:none}";
package/KeyValue.js CHANGED
@@ -7,7 +7,7 @@ import './ArrowLeft-b88e2ba8.js';
7
7
  import './Tooltip.js';
8
8
  import './floating-ui.react-0485e4db.js';
9
9
  import 'react-dom';
10
- import './index-2eadf6a2.js';
10
+ import './index-d055a077.js';
11
11
  import './useDebounceCallback-999deae7.js';
12
12
 
13
13
  var css_248z = ".keyValue{display:inline-flex;max-width:100%}.keyValue_direction_vertical{flex-direction:column}.keyValue_direction_horizontal.keyValue_spaceBetween{width:100%}.keyValue__content{align-items:center;color:var(--guit-sem-color-foreground-neutral-2);display:flex;flex:1}.keyValue__value{color:var(--guit-sem-color-foreground-neutral-1);word-break:break-word}.keyValue_size_large{gap:var(--guit-ref-spacing-medium)}.keyValue_size_large .keyValue__content{gap:var(--guit-ref-spacing-xsmall)}.keyValue_size_large .keyValue__title,.keyValue_size_large .keyValue__value{font-family:var(--guit-sem-font-label-large-default-medium-font-family),sans-serif;font-size:var(--guit-sem-font-label-large-default-semibold-font-size);font-weight:var(--guit-sem-font-label-large-default-medium-font-weight);line-height:var(--guit-sem-font-label-large-default-semibold-line-height)}.keyValue_size_medium{gap:var(--guit-ref-spacing-medium)}.keyValue_size_medium .keyValue__content{gap:var(--guit-ref-spacing-xsmall)}.keyValue_size_medium .keyValue__title,.keyValue_size_medium .keyValue__value{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family),sans-serif;font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}";
package/Label.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import React__default, { useRef } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
3
  import Tooltip from './Tooltip.js';
4
- import { u as useEllipsisDetection } from './useEllipsisDetection-f7d4feff.js';
4
+ import { u as useEllipsisDetection } from './useEllipsisDetection-500dc188.js';
5
5
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
6
  import Info from './Info.js';
7
7
  import './floating-ui.react-0485e4db.js';
8
8
  import 'react-dom';
9
- import './index-2eadf6a2.js';
9
+ import './index-d055a077.js';
10
10
  import './useDebounceCallback-999deae7.js';
11
11
  import './InfoOutline-dd2e89d9.js';
12
12
  import './ArrowLeft-b88e2ba8.js';
package/Pill.js CHANGED
@@ -2,11 +2,11 @@ import React__default, { useState, useRef, useEffect } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
3
  import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft-b88e2ba8.js';
4
4
  import Tooltip from './Tooltip.js';
5
- import { u as useEllipsisDetection } from './useEllipsisDetection-f7d4feff.js';
5
+ import { u as useEllipsisDetection } from './useEllipsisDetection-500dc188.js';
6
6
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
7
7
  import './floating-ui.react-0485e4db.js';
8
8
  import 'react-dom';
9
- import './index-2eadf6a2.js';
9
+ import './index-d055a077.js';
10
10
  import './useDebounceCallback-999deae7.js';
11
11
 
12
12
  var _excluded = ["size", "color"];
package/Popover.js CHANGED
@@ -1,4 +1,4 @@
1
- export { P as Popover, a as PopoverBody, b as PopoverFooter, c as PopoverFooterActions } from './index-4acd505b.js';
1
+ export { P as Popover, a as PopoverBody, b as PopoverFooter, c as PopoverFooterActions } from './index-d5f349ff.js';
2
2
  import 'react';
3
3
  import './floating-ui.react-0485e4db.js';
4
4
  import 'react-dom';
@@ -6,7 +6,7 @@ import './Close-e8302008.js';
6
6
  import './ArrowLeft-b88e2ba8.js';
7
7
  import './InfoOutline-dd2e89d9.js';
8
8
  import './style-inject.es-746bb8ed.js';
9
- import './index-2eadf6a2.js';
9
+ import './index-d055a077.js';
10
10
  import './useDebounceCallback-999deae7.js';
11
11
  import './Button.js';
12
12
  import './index-ce02421b.js';
package/ProgressBar.js CHANGED
@@ -9,9 +9,9 @@ import './WarningFill-143d0870.js';
9
9
  import './Tooltip.js';
10
10
  import './floating-ui.react-0485e4db.js';
11
11
  import 'react-dom';
12
- import './index-2eadf6a2.js';
12
+ import './index-d055a077.js';
13
13
  import './useDebounceCallback-999deae7.js';
14
- import './useEllipsisDetection-f7d4feff.js';
14
+ import './useEllipsisDetection-500dc188.js';
15
15
  import './Info.js';
16
16
  import './InfoOutline-dd2e89d9.js';
17
17
 
package/QRCode.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React__default, { useRef, useContext, useMemo, cloneElement } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
- import { a as GeneUIDesignSystemContext } from './index-2eadf6a2.js';
3
+ import { a as GeneUIDesignSystemContext } from './index-d055a077.js';
4
4
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
5
5
  import './useDebounceCallback-999deae7.js';
6
6
 
package/Tag.js CHANGED
@@ -5,11 +5,11 @@ import { S as SvgErrorAlertFill } from './ErrorAlertFill-a0afebbf.js';
5
5
  import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft-b88e2ba8.js';
6
6
  import { S as SvgWarningFill } from './WarningFill-143d0870.js';
7
7
  import Button from './Button.js';
8
- import { u as useEllipsisDetection } from './useEllipsisDetection-f7d4feff.js';
8
+ import { u as useEllipsisDetection } from './useEllipsisDetection-500dc188.js';
9
9
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
10
10
  import Tooltip from './Tooltip.js';
11
11
  import './Loader.js';
12
- import './index-2eadf6a2.js';
12
+ import './index-d055a077.js';
13
13
  import './useDebounceCallback-999deae7.js';
14
14
  import './floating-ui.react-0485e4db.js';
15
15
  import 'react-dom';
package/Text.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import React__default, { useRef } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
3
  import Tooltip from './Tooltip.js';
4
- import { u as useEllipsisDetection } from './useEllipsisDetection-f7d4feff.js';
4
+ import { u as useEllipsisDetection } from './useEllipsisDetection-500dc188.js';
5
5
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
6
  import './floating-ui.react-0485e4db.js';
7
7
  import 'react-dom';
8
- import './index-2eadf6a2.js';
8
+ import './index-d055a077.js';
9
9
  import './useDebounceCallback-999deae7.js';
10
10
 
11
11
  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 CHANGED
@@ -1,7 +1,7 @@
1
1
  import React__default, { useContext, useState, useRef, useEffect, Children, cloneElement, Fragment } from 'react';
2
2
  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';
3
3
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
4
- import { a as GeneUIDesignSystemContext } from './index-2eadf6a2.js';
4
+ import { a as GeneUIDesignSystemContext } from './index-d055a077.js';
5
5
  import 'react-dom';
6
6
  import './useDebounceCallback-999deae7.js';
7
7
 
package/components/providers/GeneUIProvider/GeneUIProvider.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import React, { JSX } from "react";
2
- import { DeviceTypes, ThemesTypes } from "@types";
2
+ import { IBreakpoint } from "@hooks/useBreakpoint";
3
+ import { ThemesTypes } from "@types";
3
4
  import "../../../assets/styles/reset.scss";
4
5
  import "../../../assets/styles/utils.scss";
5
6
  import "./GeneUIProvider.scss";
@@ -10,7 +11,7 @@ interface IGeneUIDesignSystemContext {
10
11
  theme: ThemesTypes;
11
12
  tokens: TokensType;
12
13
  geneUIProviderRef: React.MutableRefObject<null>;
13
- breakpoint: DeviceTypes | null;
14
+ breakpoint: IBreakpoint | null;
14
15
  }
15
16
  declare const GeneUIDesignSystemContext: React.Context<IGeneUIDesignSystemContext>;
16
17
  interface IGeneUIProviderProps {
package/hooks/useBreakpoint/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { default } from "./useBreakpoint";
1
+ export { default, IBreakpoint } from "./useBreakpoint";
package/hooks/useBreakpoint/useBreakpoint.d.ts CHANGED
@@ -1,3 +1,9 @@
1
- import { BreakpointsTypes, DeviceTypes } from "@types";
2
- declare const useBreakpoint: (breakpoints: BreakpointsTypes) => DeviceTypes;
1
+ import { BreakpointsTypes } from "@types";
2
+ export interface IBreakpoint {
3
+ currentBreakpoint: string;
4
+ isMobileBreakpoint: boolean;
5
+ isTabletBreakpoint: boolean;
6
+ isDesktopBreakpoint: boolean;
7
+ }
8
+ declare const useBreakpoint: (breakpoints: BreakpointsTypes) => IBreakpoint;
3
9
  export default useBreakpoint;
package/hooks/useDeviceInfo/useDeviceInfo.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { OSTypes } from "@types";
2
2
  interface IDeviceInfo {
3
- isMobile: boolean;
4
- isDesktop: boolean;
3
+ isMobileDevice: boolean;
4
+ isDesktopDevice: boolean;
5
5
  isTouch: boolean;
6
6
  os: OSTypes;
7
7
  isWindows: boolean;
package/{index-2eadf6a2.js → index-d055a077.js} RENAMED
@@ -1119,7 +1119,12 @@ const useBreakpoint = (breakpoints) => {
1119
1119
  useEffect(() => {
1120
1120
  setCurrentBreakpoint(getBreakpoint(width, breakpoints));
1121
1121
  }, [width]);
1122
- return currentBreakpoint;
1122
+ return {
1123
+ currentBreakpoint,
1124
+ isMobileBreakpoint: currentBreakpoint === "mobile",
1125
+ isTabletBreakpoint: currentBreakpoint === "tablet",
1126
+ isDesktopBreakpoint: currentBreakpoint === "desktop"
1127
+ };
1123
1128
  };
1124
1129
 
1125
1130
  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}";
package/{index-4acd505b.js → index-d5f349ff.js} RENAMED
@@ -3,7 +3,7 @@ import { u as useFloating, p as platform, o as offset, f as flip, a as arrow, s
3
3
  import { S as SvgClose } from './Close-e8302008.js';
4
4
  import { S as SvgInfoOutline } from './InfoOutline-dd2e89d9.js';
5
5
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
6
- import { a as GeneUIDesignSystemContext } from './index-2eadf6a2.js';
6
+ import { a as GeneUIDesignSystemContext } from './index-d055a077.js';
7
7
  import Button from './Button.js';
8
8
 
9
9
  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.js CHANGED
@@ -7,7 +7,7 @@ export { default as Divider } from './Divider.js';
7
7
  export { default as Info } from './Info.js';
8
8
  export { default as Button } from './Button.js';
9
9
  export { default as Text } from './Text.js';
10
- export { P as Popover, a as PopoverBody, b as PopoverFooter, c as PopoverFooterActions, u as useScrollLock } from './index-4acd505b.js';
10
+ export { P as Popover, a as PopoverBody, b as PopoverFooter, c as PopoverFooterActions, u as useScrollLock } from './index-d5f349ff.js';
11
11
  export { default as Badge } from './Badge.js';
12
12
  export { default as Scrollbar } from './Scrollbar.js';
13
13
  export { Col, Grid, Row } from './Grid.js';
@@ -17,9 +17,9 @@ export { Step, Steps } from './Steps.js';
17
17
  export { default as Tag } from './Tag.js';
18
18
  export { default as QRCode } from './QRCode.js';
19
19
  export { Key, KeyValue, Value } from './KeyValue.js';
20
- export { a as GeneUIDesignSystemContext, G as GeneUIProvider, u as useWindowSize } from './index-2eadf6a2.js';
20
+ export { a as GeneUIDesignSystemContext, G as GeneUIProvider, u as useWindowSize } from './index-d055a077.js';
21
21
  export { u as useDebounce } from './useDebounceCallback-999deae7.js';
22
- export { u as useEllipsisDetection } from './useEllipsisDetection-f7d4feff.js';
22
+ export { u as useEllipsisDetection } from './useEllipsisDetection-500dc188.js';
23
23
  import { useMemo } from 'react';
24
24
  import './index-ce02421b.js';
25
25
  import './ArrowLeft-b88e2ba8.js';
@@ -45,8 +45,8 @@ const useDeviceInfo = () => {
45
45
  var _a;
46
46
  if (typeof navigator === "undefined") {
47
47
  return {
48
- isMobile: false,
49
- isDesktop: false,
48
+ isMobileDevice: false,
49
+ isDesktopDevice: false,
50
50
  isTouch: false,
51
51
  os: "Unknown",
52
52
  isWindows: false,
@@ -64,16 +64,16 @@ const useDeviceInfo = () => {
64
64
  const isLinux = detectedOS === "Linux";
65
65
  const isAndroid = detectedOS === "Android";
66
66
  const isIOS = detectedOS === "iOS";
67
- const isMobile = isAndroid || isIOS;
68
- const isDesktop = isWindows || isMacOS || isLinux;
67
+ const isMobileDevice = isAndroid || isIOS;
68
+ const isDesktopDevice = isWindows || isMacOS || isLinux;
69
69
  // Detect touch device
70
70
  const isTouch = "ontouchstart" in window ||
71
71
  navigator.maxTouchPoints > 0 ||
72
72
  (window.matchMedia && window.matchMedia("(pointer: coarse)").matches) ||
73
73
  false;
74
74
  return {
75
- isMobile,
76
- isDesktop,
75
+ isMobileDevice,
76
+ isDesktopDevice,
77
77
  isTouch,
78
78
  os: detectedOS,
79
79
  isWindows,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@geneui/components",
3
3
  "description": "The Gene UI components library designed for BI tools",
4
- "version": "3.0.0-next-41d59b3-12032025",
4
+ "version": "3.0.0-next-89cc223-14032025",
5
5
  "author": "SoftConstruct",
6
6
  "homepage": "https://github.com/softconstruct/gene-ui-components#readme",
7
7
  "repository": {
package/{useEllipsisDetection-f7d4feff.js → useEllipsisDetection-500dc188.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { useState, useEffect } from 'react';
2
- import { u as useWindowSize } from './index-2eadf6a2.js';
2
+ import { u as useWindowSize } from './index-d055a077.js';
3
3
 
4
4
  const EQUAL_HEIGHT_DIFF = 3;
5
5
  const useEllipsisDetection = (ref, externalDependencies = []) => {