@assembly-js/design-system 3.0.1 → 3.1.1

package/dist/esm/components/Checkbox/Checkbox.js

@@ -1,5 +1,5 @@
 // This file is generated by a script. Do not edit this file directly.
-var _excluded = ["label", "description", "tooltipProps", "checked", "onChange", "disabled", "size", "classes"];
+var _excluded = ["label", "description", "tooltipProps", "checked", "indeterminate", "onChange", "disabled", "size", "classes"];
 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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
@@ -47,6 +47,8 @@ export var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
     description = props.description,
     tooltipProps = props.tooltipProps,
     controlledChecked = props.checked,
+    _props$indeterminate = props.indeterminate,
+    indeterminate = _props$indeterminate === void 0 ? false : _props$indeterminate,
     controlledOnChange = props.onChange,
     _props$disabled = props.disabled,
     disabled = _props$disabled === void 0 ? false : _props$disabled,
@@ -55,12 +57,26 @@ export var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
     classes = props.classes,
     rest = _objectWithoutProperties(props, _excluded);
   var groupContext = useCheckboxGroup();
+  var internalRef = React.useRef(null);
+
+  // Forward the internal ref to the consumer
+  React.useImperativeHandle(ref, function () {
+    return internalRef.current;
+  });
+
+  // Sync native indeterminate property (not available as HTML attribute)
+  React.useEffect(function () {
+    if (internalRef.current) {
+      internalRef.current.indeterminate = indeterminate;
+    }
+  }, [indeterminate]);
 
   // Determine if the radio is part of a group
   var isPartOfGroup = !!groupContext;
 
   // Use context values if part of a group, otherwise rely on props
   var checked = isPartOfGroup ? groupContext === null || groupContext === void 0 ? void 0 : groupContext.value.includes(String(rest.value)) : controlledChecked;
