@helpdice/ui 1.6.8 → 1.7.0

package/esm/form/FormWrapper.js

@@ -228,12 +228,12 @@ export function useFormik(_ref) {
   var runAllValidations = React.useCallback(/*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
       var _yield$Promise$all, _yield$Promise$all2, fieldErrors, schemaErrors, validateErrors, combinedErrors;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            _context.next = 1;
             return Promise.all([runFieldLevelValidations(values), props.validationSchema ? runValidationSchema(values) : {}, props.validate ? runValidateHandler(values) : {}]);
-          case 2:
+          case 1:
             _yield$Promise$all = _context.sent;
             _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 3);
             fieldErrors = _yield$Promise$all2[0];
@@ -243,7 +243,7 @@ export function useFormik(_ref) {
               arrayMerge: arrayMerge
             });
             return _context.abrupt("return", combinedErrors);
-          case 9:
+          case 2:
           case "end":
             return _context.stop();
         }

package/esm/grid/grid-container.d.ts

@@ -59,6 +59,8 @@ declare const GridContainer: React.ForwardRefExoticComponent<Props & import("./b
     unselectable?: "on" | "off" | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
     "aria-activedescendant"?: string | undefined | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -132,7 +134,7 @@ declare const GridContainer: React.ForwardRefExoticComponent<Props & import("./b
     onBlur?: React.FocusEventHandler<any> | undefined;
     onBlurCapture?: React.FocusEventHandler<any> | undefined;
     onChangeCapture?: React.FormEventHandler<any> | undefined;
-    onBeforeInput?: React.FormEventHandler<any> | undefined;
+    onBeforeInput?: React.InputEventHandler<any> | undefined;
     onBeforeInputCapture?: React.FormEventHandler<any> | undefined;
     onInput?: React.FormEventHandler<any> | undefined;
     onInputCapture?: React.FormEventHandler<any> | undefined;
@@ -182,8 +184,6 @@ declare const GridContainer: React.ForwardRefExoticComponent<Props & import("./b
     onProgressCapture?: React.ReactEventHandler<any> | undefined;
     onRateChange?: React.ReactEventHandler<any> | undefined;
     onRateChangeCapture?: React.ReactEventHandler<any> | undefined;
-    onResize?: React.ReactEventHandler<any> | undefined;
-    onResizeCapture?: React.ReactEventHandler<any> | undefined;
     onSeeked?: React.ReactEventHandler<any> | undefined;
     onSeekedCapture?: React.ReactEventHandler<any> | undefined;
     onSeeking?: React.ReactEventHandler<any> | undefined;

package/esm/grid/grid.d.ts

@@ -56,6 +56,8 @@ declare const Grid: React.ForwardRefExoticComponent<Props & import("./basic-item
     unselectable?: "on" | "off" | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
     "aria-activedescendant"?: string | undefined | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -129,7 +131,7 @@ declare const Grid: React.ForwardRefExoticComponent<Props & import("./basic-item
     onBlur?: React.FocusEventHandler<any> | undefined;
     onBlurCapture?: React.FocusEventHandler<any> | undefined;
     onChangeCapture?: React.FormEventHandler<any> | undefined;
-    onBeforeInput?: React.FormEventHandler<any> | undefined;
+    onBeforeInput?: React.InputEventHandler<any> | undefined;
     onBeforeInputCapture?: React.FormEventHandler<any> | undefined;
     onInput?: React.FormEventHandler<any> | undefined;
     onInputCapture?: React.FormEventHandler<any> | undefined;
@@ -179,8 +181,6 @@ declare const Grid: React.ForwardRefExoticComponent<Props & import("./basic-item
     onProgressCapture?: React.ReactEventHandler<any> | undefined;
     onRateChange?: React.ReactEventHandler<any> | undefined;
     onRateChangeCapture?: React.ReactEventHandler<any> | undefined;
-    onResize?: React.ReactEventHandler<any> | undefined;
-    onResizeCapture?: React.ReactEventHandler<any> | undefined;
     onSeeked?: React.ReactEventHandler<any> | undefined;
     onSeekedCapture?: React.ReactEventHandler<any> | undefined;
     onSeeking?: React.ReactEventHandler<any> | undefined;

package/esm/index.d.ts

@@ -62,6 +62,8 @@ export { default as Pagination } from './pagination';
 export type { PaginationProps, PaginationNextProps, PaginationPreviousProps, } from './pagination';
 export { default as Popover } from './popover';
 export type { PopoverProps, PopoverItemProps } from './popover';
+export { default as List } from './list';
+export { default as Menu } from './menu';
 export { default as Progress } from './progress';
 export type { ProgressProps } from './progress';
 export { default as Radio } from './radio';
@@ -78,7 +80,7 @@ export { default as Spacer } from './spacer';
 export type { SpacerProps } from './spacer';
 export { default as Spinner } from './spinner';
 export type { SpinnerProps } from './spinner';
-export { default as Table, DataTable } from './table';
+export { default as Table } from './table';
 export type { TableProps, TableColumnProps } from './table';
 export { default as Tabs } from './tabs';
 export type { TabsProps } from './tabs';
@@ -126,7 +128,6 @@ export { useRect } from './utils/layouts';
 export type { ReactiveDomReact } from './utils/layouts';
 export { default as Highlight } from './shared/highlight';
 export type { HighlightProps } from './shared/highlight';
+export { default as CodeBlock } from './code-block';
 export { default as Skeleton } from './skeleton';
-export { CartProvider, useCart, createCartIdentifier } from './cart';
-export type { CartProviderState } from './cart';
 export * from './login-with';

package/esm/index.js

@@ -38,6 +38,8 @@ export { default as Note } from './note';
 export { default as Page } from './page';
 export { default as Pagination } from './pagination';
 export { default as Popover } from './popover';
+export { default as List } from './list';
+export { default as Menu } from './menu';
 export { default as Progress } from './progress';
 export { default as Radio } from './radio';
 export { default as Rating } from './rating';
@@ -46,7 +48,7 @@ export { default as Slider } from './slider';
 export { default as Snippet } from './snippet';
 export { default as Spacer } from './spacer';
 export { default as Spinner } from './spinner';
-export { default as Table, DataTable } from './table';
+export { default as Table } from './table';
 export { default as Tabs } from './tabs';
 export { default as Tag } from './tag';
 export { default as Text } from './text';
@@ -75,10 +77,8 @@ export { default as useScale } from './use-scale';
 export { withScale, ScalePropKeys, ScaleContext } from './use-scale';
 export { useRect } from './utils/layouts';
 export { default as Highlight } from './shared/highlight';
-// export { default as CodeBlock } from './code-block'
+export { default as CodeBlock } from './code-block';
 export { default as Skeleton } from './skeleton';
 
-// Cart 
-export { CartProvider, useCart, createCartIdentifier } from './cart';
 // Social Logins
 export * from './login-with';

package/esm/input/input-block-label.js

@@ -11,6 +11,6 @@ var InputBlockLabelComponent = function InputBlockLabelComponent(_ref) {
     dynamic: [theme.palette.accents_6]
   }, "label.__jsx-style-dynamic-selector{display:block;font-weight:normal;color:".concat(theme.palette.accents_6, ";padding:0 0 0 1px;margin-bottom:0.5em;font-size:1em;line-height:1.5;}label.__jsx-style-dynamic-selector>*:first-child{margin-top:0;}label.__jsx-style-dynamic-selector>*:last-child{margin-bottom:0;}")));
 };
-InputBlockLabelComponent.displayName = 'GeistInputBlockLabel';
+InputBlockLabelComponent.displayName = 'InputBlockLabel';
 var InputBlockLabel = /*#__PURE__*/React.memo(InputBlockLabelComponent);
 export default InputBlockLabel;

package/esm/input/input-icon.js

@@ -13,6 +13,6 @@ var InputIconComponent = function InputIconComponent(_ref) {
     dynamic: [clickable ? 'pointer' : 'default', clickable ? 'auto' : 'none']
   }, ".input-icon.__jsx-style-dynamic-selector{box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:calc(var(--input-height) - 2px);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;line-height:1;position:relative;cursor:".concat(clickable ? 'pointer' : 'default', ";pointer-events:").concat(clickable ? 'auto' : 'none', ";}.input-icon.__jsx-style-dynamic-selector svg{width:calc(var(--input-height) - 2px);height:calc(var(--input-height) - 2px);-webkit-transform:scale(0.44);-ms-transform:scale(0.44);transform:scale(0.44);}")));
 };
