@hopper-ui/components 1.0.2 → 1.0.3

package/dist/inputs/src/index.d.ts

@@ -0,0 +1,7 @@
+export { GlobalInputGroupCssSelector, InputGroup, InputGroupProps } from './InputGroup.js';
+export { InputGroupContext } from './InputGroupContext.js';
+export { GlobalTextFieldCssSelector, TextField, TextFieldProps } from './TextField.js';
+export { TextFieldContext } from './TextFieldContext.js';
+import 'react';
+import '@hopper-ui/styled-system';
+import 'react-aria-components';

package/dist/inputs/src/index.js

@@ -0,0 +1,79 @@
+export { GlobalTextFieldCssSelector, _TextField as TextField } from '../../chunk-CTOL6AVF.js';
+export { TextFieldContext } from '../../chunk-O4XPUINW.js';
+import '../../chunk-LJXTJRSB.js';
+import '../../chunk-OQW6BT6B.js';
+import '../../chunk-TXZ6BMFR.js';
+import '../../chunk-TIPN4VYD.js';
+import '../../chunk-OGMLQRES.js';
+import '../../chunk-EWMWQ2MC.js';
+import '../../chunk-LCAS3YQV.js';
+import '../../chunk-WWRB4K4M.js';
+import '../../chunk-XLKYXKWE.js';
+import '../../chunk-7NT6M6KM.js';
+import '../../chunk-5MBJWRZD.js';
+import '../../chunk-NKHMUPAP.js';
+import '../../chunk-A7TZHALP.js';
+import '../../chunk-XFKAXBB5.js';
+import '../../chunk-OUN5KSHD.js';
+import '../../chunk-H7VJS4MX.js';
+import '../../chunk-YHBJAXUY.js';
+import '../../chunk-Z3ID4UEE.js';
+import '../../chunk-Y7HUXUHX.js';
+import '../../chunk-D6UTDI2K.js';
+import '../../chunk-JLF7DSUY.js';
+import '../../chunk-IOLNBXZM.js';
+import '../../chunk-FU5CCPLP.js';
+import '../../chunk-DGLAGYBD.js';
+import '../../chunk-GXBVNCVP.js';
+import '../../chunk-IXB2WK56.js';
+import '../../chunk-TVFC2MJ4.js';
+import '../../chunk-AQITZWYM.js';
+import '../../chunk-I67NHYK4.js';
+export { GlobalInputGroupCssSelector, _InputGroup as InputGroup } from '../../chunk-RXBKOHT2.js';
+export { InputGroupContext } from '../../chunk-6BFSSZCY.js';
+import '../../chunk-DJU2DUTQ.js';
+import '../../chunk-WTKIUAHI.js';
+import '../../chunk-3DWVMCIV.js';
+import '../../chunk-2VBOJKEP.js';
+import '../../chunk-3XFTRBIC.js';
+import '../../chunk-EE75ND6V.js';
+import '../../chunk-ACVMW6YD.js';
+import '../../chunk-ESVVLTEN.js';
+import '../../chunk-ZGNK4GWA.js';
+import '../../chunk-N7YDPVZL.js';
+import '../../chunk-3LRBUQC2.js';
+import '../../chunk-WDUQUPTE.js';
+import '../../chunk-BAKCRZAG.js';
+import '../../chunk-VJQ7M2BK.js';
+import '../../chunk-UARL5M2W.js';
+import '../../chunk-DXVKHP4V.js';
+import '../../chunk-LYV2D5RZ.js';
+import '../../chunk-O7IJYNVQ.js';
+import '../../chunk-DLTYFRKN.js';
+import '../../chunk-2EAZPH3M.js';
+import '../../chunk-GF2U6E4D.js';
+import '../../chunk-5EPNXRCT.js';
+import '../../chunk-WPNVVGFW.js';
+import '../../chunk-ZSFJVMJN.js';
+import '../../chunk-UY7WQ7TC.js';
+import '../../chunk-H5YTU3U7.js';
+import '../../chunk-NH3IVMXB.js';
+import '../../chunk-H6CDFWVR.js';
+import '../../chunk-WLSLSMK7.js';
+import '../../chunk-CTK5YVBZ.js';
+import '../../chunk-QCA3ZR56.js';
+import '../../chunk-4ZYV2XLW.js';
+import '../../chunk-WMTWFKKP.js';
+import '../../chunk-ANVMQBBG.js';
+import '../../chunk-XIOIAME2.js';
+import '../../chunk-JLFHTZUA.js';
+import '../../chunk-ZWU6DRRZ.js';
+import '../../chunk-4RIAVSLK.js';
+import '../../chunk-HXI3MEEK.js';
+import '../../chunk-X6SER3TZ.js';
+import '../../chunk-65JPI4FL.js';
+import '../../chunk-KVDXQMWI.js';
+import '../../chunk-M36KANKC.js';
+import '../../chunk-DHVVYSLB.js';
+import '../../chunk-4VVNSXIB.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/layout/src/Content.d.ts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { StyledComponentProps } from '@hopper-ui/styled-system';
+import { BaseComponentProps } from '../../utils/src/types.js';
+import '@react-types/shared';
+import 'react-aria-components';
+
+declare const GlobalContentCssSelector = "hop-Content";
+interface ContentProps extends StyledComponentProps<BaseComponentProps> {
+}
+/**
+ * The Content component represents a Content within a Hopper container such as a Modal or Popover.
+ *
+ * [View Documentation](TODO)
+ */
+declare const _Content: react.ForwardRefExoticComponent<ContentProps & react.RefAttributes<HTMLDivElement>>;
+
+export { _Content as Content, type ContentProps, GlobalContentCssSelector };

