intergalactic 15.129.0 → 15.130.0

package/checkbox/lib/esm/Checkbox.mjs

@@ -1,229 +1,272 @@
-import S from "@babel/runtime/helpers/esm/toConsumableArray";
-import y from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import P from "@babel/runtime/helpers/esm/slicedToArray";
-import b from "@babel/runtime/helpers/esm/objectSpread2";
-import z from "@babel/runtime/helpers/esm/classCallCheck";
-import w from "@babel/runtime/helpers/esm/createClass";
-import I from "@babel/runtime/helpers/esm/assertThisInitialized";
-import T from "@babel/runtime/helpers/esm/inherits";
-import E from "@babel/runtime/helpers/esm/createSuper";
-import n from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as V } from 'intergalactic/utils/lib/core/index';
-import L, { sstyled as m, assignProps as q, Component as R } from 'intergalactic/core';
-import i from "react";
-import { Box as M, Flex as j, InvalidStateBox as W } from 'intergalactic/flex-box';
-import { Text as $ } from 'intergalactic/typography';
-import { useColorResolver as J } from 'intergalactic/utils/lib/use/useColorResolver';
-import U from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
-import { callAllEventHandlers as B } from 'intergalactic/utils/lib/assignProps';
-import Q from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
-import O from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
-import D, { inputProps as X } from 'intergalactic/utils/lib/inputProps';
-import { inputProps as Pe } from 'intergalactic/utils/lib/inputProps';
-import K from 'intergalactic/utils/lib/logger';
-var Y = ["size", "state", "theme", "keyboardFocused", "checked", "indeterminate", "includeInputProps", "resolveColor"], ee = ["children", "Children"], N = (
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import { Box, Flex, InvalidStateBox } from 'intergalactic/flex-box';
+import { Text as Text$1 } from 'intergalactic/typography';
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
+import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
+import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import autoFocusEnhance from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
+import getInputProps, { inputProps } from 'intergalactic/utils/lib/inputProps';
+import { inputProps as inputProps2 } from 'intergalactic/utils/lib/inputProps';
+import logger from 'intergalactic/utils/lib/logger';
+var _excluded = ["size", "state", "theme", "keyboardFocused", "checked", "indeterminate", "includeInputProps", "resolveColor"], _excluded2 = ["children", "Children"];
+/*!__reshadow-styles__:"./style/checkbox.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (V.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SLabel_r6qg4_gg_{position:relative;display:inline-flex;align-items:flex-start;cursor:pointer}.___SLabel_r6qg4_gg_.__disabled_r6qg4_gg_{cursor:default}.___SLabel_r6qg4_gg_ .___SText_r6qg4_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SLabel_r6qg4_gg_ .___SText_r6qg4_gg_.__disabled_r6qg4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SLabel_r6qg4_gg_ .___SText_r6qg4_gg_.__color_r6qg4_gg_{color:var(--color_r6qg4)}.___SControl_r6qg4_gg_{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.___SCheckbox_r6qg4_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:0}.___SCheckbox_r6qg4_gg_::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SCheckbox_r6qg4_gg_::after{content:"";position:absolute;top:1px;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SCheckbox_r6qg4_gg_._state_normal_r6qg4_gg_:before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SCheckbox_r6qg4_gg_._state_normal_r6qg4_gg_.__keyboardFocused_r6qg4_gg_:before{border-color:var(--intergalactic-border-info-active, #006dca)}.___SCheckbox_r6qg4_gg_._size_l_r6qg4_gg_,.___SCheckbox_r6qg4_gg_._size_m_r6qg4_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);width:20px;height:20px}.___SCheckbox_r6qg4_gg_._size_l_r6qg4_gg_.__checked_r6qg4_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SCheckbox_r6qg4_gg_._size_m_r6qg4_gg_{width:16px;height:16px}.___SCheckbox_r6qg4_gg_._size_m_r6qg4_gg_.__checked_r6qg4_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SText_r6qg4_gg_._size_l_r6qg4_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_r6qg4_gg_._size_m_r6qg4_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SControl_r6qg4_gg_.__checked_r6qg4_gg_~.___SCheckbox_r6qg4_gg_._state_invalid_r6qg4_gg_:before,.___SControl_r6qg4_gg_.__checked_r6qg4_gg_~.___SCheckbox_r6qg4_gg_._state_normal_r6qg4_gg_:before,.___SControl_r6qg4_gg_.__indeterminate_r6qg4_gg_~.___SCheckbox_r6qg4_gg_._state_normal_r6qg4_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SCheckbox_r6qg4_gg_._state_invalid_r6qg4_gg_:before,.___SControl_r6qg4_gg_.__checked_r6qg4_gg_~.___SCheckbox_r6qg4_gg_._state_invalid_r6qg4_gg_:before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SCheckbox_r6qg4_gg_._state_invalid_r6qg4_gg_.__keyboardFocused_r6qg4_gg_:before,.___SControl_r6qg4_gg_.__checked_r6qg4_gg_~.___SCheckbox_r6qg4_gg_._state_invalid_r6qg4_gg_.__keyboardFocused_r6qg4_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SCheckbox_r6qg4_gg_._state_normal_r6qg4_gg_.__keyboardFocused_r6qg4_gg_:before,.___SControl_r6qg4_gg_.__checked_r6qg4_gg_.__keyboardFocused_r6qg4_gg_:before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SControl_r6qg4_gg_.__disabled_r6qg4_gg_~.___SCheckbox_r6qg4_gg_:before{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SControl_r6qg4_gg_.__checked_r6qg4_gg_~.___SCheckbox_r6qg4_gg_._state_invalid_r6qg4_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SControl_r6qg4_gg_.__indeterminate_r6qg4_gg_~.___SCheckbox_r6qg4_gg_:after{background-color:#fff;margin:auto;border-radius:1px}.___SControl_r6qg4_gg_.__indeterminate_r6qg4_gg_~.___SCheckbox_r6qg4_gg_._size_l_r6qg4_gg_:after{width:12px;height:2px}.___SControl_r6qg4_gg_.__indeterminate_r6qg4_gg_~.___SCheckbox_r6qg4_gg_._size_m_r6qg4_gg_:after{width:8px;height:2px}.___SControl_r6qg4_gg_.__indeterminate_r6qg4_gg_~.___SCheckbox_r6qg4_gg_._state_invalid_r6qg4_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SCheckbox_r6qg4_gg_.__theme_r6qg4_gg_._state_normal_r6qg4_gg_.__keyboardFocused_r6qg4_gg_:before,.___SCheckbox_r6qg4_gg_.__theme_r6qg4_gg_._state_normal_r6qg4_gg_:before{border-color:var(--theme_r6qg4)}.___SControl_r6qg4_gg_.__checked_r6qg4_gg_~.___SCheckbox_r6qg4_gg_.__theme_r6qg4_gg_._state_invalid_r6qg4_gg_:before,.___SControl_r6qg4_gg_.__checked_r6qg4_gg_~.___SCheckbox_r6qg4_gg_.__theme_r6qg4_gg_._state_normal_r6qg4_gg_:before,.___SControl_r6qg4_gg_.__indeterminate_r6qg4_gg_~.___SCheckbox_r6qg4_gg_.__theme_r6qg4_gg_._state_normal_r6qg4_gg_:before{background-color:var(--theme_r6qg4);border-color:var(--theme_r6qg4)}.___SInvalidPattern_r6qg4_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-small, 4px);border-top-left-radius:var(--intergalactic-rounded-small, 4px)}',
-    "r6qg4_gg_"
-  ), {
-    __SControl: "___SControl_r6qg4_gg_",
-    __SText: "___SText_r6qg4_gg_",
-    _size_l: "_size_l_r6qg4_gg_",
-    _size_m: "_size_m_r6qg4_gg_",
-    _checked: "__checked_r6qg4_gg_",
-    __SCheckbox: "___SCheckbox_r6qg4_gg_",
-    _state_normal: "_state_normal_r6qg4_gg_",
-    _state_invalid: "_state_invalid_r6qg4_gg_",
-    _indeterminate: "__indeterminate_r6qg4_gg_",
-    _disabled: "__disabled_r6qg4_gg_",
-    _theme: "__theme_r6qg4_gg_",
-    "--theme": "--theme_r6qg4",
-    _keyboardFocused: "__keyboardFocused_r6qg4_gg_",
-    __SInvalidPattern: "___SInvalidPattern_r6qg4_gg_",
-    __SLabel: "___SLabel_r6qg4_gg_",
-    _color: "__color_r6qg4_gg_",
-    "--color": "--color_r6qg4"
+    '.___SLabel_1n7r9_gg_{position:relative;display:inline-flex;align-items:flex-start;cursor:pointer}.___SLabel_1n7r9_gg_.__disabled_1n7r9_gg_{cursor:default}.___SLabel_1n7r9_gg_ .___SText_1n7r9_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SLabel_1n7r9_gg_ .___SText_1n7r9_gg_.__disabled_1n7r9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SLabel_1n7r9_gg_ .___SText_1n7r9_gg_.__color_1n7r9_gg_{color:var(--color_1n7r9)}.___SControl_1n7r9_gg_{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.___SCheckbox_1n7r9_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:0}.___SCheckbox_1n7r9_gg_::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SCheckbox_1n7r9_gg_::after{content:"";position:absolute;top:1px;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SCheckbox_1n7r9_gg_._state_normal_1n7r9_gg_:before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SCheckbox_1n7r9_gg_._state_normal_1n7r9_gg_.__keyboardFocused_1n7r9_gg_:before{border-color:var(--intergalactic-border-info-active, #006dca)}.___SCheckbox_1n7r9_gg_._size_l_1n7r9_gg_,.___SCheckbox_1n7r9_gg_._size_m_1n7r9_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);width:20px;height:20px}.___SCheckbox_1n7r9_gg_._size_l_1n7r9_gg_.__checked_1n7r9_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SCheckbox_1n7r9_gg_._size_m_1n7r9_gg_{width:16px;height:16px}.___SCheckbox_1n7r9_gg_._size_m_1n7r9_gg_.__checked_1n7r9_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SText_1n7r9_gg_._size_l_1n7r9_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1n7r9_gg_._size_m_1n7r9_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SControl_1n7r9_gg_.__checked_1n7r9_gg_~.___SCheckbox_1n7r9_gg_._state_invalid_1n7r9_gg_:before,.___SControl_1n7r9_gg_.__checked_1n7r9_gg_~.___SCheckbox_1n7r9_gg_._state_normal_1n7r9_gg_:before,.___SControl_1n7r9_gg_.__indeterminate_1n7r9_gg_~.___SCheckbox_1n7r9_gg_._state_normal_1n7r9_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SCheckbox_1n7r9_gg_._state_invalid_1n7r9_gg_:before,.___SControl_1n7r9_gg_.__checked_1n7r9_gg_~.___SCheckbox_1n7r9_gg_._state_invalid_1n7r9_gg_:before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SCheckbox_1n7r9_gg_._state_invalid_1n7r9_gg_.__keyboardFocused_1n7r9_gg_:before,.___SControl_1n7r9_gg_.__checked_1n7r9_gg_~.___SCheckbox_1n7r9_gg_._state_invalid_1n7r9_gg_.__keyboardFocused_1n7r9_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SCheckbox_1n7r9_gg_._state_normal_1n7r9_gg_.__keyboardFocused_1n7r9_gg_:before,.___SControl_1n7r9_gg_.__checked_1n7r9_gg_.__keyboardFocused_1n7r9_gg_:before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SControl_1n7r9_gg_.__disabled_1n7r9_gg_~.___SCheckbox_1n7r9_gg_:before{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SControl_1n7r9_gg_.__checked_1n7r9_gg_~.___SCheckbox_1n7r9_gg_._state_invalid_1n7r9_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SControl_1n7r9_gg_.__indeterminate_1n7r9_gg_~.___SCheckbox_1n7r9_gg_:after{background-color:#fff;margin:auto;border-radius:1px}.___SControl_1n7r9_gg_.__indeterminate_1n7r9_gg_~.___SCheckbox_1n7r9_gg_._size_l_1n7r9_gg_:after{width:12px;height:2px}.___SControl_1n7r9_gg_.__indeterminate_1n7r9_gg_~.___SCheckbox_1n7r9_gg_._size_m_1n7r9_gg_:after{width:8px;height:2px}.___SControl_1n7r9_gg_.__indeterminate_1n7r9_gg_~.___SCheckbox_1n7r9_gg_._state_invalid_1n7r9_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SCheckbox_1n7r9_gg_.__theme_1n7r9_gg_._state_normal_1n7r9_gg_.__keyboardFocused_1n7r9_gg_:before,.___SCheckbox_1n7r9_gg_.__theme_1n7r9_gg_._state_normal_1n7r9_gg_:before{border-color:var(--theme_1n7r9)}.___SControl_1n7r9_gg_.__checked_1n7r9_gg_~.___SCheckbox_1n7r9_gg_.__theme_1n7r9_gg_._state_invalid_1n7r9_gg_:before,.___SControl_1n7r9_gg_.__checked_1n7r9_gg_~.___SCheckbox_1n7r9_gg_.__theme_1n7r9_gg_._state_normal_1n7r9_gg_:before,.___SControl_1n7r9_gg_.__indeterminate_1n7r9_gg_~.___SCheckbox_1n7r9_gg_.__theme_1n7r9_gg_._state_normal_1n7r9_gg_:before{background-color:var(--theme_1n7r9);border-color:var(--theme_1n7r9)}.___SInvalidPattern_1n7r9_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-small, 4px);border-top-left-radius:var(--intergalactic-rounded-small, 4px)}',
+    /*__inner_css_end__*/
+    "1n7r9_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SControl": "___SControl_1n7r9_gg_",
+    "__SText": "___SText_1n7r9_gg_",
+    "_size_l": "_size_l_1n7r9_gg_",
+    "_size_m": "_size_m_1n7r9_gg_",
+    "_checked": "__checked_1n7r9_gg_",
+    "__SCheckbox": "___SCheckbox_1n7r9_gg_",
+    "_state_normal": "_state_normal_1n7r9_gg_",
+    "_state_invalid": "_state_invalid_1n7r9_gg_",
+    "_indeterminate": "__indeterminate_1n7r9_gg_",
+    "_disabled": "__disabled_1n7r9_gg_",
+    "_theme": "__theme_1n7r9_gg_",
+    "--theme": "--theme_1n7r9",
+    "_keyboardFocused": "__keyboardFocused_1n7r9_gg_",
+    "__SInvalidPattern": "___SInvalidPattern_1n7r9_gg_",
+    "__SLabel": "___SLabel_1n7r9_gg_",
+    "_color": "__color_1n7r9_gg_",
+    "--color": "--color_1n7r9"
   })
