@1money/component-ui 0.0.49 → 0.0.50

package/lib/components/Checkbox/CheckboxGroup.js

@@ -0,0 +1,151 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.CheckboxGroup = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _hooks = require("@1money/hooks");
+var _classnames = _interopRequireWildcard(require("../../utils/classnames"));
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
+var _CheckboxGroupContext = require("./CheckboxGroupContext");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var isOptionObject = function isOptionObject(option) {
+  return (0, _typeof2["default"])(option) === 'object' && option !== null && 'value' in option;
+};
+var normalizeOption = function normalizeOption(option) {
+  if (isOptionObject(option)) {
+    return option;
+  }
+  return {
+    label: String(option),
+    value: option
+  };
+};
+var includesValue = function includesValue(values, target) {
+  return values.some(function (value) {
+    return Object.is(value, target);
+  });
+};
+var orderValuesByRegistration = function orderValuesByRegistration(values, registeredValues) {
+  var ordered = registeredValues.filter(function (item) {
+    return includesValue(values, item);
+  });
+  var rest = values.filter(function (item) {
+    return !includesValue(registeredValues, item);
+  });
+  return [].concat((0, _toConsumableArray2["default"])(ordered), (0, _toConsumableArray2["default"])(rest));
+};
+var CheckboxGroup = exports.CheckboxGroup = function CheckboxGroup(props) {
+  var ref = props.ref,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'checkbox-group' : _props$prefixCls,
+    name = props.name,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    options = props.options,
+    value = props.value,
+    _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,
+    onChange = props.onChange,
+    children = props.children,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
+    title = props.title,
+    ariaLabel = props['aria-label'],
+    ariaLabelledBy = props['aria-labelledby'];
+  var classes = (0, _classnames["default"])(prefixCls);
+  var normalizedOptions = (0, _react.useMemo)(function () {
+    var _a;
+    return (_a = options === null || options === void 0 ? void 0 : options.map(normalizeOption)) !== null && _a !== void 0 ? _a : [];
+  }, [options]);
+  var _useControlledState = (0, _hooks.useControlledState)(defaultValue, value),
+    _useControlledState2 = (0, _slicedToArray2["default"])(_useControlledState, 2),
+    innerValue = _useControlledState2[0],
+    setInnerValue = _useControlledState2[1];
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    registeredValues = _useState2[0],
+    setRegisteredValues = _useState2[1];
+  var cancelValue = (0, _hooks.useEventCallback)(function (optionValue) {
+    setRegisteredValues(function (prevValues) {
+      return prevValues.filter(function (valueItem) {
+        return !Object.is(valueItem, optionValue);
+      });
+    });
+  });
+  var registerValue = (0, _hooks.useEventCallback)(function (optionValue) {
+    setRegisteredValues(function (prevValues) {
+      if (includesValue(prevValues, optionValue)) {
+        return prevValues;
+      }
+      return [].concat((0, _toConsumableArray2["default"])(prevValues), [optionValue]);
+    });
+  });
+  var toggleOption = (0, _hooks.useEventCallback)(function (option) {
+    if (disabled) {
+      return;
+    }
+    var optionIndex = innerValue.findIndex(function (valueItem) {
+      return Object.is(valueItem, option.value);
+    });
+    var nextValue = (0, _toConsumableArray2["default"])(innerValue);
+    if (optionIndex === -1) {
+      nextValue.push(option.value);
+    } else {
+      nextValue.splice(optionIndex, 1);
+    }
+    var orderedValue = orderValuesByRegistration(nextValue, registeredValues);
+    setInnerValue(orderedValue);
+    onChange === null || onChange === void 0 ? void 0 : onChange(orderedValue);
+  });
+  var renderedOptions = normalizedOptions.map(function (option, index) {
+    return (0, _jsxRuntime.jsx)(_Checkbox["default"], {
+      className: option.className,
+      description: option.description,
+      disabled: option.disabled,
+      id: option.id,
+      indeterminate: option.indeterminate,
+      label: option.label,
+      labelPlacement: option.labelPlacement,
+      onChange: option.onChange,
+      required: option.required,
+      title: option.title,
+      value: option.value
+    }, "".concat(String(option.value), "-").concat(index));
+  });
+  var contextValue = (0, _react.useMemo)(function () {
+    return {
+      name: name,
+      disabled: disabled,
+      value: innerValue,
+      cancelValue: cancelValue,
+      registerValue: registerValue,
+      toggleOption: toggleOption
+    };
+  }, [name, disabled, innerValue, cancelValue, registerValue, toggleOption]);
+  return (0, _jsxRuntime.jsx)(_CheckboxGroupContext.CheckboxGroupContext.Provider, {
+    value: contextValue,
+    children: (0, _jsxRuntime.jsx)("div", {
+      ref: ref,
+      role: "group",
+      title: title,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      className: classes(undefined, (0, _classnames.joinCls)(classes(direction), disabled && classes('disabled'), className)),
+      children: children !== null && children !== void 0 ? children : renderedOptions
+    })
+  });
+};
+CheckboxGroup.displayName = 'CheckboxGroup';
+var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(CheckboxGroup);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2hlY2tib3gvQ2hlY2tib3hHcm91cC5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvQ2hlY2tib3hHcm91cC50c3giXSwibmFtZXMiOlsiX2pzeFJ1bnRpbWUiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX2hvb2tzIiwiX2NsYXNzbmFtZXMiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsIl9DaGVja2JveCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfQ2hlY2tib3hHcm91cENvbnRleHQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YzIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0IiwiaXNPcHRpb25PYmplY3QiLCJvcHRpb24iLCJfdHlwZW9mMiIsIm5vcm1hbGl6ZU9wdGlvbiIsImxhYmVsIiwiU3RyaW5nIiwidmFsdWUiLCJpbmNsdWRlc1ZhbHVlIiwidmFsdWVzIiwidGFyZ2V0Iiwic29tZSIsImlzIiwib3JkZXJWYWx1ZXNCeVJlZ2lzdHJhdGlvbiIsInJlZ2lzdGVyZWRWYWx1ZXMiLCJvcmRlcmVkIiwiZmlsdGVyIiwiaXRlbSIsInJlc3QiLCJjb25jYXQiLCJfdG9Db25zdW1hYmxlQXJyYXkyIiwiQ2hlY2tib3hHcm91cCIsImV4cG9ydHMiLCJwcm9wcyIsInJlZiIsIl9wcm9wcyRjbGFzc05hbWUiLCJjbGFzc05hbWUiLCJfcHJvcHMkcHJlZml4Q2xzIiwicHJlZml4Q2xzIiwibmFtZSIsIl9wcm9wcyRkaXNhYmxlZCIsImRpc2FibGVkIiwib3B0aW9ucyIsIl9wcm9wcyRkZWZhdWx0VmFsdWUiLCJkZWZhdWx0VmFsdWUiLCJvbkNoYW5nZSIsImNoaWxkcmVuIiwiX3Byb3BzJGRpcmVjdGlvbiIsImRpcmVjdGlvbiIsInRpdGxlIiwiYXJpYUxhYmVsIiwiYXJpYUxhYmVsbGVkQnkiLCJjbGFzc2VzIiwiY2xhc3NuYW1lcyIsIm5vcm1hbGl6ZWRPcHRpb25zIiwidXNlTWVtbyIsIl9hIiwibWFwIiwiX3VzZUNvbnRyb2xsZWRTdGF0ZSIsInVzZUNvbnRyb2xsZWRTdGF0ZSIsIl91c2VDb250cm9sbGVkU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkyIiwiaW5uZXJWYWx1ZSIsInNldElubmVyVmFsdWUiLCJfdXNlU3RhdGUiLCJ1c2VTdGF0ZSIsIl91c2VTdGF0ZTIiLCJzZXRSZWdpc3RlcmVkVmFsdWVzIiwiY2FuY2VsVmFsdWUiLCJ1c2VFdmVudENhbGxiYWNrIiwib3B0aW9uVmFsdWUiLCJwcmV2VmFsdWVzIiwidmFsdWVJdGVtIiwicmVnaXN0ZXJWYWx1ZSIsInRvZ2dsZU9wdGlvbiIsIm9wdGlvbkluZGV4IiwiZmluZEluZGV4IiwibmV4dFZhbHVlIiwicHVzaCIsInNwbGljZSIsIm9yZGVyZWRWYWx1ZSIsInJlbmRlcmVkT3B0aW9ucyIsImluZGV4IiwiX2pzeCIsIkNoZWNrYm94QmFzZSIsImRlc2NyaXB0aW9uIiwiaWQiLCJpbmRldGVybWluYXRlIiwibGFiZWxQbGFjZW1lbnQiLCJyZXF1aXJlZCIsImNvbnRleHRWYWx1ZSIsIkNoZWNrYm94R3JvdXBDb250ZXh0IiwiUHJvdmlkZXIiLCJyb2xlIiwidW5kZWZpbmVkIiwiam9pbkNscyIsImRpc3BsYXlOYW1lIiwiX2RlZmF1bHQiLCJtZW1vIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ0FBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLE1BQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLFdBQUEsR0FBQUMsdUJBQUEsQ0FBQUosT0FBQTtBQUNBLElBQUFLLFNBQUEsR0FBQUMsc0JBQUEsQ0FBQU4sT0FBQTtBQUNBLElBQUFP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aUJBQUEsRUFDSkMsY0FBYztNQUMvQmYsU0FBUyxFQUFFZ0IsT0FBTyxDQUNoQjBDLFNBQVMsRUFDVCxJQUFBQyxtQkFBTyxFQUNMM0MsT0FBTyxDQUFDSixTQUFTLENBQUMsRUFDbEJQLFFBQVEsSUFBSVcsT0FBTyxDQUFDLFVBQVUsQ0FBQyxFQUMvQmhCLFNBQVMsQ0FDVixDQUNGO01BQUFVLFFBQUEsRUFFQUEsUUFBUSxLQUFBLElBQUEsSUFBUkEsUUFBUSxLQUFBLEtBQUEsQ0FBQSxHQUFSQSxRQUFRLEdBQUltQztJQUFlLENBQUE7RUFDeEIsQ0FBQSxDQUN3QjtBQUVwQyxDQUFDO0FBRURsRCxhQUFhLENBQUNpRSxXQUFXLEdBQUcsZUFBZTtBQUFDLElBQUFDLFFBQUEsR0FBQWpFLE9BQUEsMkJBRTdCLElBQUFrRSxXQUFJLEVBQUNuRSxhQUFhLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9DaGVja2JveC9DaGVja2JveEdyb3VwLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8sIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlQ29udHJvbGxlZFN0YXRlLCB1c2VFdmVudENhbGxiYWNrIH0gZnJvbSAnQDFtb25leS9ob29rcyc7XG5pbXBvcnQgeyBkZWZhdWx0IGFzIGNsYXNzbmFtZXMsIGpvaW5DbHMgfSBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCBDaGVja2JveEJhc2UgZnJvbSAnLi9DaGVja2JveCc7XG5pbXBvcnQgeyBDaGVja2JveEdyb3VwQ29udGV4dCB9IGZyb20gJy4vQ2hlY2tib3hHcm91cENvbnRleHQnO1xuY29uc3QgaXNPcHRpb25PYmplY3QgPSAob3B0aW9uKSA9PiB0eXBlb2Ygb3B0aW9uID09PSAnb2JqZWN0JyAmJiBvcHRpb24gIT09IG51bGwgJiYgJ3ZhbHVlJyBpbiBvcHRpb247XG5jb25zdCBub3JtYWxpemVPcHRpb24gPSAob3B0aW9uKSA9PiB7XG4gICAgaWYgKGlzT3B0aW9uT2JqZWN0KG9wdGlvbikpIHtcbiAgICAgICAgcmV0dXJuIG9wdGlvbjtcbiAgICB9XG4gICAgcmV0dXJuIHtcbiAgICAgICAgbGFiZWw6IFN0cmluZyhvcHRpb24pLFxuICAgICAgICB2YWx1ZTogb3B0aW9uLFxuICAgIH07XG59O1xuY29uc3QgaW5jbHVkZXNWYWx1ZSA9ICh2YWx1ZXMsIHRhcmdldCkgPT4gdmFsdWVzLnNvbWUoKHZhbHVlKSA9PiBPYmplY3QuaXModmFsdWUsIHRhcmdldCkpO1xuY29uc3Qgb3JkZXJWYWx1ZXNCeVJlZ2lzdHJhdGlvbiA9ICh2YWx1ZXMsIHJlZ2lzdGVyZWRWYWx1ZXMpID0+IHtcbiAgICBjb25zdCBvcmRlcmVkID0gcmVnaXN0ZXJlZFZhbHVlcy5maWx0ZXIoKGl0ZW0pID0+IGluY2x1ZGVzVmFsdWUodmFsdWVzLCBpdGVtKSk7XG4gICAgY29uc3QgcmVzdCA9IHZhbHVlcy5maWx0ZXIoKGl0ZW0pID0+ICFpbmNsdWRlc1ZhbHVlKHJlZ2lzdGVyZWRWYWx1ZXMsIGl0ZW0pKTtcbiAgICByZXR1cm4gWy4uLm9yZGVyZWQsIC4uLnJlc3RdO1xufTtcbmV4cG9ydCBjb25zdCBDaGVja2JveEdyb3VwID0gKHByb3BzKSA9PiB7XG4gICAgY29uc3QgeyByZWYsIGNsYXNzTmFtZSA9ICcnLCBwcmVmaXhDbHMgPSAnY2hlY2tib3gtZ3JvdXAnLCBuYW1lLCBkaXNhYmxlZCA9IGZhbHNlLCBvcHRpb25zLCB2YWx1ZSwgZGVmYXVsdFZhbHVlID0gW10sIG9uQ2hhbmdlLCBjaGlsZHJlbiwgZGlyZWN0aW9uID0gJ2hvcml6b250YWwnLCB0aXRsZSwgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsICdhcmlhLWxhYmVsbGVkYnknOiBhcmlhTGFiZWxsZWRCeSwgfSA9IHByb3BzO1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc25hbWVzKHByZWZpeENscyk7XG4gICAgY29uc3Qgbm9ybWFsaXplZE9wdGlvbnMgPSB1c2VNZW1vKCgpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gb3B0aW9ucyA9PT0gbnVsbCB8fCBvcHRpb25zID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvcHRpb25zLm1hcChub3JtYWxpemVPcHRpb24pKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBbXTsgfSwgW29wdGlvbnNdKTtcbiAgICBjb25zdCBbaW5uZXJWYWx1ZSwgc2V0SW5uZXJWYWx1ZV0gPSB1c2VDb250cm9sbGVkU3RhdGUoZGVmYXVsdFZhbHVlLCB2YWx1ZSk7XG4gICAgY29uc3QgW3JlZ2lzdGVyZWRWYWx1ZXMsIHNldFJlZ2lzdGVyZWRWYWx1ZXNdID0gdXNlU3RhdGUoW10pO1xuICAgIGNvbnN0IGNhbmNlbFZhbHVlID0gdXNlRXZlbnRDYWxsYmFjaygob3B0aW9uVmFsdWUpID0+IHtcbiAgICAgICAgc2V0UmVnaXN0ZXJlZFZhbHVlcygocHJldlZhbHVlcykgPT4gcHJldlZhbHVlcy5maWx0ZXIoKHZhbHVlSXRlbSkgPT4gIU9iamVjdC5pcyh2YWx1ZUl0ZW0sIG9wdGlvblZhbHVlKSkpO1xuICAgIH0pO1xuICAgIGNvbnN0IHJlZ2lzdGVyVmFsdWUgPSB1c2VFdmVudENhbGxiYWNrKChvcHRpb25WYWx1ZSkgPT4ge1xuICAgICAgICBzZXRSZWdpc3RlcmVkVmFsdWVzKChwcmV2VmFsdWVzKSA9PiB7XG4gICAgICAgICAgICBpZiAoaW5jbHVkZXNWYWx1ZShwcmV2VmFsdWVzLCBvcHRpb25WYWx1ZSkpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4gcHJldlZhbHVlcztcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHJldHVybiBbLi4ucHJldlZhbHVlcywgb3B0aW9uVmFsdWVdO1xuICAgICAgICB9KTtcbiAgICB9KTtcbiAgICBjb25zdCB0b2dnbGVPcHRpb24gPSB1c2VFdmVudENhbGxiYWNrKChvcHRpb24pID0+IHtcbiAgICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgY29uc3Qgb3B0aW9uSW5kZXggPSBpbm5lclZhbHVlLmZpbmRJbmRleCgodmFsdWVJdGVtKSA9PiBPYmplY3QuaXModmFsdWVJdGVtLCBvcHRpb24udmFsdWUpKTtcbiAgICAgICAgY29uc3QgbmV4dFZhbHVlID0gWy4uLmlubmVyVmFsdWVdO1xuICAgICAgICBpZiAob3B0aW9uSW5kZXggPT09IC0xKSB7XG4gICAgICAgICAgICBuZXh0VmFsdWUucHVzaChvcHRpb24udmFsdWUpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgbmV4dFZhbHVlLnNwbGljZShvcHRpb25JbmRleCwgMSk7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3Qgb3JkZXJlZFZhbHVlID0gb3JkZXJWYWx1ZXNCeVJlZ2lzdHJhdGlvbihuZXh0VmFsdWUsIHJlZ2lzdGVyZWRWYWx1ZXMpO1xuICAgICAgICBzZXRJbm5lclZhbHVlKG9yZGVyZWRWYWx1ZSk7XG4gICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShvcmRlcmVkVmFsdWUpO1xuICAgIH0pO1xuICAgIGNvbnN0IHJlbmRlcmVkT3B0aW9ucyA9IG5vcm1hbGl6ZWRPcHRpb25zLm1hcCgob3B0aW9uLCBpbmRleCkgPT4gKF9qc3goQ2hlY2tib3hCYXNlLCB7IGNsYXNzTmFtZTogb3B0aW9uLmNsYXNzTmFtZSwgZGVzY3JpcHRpb246IG9wdGlvbi5kZXNjcmlwdGlvbiwgZGlzYWJsZWQ6IG9wdGlvbi5kaXNhYmxlZCwgaWQ6IG9wdGlvbi5pZCwgaW5kZXRlcm1pbmF0ZTogb3B0aW9uLmluZGV0ZXJtaW5hdGUsIGxhYmVsOiBvcHRpb24ubGFiZWwsIGxhYmVsUGxhY2VtZW50OiBvcHRpb24ubGFiZWxQbGFjZW1lbnQsIG9uQ2hhbmdlOiBvcHRpb24ub25DaGFuZ2UsIHJlcXVpcmVkOiBvcHRpb24ucmVxdWlyZWQsIHRpdGxlOiBvcHRpb24udGl0bGUsIHZhbHVlOiBvcHRpb24udmFsdWUgfSwgYCR7U3RyaW5nKG9wdGlvbi52YWx1ZSl9LSR7aW5kZXh9YCkpKTtcbiAgICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKCgpID0+ICh7XG4gICAgICAgIG5hbWUsXG4gICAgICAgIGRpc2FibGVkLFxuICAgICAgICB2YWx1ZTogaW5uZXJWYWx1ZSxcbiAgICAgICAgY2FuY2VsVmFsdWUsXG4gICAgICAgIHJlZ2lzdGVyVmFsdWUsXG4gICAgICAgIHRvZ2dsZU9wdGlvbixcbiAgICB9KSwgW25hbWUsIGRpc2FibGVkLCBpbm5lclZhbHVlLCBjYW5jZWxWYWx1ZSwgcmVnaXN0ZXJWYWx1ZSwgdG9nZ2xlT3B0aW9uXSk7XG4gICAgcmV0dXJuIChfanN4KENoZWNrYm94R3JvdXBDb250ZXh0LlByb3ZpZGVyLCB7IHZhbHVlOiBjb250ZXh0VmFsdWUsIGNoaWxkcmVuOiBfanN4KFwiZGl2XCIsIHsgcmVmOiByZWYsIHJvbGU6IFwiZ3JvdXBcIiwgdGl0bGU6IHRpdGxlLCBcImFyaWEtbGFiZWxcIjogYXJpYUxhYmVsLCBcImFyaWEtbGFiZWxsZWRieVwiOiBhcmlhTGFiZWxsZWRCeSwgY2xhc3NOYW1lOiBjbGFzc2VzKHVuZGVmaW5lZCwgam9pbkNscyhjbGFzc2VzKGRpcmVjdGlvbiksIGRpc2FibGVkICYmIGNsYXNzZXMoJ2Rpc2FibGVkJyksIGNsYXNzTmFtZSkpLCBjaGlsZHJlbjogY2hpbGRyZW4gIT09IG51bGwgJiYgY2hpbGRyZW4gIT09IHZvaWQgMCA/IGNoaWxkcmVuIDogcmVuZGVyZWRPcHRpb25zIH0pIH0pKTtcbn07XG5DaGVja2JveEdyb3VwLmRpc3BsYXlOYW1lID0gJ0NoZWNrYm94R3JvdXAnO1xuZXhwb3J0IGRlZmF1bHQgbWVtbyhDaGVja2JveEdyb3VwKTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Checkbox/CheckboxGroupContext.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import type { CheckboxValueType } from './interface';
+export interface CheckboxGroupContextValue {
+    name?: string;
+    disabled: boolean;
+    value: CheckboxValueType[];
+    cancelValue: (value: CheckboxValueType) => void;
+    registerValue: (value: CheckboxValueType) => void;
+    toggleOption: (option: {
+        label?: ReactNode;
+        value: CheckboxValueType;
+    }) => void;
+}
+export declare const CheckboxGroupContext: import("react").Context<CheckboxGroupContextValue | null>;

