musae 1.0.27-beta.2 → 1.0.27-beta.20

package/dist/components/calendar/calendar.cjs

@@ -58,7 +58,7 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var dateCells = hooks.useDateCells({
     timespan: timespan,
     focusedAt: focusedAt,
-    click: onClick,
+    onClick: onClick,
     classNames: classNames
   });
   var headCells = hooks.useHeadCells({
@@ -72,7 +72,7 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     header: stylex.props(theme.$label.large, styles.header),
     heading: stylex.props(styles.heading, theme.$body.medium),
     body: {
-      className: "musaex-1mwwwfo"
+      className: "musaex-1vathgz musaex-4jqler"
     }
   };
   React.useImperativeHandle(ref, function () {

package/dist/components/calendar/calendar.mjs

@@ -54,7 +54,7 @@ var Calendar = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var dateCells = useDateCells({
     timespan: timespan,
     focusedAt: focusedAt,
-    click: onClick,
+    onClick: onClick,
     classNames: classNames
   });
   var headCells = useHeadCells({
@@ -68,7 +68,7 @@ var Calendar = /*#__PURE__*/forwardRef(function (_ref, ref) {
     header: props($label.large, styles.header),
     heading: props(styles.heading, $body.medium),
     body: {
-      className: "musaex-1mwwwfo"
+      className: "musaex-1vathgz musaex-4jqler"
     }
   };
   useImperativeHandle(ref, function () {

package/dist/components/calendar/hooks.cjs

@@ -30,7 +30,6 @@ var styles = {
     kgeoSG: "musaex-10tli2e",
     kEoFBp: "musaex-1hmns74",
     kLkRvE: "musaex-14lex9m",
-    kxmVGU: "musaex-rt65ts",
     kgzTxl: "musaex-4dflte",
     $$css: true
   },
@@ -39,17 +38,17 @@ var styles = {
     $$css: true
   },
   range: {
-    kSJ0CW: "musaex-1682cnc",
-    koaPKo: "musaex-typ5od",
+    kSJ0CW: "musaex-1d34y9o",
+    koaPKo: "musaex-vgnsxj",
     $$css: true
   },
   from: {
     kSJ0CW: "musaex-fbisj7",
-    koaPKo: "musaex-typ5od",
+    koaPKo: "musaex-vgnsxj",
     $$css: true
   },
   to: {
-    kSJ0CW: "musaex-1682cnc",
+    kSJ0CW: "musaex-1d34y9o",
     koaPKo: "musaex-1gkks1t",
     $$css: true
   }
@@ -80,7 +79,7 @@ var useHeadCells = function useHeadCells(_ref) {
 var useDateCells = function useDateCells(_ref2) {
   var timespan = _ref2.timespan,
     focusedAt = _ref2.focusedAt,
-    click = _ref2.click,
+    _onClick = _ref2.onClick,
     classNames = _ref2.classNames;
   var _themeColorVars = useThemeColorVars.useThemeColorVars(["secondary-container"]);
   return React.useMemo(function () {
@@ -90,6 +89,7 @@ var useDateCells = function useDateCells(_ref2) {
     var to = end.endOf("week");
     var gap = to.diff(from, "d") + 1;
     var dateCells = Array.from(new Array(gap).keys()).reduce(function (prev, _, index) {
+      var _prev$at;
       if (prev.at(prev.length - 1).length === 7) prev.push([]);
       var currentAt = from.add(index, "d");
       var formatted = currentAt.format("YYYY-MM-DD");
@@ -101,13 +101,13 @@ var useDateCells = function useDateCells(_ref2) {
       var styled = {
         cell: stylex.props(styles.cell, styles.date, isDisabled && styles.hidden, isBetween && styles.range, isFrom && timespan.isRange && styles.from, isTo && timespan.isRange && styles.to, theme.$body.large),
         trigger: {
-          className: "musaex-zzs3sa musaex-1nnj97i"
+          className: "musaex-zzs3sa"
         }
       };
-      prev.at(prev.length - 1).push(/*#__PURE__*/React.createElement("td", {
+      (_prev$at = prev.at(prev.length - 1)) === null || _prev$at === void 0 || _prev$at.push(/*#__PURE__*/React.createElement("td", {
         title: formatted,
         key: formatted,
-        className: className.stringify(classNames.dateCell, _objectSpread(_defineProperty({}, classNames.dateCellSelected, isSelected), timespan.isRange && _defineProperty(_defineProperty(_defineProperty({}, classNames.dateCellInRange, isBetween), classNames.dateCellRangeFrom, isFrom), classNames.dateCellRangeTo, isTo)), styled.cell.className),
+        className: className.stringify(classNames.dateCell, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classNames.dateCellSelected, isSelected), classNames.dateCellInRange, !!timespan.isRange && isBetween), classNames.dateCellRangeFrom, !!timespan.isRange && isFrom), classNames.dateCellRangeTo, !!timespan.isRange && isTo), styled.cell.className),
         style: _objectSpread(_objectSpread({}, styled.cell.style), _themeColorVars),
         "aria-selected": isSelected,
         "aria-hidden": isDisabled
@@ -118,7 +118,7 @@ var useDateCells = function useDateCells(_ref2) {
         className: className.stringify(classNames.date, styled.trigger.className),
         style: styled.trigger.style,
         onClick: function onClick() {
-          click(currentAt);
+          _onClick(currentAt);
         }
       }, currentAt.date())));
       return prev;
@@ -128,15 +128,15 @@ var useDateCells = function useDateCells(_ref2) {
         key: index
       }, cells);
     });
-  }, [focusedAt, timespan, classNames, click, _themeColorVars]);
+  }, [focusedAt, timespan, classNames, _onClick, _themeColorVars]);
 };
 /**
  * @description
  * time span
  */
-var useValue = function useValue(_ref4) {
-  var _click = _ref4.onClick,
-    value = _ref4.value;
+var useValue = function useValue(_ref3) {
+  var _click = _ref3.onClick,
+    value = _ref3.value;
   // change handler
   var onClick = React.useCallback(function (_value) {
     _click === null || _click === void 0 || _click(_value);
@@ -161,9 +161,9 @@ var useValue = function useValue(_ref4) {
  * @description
  * point at
  */
-var useFocusedAt = function useFocusedAt(_ref5) {
-  var _ref5$focusedAt = _ref5.focusedAt,
-    _focusedAt = _ref5$focusedAt === void 0 ? dayjs() : _ref5$focusedAt;
+var useFocusedAt = function useFocusedAt(_ref4) {
+  var _ref4$focusedAt = _ref4.focusedAt,
+    _focusedAt = _ref4$focusedAt === void 0 ? dayjs() : _ref4$focusedAt;
   var _useState = React.useState(_focusedAt),
     _useState2 = _slicedToArray(_useState, 2),
     focusedAt = _useState2[0],

package/dist/components/calendar/hooks.d.ts

@@ -15,10 +15,10 @@ export declare const useHeadCells: ({ classNames }: {
  * @description
  * dates
  */
-export declare const useDateCells: ({ timespan, focusedAt, click, classNames, }: {
+export declare const useDateCells: ({ timespan, focusedAt, onClick, classNames, }: {
     timespan: Timespan;
     focusedAt: Dayjs;
-    click: Required<CalendarProps>["onClick"];
+    onClick: Required<CalendarProps>["onClick"];
     classNames: typeof CLASS_NAMES;
 }) => React.JSX.Element[];
 /**

package/dist/components/calendar/hooks.mjs

@@ -28,7 +28,6 @@ var styles = {
     kgeoSG: "musaex-10tli2e",
     kEoFBp: "musaex-1hmns74",
     kLkRvE: "musaex-14lex9m",
-    kxmVGU: "musaex-rt65ts",
     kgzTxl: "musaex-4dflte",
     $$css: true
   },
@@ -37,17 +36,17 @@ var styles = {
     $$css: true
   },
   range: {
-    kSJ0CW: "musaex-1682cnc",
-    koaPKo: "musaex-typ5od",
+    kSJ0CW: "musaex-1d34y9o",
+    koaPKo: "musaex-vgnsxj",
     $$css: true
   },
   from: {
     kSJ0CW: "musaex-fbisj7",
-    koaPKo: "musaex-typ5od",
+    koaPKo: "musaex-vgnsxj",
     $$css: true
   },
   to: {
-    kSJ0CW: "musaex-1682cnc",
+    kSJ0CW: "musaex-1d34y9o",
     koaPKo: "musaex-1gkks1t",
     $$css: true
   }
@@ -78,7 +77,7 @@ var useHeadCells = function useHeadCells(_ref) {
 var useDateCells = function useDateCells(_ref2) {
   var timespan = _ref2.timespan,
     focusedAt = _ref2.focusedAt,
-    click = _ref2.click,
+    _onClick = _ref2.onClick,
     classNames = _ref2.classNames;
   var _themeColorVars = useThemeColorVars(["secondary-container"]);
   return useMemo(function () {
@@ -88,6 +87,7 @@ var useDateCells = function useDateCells(_ref2) {
     var to = end.endOf("week");
     var gap = to.diff(from, "d") + 1;
     var dateCells = Array.from(new Array(gap).keys()).reduce(function (prev, _, index) {
+      var _prev$at;
       if (prev.at(prev.length - 1).length === 7) prev.push([]);
       var currentAt = from.add(index, "d");
       var formatted = currentAt.format("YYYY-MM-DD");
@@ -99,13 +99,13 @@ var useDateCells = function useDateCells(_ref2) {
       var styled = {
         cell: props(styles.cell, styles.date, isDisabled && styles.hidden, isBetween && styles.range, isFrom && timespan.isRange && styles.from, isTo && timespan.isRange && styles.to, $body.large),
         trigger: {
-          className: "musaex-zzs3sa musaex-1nnj97i"
+          className: "musaex-zzs3sa"
         }
       };
-      prev.at(prev.length - 1).push(/*#__PURE__*/React.createElement("td", {
+      (_prev$at = prev.at(prev.length - 1)) === null || _prev$at === void 0 || _prev$at.push(/*#__PURE__*/React.createElement("td", {
         title: formatted,
         key: formatted,
-        className: stringify(classNames.dateCell, _objectSpread(_defineProperty({}, classNames.dateCellSelected, isSelected), timespan.isRange && _defineProperty(_defineProperty(_defineProperty({}, classNames.dateCellInRange, isBetween), classNames.dateCellRangeFrom, isFrom), classNames.dateCellRangeTo, isTo)), styled.cell.className),
+        className: stringify(classNames.dateCell, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classNames.dateCellSelected, isSelected), classNames.dateCellInRange, !!timespan.isRange && isBetween), classNames.dateCellRangeFrom, !!timespan.isRange && isFrom), classNames.dateCellRangeTo, !!timespan.isRange && isTo), styled.cell.className),
         style: _objectSpread(_objectSpread({}, styled.cell.style), _themeColorVars),
         "aria-selected": isSelected,
         "aria-hidden": isDisabled
@@ -116,7 +116,7 @@ var useDateCells = function useDateCells(_ref2) {
         className: stringify(classNames.date, styled.trigger.className),
         style: styled.trigger.style,
         onClick: function onClick() {
-          click(currentAt);
+          _onClick(currentAt);
         }
       }, currentAt.date())));
       return prev;
@@ -126,15 +126,15 @@ var useDateCells = function useDateCells(_ref2) {
         key: index
       }, cells);
     });
-  }, [focusedAt, timespan, classNames, click, _themeColorVars]);
+  }, [focusedAt, timespan, classNames, _onClick, _themeColorVars]);
 };
 /**
  * @description
  * time span
  */
-var useValue = function useValue(_ref4) {
-  var _click = _ref4.onClick,
-    value = _ref4.value;
+var useValue = function useValue(_ref3) {
+  var _click = _ref3.onClick,
+    value = _ref3.value;
   // change handler
   var onClick = useCallback(function (_value) {
     _click === null || _click === void 0 || _click(_value);
@@ -159,9 +159,9 @@ var useValue = function useValue(_ref4) {
  * @description
  * point at
  */
-var useFocusedAt = function useFocusedAt(_ref5) {
-  var _ref5$focusedAt = _ref5.focusedAt,
-    _focusedAt = _ref5$focusedAt === void 0 ? dayjs() : _ref5$focusedAt;
+var useFocusedAt = function useFocusedAt(_ref4) {
+  var _ref4$focusedAt = _ref4.focusedAt,
+    _focusedAt = _ref4$focusedAt === void 0 ? dayjs() : _ref4$focusedAt;
   var _useState = useState(_focusedAt),
     _useState2 = _slicedToArray(_useState, 2),
     focusedAt = _useState2[0],

package/dist/components/checkbox/checkbox.cjs

@@ -8,18 +8,17 @@ var React = require('react');
 var relax = require('@aiszlab/relax');
 var context = require('./context.cjs');
 var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
-var hooks = require('../theme/hooks.cjs');
 var styles = require('./styles.cjs');
 var useClassNames = require('../../hooks/use-class-names.cjs');
 var className = require('@aiszlab/relax/class-name');
 var check = require('./check.cjs');
 var Indeterminate = require('./Indeterminate.cjs');
 var ripple = require('../ripple/ripple.cjs');
-var hooks$1 = require('../ripple/hooks.cjs');
-var color = require('@aiszlab/fuzzy/color');
+var hooks = require('../ripple/hooks.cjs');
 var tokens_stylex = require('../theme/tokens.stylex.cjs');
 var dom = require('@aiszlab/relax/dom');
 var theme = require('../theme/theme.cjs');
+var useThemeColorVars = require('../../hooks/use-theme-color-vars.cjs');
 
 var Checkbox = function Checkbox(_ref) {
   var _contextValue$isDisab;
@@ -41,9 +40,9 @@ var Checkbox = function Checkbox(_ref) {
     defaultChecked = _ref$defaultChecked === void 0 ? false : _ref$defaultChecked;
   var contextValue = React.useContext(context.default);
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
-  var theme$1 = hooks.useTheme();
   var isDisabled = (_contextValue$isDisab = contextValue === null || contextValue === void 0 ? void 0 : contextValue.isDisabled) !== null && _contextValue$isDisab !== void 0 ? _contextValue$isDisab : disabled;
-  var _useRipple = hooks$1.useRipple({
+  var themeColorVars = useThemeColorVars.useThemeColorVars(["primary", ["primary", tokens_stylex.OPACITY.thin], ["primary", tokens_stylex.OPACITY.medium], ["primary", tokens_stylex.OPACITY.thicker], "on-primary", "on-surface", ["on-surface", tokens_stylex.OPACITY.thin], ["on-surface", tokens_stylex.OPACITY.medium], ["on-surface", tokens_stylex.OPACITY.thicker], "on-surface-variant", "error", ["error", tokens_stylex.OPACITY.thin], ["error", tokens_stylex.OPACITY.medium], ["error", tokens_stylex.OPACITY.thicker], "on-error"]);
+  var _useRipple = hooks.useRipple({
       isDisabled: !ripple$1 || isDisabled
     }),
     ripples = _useRipple.ripples,
@@ -74,26 +73,6 @@ var Checkbox = function Checkbox(_ref) {
     _setIsChecked(checked);
     onChange === null || onChange === void 0 || onChange(event);
   });
-  // style vars
-  var styleVars = React.useMemo(function () {
-    return {
-      "--color-primary": theme$1.colors.primary,
-      "--color-primary-opacity-08": color.hexToRgba(theme$1.colors.primary, tokens_stylex.OPACITY.thin).toString(),
-      "--color-primary-opacity-12": color.hexToRgba(theme$1.colors.primary, tokens_stylex.OPACITY.medium).toString(),
-      "--color-primary-opacity-20": color.hexToRgba(theme$1.colors.primary, tokens_stylex.OPACITY.thicker).toString(),
-      "--color-on-primary": theme$1.colors["on-primary"],
-      "--color-on-surface": theme$1.colors["on-surface"],
-      "--color-on-surface-opacity-08": color.hexToRgba(theme$1.colors["on-surface"], tokens_stylex.OPACITY.thin).toString(),
-      "--color-on-surface-opacity-12": color.hexToRgba(theme$1.colors["on-surface"], tokens_stylex.OPACITY.medium).toString(),
-      "--color-on-surface-opacity-20": color.hexToRgba(theme$1.colors["on-surface"], tokens_stylex.OPACITY.thicker).toString(),
-      "--color-on-surface-variant": theme$1.colors["on-surface-variant"],
-      "--color-error": theme$1.colors.error,
-      "--color-error-opacity-08": color.hexToRgba(theme$1.colors.error, tokens_stylex.OPACITY.thin).toString(),
-      "--color-error-opacity-12": color.hexToRgba(theme$1.colors.error, tokens_stylex.OPACITY.medium).toString(),
-      "--color-error-opacity-20": color.hexToRgba(theme$1.colors.error, tokens_stylex.OPACITY.thicker).toString(),
-      "--color-on-error": theme$1.colors["on-error"]
-    };
-  }, [theme$1]);
   var styled = {
     checkbox: stylex.props(styles.default.checkbox["default"], styles.default.checkbox.medium, isDisabled && styles.default.checkbox.disabled),
     layer: stylex.props(styles.default.layer["default"]["default"], ripple$1 && [styles.default.layer.rippleable["default"], (isChecked || indeterminate) && styles.default.layer.rippleable.checked, invalid && styles.default.layer.rippleable.invalid, isDisabled && styles.default.layer.rippleable.disabled]),
@@ -104,7 +83,7 @@ var Checkbox = function Checkbox(_ref) {
   };
   return /*#__PURE__*/React.createElement("label", {
     className: className.stringify(classNames.checkbox, className$1, styled.checkbox.className),
-    style: _objectSpread(_objectSpread(_objectSpread({}, styled.checkbox.style), style), styleVars),
+    style: _objectSpread(_objectSpread(_objectSpread({}, styled.checkbox.style), style), themeColorVars),
     "aria-checked": isChecked,
     "aria-disabled": isDisabled
   }, /*#__PURE__*/React.createElement("span", {

package/dist/components/checkbox/checkbox.mjs

@@ -4,7 +4,6 @@ import React, { useContext, useMemo } from 'react';
 import { useControlledState, isUndefined, useEvent } from '@aiszlab/relax';
 import Context, { CLASS_NAMES } from './context.mjs';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.17.5/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
-import { useTheme } from '../theme/hooks.mjs';
 import styles from './styles.mjs';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
 import { stringify } from '@aiszlab/relax/class-name';
@@ -12,10 +11,10 @@ import Check from './check.mjs';
 import Indeterminate from './Indeterminate.mjs';
 import Ripple from '../ripple/ripple.mjs';
 import { useRipple } from '../ripple/hooks.mjs';
-import { hexToRgba } from '@aiszlab/fuzzy/color';
 import { OPACITY } from '../theme/tokens.stylex.mjs';
 import { stopPropagation } from '@aiszlab/relax/dom';
 import { $label } from '../theme/theme.mjs';
+import { useThemeColorVars } from '../../hooks/use-theme-color-vars.mjs';
 
 var Checkbox = function Checkbox(_ref) {
   var _contextValue$isDisab;
@@ -37,8 +36,8 @@ var Checkbox = function Checkbox(_ref) {
     defaultChecked = _ref$defaultChecked === void 0 ? false : _ref$defaultChecked;
   var contextValue = useContext(Context);
   var classNames = useClassNames(CLASS_NAMES);
-  var theme = useTheme();
   var isDisabled = (_contextValue$isDisab = contextValue === null || contextValue === void 0 ? void 0 : contextValue.isDisabled) !== null && _contextValue$isDisab !== void 0 ? _contextValue$isDisab : disabled;
+  var themeColorVars = useThemeColorVars(["primary", ["primary", OPACITY.thin], ["primary", OPACITY.medium], ["primary", OPACITY.thicker], "on-primary", "on-surface", ["on-surface", OPACITY.thin], ["on-surface", OPACITY.medium], ["on-surface", OPACITY.thicker], "on-surface-variant", "error", ["error", OPACITY.thin], ["error", OPACITY.medium], ["error", OPACITY.thicker], "on-error"]);
   var _useRipple = useRipple({
       isDisabled: !ripple || isDisabled
     }),
@@ -70,26 +69,6 @@ var Checkbox = function Checkbox(_ref) {
     _setIsChecked(checked);
     onChange === null || onChange === void 0 || onChange(event);
   });
-  // style vars
-  var styleVars = useMemo(function () {
-    return {
-      "--color-primary": theme.colors.primary,
-      "--color-primary-opacity-08": hexToRgba(theme.colors.primary, OPACITY.thin).toString(),
-      "--color-primary-opacity-12": hexToRgba(theme.colors.primary, OPACITY.medium).toString(),
-      "--color-primary-opacity-20": hexToRgba(theme.colors.primary, OPACITY.thicker).toString(),
-      "--color-on-primary": theme.colors["on-primary"],
-      "--color-on-surface": theme.colors["on-surface"],
-      "--color-on-surface-opacity-08": hexToRgba(theme.colors["on-surface"], OPACITY.thin).toString(),
-      "--color-on-surface-opacity-12": hexToRgba(theme.colors["on-surface"], OPACITY.medium).toString(),
-      "--color-on-surface-opacity-20": hexToRgba(theme.colors["on-surface"], OPACITY.thicker).toString(),
-      "--color-on-surface-variant": theme.colors["on-surface-variant"],
-      "--color-error": theme.colors.error,
-      "--color-error-opacity-08": hexToRgba(theme.colors.error, OPACITY.thin).toString(),
-      "--color-error-opacity-12": hexToRgba(theme.colors.error, OPACITY.medium).toString(),
-      "--color-error-opacity-20": hexToRgba(theme.colors.error, OPACITY.thicker).toString(),
-      "--color-on-error": theme.colors["on-error"]
-    };
-  }, [theme]);
   var styled = {
     checkbox: props(styles.checkbox["default"], styles.checkbox.medium, isDisabled && styles.checkbox.disabled),
     layer: props(styles.layer["default"]["default"], ripple && [styles.layer.rippleable["default"], (isChecked || indeterminate) && styles.layer.rippleable.checked, invalid && styles.layer.rippleable.invalid, isDisabled && styles.layer.rippleable.disabled]),
@@ -100,7 +79,7 @@ var Checkbox = function Checkbox(_ref) {
   };
   return /*#__PURE__*/React.createElement("label", {
     className: stringify(classNames.checkbox, className, styled.checkbox.className),
-    style: _objectSpread(_objectSpread(_objectSpread({}, styled.checkbox.style), style), styleVars),
+    style: _objectSpread(_objectSpread(_objectSpread({}, styled.checkbox.style), style), themeColorVars),
     "aria-checked": isChecked,
     "aria-disabled": isDisabled
   }, /*#__PURE__*/React.createElement("span", {

package/dist/components/icon/icons/action/calendar-today.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hoc = require('../../hoc.cjs');
+
+var CalendarToday = hoc.withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M20 3H19V1H17V3H7V1H5V3H4C2.9 3 2 3.9 2 5V21C2 22.1 2.9 23 4 23H20C21.1 23 22 22.1 22 21V5C22 3.9 21.1 3 20 3ZM20 21H4V10H20V21ZM20 8H4V5H20V8Z",
+    fill: "currentColor"
+  }));
+});
+
+exports.default = CalendarToday;

package/dist/components/icon/icons/action/calendar-today.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const CalendarToday: (props: Omit<import("../../../../types/icon").IconProps, "as">) => React.FunctionComponentElement<import("../../../../types/icon").IconProps>;
+export default CalendarToday;

package/dist/components/icon/icons/action/calendar-today.mjs

@@ -0,0 +1,18 @@
+import React from 'react';
+import { withIcon } from '../../hoc.mjs';
+
+var CalendarToday = withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M20 3H19V1H17V3H7V1H5V3H4C2.9 3 2 3.9 2 5V21C2 22.1 2.9 23 4 23H20C21.1 23 22 22.1 22 21V5C22 3.9 21.1 3 20 3ZM20 21H4V10H20V21ZM20 8H4V5H20V8Z",
+    fill: "currentColor"
+  }));
+});
+
+export { CalendarToday as default };

package/dist/components/icon/icons/action/index.cjs

@@ -21,6 +21,7 @@ var preview = require('./preview.cjs');
 var logout = require('./logout.cjs');
 var schedule = require('./schedule.cjs');
 var turnedIn = require('./turned-in.cjs');
+var calendarToday = require('./calendar-today.cjs');
 
 
 
@@ -45,3 +46,4 @@ exports.Preview = preview.default;
 exports.Logout = logout.default;
 exports.Schedule = schedule.default;
 exports.TurnedIn = turnedIn.default;
+exports.CalendarToday = calendarToday.default;

package/dist/components/icon/icons/action/index.d.ts

@@ -19,4 +19,5 @@ import Preview from "./preview";
 import Logout from "./logout";
 import Schedule from "./schedule";
 import TurnedIn from "./turned-in";
-export { Visibility, VisibilityOff, CheckCircleOutline, Done, CheckCircle, SwapHoriz, SwapVert, ZoomOut, ZoomIn, DoneOutline, Translate, Code, OpenInNew, Delete, ThreeDRotation, AccountCircle, RocketLaunch, Preview, Logout, Schedule, TurnedIn, };
+import CalendarToday from "./calendar-today";
+export { Visibility, VisibilityOff, CheckCircleOutline, Done, CheckCircle, SwapHoriz, SwapVert, ZoomOut, ZoomIn, DoneOutline, Translate, Code, OpenInNew, Delete, ThreeDRotation, AccountCircle, RocketLaunch, Preview, Logout, Schedule, TurnedIn, CalendarToday, };

package/dist/components/icon/icons/action/index.mjs

@@ -19,3 +19,4 @@ export { default as Preview } from './preview.mjs';
 export { default as Logout } from './logout.mjs';
 export { default as Schedule } from './schedule.mjs';
 export { default as TurnedIn } from './turned-in.mjs';
+export { default as CalendarToday } from './calendar-today.mjs';

package/dist/components/icon/icons/communication/index.d.ts

@@ -0,0 +1,2 @@
+import LocationOn from "./location-on";
+export { LocationOn };

package/dist/components/icon/icons/communication/location-on.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hoc = require('../../hoc.cjs');
+
+var LocationOn = hoc.withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M12 2C8.13 2 5 5.13 5 9C5 14.25 12 22 12 22C12 22 19 14.25 19 9C19 5.13 15.87 2 12 2ZM7 9C7 6.24 9.24 4 12 4C14.76 4 17 6.24 17 9C17 11.88 14.12 16.19 12 18.88C9.92 16.21 7 11.85 7 9Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12 11.5C13.3807 11.5 14.5 10.3807 14.5 9C14.5 7.61929 13.3807 6.5 12 6.5C10.6193 6.5 9.5 7.61929 9.5 9C9.5 10.3807 10.6193 11.5 12 11.5Z",
+    fill: "currentColor"
+  }));
+});
+
+exports.default = LocationOn;

package/dist/components/icon/icons/communication/location-on.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const LocationOn: (props: Omit<import("../../../../types/icon").IconProps, "as">) => React.FunctionComponentElement<import("../../../../types/icon").IconProps>;
+export default LocationOn;

package/dist/components/icon/icons/communication/location-on.mjs

@@ -0,0 +1,21 @@
+import React from 'react';
+import { withIcon } from '../../hoc.mjs';
+
+var LocationOn = withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M12 2C8.13 2 5 5.13 5 9C5 14.25 12 22 12 22C12 22 19 14.25 19 9C19 5.13 15.87 2 12 2ZM7 9C7 6.24 9.24 4 12 4C14.76 4 17 6.24 17 9C17 11.88 14.12 16.19 12 18.88C9.92 16.21 7 11.85 7 9Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12 11.5C13.3807 11.5 14.5 10.3807 14.5 9C14.5 7.61929 13.3807 6.5 12 6.5C10.6193 6.5 9.5 7.61929 9.5 9C9.5 10.3807 10.6193 11.5 12 11.5Z",
+    fill: "currentColor"
+  }));
+});
+
+export { LocationOn as default };

package/dist/components/icon/icons/content/add.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hoc = require('../../hoc.cjs');
+
+var Add = hoc.withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 14 14",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z",
+    fill: "currentColor"
+  }));
+});
+
+exports.default = Add;

package/dist/components/icon/icons/content/add.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Add: (props: Omit<import("../../../../types/icon").IconProps, "as">) => React.FunctionComponentElement<import("../../../../types/icon").IconProps>;
+export default Add;

package/dist/components/icon/icons/content/add.mjs

@@ -0,0 +1,18 @@
+import React from 'react';
+import { withIcon } from '../../hoc.mjs';
+
+var Add = withIcon(function (_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 14 14",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z",
+    fill: "currentColor"
+  }));
+});
+
+export { Add as default };

