@hopper-ui/components 1.3.23 → 1.3.25

package/dist/Avatar/src/AnonymousAvatar.temp.d.ts

@@ -1,31 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { StyledSystemProps, ResponsiveProp } from '@hopper-ui/styled-system';
-import { ForwardedRef } from 'react';
-import { AccessibleSlotProps, RenderProps } from '../../utils/src/types.js';
-import { AvatarSize } from './Avatar.js';
-import '@react-types/shared';
-import 'react-aria-components';
-import '../../typography/Text/src/Text.js';
-import '../../utils/src/sizeAdapter.js';
-
-declare const GlobalAnonymousAvatarCssSelector = "hop-AnonymousAvatar";
-interface AnonymousAvatarRenderProps {
-    /**
-     * Whether or not the avatar is disabled.
-     */
-    isDisabled?: boolean;
-}
-interface AnonymousAvatarProps extends StyledSystemProps, AccessibleSlotProps, Omit<RenderProps<AnonymousAvatarRenderProps>, "children"> {
-    /**
-     * Whether or not the avatar is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     * The size of the avatar.
-     * * @default "md"
-     */
-    size?: ResponsiveProp<AvatarSize>;
-}
-declare function AnonymousAvatar(props: AnonymousAvatarProps, ref: ForwardedRef<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-
-export { AnonymousAvatar, type AnonymousAvatarProps, GlobalAnonymousAvatarCssSelector };

package/dist/Avatar/src/AnonymousAvatar.temp.js

@@ -1,60 +0,0 @@
-import { AvatarContext } from '../../chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from '../../chunk-W6PNTZPC.js';
-import '../../chunk-M36KANKC.js';
-import { useRenderProps } from '../../chunk-NH3IVMXB.js';
-import { composeClassnameRenderProps } from '../../chunk-65JPI4FL.js';
-import '../../chunk-KVDXQMWI.js';
-import '../../chunk-JWW56J7M.js';
-import '../../chunk-JSBRDJBE.js';
-import { AnonymousRichIcon } from '@hopper-ui/icons';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { forwardRef } from 'react';
-import { mergeProps } from 'react-aria';
-import { useContextProps, composeRenderProps } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-var GlobalAnonymousAvatarCssSelector = "hop-AnonymousAvatar";
-function AnonymousAvatar(props, ref) {
-  var _a;
-  [props, ref] = useContextProps(props, ref, AvatarContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    style,
-    size: sizeValue,
-    ...otherProps
-  } = ownProps;
-  const size = (_a = useResponsiveValue(sizeValue)) != null ? _a : "md";
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalAnonymousAvatarCssSelector,
-    stylingProps.className
-  );
-  const mergedStyles = composeRenderProps(style, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const renderProps = useRenderProps({
-    ...otherProps,
-    className: classNames,
-    style: mergedStyles,
-    values: {
-      isDisabled: props.isDisabled || false
-    }
-  });
-  return /* @__PURE__ */ jsx(
-    _RichIconAvatarImage,
-    {
-      ...mergeProps(otherProps, renderProps),
-      ref,
-      size,
-      children: /* @__PURE__ */ jsx(AnonymousRichIcon, {})
-    }
-  );
-}
-var _AnonymousAvatar = forwardRef(AnonymousAvatar);
-_AnonymousAvatar.displayName = "AnonymousAvatar";
-
-export { AnonymousAvatar, GlobalAnonymousAvatarCssSelector };

package/dist/checkbox/src/CheckboxList.d.ts

@@ -1,17 +0,0 @@
-import * as react from 'react';
-import { StyledSystemProps } from '@hopper-ui/styled-system';
-import { BaseComponentDOMProps } from '../../utils/src/types.js';
-import '@react-types/shared';
-import 'react-aria-components';
-
-declare const GlobalCheckboxListCssSelector = "hop-CheckboxList";
-interface CheckboxListProps extends StyledSystemProps, BaseComponentDOMProps {
-}
-/**
- * The Checkbox List component is a container for a group of checkboxes.
- *
- * [View Documentation](TODO)
- */
-declare const _CheckboxList: react.ForwardRefExoticComponent<CheckboxListProps & react.RefAttributes<HTMLDivElement>>;
-
-export { _CheckboxList as CheckboxList, type CheckboxListProps, GlobalCheckboxListCssSelector };

package/dist/checkbox/src/CheckboxList.js

@@ -1,3 +0,0 @@
-export { _CheckboxList as CheckboxList, GlobalCheckboxListCssSelector } from '../../chunk-3LRBUQC2.js';
-import '../../chunk-WDUQUPTE.js';
-import '../../chunk-JSBRDJBE.js';

package/dist/checkbox/src/CheckboxListContext.d.ts

@@ -1,10 +0,0 @@
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { CheckboxListProps } from './CheckboxList.js';
-import '@hopper-ui/styled-system';
-import '../../utils/src/types.js';
-import '@react-types/shared';
-
-declare const CheckboxListContext: react.Context<ContextValue<CheckboxListProps, HTMLDivElement>>;
-
-export { CheckboxListContext };

package/dist/checkbox/src/CheckboxListContext.js

@@ -1,2 +0,0 @@
-export { CheckboxListContext } from '../../chunk-WDUQUPTE.js';
-import '../../chunk-JSBRDJBE.js';

package/dist/chunk-3HAFXWC7.js

@@ -1,105 +0,0 @@
-import { RadioGroupContext } from './chunk-5MBJWRZD.js';
-import { RadioListContext } from './chunk-A7TZHALP.js';
-import { RadioFieldContext } from './chunk-DGLAGYBD.js';
-import { RadioContext } from './chunk-FU5CCPLP.js';
-import { LabelContext } from './chunk-QCA3ZR56.js';
-import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { forwardRef } from 'react';
-import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___M4nxU", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___nHkTy", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___rghH4", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___oherm", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___LMtH-", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___fhOj3", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___xTCm2", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___IAkIi", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___2C-Pi" };
-var GlobalRadioGroupCssSelector = "hop-RadioGroup";
-function RadioGroup(props, ref) {
-  var _a, _b;
-  [props, ref] = useContextProps(props, ref, RadioGroupContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    children,
-    isDisabled,
-    isInvalid,
-    isRequired,
-    orientation: orientationProp = "vertical",
-    size: sizeProp = "md",
-    style: styleProp,
-    variant = "borderless",
-    necessityIndicator,
-    ...otherProps
-  } = ownProps;
-  const orientation = (_a = useResponsiveValue(orientationProp)) != null ? _a : "vertical";
-  const size = (_b = useResponsiveValue(sizeProp)) != null ? _b : "md";
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalRadioGroupCssSelector,
-    cssModule(
-      RadioGroup_module_default,
-      "hop-RadioGroup",
-      size,
-      variant
-    ),
-    stylingProps.className
-  );
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  return /* @__PURE__ */ jsx(
-    SlotProvider,
-    {
-      values: [
-        [LabelContext, {
-          className: RadioGroup_module_default["hop-RadioGroup__label"],
-          isRequired,
-          necessityIndicator
-        }],
-        [RadioContext, {
-          className: RadioGroup_module_default["hop-RadioGroup__radio"],
-          size
-        }],
-        [RadioFieldContext, {
-          className: RadioGroup_module_default["hop-RadioGroup__radio"],
-          size,
-          isDisabled
-        }],
-        [RadioListContext, {
-          className: RadioGroup_module_default["hop-RadioGroup__list"]
-        }],
-        [ErrorMessageContext, {
-          className: RadioGroup_module_default["hop-RadioGroup__error-message"],
-          hideIcon: true
-        }],
-        [HelperMessageContext, {
-          className: RadioGroup_module_default["hop-RadioGroup__helper-message"],
-          hideIcon: true
-        }]
-      ],
-      children: /* @__PURE__ */ jsx(
-        RadioGroup$1,
-        {
-          ref,
-          className: classNames,
-          style,
-          isInvalid,
-          isDisabled,
-          isRequired,
-          orientation,
-          ...otherProps,
-          children
-        }
-      )
-    }
-  );
-}
-var _RadioGroup = forwardRef(RadioGroup);
-_RadioGroup.displayName = "RadioGroup";
-
-export { GlobalRadioGroupCssSelector, _RadioGroup };

