@helpdice/ui 1.0.1 → 1.0.2

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

@@ -0,0 +1,102 @@
+"use client";
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children"];
+import React, { forwardRef } from 'react';
+import { ScaleContext } from './scale-context';
+import useTheme from '../use-theme';
+import { isCSSNumberValue } from '../utils/collections';
+import { generateGetAllScaleProps, generateGetScaleProps } from './utils';
+var reduceScaleCoefficient = function reduceScaleCoefficient(scale) {
+  if (scale === 1) return scale;
+  var diff = Math.abs((scale - 1) / 2);
+  return scale > 1 ? 1 + diff : 1 - diff;
+};
+var withScale = function withScale(Render) {
+  var ScaleFC = /*#__PURE__*/forwardRef(function (_ref, ref) {
+    var _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _ref27, _ref28, _ref29, _ref30, _ref31, _ref32, _ref33;
+    var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+    var _useTheme = useTheme(),
+      layout = _useTheme.layout;
+    var paddingLeft = props.paddingLeft,
+      pl = props.pl,
+      paddingRight = props.paddingRight,
+      pr = props.pr,
+      paddingTop = props.paddingTop,
+      pt = props.pt,
+      paddingBottom = props.paddingBottom,
+      pb = props.pb,
+      marginTop = props.marginTop,
+      mt = props.mt,
+      marginRight = props.marginRight,
+      mr = props.mr,
+      marginBottom = props.marginBottom,
+      mb = props.mb,
+      marginLeft = props.marginLeft,
+      ml = props.ml,
+      px = props.px,
+      py = props.py,
+      mx = props.mx,
+      my = props.my,
+      width = props.width,
+      height = props.height,
+      font = props.font,
+      w = props.w,
+      h = props.h,
+      margin = props.margin,
+      padding = props.padding,
+      _props$unit = props.unit,
+      unit = _props$unit === void 0 ? layout.unit : _props$unit,
+      _props$scale = props.scale,
+      scale = _props$scale === void 0 ? 1 : _props$scale;
+    var makeScaleHandler = function makeScaleHandler(attrValue) {
+      return function (scale1x, defaultValue) {
+        // 0 means disable scale and the default value is 0
+        if (scale1x === 0) {
+          scale1x = 1;
+          defaultValue = defaultValue || 0;
+        }
+        var factor = reduceScaleCoefficient(scale) * scale1x;
+        if (typeof attrValue === 'undefined') {
+          if (typeof defaultValue !== 'undefined') return "".concat(defaultValue);
+          return "calc(".concat(factor, " * ").concat(unit, ")");
+        }
+        if (!isCSSNumberValue(attrValue)) return "".concat(attrValue);
+        var customFactor = factor * Number(attrValue);
+        return "calc(".concat(customFactor, " * ").concat(unit, ")");
+      };
+    };
+    var value = {
+      unit: unit,
+      SCALES: {
+        pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== void 0 ? paddingTop : pt) !== null && _ref3 !== void 0 ? _ref3 : py) !== null && _ref2 !== void 0 ? _ref2 : padding),
+        pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== void 0 ? paddingRight : pr) !== null && _ref5 !== void 0 ? _ref5 : px) !== null && _ref4 !== void 0 ? _ref4 : padding),
+        pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== void 0 ? paddingBottom : pb) !== null && _ref7 !== void 0 ? _ref7 : py) !== null && _ref6 !== void 0 ? _ref6 : padding),
+        pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : pl) !== null && _ref9 !== void 0 ? _ref9 : px) !== null && _ref8 !== void 0 ? _ref8 : padding),
+        px: makeScaleHandler((_ref10 = (_ref11 = (_ref12 = (_ref13 = px !== null && px !== void 0 ? px : paddingLeft) !== null && _ref13 !== void 0 ? _ref13 : paddingRight) !== null && _ref12 !== void 0 ? _ref12 : pl) !== null && _ref11 !== void 0 ? _ref11 : pr) !== null && _ref10 !== void 0 ? _ref10 : padding),
+        py: makeScaleHandler((_ref14 = (_ref15 = (_ref16 = (_ref17 = py !== null && py !== void 0 ? py : paddingTop) !== null && _ref17 !== void 0 ? _ref17 : paddingBottom) !== null && _ref16 !== void 0 ? _ref16 : pt) !== null && _ref15 !== void 0 ? _ref15 : pb) !== null && _ref14 !== void 0 ? _ref14 : padding),
+        mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== void 0 ? marginTop : mt) !== null && _ref19 !== void 0 ? _ref19 : my) !== null && _ref18 !== void 0 ? _ref18 : margin),
+        mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== void 0 ? marginRight : mr) !== null && _ref21 !== void 0 ? _ref21 : mx) !== null && _ref20 !== void 0 ? _ref20 : margin),
+        mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== void 0 ? marginBottom : mb) !== null && _ref23 !== void 0 ? _ref23 : my) !== null && _ref22 !== void 0 ? _ref22 : margin),
+        ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== void 0 ? marginLeft : ml) !== null && _ref25 !== void 0 ? _ref25 : mx) !== null && _ref24 !== void 0 ? _ref24 : margin),
+        mx: makeScaleHandler((_ref26 = (_ref27 = (_ref28 = (_ref29 = mx !== null && mx !== void 0 ? mx : marginLeft) !== null && _ref29 !== void 0 ? _ref29 : marginRight) !== null && _ref28 !== void 0 ? _ref28 : ml) !== null && _ref27 !== void 0 ? _ref27 : mr) !== null && _ref26 !== void 0 ? _ref26 : margin),
+        my: makeScaleHandler((_ref30 = (_ref31 = (_ref32 = (_ref33 = my !== null && my !== void 0 ? my : marginTop) !== null && _ref33 !== void 0 ? _ref33 : marginBottom) !== null && _ref32 !== void 0 ? _ref32 : mt) !== null && _ref31 !== void 0 ? _ref31 : mb) !== null && _ref30 !== void 0 ? _ref30 : margin),
+        width: makeScaleHandler(width !== null && width !== void 0 ? width : w),
+        height: makeScaleHandler(height !== null && height !== void 0 ? height : h),
+        font: makeScaleHandler(font)
+      },
+      getScaleProps: generateGetScaleProps(props),
+      getAllScaleProps: generateGetAllScaleProps(props)
+    };
+    return /*#__PURE__*/React.createElement(ScaleContext.Provider, {
+      value: value
+    }, /*#__PURE__*/React.createElement(Render, _extends({}, props, {
+      ref: ref
+    }), children));
+  });
+  ScaleFC.displayName = "Scale".concat(Render.displayName || 'Wrapper');
+  return ScaleFC;
+};
+export default withScale;

