@eightshift/ui-components 5.0.0 → 5.0.1

package/dist/Form-Cq3fu75_.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+const $d3e0e05bdfcf66bd$export$c24727297075ec6a = /* @__PURE__ */ createContext(null);
+export {
+  $d3e0e05bdfcf66bd$export$c24727297075ec6a as $
+};

package/dist/Group-C5iZpSAM.js

@@ -0,0 +1,48 @@
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-B94NDG0v.js";
+import React__default, { forwardRef, createContext } from "react";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-VO5tcIli.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-nMG2uzxS.js";
+const $a049562f99e7db0e$export$f9c6924e160136d1 = /* @__PURE__ */ createContext({});
+const $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 = /* @__PURE__ */ forwardRef(function Group(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $a049562f99e7db0e$export$f9c6924e160136d1);
+  let { isDisabled, isInvalid, onHoverStart, onHoverChange, onHoverEnd, ...otherProps } = props;
+  let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
+    onHoverStart,
+    onHoverChange,
+    onHoverEnd,
+    isDisabled
+  });
+  let { isFocused, isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f({
+    within: true
+  });
+  isDisabled !== null && isDisabled !== void 0 ? isDisabled : isDisabled = !!props["aria-disabled"] && props["aria-disabled"] !== "false";
+  isInvalid !== null && isInvalid !== void 0 ? isInvalid : isInvalid = !!props["aria-invalid"] && props["aria-invalid"] !== "false";
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+    ...props,
+    values: {
+      isHovered,
+      isFocusWithin: isFocused,
+      isFocusVisible,
+      isDisabled,
+      isInvalid
+    },
+    defaultClassName: "react-aria-Group"
+  });
+  var _props_role, _props_slot;
+  return /* @__PURE__ */ React__default.createElement("div", {
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928(otherProps, focusProps, hoverProps),
+    ...renderProps,
+    ref,
+    role: (_props_role = props.role) !== null && _props_role !== void 0 ? _props_role : "group",
+    slot: (_props_slot = props.slot) !== null && _props_slot !== void 0 ? _props_slot : void 0,
+    "data-focus-within": isFocused || void 0,
+    "data-hovered": isHovered || void 0,
+    "data-focus-visible": isFocusVisible || void 0,
+    "data-disabled": isDisabled || void 0,
+    "data-invalid": isInvalid || void 0
+  }, renderProps.children);
+});
+export {
+  $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 as $,
+  $a049562f99e7db0e$export$f9c6924e160136d1 as a
+};

package/dist/Heading-D-Pboe4p.js

@@ -0,0 +1,16 @@
+import { $ as $4e85f108e88277b8$export$d688439359537581 } from "./RSPContexts-2lR5GG9p.js";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-B94NDG0v.js";
+import React__default, { forwardRef } from "react";
+const $5cb03073d3f54797$export$a8a3e93435678ff9 = /* @__PURE__ */ forwardRef(function Heading(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $4e85f108e88277b8$export$d688439359537581);
+  let { children, level = 3, className, ...domProps } = props;
+  let Element = `h${level}`;
+  return /* @__PURE__ */ React__default.createElement(Element, {
+    ...domProps,
+    ref,
+    className: className !== null && className !== void 0 ? className : "react-aria-Heading"
+  }, children);
+});
+export {
+  $5cb03073d3f54797$export$a8a3e93435678ff9 as $
+};

package/dist/Hidden-rE6uR-lr.js