package/dist/chunk-3LRBUQC2.js

@@ -1,43 +0,0 @@
-import { CheckboxListContext } from './chunk-WDUQUPTE.js';
-import { useStyledSystem } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-import { useContextProps } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-var GlobalCheckboxListCssSelector = "hop-CheckboxList";
-function CheckboxList(props, ref) {
-  [props, ref] = useContextProps(props, ref, CheckboxListContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    children,
-    style,
-    slot,
-    ...otherProps
-  } = ownProps;
-  const classNames = clsx(
-    className,
-    GlobalCheckboxListCssSelector,
-    stylingProps.className
-  );
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...otherProps,
-      ref,
-      className: classNames,
-      style: mergedStyles,
-      slot: slot != null ? slot : void 0,
-      children
-    }
-  );
-}
-var _CheckboxList = forwardRef(CheckboxList);
-_CheckboxList.displayName = "CheckboxList";
-
-export { GlobalCheckboxListCssSelector, _CheckboxList };

package/dist/chunk-A7TZHALP.js

@@ -1,7 +0,0 @@
-import { createContext } from 'react';
-
-// src/radio/src/RadioListContext.ts
-var RadioListContext = createContext({});
-RadioListContext.displayName = "RadioListContext";
-
-export { RadioListContext };

package/dist/chunk-CXPA2XU3.js