+  var visuallyActive = checked || indeterminate;
   var handleChange = function handleChange(event) {
     if (isPartOfGroup && groupContext !== null && groupContext !== void 0 && groupContext.onChange) {
       groupContext.onChange(event.target.value);
@@ -74,18 +90,23 @@ export var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: "cop-flex cop-gap-2"
   }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("input", _extends({
     className: "cop-peer cop-sr-only cop-fixed",
-    ref: ref,
+    ref: internalRef,
     type: "checkbox",
     checked: checked,
     onChange: handleChange,
     disabled: disabled
-  }, rest)), /*#__PURE__*/React.createElement("div", {
+  }, rest, {
+    "aria-checked": indeterminate ? 'mixed' : checked
+  })), /*#__PURE__*/React.createElement("div", {
     className: cn(checkboxContainerStyles({
-      checked: checked,
+      checked: visuallyActive,
       disabled: disabled,
       size: size
     }), classes === null || classes === void 0 ? void 0 : classes.input)
-  }, checked && /*#__PURE__*/React.createElement(Icon, {
+  }, indeterminate ? /*#__PURE__*/React.createElement(Icon, {
+    className: "cop-h-3 cop-w-3",
+    icon: "Dash"
+  }) : checked && /*#__PURE__*/React.createElement(Icon, {
     className: "cop-h-3 cop-w-3",
     icon: "Check"
   }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {

package/dist/esm/components/Toolbar/Toolbar.js

@@ -6,10 +6,14 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 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 || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from "react";
+import { Fragment } from 'react';
 import { cva } from 'cva';
 import { useToolbar } from "./ToolbarContext";
 import { cn } from "../../common/utils";
 import { Icon } from "../Icon";
+import { Tooltip } from "../Tooltip/Tooltip";
+import { Body } from "../Typography";
+import { ToolbarDropdown } from "./ToolbarDropdown";
 var toolbarVariants = cva({
   base: cn('cop-inline-flex cop-items-center cop-gap-0.5 cop-p-1'),
   variants: {
@@ -76,7 +80,7 @@ var ToolbarButton = function ToolbarButton(_ref) {
       action: action.action
     });
   };
-  return /*#__PURE__*/React.createElement("button", {
+  var button = /*#__PURE__*/React.createElement("button", {
     type: "button",
     tabIndex: -1,
     className: cn(buttonVariants({
@@ -91,6 +95,20 @@ var ToolbarButton = function ToolbarButton(_ref) {
     className: iconStyles,
     icon: action.icon
   }));
+  if (action.tooltip) {
+    var _action$tooltipPositi;
+    var tooltipPosition = (_action$tooltipPositi = action.tooltipPosition) !== null && _action$tooltipPositi !== void 0 ? _action$tooltipPositi : 'top';
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      content: /*#__PURE__*/React.createElement(Body, {
+        size: "sm",
+        tag: "span",
+        className: "cop-m-0 cop-whitespace-nowrap"
+      }, action.tooltip),
+      position: tooltipPosition,
+      showDelayDuration: 600
+    }, button);
+  }
+  return button;
 };
 var ToolbarGroup = function ToolbarGroup(_ref2) {
   var group = _ref2.group,
@@ -106,7 +124,13 @@ var ToolbarGroup = function ToolbarGroup(_ref2) {
         variant: variant
       });
     }
-    // For now, only simple actions are supported
+    if (action.type === 'dropdown') {
+      return /*#__PURE__*/React.createElement(ToolbarDropdown, {
+        key: action.id,
+        action: action,
+        variant: variant
+      });
+    }
     return null;
   }));
 };
@@ -133,8 +157,9 @@ export var Toolbar = function Toolbar(_ref3) {
     "aria-label": "Formatting toolbar"
   }, filteredConfig.map(function (item, index) {
     if (item.type === 'group') {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ToolbarGroup, {
-        key: item.id,
+      return /*#__PURE__*/React.createElement(Fragment, {
+        key: item.id
+      }, /*#__PURE__*/React.createElement(ToolbarGroup, {
         group: item,
         variant: variant
       }), filteredConfig.length > 1 && index < filteredConfig.length - 1 && /*#__PURE__*/React.createElement(ToolbarSeparator, null));

package/dist/esm/components/Toolbar/ToolbarContext.js

@@ -20,14 +20,16 @@ var Styles = function Styles(_ref) {
     // styles for h2
     '[&_h3]:!cop-m-0 [&_h3]:!cop-text-base [&_h3]:!cop-font-medium',
     // styles for h3
-    '[&_p]:!cop-m-0 [&_p]:!cop-text-base [&_p]:!cop-leading-6 [&_p]:!cop-font-normal', // styles for p
+    '[&_p]:!cop-m-0 [&_p]:!cop-text-base [&_p]:!cop-font-normal [&_p]:!cop-leading-6', // styles for p
     String.raw(_templateObject || (_templateObject = _taggedTemplateLiteral(["[&_p:empty::before]:content-[\"a0\"]"], ["[&_p:empty::before]:content-[\"\\a0\"]"]))),
     // add a non breaking space inside each empty p so they take up a line
-    '[&_li]:!cop-my-1 [&_li]:!cop-text-base [&_li]:!cop-leading-6 [&_li]:!cop-font-normal',
+    '[&_li]:!cop-my-1 [&_li]:!cop-text-base [&_li]:!cop-font-normal [&_li]:!cop-leading-6',
     // styles for li
-    '[&_ul]:!cop-px-3 [&_ul]:!cop-mr-3 [&_ul]:!cop-ml-1',
+    '[&_ul]:!cop-ml-1 [&_ul]:!cop-mr-3 [&_ul]:!cop-px-3',
     // styles for ul
-    '[&_ol]:!cop-px-3 [&_ol]:!cop-mr-3 [&_ol]:!cop-ml-1' // styles for ol
+    '[&_ol]:!cop-ml-1 [&_ol]:!cop-mr-3 [&_ol]:!cop-px-3',
+    // styles for ol
+    '[&_a]:!cop-text-link' // styles for links
     )
   }, children);
 };

package/dist/esm/components/Toolbar/ToolbarDropdown.js

@@ -0,0 +1,181 @@
+// This file is generated by a script. Do not edit this file directly.
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+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 _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; } }
+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 _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 = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React from "react";
+import { useState, useRef, useEffect, useCallback } from 'react';
+import { cva } from 'cva';
+import { cn } from "../../common/utils";
+import { Icon } from "../Icon";
+import { useToolbar } from "./ToolbarContext";
+var buttonVariants = cva({
+  base: cn('cop-flex cop-items-center cop-justify-center cop-gap-1', 'cop-h-6 cop-px-1.5 cop-rounded', 'cop-border-none cop-cursor-pointer', 'hover:cop-bg-gray-150 active:cop-bg-gray-200'),
+  variants: {
+    variant: {
+      highlight: 'cop-bg-white',
+      sticky: 'cop-bg-gray-100'
+    },
+    isOpen: {
+      "true": '!cop-bg-gray-200',
+      "false": ''
+    }
+  },
+  defaultVariants: {
+    variant: 'highlight',
+    isOpen: false
+  }
+});
+var iconStyles = cn('cop-flex cop-items-center cop-justify-center cop-h-4 cop-w-4 cop-text-gray-700');
+var dropdownMenuStyles = cn('cop-absolute cop-top-full cop-left-0 cop-mt-1 cop-z-50', 'cop-flex cop-w-[256px] cop-flex-col cop-bg-white', 'cop-rounded cop-border cop-border-solid cop-border-secondary', 'cop-py-1 cop-shadow-popover-50');
+var dropdownOptionStyles = cn('cop-flex cop-cursor-pointer cop-items-center cop-gap-2', 'cop-border-none cop-bg-white', 'cop-px-2 cop-py-1.5 cop-outline-none', 'hover:!cop-bg-gray-100');
+var dropdownOptionFocusedStyles = '!cop-bg-gray-100';
+var dropdownOptionIconStyles = cn('cop-h-4 cop-w-4 cop-text-gray-700');
+var dropdownOptionLabelStyles = cn('cop-text-base');
+export var ToolbarDropdown = function ToolbarDropdown(_ref) {
+  var _ref2;
+  var action = _ref.action,
+    variant = _ref.variant;
+  var _useToolbar = useToolbar(),
+    onAction = _useToolbar.onAction;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedOption = _useState2[0],
+    setSelectedOption = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isOpen = _useState4[0],
+    setIsOpen = _useState4[1];
+  var _useState5 = useState(-1),
+    _useState6 = _slicedToArray(_useState5, 2),
+    focusedIndex = _useState6[0],
+    setFocusedIndex = _useState6[1];
+  var containerRef = useRef(null);
+  var menuRef = useRef(null);
+  var options = action.options;
+  var displayOption = (_ref2 = selectedOption !== null && selectedOption !== void 0 ? selectedOption : options[0]) !== null && _ref2 !== void 0 ? _ref2 : null;
+
+  // Close on outside click
+  useEffect(function () {
+    if (!isOpen) return;
+    var handleClickOutside = function handleClickOutside(event) {
+      if (containerRef.current && !containerRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return function () {
+      return document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [isOpen]);
+
+  // Focus menu and reset index when opening/closing
+  useEffect(function () {
+    if (isOpen) {
+      var _menuRef$current;
+      setFocusedIndex(0);
+      (_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 || _menuRef$current.focus();
+    } else {
+      setFocusedIndex(-1);
+    }
+  }, [isOpen]);
+  var handleSelect = function handleSelect(option) {
+    setSelectedOption(option);
+    onAction({
+      id: action.id,
+      action: action.action,
+      metadata: {
+        value: option.value
+      }
+    });
+    setIsOpen(false);
+  };
+  var handleKeyDown = useCallback(function (e) {
+    switch (e.key) {
+      case 'ArrowDown':
+        {
+          e.preventDefault();
+          setFocusedIndex(function (prev) {
+            return prev < options.length - 1 ? prev + 1 : 0;
+          });
+          break;
+        }
+      case 'ArrowUp':
+        {
+          e.preventDefault();
+          setFocusedIndex(function (prev) {
+            return prev > 0 ? prev - 1 : options.length - 1;
+          });
+          break;
+        }
+      case 'Enter':
+      case ' ':
+        {
+          e.preventDefault();
+          var focusedOption = options[focusedIndex];
+          if (focusedOption) {
+            handleSelect(focusedOption);
+          }
+          break;
+        }
+      case 'Escape':
+        {
+          e.preventDefault();
+          setIsOpen(false);
+          break;
+        }
+      default:
+        break;
+    }
+  }, [options, focusedIndex]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    className: "cop-relative"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: cn(buttonVariants({
+      variant: variant,
+      isOpen: isOpen
+    })),
+    onClick: function onClick() {
+      return setIsOpen(!isOpen);
+    },
+    "aria-label": action.label,
+    "aria-expanded": isOpen,
+    "aria-haspopup": "listbox"
+  }, displayOption !== null && displayOption !== void 0 && displayOption.icon ? /*#__PURE__*/React.createElement(Icon, {
+    className: iconStyles,
+    icon: displayOption.icon
+  }) : /*#__PURE__*/React.createElement("span", {
+    className: "cop-text-xs cop-text-gray-700"
+  }, displayOption === null || displayOption === void 0 ? void 0 : displayOption.label), /*#__PURE__*/React.createElement(Icon, {
+    className: "cop-h-[10px] cop-w-[10px] cop-text-gray-700",
+    icon: "ChevronDown"
+  })), isOpen && /*#__PURE__*/React.createElement("div", {
+    ref: menuRef,
+    className: dropdownMenuStyles,
+    role: "listbox",
+    "aria-label": action.label,
+    tabIndex: -1,
+    onKeyDown: handleKeyDown
+  }, options.map(function (option, index) {
+    return /*#__PURE__*/React.createElement("button", {
+      key: option.value,
+      type: "button",
+      className: cn(dropdownOptionStyles, focusedIndex === index && dropdownOptionFocusedStyles),
+      role: "option",
+      "aria-selected": (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === option.value,
+      tabIndex: focusedIndex === index ? 0 : -1,
+      onClick: function onClick() {
+        return handleSelect(option);
+      }
+    }, option.icon && /*#__PURE__*/React.createElement(Icon, {
+      className: dropdownOptionIconStyles,
+      icon: option.icon
+    }), /*#__PURE__*/React.createElement("span", {
+      className: dropdownOptionLabelStyles
+    }, option.label));
+  })));
+};

package/dist/esm/components/Tooltip/Tooltip.js

@@ -53,17 +53,22 @@ export var Tooltip = function Tooltip(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isAnimatingIn = _useState4[0],
+    setIsAnimatingIn = _useState4[1];
   var hideTimeoutRef = useRef(null);
   var showTimeoutRef = useRef(null);
+  var fadeTimeoutRef = useRef(null);
   var triggerRef = useRef(null);
   var tooltipRef = useRef(null);
-  var _useState3 = useState({
+  var _useState5 = useState({
       top: 0,
       left: 0
     }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    coords = _useState4[0],
-    setCoords = _useState4[1];
+    _useState6 = _slicedToArray(_useState5, 2),
+    coords = _useState6[0],
+    setCoords = _useState6[1];
   var updateTooltipPosition = useCallback(function () {
     var _offset$x, _offset$y;
     if (!tooltipRef.current || !triggerRef.current) return;
@@ -178,21 +183,36 @@ export var Tooltip = function Tooltip(_ref) {
     if (showTimeoutRef.current) {
       clearTimeout(showTimeoutRef.current);
     }
+    if (fadeTimeoutRef.current) {
+      clearTimeout(fadeTimeoutRef.current);
+    }
     if (showDelayDuration > 0) {
       showTimeoutRef.current = setTimeout(function () {
         setVisible(true);
+        // Trigger fade-in on next frame so the opacity-0 class is applied first
+        requestAnimationFrame(function () {
+          setIsAnimatingIn(true);
+        });
       }, showDelayDuration);
     } else {
       setVisible(true);
+      requestAnimationFrame(function () {
+        setIsAnimatingIn(true);
+      });
     }
   };
   var handleHide = function handleHide() {
     if (showTimeoutRef.current) {
       clearTimeout(showTimeoutRef.current);
     }
+    if (fadeTimeoutRef.current) {
+      clearTimeout(fadeTimeoutRef.current);
+    }
+    // Fade out first, then unmount
+    setIsAnimatingIn(false);
     hideTimeoutRef.current = setTimeout(function () {
       setVisible(false);
-    }, 150); // Delay before hiding so that user can still interact with the tooltip
+    }, 150); // Match the fade-out transition duration
   };
   var handleClick = function handleClick() {
     if (disabled || !content) return;
@@ -241,12 +261,18 @@ export var Tooltip = function Tooltip(_ref) {
 
   // Cleanup timeouts on unmount
   useEffect(function () {
+    var showTimeout = showTimeoutRef;
+    var hideTimeout = hideTimeoutRef;
+    var fadeTimeout = fadeTimeoutRef;
     return function () {
-      if (showTimeoutRef.current) {
-        clearTimeout(showTimeoutRef.current);
+      if (showTimeout.current) {
+        clearTimeout(showTimeout.current);
+      }
+      if (hideTimeout.current) {
+        clearTimeout(hideTimeout.current);
       }
-      if (hideTimeoutRef.current) {
-        clearTimeout(hideTimeoutRef.current);
+      if (fadeTimeout.current) {
+        clearTimeout(fadeTimeout.current);
       }
     };
   }, []);
@@ -259,6 +285,6 @@ export var Tooltip = function Tooltip(_ref) {
       top: coords.top,
       left: coords.left
     },
-    className: clsx('cop-fixed cop-z-1500 cop-flex cop-items-center cop-gap-2 cop-rounded cop-border cop-border-solid cop-border-input-gray cop-bg-white cop-px-3 cop-py-1 cop-shadow-lg cop-transition-opacity cop-duration-200', tooltipClassname)
+    className: clsx('cop-fixed cop-z-1500 cop-flex cop-items-center cop-gap-2 cop-rounded cop-border cop-border-solid cop-border-input-gray cop-bg-white cop-px-3 cop-py-1 cop-shadow-lg cop-transition-opacity cop-duration-150', isAnimatingIn ? 'cop-opacity-100' : 'cop-opacity-0', tooltipClassname)
   }, trigger === 'hover' ? tooltipHoverEvents : {}), /*#__PURE__*/React.createElement("div", null, content), renderAction()), document.body));
 };

package/dist/esm/components/Typography/Body.js

@@ -21,6 +21,7 @@ export function Body(_ref) {
     variant: "body",
     tag: tag,
     leading: "normal",
-    weight: "regular"
+    weight: "regular",
+    "data-typography": "body"
   }, children);
 }

package/dist/esm/icons/API.js

@@ -8,6 +8,6 @@ export var API = function API(props) {
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M17.5 3.125c.344 0 .625.281.625.625v12.5a.627.627 0 0 1-.625.625h-15a.627.627 0 0 1-.625-.625V3.75c0-.344.281-.625.625-.625zM2.5 1.25A2.5 2.5 0 0 0 0 3.75v12.5c0 1.379 1.121 2.5 2.5 2.5h15c1.379 0 2.5-1.121 2.5-2.5V3.75c0-1.379-1.121-2.5-2.5-2.5zm1.496 4.68a.934.934 0 0 0 .059 1.324L7.05 10l-2.996 2.746A.938.938 0 0 0 5.32 14.13l3.75-3.438a.938.938 0 0 0 0-1.383L5.32 5.872a.934.934 0 0 0-1.324.059m5.692 7.195a.935.935 0 0 0-.938.938c0 .519.418.937.938.937h5.624c.52 0 .938-.418.938-.937a.935.935 0 0 0-.937-.938z"
+    d: "M16 3.125c.344 0 .625.281.625.625v12.5a.627.627 0 0 1-.625.625H3.5a.627.627 0 0 1-.625-.625V3.75c0-.344.281-.625.625-.625zM3.5 1.25A2.5 2.5 0 0 0 1 3.75v12.5c0 1.379 1.121 2.5 2.5 2.5H16c1.379 0 2.5-1.121 2.5-2.5V3.75c0-1.379-1.121-2.5-2.5-2.5zm1.523 4.96a.934.934 0 0 0 0 1.325l2.461 2.461-2.46 2.461a.937.937 0 0 0 1.324 1.324l3.125-3.125a.934.934 0 0 0 0-1.324L6.348 6.207a.934.934 0 0 0-1.325 0zm4.415 6.915a.935.935 0 0 0-.938.938c0 .519.418.937.938.937h4.374c.52 0 .938-.418.938-.937a.935.935 0 0 0-.937-.938z"
   }));
 };

package/dist/esm/icons/Accessibility.js

@@ -0,0 +1,13 @@
+// This file is generated by a script. Do not edit this file directly.
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import * as React from 'react';
+export var Accessibility = function Accessibility(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M10.246 4.058a2.029 2.029 0 1 0 0-4.058 2.029 2.029 0 0 0 0 4.058m-5.941-.754a.87.87 0 0 0-.87 1.507l2.924 1.685q.478.276.989.482v4.938c0 .656-.105 1.304-.312 1.923q-.011.03-1.67 5.015a.87.87 0 1 0 1.652.55l1.388-4.162a1.944 1.944 0 0 1 3.688 0l1.387 4.162a.868.868 0 1 0 1.648-.55 2603 2603 0 0 0-1.673-5.014 6.1 6.1 0 0 1-.312-1.924V6.978q.51-.206.99-.482l2.923-1.685a.87.87 0 0 0-.87-1.507L13.265 4.99a6.04 6.04 0 0 1-6.036 0zm7.115 9.061a3.7 3.7 0 0 0-2.348 0q.013-.224.015-.45V7.453a7.8 7.8 0 0 0 2.318 0v4.464q0 .227.015.449"
+  }));
+};

