@helpdice/ui 1.7.4 → 1.7.7

package/esm/use-network-status/use-netowork-status.js

@@ -0,0 +1,29 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/* eslint-disable react-hooks/exhaustive-deps */
+import { useEffect, useState } from 'react';
+var useNetworkStatus = function useNetworkStatus() {
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOnline = _useState2[0],
+    setOnline = _useState2[1];
+  var updateNetworkStatus = function updateNetworkStatus() {
+    setOnline(navigator.onLine);
+  };
+  useEffect(function () {
+    updateNetworkStatus();
+  });
+  useEffect(function () {
+    window.addEventListener('load', updateNetworkStatus);
+    window.addEventListener('online', updateNetworkStatus);
+    window.addEventListener('offline', updateNetworkStatus);
+    return function () {
+      window.removeEventListener('load', updateNetworkStatus);
+      window.removeEventListener('online', updateNetworkStatus);
+      window.removeEventListener('offline', updateNetworkStatus);
+    };
+  }, [navigator.onLine]);
+  return {
+    isOnline: isOnline
+  };
+};
+export default useNetworkStatus;

package/esm/use-scale/with-scale.js

@@ -5,7 +5,7 @@ var _excluded = ["children"];
 
 import React, { forwardRef } from 'react';
 import { ScaleContext } from './scale-context';