@@ -0,0 +1,41 @@
+import React__default, { forwardRef, useContext, createContext } from "react";
+if (typeof HTMLTemplateElement !== "undefined") {
+  const getFirstChild = Object.getOwnPropertyDescriptor(Node.prototype, "firstChild").get;
+  Object.defineProperty(HTMLTemplateElement.prototype, "firstChild", {
+    configurable: true,
+    enumerable: true,
+    get: function() {
+      if (this.dataset.reactAriaHidden) return this.content.firstChild;
+      else return getFirstChild.call(this);
+    }
+  });
+}
+const $f39a9eba43920ace$export$94b6d0abf7d33e8c = /* @__PURE__ */ createContext(false);
+function $f39a9eba43920ace$export$8dc98ba7eadeaa56(props) {
+  let isHidden = useContext($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+  if (isHidden)
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, props.children);
+  let children = /* @__PURE__ */ React__default.createElement($f39a9eba43920ace$export$94b6d0abf7d33e8c.Provider, {
+    value: true
+  }, props.children);
+  return /* @__PURE__ */ React__default.createElement("template", {
+    "data-react-aria-hidden": true
+  }, children);
+}
+function $f39a9eba43920ace$export$86427a43e3e48ebb(fn) {
+  let Wrapper = (props, ref) => {
+    let isHidden = useContext($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+    if (isHidden) return null;
+    return fn(props, ref);
+  };
+  Wrapper.displayName = fn.displayName || fn.name;
+  return forwardRef(Wrapper);
+}
+function $f39a9eba43920ace$export$b5d7cc18bb8d2b59() {
+  return useContext($f39a9eba43920ace$export$94b6d0abf7d33e8c);
+}
+export {
+  $f39a9eba43920ace$export$86427a43e3e48ebb as $,
+  $f39a9eba43920ace$export$8dc98ba7eadeaa56 as a,
+  $f39a9eba43920ace$export$b5d7cc18bb8d2b59 as b
+};

package/dist/Input--mF4XVE1.js

@@ -0,0 +1,133 @@
+import { b as $458b0a5536c1a7cf$export$40bfa8c7b0832715, a as $f645667febf57a63$export$4c014de7c8940b4c, f as $431fbd86ca7dc216$export$f21a1ffae260145a, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-VO5tcIli.js";
+import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-B94NDG0v.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-DlmRL87g.js";
+import React__default, { useEffect, createContext } from "react";
+import { a as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./FieldError-DeUh5Wkw.js";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-D0_aaK-e.js";
+import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-rE6uR-lr.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-nMG2uzxS.js";
+function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
+  let { inputElementType = "input", isDisabled = false, isRequired = false, isReadOnly = false, type = "text", validationBehavior = "aria" } = props;
+  let [value, setValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.value, props.defaultValue || "", props.onChange);
+  let { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c(props, ref);
+  let validationState = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
+    ...props,
+    value
+  });
+  let { isInvalid, validationErrors, validationDetails } = validationState.displayValidation;
+  let { labelProps, fieldProps, descriptionProps, errorMessageProps } = $2baaea4c71418dea$export$294aa081a6c6f55d({
+    ...props,
+    isInvalid,
+    errorMessage: props.errorMessage || validationErrors
+  });
+  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  const inputOnlyProps = {
+    type,
+    pattern: props.pattern
+  };
+  $99facab73266f662$export$5add1d006293d136(ref, value, setValue);
+  $e93e671b31057976$export$b8473d3665f3a75a(props, validationState, ref);
+  useEffect(() => {
+    if (ref.current instanceof $431fbd86ca7dc216$export$f21a1ffae260145a(ref.current).HTMLTextAreaElement) {
+      let input = ref.current;
+      Object.defineProperty(input, "defaultValue", {
+        get: () => input.value,
+        set: () => {
+        },
+        configurable: true
+      });
+    }
+  }, [
+    ref
+  ]);
+  return {
+    labelProps,
+    inputProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, inputElementType === "input" ? inputOnlyProps : void 0, {
+      disabled: isDisabled,
+      readOnly: isReadOnly,
+      required: isRequired && validationBehavior === "native",
+      "aria-required": isRequired && validationBehavior === "aria" || void 0,
+      "aria-invalid": isInvalid || void 0,
+      "aria-errormessage": props["aria-errormessage"],
+      "aria-activedescendant": props["aria-activedescendant"],
+      "aria-autocomplete": props["aria-autocomplete"],
+      "aria-haspopup": props["aria-haspopup"],
+      "aria-controls": props["aria-controls"],
+      value,
+      onChange: (e) => setValue(e.target.value),
+      autoComplete: props.autoComplete,
+      autoCapitalize: props.autoCapitalize,
+      maxLength: props.maxLength,
+      minLength: props.minLength,
+      name: props.name,
+      placeholder: props.placeholder,
+      inputMode: props.inputMode,
+      autoCorrect: props.autoCorrect,
+      spellCheck: props.spellCheck,
+      [parseInt(React__default.version, 10) >= 17 ? "enterKeyHint" : "enterkeyhint"]: props.enterKeyHint,
+      // Clipboard events
+      onCopy: props.onCopy,
+      onCut: props.onCut,
+      onPaste: props.onPaste,
+      // Composition events
+      onCompositionEnd: props.onCompositionEnd,
+      onCompositionStart: props.onCompositionStart,
+      onCompositionUpdate: props.onCompositionUpdate,
+      // Selection events
+      onSelect: props.onSelect,
+      // Input events
+      onBeforeInput: props.onBeforeInput,
+      onInput: props.onInput,
+      ...focusableProps,
+      ...fieldProps
+    }),
+    descriptionProps,
+    errorMessageProps,
+    isInvalid,
+    validationErrors,
+    validationDetails
+  };
+}
+const $3985021b0ad6602f$export$37fb8590cf2c088c = /* @__PURE__ */ createContext({});
+let $3985021b0ad6602f$var$filterHoverProps = (props) => {
+  let { onHoverStart, onHoverChange, onHoverEnd, ...otherProps } = props;
+  return otherProps;
+};
+const $3985021b0ad6602f$export$f5b8910cec6cf069 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function Input(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $3985021b0ad6602f$export$37fb8590cf2c088c);
+  let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
+  let { isFocused, isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f({
+    isTextInput: true,
+    autoFocus: props.autoFocus
+  });
+  let isInvalid = !!props["aria-invalid"] && props["aria-invalid"] !== "false";
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+    ...props,
+    values: {
+      isHovered,
+      isFocused,
+      isFocusVisible,
+      isDisabled: props.disabled || false,
+      isInvalid
+    },
+    defaultClassName: "react-aria-Input"
+  });
+  return /* @__PURE__ */ React__default.createElement("input", {
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928($3985021b0ad6602f$var$filterHoverProps(props), focusProps, hoverProps),
+    ...renderProps,
+    ref,
+    "data-focused": isFocused || void 0,
+    "data-disabled": props.disabled || void 0,
+    "data-hovered": isHovered || void 0,
+    "data-focus-visible": isFocusVisible || void 0,
+    "data-invalid": isInvalid || void 0
+  });
+});
+export {
+  $3985021b0ad6602f$export$f5b8910cec6cf069 as $,
+  $3985021b0ad6602f$export$37fb8590cf2c088c as a,
+  $2d73ec29415bd339$export$712718f7aec83d5 as b
+};

package/dist/Label-Fp6AwSRn.js

@@ -0,0 +1,17 @@
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-B94NDG0v.js";
+import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-rE6uR-lr.js";
+import React__default, { createContext } from "react";
+const $01b77f81d0f07f68$export$75b6ee27786ba447 = /* @__PURE__ */ createContext({});
+const $01b77f81d0f07f68$export$b04be29aa201d4f5 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function Label(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $01b77f81d0f07f68$export$75b6ee27786ba447);
+  let { elementType: ElementType = "label", ...labelProps } = props;
+  return /* @__PURE__ */ React__default.createElement(ElementType, {
+    className: "react-aria-Label",
+    ...labelProps,
+    ref
+  });
+});
+export {
+  $01b77f81d0f07f68$export$b04be29aa201d4f5 as $,
+  $01b77f81d0f07f68$export$75b6ee27786ba447 as a
+};