package/esm/use-tabs/index.d.ts

@@ -0,0 +1,2 @@
+import useTabs from "./use-tabs";
+export default useTabs;

package/esm/use-tabs/index.js

@@ -0,0 +1,2 @@
+import useTabs from './use-tabs';
+export default useTabs;

package/esm/use-tabs/use-tabs.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, MutableRefObject, SetStateAction } from 'react';
+declare const useTabs: (initialValue: string) => {
+    state: string;
+    setState: Dispatch<SetStateAction<string>>;
+    currentRef: MutableRefObject<string>;
+    bindings: {
+        value: string;
+        onChange: (val: string) => void;
+    };
+};
+export default useTabs;

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

@@ -0,0 +1,21 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import useCurrentState from '../utils/use-current-state';
+var useTabs = function useTabs(initialValue) {
+  var _useCurrentState = useCurrentState(initialValue),
+    _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
+    state = _useCurrentState2[0],
+    setState = _useCurrentState2[1],
+    currentRef = _useCurrentState2[2];
+  return {
+    state: state,
+    setState: setState,
+    currentRef: currentRef,
+    bindings: {
+      value: state,
+      onChange: function onChange(val) {
+        setState(val);
+      }
+    }
+  };
+};
+export default useTabs;

package/esm/use-theme/index.d.ts

