@helpdice/ui 2.1.9 → 2.2.3

package/dist/auto-complete/index.js

@@ -2734,7 +2734,7 @@ function PhoneInput(_ref) {
     height: "20",
     src: "https://flagcdn.com/w20/".concat(selectedCountry.code.toLowerCase(), ".png"),
     srcSet: "https://flagcdn.com/w40/".concat(selectedCountry.code.toLowerCase(), ".png 2x"),
-    alt: "Flag of ".concat(selectedCountry.label),
+    alt: "".concat(selectedCountry.label, " Flag"),
     className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
   }), /*#__PURE__*/React.createElement("span", {
     className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
@@ -2782,7 +2782,7 @@ function PhoneInput(_ref) {
       height: "23",
       src: "https://flagcdn.com/w20/".concat(c.code.toLowerCase(), ".png"),
       srcSet: "https://flagcdn.com/w40/".concat(c.code.toLowerCase(), ".png 2x"),
-      alt: "Flag of ".concat(c.label),
+      alt: "".concat(c.label, " Flag"),
       className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
     }), c.phone, " ", /*#__PURE__*/React.createElement("span", {
       style: {

package/dist/carousal/index.d.ts

@@ -1,3 +1,4 @@
-export { default as Carousel } from './component';
+import Carousel from './component';
 export type { CarouselProps } from './component/types';
 export { default as Thumbs } from './component/Thumbs';
+export default Carousel;

package/dist/carousal/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var require$$0 = require('react-is');
 var theme = require('@helpdice/theme');
@@ -4175,5 +4177,5 @@ _defineProperty(Carousel, "defaultProps", {
   stopSwipingHandler: slideStopSwipingHandler
 });
 
-exports.Carousel = Carousel;
 exports.Thumbs = Thumbs;
+exports.default = Carousel;

package/dist/container/box.d.ts

@@ -1,12 +1,19 @@
+import React from "react";
 declare const wrap: ["nowrap", "wrap", "wrap-reverse"];
 export type Wrap = typeof wrap[number];
-type ContainerProps = {
+type Props = {
     gap?: number;
+    direction?: string;
     children?: React.ReactNode;
+    justify?: string;
+    alignItems?: string;
+    alignContent?: string;
     wrap?: Wrap;
     className?: string;
 };
-declare const _default: import("react").ForwardRefExoticComponent<ContainerProps & {
+type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
+export type ContainerProps = Props & NativeAttrs;
+declare const _default: React.ForwardRefExoticComponent<Props & NativeAttrs & {
     width?: string | number;
     height?: string | number;
     padding?: string | number;
@@ -38,5 +45,5 @@ declare const _default: import("react").ForwardRefExoticComponent<ContainerProps
     scale?: number;
     children?: any;
     className?: string;
-} & import("react").InputHTMLAttributes<any> & import("react").RefAttributes<unknown>>;
+} & React.InputHTMLAttributes<any> & React.RefAttributes<unknown>>;
 export default _default;

package/dist/container/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React$1 = require('react');
+var React = require('react');
 var theme = require('@helpdice/theme');
 
 function _arrayLikeToArray(r, a) {
@@ -106,11 +106,11 @@ var hasRequiredIndex;
 function requireIndex () {
 	if (hasRequiredIndex) return index;
 	hasRequiredIndex = 1;
-	var React = React$1;
+	var React$1 = React;
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-	var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+	var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
 
 	/*
 	Based on Glamor's sheet
@@ -546,15 +546,15 @@ function requireIndex () {
 	        throw new Error("StyleSheetRegistry: " + message + ".");
 	    }
 	}
-	var StyleSheetContext = /*#__PURE__*/ React.createContext(null);
+	var StyleSheetContext = /*#__PURE__*/ React$1.createContext(null);
 	StyleSheetContext.displayName = "StyleSheetContext";
 	function createStyleRegistry() {
 	    return new StyleSheetRegistry();
 	}
 	function StyleRegistry(param) {
 	    var configuredRegistry = param.registry, children = param.children;
-	    var rootRegistry = React.useContext(StyleSheetContext);
-	    var ref = React.useState(function() {
+	    var rootRegistry = React$1.useContext(StyleSheetContext);
+	    var ref = React$1.useState(function() {
 	        return rootRegistry || configuredRegistry || createStyleRegistry();
 	    }), registry = ref[0];
 	    return /*#__PURE__*/ React__default["default"].createElement(StyleSheetContext.Provider, {
@@ -562,16 +562,16 @@ function requireIndex () {
 	    }, children);
 	}
 	function useStyleRegistry() {
-	    return React.useContext(StyleSheetContext);
+	    return React$1.useContext(StyleSheetContext);
 	}
 
 	// Opt-into the new `useInsertionEffect` API in React 18, fallback to `useLayoutEffect`.
 	// https://github.com/reactwg/react-18/discussions/110
-	var useInsertionEffect = React__default["default"].useInsertionEffect || React.useLayoutEffect;
+	var useInsertionEffect = React__default["default"].useInsertionEffect || React$1.useLayoutEffect;
 	var defaultRegistry = typeof window !== "undefined" ? createStyleRegistry() : undefined;
 	function JSXStyle(props) {
 	    var registry = defaultRegistry ? defaultRegistry : useStyleRegistry();
-	    var insertionEffectCalled = React.useRef(false);
+	    var insertionEffectCalled = React$1.useRef(false);
 	    // `registry` might not exist while server-side rendering
 	    if (!registry) {
 	        return null;
@@ -595,7 +595,7 @@ function requireIndex () {
 	        props.id,
 	        String(props.dynamic)
 	    ]);
-	    React.useLayoutEffect(function() {
+	    React$1.useLayoutEffect(function() {
 	        if (!document.head || insertionEffectCalled.current) {
 	            return;
 	        }
@@ -670,9 +670,9 @@ var defaultContext = {
   },
   unit: '16px'
 };
-var ScaleContext = /*#__PURE__*/React$1.createContext(defaultContext);
+var ScaleContext = /*#__PURE__*/React.createContext(defaultContext);
 var useScale = function useScale() {
-  return React$1.useContext(ScaleContext);
+  return React.useContext(ScaleContext);
 };
 
 /* "use client" */
@@ -734,7 +734,7 @@ var reduceScaleCoefficient = function reduceScaleCoefficient(scale) {
   return scale > 1 ? 1 + diff : 1 - diff;
 };
 var withScale = function withScale(Render) {
-  var ScaleFC = /*#__PURE__*/React$1.forwardRef(function (_ref, ref) {
+  var ScaleFC = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref0, _ref1, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _ref27, _ref28, _ref29, _ref30, _ref31;
     var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded$2);
@@ -810,9 +810,9 @@ var withScale = function withScale(Render) {
       getScaleProps: generateGetScaleProps(props),
       getAllScaleProps: generateGetAllScaleProps(props)
     };
-    return /*#__PURE__*/React$1.createElement(ScaleContext.Provider, {
+    return /*#__PURE__*/React.createElement(ScaleContext.Provider, {
       value: value
-    }, /*#__PURE__*/React$1.createElement(Render, _extends({}, props, {
+    }, /*#__PURE__*/React.createElement(Render, _extends({}, props, {
       ref: ref
     }), children));
   });
@@ -862,7 +862,7 @@ var GridBasicItem = function GridBasicItem(_ref) {
   var theme$1 = theme.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
-  var classes = React$1.useMemo(function () {
+  var classes = React.useMemo(function () {
     var aligns = {
       justify: justify,
       direction: direction,
@@ -880,7 +880,7 @@ var GridBasicItem = function GridBasicItem(_ref) {
     }, '');
     return classString.trim();
   }, [justify, direction, alignItems, alignContent, xs, sm, md, lg, xl]);
-  var layout = React$1.useMemo(function () {
+  var layout = React.useMemo(function () {
     return {
       xs: getItemLayout(xs),
       sm: getItemLayout(sm),
@@ -889,9 +889,9 @@ var GridBasicItem = function GridBasicItem(_ref) {
       xl: getItemLayout(xl)
     };
   }, [xs, sm, md, lg, xl]);
-  return /*#__PURE__*/React$1.createElement("div", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
     className: _JSXStyle.dynamic([["568430467", [SCALES.font(1, 'inherit'), SCALES.height(1, 'auto'), justify, direction, alignContent, alignItems, layout.xs.grow, layout.xs.width, layout.xs.basis, layout.xs.display, theme$1.breakpoints.sm.min, layout.sm.grow, layout.sm.width, layout.sm.basis, layout.sm.display, theme$1.breakpoints.md.min, layout.md.grow, layout.md.width, layout.md.basis, layout.md.display, theme$1.breakpoints.lg.min, layout.lg.grow, layout.lg.width, layout.lg.basis, layout.lg.display, theme$1.breakpoints.xl.min, layout.xl.grow, layout.xl.width, layout.xl.basis, layout.xl.display]]]) + " " + (props && props.className != null && props.className || theme.useClasses('item', classes, className) || "")
-  }), children, /*#__PURE__*/React$1.createElement(_JSXStyle, {
+  }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "568430467",
     dynamic: [SCALES.font(1, 'inherit'), SCALES.height(1, 'auto'), justify, direction, alignContent, alignItems, layout.xs.grow, layout.xs.width, layout.xs.basis, layout.xs.display, theme$1.breakpoints.sm.min, layout.sm.grow, layout.sm.width, layout.sm.basis, layout.sm.display, theme$1.breakpoints.md.min, layout.md.grow, layout.md.width, layout.md.basis, layout.md.display, theme$1.breakpoints.lg.min, layout.lg.grow, layout.lg.width, layout.lg.basis, layout.lg.display, theme$1.breakpoints.xl.min, layout.xl.grow, layout.xl.width, layout.xl.basis, layout.xl.display]
   }, ".item.__jsx-style-dynamic-selector{font-size:".concat(SCALES.font(1, 'inherit'), ";height:").concat(SCALES.height(1, 'auto'), ";}.justify.__jsx-style-dynamic-selector{-webkit-box-pack:").concat(justify, ";-webkit-justify-content:").concat(justify, ";-ms-flex-pack:").concat(justify, ";justify-content:").concat(justify, ";}.direction.__jsx-style-dynamic-selector{-webkit-flex-direction:").concat(direction, ";-ms-flex-direction:").concat(direction, ";flex-direction:").concat(direction, ";}.alignContent.__jsx-style-dynamic-selector{-webkit-align-content:").concat(alignContent, ";-ms-flex-line-pack:").concat(alignContent, ";align-content:").concat(alignContent, ";}.alignItems.__jsx-style-dynamic-selector{-webkit-align-items:").concat(alignItems, ";-webkit-box-align:").concat(alignItems, ";-ms-flex-align:").concat(alignItems, ";align-items:").concat(alignItems, ";}.xs.__jsx-style-dynamic-selector{-webkit-box-flex:").concat(layout.xs.grow, ";-webkit-flex-grow:").concat(layout.xs.grow, ";-ms-flex-positive:").concat(layout.xs.grow, ";flex-grow:").concat(layout.xs.grow, ";max-width:").concat(layout.xs.width, ";-webkit-flex-basis:").concat(layout.xs.basis, ";-ms-flex-preferred-size:").concat(layout.xs.basis, ";flex-basis:").concat(layout.xs.basis, ";").concat(layout.xs.display, ";}@media only screen and (min-width:").concat(theme$1.breakpoints.sm.min, "){.sm.__jsx-style-dynamic-selector{-webkit-box-flex:").concat(layout.sm.grow, ";-webkit-flex-grow:").concat(layout.sm.grow, ";-ms-flex-positive:").concat(layout.sm.grow, ";flex-grow:").concat(layout.sm.grow, ";max-width:").concat(layout.sm.width, ";-webkit-flex-basis:").concat(layout.sm.basis, ";-ms-flex-preferred-size:").concat(layout.sm.basis, ";flex-basis:").concat(layout.sm.basis, ";").concat(layout.sm.display, ";}}@media only screen and (min-width:").concat(theme$1.breakpoints.md.min, "){.md.__jsx-style-dynamic-selector{-webkit-box-flex:").concat(layout.md.grow, ";-webkit-flex-grow:").concat(layout.md.grow, ";-ms-flex-positive:").concat(layout.md.grow, ";flex-grow:").concat(layout.md.grow, ";max-width:").concat(layout.md.width, ";-webkit-flex-basis:").concat(layout.md.basis, ";-ms-flex-preferred-size:").concat(layout.md.basis, ";flex-basis:").concat(layout.md.basis, ";").concat(layout.md.display, ";}}@media only screen and (min-width:").concat(theme$1.breakpoints.lg.min, "){.lg.__jsx-style-dynamic-selector{-webkit-box-flex:").concat(layout.lg.grow, ";-webkit-flex-grow:").concat(layout.lg.grow, ";-ms-flex-positive:").concat(layout.lg.grow, ";flex-grow:").concat(layout.lg.grow, ";max-width:").concat(layout.lg.width, ";-webkit-flex-basis:").concat(layout.lg.basis, ";-ms-flex-preferred-size:").concat(layout.lg.basis, ";flex-basis:").concat(layout.lg.basis, ";").concat(layout.lg.display, ";}}@media only screen and (min-width:").concat(theme$1.breakpoints.xl.min, "){.xl.__jsx-style-dynamic-selector{-webkit-box-flex:").concat(layout.xl.grow, ";-webkit-flex-grow:").concat(layout.xl.grow, ";-ms-flex-positive:").concat(layout.xl.grow, ";flex-grow:").concat(layout.xl.grow, ";max-width:").concat(layout.xl.width, ";-webkit-flex-basis:").concat(layout.xl.basis, ";-ms-flex-preferred-size:").concat(layout.xl.basis, ";flex-basis:").concat(layout.xl.basis, ";").concat(layout.xl.display, ";}}")));
@@ -913,27 +913,31 @@ tuple('hover', 'click');
 tuple('top', 'topStart', 'topEnd', 'left', 'leftStart', 'leftEnd', 'bottom', 'bottomStart', 'bottomEnd', 'right', 'rightStart', 'rightEnd');
 tuple('start', 'center', 'end', 'left', 'right');
 
-var _excluded = ["gap", "children", "className"];
+var _excluded = ["gap", "children", "direction", "justify", "alignItems", "alignContent", "className"];
 var wrap = tuple('nowrap', 'wrap', 'wrap-reverse');
 var Container = function Container(_ref) {
   var _ref$gap = _ref.gap,
     gap = _ref$gap === void 0 ? 0 : _ref$gap,
     children = _ref.children,
+    direction = _ref.direction,
+    justify = _ref.justify,
+    alignItems = _ref.alignItems,
+    alignContent = _ref.alignContent,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useScale = useScale(),
     unit = _useScale.unit,
     SCALES = _useScale.SCALES;
-  var gapUnit = React$1.useMemo(function () {
+  var gapUnit = React.useMemo(function () {
     return "calc(".concat(gap, " * ").concat(unit, " * 1/3)");
   }, [gap, unit]);
   var _styles$className = {
       styles: /*#__PURE__*/React.createElement(_JSXStyle, {
-        id: "2955470113",
-        dynamic: [gapUnit, wrap, SCALES.width(1, 'var(--container-width)')]
-      }, "div.__jsx-style-dynamic-selector{--gap-unit:".concat(gapUnit, ";--container-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:").concat(wrap, ";-ms-flex-wrap:").concat(wrap, ";flex-wrap:").concat(wrap, ";box-sizing:border-box;gap:var(--gap-unit);width:").concat(SCALES.width(1, 'var(--container-width)'), ";}")),
-      className: _JSXStyle.dynamic([["2955470113", [gapUnit, wrap, SCALES.width(1, 'var(--container-width)')]]])
+        id: "4110955330",
+        dynamic: [gapUnit, direction, wrap, justify, alignContent, alignItems, SCALES.width(1, 'var(--container-width)'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
+      }, "div.__jsx-style-dynamic-selector{--gap-unit:".concat(gapUnit, ";--container-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:").concat(direction, ";-ms-flex-direction:").concat(direction, ";flex-direction:").concat(direction, ";-webkit-flex-wrap:").concat(wrap, ";-ms-flex-wrap:").concat(wrap, ";flex-wrap:").concat(wrap, ";-webkit-box-pack:").concat(justify, ";-webkit-justify-content:").concat(justify, ";-ms-flex-pack:").concat(justify, ";justify-content:").concat(justify, ";-webkit-align-content:").concat(alignContent, ";-ms-flex-line-pack:").concat(alignContent, ";align-content:").concat(alignContent, ";-webkit-align-items:").concat(alignItems, ";-webkit-box-align:").concat(alignItems, ";-ms-flex-align:").concat(alignItems, ";align-items:").concat(alignItems, ";box-sizing:border-box;gap:var(--gap-unit);width:").concat(SCALES.width(1, 'var(--container-width)'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}")),
+      className: _JSXStyle.dynamic([["4110955330", [gapUnit, direction, wrap, justify, alignContent, alignItems, SCALES.width(1, 'var(--container-width)'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
     },
     resolveClassName = _styles$className.className,
     styles = _styles$className.styles;

package/dist/copy-to-clipboard/clipboard.d.ts

@@ -1,14 +1,16 @@
 import React from 'react';
-type ClipboardProps = {
+type Props = {
     showIcon: boolean;
     text: string;
     children: React.ReactNode;
-    onCopy: (text: string, result: any) => void;
-    options: {
+    onCopy?: (text: string, result: any) => void;
+    options?: {
         debug: boolean;
         message: string;
         format: string;
     };
 };
+type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
+export type ClipboardProps = Props & NativeAttrs;
 export default function Clipboard(props: ClipboardProps): React.JSX.Element;
 export {};

package/dist/index.d.ts

@@ -123,7 +123,7 @@ export { default as Skeleton } from './skeleton';
 export * from './login-with';
 export { default as Swipe } from './swipe';
 export type { SwipeProps } from './swipe';
-export { Carousel } from './carousal';
+export { default as Carousel } from './carousal';
 export type { CarouselProps } from './carousal';
 export type { CurrencyInputProps, CurrencyInputOnChangeValues } from './input/currency-input';
 export { default as useToasts } from './use-toasts';