package/lib/components/Checkbox/CheckboxGroupContext.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckboxGroupContext = void 0;
+var _react = require("react");
+var CheckboxGroupContext = exports.CheckboxGroupContext = /*#__PURE__*/(0, _react.createContext)(null);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvQ2hlY2tib3hHcm91cENvbnRleHQudHMiXSwibmFtZXMiOlsiX3JlYWN0IiwicmVxdWlyZSIsIkNoZWNrYm94R3JvdXBDb250ZXh0IiwiZXhwb3J0cyIsImNyZWF0ZUNvbnRleHQiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsT0FBQTtBQWdCTyxJQUFNQyxvQkFBb0IsR0FBQUMsT0FBQSxDQUFBRCxvQkFBQSxnQkFDL0IsSUFBQUUsb0JBQWEsRUFBbUMsSUFBSSxDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvQ2hlY2tib3gvQ2hlY2tib3hHcm91cENvbnRleHQuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Checkbox/constants.d.ts

@@ -0,0 +1,17 @@
+import type { TypographyBodySize, TypographyColor } from "../Typography";
+export declare const CHECKBOX: {
+    readonly label: {
+        readonly size: TypographyBodySize;
+        readonly color: {
+            readonly default: TypographyColor;
+            readonly disabled: TypographyColor;
+        };
+    };
+    readonly description: {
+        readonly size: TypographyBodySize;
+        readonly color: {
+            readonly default: TypographyColor;
+            readonly disabled: TypographyColor;
+        };
+    };
+};