package/dist/layout/src/Content.js

@@ -0,0 +1,3 @@
+export { _Content as Content, GlobalContentCssSelector } from '../../chunk-GXBVNCVP.js';
+import '../../chunk-IXB2WK56.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/layout/src/ContentContext.d.ts

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

package/dist/layout/src/ContentContext.js

@@ -0,0 +1,2 @@
+export { ContentContext } from '../../chunk-IXB2WK56.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/layout/src/Flex.js

@@ -1,2 +1,2 @@
 export { _Flex as Flex } from '../../chunk-TVFC2MJ4.js';
-import '../../chunk-YSQDPG26.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/layout/src/Footer.d.ts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { StyledComponentProps } from '@hopper-ui/styled-system';
+import { BaseComponentProps } from '../../utils/src/types.js';
+import '@react-types/shared';
+import 'react-aria-components';
+
+declare const GlobalFooterCssSelector = "hop-Footer";
+interface FooterProps extends StyledComponentProps<BaseComponentProps> {
+}
+/**
+ * The Footer component represents a Footer within a Hopper container such as a Modal or Popover.
+ *
+ * [View Documentation](TODO)
+ */
+declare const _Footer: react.ForwardRefExoticComponent<FooterProps & react.RefAttributes<HTMLElement>>;
+
+export { _Footer as Footer, type FooterProps, GlobalFooterCssSelector };

package/dist/layout/src/Footer.js

@@ -0,0 +1,3 @@
+export { _Footer as Footer, GlobalFooterCssSelector } from '../../chunk-AQITZWYM.js';
+import '../../chunk-I67NHYK4.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/layout/src/FooterContext.d.ts

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

package/dist/layout/src/FooterContext.js

@@ -0,0 +1,2 @@
+export { FooterContext } from '../../chunk-I67NHYK4.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/layout/src/Grid.js

