@wistia/ui 0.15.14-beta.701deb7c.dd1faf8 → 0.15.14-beta.859db709.362cab6

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.15.14-beta.701deb7c.dd1faf8
+ * @license @wistia/ui v0.15.14-beta.859db709.362cab6
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -8255,7 +8255,7 @@ Avatar.displayName = "Avatar_UI";
 // src/components/Badge/Badge.tsx
 import { forwardRef as forwardRef4 } from "react";
 import styled10 from "styled-components";
-import { isNonEmptyString as isNonEmptyString2, isNotNil as isNotNil9 } from "@wistia/type-guards";
+import { isNotNil as isNotNil9 } from "@wistia/type-guards";
 import { jsx as jsx205, jsxs as jsxs12 } from "react/jsx-runtime";
 var StyledBadge = styled10.div`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
@@ -8296,7 +8296,7 @@ var Badge = forwardRef4(
         $variant: variant,
         children: [
           hasIcon ? icon : null,
-          isNonEmptyString2(label) && /* @__PURE__ */ jsx205("span", { children: label })
+          isNotNil9(label) ? /* @__PURE__ */ jsx205("span", { children: label }) : null
         ]
       }
     );
@@ -9361,7 +9361,7 @@ var Center = forwardRef9(
 Center.displayName = "Center_UI";
 
 // src/components/Checkbox/Checkbox.tsx
-import { isNonEmptyString as isNonEmptyString4, isNotUndefined as isNotUndefined7 } from "@wistia/type-guards";
+import { isNonEmptyString as isNonEmptyString3, isNotUndefined as isNotUndefined7 } from "@wistia/type-guards";
 import { forwardRef as forwardRef12, useId as useId2 } from "react";
 import styled27, { css as css26 } from "styled-components";
 
@@ -9491,7 +9491,7 @@ import { isArray } from "@wistia/type-guards";
 // src/components/FormGroup/FormGroup.tsx
 import styled25 from "styled-components";
 import { useRef as useRef7 } from "react";
-import { isNonEmptyString as isNonEmptyString3, isNotNil as isNotNil16 } from "@wistia/type-guards";
+import { isNonEmptyString as isNonEmptyString2, isNotNil as isNotNil16 } from "@wistia/type-guards";
 
 // src/components/Stack/Stack.tsx
 import { forwardRef as forwardRef10 } from "react";
@@ -9546,8 +9546,8 @@ var FormGroup = ({
   ...props
 }) => {
   const ref = useRef7(null);
-  const hasLabel = isNotNil16(label) && isNonEmptyString3(label);
-  const hasDescription = isNotNil16(description) && isNonEmptyString3(description);
+  const hasLabel = isNotNil16(label) && isNonEmptyString2(label);
+  const hasDescription = isNotNil16(description) && isNonEmptyString2(description);
   return /* @__PURE__ */ jsxs17(
     Stack,
     {
@@ -9849,7 +9849,7 @@ var Checkbox = forwardRef12(
     ...props
   }, ref) => {
     const generatedId = useId2();
-    const computedId = isNonEmptyString4(id) ? id : `wistia-ui-checkbox-${generatedId}`;
+    const computedId = isNonEmptyString3(id) ? id : `wistia-ui-checkbox-${generatedId}`;
     const checkboxGroupContext = useCheckboxGroup();
     const contextName = checkboxGroupContext?.name;
     const contextOnChange = checkboxGroupContext?.onChange;
@@ -11318,7 +11318,7 @@ import { useCallback as useCallback12 } from "react";
 // src/components/Switch/Switch.tsx
 import { forwardRef as forwardRef14, useId as useId3 } from "react";
 import styled43, { css as css28 } from "styled-components";
-import { isNonEmptyString as isNonEmptyString5 } from "@wistia/type-guards";
+import { isNonEmptyString as isNonEmptyString4 } from "@wistia/type-guards";
 import { jsx as jsx245, jsxs as jsxs28 } from "react/jsx-runtime";
 var switchHeightMap = {
   sm: 16,
@@ -11410,7 +11410,7 @@ var Switch = forwardRef14(
     ...props
   }, ref) => {
     const generatedId = useId3();
-    const computedId = isNonEmptyString5(id) ? id : `wistia-ui-switch-${generatedId}`;
+    const computedId = isNonEmptyString4(id) ? id : `wistia-ui-switch-${generatedId}`;
     return /* @__PURE__ */ jsxs28(
       StyledSwitchWrapper,
       {
@@ -12433,7 +12433,7 @@ import { isArray as isArray2, isString as isString3 } from "@wistia/type-guards"
 // src/components/Tag/Tag.tsx
 import { forwardRef as forwardRef16 } from "react";
 import styled49 from "styled-components";
-import { isNil as isNil15, isNotNil as isNotNil19, isNonEmptyString as isNonEmptyString6 } from "@wistia/type-guards";
+import { isNil as isNil15, isNotNil as isNotNil19, isNonEmptyString as isNonEmptyString5 } from "@wistia/type-guards";
 import { Fragment as Fragment7, jsx as jsx255, jsxs as jsxs33 } from "react/jsx-runtime";
 var TagLabel = styled49.a`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
