@wistia/ui 0.4.2-beta.b0f2a31f.4eb4d62 → 0.4.2

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, Dispatch, SetStateAction, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ChangeEvent, ForwardedRef, Ref, JSXElementConstructor, ElementType as ElementType$1, InputHTMLAttributes, RefObject } from 'react';
+import { ReactNode, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ChangeEvent, ForwardedRef, Ref, JSXElementConstructor, ElementType as ElementType$1, InputHTMLAttributes, RefObject } from 'react';
 import { LinkProps as LinkProps$1 } from 'react-router-dom';
 import * as styled_components from 'styled-components';
 import { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';
@@ -31,15 +31,6 @@ declare const mq: {
     xlAndDown: () => string;
 };
 
-type UseBooleanReturn = [
-    boolean,
-    () => void,
-    () => void,
-    () => void,
-    Dispatch<SetStateAction<boolean>>
-];
-declare const useBoolean: (initialValue?: boolean) => UseBooleanReturn;
-
 type MediaQueryBooleans = {
     isXlAndUp: boolean;
     isLgAndUp: boolean;
@@ -2148,4 +2139,4 @@ type BreadcrumbProps = {
 };
 declare const Breadcrumb: ({ icon, href, children }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
 
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarInstanceType, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useMq, useToast, useWindowSize };
+export { ActionButton, type ActionButtonProps, Avatar, type AvatarInstanceType, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useFormState, useMq, useToast, useWindowSize };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, Dispatch, SetStateAction, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ChangeEvent, ForwardedRef, Ref, JSXElementConstructor, ElementType as ElementType$1, InputHTMLAttributes, RefObject } from 'react';
+import { ReactNode, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ChangeEvent, ForwardedRef, Ref, JSXElementConstructor, ElementType as ElementType$1, InputHTMLAttributes, RefObject } from 'react';
 import { LinkProps as LinkProps$1 } from 'react-router-dom';
 import * as styled_components from 'styled-components';
 import { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';
@@ -31,15 +31,6 @@ declare const mq: {
     xlAndDown: () => string;
 };
 
-type UseBooleanReturn = [
-    boolean,
-    () => void,
-    () => void,
-    () => void,
-    Dispatch<SetStateAction<boolean>>
-];
-declare const useBoolean: (initialValue?: boolean) => UseBooleanReturn;
-
 type MediaQueryBooleans = {
     isXlAndUp: boolean;
     isLgAndUp: boolean;
@@ -2148,4 +2139,4 @@ type BreadcrumbProps = {
 };
 declare const Breadcrumb: ({ icon, href, children }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
 
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarInstanceType, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useMq, useToast, useWindowSize };
+export { ActionButton, type ActionButtonProps, Avatar, type AvatarInstanceType, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useFormState, useMq, useToast, useWindowSize };

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.4.2-beta.b0f2a31f.4eb4d62
+ * @license @wistia/ui v0.4.2
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -1467,21 +1467,11 @@ var mq = {
   xlAndDown
 };
 
-// src/hooks/useBoolean/useBoolean.ts
-import { useState as useState2, useCallback as useCallback2 } from "react";
-var useBoolean = (initialValue = false) => {
-  const [value, setValue] = useState2(initialValue);
-  const toggle = useCallback2(() => setValue((val) => !val), []);
-  const setTrue = useCallback2(() => setValue(true), []);
-  const setFalse = useCallback2(() => setValue(false), []);
-  return [value, toggle, setTrue, setFalse, setValue];
-};
-
 // src/hooks/useMq/useMq.ts
 import { isBoolean } from "@wistia/type-guards";
 
 // src/hooks/useWindowSize/useWindowSize.ts
-import { useState as useState3, useLayoutEffect } from "react";
+import { useState as useState2, useLayoutEffect } from "react";
 import { debounce } from "throttle-debounce";
 
 // src/private/helpers/isClient/isClient.ts
@@ -1489,7 +1479,7 @@ var isClient = () => typeof window !== "undefined" && typeof document !== "undef
 
 // src/hooks/useWindowSize/useWindowSize.ts
 var useWindowSize = (interval = 0) => {
-  const [dimensions, setDimensions] = useState3({
+  const [dimensions, setDimensions] = useState2({
     width: isClient() ? window.innerWidth : 0,
     height: isClient() ? window.innerHeight : 0
   });
@@ -1545,7 +1535,7 @@ var useActiveMq = () => {
 };
 
 // src/hooks/useToast/useToast.tsx
-import { useCallback as useCallback3 } from "react";
+import { useCallback as useCallback2 } from "react";
 import { toast as sonnerToast } from "sonner";
 
 // src/private/components/Toast/Toast.tsx
@@ -1807,7 +1797,7 @@ Toast.displayName = "Toast";
 // src/hooks/useToast/useToast.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
 var useToast = () => {
-  return useCallback3(
+  return useCallback2(
     ({ message, action, colorScheme, icon, position = "bottom-left", duration = 3e3 }) => {
       sonnerToast.custom(
         () => {
@@ -5665,7 +5655,7 @@ var ActionButton = forwardRef3(
 ActionButton.displayName = "ActionButton";
 
 // src/components/Avatar/Avatar.tsx
-import { useState as useState4, useMemo as useMemo3 } from "react";
+import { useState as useState3, useMemo as useMemo3 } from "react";
 import { isNil as isNil6 } from "@wistia/type-guards";
 import styled8 from "styled-components";
 
@@ -5796,7 +5786,7 @@ var Avatar = ({
   onImageLoad,
   ...otherProps
 }) => {
-  const [imageLoadState, setImageLoadState] = useState4(null);
+  const [imageLoadState, setImageLoadState] = useState3(null);
   const handleImageLoad = () => {
     setImageLoadState("loaded");
     onImageLoad?.("image");
@@ -6505,7 +6495,7 @@ var Divider = ({
 Divider.displayName = "Divider";
 
 // src/components/Form/Form.tsx
-import { forwardRef as forwardRef8, useRef as useRef2, useMemo as useMemo4, createContext as createContext2, useState as useState5, useId as useId2 } from "react";
+import { forwardRef as forwardRef8, useRef as useRef2, useMemo as useMemo4, createContext as createContext2, useState as useState4, useId as useId2 } from "react";
 import styled19 from "styled-components";
 import { isNotUndefined as isNotUndefined4, isUndefined as isUndefined3 } from "@wistia/type-guards";
 
@@ -6553,8 +6543,8 @@ var FormContext = createContext2({
   formId: ""
 });
 var FormComponent = ({ children, action, values = {}, validate, fullWidth = false, ...props }, forwardedRef) => {
-  const [errors, setErrors] = useState5({});
-  const [hasSubmitted, setHasSubmitted] = useState5(false);
+  const [errors, setErrors] = useState4({});
+  const [hasSubmitted, setHasSubmitted] = useState4(false);
   const innerRef = useRef2();
   const ref = forwardedRef ?? innerRef;
   const autoId = useId2();
@@ -6630,12 +6620,12 @@ FormComponent.displayName = "Form";
 var Form = forwardRef8(FormComponent);
 
 // src/components/Form/useFormState.tsx
-import { useCallback as useCallback4, useState as useState6 } from "react";
+import { useCallback as useCallback3, useState as useState5 } from "react";
 var useFormState = (action, initialData = {}) => {
-  const [data, setData] = useState6(initialData);
-  const [isPending, setIsPending] = useState6(false);
-  const [error, setError] = useState6(null);
-  const formAction = useCallback4(
+  const [data, setData] = useState5(initialData);
+  const [isPending, setIsPending] = useState5(false);
+  const [error, setError] = useState5(null);
+  const formAction = useCallback3(
     async (nextFormData) => {
       if (nextFormData === null) {
         setData(initialData);
@@ -7444,7 +7434,7 @@ var MenuLabel = ({ children, ...props }) => {
 MenuLabel.displayName = "MenuLabel";
 
 // src/components/Menu/SubMenu.tsx
-import { useState as useState7 } from "react";
+import { useState as useState6 } from "react";
 import styled29 from "styled-components";
 import {
   DropdownMenuPortal as DropdownMenuPortal2,
@@ -7625,7 +7615,7 @@ var SubMenu = ({
   ...props
 }) => {
   const { isSmAndUp } = useMq();
-  const [isExpanded, setIsExpanded] = useState7(false);
+  const [isExpanded, setIsExpanded] = useState6(false);
   return isSmAndUp ? /* @__PURE__ */ jsxs15(DropdownMenuSub, { onOpenChange, children: [
     /* @__PURE__ */ jsxs15(SubMenuTrigger, { ...props, children: [
       /* @__PURE__ */ jsx189(MenuItemLabel, { children: label }),
@@ -8682,7 +8672,6 @@ export {
   mq,
   useActiveMq,
   useAriaLive,
-  useBoolean,
   useFormState,
   useMq,
   useToast,