@@ -1,105 +0,0 @@
-import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
-import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
-import { CheckboxListContext } from './chunk-WDUQUPTE.js';
-import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { LabelContext } from './chunk-QCA3ZR56.js';
-import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { forwardRef } from 'react';
-import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___NcO6p", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___a3G2P", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___Vm2Wf", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___QXcfd", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___-3h2I", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___TUYIp", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___gpEbz", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___KFiW8", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___71EIV" };
-var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
-function CheckboxGroup(props, ref) {
-  var _a, _b;
-  [props, ref] = useContextProps(props, ref, CheckboxGroupContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    children,
-    isDisabled,
-    isInvalid,
-    isRequired,
-    necessityIndicator,
-    orientation: orientationProp = "vertical",
-    size: sizeProp = "md",
-    style: styleProp,
-    variant = "borderless",
-    ...otherProps
-  } = ownProps;
-  const orientation = (_a = useResponsiveValue(orientationProp)) != null ? _a : "vertical";
-  const size = (_b = useResponsiveValue(sizeProp)) != null ? _b : "md";
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalCheckboxGroupCssSelector,
-    cssModule(
-      CheckboxGroup_module_default,
-      "hop-CheckboxGroup",
-      size,
-      variant
-    ),
-    stylingProps.className
-  );
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  return /* @__PURE__ */ jsx(
-    SlotProvider,
-    {
-      values: [
-        [LabelContext, {
-          className: CheckboxGroup_module_default["hop-CheckboxGroup__label"],
-          isRequired,
-          necessityIndicator
-        }],
-        [CheckboxContext, {
-          className: CheckboxGroup_module_default["hop-CheckboxGroup__checkbox"],
-          size
-        }],
-        [CheckboxFieldContext, {
-          className: CheckboxGroup_module_default["hop-CheckboxGroup__checkbox"],
-          size,
-          isDisabled
-        }],
-        [CheckboxListContext, {
-          className: CheckboxGroup_module_default["hop-CheckboxGroup__list"]
-        }],
-        [ErrorMessageContext, {
-          className: CheckboxGroup_module_default["hop-CheckboxGroup__error-message"],
-          hideIcon: true
-        }],
-        [HelperMessageContext, {
-          className: CheckboxGroup_module_default["hop-CheckboxGroup__helper-message"],
-          hideIcon: true
-        }]
-      ],
-      children: /* @__PURE__ */ jsx(
-        CheckboxGroup$1,
-        {
-          ref,
-          className: classNames,
-          style,
-          isInvalid,
-          isDisabled,
-          isRequired,
-          "data-orientation": orientation,
-          ...otherProps,
-          children
-        }
-      )
-    }
-  );
-}
-var _CheckboxGroup = forwardRef(CheckboxGroup);
-_CheckboxGroup.displayName = "CheckboxGroup";
-
-export { GlobalCheckboxGroupCssSelector, _CheckboxGroup };