-InputIconComponent.displayName = 'GeistInputIcon';
+InputIconComponent.displayName = 'InputIcon';
 var InputIcon = /*#__PURE__*/React.memo(InputIconComponent);
 export default InputIcon;

package/esm/input/input.js

@@ -62,7 +62,8 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var inputRef = useRef(null);
   useImperativeHandle(ref, function () {
     return inputRef.current;
-  });
+  }); // Changed with !
+
   var _useState = useState(initialValue),
     _useState2 = _slicedToArray(_useState, 2),
     selfValue = _useState2[0],

package/esm/input/password.js

@@ -21,7 +21,8 @@ var InputPasswordComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     setVisible = _useState2[1];
   useImperativeHandle(ref, function () {
     return inputRef.current;
-  });
+  }); // Changed with !
+
   var iconClickHandler = function iconClickHandler() {
     setVisible(function (v) {
       return !v;

package/esm/link/icon.js

@@ -25,6 +25,6 @@ export var LinkIconComponent = function LinkIconComponent() {
     id: "3409194595"
   }, ".icon.jsx-3409194595{margin:0 0 -1px 0.1875em;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;color:currentColor;}"));
 };
-LinkIconComponent.displayName = 'GeistLinkIcon';
+LinkIconComponent.displayName = 'LinkIcon';
 var LinkIcon = /*#__PURE__*/React.memo(LinkIconComponent);
 export default LinkIcon;