@@ -0,0 +1,2 @@
+import { useTheme } from "./theme-context";
+export default useTheme;

package/esm/use-theme/index.js

@@ -0,0 +1,2 @@
+import { useTheme } from './theme-context';
+export default useTheme;

package/esm/use-theme/theme-context.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { HUIThemes } from "../themes/presets";
+export declare const ThemeContext: React.Context<HUIThemes>;
+export declare const useTheme: () => HUIThemes;

package/esm/use-theme/theme-context.js

@@ -0,0 +1,9 @@
+"use client";
+
+import React from 'react';
+import Themes from '../themes';
+var defaultTheme = Themes.getPresetStaticTheme();
+export var ThemeContext = /*#__PURE__*/React.createContext(defaultTheme);
+export var useTheme = function useTheme() {
+  return React.useContext(ThemeContext);
+};

package/esm/use-toasts/helpers.d.ts

@@ -0,0 +1,17 @@
+import { Toast } from "./use-toast";
+import { HUIThemesPalette } from "../themes";
+import { NormalTypes } from "../utils/prop-types";
+export declare const makeToastActions: (actions: Toast['actions'], cancelHandle: () => void) => JSX.Element[] | null;
+export declare const getColors: (palette: HUIThemesPalette, type?: NormalTypes) => {
+    bgColor: string;
+    color: string;
+};
+declare const toastPlacement: ["topLeft", "topRight", "bottomLeft", "bottomRight"];
+export type ToastPlacement = typeof toastPlacement[number];
+export declare const isTopPlacement: (placement: ToastPlacement) => boolean;
+export declare const isLeftPlacement: (placement: ToastPlacement) => boolean;
+export declare const getTranslateByPlacement: (placement: ToastPlacement) => {
+    enter: string;
+    leave: string;
+};
+export {};

package/esm/use-toasts/helpers.js

@@ -0,0 +1,68 @@
+import React from 'react';
+import Button from '../button';
+import { tuple } from '../utils/prop-types';
+export var makeToastActions = function makeToastActions(actions, cancelHandle) {
+  var handler = function handler(event, userHandler) {
+    userHandler && userHandler(event, cancelHandle);
+  };
+  if (!actions || !actions.length) return null;
+  return actions.map(function (action, index) {
+    return /*#__PURE__*/React.createElement(Button, {
+      auto: true,
+      scale: 1 / 3,
+      font: "13px",
+      type: action.passive ? 'default' : 'secondary',
+      key: "action-".concat(index),
+      onClick: function onClick(event) {
+        return handler(event, action.handler);
+      }
+    }, action.name);
+  });
+};
+export var getColors = function getColors(palette, type) {
+  var colors = {
+    "default": palette.background,
+    secondary: palette.secondary,
+    success: palette.success,
+    warning: palette.warning,
+    error: palette.error
+  };
+  var isDefault = !type || type === 'default';
+  if (isDefault) return {
+    bgColor: colors["default"],
+    color: palette.foreground
+  };
+  /**
+   * Prevent main color change in special types.
+   * The color will only follow the theme when it is in the default type.
+   */
+  return {
+    bgColor: colors[type],
+    color: 'white'
+  };
+};
+var toastPlacement = tuple('topLeft', 'topRight', 'bottomLeft', 'bottomRight');
+export var isTopPlacement = function isTopPlacement(placement) {
+  return "".concat(placement).toLowerCase().startsWith('top');
+};
+export var isLeftPlacement = function isLeftPlacement(placement) {
+  return "".concat(placement).toLowerCase().endsWith('left');
+};
+export var getTranslateByPlacement = function getTranslateByPlacement(placement) {
+  var translateInByPlacement = {
+    topLeft: 'translate(-60px, -60px)',
+    topRight: 'translate(60px, -60px)',
+    bottomLeft: 'translate(-60px, 60px)',
+    bottomRight: 'translate(60px, 60px)'
+  };
+  var translateOutByPlacement = {
+    topLeft: 'translate(-50px, 15px) scale(0.85)',
+    topRight: 'translate(50px, 15px) scale(0.85)',
+    bottomLeft: 'translate(-50px, -15px) scale(0.85)',
+    bottomRight: 'translate(50px, -15px) scale(0.85)'
+  };
+  return {
+    enter: translateInByPlacement[placement],
+    leave: translateOutByPlacement[placement]
+  };
+};