package/dist/esm/icons/AcuityScheduling.js

@@ -0,0 +1,16 @@
+// This file is generated by a script. Do not edit this file directly.
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import * as React from 'react';
+export var AcuityScheduling = function AcuityScheduling(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M16.3 1H3.8a2.5 2.5 0 0 0-2.5 2.5V16a2.5 2.5 0 0 0 2.5 2.5h12.5a2.5 2.5 0 0 0 2.5-2.5V3.5A2.5 2.5 0 0 0 16.3 1m.62 15c0 .34-.28.62-.62.62H3.8c-.34 0-.62-.28-.62-.62V3.5c0-.34.28-.62.62-.62h12.5c.34 0 .62.28.62.62z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M9.98 8.88c.88 0 1.59-.71 1.59-1.59S10.86 5.7 9.98 5.7s-1.59.71-1.59 1.59.71 1.59 1.59 1.59M10.04 10.39c-.88 0-1.59.71-1.59 1.59s.71 1.59 1.59 1.59 1.59-.71 1.59-1.59-.71-1.59-1.59-1.59"
+  }));
+};

package/dist/esm/icons/Airtable.js

@@ -5,9 +5,9 @@ export var Airtable = function Airtable(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
-    viewBox: "0 0 21 20"
+    viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M8.936 1.688 1.475 4.775a.5.5 0 0 0 .007.927l7.492 2.971a2.78 2.78 0 0 0 2.05 0l7.492-2.971a.5.5 0 0 0 .007-.927l-7.461-3.087a2.78 2.78 0 0 0-2.126 0M10.664 10.296v7.422a.5.5 0 0 0 .684.465l8.349-3.24a.5.5 0 0 0 .316-.466V7.055a.5.5 0 0 0-.685-.465L10.98 9.831a.5.5 0 0 0-.316.465M8.714 10.678l-2.477 1.196-.252.121-5.23 2.507c-.332.16-.755-.082-.755-.45V7.085c0-.133.068-.248.16-.335a.6.6 0 0 1 .127-.095.53.53 0 0 1 .454-.035l7.932 3.143c.403.16.435.725.041.915"
+    d: "M19.71 7.15a.48.48 0 0 0-.476-.062l-8.342 3.24c-.197.076-.278.281-.278.478v7.388c.003.307.326.574.655.444l8.32-3.225a.49.49 0 0 0 .331-.462V7.538a.49.49 0 0 0-.21-.388M18.418 6.216a.5.5 0 0 0 .012-.934l-7.51-3.107a2.76 2.76 0 0 0-2.058.05l-7.4 3.063a.495.495 0 0 0-.3.487.49.49 0 0 0 .32.438l7.36 2.922c.723.287 1.44.31 2.197.009l7.382-2.93zM8.614 10.25.731 7.124c-.191-.076-.357-.012-.523.081C.121 7.296 0 7.41 0 7.58l.006 6.97c0 .323.402.573.697.432L8.68 11.15a.46.46 0 0 0 .267-.47.5.5 0 0 0-.329-.433z"
   }));
 };