package/esm/link/link.js

@@ -1,9 +1,9 @@
-"use client";
-
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["href", "showColor", "underline", "children", "className", "block", "icon"];
 import _JSXStyle from "../styled-jsx.es.js";
+// "use client"
+
 import React from 'react';
 import useTheme from '../use-theme';
 import LinkIcon from './icon';

package/esm/list/index.d.ts

@@ -0,0 +1,9 @@
+import List from './list';
+import ListItem from './list-item';
+export type ListComponentType = typeof List & {
+    Item: typeof ListItem;
+    Option: typeof ListItem;
+};
+export type { ListItemProps } from './list-item';
+declare const _default: ListComponentType;
+export default _default;

package/esm/list/index.js

@@ -0,0 +1,8 @@
+import List from './list';
+import ListItem from './list-item';
+List.Item = ListItem;
+List.Option = ListItem;
+
+// export type { PopoverProps, PopoverTriggerTypes, PopoverPlacement } from './list'
+
+export default List;

package/esm/list/list-item.d.ts

@@ -0,0 +1,53 @@
+import React from 'react';
+interface Props {
+    line?: boolean;
+    direction?: string;
+    justify?: string;
+    alignItems?: string;
+    leading?: React.ReactNode;
+    primary?: string;
+    secondary?: string;
+    trailing?: React.ReactNode;
+    showTitle?: boolean;
+    disableAutoClose?: boolean;
+    selected?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+}
+type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
+export type ListItemProps = Props & NativeAttrs;
+declare const ListItem: React.ForwardRefExoticComponent<Props & NativeAttrs & {
+    children?: React.ReactNode | undefined;
+} & {
+    width?: string | number;
+    height?: string | number;
+    padding?: string | number;
+    margin?: string | number;
+    w?: string | number;
+    h?: string | number;
+    paddingLeft?: string | number;
+    paddingRight?: string | number;
+    paddingTop?: string | number;
+    paddingBottom?: string | number;
+    pl?: string | number;
+    pr?: string | number;
+    pt?: string | number;
+    pb?: string | number;
+    marginLeft?: string | number;
+    marginRight?: string | number;
+    marginTop?: string | number;
+    marginBottom?: string | number;
+    ml?: string | number;
+    mr?: string | number;
+    mt?: string | number;
+    mb?: string | number;
+    px?: string | number;
+    py?: string | number;
+    mx?: string | number;
+    my?: string | number;
+    font?: string | number;
+    unit?: string;
+    scale?: number;
+    children?: any;
+    className?: string;
+} & React.InputHTMLAttributes<any> & React.RefAttributes<unknown>>;
+export default ListItem;

package/esm/list/list-item.js

