@snack-uikit/toggles 0.10.4 → 0.10.5-preview-1f246c4a.0

package/dist/cjs/components/Checkbox/Checkbox.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Checkbox = Checkbox;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const merge_refs_1 = __importDefault(require("merge-refs"));
+const react_1 = require("react");
+const uncontrollable_1 = require("uncontrollable");
+const icons_1 = require("@snack-uikit/icons");
+const constants_1 = require("../../constants");
+const utils_1 = require("../../utils");
+const TogglePrivate_1 = require("../TogglePrivate");
+const styles_module_scss_1 = __importDefault({});
+function Checkbox(_a) {
+  var {
+      inputRef,
+      indeterminate: indeterminateProp,
+      indeterminateDefault,
+      onChange: onChangeProp,
+      'data-test-id': dataTestId,
+      size = constants_1.SIZE.M
+    } = _a,
+    restProps = __rest(_a, ["inputRef", "indeterminate", "indeterminateDefault", "onChange", 'data-test-id', "size"]);
+  const localRef = (0, react_1.useRef)(null);
+  const ref = (0, merge_refs_1.default)(localRef, inputRef);
+  const [indeterminate, setIndeterminate] = (0, uncontrollable_1.useUncontrolledProp)(indeterminateProp, indeterminateDefault);
+  const onChange = (0, react_1.useCallback)(checked => {
+    onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(checked);
+    setIndeterminate(false);
+  }, [onChangeProp, setIndeterminate]);
+  (0, react_1.useEffect)(() => {
+    if (localRef.current) {
+      localRef.current.indeterminate = Boolean(indeterminate);
+    }
+  }, [localRef, indeterminate]);
+  const iconSize = (0, react_1.useMemo)(() => (0, utils_1.getIconSize)(size), [size]);
+  return (0, jsx_runtime_1.jsx)(TogglePrivate_1.TogglePrivate, Object.assign({}, restProps, {
+    size: size,
+    onChange: onChange,
+    "data-test-id": dataTestId,
+    ref: ref,
+    render: function Checkbox(visualState) {
+      const data = (0, utils_1.getVisualStateAttributes)(Object.assign(Object.assign({}, visualState), {
+        indeterminate: Boolean(indeterminate)
+      }));
+      return (0, jsx_runtime_1.jsxs)("div", Object.assign({
+        className: styles_module_scss_1.default.container
+      }, data, {
+        children: [(0, jsx_runtime_1.jsx)("div", Object.assign({
+          className: styles_module_scss_1.default.box
+        }, data)), (0, jsx_runtime_1.jsx)("div", Object.assign({
+          className: styles_module_scss_1.default.icon
+        }, data, {
+          children: indeterminate ? (0, jsx_runtime_1.jsx)(icons_1.MinusSVG, {
+            size: iconSize
+          }) : (0, jsx_runtime_1.jsx)(icons_1.CheckSVG, {
+            size: iconSize
+          })
+        }))]
+      }));
+    }
+  }));
+}

package/dist/cjs/components/Checkbox/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Checkbox"), exports);

package/dist/cjs/components/Favorite/Favorite.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Favorite = Favorite;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const icons_1 = require("@snack-uikit/icons");
+const constants_1 = require("../../constants");
+const utils_1 = require("../../utils");
+const TogglePrivate_1 = require("../TogglePrivate");
+const styles_module_scss_1 = __importDefault({});
+const CHECKED_ICONS = {
+  [constants_1.FAVORITE_ICON.Star]: icons_1.StarFilledSVG,
+  [constants_1.FAVORITE_ICON.Heart]: icons_1.HeartFilledSVG
+};
+const UNCHECKED_ICONS = {
+  [constants_1.FAVORITE_ICON.Star]: icons_1.StarSVG,
+  [constants_1.FAVORITE_ICON.Heart]: icons_1.HeartSVG
+};
+function Favorite(_a) {
+  var {
+      inputRef,
+      'data-test-id': dataTestId,
+      size = constants_1.SIZE.M,
+      icon = constants_1.FAVORITE_ICON.Heart
+    } = _a,
+    restProps = __rest(_a, ["inputRef", 'data-test-id', "size", "icon"]);
+  const iconSize = (0, react_1.useMemo)(() => (0, utils_1.getIconSize)(size), [size]);
+  return (0, jsx_runtime_1.jsx)(TogglePrivate_1.TogglePrivate, Object.assign({}, restProps, {
+    "data-test-id": dataTestId,
+    ref: inputRef,
+    size: size,
+    render: function Favorite(visualState) {
+      const Icon = visualState.checked ? CHECKED_ICONS[icon] : UNCHECKED_ICONS[icon];
+      const data = (0, utils_1.getVisualStateAttributes)(Object.assign(Object.assign({}, visualState), {
+        icon
+      }));
+      return (0, jsx_runtime_1.jsx)("div", Object.assign({
+        className: styles_module_scss_1.default.container
+      }, data, {
+        children: (0, jsx_runtime_1.jsx)(Icon, Object.assign({
+          className: styles_module_scss_1.default.icon
+        }, data, {
+          size: iconSize
+        }))
+      }));
+    }
+  }));
+}