package/dist/esm/icons/AlarmClock.js

@@ -0,0 +1,13 @@
+// This file is generated by a script. Do not edit this file directly.
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import * as React from 'react';
+export var AlarmClock = function AlarmClock(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 21"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M15.727 1.96c-.211.067-.442.071-.633-.034a10 10 0 0 0-.696-.348c-.406-.183-.535-.715-.16-.96a3.718 3.718 0 0 1 5.465 4.563c-.176.409-.719.382-.973.014a10 10 0 0 0-.468-.625.82.82 0 0 1-.149-.617q.014-.112.016-.23a1.845 1.845 0 0 0-2.399-1.758zM1.27 5.192c-.254.368-.801.395-.973-.015A3.718 3.718 0 0 1 5.762.614c.375.245.246.777-.16.96-.239.11-.47.223-.696.348-.191.105-.426.101-.633.035A1.845 1.845 0 0 0 1.89 3.945a.82.82 0 0 1-.148.618q-.246.304-.469.625zm15.605 6.059a6.875 6.875 0 1 0-13.75 0 6.875 6.875 0 0 0 13.75 0m-1.387 6.816A8.73 8.73 0 0 1 10 20a8.73 8.73 0 0 1-5.488-1.934l-1.66 1.66a.937.937 0 0 1-1.324-1.324l1.66-1.66a8.75 8.75 0 1 1 13.629-.004l1.66 1.66a.937.937 0 0 1-1.324 1.324l-1.66-1.66zm-4.55-10.878v3.675l1.601 1.602a.937.937 0 0 1-1.324 1.324L9.34 11.914a.94.94 0 0 1-.274-.664V7.188c0-.52.418-.938.938-.938s.937.418.937.938z"
+  }));
+};