@@ -0,0 +1,84 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "direction", "justify", "alignItems", "line", "showTitle", "className", "onClick", "leading", "primary", "secondary", "trailing", "selected", "disableAutoClose"];
+import _JSXStyle from "../styled-jsx.es.js";
+import React from 'react';
+import useTheme from '../use-theme';
+import useScale, { withScale } from '../use-scale';
+import useClasses from '../use-classes';
+var ListItemComponent = function ListItemComponent(_ref) {
+  var children = _ref.children,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'row' : _ref$direction,
+    _ref$justify = _ref.justify,
+    justify = _ref$justify === void 0 ? 'flex-start' : _ref$justify,
+    _ref$alignItems = _ref.alignItems,
+    alignItems = _ref$alignItems === void 0 ? 'center' : _ref$alignItems,
+    _ref$line = _ref.line,
+    line = _ref$line === void 0 ? false : _ref$line,
+    _ref$showTitle = _ref.showTitle,
+    showTitle = _ref$showTitle === void 0 ? false : _ref$showTitle,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    leading = _ref.leading,
+    primary = _ref.primary,
+    secondary = _ref.secondary,
+    trailing = _ref.trailing,
+    _ref$selected = _ref.selected,
+    selected = _ref$selected === void 0 ? false : _ref$selected,
+    _ref$disableAutoClose = _ref.disableAutoClose,
+    disableAutoClose = _ref$disableAutoClose === void 0 ? false : _ref$disableAutoClose,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var theme = useTheme();
+  var _useScale = useScale(),
+    SCALES = _useScale.SCALES;
+  //   const { disableItemsAutoClose, onItemClick } = usePopoverContext()
+  var hasHandler = Boolean(onClick);
+  //   const dontCloseByClick = disableAutoClose || disableItemsAutoClose || showTitle || line
+  var classes = useClasses('item', {
+    line: line,
+    showTitle: showTitle
+  }, className);
+  var clickHandler = function clickHandler(event) {
+    onClick && onClick(event);
+    // if (dontCloseByClick) {
+    //   return event.stopPropagation()
+    // }
+    // onItemClick(event)
+  };
+  return /*#__PURE__*/React.createElement("li", {
+    style: {
+      all: 'unset',
+      listStyle: 'none'
+    }
+  }, /*#__PURE__*/React.createElement("div", _extends({
+    style: {
+      backgroundColor: selected ? '#efefef' : ''
+    },
+    onClick: clickHandler
+  }, props, {
+    className: _JSXStyle.dynamic([["937997701", [direction, justify, alignItems, theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.5), SCALES.pr(0.75), SCALES.pb(0.5), SCALES.pl(0.75), hasHandler ? 'pointer' : 'default', theme.palette.foreground, theme.palette.border, SCALES.height(0.0625), SCALES.mt(0.35), SCALES.mr(0), SCALES.mb(0.35), SCALES.ml(0), SCALES.width(1, '100%'), SCALES.font(0.925), theme.palette.foreground]]]) + " " + (props && props.className != null && props.className || classes || "")
+  }), children ? children : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["937997701", [direction, justify, alignItems, theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.5), SCALES.pr(0.75), SCALES.pb(0.5), SCALES.pl(0.75), hasHandler ? 'pointer' : 'default', theme.palette.foreground, theme.palette.border, SCALES.height(0.0625), SCALES.mt(0.35), SCALES.mr(0), SCALES.mb(0.35), SCALES.ml(0), SCALES.width(1, '100%'), SCALES.font(0.925), theme.palette.foreground]]]) + " " + "item-left"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: _JSXStyle.dynamic([["937997701", [direction, justify, alignItems, theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.5), SCALES.pr(0.75), SCALES.pb(0.5), SCALES.pl(0.75), hasHandler ? 'pointer' : 'default', theme.palette.foreground, theme.palette.border, SCALES.height(0.0625), SCALES.mt(0.35), SCALES.mr(0), SCALES.mb(0.35), SCALES.ml(0), SCALES.width(1, '100%'), SCALES.font(0.925), theme.palette.foreground]]])
+  }, leading), /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["937997701", [direction, justify, alignItems, theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.5), SCALES.pr(0.75), SCALES.pb(0.5), SCALES.pl(0.75), hasHandler ? 'pointer' : 'default', theme.palette.foreground, theme.palette.border, SCALES.height(0.0625), SCALES.mt(0.35), SCALES.mr(0), SCALES.mb(0.35), SCALES.ml(0), SCALES.width(1, '100%'), SCALES.font(0.925), theme.palette.foreground]]]) + " " + "item-description"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: _JSXStyle.dynamic([["937997701", [direction, justify, alignItems, theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.5), SCALES.pr(0.75), SCALES.pb(0.5), SCALES.pl(0.75), hasHandler ? 'pointer' : 'default', theme.palette.foreground, theme.palette.border, SCALES.height(0.0625), SCALES.mt(0.35), SCALES.mr(0), SCALES.mb(0.35), SCALES.ml(0), SCALES.width(1, '100%'), SCALES.font(0.925), theme.palette.foreground]]]) + " " + "item-description-primary"
+  }, primary), secondary && /*#__PURE__*/React.createElement("small", {
+    className: _JSXStyle.dynamic([["937997701", [direction, justify, alignItems, theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.5), SCALES.pr(0.75), SCALES.pb(0.5), SCALES.pl(0.75), hasHandler ? 'pointer' : 'default', theme.palette.foreground, theme.palette.border, SCALES.height(0.0625), SCALES.mt(0.35), SCALES.mr(0), SCALES.mb(0.35), SCALES.ml(0), SCALES.width(1, '100%'), SCALES.font(0.925), theme.palette.foreground]]]) + " " + "item-description-secondary"
+  }, secondary))), /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["937997701", [direction, justify, alignItems, theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.5), SCALES.pr(0.75), SCALES.pb(0.5), SCALES.pl(0.75), hasHandler ? 'pointer' : 'default', theme.palette.foreground, theme.palette.border, SCALES.height(0.0625), SCALES.mt(0.35), SCALES.mr(0), SCALES.mb(0.35), SCALES.ml(0), SCALES.width(1, '100%'), SCALES.font(0.925), theme.palette.foreground]]]) + " " + "item-right"
+  }, trailing)), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "937997701",
+    dynamic: [direction, justify, alignItems, theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.5), SCALES.pr(0.75), SCALES.pb(0.5), SCALES.pl(0.75), hasHandler ? 'pointer' : 'default', theme.palette.foreground, theme.palette.border, SCALES.height(0.0625), SCALES.mt(0.35), SCALES.mr(0), SCALES.mb(0.35), SCALES.ml(0), SCALES.width(1, '100%'), SCALES.font(0.925), theme.palette.foreground]
+  }, ".item.__jsx-style-dynamic-selector{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, ";box-sizing:border-box;-webkit-box-pack:").concat(justify, ";-webkit-justify-content:").concat(justify, ";-ms-flex-pack:").concat(justify, ";justify-content:").concat(justify, ";-webkit-align-items:").concat(alignItems, ";-webkit-box-align:").concat(alignItems, ";-ms-flex-align:").concat(alignItems, ";align-items:").concat(alignItems, ";color:").concat(theme.palette.accents_5, ";-webkit-transition:color,background-color 150ms linear;transition:color,background-color 150ms linear;line-height:1.25em;font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";padding:").concat(SCALES.pt(0.5), " ").concat(SCALES.pr(0.75), " ").concat(SCALES.pb(0.5), " ").concat(SCALES.pl(0.75), ";cursor:").concat(hasHandler ? 'pointer' : 'default', ";}.item-description.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:5px;}.item-description-primary.__jsx-style-dynamic-selector{margin:0;}.item-description-secondary.__jsx-style-dynamic-selector{margin:0;}.item-left.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.7rem;}.item.__jsx-style-dynamic-selector:hover{color:").concat(theme.palette.foreground, ";}.item.line.__jsx-style-dynamic-selector{line-height:0;padding:0;background-color:").concat(theme.palette.border, ";height:").concat(SCALES.height(0.0625), ";margin:").concat(SCALES.mt(0.35), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0.35), " ").concat(SCALES.ml(0), ";width:").concat(SCALES.width(1, '100%'), ";}.item.title.__jsx-style-dynamic-selector{font-weight:500;font-size:").concat(SCALES.font(0.925), ";color:").concat(theme.palette.foreground, ";}"))), line && /*#__PURE__*/React.createElement(ListItem, {
+    line: true,
+    showTitle: false
+  }));
+};
+ListItemComponent.displayName = 'ListItem';
+var ListItem = withScale(ListItemComponent);
+export default ListItem;