package/esm/use-toasts/index.d.ts

@@ -0,0 +1,3 @@
+import useToasts from "./use-toast";
+export type { ToastAction, Toast, ToastTypes, ToastInput, ToastLayout } from "./use-toast";
+export default useToasts;

package/esm/use-toasts/index.js

@@ -0,0 +1,2 @@
+import useToasts from './use-toast';
+export default useToasts;

package/esm/use-toasts/toast-container.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ToastContainer: React.FC<React.PropsWithChildren<unknown>>;
+export default ToastContainer;

package/esm/use-toasts/toast-container.js

@@ -0,0 +1,120 @@
+"use client";
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _JSXStyle from "../styled-jsx.es.js";
+import React, { useEffect, useMemo } from 'react';
+import { createPortal } from 'react-dom';
+import usePortal from '../utils/use-portal';
+import useTheme from '../use-theme';
+import { useHUIContext } from '../utils/use-hd-ui-context';
+import ToastItem from './toast-item';
+import useClasses from '../use-classes';
+import { isLeftPlacement, isTopPlacement } from './helpers';
+import useCurrentState from '../utils/use-current-state';
+var ToastContainer = function ToastContainer() {
+  var theme = useTheme();
+  var portal = usePortal('toast');
+  var _useCurrentState = useCurrentState(false),
+    _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
+    setHovering = _useCurrentState2[1],
+    hoveringRef = _useCurrentState2[2];
+  var _useHUIContext = useHUIContext(),
+    toasts = _useHUIContext.toasts,
+    updateToasts = _useHUIContext.updateToasts,
+    toastLayout = _useHUIContext.toastLayout,
+    lastUpdateToastId = _useHUIContext.lastUpdateToastId;
+  var memoizedLayout = useMemo(function () {
+    return toastLayout;
+  }, [toastLayout]);
+  var toastElements = useMemo(function () {
+    return toasts.map(function (toast) {
+      return /*#__PURE__*/React.createElement(ToastItem, {
+        toast: toast,
+        layout: memoizedLayout,
+        key: toast._internalIdent
+      });
+    });
+  }, [toasts, memoizedLayout]);
+  var classNames = useMemo(function () {
+    return useClasses('toasts', {
+      top: isTopPlacement(toastLayout.placement),
+      left: isLeftPlacement(toastLayout.placement)
+    });
+  }, [memoizedLayout]);
+  var hoverHandler = function hoverHandler(isHovering) {
+    setHovering(isHovering);
+    if (isHovering) {
+      return updateToasts(function (last) {
+        return last.map(function (toast) {
+          if (!toast.visible) return toast;
+          toast._timeout && window.clearTimeout(toast._timeout);
+          return _extends({}, toast, {
+            timeout: null
+          });
+        });
+      });
+    }
+    updateToasts(function (last) {
+      return last.map(function (toast, index) {
+        if (!toast.visible) return toast;
+        toast._timeout && window.clearTimeout(toast._timeout);
+        return _extends({}, toast, {
+          _timeout: function () {
+            var timer = window.setTimeout(function () {
+              toast.cancel();
+              window.clearTimeout(timer);
+            }, toast.delay + index * 100);
+            return timer;
+          }()
+        });
+      });
+    });
+  };
+  useEffect(function () {
+    var index = toasts.findIndex(function (r) {
+      return r._internalIdent === lastUpdateToastId;
+    });
+    var toast = toasts[index];
+    if (!toast || toast.visible || !hoveringRef.current) return;
+    var hasVisible = toasts.find(function (r, i) {
+      return i < index && r.visible;
+    });
+    if (hasVisible || !hoveringRef.current) return;
+    hoverHandler(false);
+  }, [toasts, lastUpdateToastId]);
+  useEffect(function () {
+    var timeout = null;
+    var timer = window.setInterval(function () {
+      if (toasts.length === 0) return;
+      timeout = window.setTimeout(function () {
+        var allInvisible = !toasts.find(function (r) {
+          return r.visible;
+        });
+        allInvisible && updateToasts(function () {
+          return [];
+        });
+        timeout && clearTimeout(timeout);
+      }, 350);
+    }, 5000);
+    return function () {
+      timer && clearInterval(timer);
+      timeout && clearTimeout(timeout);
+    };
+  }, [toasts]);
+  if (!portal) return null;
+  if (!toasts || toasts.length === 0) return null;
+  return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
+    onMouseEnter: function onMouseEnter() {
+      return hoverHandler(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return hoverHandler(false);
+    },
+    className: _JSXStyle.dynamic([["622610754", [theme.layout.gap, theme.layout.gap, theme.layout.gap, theme.layout.gap]]]) + " " + (classNames || "")
+  }, toastElements, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "622610754",
+    dynamic: [theme.layout.gap, theme.layout.gap, theme.layout.gap, theme.layout.gap]
+  }, ".toasts.__jsx-style-dynamic-selector{position:fixed;width:auto;max-width:100%;right:".concat(theme.layout.gap, ";bottom:").concat(theme.layout.gap, ";z-index:2000;-webkit-transition:all 400ms ease;transition:all 400ms ease;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.top.__jsx-style-dynamic-selector{bottom:unset;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:").concat(theme.layout.gap, ";}.left.__jsx-style-dynamic-selector{right:unset;left:").concat(theme.layout.gap, ";}"))), portal);
+};
+export default ToastContainer;