-), v = /* @__PURE__ */ function(d) {
-  T(l, d);
-  var r = E(l);
-  function l() {
-    var t;
-    z(this, l);
-    for (var e = arguments.length, _ = new Array(e), a = 0; a < e; a++)
-      _[a] = arguments[a];
-    return t = r.call.apply(r, [this].concat(_)), n(I(t), "state", {
+);
+var CheckboxRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(CheckboxRoot2, _Component);
+  var _super = _createSuper(CheckboxRoot2);
+  function CheckboxRoot2() {
+    var _this;
+    _classCallCheck(this, CheckboxRoot2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
       hoistedDisabled: void 0
-    }), n(I(t), "hoistDisabled", function(o) {
-      K.warn(!0, "Don't set disabled on Checkbox.Value or Checkbox.Text, set it on Checkbox instead. Otherwise it will produce wrong SSR output.", t.asProps["data-ui-name"]), t.setState({
-        hoistedDisabled: o
+    });
+    _defineProperty(_assertThisInitialized(_this), "hoistDisabled", function(disabled) {
+      logger.warn(true, "Don't set disabled on Checkbox.Value or Checkbox.Text, set it on Checkbox instead. Otherwise it will produce wrong SSR output.", _this.asProps["data-ui-name"]);
+      _this.setState({
+        hoistedDisabled: disabled
       });
-    }), t;
+    });
+    return _this;
   }
-  return w(l, [{
+  _createClass(CheckboxRoot2, [{
     key: "getTextProps",
-    value: function() {
-      var e = this.asProps, _ = e.size, a = e.disabled, o = e.label, g = this.state.hoistedDisabled;
+    value: function getTextProps() {
+      var _this$asProps = this.asProps, size = _this$asProps.size, disabled = _this$asProps.disabled, label = _this$asProps.label;
+      var hoistedDisabled = this.state.hoistedDisabled;
       return {
-        size: _,
-        disabled: a ?? g,
-        children: o,
+        size,
+        disabled: disabled !== null && disabled !== void 0 ? disabled : hoistedDisabled,
+        children: label,
         hoistDisabled: this.hoistDisabled,
         rootDisabled: this.props.disabled
       };
     }
   }, {
     key: "getValueProps",
-    value: function() {
-      var e, _ = this.asProps, a = _.size, o = _.state, g = _.theme, s = _.onChange, c = _.defaultChecked, h = _.checked, u = _.disabled, k = _.indeterminate, C = this.state.hoistedDisabled;
-      return e = {
-        size: a,
-        disabled: u ?? C,
-        state: o,
-        theme: g,
-        onChange: s,
-        checked: h,
-        defaultChecked: c,
-        indeterminate: k,
+    value: function getValueProps() {
+      var _ref11;
+      var _this$asProps2 = this.asProps, size = _this$asProps2.size, state = _this$asProps2.state, theme = _this$asProps2.theme, onChange = _this$asProps2.onChange, defaultChecked = _this$asProps2.defaultChecked, checked = _this$asProps2.checked, disabled = _this$asProps2.disabled, indeterminate = _this$asProps2.indeterminate;
+      var hoistedDisabled = this.state.hoistedDisabled;
+      return _ref11 = {
+        size,
+        disabled: disabled !== null && disabled !== void 0 ? disabled : hoistedDisabled,
+        state,
+        theme,
+        onChange,
+        checked,
+        defaultChecked,
+        indeterminate,
         hoistDisabled: this.hoistDisabled,
         rootDisabled: this.props.disabled
-      }, n(e, "aria-label", this.asProps["aria-label"]), n(e, "aria-labelledby", this.asProps["aria-labelledby"]), n(e, "aria-describedby", this.asProps["aria-describedby"]), e;
+      }, _defineProperty(_ref11, "aria-label", this.asProps["aria-label"]), _defineProperty(_ref11, "aria-labelledby", this.asProps["aria-labelledby"]), _defineProperty(_ref11, "aria-describedby", this.asProps["aria-describedby"]), _ref11;
     }
   }, {
     key: "render",
-    value: function() {
-      var e = this.asProps, _, a = M, o = this.asProps, g = o.Children, s = o.children, c = o.styles;
-      return _ = m(c), /* @__PURE__ */ i.createElement(a, _.cn("SLabel", b({}, q({
-        tag: "label",
-        __excludeProps: ["onChange", "indeterminate", "checked", "checkedDefault", "label", "aria-label", "aria-labelledby", "aria-describedby"]
-      }, e))), s ? /* @__PURE__ */ i.createElement(g, _.cn("Children", {})) : /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(f.Value, null), /* @__PURE__ */ i.createElement(f.Text, null)));
+    value: function render() {
+      var _ref = this.asProps, _ref5;
+      var SLabel = Box;
+      var _this$asProps3 = this.asProps, Children = _this$asProps3.Children, hasChildren = _this$asProps3.children, styles = _this$asProps3.styles;
+      return _ref5 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SLabel, _ref5.cn("SLabel", _objectSpread({}, assignProps({
+        "tag": "label",
+        "__excludeProps": ["onChange", "indeterminate", "checked", "checkedDefault", "label", "aria-label", "aria-labelledby", "aria-describedby"]
+      }, _ref))), hasChildren ? /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {})) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Checkbox.Value, null), /* @__PURE__ */ React.createElement(Checkbox.Text, null)));
     }
-  }]), l;
-}(R);
-n(v, "displayName", "Checkbox");
-n(v, "style", N);
-n(v, "defaultProps", {
+  }]);
+  return CheckboxRoot2;
+}(Component);
+_defineProperty(CheckboxRoot, "displayName", "Checkbox");
+_defineProperty(CheckboxRoot, "style", style);
+_defineProperty(CheckboxRoot, "defaultProps", {
   size: "m",
   state: "normal",
-  defaultChecked: !1
+  defaultChecked: false
 });
