@1money/component-ui 0.0.1

package/lib/components/Checkbox/CheckboxGroup.js

@@ -0,0 +1,150 @@
+"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$orientation = props.orientation,
+    orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
+    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(orientation), disabled && classes('disabled'), className)),
+      children: children !== null && children !== void 0 ? children : renderedOptions
+    })
+  });
+};
+var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(CheckboxGroup);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2hlY2tib3gvQ2hlY2tib3hHcm91cC5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvQ2hlY2tib3hHcm91cC50c3giXSwibmFtZXMiOlsiX2pzeFJ1bnRpbWUiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX2hvb2tzIiwiX2NsYXNzbmFtZXMiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsIl9DaGVja2JveCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfQ2hlY2tib3hHcm91cENvbnRleHQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YzIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0IiwiaXNPcHRpb25PYmplY3QiLCJvcHRpb24iLCJfdHlwZW9mMiIsIm5vcm1hbGl6ZU9wdGlvbiIsImxhYmVsIiwiU3RyaW5nIiwidmFsdWUiLCJpbmNsdWRlc1ZhbHVlIiwidmFsdWVzIiwidGFyZ2V0Iiwic29tZSIsImlzIiwib3JkZXJWYWx1ZXNCeVJlZ2lzdHJhdGlvbiIsInJlZ2lzdGVyZWRWYWx1ZXMiLCJvcmRlcmVkIiwiZmlsdGVyIiwiaXRlbSIsInJlc3QiLCJjb25jYXQiLCJfdG9Db25zdW1hYmxlQXJyYXkyIiwiQ2hlY2tib3hHcm91cCIsImV4cG9ydHMiLCJwcm9wcyIsInJlZiIsIl9wcm9wcyRjbGFzc05hbWUiLCJjbGFzc05hbWUiLCJfcHJvcHMkcHJlZml4Q2xzIiwicHJlZml4Q2xzIiwibmFtZSIsIl9wcm9wcyRkaXNhYmxlZCIsImRpc2FibGVkIiwib3B0aW9ucyIsIl9wcm9wcyRkZWZhdWx0VmFsdWUiLCJkZWZhdWx0VmFsdWUiLCJvbkNoYW5nZSIsImNoaWxkcmVuIiwiX3Byb3BzJG9yaWVudGF0aW9uIiwib3JpZW50YXRpb24iLCJ0aXRsZSIsImFyaWFMYWJlbCIsImFyaWFMYWJlbGxlZEJ5IiwiY2xhc3NlcyIsImNsYXNzbmFtZXMiLCJub3JtYWxpemVkT3B0aW9ucyIsInVzZU1lbW8iLCJfYSIsIm1hcCIsIl91c2VDb250cm9sbGVkU3RhdGUiLCJ1c2VDb250cm9sbGVkU3RhdGUiLCJfdXNlQ29udHJvbGxlZFN0YXRlMiIsIl9zbGljZWRUb0FycmF5MiIsImlubmVyVmFsdWUiLCJzZXRJbm5lclZhbHVlIiwiX3VzZVN0YXRlIiwidXNlU3RhdGUiLCJfdXNlU3RhdGUyIiwic2V0UmVnaXN0ZXJlZFZhbHVlcyIsImNhbmNlbFZhbHVlIiwidXNlRXZlbnRDYWxsYmFjayIsIm9wdGlvblZhbHVlIiwicHJldlZhbHVlcyIsInZhbHVlSXRlbSIsInJlZ2lzdGVyVmFsdWUiLCJ0b2dnbGVPcHRpb24iLCJvcHRpb25JbmRleCIsImZpbmRJbmRleCIsIm5leHRWYWx1ZSIsInB1c2giLCJzcGxpY2UiLCJvcmRlcmVkVmFsdWUiLCJyZW5kZXJlZE9wdGlvbnMiLCJpbmRleCIsIl9qc3giLCJDaGVja2JveEJhc2UiLCJkZXNjcmlwdGlvbiIsImlkIiwiaW5kZXRlcm1pbmF0ZSIsImxhYmVsUGxhY2VtZW50IiwicmVxdWlyZWQiLCJjb250ZXh0VmFsdWUiLCJDaGVja2JveEdyb3VwQ29udGV4dCIsIlByb3ZpZGVyIiwicm9sZSIsInVuZGVmaW5lZCIsImpvaW5DbHMiLCJfZGVmYXVsdCIsIm1lbW8iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsV0FBQSxHQUFBQyxPQUFBO0FDQUEsSUFBQUMsTUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsTUFBQSxHQUFBRixPQUFBO0FBQ0EsSUFBQUcsV0FBQSxHQUFBQyx1QkFBQSxDQUFBSixPQUFBO0FBQ0EsSUFBQUssU0FBQSxHQUFBQyxzQkFBQSxDQUFBTixPQUFBO0FBQ0EsSUFBQU8scUJBQUEsR0FB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QyxjQUFjO01BQy9CZixTQUFTLEVBQUVnQixPQUFPLENBQ2hCMEMsU0FBUyxFQUNULElBQUFDLG1CQUFPLEVBQ0wzQyxPQUFPLENBQUNKLFdBQVcsQ0FBQyxFQUNwQlAsUUFBUSxJQUFJVyxPQUFPLENBQUMsVUFBVSxDQUFDLEVBQy9CaEIsU0FBUyxDQUNWLENBQ0Y7TUFBQVUsUUFBQSxFQUVBQSxRQUFRLEtBQUEsSUFBQSxJQUFSQSxRQUFRLEtBQUEsS0FBQSxDQUFBLEdBQVJBLFFBQVEsR0FBSW1DO0lBQWUsQ0FBQTtFQUN4QixDQUFBLENBQ3dCO0FBRXBDLENBQUM7QUFBQyxJQUFBZSxRQUFBLEdBQUFoRSxPQUFBLDJCQUVhLElBQUFpRSxXQUFJLEVBQUNsRSxhQUFhLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9DaGVja2JveC9DaGVja2JveEdyb3VwLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8sIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlQ29udHJvbGxlZFN0YXRlLCB1c2VFdmVudENhbGxiYWNrIH0gZnJvbSAnQDFtb25leS9ob29rcyc7XG5pbXBvcnQgeyBkZWZhdWx0IGFzIGNsYXNzbmFtZXMsIGpvaW5DbHMgfSBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCBDaGVja2JveEJhc2UgZnJvbSAnLi9DaGVja2JveCc7XG5pbXBvcnQgeyBDaGVja2JveEdyb3VwQ29udGV4dCB9IGZyb20gJy4vQ2hlY2tib3hHcm91cENvbnRleHQnO1xuY29uc3QgaXNPcHRpb25PYmplY3QgPSAob3B0aW9uKSA9PiB0eXBlb2Ygb3B0aW9uID09PSAnb2JqZWN0JyAmJiBvcHRpb24gIT09IG51bGwgJiYgJ3ZhbHVlJyBpbiBvcHRpb247XG5jb25zdCBub3JtYWxpemVPcHRpb24gPSAob3B0aW9uKSA9PiB7XG4gICAgaWYgKGlzT3B0aW9uT2JqZWN0KG9wdGlvbikpIHtcbiAgICAgICAgcmV0dXJuIG9wdGlvbjtcbiAgICB9XG4gICAgcmV0dXJuIHtcbiAgICAgICAgbGFiZWw6IFN0cmluZyhvcHRpb24pLFxuICAgICAgICB2YWx1ZTogb3B0aW9uLFxuICAgIH07XG59O1xuY29uc3QgaW5jbHVkZXNWYWx1ZSA9ICh2YWx1ZXMsIHRhcmdldCkgPT4gdmFsdWVzLnNvbWUoKHZhbHVlKSA9PiBPYmplY3QuaXModmFsdWUsIHRhcmdldCkpO1xuY29uc3Qgb3JkZXJWYWx1ZXNCeVJlZ2lzdHJhdGlvbiA9ICh2YWx1ZXMsIHJlZ2lzdGVyZWRWYWx1ZXMpID0+IHtcbiAgICBjb25zdCBvcmRlcmVkID0gcmVnaXN0ZXJlZFZhbHVlcy5maWx0ZXIoKGl0ZW0pID0+IGluY2x1ZGVzVmFsdWUodmFsdWVzLCBpdGVtKSk7XG4gICAgY29uc3QgcmVzdCA9IHZhbHVlcy5maWx0ZXIoKGl0ZW0pID0+ICFpbmNsdWRlc1ZhbHVlKHJlZ2lzdGVyZWRWYWx1ZXMsIGl0ZW0pKTtcbiAgICByZXR1cm4gWy4uLm9yZGVyZWQsIC4uLnJlc3RdO1xufTtcbmV4cG9ydCBjb25zdCBDaGVja2JveEdyb3VwID0gKHByb3BzKSA9PiB7XG4gICAgY29uc3QgeyByZWYsIGNsYXNzTmFtZSA9ICcnLCBwcmVmaXhDbHMgPSAnY2hlY2tib3gtZ3JvdXAnLCBuYW1lLCBkaXNhYmxlZCA9IGZhbHNlLCBvcHRpb25zLCB2YWx1ZSwgZGVmYXVsdFZhbHVlID0gW10sIG9uQ2hhbmdlLCBjaGlsZHJlbiwgb3JpZW50YXRpb24gPSAnaG9yaXpvbnRhbCcsIHRpdGxlLCAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCwgJ2FyaWEtbGFiZWxsZWRieSc6IGFyaWFMYWJlbGxlZEJ5LCB9ID0gcHJvcHM7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCBub3JtYWxpemVkT3B0aW9ucyA9IHVzZU1lbW8oKCkgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBvcHRpb25zID09PSBudWxsIHx8IG9wdGlvbnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9wdGlvbnMubWFwKG5vcm1hbGl6ZU9wdGlvbikpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IFtdOyB9LCBbb3B0aW9uc10pO1xuICAgIGNvbnN0IFtpbm5lclZhbHVlLCBzZXRJbm5lclZhbHVlXSA9IHVzZUNvbnRyb2xsZWRTdGF0ZShkZWZhdWx0VmFsdWUsIHZhbHVlKTtcbiAgICBjb25zdCBbcmVnaXN0ZXJlZFZhbHVlcywgc2V0UmVnaXN0ZXJlZFZhbHVlc10gPSB1c2VTdGF0ZShbXSk7XG4gICAgY29uc3QgY2FuY2VsVmFsdWUgPSB1c2VFdmVudENhbGxiYWNrKChvcHRpb25WYWx1ZSkgPT4ge1xuICAgICAgICBzZXRSZWdpc3RlcmVkVmFsdWVzKChwcmV2VmFsdWVzKSA9PiBwcmV2VmFsdWVzLmZpbHRlcigodmFsdWVJdGVtKSA9PiAhT2JqZWN0LmlzKHZhbHVlSXRlbSwgb3B0aW9uVmFsdWUpKSk7XG4gICAgfSk7XG4gICAgY29uc3QgcmVnaXN0ZXJWYWx1ZSA9IHVzZUV2ZW50Q2FsbGJhY2soKG9wdGlvblZhbHVlKSA9PiB7XG4gICAgICAgIHNldFJlZ2lzdGVyZWRWYWx1ZXMoKHByZXZWYWx1ZXMpID0+IHtcbiAgICAgICAgICAgIGlmIChpbmNsdWRlc1ZhbHVlKHByZXZWYWx1ZXMsIG9wdGlvblZhbHVlKSkge1xuICAgICAgICAgICAgICAgIHJldHVybiBwcmV2VmFsdWVzO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmV0dXJuIFsuLi5wcmV2VmFsdWVzLCBvcHRpb25WYWx1ZV07XG4gICAgICAgIH0pO1xuICAgIH0pO1xuICAgIGNvbnN0IHRvZ2dsZU9wdGlvbiA9IHVzZUV2ZW50Q2FsbGJhY2soKG9wdGlvbikgPT4ge1xuICAgICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBvcHRpb25JbmRleCA9IGlubmVyVmFsdWUuZmluZEluZGV4KCh2YWx1ZUl0ZW0pID0+IE9iamVjdC5pcyh2YWx1ZUl0ZW0sIG9wdGlvbi52YWx1ZSkpO1xuICAgICAgICBjb25zdCBuZXh0VmFsdWUgPSBbLi4uaW5uZXJWYWx1ZV07XG4gICAgICAgIGlmIChvcHRpb25JbmRleCA9PT0gLTEpIHtcbiAgICAgICAgICAgIG5leHRWYWx1ZS5wdXNoKG9wdGlvbi52YWx1ZSk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICBuZXh0VmFsdWUuc3BsaWNlKG9wdGlvbkluZGV4LCAxKTtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBvcmRlcmVkVmFsdWUgPSBvcmRlclZhbHVlc0J5UmVnaXN0cmF0aW9uKG5leHRWYWx1ZSwgcmVnaXN0ZXJlZFZhbHVlcyk7XG4gICAgICAgIHNldElubmVyVmFsdWUob3JkZXJlZFZhbHVlKTtcbiAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKG9yZGVyZWRWYWx1ZSk7XG4gICAgfSk7XG4gICAgY29uc3QgcmVuZGVyZWRPcHRpb25zID0gbm9ybWFsaXplZE9wdGlvbnMubWFwKChvcHRpb24sIGluZGV4KSA9PiAoX2pzeChDaGVja2JveEJhc2UsIHsgY2xhc3NOYW1lOiBvcHRpb24uY2xhc3NOYW1lLCBkZXNjcmlwdGlvbjogb3B0aW9uLmRlc2NyaXB0aW9uLCBkaXNhYmxlZDogb3B0aW9uLmRpc2FibGVkLCBpZDogb3B0aW9uLmlkLCBpbmRldGVybWluYXRlOiBvcHRpb24uaW5kZXRlcm1pbmF0ZSwgbGFiZWw6IG9wdGlvbi5sYWJlbCwgbGFiZWxQbGFjZW1lbnQ6IG9wdGlvbi5sYWJlbFBsYWNlbWVudCwgb25DaGFuZ2U6IG9wdGlvbi5vbkNoYW5nZSwgcmVxdWlyZWQ6IG9wdGlvbi5yZXF1aXJlZCwgdGl0bGU6IG9wdGlvbi50aXRsZSwgdmFsdWU6IG9wdGlvbi52YWx1ZSB9LCBgJHtTdHJpbmcob3B0aW9uLnZhbHVlKX0tJHtpbmRleH1gKSkpO1xuICAgIGNvbnN0IGNvbnRleHRWYWx1ZSA9IHVzZU1lbW8oKCkgPT4gKHtcbiAgICAgICAgbmFtZSxcbiAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgIHZhbHVlOiBpbm5lclZhbHVlLFxuICAgICAgICBjYW5jZWxWYWx1ZSxcbiAgICAgICAgcmVnaXN0ZXJWYWx1ZSxcbiAgICAgICAgdG9nZ2xlT3B0aW9uLFxuICAgIH0pLCBbbmFtZSwgZGlzYWJsZWQsIGlubmVyVmFsdWUsIGNhbmNlbFZhbHVlLCByZWdpc3RlclZhbHVlLCB0b2dnbGVPcHRpb25dKTtcbiAgICByZXR1cm4gKF9qc3goQ2hlY2tib3hHcm91cENvbnRleHQuUHJvdmlkZXIsIHsgdmFsdWU6IGNvbnRleHRWYWx1ZSwgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgeyByZWY6IHJlZiwgcm9sZTogXCJncm91cFwiLCB0aXRsZTogdGl0bGUsIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwsIFwiYXJpYS1sYWJlbGxlZGJ5XCI6IGFyaWFMYWJlbGxlZEJ5LCBjbGFzc05hbWU6IGNsYXNzZXModW5kZWZpbmVkLCBqb2luQ2xzKGNsYXNzZXMob3JpZW50YXRpb24pLCBkaXNhYmxlZCAmJiBjbGFzc2VzKCdkaXNhYmxlZCcpLCBjbGFzc05hbWUpKSwgY2hpbGRyZW46IGNoaWxkcmVuICE9PSBudWxsICYmIGNoaWxkcmVuICE9PSB2b2lkIDAgPyBjaGlsZHJlbiA6IHJlbmRlcmVkT3B0aW9ucyB9KSB9KSk7XG59O1xuZXhwb3J0IGRlZmF1bHQgbWVtbyhDaGVja2JveEdyb3VwKTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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,7 @@
+import type { TypographyBodySize, TypographyColor } from "../Typography";
+export declare const CHECKBOX_LABEL_SIZE: TypographyBodySize;
+export declare const CHECKBOX_LABEL_COLOR_DEFAULT: TypographyColor;
+export declare const CHECKBOX_LABEL_COLOR_DISABLED: TypographyColor;
+export declare const CHECKBOX_DESCRIPTION_SIZE: TypographyBodySize;
+export declare const CHECKBOX_DESCRIPTION_COLOR_DEFAULT: TypographyColor;
+export declare const CHECKBOX_DESCRIPTION_COLOR_DISABLED: TypographyColor;