@@ -1,55 +1,2 @@
-import '../../chunk-YSQDPG26.js';
-import { Div, getSizingValue } from '@hopper-ui/styled-system';
-import { forwardRef } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-function Grid(props, ref) {
-  const {
-    autoRows,
-    areas,
-    templateColumns,
-    templateRows,
-    autoColumns,
-    autoFlow,
-    inline,
-    UNSAFE_autoRows,
-    UNSAFE_templateColumns,
-    UNSAFE_templateRows,
-    UNSAFE_autoColumns,
-    ...otherProps
-  } = props;
-  return /* @__PURE__ */ jsx(
-    Div,
-    {
-      ref,
-      display: inline ? "inline-grid" : "grid",
-      gridAutoRows: autoRows,
-      gridTemplateAreas: areas,
-      gridTemplateColumns: templateColumns,
-      gridTemplateRows: templateRows,
-      gridAutoColumns: autoColumns,
-      gridAutoFlow: autoFlow,
-      UNSAFE_gridAutoRows: UNSAFE_autoRows,
-      UNSAFE_gridTemplateColumns: UNSAFE_templateColumns,
-      UNSAFE_gridTemplateRows: UNSAFE_templateRows,
-      UNSAFE_gridAutoColumns: UNSAFE_autoColumns,
-      ...otherProps
-    }
-  );
-}
-function repeat(count, repetition) {
-  return `repeat(${count}, ${Array.isArray(repetition) ? interpolateGridTemplateArray(repetition) : getSizingValue(repetition)})`;
-}
-function minmax(min, max) {
-  return `minmax(${getSizingValue(min)}, ${getSizingValue(max)})`;
-}
-function fitContent(dimension) {
-  return `fit-content(${getSizingValue(dimension)})`;
-}
-function interpolateGridTemplateArray(values) {
-  return values.map((x) => getSizingValue(x)).join(" ");
-}
-var _Grid = forwardRef(Grid);
-_Grid.displayName = "Inline";
-
-export { _Grid as Grid, fitContent, minmax, repeat };
+export { _Grid as Grid, fitContent, minmax, repeat } from '../../chunk-Z3ID4UEE.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/layout/src/Inline.js

@@ -1,31 +1,3 @@
-import { _Flex } from '../../chunk-TVFC2MJ4.js';
-import '../../chunk-YSQDPG26.js';
-import { forwardRef } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-function Inline(props, ref) {
-  const {
-    alignX,
-    alignY = "center",
-    gap = "inline-md",
-    wrap = true,
-    reverse,
-    ...rest
-  } = props;
-  return /* @__PURE__ */ jsx(
-    _Flex,
-    {
-      ref,
-      alignItems: alignY,
-      justifyContent: alignX,
-      direction: reverse ? "row-reverse" : "row",
-      gap,
-      wrap,
-      ...rest
-    }
-  );
-}
-var _Inline = forwardRef(Inline);
-_Inline.displayName = "Inline";
-
-export { _Inline as Inline };
+export { _Inline as Inline } from '../../chunk-Y7HUXUHX.js';
+import '../../chunk-TVFC2MJ4.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/layout/src/Stack.js

@@ -1,29 +1,3 @@
-import { _Flex } from '../../chunk-TVFC2MJ4.js';
-import '../../chunk-YSQDPG26.js';
-import { forwardRef } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-function Stack(props, ref) {
-  const {
-    reverse,
-    alignX,
-    alignY,
-    gap = "stack-md",
-    ...rest
-  } = props;
-  return /* @__PURE__ */ jsx(
-    _Flex,
-    {
-      ref,
-      alignItems: alignX,
-      justifyContent: alignY,
-      direction: reverse ? "column-reverse" : "column",
-      gap,
-      ...rest
-    }
-  );
-}
-var _Stack = forwardRef(Stack);
-_Stack.displayName = "Stack";
-
-export { _Stack as Stack };
+export { _Stack as Stack } from '../../chunk-D6UTDI2K.js';
+import '../../chunk-TVFC2MJ4.js';
+import '../../chunk-2P3A4VVY.js';