@wistia/ui 0.5.0-beta.4e01027d.1af5149 → 0.5.0

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.5.0-beta.4e01027d.1af5149
+ * @license @wistia/ui v0.5.0
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -1461,396 +1461,6 @@ var copyToClipboard = async (textToCopy) => {
   });
 };
 
-// src/helpers/dateTime/constants.ts
-var defaultLocales = ["en-US"];
-var defaultTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC";
-var secondsInMinute = 60;
-var minutesInHour = 60;
-var halfAnHourInMinutes = 30;
-var hoursInDay = 24;
-var milisecondsInSecond = 1e3;
-var millisecondsInDay = hoursInDay * minutesInHour * secondsInMinute * milisecondsInSecond;
-
-// src/helpers/dateTime/buildTimeDuration.ts
-var buildTimeDuration = (numberOfMilliseconds) => {
-  const numberOfSeconds = Math.floor(numberOfMilliseconds / milisecondsInSecond);
-  const numberOfMinutes = Math.floor(numberOfSeconds / secondsInMinute);
-  const numberOfHours = Math.floor(numberOfMinutes / minutesInHour);
-  const seconds = numberOfSeconds - numberOfMinutes * secondsInMinute;
-  const minutes = numberOfMinutes - numberOfHours * minutesInHour;
-  return { seconds, minutes, hours: numberOfHours };
-};
-
-// src/helpers/dateTime/isDate.ts
-var isDate = (date) => date instanceof Date;
-
-// src/helpers/dateTime/isInvalidDate.ts
-var isInvalidDate = (date) => {
-  if (!isDate(date)) {
-    return true;
-  }
-  const time = date.getTime();
-  return time === 0 || Number.isNaN(time);
-};
-
-// src/helpers/dateTime/dateOnlyISOString.ts
-var dateOnlyISOString = (date, { timeZone = defaultTimeZone } = {}) => {
-  if (!isDate(date) || isInvalidDate(date)) {
-    return "";
-  }
-  try {
-    const formatter = new Intl.DateTimeFormat(defaultLocales, {
-      year: "numeric",
-      month: "2-digit",
-      day: "2-digit",
-      timeZone
-    });
-    const parts = formatter.formatToParts(date);
-    const partsAsObject = parts.reduce(
-      (map, obj) => {
-        map[obj.type] = obj.value;
-        return map;
-      },
-      {}
-    );
-    return `${partsAsObject.year}-${partsAsObject.month}-${partsAsObject.day}`;
-  } catch (error) {
-    console.error(error);
-    return "";
-  }
-};
-
-// src/helpers/dateTime/dateOnlyString.ts
-var dateOnlyString = (date, { timeZone = defaultTimeZone, omitYear = false } = {}) => {
-  if (!isDate(date) || isInvalidDate(date)) {
-    return "";
-  }
-  const formatOptions = omitYear ? { month: "short", day: "numeric", timeZone } : { dateStyle: "medium", timeZone };
-  try {
-    return new Intl.DateTimeFormat(defaultLocales, formatOptions).format(date);
-  } catch (error) {
-    console.error(error);
-    return "";
-  }
-};
-
-// src/helpers/dateTime/dateOnlyStringForSentence.ts
-var dateOnlyStringForSentence = (date, { timeZone = defaultTimeZone } = {}) => {
-  if (!isDate(date) || isInvalidDate(date)) {
-    return "";
-  }
-  try {
-    return new Intl.DateTimeFormat(defaultLocales, {
-      dateStyle: "long",
-      timeZone
-    }).format(date);
-  } catch (error) {
-    console.error(error);
-    return "";
-  }
-};
-
-// src/helpers/dateTime/dateOnlyStringNumeric.ts
-var dateOnlyStringNumeric = (date, { timeZone = defaultTimeZone } = {}) => {
-  if (!isDate(date) || isInvalidDate(date)) {
-    return "";
-  }
-  try {
-    return new Intl.DateTimeFormat(defaultLocales, {
-      year: "numeric",
-      month: "2-digit",
-      day: "2-digit",
-      timeZone
-    }).format(date);
-  } catch (error) {
-    console.error(error);
-    return "";
-  }
-};
-
-// src/helpers/dateTime/dateTimeToDate.ts
-var dateTimeToDate = (dateTime2) => {
-  const { year, month, dayOfMonth, hours, minutes } = dateTime2 ?? {};
-  if (year !== void 0 && month !== void 0 && dayOfMonth !== void 0) {
-    return new Date(year, month, dayOfMonth, hours ?? 0, minutes ?? 0);
-  }
-  return null;
-};
-
-// src/helpers/dateTime/dateToDateTime.ts
-var dateToDateTime = (date) => {
-  if (!isDate(date)) {
-    return null;
-  }
-  return {
-    year: date.getFullYear(),
-    month: date.getMonth(),
-    dayOfMonth: date.getDate(),
-    hours: date.getHours(),
-    minutes: date.getMinutes()
-  };
-};
-
-// src/helpers/dateTime/dateTimeToISO.ts
-var dateTimeToISO = (dateTime2) => dateTimeToDate(dateTime2)?.toISOString() ?? null;
-
-// src/helpers/dateTime/dateTimeRounded.ts
-var dateTimeRounded = (dateTime2, toISOString = true) => {
-  const first30Min = dateTime2.getMinutes() <= halfAnHourInMinutes;
-  const hours = first30Min ? dateTime2.getHours() : dateTime2.getHours() + 1;
-  const minutes = first30Min ? halfAnHourInMinutes : 0;
-  const dateWithTime = {
-    ...dateToDateTime(dateTime2),
-    hours,
-    minutes
-  };
-  if (toISOString) {
-    return dateTimeToISO(dateWithTime);
-  }
-  return dateTimeToDate(dateWithTime);
-};
-
-// src/helpers/dateTime/dateTimeString.ts
-import { isNil as isNil2 } from "@wistia/type-guards";
-var dateTimeString = (date, { timeZone = defaultTimeZone } = {}) => {
-  if (isNil2(date)) {
-    return "";
-  }
-  const formattedDate = new Date(date);
-  if (isInvalidDate(formattedDate)) {
-    return "";
-  }
-  try {
-    return new Intl.DateTimeFormat(defaultLocales, {
-      dateStyle: "medium",
-      timeStyle: "short",
-      timeZone
-    }).format(formattedDate);
-  } catch (error) {
-    console.error(error);
-    return "";
-  }
-};
-
-// src/helpers/dateTime/dateTimeStringForSentence.ts
-var dateTimeStringForSentence = (date, { timeZone = defaultTimeZone } = {}) => {
-  if (!isDate(date) || isInvalidDate(date)) {
-    return "";
-  }
-  try {
-    const { year, month, day, hour, minute, dayPeriod } = new Intl.DateTimeFormat(defaultLocales, {
-      month: "long",
-      day: "numeric",
-      year: "numeric",
-      hour: "numeric",
-      minute: "2-digit",
-      timeZone
-    }).formatToParts(date).reduce((acc, part) => {
-      if (part.type !== "literal") {
-        acc[part.type] = part.value;
-      }
-      return acc;
-    }, {});
-    return `${month} ${day}, ${year}, ${hour}:${minute} ${dayPeriod}`;
-  } catch (error) {
-    console.error(error);
-    return "";
-  }
-};
-
-// src/helpers/dateTime/dateUTCOffset.ts
-var dateUTCOffset = (date) => {
-  const offsetInHours = date.getTimezoneOffset() / minutesInHour * -1;
-  const hours = Math.round(offsetInHours);
-  const minutes = (offsetInHours - hours) * minutesInHour;
-  const prefix = hours >= 0 ? "+" : "";
-  const hoursString = `${hours}`.padStart(2, "0");
-  const minutesString = `${minutes}`.padStart(2, "0");
-  return `${prefix}${hoursString}:${minutesString}`;
-};
-
-// src/helpers/dateTime/dayOfWeekString.ts
-var dayOfWeekString = (date, { timeZone = defaultTimeZone } = {}) => {
-  if (date === null) {
-    return "";
-  }
-  try {
-    return new Intl.DateTimeFormat(defaultLocales, {
-      weekday: "long",
-      timeZone
-    }).format(date);
-  } catch (error) {
-    console.error(error);
-    return "";
-  }
-};
-
-// src/helpers/dateTime/padTimeInteger.ts
-var padTimeInteger = (num) => num.toString().padStart(2, "0");
-
-// src/helpers/dateTime/mediaDurationString.ts
-var mediaDurationString = (numberOfMilliseconds) => {
-  const { hours, minutes, seconds } = buildTimeDuration(numberOfMilliseconds);
-  if (hours < 1) {
-    return `${minutes}:${padTimeInteger(seconds)}`;
-  }
-  return `${hours}:${padTimeInteger(minutes)}:${padTimeInteger(seconds)}`;
-};
-
-// src/helpers/dateTime/millisecondsToDurationISOString.ts
-var millisecondsToDurationISOString = (numberOfMilliseconds) => {
-  const { seconds, minutes, hours } = buildTimeDuration(numberOfMilliseconds);
-  let string = "PT";
-  if (hours) {
-    string += `${hours}H`;
-  }
-  if (minutes) {
-    string += `${minutes}M`;
-  }
-  if (seconds) {
-    string += `${seconds}S`;
-  }
-  if (!(seconds || minutes || hours)) {
-    string += "0S";
-  }
-  return string;
-};
-
-// src/helpers/dateTime/monthDayStringNumeric.ts
-var monthDayStringNumeric = (date, { timeZone = defaultTimeZone } = {}) => {
-  if (!isDate(date) || isInvalidDate(date)) {
-    return "";
-  }
-  try {
-    return new Intl.DateTimeFormat(defaultLocales, {
-      month: "2-digit",
-      day: "2-digit",
-      timeZone
-    }).format(date);
-  } catch (error) {
-    console.error(error);
-    return "";
-  }
-};
-
-// src/helpers/dateTime/sessionDurationString.ts
-var sessionDurationString = (numberOfMilliseconds) => {
-  const { hours, minutes, seconds } = buildTimeDuration(numberOfMilliseconds);
-  return `${hours}:${padTimeInteger(minutes)}:${padTimeInteger(seconds)}`;
-};
-
-// src/helpers/dateTime/getLocalDateParts.ts
-import { isNil as isNil3 } from "@wistia/type-guards";
-var getLocalDateParts = (date) => {
-  const parts = new Intl.DateTimeFormat(defaultLocales, {
-    year: "numeric",
-    month: "numeric",
-    day: "numeric",
-    timeZone: defaultTimeZone
-  }).formatToParts(date);
-  const yearPart = parts.find((part) => part.type === "year");
-  const monthPart = parts.find((part) => part.type === "month");
-  const dayPart = parts.find((part) => part.type === "day");
-  if (isNil3(yearPart) || isNil3(monthPart) || isNil3(dayPart)) {
-    throw new Error("Failed to parse date parts");
-  }
-  const year = parseInt(yearPart.value, 10);
-  const month = parseInt(monthPart.value, 10);
-  const day = parseInt(dayPart.value, 10);
-  return { year, month, day };
-};
-
-// src/helpers/dateTime/differenceInCalendarDays.ts
-var differenceInCalendarDays = (dateLeft, dateRight) => {
-  const leftDate = isDate(dateLeft) ? dateLeft : new Date(dateLeft);
-  const rightDate = isDate(dateRight) ? dateRight : new Date(dateRight);
-  if (Number.isNaN(leftDate.getTime()) || Number.isNaN(rightDate.getTime())) {
-    return NaN;
-  }
-  const { year: y1, month: m1, day: d1 } = getLocalDateParts(leftDate);
-  const { year: y2, month: m2, day: d2 } = getLocalDateParts(rightDate);
-  const startOfDayLeft = new Date(y1, m1 - 1, d1).getTime();
-  const startOfDayRight = new Date(y2, m2 - 1, d2).getTime();
-  const msDiff = startOfDayLeft - startOfDayRight;
-  return Math.round(msDiff / millisecondsInDay);
-};
-
-// src/helpers/dateTime/timeAgoString.ts
-var timeAgoString = (date, { nowAnchor = /* @__PURE__ */ new Date() } = {}) => {
-  if (isInvalidDate(date)) {
-    return "";
-  }
-  const minutesAgo = (nowAnchor.valueOf() - date.valueOf()) / (secondsInMinute * milisecondsInSecond);
-  const minutesAgoRounded = Math.round(minutesAgo);
-  const differenceInDays = differenceInCalendarDays(nowAnchor, date);
-  if (minutesAgo < 0) {
-    return dateTimeString(date);
-  }
-  if (minutesAgo < 1) {
-    return "< 1 minute ago";
-  }
-  if (minutesAgoRounded < 2) {
-    return "1 minute ago";
-  }
-  if (minutesAgoRounded <= minutesInHour) {
-    return `${minutesAgoRounded} minutes ago`;
-  }
-  if (differenceInDays === 0) {
-    return `Today, ${Intl.DateTimeFormat(defaultLocales, { timeStyle: "short" }).format(date)}`;
-  }
-  if (differenceInDays === 1) {
-    return `Yesterday, ${Intl.DateTimeFormat(defaultLocales, { timeStyle: "short" }).format(date)}`;
-  }
-  if (date.getFullYear() === nowAnchor.getFullYear()) {
-    return Intl.DateTimeFormat(defaultLocales, {
-      day: "numeric",
-      month: "short",
-      hour: "numeric",
-      minute: "2-digit"
-    }).format(date);
-  }
-  return dateTimeString(date);
-};
-
-// src/helpers/dateTime/timeOnlyString.ts
-var timeOnlyString = (date, { timeZone = defaultTimeZone } = {}) => {
-  if (!isDate(date) || isInvalidDate(date)) {
-    return "";
-  }
-  try {
-    return new Intl.DateTimeFormat(defaultLocales, {
-      timeStyle: "short",
-      timeZone
-    }).format(date);
-  } catch (error) {
-    console.error(error);
-    return "";
-  }
-};
-
-// src/helpers/dateTime/index.ts
-var dateTime = {
-  buildTimeDuration,
-  dateOnlyISOString,
-  dateOnlyString,
-  dateOnlyStringForSentence,
-  dateOnlyStringNumeric,
-  dateTimeRounded,
-  dateTimeString,
-  dateTimeStringForSentence,
-  dateTimeToDate,
-  dateTimeToISO,
-  dateToDateTime,
-  dateUTCOffset,
-  dayOfWeekString,
-  mediaDurationString,
-  millisecondsToDurationISOString,
-  monthDayStringNumeric,
-  sessionDurationString,
-  timeAgoString,
-  timeOnlyString
-};
-
 // src/helpers/mq/mq.ts
 import { getValueAndUnit } from "polished";
 