package/lib/components/Checkbox/constants.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CHECKBOX = void 0;
+var CHECKBOX = exports.CHECKBOX = {
+  label: {
+    size: 'lg',
+    color: {
+      "default": 'default',
+      disabled: 'disabled'
+    }
+  },
+  description: {
+    size: 'md',
+    color: {
+      "default": 'default-tertiary',
+      disabled: 'disabled'
+    }
+  }
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvY29uc3RhbnRzLnRzIiwiY29tcG9uZW50cy9DaGVja2JveC9jb25zdGFudHMuanMiXSwibmFtZXMiOlsiQ0hFQ0tCT1giLCJleHBvcnRzIiwibGFiZWwiLCJzaXplIiwiY29sb3IiLCJkaXNhYmxlZCIsImRlc2NyaXB0aW9uIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFFTyxJQUFNQSxRQUFRLEdBQUFDLE9BQUEsQ0FBQUQsUUFBQSxHQUFHO0VBQ3RCRSxLQUFLLEVBQUU7SUFDTEMsSUFBSSxFQUFFLElBQTBCO0lBQ2hDQyxLQUFLLEVBQUU7TUFDTCxXQUFTLFNBQTRCO01BQ3JDQyxRQUFRLEVBQUU7SUNEUjtFQUNKLENERUQ7RUFDREMsV0FBVyxFQUFFO0lBQ1hILElBQUksRUFBRSxJQUEwQjtJQUNoQ0MsS0FBSyxFQUFFO01BQ0wsV0FBUyxrQkFBcUM7TUFDOUNDLFFBQVEsRUFBRTtJQ0RSO0VBQ0o7QUFDSixDREVVIiwiZmlsZSI6ImNvbXBvbmVudHMvQ2hlY2tib3gvY29uc3RhbnRzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJleHBvcnQgY29uc3QgQ0hFQ0tCT1ggPSB7XG4gICAgbGFiZWw6IHtcbiAgICAgICAgc2l6ZTogJ2xnJyxcbiAgICAgICAgY29sb3I6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6ICdkZWZhdWx0JyxcbiAgICAgICAgICAgIGRpc2FibGVkOiAnZGlzYWJsZWQnLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgZGVzY3JpcHRpb246IHtcbiAgICAgICAgc2l6ZTogJ21kJyxcbiAgICAgICAgY29sb3I6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6ICdkZWZhdWx0LXRlcnRpYXJ5JyxcbiAgICAgICAgICAgIGRpc2FibGVkOiAnZGlzYWJsZWQnLFxuICAgICAgICB9LFxuICAgIH0sXG59OyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Checkbox/index.d.ts

@@ -0,0 +1,10 @@
+import type { NamedExoticComponent } from 'react';
+import type { CheckboxGroupProps, CheckboxProps } from './interface';
+export interface CheckboxComponent extends NamedExoticComponent<CheckboxProps> {
+    Group: NamedExoticComponent<CheckboxGroupProps>;
+}
+export declare const Checkbox: CheckboxComponent;
+export { CheckboxGroup } from './CheckboxGroup';
+export default Checkbox;
+export * from './interface';
+export * from './constants';

package/lib/components/Checkbox/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Checkbox: true,
+  CheckboxGroup: true
+};
+exports.Checkbox = void 0;
+Object.defineProperty(exports, "CheckboxGroup", {
+  enumerable: true,
+  get: function get() {
+    return _CheckboxGroup.CheckboxGroup;
+  }
+});
+exports["default"] = void 0;
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
+var _CheckboxGroup = _interopRequireWildcard(require("./CheckboxGroup"));
+var _interface = require("./interface");
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interface[key];
+    }
+  });
+});
+var _constants = require("./constants");
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _constants[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+_Checkbox["default"].displayName = 'Checkbox';
+var Checkbox = exports.Checkbox = Object.assign(_Checkbox["default"], {
+  Group: _CheckboxGroup["default"]
+});
+var _default = exports["default"] = Checkbox;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvaW5kZXgudHMiLCJjb21wb25lbnRzL0NoZWNrYm94L2luZGV4LmpzIl0sIm5hbWVzIjpbIl9DaGVja2JveCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJyZXF1aXJlIiwiX0NoZWNrYm94R3JvdXAiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsIl9pbnRlcmZhY2UiLCJPYmplY3QiLCJrZXlzIiwiZm9yRWFjaCIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIl9leHBvcnROYW1lcyIsImV4cG9ydHMiLCJkZWZpbmVQcm9wZXJ0eSIsImVudW1lcmFibGUiLCJnZXQiLCJfY29uc3RhbnRzIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwibiIsIl9fcHJvdG9fXyIsImEiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaSIsInNldCIsIkNoZWNrYm94QmFzZSIsImRpc3BsYXlOYW1lIiwiQ2hlY2tib3giLCJhc3NpZ24iLCJHcm91cCIsIkNoZWNrYm94R3JvdXAiLCJfZGVmYXVsdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBLElBQUFBLFNBQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGNBQUEsR0FBQUMsdUJBQUEsQ0FBQUYsT0FBQTtBQWlCQSxJQUFBRyxVQUFBLEdBQUFILE9BQUE7QUFBQUksTUFBQSxDQUFBQyxJQUFBLENBQUFGLFVBQUEsRUFBQUcsT0FBQSxXQUFBQyxHQUFBO0VBQUEsSUFBQUEsR0FBQSxrQkFBQUEsR0FBQTtFQUFBLElBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQUMsWUFBQSxFQUFBSixHQUFBO0VBQUEsSUFBQUEsR0FBQSxJQUFBSyxPQUFBLElBQUFBLE9BQUEsQ0FBQUwsR0FBQSxNQUFBSixVQUFBLENBQUFJLEdBQUE7RUFBQUgsTUFBQSxDQUFBUyxjQUFBLENBQUFELE9BQUEsRUFBQUwsR0FBQTtJQUFBTyxVQUFBO0lBQUFDLEdBQUEsV0FBQUEsSUFBQTtNQUFBLE9BQUFaLFVBQUEsQ0FBQUksR0FBQTtJQUFBO0VBQUE7QUFBQTtBQUNBLElBQUFTLFVBQUEsR0FBQWhCLE9BQUE7QUFBQUksTUFBQSxDQUFBQyxJQUFBLENBQUFXLFVBQUEsRUFBQVYsT0FBQSxXQUFBQyxHQUFBO0VBQUEsSUFBQUEsR0FBQSxrQkFBQUEsR0FBQTtFQUFBLElBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQUMsWUFBQSxFQUFBSixHQUFBO0VBQUEsSUFBQUEsR0FBQSxJQUFBSyxPQUFBLElBQUFBLE9BQUEsQ0FBQUwsR0FBQSxNQUFBUyxVQUFBLENBQUFULEdBQUE7RUFBQUgsTUFBQSxDQUFBUyxjQUFBLENBQUFELE9BQUEsRUFBQUwsR0FBQTtJQUFBTyxVQUFBO0lBQUFDLEdBQUEsV0FBQUEsSUFBQTtNQUFBLE9BQUFDLFVBQUEsQ0FBQVQsR0FBQTtJQUFBO0VBQUE7QUFBQTtBQUE0QixTQUFBVSx5QkFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxtQkFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSx5QkFBQUMsQ0FBQSxXQUFBQSxDQUFBLEdBQUFHLENBQUEsR0FBQUQsQ0FBQSxLQUFBRixDQUFBO0FBQUEsU0FBQWhCLHdCQUFBZ0IsQ0FBQSxFQUFBRSxDQUFBLFNBQUFBLENBQUEsSUFBQUYsQ0FBQSxJQUFBQSxDQUFBLENBQUFJLFVBQUEsU0FBQUosQ0FBQSxlQUFBQSxDQUFBLGdCQUFBSyxPQUFBLENBQUFMLENBQUEsMEJBQUFBLENBQUEsc0JBQUFBLENBQUEsUUFBQUcsQ0FBQSxHQUFBSix3QkFBQSxDQUFBRyxDQUFBLE9BQUFDLENBQUEsSUFBQUEsQ0FBQSxDQUFBRyxHQUFBLENBQUFOLENBQUEsVUFBQUcsQ0FBQSxDQUFBTixHQUFBLENBQUFHLENBQUEsT0FBQU8sQ0FBQSxLQUFBQyxTQUFBLFVBQUFDLENBQUEsR0FBQXZCLE1BQUEsQ0FBQVMsY0FBQSxJQUFBVCxNQUFBLENBQUF3Qix3QkFBQSxXQUFBQyxDQUFBLElBQUFYLENBQUEsb0JBQUFXLENBQUEsT0FBQXBCLGNBQUEsQ0FBQUMsSUFBQSxDQUFBUSxDQUFBLEVBQUFXLENBQUEsU0FBQUMsQ0FBQSxHQUFBSCxDQUFBLEdBQUF2QixNQUFBLENBQUF3Qix3QkFBQSxDQUFBVixDQUFBLEVBQUFXLENBQUEsVUFBQUMsQ0FBQSxLQUFBQSxDQUFBLENBQUFmLEdBQUEsSUFBQWUsQ0FBQSxDQUFBQyxHQUFBLElBQUEzQixNQUFBLENBQUFTLGNBQUEsQ0FBQVksQ0FBQSxFQUFBSSxDQUFBLEVBQUFDLENBQUEsSUFBQUwsQ0FBQSxDQUFBSSxDQUFBLElBQUFYLENBQUEsQ0FBQVcsQ0FBQSxZQUFBSixDQUFBLGNBQUFQLENBQUEsRUFBQUcsQ0FBQSxJQUFBQSxDQUFBLENBQUFVLEdBQUEsQ0FBQWIsQ0FBQSxFQUFBTyxDQUFBLEdBQUFBLENBQUE7QUFYNUJPLG9CQUFZLENBQUNDLFdBQVcsR0FBRyxVQUFVO0FBRTlCLElBQU1DLFFBQVEsR0FBQXRCLE9BQUEsQ0FBQXNCLFFBQUEsR0FBRzlCLE1BQU0sQ0FBQytCLE1BQU0sQ0FBQ0gsb0JBQVksRUFBRTtFQUNsREksS0FBSyxFQUFFQztBQ1BULENEUUMsQ0FBc0I7QUFBQyxJQUFBQyxRQUFBLEdBQUExQixPQUFBLGNBSVRzQixRQUFRIiwiZmlsZSI6ImNvbXBvbmVudHMvQ2hlY2tib3gvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImltcG9ydCBDaGVja2JveEJhc2UgZnJvbSAnLi9DaGVja2JveCc7XG5pbXBvcnQgQ2hlY2tib3hHcm91cCBmcm9tICcuL0NoZWNrYm94R3JvdXAnO1xuQ2hlY2tib3hCYXNlLmRpc3BsYXlOYW1lID0gJ0NoZWNrYm94JztcbmV4cG9ydCBjb25zdCBDaGVja2JveCA9IE9iamVjdC5hc3NpZ24oQ2hlY2tib3hCYXNlLCB7XG4gICAgR3JvdXA6IENoZWNrYm94R3JvdXAsXG59KTtcbmV4cG9ydCB7IENoZWNrYm94R3JvdXAgfSBmcm9tICcuL0NoZWNrYm94R3JvdXAnO1xuZXhwb3J0IGRlZmF1bHQgQ2hlY2tib3g7XG5leHBvcnQgKiBmcm9tICcuL2ludGVyZmFjZSc7XG5leHBvcnQgKiBmcm9tICcuL2NvbnN0YW50cyc7Il0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Checkbox/interface.d.ts

@@ -0,0 +1,77 @@
+import type { CSSProperties, InputHTMLAttributes, ReactNode, RefObject } from 'react';
+export type CheckboxValueType = string | number;
+export interface CheckboxChangeTarget {
+    checked: boolean;
+    disabled: boolean;
+    id?: string;
+    indeterminate: boolean;
+    name?: string;
+    type: 'checkbox';
+    value?: CheckboxValueType;
+}
+export interface CheckboxChangeEvent {
+    nativeEvent: Event;
+    preventDefault: () => void;
+    stopPropagation: () => void;
+    target: CheckboxChangeTarget;
+}
+type NativeCheckboxInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'className' | 'defaultChecked' | 'onChange' | 'size' | 'style' | 'type' | 'value'>;
+export interface CheckboxProps extends NativeCheckboxInputProps {
+    ref?: RefObject<HTMLLabelElement | null>;
+    className?: string;
+    prefixCls?: string;
+    style?: CSSProperties;
+    id?: string;
+    name?: string;
+    value?: CheckboxValueType;
+    required?: boolean;
+    title?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    /** Whether the checkbox is checked (controlled) */
+    checked?: boolean;
+    /** Default checked state (uncontrolled) */
+    defaultChecked?: boolean;
+    /** Whether the checkbox is in indeterminate state */
+    indeterminate?: boolean;
+    /** Whether the checkbox is disabled */
+    disabled?: boolean;
+    /** Label text displayed next to the checkbox */
+    label?: ReactNode;
+    /** Description text displayed below the label */
+    description?: ReactNode;
+    /** Placement of the label relative to the checkbox ('left' places label before checkbox, 'right' places label after) */
+    labelPlacement?: 'left' | 'right';
+    /** Callback when checked state changes */
+    onChange?: (event: CheckboxChangeEvent) => void;
+}
+export interface CheckboxGroupOption {
+    label: ReactNode;
+    value: CheckboxValueType;
+    disabled?: boolean;
+    description?: ReactNode;
+    labelPlacement?: 'left' | 'right';
+    indeterminate?: boolean;
+    className?: string;
+    id?: string;
+    onChange?: (event: CheckboxChangeEvent) => void;
+    required?: boolean;
+    title?: string;
+}
+export interface CheckboxGroupProps {
+    ref?: RefObject<HTMLDivElement | null>;
+    className?: string;
+    prefixCls?: string;
+    name?: string;
+    disabled?: boolean;
+    options?: Array<CheckboxValueType | CheckboxGroupOption>;
+    value?: CheckboxValueType[];
+    defaultValue?: CheckboxValueType[];
+    onChange?: (checkedValue: CheckboxValueType[]) => void;
+    children?: ReactNode;
+    direction?: 'horizontal' | 'vertical';
+    title?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+}
+export {};

package/lib/components/Checkbox/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9DaGVja2JveC9pbnRlcmZhY2UuanMiLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMiLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2hlY2tib3gvaW50ZXJmYWNlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7fTsiXSwibWFwcGluZ3MiOiIiLCJpZ25vcmVMaXN0IjpbXX0=

package/lib/components/Checkbox/style/Checkbox.css

@@ -0,0 +1,191 @@
+/**
+  * Retrieves the spacing value for a given token key.
+  *
+  * @param {string} $key - The spacing token key (e.g., '100', '200').
+  * @return {length|null} The computed spacing value or null if the key is invalid.
+  * @example
+  *   .element {
+  *     padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+/**
+  * Computes the spacing value based on a token key or a direct length value.
+  *
+  * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
+  * @return {length} The computed spacing value.
+  * @example
+  *   .element {
+  *     margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
+  *     padding: om-spacing-value(16px); // Returns 16px
+  *     gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+.om-component-ui-checkbox {
+  display: inline-flex;
+  gap: var(--om-spacing-300, 12px);
+  align-items: flex-start;
+  cursor: pointer;
+}
+.om-component-ui-checkbox-box-wrapper {
+  position: relative;
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  height: calc(var(--om-body-lg-font-size) * 1.375);
+}
+.om-component-ui-checkbox-input {
+  position: absolute;
+  inset: 0;
+  margin: 0;
+  cursor: inherit;
+  opacity: 0;
+}
+.om-component-ui-checkbox-box {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--om-spacing-400, 16px);
+  height: var(--om-spacing-400, 16px);
+  overflow: hidden;
+  background-color: var(--om-bg-default, #fff);
+  border: 1px solid var(--om-border-default-secondary, #9fa3a3);
+  border-radius: var(--om-radius-100, 4px);
+  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
+}
+.om-component-ui-checkbox-box::after {
+  position: absolute;
+  display: table;
+  box-sizing: border-box;
+  top: calc(var(--om-spacing-400, 16px) / 2 - 1px);
+  inset-inline-start: calc(var(--om-spacing-400, 16px) / 4 - 1px);
+  width: calc(5 * var(--om-spacing-400, 16px) / 14);
+  height: calc(8 * var(--om-spacing-400, 16px) / 14);
+  background-color: transparent;
+  border: 1px solid var(--om-icon-on-brand, #dde6f4);
+  border-top: 0;
+  border-inline-start: 0;
+  transform: rotate(45deg) scale(0) translate(-50%, -50%);
+  transform-origin: center;
+  opacity: 0;
+  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
+  content: "";
+}
+.om-component-ui-checkbox-input:checked + .om-component-ui-checkbox-box {
+  background-color: var(--om-bg-brand, #073387);
+  border-color: var(--om-bg-brand, #073387);
+}
+.om-component-ui-checkbox-input:checked + .om-component-ui-checkbox-box::after {
+  top: calc(var(--om-spacing-400, 16px) / 2 - 1px);
+  inset-inline-start: calc(var(--om-spacing-400, 16px) / 4 - 1px);
+  width: calc(5 * var(--om-spacing-400, 16px) / 14);
+  height: calc(8 * var(--om-spacing-400, 16px) / 14);
+  background-color: transparent;
+  border: 1px solid var(--om-icon-on-brand, #dde6f4);
+  border-top: 0;
+  border-inline-start: 0;
+  transform: rotate(45deg) scale(1) translate(-50%, -50%);
+  opacity: 1;
+  transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s, opacity 0.1s;
+}
+.om-component-ui-checkbox-input:focus-visible + .om-component-ui-checkbox-box {
+  border-color: var(--om-border-brand, #073387);
+  box-shadow: 0 0 0 1px var(--om-border-brand, #073387);
+}
+.om-component-ui-checkbox-content {
+  display: flex;
+  flex: 1 0 0;
+  flex-direction: column;
+  justify-content: center;
+  min-width: 0;
+  min-height: 1px;
+}
+.om-component-ui-checkbox-label {
+  display: inline;
+}
+.om-component-ui-checkbox-description {
+  display: inline;
+}
+.om-component-ui-checkbox:not(.om-component-ui-checkbox-disabled):hover .om-component-ui-checkbox-box {
+  border-color: var(--om-border-default-tertiary, #404042);
+}
+.om-component-ui-checkbox:not(.om-component-ui-checkbox-disabled):hover .om-component-ui-checkbox-input:checked + .om-component-ui-checkbox-box {
+  background-color: var(--om-bg-brand-hover, #052561);
+  border-color: var(--om-bg-brand-hover, #052561);
+}
+.om-component-ui-checkbox:not(.om-component-ui-checkbox-disabled):hover .om-component-ui-checkbox-box-wrapper-indeterminate .om-component-ui-checkbox-box {
+  background-color: var(--om-bg-brand-hover, #052561);
+  border-color: var(--om-bg-brand-hover, #052561);
+}
+.om-component-ui-checkbox-box-wrapper-indeterminate .om-component-ui-checkbox-box {
+  background-color: var(--om-bg-brand, #073387);
+  border-color: var(--om-bg-brand, #073387);
+}
+.om-component-ui-checkbox-box-wrapper-indeterminate .om-component-ui-checkbox-box::after {
+  top: 50%;
+  inset-inline-start: 17.5%;
+  width: 65%;
+  height: 7.5%;
+  background-color: var(--om-icon-on-brand, #dde6f4);
+  border: 0;
+  border-radius: var(--om-radius-100, 4px);
+  transform: translateY(-50%);
+  opacity: 1;
+}
+.om-component-ui-checkbox-disabled {
+  cursor: not-allowed;
+}
+.om-component-ui-checkbox-disabled .om-component-ui-checkbox-box {
+  background-color: var(--om-bg-disabled, #f0f0f0);
+  border-color: var(--om-border-disabled, #e3e4e4);
+}
+.om-component-ui-checkbox-disabled .om-component-ui-checkbox-input:checked + .om-component-ui-checkbox-box {
+  background-color: var(--om-bg-disabled, #f0f0f0);
+  border-color: var(--om-border-disabled, #e3e4e4);
+}
+.om-component-ui-checkbox-disabled .om-component-ui-checkbox-input:checked + .om-component-ui-checkbox-box::after {
+  top: calc(var(--om-spacing-400, 16px) / 2 - 1px);
+  inset-inline-start: calc(var(--om-spacing-400, 16px) / 4 - 1px);
+  width: calc(5 * var(--om-spacing-400, 16px) / 14);
+  height: calc(8 * var(--om-spacing-400, 16px) / 14);
+  background-color: transparent;
+  border: 1px solid var(--om-icon-disabled, #d1d2d2);
+  border-top: 0;
+  border-inline-start: 0;
+  transform: rotate(45deg) scale(1) translate(-50%, -50%);
+  opacity: 1;
+}
+.om-component-ui-checkbox-disabled .om-component-ui-checkbox-box-wrapper-indeterminate .om-component-ui-checkbox-box {
+  background-color: var(--om-bg-disabled, #f0f0f0);
+  border-color: var(--om-border-disabled, #e3e4e4);
+}
+.om-component-ui-checkbox-disabled .om-component-ui-checkbox-box-wrapper-indeterminate .om-component-ui-checkbox-box::after {
+  top: 50%;
+  inset-inline-start: 17.5%;
+  width: 65%;
+  height: 7.5%;
+  background-color: var(--om-icon-disabled, #d1d2d2);
+  border: 0;
+  border-radius: var(--om-radius-100, 4px);
+  transform: translateY(-50%);
+  opacity: 1;
+}
+.om-component-ui-checkbox-right .om-component-ui-checkbox-box-wrapper {
+  order: 1;
+}
+.om-component-ui-checkbox-right .om-component-ui-checkbox-content {
+  order: 0;
+}
+
+.om-component-ui-checkbox-group {
+  display: flex;
+  gap: var(--om-spacing-300, 12px);
+  align-items: flex-start;
+}
+.om-component-ui-checkbox-group-horizontal {
+  flex-flow: row wrap;
+}
+.om-component-ui-checkbox-group-vertical {
+  flex-direction: column;
+}

package/lib/components/Checkbox/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./Checkbox.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2hlY2tib3gvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOlsicmVxdWlyZSJdLCJtYXBwaW5ncyI6Ijs7QUFBQUEsT0FBQSIsImZpbGUiOiJjb21wb25lbnRzL0NoZWNrYm94L3N0eWxlL2Nzcy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Checkbox/style/index.d.ts

@@ -0,0 +1 @@
+import './Checkbox.css';

package/lib/components/Checkbox/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./Checkbox.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2hlY2tib3gvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOlsicmVxdWlyZSJdLCJtYXBwaW5ncyI6Ijs7QUFBQUEsT0FBQSIsImZpbGUiOiJjb21wb25lbnRzL0NoZWNrYm94L3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/CoachMark/CoachMark.d.ts

@@ -0,0 +1,4 @@
+import type { CoachMarkProps } from './interface';
+import './style';
+export declare const CoachMark: import("react").NamedExoticComponent<CoachMarkProps>;
+export default CoachMark;