package/dist/cjs/components/Favorite/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Favorite"), exports);

package/dist/cjs/components/Radio/Radio.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Radio = Radio;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const constants_1 = require("../../constants");
+const utils_1 = require("../../utils");
+const TogglePrivate_1 = require("../TogglePrivate");
+const styles_module_scss_1 = __importDefault({});
+function Radio(_a) {
+  var {
+      inputRef,
+      'data-test-id': dataTestId
+    } = _a,
+    restProps = __rest(_a, ["inputRef", 'data-test-id']);
+  return (0, jsx_runtime_1.jsx)(TogglePrivate_1.TogglePrivate, Object.assign({}, restProps, {
+    "data-test-id": dataTestId,
+    mode: constants_1.MODE.Radio,
+    ref: inputRef,
+    render: function Radio(visualState) {
+      const data = (0, utils_1.getVisualStateAttributes)(visualState);
+      return (0, jsx_runtime_1.jsx)("div", Object.assign({
+        className: styles_module_scss_1.default.container
+      }, data, {
+        children: (0, jsx_runtime_1.jsx)("div", Object.assign({
+          className: styles_module_scss_1.default.box
+        }, data, {
+          children: (0, jsx_runtime_1.jsx)("div", Object.assign({
+            className: styles_module_scss_1.default.flag
+          }, data))
+        }))
+      }));
+    }
+  }));
+}

package/dist/cjs/components/Radio/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Radio"), exports);

package/dist/cjs/components/Switch/Switch.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Switch = Switch;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@snack-uikit/icons");
+const constants_1 = require("../../constants");
+const helperComponents_1 = require("../../helperComponents");
+const utils_1 = require("../../utils");
+const TogglePrivate_1 = require("../TogglePrivate");
+const styles_module_scss_1 = __importDefault({});
+function Switch(_a) {
+  var {
+      inputRef,
+      'data-test-id': dataTestId,
+      showIcon,
+      loading,
+      size = constants_1.SIZE.M
+    } = _a,
+    restProps = __rest(_a, ["inputRef", 'data-test-id', "showIcon", "loading", "size"]);
+  return (0, jsx_runtime_1.jsx)(TogglePrivate_1.TogglePrivate, Object.assign({}, restProps, {
+    size: size,
+    "data-test-id": dataTestId,
+    ref: inputRef,
+    render: function Switch(visualState) {
+      const data = (0, utils_1.getVisualStateAttributes)(visualState);
+      return (0, jsx_runtime_1.jsxs)("div", Object.assign({
+        className: styles_module_scss_1.default.container
+      }, data, {
+        children: [(0, jsx_runtime_1.jsx)("div", Object.assign({
+          className: styles_module_scss_1.default.box
+        }, data)), (0, jsx_runtime_1.jsxs)("div", Object.assign({
+          className: styles_module_scss_1.default.containerFlag
+        }, data, {
+          children: [(0, jsx_runtime_1.jsx)("div", Object.assign({
+            className: styles_module_scss_1.default.flag
+          }, data)), (showIcon || loading) && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
+            children: [(0, jsx_runtime_1.jsx)("div", Object.assign({
+              className: styles_module_scss_1.default.flag_icon_off
+            }, data, {
+              children: loading ? (0, jsx_runtime_1.jsx)(helperComponents_1.Spinner, {}) : (0, jsx_runtime_1.jsx)(icons_1.CrossSVG, {
+                size: 16
+              })
+            })), (0, jsx_runtime_1.jsx)("div", Object.assign({
+              className: styles_module_scss_1.default.flag_icon_on
+            }, data, {
+              children: loading ? (0, jsx_runtime_1.jsx)(helperComponents_1.Spinner, {}) : (0, jsx_runtime_1.jsx)(icons_1.CheckSVG, {
+                size: 16
+              })
+            }))]
+          })]
+        }))]
+      }));
+    }
+  }));
+}

package/dist/cjs/components/Switch/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Switch"), exports);

package/dist/cjs/components/ToggleGroup/ToggleGroup.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToggleGroup = ToggleGroup;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uncontrollable_1 = require("uncontrollable");
+const constants_1 = require("../../constants");
+const context_1 = require("../../context");
+function ToggleGroup(_ref) {
+  let {
+    children,
+    value: valueProp,
+    onChange: onChangeProp,
+    selectionMode = constants_1.SELECTION_MODE.Single,
+    defaultValue
+  } = _ref;
+  const [value, setValue] = (0, uncontrollable_1.useUncontrolledProp)(valueProp, defaultValue, cb => {
+    onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(cb(value));
+  });
+  const onChange = (0, react_1.useCallback)(newValue => {
+    if (selectionMode === constants_1.SELECTION_MODE.Single) {
+      return setValue(oldValue => {
+        if (newValue !== oldValue) {
+          return newValue;
+        }
+        return undefined;
+      });
+    }
+    return setValue(function () {
+      let oldValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      if (Array.isArray(oldValues)) {
+        if (oldValues.includes(newValue)) {
+          return oldValues.filter(oldValue => oldValue !== newValue);
+        }
+        return oldValues.concat(newValue);
+      }
+      return undefined;
+    });
+  }, [selectionMode, setValue]);
+  return (0, jsx_runtime_1.jsx)(context_1.ToggleGroupContext.Provider, {
+    value: {
+      value,
+      onChange,
+      selectionMode
+    },
+    children: children
+  });
+}

