@commercetools/nimbus 0.0.0-canary-20250820123249 → 0.0.0-canary-20250821080039

package/dist/chunks/{checkbox-1YXl_lbS.cjs.js.map → checkbox-Ci8-0C_9.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-1YXl_lbS.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+checkbox@3.15.7_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/checkbox/dist/useCheckbox.mjs","../../src/components/checkbox/checkbox.slots.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import {useEffect as $jNP0e$useEffect} from \"react\";\nimport {mergeProps as $jNP0e$mergeProps} from \"@react-aria/utils\";\nimport {useFormValidationState as $jNP0e$useFormValidationState, privateValidationStateProp as $jNP0e$privateValidationStateProp} from \"@react-stately/form\";\nimport {useFormValidation as $jNP0e$useFormValidation} from \"@react-aria/form\";\nimport {usePress as $jNP0e$usePress} from \"@react-aria/interactions\";\nimport {useToggle as $jNP0e$useToggle} from \"@react-aria/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nfunction $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {\n    // Create validation state here because it doesn't make sense to add to general useToggleState.\n    let validationState = (0, $jNP0e$useFormValidationState)({\n        ...props,\n        value: state.isSelected\n    });\n    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = validationState.displayValidation;\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $jNP0e$useToggle)({\n        ...props,\n        isInvalid: isInvalid\n    }, state, inputRef);\n    (0, $jNP0e$useFormValidation)(props, validationState, inputRef);\n    let { isIndeterminate: isIndeterminate, isRequired: isRequired, validationBehavior: validationBehavior = 'aria' } = props;\n    (0, $jNP0e$useEffect)(()=>{\n        // indeterminate is a property, but it can only be set via javascript\n        // https://css-tricks.com/indeterminate-checkboxes/\n        if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;\n    });\n    // Reset validation state on label press for checkbox with a hidden input.\n    let { pressProps: pressProps } = (0, $jNP0e$usePress)({\n        isDisabled: isDisabled || isReadOnly,\n        onPress () {\n            // @ts-expect-error\n            let { [(0, $jNP0e$privateValidationStateProp)]: groupValidationState } = props;\n            let { commitValidation: commitValidation } = groupValidationState ? groupValidationState : validationState;\n            commitValidation();\n        }\n    });\n    return {\n        labelProps: (0, $jNP0e$mergeProps)(labelProps, pressProps),\n        inputProps: {\n            ...inputProps,\n            checked: isSelected,\n            'aria-required': isRequired && validationBehavior === 'aria' || undefined,\n            required: isRequired && validationBehavior === 'native'\n        },\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly,\n        isInvalid: isInvalid,\n        validationErrors: validationErrors,\n        validationDetails: validationDetails\n    };\n}\n\n\nexport {$406796ff087fe49b$export$e375f10ce42261c5 as useCheckbox};\n//# sourceMappingURL=useCheckbox.module.js.map\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { checkboxSlotRecipe } from \"./checkbox.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"checkbox\",\n});\n\nexport interface CheckboxRootProps\n  extends HTMLChakraProps<\n    \"label\",\n    RecipeVariantProps<typeof checkboxSlotRecipe>\n  > {}\nexport const CheckboxRoot = withProvider<HTMLLabelElement, CheckboxRootProps>(\n  \"label\",\n  \"root\"\n);\n\ninterface CheckboxLabelProps extends HTMLChakraProps<\"span\"> {}\nexport const CheckboxLabel = withContext<HTMLSpanElement, CheckboxLabelProps>(\n  \"span\",\n  \"label\"\n);\n\ninterface CheckboxIndicatorProps extends HTMLChakraProps<\"span\"> {}\nexport const CheckboxIndicator = withContext<\n  HTMLSpanElement,\n  CheckboxIndicatorProps\n>(\"span\", \"indicator\");\n","import { useRef } from \"react\";\nimport { useToggleState } from \"react-stately\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { VisuallyHidden } from \"@/components\";\nimport { Check, Remove as Minus } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport {\n  useFocusRing,\n  useCheckbox,\n  useObjectRef,\n  mergeProps,\n} from \"react-aria\";\n\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport type { CheckboxProps } from \"./checkbox.types\";\nimport {\n  CheckboxIndicator,\n  CheckboxRoot,\n  CheckboxLabel,\n} from \"./checkbox.slots\";\n\n/**\n * # Checkbox\n *\n * Displays a checkbox.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/checkbox}\n */\nexport const Checkbox = (props: CheckboxProps) => {\n  const { ref: forwardedRef } = props;\n  const localRef = useRef<HTMLInputElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const recipe = useSlotRecipe({ key: \"checkbox\" });\n  const [recipeProps] = recipe.splitVariantProps(props);\n\n  const [styleProps] = extractStyleProps(props);\n\n  const state = useToggleState(props);\n  const { inputProps } = useCheckbox(props, state, ref);\n\n  const { isFocused, focusProps } = useFocusRing();\n  const isSelected = state.isSelected && !props.isIndeterminate;\n  const isIndeterminate = props.isIndeterminate;\n\n  const stateProps = {\n    \"data-selected\": isSelected,\n    \"data-indeterminate\": isIndeterminate,\n    \"data-invalid\": props.isInvalid,\n    \"data-disabled\": props.isDisabled,\n    \"data-focus\": isFocused || undefined,\n  };\n\n  return (\n    <CheckboxRoot\n      data-slot=\"root\"\n      {...recipeProps}\n      {...stateProps}\n      {...styleProps}\n    >\n      <CheckboxIndicator data-slot=\"indicator\" {...stateProps}>\n        {isSelected && <Check />}\n        {isIndeterminate && <Minus />}\n        <VisuallyHidden as=\"span\">\n          <input {...mergeProps(inputProps, focusProps)} ref={ref} />\n        </VisuallyHidden>\n      </CheckboxIndicator>\n\n      {props.children && (\n        <CheckboxLabel data-slot=\"label\" {...stateProps}>\n          {props.children}\n        </CheckboxLabel>\n      )}\n    </CheckboxRoot>\n  );\n};\nCheckbox.displayName = \"Checkbox\";\n"],"names":["$406796ff087fe49b$export$e375f10ce42261c5","props","state","inputRef","validationState","$jNP0e$useFormValidationState","isInvalid","validationErrors","validationDetails","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$jNP0e$useToggle","$jNP0e$useFormValidation","isIndeterminate","isRequired","validationBehavior","$jNP0e$useEffect","pressProps","$jNP0e$usePress","$jNP0e$privateValidationStateProp","groupValidationState","commitValidation","$jNP0e$mergeProps","withProvider","withContext","createSlotRecipeContext","CheckboxRoot","CheckboxLabel","CheckboxIndicator","Checkbox","forwardedRef","localRef","useRef","ref","useObjectRef","mergeRefs","recipe","useSlotRecipe","recipeProps","styleProps","extractStyleProps","useToggleState","useCheckbox","isFocused","focusProps","useFocusRing","stateProps","jsxs","Check","Minus","jsx","VisuallyHidden","mergeProps"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"checkbox-Ci8-0C_9.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/checkbox/dist/useCheckbox.mjs","../../src/components/checkbox/checkbox.slots.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import {useEffect as $jNP0e$useEffect} from \"react\";\nimport {mergeProps as $jNP0e$mergeProps} from \"@react-aria/utils\";\nimport {useFormValidationState as $jNP0e$useFormValidationState, privateValidationStateProp as $jNP0e$privateValidationStateProp} from \"@react-stately/form\";\nimport {useFormValidation as $jNP0e$useFormValidation} from \"@react-aria/form\";\nimport {usePress as $jNP0e$usePress} from \"@react-aria/interactions\";\nimport {useToggle as $jNP0e$useToggle} from \"@react-aria/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nfunction $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {\n    // Create validation state here because it doesn't make sense to add to general useToggleState.\n    let validationState = (0, $jNP0e$useFormValidationState)({\n        ...props,\n        value: state.isSelected\n    });\n    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = validationState.displayValidation;\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $jNP0e$useToggle)({\n        ...props,\n        isInvalid: isInvalid\n    }, state, inputRef);\n    (0, $jNP0e$useFormValidation)(props, validationState, inputRef);\n    let { isIndeterminate: isIndeterminate, isRequired: isRequired, validationBehavior: validationBehavior = 'aria' } = props;\n    (0, $jNP0e$useEffect)(()=>{\n        // indeterminate is a property, but it can only be set via javascript\n        // https://css-tricks.com/indeterminate-checkboxes/\n        if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;\n    });\n    // Reset validation state on label press for checkbox with a hidden input.\n    let { pressProps: pressProps } = (0, $jNP0e$usePress)({\n        isDisabled: isDisabled || isReadOnly,\n        onPress () {\n            // @ts-expect-error\n            let { [(0, $jNP0e$privateValidationStateProp)]: groupValidationState } = props;\n            let { commitValidation: commitValidation } = groupValidationState ? groupValidationState : validationState;\n            commitValidation();\n        }\n    });\n    return {\n        labelProps: (0, $jNP0e$mergeProps)(labelProps, pressProps),\n        inputProps: {\n            ...inputProps,\n            checked: isSelected,\n            'aria-required': isRequired && validationBehavior === 'aria' || undefined,\n            required: isRequired && validationBehavior === 'native'\n        },\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly,\n        isInvalid: isInvalid,\n        validationErrors: validationErrors,\n        validationDetails: validationDetails\n    };\n}\n\n\nexport {$406796ff087fe49b$export$e375f10ce42261c5 as useCheckbox};\n//# sourceMappingURL=useCheckbox.module.js.map\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { checkboxSlotRecipe } from \"./checkbox.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"checkbox\",\n});\n\nexport interface CheckboxRootProps\n  extends HTMLChakraProps<\n    \"label\",\n    RecipeVariantProps<typeof checkboxSlotRecipe>\n  > {}\nexport const CheckboxRoot = withProvider<HTMLLabelElement, CheckboxRootProps>(\n  \"label\",\n  \"root\"\n);\n\ninterface CheckboxLabelProps extends HTMLChakraProps<\"span\"> {}\nexport const CheckboxLabel = withContext<HTMLSpanElement, CheckboxLabelProps>(\n  \"span\",\n  \"label\"\n);\n\ninterface CheckboxIndicatorProps extends HTMLChakraProps<\"span\"> {}\nexport const CheckboxIndicator = withContext<\n  HTMLSpanElement,\n  CheckboxIndicatorProps\n>(\"span\", \"indicator\");\n","import { useRef } from \"react\";\nimport { useToggleState } from \"react-stately\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { VisuallyHidden } from \"@/components\";\nimport { Check, Remove as Minus } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport {\n  useFocusRing,\n  useCheckbox,\n  useObjectRef,\n  mergeProps,\n} from \"react-aria\";\n\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport type { CheckboxProps } from \"./checkbox.types\";\nimport {\n  CheckboxIndicator,\n  CheckboxRoot,\n  CheckboxLabel,\n} from \"./checkbox.slots\";\n\n/**\n * # Checkbox\n *\n * Displays a checkbox.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/checkbox}\n */\nexport const Checkbox = (props: CheckboxProps) => {\n  const { ref: forwardedRef } = props;\n  const localRef = useRef<HTMLInputElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const recipe = useSlotRecipe({ key: \"checkbox\" });\n  const [recipeProps] = recipe.splitVariantProps(props);\n\n  const [styleProps] = extractStyleProps(props);\n\n  const state = useToggleState(props);\n  const { inputProps } = useCheckbox(props, state, ref);\n\n  const { isFocused, focusProps } = useFocusRing();\n  const isSelected = state.isSelected && !props.isIndeterminate;\n  const isIndeterminate = props.isIndeterminate;\n\n  const stateProps = {\n    \"data-selected\": isSelected,\n    \"data-indeterminate\": isIndeterminate,\n    \"data-invalid\": props.isInvalid,\n    \"data-disabled\": props.isDisabled,\n    \"data-focus\": isFocused || undefined,\n  };\n\n  return (\n    <CheckboxRoot\n      data-slot=\"root\"\n      {...recipeProps}\n      {...stateProps}\n      {...styleProps}\n    >\n      <CheckboxIndicator data-slot=\"indicator\" {...stateProps}>\n        {isSelected && <Check />}\n        {isIndeterminate && <Minus />}\n        <VisuallyHidden as=\"span\">\n          <input {...mergeProps(inputProps, focusProps)} ref={ref} />\n        </VisuallyHidden>\n      </CheckboxIndicator>\n\n      {props.children && (\n        <CheckboxLabel data-slot=\"label\" {...stateProps}>\n          {props.children}\n        </CheckboxLabel>\n      )}\n    </CheckboxRoot>\n  );\n};\nCheckbox.displayName = \"Checkbox\";\n"],"names":["$406796ff087fe49b$export$e375f10ce42261c5","props","state","inputRef","validationState","$jNP0e$useFormValidationState","isInvalid","validationErrors","validationDetails","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$jNP0e$useToggle","$jNP0e$useFormValidation","isIndeterminate","isRequired","validationBehavior","$jNP0e$useEffect","pressProps","$jNP0e$usePress","$jNP0e$privateValidationStateProp","groupValidationState","commitValidation","$jNP0e$mergeProps","withProvider","withContext","createSlotRecipeContext","CheckboxRoot","CheckboxLabel","CheckboxIndicator","Checkbox","forwardedRef","localRef","useRef","ref","useObjectRef","mergeRefs","recipe","useSlotRecipe","recipeProps","styleProps","extractStyleProps","useToggleState","useCheckbox","isFocused","focusProps","useFocusRing","stateProps","jsxs","Check","Minus","jsx","VisuallyHidden","mergeProps"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/{checkbox-CmNhDeu0.es.js → checkbox-CjpbV9HI.es.js}

@@ -1,17 +1,17 @@
 import { jsxs as v, jsx as r } from "react/jsx-runtime";
 import { useEffect as S, useRef as y } from "react";
-import { V as R } from "./visually-hidden-Ct7jWlZQ.es.js";
+import { V as R } from "./visually-hidden-Cr2DdJfv.es.js";
 import { Check as C, Remove as D } from "@commercetools/nimbus-icons";
 import { e as V } from "./extractStyleProps-DV7dej9J.es.js";
 import { mergeRefs as q } from "@chakra-ui/react";
 import { c as E, u as w } from "./create-slot-recipe-context-DgamNbR-.es.js";
 import { $ as O } from "./useObjectRef-CaJ5pgjX.es.js";
-import { $ as P } from "./mergeProps-Cwgnfqio.es.js";
-import { $ as g } from "./useToggleState-mKFEFD2Q.es.js";
-import { $ as j, a as B, b as F } from "./useFormValidation-wEYzOtbK.es.js";
-import { $ as H } from "./usePress-K9GdFtHv.es.js";
-import { $ as L } from "./useToggle-DL960lkn.es.js";
-import { $ as N } from "./useFocusRing-CGS5w1di.es.js";
+import { $ as P } from "./mergeProps-B_9syxhT.es.js";
+import { $ as g } from "./useToggleState-Uh0wTgdI.es.js";
+import { $ as j, a as B, b as F } from "./useFormValidation-YmZxjLYm.es.js";
+import { $ as H } from "./usePress-CHQHbwut.es.js";
+import { $ as L } from "./useToggle-CCq_jSTE.es.js";
+import { $ as N } from "./useFocusRing-C1vq7lTw.es.js";
 function z(e, d, i) {
   let t = j({
     ...e,
@@ -87,4 +87,4 @@ M.displayName = "Checkbox";
 export {
   M as C
 };
-//# sourceMappingURL=checkbox-CmNhDeu0.es.js.map
+//# sourceMappingURL=checkbox-CjpbV9HI.es.js.map

package/dist/chunks/{checkbox-CmNhDeu0.es.js.map → checkbox-CjpbV9HI.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-CmNhDeu0.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+checkbox@3.15.7_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/checkbox/dist/useCheckbox.mjs","../../src/components/checkbox/checkbox.slots.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import {useEffect as $jNP0e$useEffect} from \"react\";\nimport {mergeProps as $jNP0e$mergeProps} from \"@react-aria/utils\";\nimport {useFormValidationState as $jNP0e$useFormValidationState, privateValidationStateProp as $jNP0e$privateValidationStateProp} from \"@react-stately/form\";\nimport {useFormValidation as $jNP0e$useFormValidation} from \"@react-aria/form\";\nimport {usePress as $jNP0e$usePress} from \"@react-aria/interactions\";\nimport {useToggle as $jNP0e$useToggle} from \"@react-aria/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nfunction $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {\n    // Create validation state here because it doesn't make sense to add to general useToggleState.\n    let validationState = (0, $jNP0e$useFormValidationState)({\n        ...props,\n        value: state.isSelected\n    });\n    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = validationState.displayValidation;\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $jNP0e$useToggle)({\n        ...props,\n        isInvalid: isInvalid\n    }, state, inputRef);\n    (0, $jNP0e$useFormValidation)(props, validationState, inputRef);\n    let { isIndeterminate: isIndeterminate, isRequired: isRequired, validationBehavior: validationBehavior = 'aria' } = props;\n    (0, $jNP0e$useEffect)(()=>{\n        // indeterminate is a property, but it can only be set via javascript\n        // https://css-tricks.com/indeterminate-checkboxes/\n        if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;\n    });\n    // Reset validation state on label press for checkbox with a hidden input.\n    let { pressProps: pressProps } = (0, $jNP0e$usePress)({\n        isDisabled: isDisabled || isReadOnly,\n        onPress () {\n            // @ts-expect-error\n            let { [(0, $jNP0e$privateValidationStateProp)]: groupValidationState } = props;\n            let { commitValidation: commitValidation } = groupValidationState ? groupValidationState : validationState;\n            commitValidation();\n        }\n    });\n    return {\n        labelProps: (0, $jNP0e$mergeProps)(labelProps, pressProps),\n        inputProps: {\n            ...inputProps,\n            checked: isSelected,\n            'aria-required': isRequired && validationBehavior === 'aria' || undefined,\n            required: isRequired && validationBehavior === 'native'\n        },\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly,\n        isInvalid: isInvalid,\n        validationErrors: validationErrors,\n        validationDetails: validationDetails\n    };\n}\n\n\nexport {$406796ff087fe49b$export$e375f10ce42261c5 as useCheckbox};\n//# sourceMappingURL=useCheckbox.module.js.map\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { checkboxSlotRecipe } from \"./checkbox.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"checkbox\",\n});\n\nexport interface CheckboxRootProps\n  extends HTMLChakraProps<\n    \"label\",\n    RecipeVariantProps<typeof checkboxSlotRecipe>\n  > {}\nexport const CheckboxRoot = withProvider<HTMLLabelElement, CheckboxRootProps>(\n  \"label\",\n  \"root\"\n);\n\ninterface CheckboxLabelProps extends HTMLChakraProps<\"span\"> {}\nexport const CheckboxLabel = withContext<HTMLSpanElement, CheckboxLabelProps>(\n  \"span\",\n  \"label\"\n);\n\ninterface CheckboxIndicatorProps extends HTMLChakraProps<\"span\"> {}\nexport const CheckboxIndicator = withContext<\n  HTMLSpanElement,\n  CheckboxIndicatorProps\n>(\"span\", \"indicator\");\n","import { useRef } from \"react\";\nimport { useToggleState } from \"react-stately\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { VisuallyHidden } from \"@/components\";\nimport { Check, Remove as Minus } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport {\n  useFocusRing,\n  useCheckbox,\n  useObjectRef,\n  mergeProps,\n} from \"react-aria\";\n\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport type { CheckboxProps } from \"./checkbox.types\";\nimport {\n  CheckboxIndicator,\n  CheckboxRoot,\n  CheckboxLabel,\n} from \"./checkbox.slots\";\n\n/**\n * # Checkbox\n *\n * Displays a checkbox.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/checkbox}\n */\nexport const Checkbox = (props: CheckboxProps) => {\n  const { ref: forwardedRef } = props;\n  const localRef = useRef<HTMLInputElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const recipe = useSlotRecipe({ key: \"checkbox\" });\n  const [recipeProps] = recipe.splitVariantProps(props);\n\n  const [styleProps] = extractStyleProps(props);\n\n  const state = useToggleState(props);\n  const { inputProps } = useCheckbox(props, state, ref);\n\n  const { isFocused, focusProps } = useFocusRing();\n  const isSelected = state.isSelected && !props.isIndeterminate;\n  const isIndeterminate = props.isIndeterminate;\n\n  const stateProps = {\n    \"data-selected\": isSelected,\n    \"data-indeterminate\": isIndeterminate,\n    \"data-invalid\": props.isInvalid,\n    \"data-disabled\": props.isDisabled,\n    \"data-focus\": isFocused || undefined,\n  };\n\n  return (\n    <CheckboxRoot\n      data-slot=\"root\"\n      {...recipeProps}\n      {...stateProps}\n      {...styleProps}\n    >\n      <CheckboxIndicator data-slot=\"indicator\" {...stateProps}>\n        {isSelected && <Check />}\n        {isIndeterminate && <Minus />}\n        <VisuallyHidden as=\"span\">\n          <input {...mergeProps(inputProps, focusProps)} ref={ref} />\n        </VisuallyHidden>\n      </CheckboxIndicator>\n\n      {props.children && (\n        <CheckboxLabel data-slot=\"label\" {...stateProps}>\n          {props.children}\n        </CheckboxLabel>\n      )}\n    </CheckboxRoot>\n  );\n};\nCheckbox.displayName = \"Checkbox\";\n"],"names":["$406796ff087fe49b$export$e375f10ce42261c5","props","state","inputRef","validationState","$jNP0e$useFormValidationState","isInvalid","validationErrors","validationDetails","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$jNP0e$useToggle","$jNP0e$useFormValidation","isIndeterminate","isRequired","validationBehavior","$jNP0e$useEffect","pressProps","$jNP0e$usePress","$jNP0e$privateValidationStateProp","groupValidationState","commitValidation","$jNP0e$mergeProps","withProvider","withContext","createSlotRecipeContext","CheckboxRoot","CheckboxLabel","CheckboxIndicator","Checkbox","forwardedRef","localRef","useRef","ref","useObjectRef","mergeRefs","recipe","useSlotRecipe","recipeProps","styleProps","extractStyleProps","useToggleState","useCheckbox","isFocused","focusProps","useFocusRing","stateProps","jsxs","Check","Minus","jsx","VisuallyHidden","mergeProps"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"checkbox-CjpbV9HI.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/checkbox/dist/useCheckbox.mjs","../../src/components/checkbox/checkbox.slots.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import {useEffect as $jNP0e$useEffect} from \"react\";\nimport {mergeProps as $jNP0e$mergeProps} from \"@react-aria/utils\";\nimport {useFormValidationState as $jNP0e$useFormValidationState, privateValidationStateProp as $jNP0e$privateValidationStateProp} from \"@react-stately/form\";\nimport {useFormValidation as $jNP0e$useFormValidation} from \"@react-aria/form\";\nimport {usePress as $jNP0e$usePress} from \"@react-aria/interactions\";\nimport {useToggle as $jNP0e$useToggle} from \"@react-aria/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nfunction $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {\n    // Create validation state here because it doesn't make sense to add to general useToggleState.\n    let validationState = (0, $jNP0e$useFormValidationState)({\n        ...props,\n        value: state.isSelected\n    });\n    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = validationState.displayValidation;\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $jNP0e$useToggle)({\n        ...props,\n        isInvalid: isInvalid\n    }, state, inputRef);\n    (0, $jNP0e$useFormValidation)(props, validationState, inputRef);\n    let { isIndeterminate: isIndeterminate, isRequired: isRequired, validationBehavior: validationBehavior = 'aria' } = props;\n    (0, $jNP0e$useEffect)(()=>{\n        // indeterminate is a property, but it can only be set via javascript\n        // https://css-tricks.com/indeterminate-checkboxes/\n        if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;\n    });\n    // Reset validation state on label press for checkbox with a hidden input.\n    let { pressProps: pressProps } = (0, $jNP0e$usePress)({\n        isDisabled: isDisabled || isReadOnly,\n        onPress () {\n            // @ts-expect-error\n            let { [(0, $jNP0e$privateValidationStateProp)]: groupValidationState } = props;\n            let { commitValidation: commitValidation } = groupValidationState ? groupValidationState : validationState;\n            commitValidation();\n        }\n    });\n    return {\n        labelProps: (0, $jNP0e$mergeProps)(labelProps, pressProps),\n        inputProps: {\n            ...inputProps,\n            checked: isSelected,\n            'aria-required': isRequired && validationBehavior === 'aria' || undefined,\n            required: isRequired && validationBehavior === 'native'\n        },\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly,\n        isInvalid: isInvalid,\n        validationErrors: validationErrors,\n        validationDetails: validationDetails\n    };\n}\n\n\nexport {$406796ff087fe49b$export$e375f10ce42261c5 as useCheckbox};\n//# sourceMappingURL=useCheckbox.module.js.map\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { checkboxSlotRecipe } from \"./checkbox.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"checkbox\",\n});\n\nexport interface CheckboxRootProps\n  extends HTMLChakraProps<\n    \"label\",\n    RecipeVariantProps<typeof checkboxSlotRecipe>\n  > {}\nexport const CheckboxRoot = withProvider<HTMLLabelElement, CheckboxRootProps>(\n  \"label\",\n  \"root\"\n);\n\ninterface CheckboxLabelProps extends HTMLChakraProps<\"span\"> {}\nexport const CheckboxLabel = withContext<HTMLSpanElement, CheckboxLabelProps>(\n  \"span\",\n  \"label\"\n);\n\ninterface CheckboxIndicatorProps extends HTMLChakraProps<\"span\"> {}\nexport const CheckboxIndicator = withContext<\n  HTMLSpanElement,\n  CheckboxIndicatorProps\n>(\"span\", \"indicator\");\n","import { useRef } from \"react\";\nimport { useToggleState } from \"react-stately\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { VisuallyHidden } from \"@/components\";\nimport { Check, Remove as Minus } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport {\n  useFocusRing,\n  useCheckbox,\n  useObjectRef,\n  mergeProps,\n} from \"react-aria\";\n\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport type { CheckboxProps } from \"./checkbox.types\";\nimport {\n  CheckboxIndicator,\n  CheckboxRoot,\n  CheckboxLabel,\n} from \"./checkbox.slots\";\n\n/**\n * # Checkbox\n *\n * Displays a checkbox.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/checkbox}\n */\nexport const Checkbox = (props: CheckboxProps) => {\n  const { ref: forwardedRef } = props;\n  const localRef = useRef<HTMLInputElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const recipe = useSlotRecipe({ key: \"checkbox\" });\n  const [recipeProps] = recipe.splitVariantProps(props);\n\n  const [styleProps] = extractStyleProps(props);\n\n  const state = useToggleState(props);\n  const { inputProps } = useCheckbox(props, state, ref);\n\n  const { isFocused, focusProps } = useFocusRing();\n  const isSelected = state.isSelected && !props.isIndeterminate;\n  const isIndeterminate = props.isIndeterminate;\n\n  const stateProps = {\n    \"data-selected\": isSelected,\n    \"data-indeterminate\": isIndeterminate,\n    \"data-invalid\": props.isInvalid,\n    \"data-disabled\": props.isDisabled,\n    \"data-focus\": isFocused || undefined,\n  };\n\n  return (\n    <CheckboxRoot\n      data-slot=\"root\"\n      {...recipeProps}\n      {...stateProps}\n      {...styleProps}\n    >\n      <CheckboxIndicator data-slot=\"indicator\" {...stateProps}>\n        {isSelected && <Check />}\n        {isIndeterminate && <Minus />}\n        <VisuallyHidden as=\"span\">\n          <input {...mergeProps(inputProps, focusProps)} ref={ref} />\n        </VisuallyHidden>\n      </CheckboxIndicator>\n\n      {props.children && (\n        <CheckboxLabel data-slot=\"label\" {...stateProps}>\n          {props.children}\n        </CheckboxLabel>\n      )}\n    </CheckboxRoot>\n  );\n};\nCheckbox.displayName = \"Checkbox\";\n"],"names":["$406796ff087fe49b$export$e375f10ce42261c5","props","state","inputRef","validationState","$jNP0e$useFormValidationState","isInvalid","validationErrors","validationDetails","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$jNP0e$useToggle","$jNP0e$useFormValidation","isIndeterminate","isRequired","validationBehavior","$jNP0e$useEffect","pressProps","$jNP0e$usePress","$jNP0e$privateValidationStateProp","groupValidationState","commitValidation","$jNP0e$mergeProps","withProvider","withContext","createSlotRecipeContext","CheckboxRoot","CheckboxLabel","CheckboxIndicator","Checkbox","forwardedRef","localRef","useRef","ref","useObjectRef","mergeRefs","recipe","useSlotRecipe","recipeProps","styleProps","extractStyleProps","useToggleState","useCheckbox","isFocused","focusProps","useFocusRing","stateProps","jsxs","Check","Minus","jsx","VisuallyHidden","mergeProps"],"mappings":";;;;;;;;;;;;;;AAuBA,SAASA,EAA0CC,GAAOC,GAAOC,GAAU;AAEvE,MAAIC,IAAsBC,EAA+B;AAAA,IACrD,GAAGJ;AAAA,IACH,OAAOC,EAAM;AAAA,EACrB,CAAK,GACG,EAAE,WAAWI,GAAW,kBAAkBC,GAAkB,mBAAmBC,MAAsBJ,EAAgB,mBACrH,EAAE,YAAYK,GAAY,YAAYC,GAAY,YAAYC,GAAY,WAAWC,GAAW,YAAYC,GAAY,YAAYC,EAAU,IAASC,EAAkB;AAAA,IACzK,GAAGd;AAAA,IACH,WAAWK;AAAA,EACnB,GAAOJ,GAAOC,CAAQ;AAClB,EAAIa,EAA0Bf,GAAOG,GAAiBD,CAAQ;AAC9D,MAAI,EAAE,iBAAiBc,GAAiB,YAAYC,GAAY,oBAAoBC,IAAqB,OAAM,IAAKlB;AACpH,EAAImB,EAAkB,MAAI;AAGtB,IAAIjB,EAAS,YAASA,EAAS,QAAQ,gBAAgB,CAAC,CAACc;AAAA,EAC7D,CAAC;AAED,MAAI,EAAE,YAAYI,EAAU,IAASC,EAAiB;AAAA,IAClD,YAAYT,KAAcC;AAAA,IAC1B,UAAW;AAEP,UAAI,EAAE,CAAKS,IAAqCC,EAAoB,IAAKvB,GACrE,EAAE,kBAAkBwB,EAAgB,IAAKD,KAA8CpB;AAC3F,MAAAqB,EAAgB;AAAA,IACpB;AAAA,EACR,CAAK;AACD,SAAO;AAAA,IACH,YAAgBC,EAAmBjB,GAAYY,CAAU;AAAA,IACzD,YAAY;AAAA,MACR,GAAGX;AAAA,MACH,SAASC;AAAA,MACT,iBAAiBO,KAAcC,MAAuB,UAAU;AAAA,MAChE,UAAUD,KAAcC,MAAuB;AAAA,IAC3D;AAAA,IACQ,YAAYR;AAAA,IACZ,WAAWC;AAAA,IACX,YAAYC;AAAA,IACZ,YAAYC;AAAA,IACZ,WAAWR;AAAA,IACX,kBAAkBC;AAAA,IAClB,mBAAmBC;AAAA,EAC3B;AACA;AC3DA,MAAM,EAAE,cAAAmB,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAOYC,IAAe,gBAAAH;AAAA,EAC1B;AAAA,EACA;AACF,GAGaI,IAAgB,gBAAAH;AAAA,EAC3B;AAAA,EACA;AACF,GAGaI,IAAoB,gBAAAJ,EAG/B,QAAQ,WAAW,GCHRK,IAAW,CAAChC,MAAyB;AAChD,QAAM,EAAE,KAAKiC,EAAA,IAAiBjC,GACxBkC,IAAWC,EAAyB,IAAI,GACxCC,IAAMC,EAAaC,EAAUJ,GAAUD,CAAY,CAAC,GAEpDM,IAASC,EAAc,EAAE,KAAK,YAAY,GAC1C,CAACC,CAAW,IAAIF,EAAO,kBAAkBvC,CAAK,GAE9C,CAAC0C,CAAU,IAAIC,EAAkB3C,CAAK,GAEtCC,IAAQ2C,EAAe5C,CAAK,GAC5B,EAAE,YAAAS,EAAA,IAAeoC,EAAY7C,GAAOC,GAAOmC,CAAG,GAE9C,EAAE,WAAAU,GAAW,YAAAC,EAAA,IAAeC,EAAA,GAC5BtC,IAAaT,EAAM,cAAc,CAACD,EAAM,iBACxCgB,IAAkBhB,EAAM,iBAExBiD,IAAa;AAAA,IACjB,iBAAiBvC;AAAA,IACjB,sBAAsBM;AAAA,IACtB,gBAAgBhB,EAAM;AAAA,IACtB,iBAAiBA,EAAM;AAAA,IACvB,cAAc8C,KAAa;AAAA,EAAA;AAG7B,SACE,gBAAAI;AAAA,IAACrB;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACT,GAAGY;AAAA,MACH,GAAGQ;AAAA,MACH,GAAGP;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAQ,EAACnB,GAAA,EAAkB,aAAU,aAAa,GAAGkB,GAC1C,UAAA;AAAA,UAAAvC,uBAAeyC,GAAA,EAAM;AAAA,UACrBnC,uBAAoBoC,GAAA,EAAM;AAAA,UAC3B,gBAAAC,EAACC,GAAA,EAAe,IAAG,QACjB,UAAA,gBAAAD,EAAC,SAAA,EAAO,GAAGE,EAAW9C,GAAYsC,CAAU,GAAG,KAAAX,EAAA,CAAU,EAAA,CAC3D;AAAA,QAAA,GACF;AAAA,QAECpC,EAAM,YACL,gBAAAqD,EAACvB,GAAA,EAAc,aAAU,SAAS,GAAGmB,GAClC,UAAAjD,EAAM,SAAA,CACT;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AACAgC,EAAS,cAAc;","x_google_ignoreList":[0]}