@wistia/ui 0.4.8-beta.f2d03166.7c06caa → 0.4.8

package/dist/index.d.mts

@@ -2168,75 +2168,4 @@ declare const WistiaLogo: {
     displayName: string;
 };
 
-type SelectProps = {
-    /**
-     * Sets the validity status of the input
-     *
-     * @default false
-     */
-    'aria-invalid'?: boolean;
-    /**
-     * A group of `Option` or `OptionGroup`s
-     */
-    children: ReactNode;
-    colorScheme?: ColorSchemeTypes;
-    /**
-     * When true, the select can't be interacted with.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If true, the select will fill its container
-     */
-    fullWidth?: ResponsiveObject<boolean> | boolean;
-    /**
-     * Called when a value is changed.
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Text shown when no value is selected
-     */
-    placeholder?: string;
-    /**
-     * The controlled value. Must be used in conjunction with `onChange`.
-     */
-    value?: string;
-};
-/**
- * Display a list of options and choose one of them. Replacement for the native Select HTML element.
- */
-declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLButtonElement>>;
-
-type SelectOptionProps = {
-    /**
-     * The visual content of the select
-     */
-    children: ReactNode;
-    /**
-     * The value to set
-     */
-    value: string;
-    /**
-     * When true, this option will not be selectable
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Optional text used for typeahead purposes. By default the typeahead behavior will use the `.textContent` of the Option.
-     * Use this when the content is complex, or you have non-textual content inside.
-     */
-    textValue?: string;
-};
-declare const SelectOption: react.ForwardRefExoticComponent<SelectOptionProps & react.RefAttributes<HTMLDivElement>>;
-
-type SelectOptionGroupProps = {
-    /** The label of the group */
-    label: string;
-    /** At least one `Option` */
-    children: ReactNode;
-};
-declare const SelectOptionGroup: ({ children, label, ...props }: SelectOptionGroupProps) => react_jsx_runtime.JSX.Element;
-
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, 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, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useMq, useToast, useWindowSize };
+export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, 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, useKey, useMq, useToast, useWindowSize };

package/dist/index.d.ts

@@ -2168,75 +2168,4 @@ declare const WistiaLogo: {
     displayName: string;
 };
 