package/esm/list/list.d.ts

@@ -0,0 +1,44 @@
+import React from "react";
+interface Props {
+    heading?: any;
+    showHeading?: boolean;
+    secondary?: any;
+    className?: string;
+    children?: React.ReactNode;
+}
+type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
+export type ListProps = Props & NativeAttrs;
+declare const List: React.ForwardRefExoticComponent<Props & NativeAttrs & {
+    width?: string | number;
+    height?: string | number;
+    padding?: string | number;
+    margin?: string | number;
+    w?: string | number;
+    h?: string | number;
+    paddingLeft?: string | number;
+    paddingRight?: string | number;
+    paddingTop?: string | number;
+    paddingBottom?: string | number;
+    pl?: string | number;
+    pr?: string | number;
+    pt?: string | number;
+    pb?: string | number;
+    marginLeft?: string | number;
+    marginRight?: string | number;
+    marginTop?: string | number;
+    marginBottom?: string | number;
+    ml?: string | number;
+    mr?: string | number;
+    mt?: string | number;
+    mb?: string | number;
+    px?: string | number;
+    py?: string | number;
+    mx?: string | number;
+    my?: string | number;
+    font?: string | number;
+    unit?: string;
+    scale?: number;
+    children?: any;
+    className?: string;
+} & React.InputHTMLAttributes<any> & React.RefAttributes<unknown>>;
+export default List;