package/esm/use-toasts/toast-item.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { Toast, ToastLayout } from "./use-toast";
+export interface ToastItemProps {
+    toast: Toast;
+    layout: Required<ToastLayout>;
+}
+declare const ToastItem: React.FC<ToastItemProps>;
+export default ToastItem;

package/esm/use-toasts/toast-item.js

@@ -0,0 +1,43 @@
+import _JSXStyle from "../styled-jsx.es.js";
+import React, { useMemo } from 'react';
+import useTheme from '../use-theme';
+import CssTransition from '../shared/css-transition';
+import { makeToastActions, getColors, getTranslateByPlacement } from './helpers';
+var ToastItem = /*#__PURE__*/React.memo(function (_ref) {
+  var toast = _ref.toast,
+    layout = _ref.layout;
+  var theme = useTheme();
+  var _useMemo = useMemo(function () {
+      return getColors(theme.palette, toast.type);
+    }, [theme.palette, toast.type]),
+    color = _useMemo.color,
+    bgColor = _useMemo.bgColor;
+  var isReactNode = typeof toast.text !== 'string';
+  var padding = layout.padding,
+    margin = layout.margin,
+    maxHeight = layout.maxHeight,
+    maxWidth = layout.maxWidth,
+    width = layout.width,
+    placement = layout.placement;
+  var _useMemo2 = useMemo(function () {
+      return getTranslateByPlacement(placement);
+    }, [placement]),
+    enter = _useMemo2.enter,
+    leave = _useMemo2.leave;
+  return /*#__PURE__*/React.createElement(CssTransition, {
+    name: "toast",
+    visible: toast.visible,
+    clearTime: 350
+  }, /*#__PURE__*/React.createElement("div", {
+    key: toast.id,
+    className: _JSXStyle.dynamic([["1407001838", [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave]]]) + " " + "toast"
+  }, isReactNode ? toast.text : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["1407001838", [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave]]]) + " " + "message"
+  }, toast.text), /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["1407001838", [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave]]]) + " " + "action"
+  }, makeToastActions(toast.actions, toast.cancel))), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "1407001838",
+    dynamic: [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave]
+  }, ".toast.__jsx-style-dynamic-selector{width:".concat(width, ";max-width:").concat(maxWidth, ";max-height:").concat(maxHeight, ";display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:").concat(theme.palette.foreground, ";background-color:").concat(bgColor, ";color:").concat(color, ";border:0;border-radius:").concat(theme.layout.radius, ";opacity:1;box-shadow:").concat(theme.expressiveness.shadowSmall, ";-webkit-transition:all 350ms cubic-bezier(0.1,0.2,0.1,1);transition:all 350ms cubic-bezier(0.1,0.2,0.1,1);overflow:hidden;}.message.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;font-size:0.875em;display:-webkit-box;word-break:break-all;padding-right:").concat(theme.layout.gapHalf, ";overflow:hidden;max-height:100%;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.1rem;}.toast-enter.__jsx-style-dynamic-selector{opacity:0;height:0;padding:0;margin:0;-webkit-transform:").concat(enter, ";-ms-transform:").concat(enter, ";transform:").concat(enter, ";}.toast-enter-active.__jsx-style-dynamic-selector{opacity:1;height:auto;margin:").concat(margin, ";padding:").concat(padding, ";-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}.toast-leave.__jsx-style-dynamic-selector{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);height:auto;margin:").concat(margin, ";padding:").concat(padding, ";}.toast-leave-active.__jsx-style-dynamic-selector{opacity:0;-webkit-transform:").concat(leave, ";-ms-transform:").concat(leave, ";transform:").concat(leave, ";}"))));
+});
+export default ToastItem;