package/dist/esm/icons/Aperture.js

@@ -0,0 +1,13 @@
+// This file is generated by a script. Do not edit this file directly.
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import * as React from 'react';
+export var Aperture = function Aperture(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "m10 18.125 2.617-4.531.54-.93q.002-.004.003-.008l.45-.781 2.199 3.809A8.1 8.1 0 0 1 10 18.125m-3.61-10L4.192 4.316A8.1 8.1 0 0 1 10 1.875c-4.629 8.02-2.723 4.715-3.61 6.25m3.43-2.187 2.2-3.81a8.14 8.14 0 0 1 5.02 3.81zm4.067 2.667q-.004-.005-.008-.011l-.45-.781h4.4c.194.695.296 1.43.296 2.187 0 1.48-.395 2.867-1.086 4.063l-3.152-5.461zM1.875 10c0-1.48.395-2.867 1.086-4.062l3.61 6.25h-4.4A8 8 0 0 1 1.876 10m6.105 7.871a8.14 8.14 0 0 1-5.02-3.808h7.22zM10 20a10 10 0 1 0 0-20 10 10 0 0 0 0 20M8.465 8.281a.94.94 0 0 1 .805-.469h1.457c.332.004.636.18.8.461l.73 1.262a.94.94 0 0 1 0 .93v.004l-.722 1.25v.004a.94.94 0 0 1-.808.464H9.28a.94.94 0 0 1-.812-.468l-.723-1.25a.94.94 0 0 1 0-.938l.723-1.25z"
+  }));
+};

