@wistia/ui 0.10.3-beta.f9f033db.a9ffeb4 → 0.10.3

package/dist/index.d.mts

@@ -1378,7 +1378,7 @@ type RadioGroupProps = FormGroupProps & {
     name?: string | undefined;
 };
 /**
- * For grouping like form elements together.
+ * For grouping like form elements together. Can serve as a checkbox
  */
 declare const RadioGroup: {
     ({ children, name, onChange, value, ...props }: RadioGroupProps): JSX.Element;
@@ -1391,7 +1391,7 @@ type CheckboxGroupProps = FormGroupProps & {
     name?: string | undefined;
 };
 /**
- * For grouping like form elements together.
+ * For grouping like form elements together. Can serve as a checkbox
  */
 declare const CheckboxGroup: {
     ({ children, name, onChange, value, ...props }: CheckboxGroupProps): JSX.Element;

package/dist/index.d.ts

@@ -1378,7 +1378,7 @@ type RadioGroupProps = FormGroupProps & {
     name?: string | undefined;
 };
 /**
- * For grouping like form elements together.
+ * For grouping like form elements together. Can serve as a checkbox
  */
 declare const RadioGroup: {
     ({ children, name, onChange, value, ...props }: RadioGroupProps): JSX.Element;
@@ -1391,7 +1391,7 @@ type CheckboxGroupProps = FormGroupProps & {
     name?: string | undefined;
 };
 /**
- * For grouping like form elements together.
+ * For grouping like form elements together. Can serve as a checkbox
  */
 declare const CheckboxGroup: {
     ({ children, name, onChange, value, ...props }: CheckboxGroupProps): JSX.Element;

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.10.3-beta.f9f033db.a9ffeb4
+ * @license @wistia/ui v0.10.3
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -8168,7 +8168,7 @@ Center.displayName = "Center";
 // src/components/Checkbox/Checkbox.tsx
 import { forwardRef as forwardRef9, useId } from "react";
 import styled23, { css as css23 } from "styled-components";
-import { isNonEmptyString as isNonEmptyString2, isUndefined as isUndefined3 } from "@wistia/type-guards";
+import { isNonEmptyString as isNonEmptyString2 } from "@wistia/type-guards";
 
 // src/private/components/FormControlLabel/FormControlLabel.tsx
 import styled19, { css as css21 } from "styled-components";
@@ -8625,17 +8625,9 @@ var Checkbox = forwardRef9(
     const generatedId = useId();
     const computedId = isNonEmptyString2(id) ? id : `wistia-ui-checkbox-${generatedId}`;
     const checkboxGroupContext = useCheckboxGroup();
-    const groupName = checkboxGroupContext?.name;
+    const contextName = checkboxGroupContext?.name;
     const contextOnChange = checkboxGroupContext?.onChange;
-    let checkboxName = name;
-    if (groupName) {
-      if (isUndefined3(value)) {
-        console.error("Checkbox in CheckboxGroup is missing a value prop.");
-        checkboxName = groupName;
-      } else {
-        checkboxName = `${groupName}[${value}]`;
-      }
-    }
+    const checkboxName = name ?? contextName;
     const handleOnChange = onChange ?? contextOnChange;
     return /* @__PURE__ */ jsxs16(StyledCheckboxWrapper, { disabled, children: [
       /* @__PURE__ */ jsx214(
@@ -9775,7 +9767,7 @@ var EditableHeading = ({
 // src/components/Form/Form.tsx
 import { forwardRef as forwardRef12, useRef as useRef11, useMemo as useMemo6, createContext as createContext4, useState as useState11, useId as useId2 } from "react";
 import styled34 from "styled-components";
-import { isNotUndefined as isNotUndefined7, isUndefined as isUndefined4 } from "@wistia/type-guards";
+import { isNotUndefined as isNotUndefined7, isUndefined as isUndefined3 } from "@wistia/type-guards";
 import { jsx as jsx226 } from "react/jsx-runtime";
 var StyledForm = styled34.form`
   --form-default-width: 690px;
@@ -9807,7 +9799,7 @@ var FormComponent = ({
   const id = props.id ?? autoId;
   const handleValidate = (nextFormData) => {
     const nextData = Object.fromEntries(nextFormData.entries());
-    if (isUndefined4(validate)) {
+    if (isUndefined3(validate)) {
       return {};
     }
     return validate(nextData);
@@ -9953,7 +9945,7 @@ var FormErrorSummary = ({ description }) => {
 // src/components/FormField/FormField.tsx
 import { Children as Children4, cloneElement as cloneElement4, useContext as useContext5 } from "react";
 import styled36 from "styled-components";
-import { isArray as isArray2, isNotNil as isNotNil18, isNotUndefined as isNotUndefined9, isUndefined as isUndefined5 } from "@wistia/type-guards";
+import { isArray as isArray2, isNotNil as isNotNil18, isNotUndefined as isNotUndefined9, isUndefined as isUndefined4 } from "@wistia/type-guards";
 
 // src/components/Label/Label.tsx
 import styled35, { css as css29 } from "styled-components";
@@ -10106,7 +10098,7 @@ var FormField = ({
     "aria-describedby": ariaDescribedby,
     ...props
   };
-  if (isUndefined5(value) && isNotUndefined9(defaultValue)) {
+  if (isUndefined4(value) && isNotUndefined9(defaultValue)) {
     childProps = {
       ...childProps,
       defaultValue
@@ -11631,9 +11623,9 @@ var Radio = forwardRef20(
     const generatedId = useId3();
     const computedId = isNonEmptyString3(id) ? id : `wistia-ui-radio-${generatedId}`;
     const radioGroupContext = useRadioGroup();
-    const groupName = radioGroupContext?.name;
+    const contextName = radioGroupContext?.name;
     const contextOnChange = radioGroupContext?.onChange;
-    const radioName = name ?? groupName;
+    const radioName = name ?? contextName;
     const handleOnChange = onChange ?? contextOnChange;
     return /* @__PURE__ */ jsxs35(
       StyledRadioWrapper,
@@ -12777,7 +12769,7 @@ ThumbnailBadge.displayName = "ThumbnailBadge";
 // src/components/Thumbnail/Thumbnail.tsx
 import { forwardRef as forwardRef28, useState as useState17, useRef as useRef16, useCallback as useCallback11, useMemo as useMemo10 } from "react";
 import styled73 from "styled-components";
-import { isNil as isNil15, isNotNil as isNotNil36, isUndefined as isUndefined6, isEmptyString as isEmptyString2, isString as isString2 } from "@wistia/type-guards";
+import { isNil as isNil15, isNotNil as isNotNil36, isUndefined as isUndefined5, isEmptyString as isEmptyString2, isString as isString2 } from "@wistia/type-guards";
 
 // src/private/helpers/getBackgroundGradient/getBackgroundGradient.ts
 import { isNotNil as isNotNil34 } from "@wistia/type-guards";
@@ -13151,7 +13143,7 @@ var Thumbnail = forwardRef28(
       return Boolean(isScrubbable && isMouseOver && isStoryboardReady);
     }, [isScrubbable, isMouseOver, isStoryboardReady]);
     const renderStoryboard = useCallback11(() => {
-      if (!storyboard || isUndefined6(height) || isEmptyString2(height)) return null;
+      if (!storyboard || isUndefined5(height) || isEmptyString2(height)) return null;
       const {
         url,
         width: sbWidth,