package/esm/list/list.js

@@ -0,0 +1,29 @@
+import _JSXStyle from "../styled-jsx.es.js";
+import React from "react";
+import Description from "../description";
+import useScale, { withScale } from "../use-scale";
+var ListComponent = function ListComponent(_ref) {
+  var heading = _ref.heading,
+    _ref$showHeading = _ref.showHeading,
+    showHeading = _ref$showHeading === void 0 ? true : _ref$showHeading,
+    secondary = _ref.secondary,
+    children = _ref.children;
+  var _useScale = useScale(),
+    SCALES = _useScale.SCALES;
+  return /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["2885341068", [SCALES.pt(0.9), SCALES.pr(0), SCALES.pb(0.9), SCALES.pl(0)]]])
+  }, showHeading && /*#__PURE__*/React.createElement(Description, {
+    mb: 1,
+    mt: 1,
+    title: heading,
+    content: secondary
+  }), /*#__PURE__*/React.createElement("ul", {
+    className: _JSXStyle.dynamic([["2885341068", [SCALES.pt(0.9), SCALES.pr(0), SCALES.pb(0.9), SCALES.pl(0)]]]) + " " + "helpdice-ui-list"
+  }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "2885341068",
+    dynamic: [SCALES.pt(0.9), SCALES.pr(0), SCALES.pb(0.9), SCALES.pl(0)]
+  }, ".helpdice-ui-list.__jsx-style-dynamic-selector{all:unset;padding:".concat(SCALES.pt(0.9), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0.9), " ").concat(SCALES.pl(0), ";}")));
+};
+ListComponent.displayName = 'List';
+var List = withScale(ListComponent);
+export default List;

package/esm/login-with/LoginSocialApple/index.js

@@ -92,45 +92,45 @@ var LoginSocialApple = function LoginSocialApple(_ref) {
     }
   }, [scope, client_id, redirect_uri, insertScript, checkIsExistsSDKScript]);
   var loginApple = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var response;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    var response, _t;
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if (isSdkLoaded) {
-            _context.next = 2;
+            _context.next = 1;
             break;
           }
           return _context.abrupt("return");
-        case 2:
+        case 1:
           if (_window.AppleID) {
-            _context.next = 7;
+            _context.next = 2;
             break;
           }
           load();
           onReject("Apple SDK isn't loaded!");
-          _context.next = 18;
+          _context.next = 6;
           break;
-        case 7:
+        case 2:
           onLoginStart && onLoginStart();
-          _context.prev = 8;
-          _context.next = 11;
+          _context.prev = 3;
+          _context.next = 4;
           return _window.AppleID.auth.signIn();
-        case 11:
+        case 4:
           response = _context.sent;
           handleResponse(response);
-          _context.next = 18;
+          _context.next = 6;
           break;
-        case 15:
-          _context.prev = 15;
-          _context.t0 = _context["catch"](8);
+        case 5:
+          _context.prev = 5;
+          _t = _context["catch"](3);
           onReject({
-            err: _context.t0
+            err: _t
           });