package/lib/components/Checkbox/constants.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CHECKBOX_LABEL_SIZE = exports.CHECKBOX_LABEL_COLOR_DISABLED = exports.CHECKBOX_LABEL_COLOR_DEFAULT = exports.CHECKBOX_DESCRIPTION_SIZE = exports.CHECKBOX_DESCRIPTION_COLOR_DISABLED = exports.CHECKBOX_DESCRIPTION_COLOR_DEFAULT = void 0;
+// ── Typography ──
+var CHECKBOX_LABEL_SIZE = exports.CHECKBOX_LABEL_SIZE = 'lg';
+var CHECKBOX_LABEL_COLOR_DEFAULT = exports.CHECKBOX_LABEL_COLOR_DEFAULT = 'default';
+var CHECKBOX_LABEL_COLOR_DISABLED = exports.CHECKBOX_LABEL_COLOR_DISABLED = 'disabled';
+var CHECKBOX_DESCRIPTION_SIZE = exports.CHECKBOX_DESCRIPTION_SIZE = 'md';
+var CHECKBOX_DESCRIPTION_COLOR_DEFAULT = exports.CHECKBOX_DESCRIPTION_COLOR_DEFAULT = 'default-tertiary';
+var CHECKBOX_DESCRIPTION_COLOR_DISABLED = exports.CHECKBOX_DESCRIPTION_COLOR_DISABLED = 'disabled';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvY29uc3RhbnRzLnRzIl0sIm5hbWVzIjpbIkNIRUNLQk9YX0xBQkVMX1NJWkUiLCJleHBvcnRzIiwiQ0hFQ0tCT1hfTEFCRUxfQ09MT1JfREVGQVVMVCIsIkNIRUNLQk9YX0xBQkVMX0NPTE9SX0RJU0FCTEVEIiwiQ0hFQ0tCT1hfREVTQ1JJUFRJT05fU0laRSIsIkNIRUNLQk9YX0RFU0NSSVBUSU9OX0NPTE9SX0RFRkFVTFQiLCJDSEVDS0JPWF9ERVNDUklQVElPTl9DT0xPUl9ESVNBQkxFRCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBRUE7QUFDTyxJQUFNQSxtQkFBbUIsR0FBQUMsT0FBQSxDQUFBRCxtQkFBQSxHQUF1QixJQUFJO0FBQ3BELElBQU1FLDRCQUE0QixHQUFBRCxPQUFBLENBQUFDLDRCQUFBLEdBQW9CLFNBQVM7QUFDL0QsSUFBTUMsNkJBQTZCLEdBQUFGLE9BQUEsQ0FBQUUsNkJBQUEsR0FBb0IsVUFBVTtBQUNqRSxJQUFNQyx5QkFBeUIsR0FBQUgsT0FBQSxDQUFBRyx5QkFBQSxHQUF1QixJQUFJO0FBQzFELElBQU1DLGtDQUFrQyxHQUFBSixPQUFBLENBQUFJLGtDQUFBLEdBQW9CLGtCQUFrQjtBQUM5RSxJQUFNQyxtQ0FBbUMsR0FBQUwsT0FBQSxDQUFBSyxtQ0FBQSxHQUFvQixVQUFVIiwiZmlsZSI6ImNvbXBvbmVudHMvQ2hlY2tib3gvY29uc3RhbnRzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

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,52 @@
+"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; }
+var Checkbox = exports.Checkbox = Object.assign(_Checkbox["default"], {
+  Group: _CheckboxGroup["default"]
+});
+var _default = exports["default"] = Checkbox;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvaW5kZXgudHMiLCJjb21wb25lbnRzL0NoZWNrYm94L2luZGV4LmpzIl0sIm5hbWVzIjpbIl9DaGVja2JveCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJyZXF1aXJlIiwiX0NoZWNrYm94R3JvdXAiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsIl9pbnRlcmZhY2UiLCJPYmplY3QiLCJrZXlzIiwiZm9yRWFjaCIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIl9leHBvcnROYW1lcyIsImV4cG9ydHMiLCJkZWZpbmVQcm9wZXJ0eSIsImVudW1lcmFibGUiLCJnZXQiLCJfY29uc3RhbnRzIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwibiIsIl9fcHJvdG9fXyIsImEiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaSIsInNldCIsIkNoZWNrYm94IiwiYXNzaWduIiwiQ2hlY2tib3hCYXNlIiwiR3JvdXAiLCJDaGVja2JveEdyb3VwIiwiX2RlZmF1bHQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSxJQUFBQSxTQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxjQUFBLEdBQUFDLHVCQUFBLENBQUFGLE9BQUE7QUFlQSxJQUFBRyxVQUFBLEdBQUFILE9BQUE7QUFBQUksTUFBQSxDQUFBQyxJQUFBLENBQUFGLFVBQUEsRUFBQUcsT0FBQSxXQUFBQyxHQUFBO0VBQUEsSUFBQUEsR0FBQSxrQkFBQUEsR0FBQTtFQUFBLElBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQUMsWUFBQSxFQUFBSixHQUFBO0VBQUEsSUFBQUEsR0FBQSxJQUFBSyxPQUFBLElBQUFBLE9BQUEsQ0FBQUwsR0FBQSxNQUFBSixVQUFBLENBQUFJLEdBQUE7RUFBQUgsTUFBQSxDQUFBUyxjQUFBLENBQUFELE9BQUEsRUFBQUwsR0FBQTtJQUFBTyxVQUFBO0lBQUFDLEdBQUEsV0FBQUEsSUFBQTtNQUFBLE9BQUFaLFVBQUEsQ0FBQUksR0FBQTtJQUFBO0VBQUE7QUFBQTtBQUNBLElBQUFTLFVBQUEsR0FBQWhCLE9BQUE7QUFBQUksTUFBQSxDQUFBQyxJQUFBLENBQUFXLFVBQUEsRUFBQVYsT0FBQSxXQUFBQyxHQUFBO0VBQUEsSUFBQUEsR0FBQSxrQkFBQUEsR0FBQTtFQUFBLElBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQUMsWUFBQSxFQUFBSixHQUFBO0VBQUEsSUFBQUEsR0FBQSxJQUFBSyxPQUFBLElBQUFBLE9BQUEsQ0FBQUwsR0FBQSxNQUFBUyxVQUFBLENBQUFULEdBQUE7RUFBQUgsTUFBQSxDQUFBUyxjQUFBLENBQUFELE9BQUEsRUFBQUwsR0FBQTtJQUFBTyxVQUFBO0lBQUFDLEdBQUEsV0FBQUEsSUFBQTtNQUFBLE9BQUFDLFVBQUEsQ0FBQVQsR0FBQTtJQUFBO0VBQUE7QUFBQTtBQUE0QixTQUFBVSx5QkFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxtQkFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSx5QkFBQUMsQ0FBQSxXQUFBQSxDQUFBLEdBQUFHLENBQUEsR0FBQUQsQ0FBQSxLQUFBRixDQUFBO0FBQUEsU0FBQWhCLHdCQUFBZ0IsQ0FBQSxFQUFBRSxDQUFBLFNBQUFBLENBQUEsSUFBQUYsQ0FBQSxJQUFBQSxDQUFBLENBQUFJLFVBQUEsU0FBQUosQ0FBQSxlQUFBQSxDQUFBLGdCQUFBSyxPQUFBLENBQUFMLENBQUEsMEJBQUFBLENBQUEsc0JBQUFBLENBQUEsUUFBQUcsQ0FBQSxHQUFBSix3QkFBQSxDQUFBRyxDQUFBLE9BQUFDLENBQUEsSUFBQUEsQ0FBQSxDQUFBRyxHQUFBLENBQUFOLENBQUEsVUFBQUcsQ0FBQSxDQUFBTixHQUFBLENBQUFHLENBQUEsT0FBQU8sQ0FBQSxLQUFBQyxTQUFBLFVBQUFDLENBQUEsR0FBQXZCLE1BQUEsQ0FBQVMsY0FBQSxJQUFBVCxNQUFBLENBQUF3Qix3QkFBQSxXQUFBQyxDQUFBLElBQUFYLENBQUEsb0JBQUFXLENBQUEsT0FBQXBCLGNBQUEsQ0FBQUMsSUFBQSxDQUFBUSxDQUFBLEVBQUFXLENBQUEsU0FBQUMsQ0FBQSxHQUFBSCxDQUFBLEdBQUF2QixNQUFBLENBQUF3Qix3QkFBQSxDQUFBVixDQUFBLEVBQUFXLENBQUEsVUFBQUMsQ0FBQSxLQUFBQSxDQUFBLENBQUFmLEdBQUEsSUFBQWUsQ0FBQSxDQUFBQyxHQUFBLElBQUEzQixNQUFBLENBQUFTLGNBQUEsQ0FBQVksQ0FBQSxFQUFBSSxDQUFBLEVBQUFDLENBQUEsSUFBQUwsQ0FBQSxDQUFBSSxDQUFBLElBQUFYLENBQUEsQ0FBQVcsQ0FBQSxZQUFBSixDQUFBLGNBQUFQLENBQUEsRUFBQUcsQ0FBQSxJQUFBQSxDQUFBLENBQUFVLEdBQUEsQ0FBQWIsQ0FBQSxFQUFBTyxDQUFBLEdBQUFBLENBQUE7QUFUckIsSUFBTU8sUUFBUSxHQUFBcEIsT0FBQSxDQUFBb0IsUUFBQSxHQUFHNUIsTUFBTSxDQUFDNkIsTUFBTSxDQUFDQyxvQkFBWSxFQUFFO0VBQ2xEQyxLQUFLLEVBQUVDO0FDTlQsQ0RPQyxDQUFzQjtBQUFDLElBQUFDLFFBQUEsR0FBQXpCLE9BQUEsY0FJVG9CLFFBQVEiLCJmaWxlIjoiY29tcG9uZW50cy9DaGVja2JveC9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbCwiaW1wb3J0IENoZWNrYm94QmFzZSBmcm9tICcuL0NoZWNrYm94JztcbmltcG9ydCBDaGVja2JveEdyb3VwIGZyb20gJy4vQ2hlY2tib3hHcm91cCc7XG5leHBvcnQgY29uc3QgQ2hlY2tib3ggPSBPYmplY3QuYXNzaWduKENoZWNrYm94QmFzZSwge1xuICAgIEdyb3VwOiBDaGVja2JveEdyb3VwLFxufSk7XG5leHBvcnQgeyBDaGVja2JveEdyb3VwIH0gZnJvbSAnLi9DaGVja2JveEdyb3VwJztcbmV4cG9ydCBkZWZhdWx0IENoZWNrYm94O1xuZXhwb3J0ICogZnJvbSAnLi9pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9jb25zdGFudHMnOyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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;
+    orientation?: '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 @@
+.om-react-ui-checkbox{display:inline-flex;gap:var(--om-spacing-300,12px);align-items:flex-start;cursor:pointer}.om-react-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.4)}.om-react-ui-checkbox-input{position:absolute;inset:0;margin:0;cursor:inherit;opacity:0}.om-react-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 .2s ease,border-color .2s ease,box-shadow .2s ease}.om-react-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 .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;content:""}.om-react-ui-checkbox-input:checked+.om-react-ui-checkbox-box{background-color:var(--om-bg-brand,#073387);border-color:var(--om-bg-brand,#073387)}.om-react-ui-checkbox-input:checked+.om-react-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 .2s cubic-bezier(.34,1.56,.64,1) .1s,opacity .1s}.om-react-ui-checkbox-input:focus-visible+.om-react-ui-checkbox-box{border-color:var(--om-border-brand,#073387);box-shadow:0 0 0 1px var(--om-border-brand,#073387)}.om-react-ui-checkbox-content{display:flex;flex:1 0 0;flex-direction:column;justify-content:center;min-width:0;min-height:1px}.om-react-ui-checkbox-description,.om-react-ui-checkbox-label{display:inline}.om-react-ui-checkbox:not(.om-react-ui-checkbox-disabled):hover .om-react-ui-checkbox-box{border-color:var(--om-border-default-tertiary,#404042)}.om-react-ui-checkbox:not(.om-react-ui-checkbox-disabled):hover .om-react-ui-checkbox-box-wrapper-indeterminate .om-react-ui-checkbox-box,.om-react-ui-checkbox:not(.om-react-ui-checkbox-disabled):hover .om-react-ui-checkbox-input:checked+.om-react-ui-checkbox-box{background-color:var(--om-bg-brand-hover,#052561);border-color:var(--om-bg-brand-hover,#052561)}.om-react-ui-checkbox-box-wrapper-indeterminate .om-react-ui-checkbox-box{background-color:var(--om-bg-brand,#073387);border-color:var(--om-bg-brand,#073387)}.om-react-ui-checkbox-box-wrapper-indeterminate .om-react-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-react-ui-checkbox-disabled{cursor:not-allowed}.om-react-ui-checkbox-disabled .om-react-ui-checkbox-box,.om-react-ui-checkbox-disabled .om-react-ui-checkbox-input:checked+.om-react-ui-checkbox-box{background-color:var(--om-bg-disabled,#f0f0f0);border-color:var(--om-border-disabled,#e3e4e4)}.om-react-ui-checkbox-disabled .om-react-ui-checkbox-input:checked+.om-react-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-react-ui-checkbox-disabled .om-react-ui-checkbox-box-wrapper-indeterminate .om-react-ui-checkbox-box{background-color:var(--om-bg-disabled,#f0f0f0);border-color:var(--om-border-disabled,#e3e4e4)}.om-react-ui-checkbox-disabled .om-react-ui-checkbox-box-wrapper-indeterminate .om-react-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-react-ui-checkbox-right .om-react-ui-checkbox-box-wrapper{order:1}.om-react-ui-checkbox-right .om-react-ui-checkbox-content{order:0}.om-react-ui-checkbox-group{display:flex;gap:var(--om-spacing-300,12px);align-items:flex-start}.om-react-ui-checkbox-group-horizontal{flex-flow:row wrap}.om-react-ui-checkbox-group-vertical{flex-direction:column}

package/lib/components/Checkbox/style/Checkbox.scss

@@ -0,0 +1,235 @@
+@use '@/styles/api' as theme;
+@use '@/styles/theme/functions' as theme-internal;
+
+$component: 'checkbox';
+
+@mixin checkbox-box-state($background-color, $border-color) {
+  background-color: $background-color;
+  border-color: $border-color;
+}
+
+// The checkmark is a rotated L-shape (bottom + right borders of a rectangle).
+// Its width:height ratio is 5:8, scaled relative to the checkbox box size (scale-400).
+// The 5/14 and 8/14 fractions produce a visually balanced checkmark within the box.
+@mixin checkbox-checkmark-shape($color, $background-color: transparent) {
+  top: calc(#{theme.spacing(scale, 400)} / 2 - 1px); // vertically center: half box minus border offset
+  inset-inline-start: calc(#{theme.spacing(scale, 400)} / 4 - 1px); // horizontally center: quarter box minus border offset
+  width: calc(5 * #{theme.spacing(scale, 400)} / 14); // 5/14 of box — short arm of checkmark
+  height: calc(8 * #{theme.spacing(scale, 400)} / 14); // 8/14 of box — long arm of checkmark
+  background-color: $background-color;
+  border: 1px solid $color;
+  border-top: 0;
+  border-inline-start: 0;
+}
+
+@mixin checkbox-checkmark-visible($color) {
+  @include checkbox-checkmark-shape($color);
+
+  transform: rotate(45deg) scale(1) translate(-50%, -50%);
+  opacity: 1;
+}
+
+@mixin checkbox-minus-shape($color) {
+  top: 50%;
+  inset-inline-start: 17.5%;
+  width: 65%;
+  height: 7.5%;
+  background-color: $color;
+  border: 0;
+  border-radius: theme.shape(100);
+  transform: translateY(-50%);
+  opacity: 1;
+}
+
+.#{theme.$prefix}-#{$component} {
+  display: inline-flex;
+  gap: theme.spacing(gap, 300);
+  align-items: flex-start;
+  cursor: pointer;
+
+  &-box-wrapper {
+    position: relative;
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    height: theme-internal.om-line-height-px(body, lg);
+  }
+
+  &-input {
+    position: absolute;
+    inset: 0;
+    margin: 0;
+    cursor: inherit;
+    opacity: 0;
+  }
+
+  &-box {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: theme.spacing(scale, 400);
+    height: theme.spacing(scale, 400);
+    overflow: hidden;
+    background-color: theme.palette(bg, 'default');
+    border: 1px solid theme.palette(border, 'default-secondary');
+    border-radius: theme.shape(100);
+    transition:
+      background-color 0.2s ease,
+      border-color 0.2s ease,
+      box-shadow 0.2s ease;
+
+    &::after {
+      position: absolute;
+      display: table;
+      box-sizing: border-box;
+
+      @include checkbox-checkmark-shape(theme.palette(icon, 'on-brand'));
+
+      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: '';
+    }
+  }
+
+  &-input:checked + .#{theme.$prefix}-#{$component}-box {
+    @include checkbox-box-state(
+      theme.palette(bg, 'brand'),
+      theme.palette(bg, 'brand')
+    );
+
+    &::after {
+      @include checkbox-checkmark-visible(theme.palette(icon, 'on-brand'));
+
+      transition:
+        all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s,
+        opacity 0.1s;
+    }
+  }
+
+  &-input:focus-visible + .#{theme.$prefix}-#{$component}-box {
+    border-color: theme.palette(border, 'brand');
+    box-shadow: 0 0 0 1px theme.palette(border, 'brand');
+  }
+
+  &-content {
+    display: flex;
+    flex: 1 0 0;
+    flex-direction: column;
+    justify-content: center;
+    min-width: 0;
+    min-height: 1px;
+  }
+
+  &-label {
+    display: inline;
+  }
+
+  &-description {
+    display: inline;
+  }
+
+  &:not(&-disabled):hover {
+    .#{theme.$prefix}-#{$component}-box {
+      border-color: theme.palette(border, 'default-tertiary');
+    }
+
+    .#{theme.$prefix}-#{$component}-input:checked
+      + .#{theme.$prefix}-#{$component}-box {
+      @include checkbox-box-state(
+        theme.palette(bg, 'brand-hover'),
+        theme.palette(bg, 'brand-hover')
+      );
+    }
+
+    .#{theme.$prefix}-#{$component}-box-wrapper-indeterminate
+      .#{theme.$prefix}-#{$component}-box {
+      @include checkbox-box-state(
+        theme.palette(bg, 'brand-hover'),
+        theme.palette(bg, 'brand-hover')
+      );
+    }
+  }
+
+  &-box-wrapper-indeterminate {
+    .#{theme.$prefix}-#{$component}-box {
+      @include checkbox-box-state(
+        theme.palette(bg, 'brand'),
+        theme.palette(bg, 'brand')
+      );
+
+      &::after {
+        @include checkbox-minus-shape(theme.palette(icon, 'on-brand'));
+      }
+    }
+
+  }
+
+  &-disabled {
+    cursor: not-allowed;
+
+    .#{theme.$prefix}-#{$component}-box {
+      @include checkbox-box-state(
+        theme.palette(bg, 'disabled'),
+        theme.palette(border, 'disabled')
+      );
+    }
+
+    .#{theme.$prefix}-#{$component}-input:checked
+      + .#{theme.$prefix}-#{$component}-box {
+      @include checkbox-box-state(
+        theme.palette(bg, 'disabled'),
+        theme.palette(border, 'disabled')
+      );
+    }
+
+    .#{theme.$prefix}-#{$component}-input:checked
+      + .#{theme.$prefix}-#{$component}-box::after {
+      @include checkbox-checkmark-visible(theme.palette(icon, 'disabled'));
+    }
+
+    .#{theme.$prefix}-#{$component}-box-wrapper-indeterminate
+      .#{theme.$prefix}-#{$component}-box {
+      @include checkbox-box-state(
+        theme.palette(bg, 'disabled'),
+        theme.palette(border, 'disabled')
+      );
+
+      &::after {
+        @include checkbox-minus-shape(theme.palette(icon, 'disabled'));
+      }
+    }
+
+  }
+
+  &-right {
+    .#{theme.$prefix}-#{$component}-box-wrapper {
+      order: 1;
+    }
+
+    .#{theme.$prefix}-#{$component}-content {
+      order: 0;
+    }
+  }
+}
+
+$group-component: 'checkbox-group';
+
+.#{theme.$prefix}-#{$group-component} {
+  display: flex;
+  gap: theme.spacing(gap, 300);
+  align-items: flex-start;
+
+  &-horizontal {
+    flex-flow: row wrap;
+  }
+
+  &-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.scss';

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

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./Checkbox.scss");
+//# 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;