package/dist/components/icon/icons/content/clear.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var hoc = require('../../hoc.cjs');
 
-var Redo = hoc.withIcon(function (_ref) {
+var Clear = hoc.withIcon(function (_ref) {
   var size = _ref.size;
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -19,4 +19,4 @@ var Redo = hoc.withIcon(function (_ref) {
   }));
 });
 
-exports.default = Redo;
+exports.default = Clear;

package/dist/components/icon/icons/content/clear.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const Redo: (props: Omit<import("../../../../types/icon").IconProps, "as">) => React.FunctionComponentElement<import("../../../../types/icon").IconProps>;
-export default Redo;
+declare const Clear: (props: Omit<import("../../../../types/icon").IconProps, "as">) => React.FunctionComponentElement<import("../../../../types/icon").IconProps>;
+export default Clear;

package/dist/components/icon/icons/content/clear.mjs

@@ -1,7 +1,7 @@
 import React from 'react';
 import { withIcon } from '../../hoc.mjs';
 
-var Redo = withIcon(function (_ref) {
+var Clear = withIcon(function (_ref) {
   var size = _ref.size;
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -15,4 +15,4 @@ var Redo = withIcon(function (_ref) {
   }));
 });
 
-export { Redo as default };
+export { Clear as default };

package/dist/components/icon/icons/content/index.cjs

@@ -5,6 +5,8 @@ var redo = require('./redo.cjs');
 var undo = require('./undo.cjs');
 var linkOff = require('./link-off.cjs');
 var fontDownload = require('./font-download.cjs');
+var remove = require('./remove.cjs');
+var add = require('./add.cjs');
 
 
 
@@ -13,3 +15,5 @@ exports.Redo = redo.default;
 exports.Undo = undo.default;
 exports.LinkOff = linkOff.default;
 exports.FontDownload = fontDownload.default;
+exports.Remove = remove.default;
+exports.Add = add.default;

package/dist/components/icon/icons/content/index.d.ts

@@ -3,4 +3,6 @@ import Redo from "./redo";
 import Undo from "./undo";
 import LinkOff from "./link-off";
 import FontDownload from "./font-download";
-export { Clear, Redo, Undo, LinkOff, FontDownload };
+import Remove from "./remove";
+import Add from "./add";
+export { Clear, Redo, Undo, LinkOff, FontDownload, Remove, Add };