package/esm/use-toasts/use-toast.d.ts

@@ -0,0 +1,40 @@
+import React, { CSSProperties } from 'react';
+import type { NormalTypes } from "../utils/prop-types";
+import { ToastPlacement } from "./helpers";
+export interface ToastAction {
+    name: string;
+    handler: (event: React.MouseEvent<HTMLButtonElement>, cancel: () => void) => void;
+    passive?: boolean;
+}
+export type ToastTypes = NormalTypes;
+export type ToastLayout = {
+    padding?: CSSProperties['padding'];
+    margin?: CSSProperties['margin'];
+    width?: CSSProperties['width'];
+    maxWidth?: CSSProperties['maxWidth'];
+    maxHeight?: CSSProperties['maxHeight'];
+    placement?: ToastPlacement;
+};
+export interface ToastInput {
+    text: string | React.ReactNode;
+    type?: ToastTypes;
+    id?: string;
+    delay?: number;
+    actions?: Array<ToastAction>;
+}
+export type ToastInstance = {
+    visible: boolean;
+    cancel: () => void;
+    _timeout: null | number;
+    _internalIdent: string;
+};
+export type Toast = Required<ToastInput> & ToastInstance;
+export type ToastHooksResult = {
+    toasts: Array<Toast>;
+    setToast: (toast: ToastInput) => void;
+    removeAll: () => void;
+    findToastOneByID: (ident: string) => Toast | undefined;
+    removeToastOneByID: (ident: string) => void;
+};
+declare const useToasts: (layout?: ToastLayout) => ToastHooksResult;
+export default useToasts;

package/esm/use-toasts/use-toast.js