package/dist/cjs/components/ToggleGroup/hooks.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useToggleGroup = useToggleGroup;
+const react_1 = require("react");
+const constants_1 = require("../../constants");
+const context_1 = require("../../context");
+function useToggleGroup(_ref) {
+  let {
+    value: itemValue
+  } = _ref;
+  const {
+    value,
+    onChange,
+    selectionMode
+  } = (0, context_1.useToggleGroupContext)();
+  const isChecked = (0, react_1.useMemo)(() => {
+    if (typeof value === 'string') {
+      return value === itemValue;
+    }
+    if (Array.isArray(value)) {
+      return value.includes(itemValue);
+    }
+    return false;
+  }, [value, itemValue]);
+  const handleClick = (0, react_1.useCallback)(() => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(itemValue);
+  }, [itemValue, onChange]);
+  return {
+    isChecked,
+    handleClick,
+    multipleSelection: selectionMode === constants_1.SELECTION_MODE.Multiple
+  };
+}

package/dist/cjs/components/ToggleGroup/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./ToggleGroup"), exports);
+__exportStar(require("./hooks"), exports);

package/dist/cjs/components/TogglePrivate/TogglePrivate.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TogglePrivate = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const uncontrollable_1 = require("uncontrollable");
+const constants_1 = require("../../constants");
+const utils_1 = require("../../utils");
+const styles_module_scss_1 = __importDefault({});
+exports.TogglePrivate = (0, react_1.forwardRef)(function TogglePrivate(_a, ref) {
+  var {
+      render,
+      checked: checkedProp,
+      defaultChecked,
+      onChange,
+      onBlur,
+      onFocus,
+      disabled,
+      className,
+      size = constants_1.SIZE.M,
+      mode = constants_1.MODE.Checkbox,
+      'data-test-id': testId
+    } = _a,
+    otherProps = __rest(_a, ["render", "checked", "defaultChecked", "onChange", "onBlur", "onFocus", "disabled", "className", "size", "mode", 'data-test-id']);
+  const [checked, setChecked] = (0, uncontrollable_1.useUncontrolledProp)(checkedProp, Boolean(defaultChecked), onChange);
+  const [focusVisible, setFocusVisible] = (0, react_1.useState)(false);
+  const [hover, setHover] = (0, react_1.useState)(false);
+  const visualState = {
+    disabled: Boolean(disabled),
+    focusVisible,
+    checked,
+    hover,
+    size
+  };
+  return (0, jsx_runtime_1.jsxs)("span", Object.assign({
+    className: (0, classnames_1.default)(className, styles_module_scss_1.default.toggleLayout),
+    "data-size": size,
+    "data-test-id": testId,
+    onMouseEnter: () => setHover(true),
+    onMouseLeave: () => setHover(false)
+  }, (0, utils_1.getVisualStateAttributes)(visualState), {
+    children: [render(visualState), (0, jsx_runtime_1.jsx)("input", Object.assign({}, otherProps, {
+      "data-test-id": `${testId}-native-input`,
+      ref: ref,
+      type: mode,
+      className: styles_module_scss_1.default.togglePrivate,
+      checked: checked,
+      disabled: disabled,
+      onChange: e => setChecked(e.target.checked),
+      onFocus: event => {
+        setFocusVisible(event.target.matches(':focus-visible'));
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
+      },
+      onBlur: event => {
+        setFocusVisible(false);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+      }
+    }))]
+  }));
+});

package/dist/cjs/components/TogglePrivate/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./TogglePrivate"), exports);

package/dist/cjs/components/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Checkbox"), exports);
+__exportStar(require("./Switch"), exports);
+__exportStar(require("./Radio"), exports);
+__exportStar(require("./Favorite"), exports);
+__exportStar(require("./ToggleGroup"), exports);

package/dist/cjs/constants.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SELECTION_MODE = exports.FAVORITE_ICON = exports.SIZE = exports.MODE = void 0;
+exports.MODE = {
+  Checkbox: 'checkbox',
+  Radio: 'radio'
+};
+exports.SIZE = {
+  S: 's',
+  M: 'm'
+};
+exports.FAVORITE_ICON = {
+  Star: 'star',
+  Heart: 'heart'
+};
+exports.SELECTION_MODE = {
+  Single: 'single',
+  Multiple: 'multiple'
+};

package/dist/cjs/context.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useToggleGroupContext = exports.ToggleGroupContext = void 0;
+const react_1 = require("react");
+const constants_1 = require("./constants");
+exports.ToggleGroupContext = (0, react_1.createContext)({
+  value: undefined,
+  onChange: undefined,
+  selectionMode: constants_1.SELECTION_MODE.Single
+});
+const useToggleGroupContext = () => (0, react_1.useContext)(exports.ToggleGroupContext);
+exports.useToggleGroupContext = useToggleGroupContext;