@@ -12552,7 +12552,7 @@ var RemoveButton = ({ onClickRemove, onClickRemoveLabel, colorScheme }) => {
 var Tag = forwardRef16(
   ({ onClickRemove, colorScheme = "inherit", href, icon, label, onClickRemoveLabel, ...props }, ref) => {
     const hasIcon = isNotNil19(icon);
-    const labelProps = isNotNil19(href) && isNonEmptyString6(href) ? { href, as: "a" } : { as: "span" };
+    const labelProps = isNotNil19(href) && isNonEmptyString5(href) ? { href, as: "a" } : { as: "span" };
     return /* @__PURE__ */ jsxs33(
       StyledTag,
       {
@@ -14175,7 +14175,7 @@ import { isNotNil as isNotNil26 } from "@wistia/type-guards";
 
 // src/components/EditableText/EditableTextRoot.tsx
 import { createContext as createContext7, useMemo as useMemo13, useState as useState19, useCallback as useCallback16, useId as useId4 } from "react";
-import { isNonEmptyString as isNonEmptyString7 } from "@wistia/type-guards";
+import { isNonEmptyString as isNonEmptyString6 } from "@wistia/type-guards";
 import styled63 from "styled-components";
 import { jsx as jsx277 } from "react/jsx-runtime";
 var StyledEditableTextRoot = styled63.div`
@@ -14210,7 +14210,7 @@ var EditableTextRoot = ({
   const [isEditing, setIsEditing] = useState19(false);
   const value = isControlled ? controlledValue : internalValue;
   const generatedId = useId4();
-  const computedId = isNonEmptyString7(id) ? id : `wistia-ui-editable-text-${generatedId}`;
+  const computedId = isNonEmptyString6(id) ? id : `wistia-ui-editable-text-${generatedId}`;
   const handleSetIsEditing = useCallback16(
     (editing) => {
       if (editing && !isEditing) {
@@ -15991,7 +15991,7 @@ var ProgressBar = ({
 ProgressBar.displayName = "ProgressBar_UI";
 
 // src/components/Radio/Radio.tsx
-import { isNonEmptyString as isNonEmptyString8, isNotUndefined as isNotUndefined13 } from "@wistia/type-guards";
+import { isNonEmptyString as isNonEmptyString7, isNotUndefined as isNotUndefined13 } from "@wistia/type-guards";
 import { forwardRef as forwardRef27, useId as useId5 } from "react";
 import styled82, { css as css41 } from "styled-components";
 import { jsx as jsx300, jsxs as jsxs55 } from "react/jsx-runtime";
@@ -16091,7 +16091,7 @@ var Radio = forwardRef27(
     ...props
   }, ref) => {
     const generatedId = useId5();
-    const computedId = isNonEmptyString8(id) ? id : `wistia-ui-radio-${generatedId}`;
+    const computedId = isNonEmptyString7(id) ? id : `wistia-ui-radio-${generatedId}`;
     const radioGroupContext = useRadioGroup();
     const contextName = radioGroupContext?.name;
     const contextOnChange = radioGroupContext?.onChange;
@@ -16145,7 +16145,7 @@ import { forwardRef as forwardRef29 } from "react";
 // src/components/RadioCard/RadioCardRoot.tsx
 import { forwardRef as forwardRef28, useId as useId6 } from "react";
 import styled83, { css as css42 } from "styled-components";
-import { isNonEmptyString as isNonEmptyString9, isNotUndefined as isNotUndefined14 } from "@wistia/type-guards";
+import { isNonEmptyString as isNonEmptyString8, isNotUndefined as isNotUndefined14 } from "@wistia/type-guards";
 import { jsx as jsx301, jsxs as jsxs56 } from "react/jsx-runtime";
 var checkedStyles = css42`
   --wui-radio-card-border-color: var(--wui-color-focus-ring);
@@ -16267,7 +16267,7 @@ var RadioCardRoot = forwardRef28(
     ...props
   }, ref) => {
     const generatedId = useId6();
-    const computedId = isNonEmptyString9(id) ? id : `wistia-ui-radio-${generatedId}`;
+    const computedId = isNonEmptyString8(id) ? id : `wistia-ui-radio-${generatedId}`;
     const radioGroupContext = useRadioGroup();
     const contextName = radioGroupContext?.name;
     const contextOnChange = radioGroupContext?.onChange;
@@ -17085,7 +17085,7 @@ import {
   Thumb as RadixSliderThumb
 } from "@radix-ui/react-slider";
 import styled94 from "styled-components";
-import { isNonEmptyString as isNonEmptyString10 } from "@wistia/type-guards";
+import { isNonEmptyString as isNonEmptyString9 } from "@wistia/type-guards";
 import { jsx as jsx312, jsxs as jsxs64 } from "react/jsx-runtime";
 var SliderContainer = styled94.div`
   --wui-slider-track-color: var(--wui-gray-6);
@@ -17164,7 +17164,7 @@ var Slider = ({
   "data-testid": dataTestId = "ui-slider",
   ...otherProps
 }) => {
-  if (!(isNonEmptyString10(ariaLabel) || isNonEmptyString10(ariaLabelledby))) {
+  if (!(isNonEmptyString9(ariaLabel) || isNonEmptyString9(ariaLabelledby))) {
     throw new Error(
       "UI Slider: Sliders should have an accessible name. Add a label using the aria-label or aria-labelledby prop."
     );