@@ -2048,10 +1658,10 @@ var useKey = (key, eventHandler, { eventName = "keydown", eventTarget, eventOpti
 
 // src/hooks/useAriaLive/useAriaLive.tsx
 import { useContext } from "react";
-import { isNil as isNil4 } from "@wistia/type-guards";
+import { isNil as isNil2 } from "@wistia/type-guards";
 var useAriaLive = () => {
   const context = useContext(AriaLiveContext);
-  if (isNil4(context)) {
+  if (isNil2(context)) {
     throw new Error("useAriaLive must be used within an AriaLiveProvider");
   }
   return context;
@@ -2550,7 +2160,7 @@ var buttonSizeStyles = {
 };
 
 // src/components/Icon/Icon.tsx
-import { isNil as isNil5 } from "@wistia/type-guards";
+import { isNil as isNil3 } from "@wistia/type-guards";
 import styled3 from "styled-components";
 
 // src/components/Icon/icons/AbTestIcon.tsx
@@ -5748,13 +5358,13 @@ var Icon = ({
   ...otherProps
 }) => {
   const responsiveSize = useResponsiveProp(size);
-  if (isNil5(type)) {
+  if (isNil3(type)) {
     throw new Error("An Icon component requires a `type` prop to be provided");
   }
-  if (isNil5(iconMap[type])) {
+  if (isNil3(iconMap[type])) {
     throw new Error(`Type "${type}" does not exist, please update type prop in Icon component.`);
   }
-  if (isNil5(iconSizeMap[responsiveSize])) {
+  if (isNil3(iconSizeMap[responsiveSize])) {
     throw new Error(
       `Size "${responsiveSize}" does not exist, please update size prop in Icon component.`
     );
@@ -5786,12 +5396,12 @@ Icon.displayName = "Icon";
 
 // src/components/Link/Link.tsx
 import { forwardRef } from "react";
-import { isNil as isNil6, isNotNil as isNotNil4, isNotUndefined as isNotUndefined2, isUndefined as isUndefined2 } from "@wistia/type-guards";
+import { isNil as isNil4, isNotNil as isNotNil4, isNotUndefined as isNotUndefined2, isUndefined as isUndefined2 } from "@wistia/type-guards";
 import styled4 from "styled-components";
 import { Link as RouterLink, useInRouterContext } from "react-router-dom";
 import { jsx as jsx161, jsxs as jsxs5 } from "react/jsx-runtime";
 var generateHref = (href, type, disabled) => {
-  if (disabled || isNil6(href)) {
+  if (disabled || isNil4(href)) {
     return void 0;
   }
   let to = href;
@@ -5808,7 +5418,7 @@ var isLink = (props) => isNotUndefined2(props.href);
 var StyledLink = styled4.a`
   --link-icon-size: 14px;
 
-  ${({ href }) => isNil6(href) && buttonResetCss};
+  ${({ href }) => isNil4(href) && buttonResetCss};
   ${({ $colorScheme }) => getColorScheme($colorScheme)}
   cursor: pointer;
   font-family: var(--wui-typography-family-default);
@@ -6186,7 +5796,7 @@ ActionButton.displayName = "ActionButton";
 
 // src/components/Avatar/Avatar.tsx
 import { useState as useState4, useMemo as useMemo3, useEffect as useEffect3 } from "react";
-import { isNil as isNil8 } from "@wistia/type-guards";
+import { isNil as isNil6 } from "@wistia/type-guards";
 import styled8 from "styled-components";
 
 // src/components/ColorSchemeWrapper/ColorSchemeWrapper.tsx
@@ -6229,13 +5839,13 @@ var ColorSchemeWrapper = ({
 ColorSchemeWrapper.displayName = "ColorSchemeWrapper";
 
 // src/components/Avatar/formatNameForDisplay.tsx
-import { isNil as isNil7, isString, isEmptyString } from "@wistia/type-guards";
+import { isNil as isNil5, isString, isEmptyString } from "@wistia/type-guards";
 var containsEmojiCharacter = (char) => {
   const emojiRegex = /<a?:.+?:\d{18}>|\p{Extended_Pictographic}/gu;
   return emojiRegex.test(char);
 };
 var formatNameForDisplay = (name) => {
-  if (isNil7(name) || !isString(name) || isEmptyString(name) || containsEmojiCharacter(name)) {
+  if (isNil5(name) || !isString(name) || isEmptyString(name) || containsEmojiCharacter(name)) {
     return "U";
   }
   const firstChar = name.trim().substring(0, 1);
@@ -6298,7 +5908,7 @@ var AvatarWrapper = styled8.div`
   max-height: ${({ $maxHeight }) => $maxHeight}px;
 `;
 var chooseColorScheme = (name) => {
-  if (isNil8(name) || name === "Anonymous") {
+  if (isNil6(name) || name === "Anonymous") {
     return "default";
   }
   const filteredColors = colorSchemeOptions.filter(
@@ -6331,7 +5941,7 @@ var Avatar = ({
   };
   const avatarSize = heightAndWidth ?? avatarSizeMap[size];
   const avatarColor = useMemo3(() => chooseColorScheme(name), [name]);
-  const showInitials = isNil8(imageUrl) || imageLoadState === "error";
+  const showInitials = isNil6(imageUrl) || imageLoadState === "error";
   return /* @__PURE__ */ jsx165(
     AvatarWrapper,
     {
@@ -6407,7 +6017,7 @@ Badge.displayName = "Badge";
 // src/components/Box/Box.tsx
 import { Children, cloneElement as cloneElement2, forwardRef as forwardRef5 } from "react";
 import styled10 from "styled-components";
-import { isNotNil as isNotNil7, isNil as isNil9, isRecord as isRecord3 } from "@wistia/type-guards";
+import { isNotNil as isNotNil7, isNil as isNil7, isRecord as isRecord3 } from "@wistia/type-guards";
 
 // src/private/helpers/makePolymorphic/makePolymorphic.tsx
 var makePolymorphic = (component) => {
@@ -6480,7 +6090,7 @@ var wrapChildren = (children) => {
   if (isNotNil7(children)) {
     if (typeof children === "object" && isDev) {
       return Children.map(children, (child) => {
-        if (isNil9(child)) return null;
+        if (isNil7(child)) return null;
         const elementParams = {};
         if (child.type?.displayName === "Box" || child.type?.displayName === "Box_UI") {
           elementParams.hasBoxParent = true;
@@ -6627,7 +6237,7 @@ var Breadcrumb = ({ icon, href, children, ...props }) => {
 
 // src/components/ButtonGroup/ButtonGroup.tsx
 import styled13 from "styled-components";
-import { isNil as isNil10 } from "@wistia/type-guards";
+import { isNil as isNil8 } from "@wistia/type-guards";
 import { jsx as jsx170 } from "react/jsx-runtime";
 var getAlignment = (align) => {
   if (align === "center") {
@@ -6667,7 +6277,7 @@ var ButtonGroup = ({
   fullWidth = false,
   ...otherProps
 }) => {
-  if (isNil10(children)) {
+  if (isNil8(children)) {
     return null;
   }
   return /* @__PURE__ */ jsx170(
@@ -6917,7 +6527,7 @@ Label.displayName = "Label";
 
 // src/components/Label/LabelDescription.tsx
 import styled17 from "styled-components";
-import { isNil as isNil11 } from "@wistia/type-guards";
+import { isNil as isNil9 } from "@wistia/type-guards";
 import { jsx as jsx174 } from "react/jsx-runtime";
 var StyledLabelDescription = styled17.div`
   color: var(--wui-color-text-secondary);
@@ -6929,7 +6539,7 @@ var LabelDescription = ({
   children,
   ...props
 }) => {
-  if (isNil11(children)) {
+  if (isNil9(children)) {
     return null;
   }
   return /* @__PURE__ */ jsx174(StyledLabelDescription, { ...props, children });
@@ -7717,7 +7327,7 @@ IconButton.displayName = "IconButton";
 // src/components/Input/Input.tsx
 import { forwardRef as forwardRef12, cloneElement as cloneElement5, useRef as useRef6 } from "react";
 import styled26, { css as css21 } from "styled-components";
-import { isNil as isNil12, isNotNil as isNotNil9 } from "@wistia/type-guards";
+import { isNil as isNil10, isNotNil as isNotNil9 } from "@wistia/type-guards";
 import { jsx as jsx186, jsxs as jsxs15 } from "react/jsx-runtime";
 var inputStyles = css21`
   --wui-input-color-bg: var(--wui-color-bg-surface);
@@ -7820,7 +7430,7 @@ var Input = forwardRef12(
     const internalRef = useRef6();
     const ref = isValidRef(externalRef) ? externalRef : internalRef;
     let leftIconToDisplay = leftIcon;
-    if (isNil12(leftIcon) && type === "search") {
+    if (isNil10(leftIcon) && type === "search") {
       leftIconToDisplay = /* @__PURE__ */ jsx186(Icon, { type: "search" });
     }
     if (isNotNil9(leftIconToDisplay)) {
@@ -8857,7 +8467,7 @@ Radio.displayName = "Radio";
 import { forwardRef as forwardRef19 } from "react";
 import styled39 from "styled-components";
 import { Root as ToggleGroupRoot } from "@radix-ui/react-toggle-group";
-import { isNil as isNil13 } from "@wistia/type-guards";
+import { isNil as isNil11 } from "@wistia/type-guards";
 import { jsx as jsx203 } from "react/jsx-runtime";
 var StyledSegmentedControl = styled39(ToggleGroupRoot)`
   display: inline-flex;
@@ -8876,7 +8486,7 @@ var SegmentedControl = forwardRef19(
     onSelectedValueChange,
     ...props
   }, ref) => {
-    if (isNil13(children)) {
+    if (isNil11(children)) {
       return null;
     }
     return /* @__PURE__ */ jsx203(
@@ -8987,7 +8597,7 @@ SegmentedControlItem.displayName = "SegmentedControlItem";
 // src/components/Tag/Tag.tsx
 import { forwardRef as forwardRef21 } from "react";
 import styled41 from "styled-components";
-import { isNil as isNil14, isNotNil as isNotNil17, isNonEmptyString as isNonEmptyString4 } from "@wistia/type-guards";
+import { isNil as isNil12, isNotNil as isNotNil17, isNonEmptyString as isNonEmptyString4 } from "@wistia/type-guards";
 import { Fragment as Fragment4, jsx as jsx204, jsxs as jsxs25 } from "react/jsx-runtime";
 var TagLabel = styled41.a`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
@@ -9065,10 +8675,10 @@ var StyledTag = styled41.div`
   }
 `;
 var RemoveButton = ({ onClickRemove, onClickRemoveLabel, colorScheme }) => {
-  if (isNil14(onClickRemove)) {
+  if (isNil12(onClickRemove)) {
     return null;
   }
-  if (isNil14(onClickRemoveLabel)) {
+  if (isNil12(onClickRemoveLabel)) {
     throw new Error(
       "for accessibility, onClickRemoveLabel must be provided if onClickRemove is provided"
     );
@@ -9761,7 +9371,6 @@ export {
   WistiaLogo,
   colorSchemeOptions,
   copyToClipboard,
-  dateTime,
   ellipsisFlexParentStyle,
   ellipsisStyle,
   iconSizeMap,