package/dist/chunk-NKHMUPAP.js

@@ -1,43 +0,0 @@
-import { RadioListContext } from './chunk-A7TZHALP.js';
-import { useStyledSystem } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-import { useContextProps } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-var GlobalRadioListCssSelector = "hop-RadioList";
-function RadioList(props, ref) {
-  [props, ref] = useContextProps(props, ref, RadioListContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    children,
-    style,
-    slot,
-    ...otherProps
-  } = ownProps;
-  const classNames = clsx(
-    className,
-    GlobalRadioListCssSelector,
-    stylingProps.className
-  );
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...otherProps,
-      ref,
-      className: classNames,
-      style: mergedStyles,
-      slot: slot != null ? slot : void 0,
-      children
-    }
-  );
-}
-var _RadioList = forwardRef(RadioList);
-_RadioList.displayName = "RadioList";
-
-export { GlobalRadioListCssSelector, _RadioList };

package/dist/chunk-WDUQUPTE.js

@@ -1,7 +0,0 @@
-import { createContext } from 'react';
-
-// src/checkbox/src/CheckboxListContext.ts
-var CheckboxListContext = createContext({});
-CheckboxListContext.displayName = "CheckboxListContext";
-
-export { CheckboxListContext };

package/dist/radio/src/RadioList.d.ts

@@ -1,17 +0,0 @@
-import * as react from 'react';
-import { StyledSystemProps } from '@hopper-ui/styled-system';
-import { BaseComponentDOMProps } from '../../utils/src/types.js';
-import '@react-types/shared';
-import 'react-aria-components';
-
-declare const GlobalRadioListCssSelector = "hop-RadioList";
-interface RadioListProps extends StyledSystemProps, BaseComponentDOMProps {
-}
-/**
- * The Radio List component is a container for a group of radioes.
- *
- * [View Documentation](TODO)
- */
-declare const _RadioList: react.ForwardRefExoticComponent<RadioListProps & react.RefAttributes<HTMLDivElement>>;
-
-export { GlobalRadioListCssSelector, _RadioList as RadioList, type RadioListProps };

package/dist/radio/src/RadioList.js

@@ -1,3 +0,0 @@
-export { GlobalRadioListCssSelector, _RadioList as RadioList } from '../../chunk-NKHMUPAP.js';
-import '../../chunk-A7TZHALP.js';
-import '../../chunk-JSBRDJBE.js';

package/dist/radio/src/RadioListContext.d.ts

@@ -1,10 +0,0 @@
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { RadioListProps } from './RadioList.js';
-import '@hopper-ui/styled-system';
-import '../../utils/src/types.js';
-import '@react-types/shared';
-
-declare const RadioListContext: react.Context<ContextValue<RadioListProps, HTMLDivElement>>;
-
-export { RadioListContext };

package/dist/radio/src/RadioListContext.js

@@ -1,2 +0,0 @@
-export { RadioListContext } from '../../chunk-A7TZHALP.js';
-import '../../chunk-JSBRDJBE.js';