-type SelectProps = {
-    /**
-     * Sets the validity status of the input
-     *
-     * @default false
-     */
-    'aria-invalid'?: boolean;
-    /**
-     * A group of `Option` or `OptionGroup`s
-     */
-    children: ReactNode;
-    colorScheme?: ColorSchemeTypes;
-    /**
-     * When true, the select can't be interacted with.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If true, the select will fill its container
-     */
-    fullWidth?: ResponsiveObject<boolean> | boolean;
-    /**
-     * Called when a value is changed.
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Text shown when no value is selected
-     */
-    placeholder?: string;
-    /**
-     * The controlled value. Must be used in conjunction with `onChange`.
-     */
-    value?: string;
-};
-/**
- * Display a list of options and choose one of them. Replacement for the native Select HTML element.
- */
-declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLButtonElement>>;
-
-type SelectOptionProps = {
-    /**
-     * The visual content of the select
-     */
-    children: ReactNode;
-    /**
-     * The value to set
-     */
-    value: string;
-    /**
-     * When true, this option will not be selectable
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Optional text used for typeahead purposes. By default the typeahead behavior will use the `.textContent` of the Option.
-     * Use this when the content is complex, or you have non-textual content inside.
-     */
-    textValue?: string;
-};
-declare const SelectOption: react.ForwardRefExoticComponent<SelectOptionProps & react.RefAttributes<HTMLDivElement>>;
-
-type SelectOptionGroupProps = {
-    /** The label of the group */
-    label: string;
-    /** At least one `Option` */
-    children: ReactNode;
-};
-declare const SelectOptionGroup: ({ children, label, ...props }: SelectOptionGroupProps) => react_jsx_runtime.JSX.Element;
-
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, 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, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useMq, useToast, useWindowSize };
+export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, 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, useKey, useMq, useToast, useWindowSize };

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.4.8-beta.f2d03166.7c06caa
+ * @license @wistia/ui v0.4.8
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -7742,8 +7742,8 @@ var StyledSubTrigger = styled30(DropdownMenuSubTrigger)`
 `;
 var SubMenuTrigger = (props) => {
   const { isSmAndUp } = useMq();
-  const Trigger3 = isSmAndUp ? StyledSubTrigger : DropdownMenuItem;
-  return /* @__PURE__ */ jsx191(Trigger3, { asChild: true, children: /* @__PURE__ */ jsx191(
+  const Trigger2 = isSmAndUp ? StyledSubTrigger : DropdownMenuItem;
+  return /* @__PURE__ */ jsx191(Trigger2, { asChild: true, children: /* @__PURE__ */ jsx191(
     MenuItemButton,
     {
       ...props,
@@ -8718,199 +8718,6 @@ var WistiaLogo = ({
   return href !== void 0 ? /* @__PURE__ */ jsx205("a", { href, children: Logo }) : Logo;
 };
 WistiaLogo.displayName = "WistiaLogo";
-
-// src/components/Select/Select.tsx
-import {
-  Root as Root2,
-  Trigger as Trigger2,
-  Portal as Portal2,
-  Content as Content2,
-  ScrollUpButton,
-  Viewport,
-  Value,
-  ScrollDownButton
-} from "@radix-ui/react-select";
-import { forwardRef as forwardRef19 } from "react";
-import styled41 from "styled-components";
-import { jsx as jsx206, jsxs as jsxs25 } from "react/jsx-runtime";
-var StyledTrigger = styled41(Trigger2)`
-  ${({ $colorScheme }) => getColorScheme($colorScheme)};
-  --wui-select-color-bg: var(--wui-color-bg-surface);
-  --wui-select-color-bg-disabled: var(--wui-color-bg-surface-disabled);
-  --wui-select-color-border: var(--wui-color-border);
-  --wui-select-color-border-focus: var(--wui-color-border-active);
-  --wui-select-color-border-error: var(--wui-color-border-error);
-  --wui-select-color-border-disabled: var(--wui-color-border-disabled);
-  --wui-select-border-radius: var(--wui-border-radius-rounded);
-  --wui-select-multiline-border-radius: var(--wui-border-radius-02);
-  --wui-select-vertical-padding: var(--wui-space-02);
-  --wui-select-horizontal-padding: var(--wui-space-03);
-  --wui-select-placeholder: var(--wui-gray-10);
-  --wui-select-color-text-error: var(--wui-color-text-error);
-
-  padding: var(--wui-select-vertical-padding) var(--wui-select-horizontal-padding);
-  background-color: var(--wui-select-color-bg);
-  border: 1px solid var(--wui-select-color-border);
-  border-radius: var(--wui-select-border-radius);
-  min-width: 200px;
-  text-align: left;
-  display: inline-flex;
-  align-items: center;
-  justify-content: space-between;
-  width: ${({ $fullWidth = false }) => $fullWidth ? "100%" : "auto"};
-
-  &[aria-expanded='true'],
-  &:focus {
-    outline: 2px solid var(--wui-color-focus-ring);
-  }
-
-  &[aria-invalid='true'] {
-    outline: 2px solid var(--wui-select-color-border-error);
-    color: var(--wui-select-color-text-error);
-  }
-
-  &:disabled {
-    border-color: var(--wui-color-bg-surface-disabled);
-    background-color: var(--wui-color-bg-surface-disabled);
-  }
-`;
-var StyledContent2 = styled41(Content2)`
-  --wui-select-content-border: var(--wui-color-border);
-  --wui-select-content-bg: var(--wui-color-bg-surface);
-  --wui-select-content-border-radius: var(--wui-border-radius-02);
-  --wui-select-option-padding: var(--wui-space-02);
-  --wui-select-option-inner-gap: var(--wui-space-03);
-  --wui-select-option-bg-hover: var(--wui-color-bg-surface-hover);
-
-  overflow: hidden;
-  transform: translateY(8px);
-  background-color: var(--wui-select-content-bg);
-  border: 1px solid var(--wui-select-content-border);
-  border-radius: var(--wui-select-content-border-radius);
-  padding: var(--wui-select-option-padding);
-  min-width: 200px;
-`;
-var Select = forwardRef19(
-  ({
-    colorScheme = "inherit",
-    children,
-    onChange = () => null,
-    placeholder = "Select...",
-    fullWidth = false,
-    ...props
-  }, forwardedRef) => {
-    const responsiveFullWidth = useResponsiveProp(fullWidth);
-    return /* @__PURE__ */ jsxs25(
-      Root2,
-      {
-        ...props,
-        onValueChange: onChange,
-        children: [
-          /* @__PURE__ */ jsxs25(
-            StyledTrigger,
-            {
-              ref: forwardedRef,
-              $colorScheme: colorScheme,
-              $fullWidth: responsiveFullWidth,
-              ...props,
-              children: [
-                /* @__PURE__ */ jsx206(Value, { placeholder }),
-                /* @__PURE__ */ jsx206(
-                  Icon,
-                  {
-                    size: "md",
-                    type: "caret-down"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx206(Portal2, { children: /* @__PURE__ */ jsxs25(StyledContent2, { position: "popper", children: [
-            /* @__PURE__ */ jsx206(ScrollUpButton, { children: /* @__PURE__ */ jsx206(Icon, { type: "caret-up" }) }),
-            /* @__PURE__ */ jsx206(Viewport, { children }),
-            /* @__PURE__ */ jsx206(ScrollDownButton, { children: /* @__PURE__ */ jsx206(Icon, { type: "caret-down" }) })
-          ] }) })
-        ]
-      }
-    );
-  }
-);
-Select.displayName = "Select";
-
-// src/components/Select/SelectOption.tsx
-import { Item, ItemText, ItemIndicator } from "@radix-ui/react-select";
-import { forwardRef as forwardRef20 } from "react";
-import styled42 from "styled-components";
-import { jsx as jsx207, jsxs as jsxs26 } from "react/jsx-runtime";
-var StyledItem = styled42(Item)`
-  ${variantStyleMap2.body3};
-  display: flex;
-  padding: var(--wui-select-option-padding);
-  gap: var(--wui-select-option-inner-gap);
-  font-size: var(--font-size);
-  font-weight: var(--font-weight);
-  border-radius: var(--wui-border-radius-01);
-
-  &:hover,
-  &:focus-visible {
-    background-color: var(--wui-select-option-bg-hover);
-    outline: none;
-  }
-
-  &[aria-disabled='true'] {
-    color: var(--wui-color-text-disabled);
-  }
-
-  &[aria-disabled='true']:hover {
-    background-color: transparent;
-  }
-`;
-var StyledIconContainer = styled42.span`
-  width: 12px;
-`;
-var SelectOption = forwardRef20(
-  ({ children, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs26(
-      StyledItem,
-      {
-        ...props,
-        ref: forwardedRef,
-        children: [
-          /* @__PURE__ */ jsx207(StyledIconContainer, { children: /* @__PURE__ */ jsx207(ItemIndicator, { children: /* @__PURE__ */ jsx207(
-            Icon,
-            {
-              size: "sm",
-              type: "checkmark"
-            }
-          ) }) }),
-          /* @__PURE__ */ jsx207(ItemText, { children })
-        ]
-      }
-    );
-  }
-);
-SelectOption.displayName = "Option";
-
-// src/components/Select/SelectOptionGroup.tsx
-import { Group, Label as Label2 } from "@radix-ui/react-select";
-import styled43 from "styled-components";
-import { jsx as jsx208, jsxs as jsxs27 } from "react/jsx-runtime";
-var StyledLabel3 = styled43(Label2)`
-  padding: var(--wui-select-option-padding);
-`;
-var SelectOptionGroup = ({ children, label, ...props }) => {
-  return /* @__PURE__ */ jsxs27(Group, { ...props, children: [
-    /* @__PURE__ */ jsx208(StyledLabel3, { children: /* @__PURE__ */ jsx208(
-      Text,
-      {
-        prominence: "secondary",
-        variant: "body3",
-        children: label
-      }
-    ) }),
-    children
-  ] });
-};
 export {
   ActionButton,
   Avatar,
@@ -8948,9 +8755,6 @@ export {
   RadioGroup,
   RadioMenuItem,
   ScreenReaderOnly,
-  Select,
-  SelectOption,
-  SelectOptionGroup,
   Stack,
   SubMenu,
   Tag,