-        case 18:
+        case 6:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[8, 15]]);
+    }, _callee, null, [[3, 5]]);
   })), [handleResponse, isSdkLoaded, load, onLoginStart, onReject]);
   return /*#__PURE__*/React.createElement("div", {
     className: className,

package/esm/login-with/LoginSocialGithub/index.js

@@ -118,12 +118,12 @@ export var LoginSocialGithub = function LoginSocialGithub(_ref) {
   var handlePostMessage = useCallback(/*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
       var type, code, provider;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             type = _ref2.type, code = _ref2.code, provider = _ref2.provider;
             return _context.abrupt("return", type === 'code' && provider === 'github' && code && getAccessToken(code));
-          case 2:
+          case 1:
           case "end":
             return _context.stop();
         }

package/esm/login-with/LoginSocialInstagram/index.js

@@ -100,12 +100,12 @@ export var LoginSocialInstagram = function LoginSocialInstagram(_ref) {
   var handlePostMessage = useCallback(/*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
       var type, code, provider;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             type = _ref2.type, code = _ref2.code, provider = _ref2.provider;
             return _context.abrupt("return", type === 'code' && provider === 'instagram' && code && getAccessToken(code));
-          case 2:
+          case 1:
           case "end":
             return _context.stop();
         }

package/esm/login-with/LoginSocialLinkedin/index.js

@@ -106,12 +106,12 @@ export var LoginSocialLinkedin = function LoginSocialLinkedin(_ref) {
   var handlePostMessage = useCallback(/*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref4) {
       var type, code, provider;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             type = _ref4.type, code = _ref4.code, provider = _ref4.provider;
             return _context.abrupt("return", type === 'code' && provider === 'linkedin' && code && getAccessToken(code));
-          case 2:
+          case 1:
           case "end":
             return _context.stop();
         }

package/esm/login-with/LoginSocialMicrosoft/index.js

@@ -109,12 +109,12 @@ export var LoginSocialMicrosoft = function LoginSocialMicrosoft(_ref) {
   var handlePostMessage = useCallback(/*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
       var type, code, provider;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             type = _ref2.type, code = _ref2.code, provider = _ref2.provider;
             return _context.abrupt("return", type === 'code' && provider === 'microsoft' && code && getAccessToken(code));
-          case 2:
+          case 1:
           case "end":
             return _context.stop();
         }

package/esm/login-with/LoginSocialPinterest/index.js

@@ -63,11 +63,11 @@ export var LoginSocialPinterest = function LoginSocialPinterest(_ref) {
   var getAccessToken = useCallback(/*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(code) {
       var details, formBody, property, encodedKey, encodedValue, data;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!isOnlyGetCode) {
-              _context.next = 4;
+              _context.next = 1;
               break;
             }
             onResolve({
@@ -76,9 +76,9 @@ export var LoginSocialPinterest = function LoginSocialPinterest(_ref) {
                 code: code
               }
             });
-            _context.next = 12;
+            _context.next = 3;
             break;
-          case 4:
+          case 1:
             details = {
               code: code,
               redirect_uri: redirect_uri,
@@ -91,7 +91,7 @@ export var LoginSocialPinterest = function LoginSocialPinterest(_ref) {
               formBody.push(encodedKey + '=' + encodedValue);
             }
             formBody = formBody.join('&');
-            _context.next = 10;
+            _context.next = 2;
             return fetch("".concat(PREVENT_CORS_URL, "/").concat(PINTEREST_URL_API, "/oauth/token"), {
               method: 'POST',
               headers: {
@@ -105,7 +105,7 @@ export var LoginSocialPinterest = function LoginSocialPinterest(_ref) {
             })["catch"](function (err) {
               return onReject(err);
             });
-          case 10:
+          case 2:
             data = _context.sent;
             if (data.access_token) {
               if (isOnlyGetToken) onResolve({
@@ -113,7 +113,7 @@ export var LoginSocialPinterest = function LoginSocialPinterest(_ref) {
                 data: data
               });else getProfile(data);
             }
-          case 12:
+          case 3:
           case "end":
             return _context.stop();
         }
@@ -126,12 +126,12 @@ export var LoginSocialPinterest = function LoginSocialPinterest(_ref) {
   var handlePostMessage = useCallback(/*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref3) {
       var type, code, provider;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      return _regeneratorRuntime.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             type = _ref3.type, code = _ref3.code, provider = _ref3.provider;
             return _context2.abrupt("return", type === 'code' && provider === 'pinterest' && code && getAccessToken(code));
-          case 2:
+          case 1:
           case "end":
             return _context2.stop();
         }