package/dist/esm/icons/AppleWhole.js

@@ -0,0 +1,13 @@
+// This file is generated by a script. Do not edit this file directly.
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import * as React from 'react';
+export var AppleWhole = function AppleWhole(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 18 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M8.75 4.375h.625A3.124 3.124 0 0 0 12.5 1.25V.625A.627.627 0 0 0 11.875 0h-.625a3.124 3.124 0 0 0-3.125 3.125v.625c0 .344.281.625.625.625M1.875 11.25c0-1.238.297-2.441.797-3.27.473-.777 1.023-1.105 1.703-1.105.695 0 1.688.29 2.55.625a5.04 5.04 0 0 0 3.653 0c.863-.336 1.856-.625 2.55-.625.677 0 1.231.324 1.704 1.105.504.829.797 2.036.797 3.27 0 2.117-.664 3.906-1.578 5.125-.938 1.25-2 1.75-2.797 1.75-.18 0-.531-.066-.973-.2a5.34 5.34 0 0 0-3.05 0c-.442.134-.793.2-.973.2-.797 0-1.86-.5-2.797-1.75-.914-1.219-1.578-3.008-1.578-5.125zM4.375 5C1.395 5 0 8.27 0 11.25c0 5 3.125 8.75 6.25 8.75.465 0 1.035-.133 1.516-.277a3.46 3.46 0 0 1 1.972 0c.477.144 1.047.277 1.516.277 3.125 0 6.25-3.75 6.25-8.75 0-2.98-1.395-6.25-4.375-6.25-1.066 0-2.332.402-3.23.754a3.18 3.18 0 0 1-2.294 0C6.711 5.406 5.441 5 4.375 5"
+  }));
+};