@@ -0,0 +1,103 @@
+"use client";
+
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { useEffect } from 'react';
+import { defaultToastLayout, useHUIContext } from '../utils/use-hd-ui-context';
+import { getId } from '../utils/collections';
+var defaultToast = {
+  delay: 2000,
+  type: 'default'
+};
+var useToasts = function useToasts(layout) {
+  var _useHUIContext = useHUIContext(),
+    updateToasts = _useHUIContext.updateToasts,
+    toasts = _useHUIContext.toasts,
+    updateToastLayout = _useHUIContext.updateToastLayout,
+    updateLastToastId = _useHUIContext.updateLastToastId;
+  useEffect(function () {
+    if (!layout) return;
+    updateToastLayout(function () {
+      return layout ? _extends({}, defaultToastLayout, layout) : defaultToastLayout;
+    });
+  }, []);
+  var _cancel = function cancel(internalId) {
+    updateToasts(function (currentToasts) {
+      return currentToasts.map(function (item) {
+        if (item._internalIdent !== internalId) return item;
+        return _extends({}, item, {
+          visible: false
+        });
+      });
+    });
+    updateLastToastId(function () {
+      return internalId;
+    });
+  };
+  var removeAll = function removeAll() {
+    updateToasts(function (last) {
+      return last.map(function (toast) {
+        return _extends({}, toast, {
+          visible: false
+        });
+      });
+    });
+  };
+  var findToastOneByID = function findToastOneByID(id) {
+    return toasts.find(function (t) {
+      return t.id === id;
+    });
+  };
+  var removeToastOneByID = function removeToastOneByID(id) {
+    updateToasts(function (last) {
+      return last.map(function (toast) {
+        if (toast.id !== id) return toast;
+        return _extends({}, toast, {
+          visible: false
+        });
+      });
+    });
+  };
+  var setToast = function setToast(toast) {
+    var internalIdent = "toast-".concat(getId());
+    var delay = toast.delay || defaultToast.delay;
+    if (toast.id) {
+      var hasIdent = toasts.find(function (t) {
+        return t.id === toast.id;
+      });
+      if (hasIdent) {
+        throw new Error('Toast: Already have the same key: "ident"');
+      }
+    }
+    updateToasts(function (last) {
+      var newToast = {
+        delay: delay,
+        text: toast.text,
+        visible: true,
+        type: toast.type || defaultToast.type,
+        id: toast.id || internalIdent,
+        actions: toast.actions || [],
+        _internalIdent: internalIdent,
+        _timeout: window.setTimeout(function () {
+          _cancel(internalIdent);
+          if (newToast._timeout) {
+            window.clearTimeout(newToast._timeout);
+            newToast._timeout = null;
+          }
+        }, delay),
+        cancel: function cancel() {
+          return _cancel(internalIdent);
+        }
+      };
+      return [].concat(_toConsumableArray(last), [newToast]);
+    });
+  };
+  return {
+    toasts: toasts,
+    setToast: setToast,
+    removeAll: removeAll,
+    findToastOneByID: findToastOneByID,
+    removeToastOneByID: removeToastOneByID
+  };
+};
+export default useToasts;

package/esm/user/index.d.ts

@@ -0,0 +1,8 @@
+import User from "./user";
+import UserLink from "./user-link";
+export type UserComponentType = typeof User & {
+    Link: typeof UserLink;
+};
+export type { UserProps } from "./user";
+declare const _default: UserComponentType;
+export default _default;

package/esm/user/index.js

@@ -0,0 +1,4 @@
+import User from './user';
+import UserLink from './user-link';
+User.Link = UserLink;
+export default User;

package/esm/user/user-link.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    href?: string;
+    className?: string;
+}
+type NativeAttrs = Omit<React.AnchorHTMLAttributes<any>, keyof Props>;
+export type UserLinkProps = Props & NativeAttrs;
+declare const UserLink: React.ForwardRefExoticComponent<Props & NativeAttrs & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLAnchorElement>>;
+export default UserLink;

package/esm/user/user-link.js

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["href", "className", "children"];
+import _JSXStyle from "../styled-jsx.es.js";
+import React from 'react';
+import Link from '../link';
+var UserLink = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var href = _ref.href,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+    className: "jsx-3263947648" + " " + (props && props.className != null && props.className || className || "")
+  }), /*#__PURE__*/React.createElement(Link, {
+    ref: ref,
+    href: href,
+    showColor: true,
+    target: "_blank",
+    rel: "noopener"
+  }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3263947648"
+  }, "div.jsx-3263947648 a:hover{opacity:0.7;}"));
+});
+UserLink.displayName = 'UserLink';
+export default UserLink;