@eightshift/ui-components 0.0.1

package/dist/Group-DyqpTRPe.js

@@ -0,0 +1,49 @@
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BsiH7-5Y.js";
+import React__default, { forwardRef, createContext } from "react";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-C3K8zAKj.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cc-4eouh.js";
+const $a049562f99e7db0e$export$f9c6924e160136d1 = /* @__PURE__ */ createContext({});
+function $a049562f99e7db0e$var$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);
+}
+const $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 = /* @__PURE__ */ forwardRef($a049562f99e7db0e$var$Group);
+export {
+  $a049562f99e7db0e$export$f9c6924e160136d1 as $,
+  $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 as a
+};

package/dist/Input-jsbb4ugq.js

@@ -0,0 +1,130 @@
+import React__default, { useEffect, createContext } from "react";
+import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, f as $431fbd86ca7dc216$export$f21a1ffae260145a, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-C3K8zAKj.js";
+import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, b as $64fa3d84918910a7$export$86427a43e3e48ebb, a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-BsiH7-5Y.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-DG2RfOUr.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-Buc9YJcv.js";
+import { a as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./FieldError-wtMA4667.js";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-5q1Gek1J.js";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidationState-BAPPNXic.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cc-4eouh.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 } = $e6afbd83fe6ebbd2$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, {
+      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"],
+      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,
+      // 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;
+};
+function $3985021b0ad6602f$var$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
+  });
+}
+const $3985021b0ad6602f$export$f5b8910cec6cf069 = /* @__PURE__ */ $64fa3d84918910a7$export$86427a43e3e48ebb($3985021b0ad6602f$var$Input);
+export {
+  $3985021b0ad6602f$export$37fb8590cf2c088c as $,
+  $3985021b0ad6602f$export$f5b8910cec6cf069 as a,
+  $2d73ec29415bd339$export$712718f7aec83d5 as b
+};

package/dist/Label-BPzS-sR7.js

@@ -0,0 +1,17 @@
+import { b as $64fa3d84918910a7$export$86427a43e3e48ebb, a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-BsiH7-5Y.js";
+import React__default, { createContext } from "react";
+const $01b77f81d0f07f68$export$75b6ee27786ba447 = /* @__PURE__ */ createContext({});
+function $01b77f81d0f07f68$var$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
+  });
+}
+const $01b77f81d0f07f68$export$b04be29aa201d4f5 = /* @__PURE__ */ $64fa3d84918910a7$export$86427a43e3e48ebb($01b77f81d0f07f68$var$Label);
+export {
+  $01b77f81d0f07f68$export$b04be29aa201d4f5 as $,
+  $01b77f81d0f07f68$export$75b6ee27786ba447 as a
+};