package/dist/esm/icons/Archive.js

@@ -8,6 +8,6 @@ export var Archive = function Archive(props) {
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M1.875 3.125V5h16.25V3.125zM1.25 1.25h17.5c.691 0 1.25.559 1.25 1.25v3.125c0 .691-.559 1.25-1.25 1.25H1.25C.559 6.875 0 6.316 0 5.625V2.5c0-.691.559-1.25 1.25-1.25m5 8.438c0-.52.418-.938.938-.938h5.625c.519 0 .937.418.937.938 0 .519-.418.937-.937.937H7.187a.935.935 0 0 1-.937-.937m-5 6.562V8.125h1.875v8.125c0 .344.281.625.625.625h12.5a.627.627 0 0 0 .625-.625V8.125h1.875v8.125c0 1.379-1.121 2.5-2.5 2.5H3.75a2.5 2.5 0 0 1-2.5-2.5"
+    d: "M18.125 3.125v2.5H1.875v-2.5zM0 5.625a1.88 1.88 0 0 0 1.25 1.77v8.855c0 1.379 1.121 2.5 2.5 2.5h12.5c1.379 0 2.5-1.121 2.5-2.5V7.395A1.88 1.88 0 0 0 20 5.625v-2.5c0-1.035-.84-1.875-1.875-1.875H1.875C.84 1.25 0 2.09 0 3.125zM3.125 16.25V7.5h13.75v8.75a.627.627 0 0 1-.625.625H3.75a.627.627 0 0 1-.625-.625m4.063-6.875a.935.935 0 0 0-.938.938c0 .519.418.937.938.937h5.625c.519 0 .937-.418.937-.937a.935.935 0 0 0-.937-.938z"
   }));
 };

