@1money/component-ui 0.0.49 → 0.0.50

package/es/components/Checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+import type { CheckboxGroupProps } from './interface';
+export declare const CheckboxGroup: FC<CheckboxGroupProps>;
+declare const _default: import("react").NamedExoticComponent<CheckboxGroupProps>;
+export default _default;

package/es/components/Checkbox/CheckboxGroup.js

@@ -0,0 +1,141 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useMemo, useState } from 'react';
+import { useControlledState, useEventCallback } from '@1money/hooks';
+import { default as classnames, joinCls } from '../../utils/classnames';
+import CheckboxBase from './Checkbox';
+import { CheckboxGroupContext } from './CheckboxGroupContext';
+var isOptionObject = function isOptionObject(option) {
+  return _typeof(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(_toConsumableArray(ordered), _toConsumableArray(rest));
+};
+export var 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 = classnames(prefixCls);
+  var normalizedOptions = useMemo(function () {
+    var _a;
+    return (_a = options === null || options === void 0 ? void 0 : options.map(normalizeOption)) !== null && _a !== void 0 ? _a : [];
+  }, [options]);
+  var _useControlledState = useControlledState(defaultValue, value),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    innerValue = _useControlledState2[0],
+    setInnerValue = _useControlledState2[1];
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    registeredValues = _useState2[0],
+    setRegisteredValues = _useState2[1];
+  var cancelValue = useEventCallback(function (optionValue) {
+    setRegisteredValues(function (prevValues) {
+      return prevValues.filter(function (valueItem) {
+        return !Object.is(valueItem, optionValue);
+      });
+    });
+  });
+  var registerValue = useEventCallback(function (optionValue) {
+    setRegisteredValues(function (prevValues) {
+      if (includesValue(prevValues, optionValue)) {
+        return prevValues;
+      }
+      return [].concat(_toConsumableArray(prevValues), [optionValue]);
+    });
+  });
+  var toggleOption = useEventCallback(function (option) {
+    if (disabled) {
+      return;
+    }
+    var optionIndex = innerValue.findIndex(function (valueItem) {
+      return Object.is(valueItem, option.value);
+    });
+    var nextValue = _toConsumableArray(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 _jsx(CheckboxBase, {
+      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 = useMemo(function () {
+    return {
+      name: name,
+      disabled: disabled,
+      value: innerValue,
+      cancelValue: cancelValue,
+      registerValue: registerValue,
+      toggleOption: toggleOption
+    };
+  }, [name, disabled, innerValue, cancelValue, registerValue, toggleOption]);
+  return _jsx(CheckboxGroupContext.Provider, {
+    value: contextValue,
+    children: _jsx("div", {
+      ref: ref,
+      role: "group",
+      title: title,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      className: classes(undefined, joinCls(classes(direction), disabled && classes('disabled'), className)),
+      children: children !== null && children !== void 0 ? children : renderedOptions
+    })
+  });
+};
+CheckboxGroup.displayName = 'CheckboxGroup';
+export default /*#__PURE__*/memo(CheckboxGroup);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2hlY2tib3gvQ2hlY2tib3hHcm91cC5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvQ2hlY2tib3hHcm91cC50c3giXSwibmFtZXMiOlsianN4IiwiX2pzeCIsIm1lbW8iLCJ1c2VNZW1vIiwidXNlU3RhdGUiLCJ1c2VDb250cm9sbGVkU3RhdGUiLCJ1c2VFdmVudENhbGxiYWNrIiwiZGVmYXVsdCIsImNsYXNzbmFtZXMiLCJqb2luQ2xzIiwiQ2hlY2tib3hCYXNlIiwiQ2hlY2tib3hHcm91cENvbnRleHQiLCJpc09wdGlvbk9iamVjdCIsIm9wdGlvbiIsIl90eXBlb2YiLCJub3JtYWxpemVPcHRpb24iLCJsYWJlbCIsIlN0cmluZyIsInZhbHVlIiwiaW5jbHVkZXNWYWx1ZSIsInZhbHVlcyIsInRhcmdldCIsInNvbWUiLCJPYmplY3QiLCJpcyIsIm9yZGVyVmFsdWVzQnlSZWdpc3RyYXRpb24iLCJyZWdpc3RlcmVkVmFsdWVzIiwib3JkZXJlZCIsImZpbHRlciIsIml0ZW0iLCJyZXN0IiwiY29uY2F0IiwiX3RvQ29uc3VtYWJsZUFycmF5IiwiQ2hlY2tib3hHcm91cCIsInByb3BzIiwicmVmIiwiX3Byb3BzJGNsYXNzTmFtZSIsImNsYXNzTmFtZSIsIl9wcm9wcyRwcmVmaXhDbHMiLCJwcmVmaXhDbHMiLCJuYW1lIiwiX3Byb3BzJGRpc2FibGVkIiwiZGlzYWJsZWQiLCJvcHRpb25zIiwiX3Byb3BzJGRlZmF1bHRWYWx1ZSIsImRlZmF1bHRWYWx1ZSIsIm9uQ2hhbmdlIiwiY2hpbGRyZW4iLCJfcHJvcHMkZGlyZWN0aW9uIiwiZGlyZWN0aW9uIiwidGl0bGUiLCJhcmlhTGFiZWwiLCJhcmlhTGFiZWxsZWRCeSIsImNsYXNzZXMiLCJub3JtYWxpemVkT3B0aW9ucyIsIl9hIiwibWFwIiwiX3VzZUNvbnRyb2xsZWRTdGF0ZSIsIl91c2VDb250cm9sbGVkU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkiLCJpbm5lclZhbHVlIiwic2V0SW5uZXJWYWx1ZSIsIl91c2VTdGF0ZSIsIl91c2VTdGF0ZTIiLCJzZXRSZWdpc3RlcmVkVmFsdWVzIiwiY2FuY2VsVmFsdWUiLCJvcHRpb25WYWx1ZSIsInByZXZWYWx1ZXMiLCJ2YWx1ZUl0ZW0iLCJyZWdpc3RlclZhbHVlIiwidG9nZ2xlT3B0aW9uIiwib3B0aW9uSW5kZXgiLCJmaW5kSW5kZXgiLCJuZXh0VmFsdWUiLCJwdXNoIiwic3BsaWNlIiwib3JkZXJlZFZhbHVlIiwicmVuZGVyZWRPcHRpb25zIiwiaW5kZXgiLCJkZXNjcmlwdGlvbiIsImlkIiwiaW5kZXRlcm1pbmF0ZSIsImxhYmVsUGxhY2VtZW50IiwicmVxdWlyZWQiLCJjb250ZXh0VmFsdWUiLCJQcm92aWRlciIsInJvbGUiLCJ1bmRlZmluZWQiLCJkaXNwbGF5TmFtZSJdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsU0FBU0EsR0FBRyxJQUFJQyxJQUFJLFFBQVEsbUJBQW1CO0FDQS9DLFNBQVNDLElBQUksRUFBRUMsT0FBTyxFQUFFQyxRQUFRLFFBQVEsT0FBTztBQUMvQyxTQUFTQyxrQkFBa0IsRUFBRUMsZ0JBQWdCLFFBQVEsZUFBZTtBQUNwRSxTQUFTQyxPQUFPLElBQUlDLFVBQVUsRUFBRUMsT0FBTyxRQUFRLHdCQUF3QjtBQUN2RSxPQUFPQyxZQUFZLE1BQU0sWUFBWTtBQUNyQyxTQUFTQyxvQkFBb0IsUUFBUSx3QkFBd0I7QUFRN0QsSUFBTUMsY0FBYyxHQUFHLFNBQWpCQSxjQUFjQSxDQUNsQkMsTUFBK0M7RUFBQSxPQUUvQ0MsT0FBQSxDQUFPRCxNQUFNLE1BQUssUUFBUSxJQUFJQSxNQUFNLEtBQUssSUFBSSxJQUFJLE9BQU8sSUFBSUEsTUFBTTtBQUFBO0FBRXBFLElBQU1FLGVBQWUsR0FBRyxTQUFsQkEsZUFBZUEsQ0FDbkJGLE1BQStDLEVBQ3hCO0VBQ3ZCLElBQUlELGNBQWMsQ0FBQ0MsTUFBTSxDQUFDLEVBQUU7SUFDMUIsT0FBT0EsTUFBTTtFQUNmO0VBRUEsT0FBTztJQUNMRyxLQUFLLEVBQUVDLE1B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ZSI6ImNvbXBvbmVudHMvQ2hlY2tib3gvQ2hlY2tib3hHcm91cC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vLCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUNvbnRyb2xsZWRTdGF0ZSwgdXNlRXZlbnRDYWxsYmFjayB9IGZyb20gJ0AxbW9uZXkvaG9va3MnO1xuaW1wb3J0IHsgZGVmYXVsdCBhcyBjbGFzc25hbWVzLCBqb2luQ2xzIH0gZnJvbSAnLi4vLi4vdXRpbHMvY2xhc3NuYW1lcyc7XG5pbXBvcnQgQ2hlY2tib3hCYXNlIGZyb20gJy4vQ2hlY2tib3gnO1xuaW1wb3J0IHsgQ2hlY2tib3hHcm91cENvbnRleHQgfSBmcm9tICcuL0NoZWNrYm94R3JvdXBDb250ZXh0JztcbmNvbnN0IGlzT3B0aW9uT2JqZWN0ID0gKG9wdGlvbikgPT4gdHlwZW9mIG9wdGlvbiA9PT0gJ29iamVjdCcgJiYgb3B0aW9uICE9PSBudWxsICYmICd2YWx1ZScgaW4gb3B0aW9uO1xuY29uc3Qgbm9ybWFsaXplT3B0aW9uID0gKG9wdGlvbikgPT4ge1xuICAgIGlmIChpc09wdGlvbk9iamVjdChvcHRpb24pKSB7XG4gICAgICAgIHJldHVybiBvcHRpb247XG4gICAgfVxuICAgIHJldHVybiB7XG4gICAgICAgIGxhYmVsOiBTdHJpbmcob3B0aW9uKSxcbiAgICAgICAgdmFsdWU6IG9wdGlvbixcbiAgICB9O1xufTtcbmNvbnN0IGluY2x1ZGVzVmFsdWUgPSAodmFsdWVzLCB0YXJnZXQpID0+IHZhbHVlcy5zb21lKCh2YWx1ZSkgPT4gT2JqZWN0LmlzKHZhbHVlLCB0YXJnZXQpKTtcbmNvbnN0IG9yZGVyVmFsdWVzQnlSZWdpc3RyYXRpb24gPSAodmFsdWVzLCByZWdpc3RlcmVkVmFsdWVzKSA9PiB7XG4gICAgY29uc3Qgb3JkZXJlZCA9IHJlZ2lzdGVyZWRWYWx1ZXMuZmlsdGVyKChpdGVtKSA9PiBpbmNsdWRlc1ZhbHVlKHZhbHVlcywgaXRlbSkpO1xuICAgIGNvbnN0IHJlc3QgPSB2YWx1ZXMuZmlsdGVyKChpdGVtKSA9PiAhaW5jbHVkZXNWYWx1ZShyZWdpc3RlcmVkVmFsdWVzLCBpdGVtKSk7XG4gICAgcmV0dXJuIFsuLi5vcmRlcmVkLCAuLi5yZXN0XTtcbn07XG5leHBvcnQgY29uc3QgQ2hlY2tib3hHcm91cCA9IChwcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgcmVmLCBjbGFzc05hbWUgPSAnJywgcHJlZml4Q2xzID0gJ2NoZWNrYm94LWdyb3VwJywgbmFtZSwgZGlzYWJsZWQgPSBmYWxzZSwgb3B0aW9ucywgdmFsdWUsIGRlZmF1bHRWYWx1ZSA9IFtdLCBvbkNoYW5nZSwgY2hpbGRyZW4sIGRpcmVjdGlvbiA9ICdob3Jpem9udGFsJywgdGl0bGUsICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLCAnYXJpYS1sYWJlbGxlZGJ5JzogYXJpYUxhYmVsbGVkQnksIH0gPSBwcm9wcztcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NuYW1lcyhwcmVmaXhDbHMpO1xuICAgIGNvbnN0IG5vcm1hbGl6ZWRPcHRpb25zID0gdXNlTWVtbygoKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IG9wdGlvbnMgPT09IG51bGwgfHwgb3B0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogb3B0aW9ucy5tYXAobm9ybWFsaXplT3B0aW9uKSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogW107IH0sIFtvcHRpb25zXSk7XG4gICAgY29uc3QgW2lubmVyVmFsdWUsIHNldElubmVyVmFsdWVdID0gdXNlQ29udHJvbGxlZFN0YXRlKGRlZmF1bHRWYWx1ZSwgdmFsdWUpO1xuICAgIGNvbnN0IFtyZWdpc3RlcmVkVmFsdWVzLCBzZXRSZWdpc3RlcmVkVmFsdWVzXSA9IHVzZVN0YXRlKFtdKTtcbiAgICBjb25zdCBjYW5jZWxWYWx1ZSA9IHVzZUV2ZW50Q2FsbGJhY2soKG9wdGlvblZhbHVlKSA9PiB7XG4gICAgICAgIHNldFJlZ2lzdGVyZWRWYWx1ZXMoKHByZXZWYWx1ZXMpID0+IHByZXZWYWx1ZXMuZmlsdGVyKCh2YWx1ZUl0ZW0pID0+ICFPYmplY3QuaXModmFsdWVJdGVtLCBvcHRpb25WYWx1ZSkpKTtcbiAgICB9KTtcbiAgICBjb25zdCByZWdpc3RlclZhbHVlID0gdXNlRXZlbnRDYWxsYmFjaygob3B0aW9uVmFsdWUpID0+IHtcbiAgICAgICAgc2V0UmVnaXN0ZXJlZFZhbHVlcygocHJldlZhbHVlcykgPT4ge1xuICAgICAgICAgICAgaWYgKGluY2x1ZGVzVmFsdWUocHJldlZhbHVlcywgb3B0aW9uVmFsdWUpKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHByZXZWYWx1ZXM7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICByZXR1cm4gWy4uLnByZXZWYWx1ZXMsIG9wdGlvblZhbHVlXTtcbiAgICAgICAgfSk7XG4gICAgfSk7XG4gICAgY29uc3QgdG9nZ2xlT3B0aW9uID0gdXNlRXZlbnRDYWxsYmFjaygob3B0aW9uKSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IG9wdGlvbkluZGV4ID0gaW5uZXJWYWx1ZS5maW5kSW5kZXgoKHZhbHVlSXRlbSkgPT4gT2JqZWN0LmlzKHZhbHVlSXRlbSwgb3B0aW9uLnZhbHVlKSk7XG4gICAgICAgIGNvbnN0IG5leHRWYWx1ZSA9IFsuLi5pbm5lclZhbHVlXTtcbiAgICAgICAgaWYgKG9wdGlvbkluZGV4ID09PSAtMSkge1xuICAgICAgICAgICAgbmV4dFZhbHVlLnB1c2gob3B0aW9uLnZhbHVlKTtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIG5leHRWYWx1ZS5zcGxpY2Uob3B0aW9uSW5kZXgsIDEpO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IG9yZGVyZWRWYWx1ZSA9IG9yZGVyVmFsdWVzQnlSZWdpc3RyYXRpb24obmV4dFZhbHVlLCByZWdpc3RlcmVkVmFsdWVzKTtcbiAgICAgICAgc2V0SW5uZXJWYWx1ZShvcmRlcmVkVmFsdWUpO1xuICAgICAgICBvbkNoYW5nZSA9PT0gbnVsbCB8fCBvbkNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25DaGFuZ2Uob3JkZXJlZFZhbHVlKTtcbiAgICB9KTtcbiAgICBjb25zdCByZW5kZXJlZE9wdGlvbnMgPSBub3JtYWxpemVkT3B0aW9ucy5tYXAoKG9wdGlvbiwgaW5kZXgpID0+IChfanN4KENoZWNrYm94QmFzZSwgeyBjbGFzc05hbWU6IG9wdGlvbi5jbGFzc05hbWUsIGRlc2NyaXB0aW9uOiBvcHRpb24uZGVzY3JpcHRpb24sIGRpc2FibGVkOiBvcHRpb24uZGlzYWJsZWQsIGlkOiBvcHRpb24uaWQsIGluZGV0ZXJtaW5hdGU6IG9wdGlvbi5pbmRldGVybWluYXRlLCBsYWJlbDogb3B0aW9uLmxhYmVsLCBsYWJlbFBsYWNlbWVudDogb3B0aW9uLmxhYmVsUGxhY2VtZW50LCBvbkNoYW5nZTogb3B0aW9uLm9uQ2hhbmdlLCByZXF1aXJlZDogb3B0aW9uLnJlcXVpcmVkLCB0aXRsZTogb3B0aW9uLnRpdGxlLCB2YWx1ZTogb3B0aW9uLnZhbHVlIH0sIGAke1N0cmluZyhvcHRpb24udmFsdWUpfS0ke2luZGV4fWApKSk7XG4gICAgY29uc3QgY29udGV4dFZhbHVlID0gdXNlTWVtbygoKSA9PiAoe1xuICAgICAgICBuYW1lLFxuICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgdmFsdWU6IGlubmVyVmFsdWUsXG4gICAgICAgIGNhbmNlbFZhbHVlLFxuICAgICAgICByZWdpc3RlclZhbHVlLFxuICAgICAgICB0b2dnbGVPcHRpb24sXG4gICAgfSksIFtuYW1lLCBkaXNhYmxlZCwgaW5uZXJWYWx1ZSwgY2FuY2VsVmFsdWUsIHJlZ2lzdGVyVmFsdWUsIHRvZ2dsZU9wdGlvbl0pO1xuICAgIHJldHVybiAoX2pzeChDaGVja2JveEdyb3VwQ29udGV4dC5Qcm92aWRlciwgeyB2YWx1ZTogY29udGV4dFZhbHVlLCBjaGlsZHJlbjogX2pzeChcImRpdlwiLCB7IHJlZjogcmVmLCByb2xlOiBcImdyb3VwXCIsIHRpdGxlOiB0aXRsZSwgXCJhcmlhLWxhYmVsXCI6IGFyaWFMYWJlbCwgXCJhcmlhLWxhYmVsbGVkYnlcIjogYXJpYUxhYmVsbGVkQnksIGNsYXNzTmFtZTogY2xhc3Nlcyh1bmRlZmluZWQsIGpvaW5DbHMoY2xhc3NlcyhkaXJlY3Rpb24pLCBkaXNhYmxlZCAmJiBjbGFzc2VzKCdkaXNhYmxlZCcpLCBjbGFzc05hbWUpKSwgY2hpbGRyZW46IGNoaWxkcmVuICE9PSBudWxsICYmIGNoaWxkcmVuICE9PSB2b2lkIDAgPyBjaGlsZHJlbiA6IHJlbmRlcmVkT3B0aW9ucyB9KSB9KSk7XG59O1xuQ2hlY2tib3hHcm91cC5kaXNwbGF5TmFtZSA9ICdDaGVja2JveEdyb3VwJztcbmV4cG9ydCBkZWZhdWx0IG1lbW8oQ2hlY2tib3hHcm91cCk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/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/es/components/Checkbox/CheckboxGroupContext.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+export var CheckboxGroupContext = /*#__PURE__*/createContext(null);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvQ2hlY2tib3hHcm91cENvbnRleHQudHMiXSwibmFtZXMiOlsiY3JlYXRlQ29udGV4dCIsIkNoZWNrYm94R3JvdXBDb250ZXh0Il0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxhQUFhLFFBQVEsT0FBTztBQWdCckMsT0FBTyxJQUFNQyxvQkFBb0IsZ0JBQy9CRCxhQUFhLENBQW1DLElBQUksQ0FBQyIsImZpbGUiOiJjb21wb25lbnRzL0NoZWNrYm94L0NoZWNrYm94R3JvdXBDb250ZXh0LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/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/es/components/Checkbox/constants.js

@@ -0,0 +1,17 @@
+export var 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvY29uc3RhbnRzLnRzIiwiY29tcG9uZW50cy9DaGVja2JveC9jb25zdGFudHMuanMiXSwibmFtZXMiOlsiQ0hFQ0tCT1giLCJsYWJlbCIsInNpemUiLCJjb2xvciIsImRpc2FibGVkIiwiZGVzY3JpcHRpb24iXSwibWFwcGluZ3MiOiJBQUVBLE9BQU8sSUFBTUEsUUFBUSxHQUFHO0VBQ3RCQyxLQUFLLEVBQUU7SUFDTEMsSUFBSSxFQUFFLElBQTBCO0lBQ2hDQyxLQUFLLEVBQUU7TUFDTCxXQUFTLFNBQTRCO01BQ3JDQyxRQUFRLEVBQUU7SUNEUjtFQUNKLENERUQ7RUFDREMsV0FBVyxFQUFFO0lBQ1hILElBQUksRUFBRSxJQUEwQjtJQUNoQ0MsS0FBSyxFQUFFO01BQ0wsV0FBUyxrQkFBcUM7TUFDOUNDLFFBQVEsRUFBRTtJQ0RSO0VBQ0o7QUFDSixDREVVIiwiZmlsZSI6ImNvbXBvbmVudHMvQ2hlY2tib3gvY29uc3RhbnRzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJleHBvcnQgY29uc3QgQ0hFQ0tCT1ggPSB7XG4gICAgbGFiZWw6IHtcbiAgICAgICAgc2l6ZTogJ2xnJyxcbiAgICAgICAgY29sb3I6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6ICdkZWZhdWx0JyxcbiAgICAgICAgICAgIGRpc2FibGVkOiAnZGlzYWJsZWQnLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgZGVzY3JpcHRpb246IHtcbiAgICAgICAgc2l6ZTogJ21kJyxcbiAgICAgICAgY29sb3I6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6ICdkZWZhdWx0LXRlcnRpYXJ5JyxcbiAgICAgICAgICAgIGRpc2FibGVkOiAnZGlzYWJsZWQnLFxuICAgICAgICB9LFxuICAgIH0sXG59OyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/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/es/components/Checkbox/index.js

@@ -0,0 +1,11 @@
+import CheckboxBase from './Checkbox';
+import CheckboxGroup from './CheckboxGroup';
+CheckboxBase.displayName = 'Checkbox';
+export var Checkbox = Object.assign(CheckboxBase, {
+  Group: CheckboxGroup
+});
+export { CheckboxGroup } from './CheckboxGroup';
+export default Checkbox;
+export * from './interface';
+export * from './constants';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvaW5kZXgudHMiLCJjb21wb25lbnRzL0NoZWNrYm94L2luZGV4LmpzIl0sIm5hbWVzIjpbIkNoZWNrYm94QmFzZSIsIkNoZWNrYm94R3JvdXAiLCJkaXNwbGF5TmFtZSIsIkNoZWNrYm94IiwiT2JqZWN0IiwiYXNzaWduIiwiR3JvdXAiXSwibWFwcGluZ3MiOiJBQUNBLE9BQU9BLFlBQVksTUFBTSxZQUFZO0FBQ3JDLE9BQU9DLGFBQWEsTUFBTSxpQkFBaUI7QUFPM0NELFlBQVksQ0FBQ0UsV0FBVyxHQUFHLFVBQVU7QUFFckMsT0FBTyxJQUFNQyxRQUFRLEdBQUdDLE1BQU0sQ0FBQ0MsTUFBTSxDQUFDTCxZQUFZLEVBQUU7RUFDbERNLEtBQUssRUFBRUw7QUNQVCxDRFFDLENBQXNCO0FBRXZCLFNBQVNBLGFBQWEsUUFBUSxpQkFBaUI7QUFFL0MsZUFBZUUsUUFBUTtBQUV2QixjQUFjLGFBQWE7QUFDM0IsY0FBYyxhQUFhIiwiZmlsZSI6ImNvbXBvbmVudHMvQ2hlY2tib3gvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImltcG9ydCBDaGVja2JveEJhc2UgZnJvbSAnLi9DaGVja2JveCc7XG5pbXBvcnQgQ2hlY2tib3hHcm91cCBmcm9tICcuL0NoZWNrYm94R3JvdXAnO1xuQ2hlY2tib3hCYXNlLmRpc3BsYXlOYW1lID0gJ0NoZWNrYm94JztcbmV4cG9ydCBjb25zdCBDaGVja2JveCA9IE9iamVjdC5hc3NpZ24oQ2hlY2tib3hCYXNlLCB7XG4gICAgR3JvdXA6IENoZWNrYm94R3JvdXAsXG59KTtcbmV4cG9ydCB7IENoZWNrYm94R3JvdXAgfSBmcm9tICcuL0NoZWNrYm94R3JvdXAnO1xuZXhwb3J0IGRlZmF1bHQgQ2hlY2tib3g7XG5leHBvcnQgKiBmcm9tICcuL2ludGVyZmFjZSc7XG5leHBvcnQgKiBmcm9tICcuL2NvbnN0YW50cyc7Il0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/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/es/components/Checkbox/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9DaGVja2JveC9pbnRlcmZhY2UuanMiLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMiLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2hlY2tib3gvaW50ZXJmYWNlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7fTsiXSwibWFwcGluZ3MiOiJBQUFBIiwiaWdub3JlTGlzdCI6W119

package/es/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/es/components/Checkbox/style/css.js

@@ -0,0 +1,2 @@
+import './Checkbox.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2hlY2tib3gvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxpQkFBaUIiLCJmaWxlIjoiY29tcG9uZW50cy9DaGVja2JveC9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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

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

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

@@ -0,0 +1,2 @@
+import './Checkbox.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2hlY2tib3gvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxpQkFBaUIiLCJmaWxlIjoiY29tcG9uZW50cy9DaGVja2JveC9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/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;