-var p = /* @__PURE__ */ function(d) {
-  T(l, d);
-  var r = E(l);
-  function l() {
-    return z(this, l), r.apply(this, arguments);
+var ValueRoot = /* @__PURE__ */ function(_Component2) {
+  _inherits(ValueRoot2, _Component2);
+  var _super2 = _createSuper(ValueRoot2);
+  function ValueRoot2() {
+    _classCallCheck(this, ValueRoot2);
+    return _super2.apply(this, arguments);
   }
-  return w(l, [{
+  _createClass(ValueRoot2, [{
     key: "handleClick",
-    value: function(e) {
+    value: function handleClick(e) {
       e.stopPropagation();
     }
   }, {
     key: "uncontrolledProps",
-    value: function() {
+    value: function uncontrolledProps() {
       return {
-        checked: function(_) {
-          return _.target.checked;
+        checked: function checked(e) {
+          return e.target.checked;
         }
       };
     }
   }, {
     key: "getControlProps",
-    value: function() {
-      var e = this.asProps, _ = e.forwardRef, a = e.includeInputProps, o = e.indeterminate, g = e.state, s = D(this.asProps, a), c = P(s, 1), h = c[0];
-      return b(b({
-        indeterminate: o,
-        ref: _,
-        state: g
-      }, h), {}, {
-        onClick: B(h.onClick, this.handleClick)
+    value: function getControlProps() {
+      var _this$asProps4 = this.asProps, forwardRef = _this$asProps4.forwardRef, includeInputProps = _this$asProps4.includeInputProps, indeterminate = _this$asProps4.indeterminate, state = _this$asProps4.state;
+      var _getInputProps = getInputProps(this.asProps, includeInputProps), _getInputProps2 = _slicedToArray(_getInputProps, 1), controlProps = _getInputProps2[0];
+      return _objectSpread(_objectSpread({
+        indeterminate,
+        ref: forwardRef,
+        state
+      }, controlProps), {}, {
+        onClick: callAllEventHandlers(controlProps.onClick, this.handleClick)
       });
     }
   }, {
     key: "getCheckMarkProps",
-    value: function() {
-      var e = this.asProps, _ = e.size, a = e.state, o = e.theme, g = e.keyboardFocused, s = e.checked, c = e.indeterminate, h = e.includeInputProps, u = e.resolveColor, k = y(e, Y), C = D(k, h), H = P(C, 2), x = H[1];
-      x.children, x.Children;
-      var A = y(x, ee);
-      return b({
-        theme: o,
-        size: _,
-        state: a,
-        keyboardFocused: g,
-        checked: s,
-        indeterminate: c,
-        resolveColor: u
-      }, A);
+    value: function getCheckMarkProps() {
+      var _this$asProps5 = this.asProps, size = _this$asProps5.size, state = _this$asProps5.state, theme = _this$asProps5.theme, keyboardFocused = _this$asProps5.keyboardFocused, checked = _this$asProps5.checked, indeterminate = _this$asProps5.indeterminate, includeInputProps = _this$asProps5.includeInputProps, resolveColor = _this$asProps5.resolveColor, other = _objectWithoutProperties(_this$asProps5, _excluded);
+      var _getInputProps3 = getInputProps(other, includeInputProps), _getInputProps4 = _slicedToArray(_getInputProps3, 2), checkMarkProps = _getInputProps4[1];
+      checkMarkProps.children;
+      checkMarkProps.Children;
+      var propsWithoutChildren = _objectWithoutProperties(checkMarkProps, _excluded2);
+      return _objectSpread({
+        theme,
+        size,
+        state,
+        keyboardFocused,
+        checked,
+        indeterminate,
+        resolveColor
+      }, propsWithoutChildren);
     }
   }, {
     key: "componentDidUpdate",
-    value: function() {
-      this.asProps.rootDisabled !== this.asProps.disabled && this.asProps.hoistDisabled(this.asProps.disabled);
+    value: function componentDidUpdate() {
+      if (this.asProps.rootDisabled !== this.asProps.disabled) {
+        this.asProps.hoistDisabled(this.asProps.disabled);
+      }
     }
   }, {
     key: "componentDidMount",
-    value: function() {
-      this.asProps.rootDisabled !== this.asProps.disabled && this.asProps.hoistDisabled(this.asProps.disabled);
+    value: function componentDidMount() {
+      if (this.asProps.rootDisabled !== this.asProps.disabled) {
+        this.asProps.hoistDisabled(this.asProps.disabled);
+      }
     }
   }, {
     key: "render",
-    value: function() {
-      var e, _ = this.asProps, a = _.styles, o = _.children, g = _.Children;
-      return o ? (e = m(a), /* @__PURE__ */ i.createElement(g, e.cn("Children", {}))) : (m(a), /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(f.Value.Control, null), /* @__PURE__ */ i.createElement(f.Value.CheckMark, null)));
+    value: function render() {
+      var _ref7;
+      var _this$asProps6 = this.asProps, styles = _this$asProps6.styles, hasChildren = _this$asProps6.children, Children = _this$asProps6.Children;
+      if (!hasChildren) {
+        return sstyled$1(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Checkbox.Value.Control, null), /* @__PURE__ */ React.createElement(Checkbox.Value.CheckMark, null));
+      }
+      return _ref7 = sstyled$1(styles), /* @__PURE__ */ React.createElement(Children, _ref7.cn("Children", {}));
     }
-  }]), l;
-}(R);
-n(p, "defaultProps", function(d) {
-  var r;
+  }]);
+  return ValueRoot2;
+}(Component);
+_defineProperty(ValueRoot, "defaultProps", function(props) {
+  var _props$includeInputPr;
   return {
-    includeInputProps: [].concat(S(X), S((r = d.includeInputProps) !== null && r !== void 0 ? r : []), ["aria-label", "aria-labelledby", "aria-describedby"])
+    includeInputProps: [].concat(_toConsumableArray(inputProps), _toConsumableArray((_props$includeInputPr = props.includeInputProps) !== null && _props$includeInputPr !== void 0 ? _props$includeInputPr : []), ["aria-label", "aria-labelledby", "aria-describedby"])
   };
 });
-n(p, "enhance", [Q(), O(), U()]);
-n(p, "displayName", "Value");
-n(p, "style", N);
-var F = function(r) {
-  var l = arguments[0], t, e = M, _ = r.indeterminate, a = r.styles, o = r.state, g = i.useRef(null);
-  return i.useEffect(function() {
-    g.current && (g.current.indeterminate = _);
-  }, [_, g]), t = m(a), /* @__PURE__ */ i.createElement(e, t.cn("SControl", b({}, q({
-    ref: g,
-    tag: "input",
-    type: "checkbox",
-    "aria-invalid": o === "invalid"
-  }, l))));
+_defineProperty(ValueRoot, "enhance", [keyboardFocusEnhance(), autoFocusEnhance(), resolveColorEnhance()]);
+_defineProperty(ValueRoot, "displayName", "Value");
+_defineProperty(ValueRoot, "style", style);
+var Control = function Control2(props) {
+  var _ref2 = arguments[0], _ref8;
+  var SControl = Box;
+  var indeterminate = props.indeterminate, styles = props.styles, state = props.state;
+  var checkboxRef = React.useRef(null);
+  React.useEffect(function() {
+    if (checkboxRef.current) {
+      checkboxRef.current.indeterminate = indeterminate;
+    }
+  }, [indeterminate, checkboxRef]);
+  return _ref8 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SControl, _ref8.cn("SControl", _objectSpread({}, assignProps({
+    "ref": checkboxRef,
+    "tag": "input",
+    "type": "checkbox",
+    "aria-invalid": state === "invalid"
+  }, _ref2))));
 };
-F.displayName = "Control";
-var Z = function(r) {
-  var l = arguments[0], t, e = j, _ = W, a = r.theme, o = r.styles, g = r.resolveColor, s = r.state, c = r.checked, h = r.indeterminate;
-  return t = m(o), /* @__PURE__ */ i.createElement(e, t.cn("SCheckbox", b({}, q({
-    tag: "span",
-    "use:theme": g(a)
-  }, l))), s === "invalid" && !c && !h && /* @__PURE__ */ i.createElement(_, t.cn("SInvalidPattern", {})));
+Control.displayName = "Control";
+var CheckMark = function CheckMark2(props) {
+  var _ref3 = arguments[0], _ref9;
+  var SCheckbox = Flex;
+  var SInvalidPattern = InvalidStateBox;
+  var theme = props.theme, styles = props.styles, resolveColor = props.resolveColor, state = props.state, checked = props.checked, indeterminate = props.indeterminate;
+  return _ref9 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SCheckbox, _ref9.cn("SCheckbox", _objectSpread({}, assignProps({
+    "tag": "span",
+    "use:theme": resolveColor(theme)
+  }, _ref3))), state === "invalid" && !checked && !indeterminate && /* @__PURE__ */ React.createElement(SInvalidPattern, _ref9.cn("SInvalidPattern", {})));
 };
-Z.displayName = "CheckMark";
-var G = function(r) {
-  var l = arguments[0], t, e = $, _ = r.styles, a = r.color;
-  i.useEffect(function() {
-    r.rootDisabled !== r.disabled && r.hoistDisabled(r.disabled);
-  }, [r.rootDisabled, r.disabled, r.hoistDisabled]);
-  var o = J();
-  return t = m(_), /* @__PURE__ */ i.createElement(e, t.cn("SText", b({}, q({
-    tag: "span",
-    "use:color": o(a)
-  }, l))));
+CheckMark.displayName = "CheckMark";
+var Text = function Text2(props) {
+  var _ref4 = arguments[0], _ref10;
+  var SText = Text$1;
+  var styles = props.styles, color = props.color;
+  React.useEffect(function() {
+    if (props.rootDisabled !== props.disabled) {
+      props.hoistDisabled(props.disabled);
+    }
+  }, [props.rootDisabled, props.disabled, props.hoistDisabled]);
+  var resolveColor = useColorResolver();
+  return _ref10 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SText, _ref10.cn("SText", _objectSpread({}, assignProps({
+    "tag": "span",
+    "use:color": resolveColor(color)
+  }, _ref4))));
 };
-G.displayName = "Text";
-var _e = L(p, {
-  Control: F,
-  CheckMark: Z
-}), f = L(v, {
-  Text: G,
-  Value: _e
+Text.displayName = "Text";
+var Value = createComponent(ValueRoot, {
+  Control,
+  CheckMark
+});
+var Checkbox = createComponent(CheckboxRoot, {
+  Text,
+  Value
 });
 export {
-  f as default,
-  Pe as inputProps
+  Checkbox as default,
+  inputProps2 as inputProps
 };

package/checkbox/lib/esm/index.mjs

@@ -1,6 +1,6 @@
-import { default as p } from "./Checkbox.mjs";
-import { inputProps as e } from 'intergalactic/utils/lib/inputProps';
+import { default as default2 } from "./Checkbox.mjs";
+import { inputProps } from 'intergalactic/utils/lib/inputProps';
 export {
-  p as default,
-  e as inputProps
+  default2 as default,
+  inputProps
 };