package/dist/esm/icons/ArrowDownSolid.js

@@ -5,9 +5,9 @@ export var ArrowDownSolid = function ArrowDownSolid(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
-    viewBox: "0 0 20 20"
+    viewBox: "0 0 20 21"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M10.886 18.383a1.25 1.25 0 0 1-1.77 0l-6.25-6.25a1.252 1.252 0 0 1 1.77-1.77l4.117 4.121V2.5c0-.691.559-1.25 1.25-1.25s1.25.559 1.25 1.25v11.98l4.117-4.113a1.252 1.252 0 0 1 1.77 1.77l-6.25 6.25z"
+    d: "M8.855 19.727a.934.934 0 0 0 1.324 0l6.563-6.563a.937.937 0 0 0-1.324-1.324l-4.962 4.96V.939A.935.935 0 0 0 9.52 0a.935.935 0 0 0-.937.938V16.8L3.62 11.84a.937.937 0 0 0-1.324 1.324l6.562 6.563z"
   }));
 };

package/dist/esm/icons/ArrowLeft.js

@@ -5,9 +5,9 @@ export var ArrowLeft = function ArrowLeft(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
-    viewBox: "0 0 20 20"
+    viewBox: "0 0 21 20"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M1.54 10.682a.95.95 0 0 1-.29-.68c0-.258.105-.5.29-.68L8.413 2.76a.937.937 0 0 1 1.293 1.355l-5.18 4.95h13.286c.519 0 .937.418.937.937s-.418.938-.937.938H4.527l5.184 4.945a.938.938 0 0 1-1.293 1.356l-6.875-6.563z"
+    d: "M.275 9.336a.934.934 0 0 0 0 1.324l6.563 6.567a.937.937 0 0 0 1.324-1.324l-4.96-4.966h15.862c.52 0 .938-.417.938-.937a.935.935 0 0 0-.937-.937H3.2l4.965-4.961a.937.937 0 0 0-1.324-1.324z"
   }));
 };

package/dist/esm/icons/ArrowNE.js

@@ -8,6 +8,6 @@ export var ArrowNE = function ArrowNE(props) {
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M15.882 3.08c.575 0 1.038.463 1.038 1.038v10.378c0 .575-.463 1.038-1.038 1.038a1.036 1.036 0 0 1-1.038-1.038V6.622L4.85 16.615a1.037 1.037 0 0 1-1.467-1.466l9.994-9.989-7.878-.004a1.036 1.036 0 0 1-1.038-1.038c0-.575.463-1.038 1.038-1.038z"
+    d: "M16.063 2.5c.519 0 .937.418.937.938v9.375c0 .519-.418.937-.937.937a.935.935 0 0 1-.938-.937V5.699L3.602 17.223a.934.934 0 0 1-1.325 0 .94.94 0 0 1-.004-1.325L13.797 4.375H6.684a.935.935 0 0 1-.938-.937c0-.52.418-.938.938-.938h9.378"
   }));
 };

package/dist/esm/icons/ArrowRight.js

@@ -5,9 +5,9 @@ export var ArrowRight = function ArrowRight(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
-    viewBox: "0 0 20 20"
+    viewBox: "0 0 21 20"
   }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
-    d: "M18.46 10.682a.94.94 0 0 0 0-1.36L11.587 2.76a.937.937 0 0 0-1.293 1.355l5.18 4.95H2.188a.935.935 0 0 0-.938.937c0 .52.418.938.938.938h13.285l-5.184 4.945a.938.938 0 0 0 1.293 1.356l6.875-6.563z"
+    d: "M19.727 10.664a.934.934 0 0 0 0-1.324l-6.563-6.567a.937.937 0 0 0-1.324 1.324L16.8 9.06H.939A.935.935 0 0 0 0 9.996c0 .52.418.938.938.938H16.8l-4.961 4.96a.937.937 0 0 0 1.324 1.324z"
   }));
 };