@helpdice/ui 1.7.4 → 1.7.7

package/dist/use-media-query/index.js

@@ -1,444 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
-}
-function _defineProperty(e, r, t) {
-  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: true,
-    configurable: true,
-    writable: true
-  }) : e[r] = t, e;
-}
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = true,
-      o = false;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = true, n = r;
-    } finally {
-      try {
-        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function (r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread2(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
-      _defineProperty(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-    });
-  }
-  return e;
-}
-function _slicedToArray(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
-}
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r);
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : i + "";
-}
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-
-var defaultFont = {
-  sans: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
-  mono: 'Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace',
-  prism: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,"Liberation Mono", "Courier New", monospace'
-};
-var defaultBreakpoints = {
-  xs: {
-    min: '0',
-    max: '650px'
-  },
-  sm: {
-    min: '650px',
-    max: '900px'
-  },
-  md: {
-    min: '900px',
-    max: '1280px'
-  },
-  lg: {
-    min: '1280px',
-    max: '1920px'
-  },
-  xl: {
-    min: '1920px',
-    max: '10000px'
-  }
-};
-var defaultLayout = {
-  gap: '16pt',
-  gapNegative: '-16pt',
-  gapHalf: '8pt',
-  gapHalfNegative: '-8pt',
-  gapQuarter: '4pt',
-  gapQuarterNegative: '-4pt',
-  pageMargin: '16pt',
-  pageWidth: '750pt',
-  pageWidthWithMargin: '782pt',
-  breakpointMobile: defaultBreakpoints.xs.max,
-  breakpointTablet: defaultBreakpoints.sm.max,
-  radius: '6px',
-  unit: '16px'
-};
-
-var palette$1 = {
-  accents_1: '#fafafa',
-  accents_2: '#eaeaea',
-  accents_3: '#999',
-  accents_4: '#888',
-  accents_5: '#666',
-  accents_6: '#444',
-  accents_7: '#333',
-  accents_8: '#111',
-  background: '#fff',
-  foreground: '#000',
-  selection: '#79ffe1',
-  secondary: '#666',
-  code: '#f81ce5',
-  border: '#eaeaea',
-  error: '#e00',
-  errorLight: '#ff1a1a',
-  errorLighter: '#f7d4d6',
-  errorDark: '#c50000',
-  success: '#0070f3',
-  successLight: '#3291ff',
-  successLighter: '#d3e5ff',
-  successDark: '#0761d1',
-  warning: '#f5a623',
-  warningLight: '#f7b955',
-  warningLighter: '#ffefcf',
-  warningDark: '#ab570a',
-  cyan: '#50e3c2',
-  cyanLighter: '#aaffec',
-  cyanLight: '#79ffe1',
-  cyanDark: '#29bc9b',
-  violet: '#7928ca',
-  violetLighter: '#e3d7fc',
-  violetLight: '#8a63d2',
-  violetDark: '#4c2889',
-  purple: '#f81ce5',
-  alert: '#ff0080',
-  magenta: '#eb367f',
-  link: '#0070f3'
-};
-var expressiveness$1 = {
-  linkStyle: 'none',
-  linkHoverStyle: 'none',
-  dropdownBoxShadow: '0 4px 4px 0 rgba(0, 0, 0, 0.02)',
-  scrollerStart: 'rgba(255, 255, 255, 1)',
-  scrollerEnd: 'rgba(255, 255, 255, 0)',
-  shadowSmall: '0 5px 10px rgba(0, 0, 0, 0.12)',
-  shadowMedium: '0 8px 30px rgba(0, 0, 0, 0.12)',
-  shadowLarge: '0 30px 60px rgba(0, 0, 0, 0.12)',
-  portalOpacity: 0.25
-};
-var font$1 = defaultFont;
-var breakpoints$1 = defaultBreakpoints;
-var layout$1 = defaultLayout;
-var themes$1 = {
-  type: 'light',
-  font: font$1,
-  layout: layout$1,
-  palette: palette$1,
-  breakpoints: breakpoints$1,
-  expressiveness: expressiveness$1
-};
-
-var palette = {
-  accents_1: '#111',
-  accents_2: '#333',
-  accents_3: '#444',
-  accents_4: '#666',
-  accents_5: '#888',
-  accents_6: '#999',
-  accents_7: '#eaeaea',
-  accents_8: '#fafafa',
-  background: '#000',
-  foreground: '#fff',
-  selection: '#f81ce5',
-  secondary: '#888',
-  code: '#79ffe1',
-  border: '#333',
-  error: '#e00',
-  errorLighter: '#f7d4d6',
-  errorLight: '#ff1a1a',
-  errorDark: '#c50000',
-  success: '#0070f3',
-  successLighter: '#d3e5ff',
-  successLight: '#3291ff',
-  successDark: '#0761d1',
-  warning: '#f5a623',
-  warningLighter: '#ffefcf',
-  warningLight: '#f7b955',
-  warningDark: '#ab570a',
-  cyan: '#50e3c2',
-  cyanLighter: '#aaffec',
-  cyanLight: '#79ffe1',
-  cyanDark: '#29bc9b',
-  violet: '#7928ca',
-  violetLighter: '#e3d7fc',
-  violetLight: '#8a63d2',
-  violetDark: '#4c2889',
-  purple: '#f81ce5',
-  alert: '#ff0080',
-  magenta: '#eb367f',
-  link: '#3291ff'
-};
-var expressiveness = {
-  linkStyle: 'none',
-  linkHoverStyle: 'none',
-  dropdownBoxShadow: '0 0 0 1px #333',
-  scrollerStart: 'rgba(255, 255, 255, 1)',
-  scrollerEnd: 'rgba(255, 255, 255, 0)',
-  shadowSmall: '0 0 0 1px #333',
-  shadowMedium: '0 0 0 1px #333',
-  shadowLarge: '0 0 0 1px #333',
-  portalOpacity: 0.75
-};
-var font = defaultFont;
-var breakpoints = defaultBreakpoints;
-var layout = defaultLayout;
-var themes = {
-  type: 'dark',
-  font: font,
-  layout: layout,
-  palette: palette,
-  breakpoints: breakpoints,
-  expressiveness: expressiveness
-};
-
-var isObject = function isObject(target) {
-  return target && _typeof(target) === 'object';
-};
-var _deepDuplicable = function deepDuplicable(source, target) {
-  if (!isObject(target) || !isObject(source)) return source;
-  var sourceKeys = Object.keys(source);
-  var result = {};
-  for (var _i = 0, _sourceKeys = sourceKeys; _i < _sourceKeys.length; _i++) {
-    var key = _sourceKeys[_i];
-    var sourceValue = source[key];
-    var targetValue = target[key];
-    if (Array.isArray(sourceValue) && Array.isArray(targetValue)) {
-      result[key] = targetValue.concat(sourceValue);
-    } else if (isObject(sourceValue) && isObject(targetValue)) {
-      result[key] = _deepDuplicable(sourceValue, _objectSpread2({}, targetValue));
-    } else if (targetValue) {
-      result[key] = targetValue;
-    } else {
-      result[key] = sourceValue;
-    }
-  }
-  return result;
-};
-var getPresets = function getPresets() {
-  return [themes$1, themes];
-};
-var getPresetStaticTheme = function getPresetStaticTheme() {
-  return themes$1;
-};
-var isAvailableThemeType = function isAvailableThemeType(type) {
-  if (!type) return false;
-  var presetThemes = getPresets();
-  var hasType = presetThemes.find(function (theme) {
-    return theme.type === type;
-  });
-  return !hasType;
-};
-var isPresetTheme = function isPresetTheme(themeOrType) {
-  if (!themeOrType) return false;
-  var isType = typeof themeOrType === 'string';
-  var type = isType ? themeOrType : themeOrType.type;
-  return !isAvailableThemeType(type);
-};
-var hasUserCustomTheme = function hasUserCustomTheme() {
-  var themes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return !!themes.find(function (item) {
-    return isAvailableThemeType(item.type);
-  });
-};
-var create = function create(base, custom) {
-  if (!isAvailableThemeType(custom.type)) {
-    throw new Error('Duplicate or unavailable theme type');
-  }
-  return _deepDuplicable(base, custom);
-};
-var createFromDark = function createFromDark(custom) {
-  return create(themes, custom);
-};
-var createFromLight = function createFromLight(custom) {
-  return create(themes$1, custom);
-};
-var Themes = {
-  isPresetTheme: isPresetTheme,
-  isAvailableThemeType: isAvailableThemeType,
-  hasUserCustomTheme: hasUserCustomTheme,
-  getPresets: getPresets,
-  getPresetStaticTheme: getPresetStaticTheme,
-  create: create,
-  createFromDark: createFromDark,
-  createFromLight: createFromLight
-};
-
-/* "use client" */
-
-var defaultTheme = Themes.getPresetStaticTheme();
-var ThemeContext = /*#__PURE__*/React.createContext(defaultTheme);
-var useTheme = function useTheme() {
-  return React.useContext(ThemeContext);
-};
-
-var tuple = function tuple() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-  return args;
-};
-tuple('default', 'secondary', 'success', 'warning', 'error', 'abort', 'secondary-light', 'success-light', 'warning-light', 'error-light');
-tuple('default', 'secondary', 'success', 'warning', 'error');
-tuple('default', 'secondary', 'success', 'warning', 'error', 'dark', 'lite');
-tuple('default', 'secondary', 'success', 'warning', 'error', 'dark', 'lite', 'alert', 'purple', 'violet', 'cyan');
-tuple('default', 'silent', 'prevent');
-tuple('hover', 'click');
-tuple('top', 'topStart', 'topEnd', 'left', 'leftStart', 'leftEnd', 'bottom', 'bottomStart', 'bottomEnd', 'right', 'rightStart', 'rightEnd');
-tuple('start', 'center', 'end', 'left', 'right');
-
-tuple('xs', 'sm', 'md', 'lg', 'xl', 'mobile');
-tuple('up', 'down', 'default');
-var defaultResponsiveOptions = {
-  match: 'default'
-};
-var makeQueries = function makeQueries(bp, up, down) {
-  var queryString = function queryString(item) {
-    var upQuery = "(min-width: ".concat(item.min, ")");
-    var downQuery = "(max-width: ".concat(item.max, ")");
-    return up ? upQuery : down ? downQuery : "".concat(upQuery, " and ").concat(downQuery);
-  };
-  var xs = queryString(bp.xs);
-  return {
-    xs: xs,
-    mobile: xs,
-    sm: queryString(bp.sm),
-    md: queryString(bp.md),
-    lg: queryString(bp.lg),
-    xl: queryString(bp.xl)
-  };
-};
-var useMediaQuery = function useMediaQuery(breakpoint) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultResponsiveOptions;
-  var _options$match = options.match,
-    matchType = _options$match === void 0 ? 'default' : _options$match,
-    _options$ssrMatchMedi = options.ssrMatchMedia,
-    ssrMatchMedia = _options$ssrMatchMedi === void 0 ? null : _options$ssrMatchMedi;
-  var supportMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';
-  var theme = useTheme();
-  var mediaQueries = React.useMemo(function () {
-    var up = matchType === 'up';
-    var down = matchType === 'down';
-    return makeQueries(theme.breakpoints, up, down);
-  }, [theme.breakpoints, options]);
-  var query = React.useMemo(function () {
-    return mediaQueries[breakpoint];
-  }, [mediaQueries, breakpoint]);
-  var matchQuery = function matchQuery(q) {
-    return window.matchMedia(q);
-  };
-
-  /**
-   * Do nothing in the server-side rendering.
-   * If server match query fucntion is simulated, return user-defined value first.
-   */
-  var _useState = React.useState(function () {
-      if (supportMedia) return matchQuery(query).matches;
-      if (ssrMatchMedia && typeof ssrMatchMedia === 'function') {
-        return ssrMatchMedia(query).matches;
-      }
-      return false;
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  React.useEffect(function () {
-    if (!supportMedia) return;
-    var queryList = matchQuery(query);
-    var update = function update() {
-      return setState(matchQuery(query).matches);
-    };
-    update();
-
-    /**
-     * addListener is deprecated. EventTarget.addEventListener is recommended.
-     * But in some old browsers, MediaQueryList does not inherit from EventTarget.
-     */
-    queryList.addListener(update);
-    return function () {
-      queryList.removeListener(update);
-    };
-  }, [supportMedia]);
-  return state;
-};
-
-exports.default = useMediaQuery;

package/dist/use-media-query/use-media-query.d.ts

@@ -1,12 +0,0 @@
-declare const breakpoints: ["xs", "sm", "md", "lg", "xl", "mobile"];
-export type ResponsiveBreakpoint = typeof breakpoints[number];
-declare const matchType: ["up", "down", "default"];
-export type ResponsiveMatchType = typeof matchType[number];
-export type ResponsiveOptions = {
-    match?: ResponsiveMatchType;
-    ssrMatchMedia?: (query: string) => {
-        matches: boolean;
-    };
-};
-declare const useMediaQuery: (breakpoint: ResponsiveBreakpoint, options?: ResponsiveOptions) => boolean;
-export default useMediaQuery;

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

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