-import useTheme from '../use-theme';
+import { useTheme } from '@helpdice/theme';
 import { isCSSNumberValue } from '../utils/collections';
 import { generateGetAllScaleProps, generateGetScaleProps } from './utils';
 var reduceScaleCoefficient = function reduceScaleCoefficient(scale) {

package/esm/use-tabs/use-tabs.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /* "use client" */
 
-import useCurrentState from '../utils/use-current-state';
+import { useCurrentState } from '@helpdice/theme';
 var useTabs = function useTabs(initialValue) {
   var _useCurrentState = useCurrentState(initialValue),
     _useCurrentState2 = _slicedToArray(_useCurrentState, 3),

package/esm/user/user.js

@@ -6,9 +6,8 @@ import _JSXStyle from "../styled-jsx.es.js";
 
 import React from 'react';
 import Avatar from '../avatar';
-import useTheme from '../use-theme';
+import { useTheme, useClasses } from '@helpdice/theme';
 import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
 var UserComponent = function UserComponent(_ref) {
   var src = _ref.src,
     text = _ref.text,

package/esm/utils/use-context-state/use-context-state.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /* "use client" */
 
 import { useMemo } from 'react';
-import useCurrentState from '../use-current-state';
+import { useCurrentState } from '@helpdice/theme';
 import { capitalize } from '../collections';
 var useContextState = function useContextState(initialState, options) {
   var _useCurrentState = useCurrentState(initialState),

package/esm/utils/use-drag.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /* "use client" */
 
 import { useEffect, useRef } from 'react';
-import useCurrentState from './use-current-state';
+import { useCurrentState } from '@helpdice/theme';
 var useDrag = function useDrag(elementRef) {
   var draggingHandler = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
   var dragStartHandler = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helpdice/ui",
-  "version": "1.7.4",
+  "version": "1.7.7",
   "main": "dist/index.js",
   "types": "esm/index.d.ts",
   "unpkg": "dist/index.min.js",
@@ -57,7 +57,8 @@
     "@babel/preset-env": "^7.14.7",
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.14.5",
-    "@helpdice/pro": "D:\\Github\\pro\\build",
+    "@helpdice/icons": "^1.1.2",
+    "@helpdice/theme": "^1.0.3",
     "@mapbox/rehype-prism": "^0.9.0",
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
@@ -85,10 +86,11 @@
     "eslint-plugin-react": "^7.37.4",
     "extract-mdx-metadata": "^2.0.0",
     "fs-extra": "^11.3.0",
+    "get-user-locale": "^3.0.0",
     "just-debounce-it": "^3.2.0",
     "next": "^15.1.7",
     "prettier": "^3.4.2",
-    "react": "^18.3.1",
+    "react": "18.3.1",
     "react-color": "^2.19.3",
     "react-dom": "^18.3.1",
     "react-live": "^4.1.8",
@@ -100,12 +102,16 @@
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.3",
-    "@helpdice/icons": "^1.1.2",
+    "@helpdice/pro": "^1.1.6",
+    "@helpdice/sdk": "^0.1.3",
+    "@helpdice/utils": "^0.1.3",
     "@mapbox/rehype-prism": "^0.9.0",
     "@types/hoist-non-react-statics": "^3.3.6",
     "@types/styled-components": "^5.1.34",
     "babel-plugin-transform-rename-import": "^2.3.0",
     "clsx": "^2.1.1",
+    "css-box-model": "^1.2.1",
+    "date-fns": "^4.1.0",
     "deepmerge": "^4.3.1",
     "dompurify": "^3.2.4",
     "framer-motion": "^12.17.0",
@@ -116,6 +122,7 @@
     "next-sitemap": "^4.2.3",
     "polished": "^4.3.1",
     "react-fast-compare": "^3.2.2",
+    "react-html-parser": "^2.0.2",
     "react-is": "^19.0.0",
     "react-syntax-highlighter": "^15.6.1",
     "react-transition-group": "^4.4.5",
@@ -126,6 +133,7 @@
     "tslib": "^2.8.1"
   },
   "peerDependencies": {
+    "@helpdice/theme": "^1.0.0",
     "react": "^18.3.1 || ^19.1.0",
     "react-dom": "^18.3.1 || ^19.1.0"
   },

package/dist/css-baseline/css-baseline.d.ts

@@ -1,9 +0,0 @@
-import React, { ReactElement } from 'react';
-export type FlushToReact = <T>(opts?: {
-    nonce?: string;
-}) => Array<ReactElement<T>>;
-type MemoCssBaselineComponent<P = {}> = React.NamedExoticComponent<P> & {
-    flush: FlushToReact;
-};
-declare const MemoCssBaseline: MemoCssBaselineComponent<React.PropsWithChildren<unknown>>;
-export default MemoCssBaseline;

package/dist/css-baseline/index.d.ts

@@ -1 +0,0 @@
-export { default } from './css-baseline';

package/dist/shared/backdrop.d.ts

@@ -1,14 +0,0 @@
-import React, { MouseEvent } from 'react';
-interface Props {
-    onClick?: (event: MouseEvent<HTMLElement>) => void;
-    visible?: boolean;
-    width?: string;
-    onContentClick?: (event: MouseEvent<HTMLElement>) => void;
-    backdropClassName?: string;
-    positionClassName?: string;
-    layerClassName?: string;
-}
-type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
-export type BackdropProps = Props & NativeAttrs;
-declare const Backdrop: React.FC<React.PropsWithChildren<BackdropProps>>;
-export default Backdrop;

package/dist/shared/css-transition.d.ts

@@ -1,13 +0,0 @@
-import React, { ReactNode } from 'react';
-interface Props {
-    visible?: boolean;
-    enterTime?: number;
-    leaveTime?: number;
-    clearTime?: number;
-    className?: string;
-    name?: string;
-    children: ReactNode;
-}
-export type CssTransitionProps = Props;
-declare const CssTransition: React.FC<CssTransitionProps>;
-export default CssTransition;

package/dist/shared/dropdown.d.ts

@@ -1,9 +0,0 @@
-import React, { MutableRefObject } from 'react';
-interface Props {
-    parent?: MutableRefObject<HTMLElement | null> | undefined;
-    visible: boolean;
-    disableMatchWidth?: boolean;
-    getPopupContainer?: () => HTMLElement | null;
-}
-declare const Dropdown: React.FC<React.PropsWithChildren<Props>>;
-export default Dropdown;

package/dist/shared/ellipsis.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export type EllipsisProps = {
-    height: string;
-};
-declare const _default: React.NamedExoticComponent<React.PropsWithChildren<EllipsisProps>>;
-export default _default;

package/dist/shared/expand.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export type ExpandProps = {
-    isExpanded?: boolean;
-    delay?: number;
-};
-declare const Expand: React.FC<React.PropsWithChildren<ExpandProps>>;
-export default Expand;

package/dist/shared/highlight.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { ReactiveDomReact } from '../utils/layouts';
-type Props = {
-    rect: ReactiveDomReact;
-    visible?: boolean;
-    hoverHeightRatio?: number;
-    hoverWidthRatio?: number;
-    activeOpacity?: number;
-};
-type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
-export type HighlightProps = Props & NativeAttrs;
-declare const Highlight: React.FC<HighlightProps>;
-export default Highlight;

package/dist/ui-provider/index.d.ts

@@ -1,3 +0,0 @@
-import HuiProvider from './ui-provider';
-export type { UiProviderProps } from './ui-provider';
-export default HuiProvider;