@hyphen/hyphen-components 7.3.3 → 7.3.5

package/dist/hyphen-components.esm.js

@@ -2538,9 +2538,65 @@ var getColumnKeys = (columns) => {
   return columnKeys;
 };
 
+// src/lib/getFlexCss.ts
+var flexValues = ["initial", "auto", "unset", "none", "inherit"];
+function parsePropertyValue(value) {
+  return Number.isNaN(Number(value)) ? value : Number(value);
+}
+function getFlexStyles(value) {
+  if (value === void 0) return value;
+  const styles37 = {};
+  if (!value.includes(" ") && !flexValues.includes(value)) {
+    styles37.flex = value;
+    return styles37;
+  }
+  if (value.includes(" ")) {
+    const flexProps = value.split(" ");
+    styles37.flexGrow = parsePropertyValue(flexProps[0]);
+    if (flexProps.length === 2) {
+      if (doesStringIncludeCssUnit(flexProps[1])) {
+        styles37.flexBasis = parsePropertyValue(flexProps[1]);
+      } else {
+        styles37.flexShrink = parsePropertyValue(flexProps[1]);
+      }
+    } else if (flexProps.length === 3) {
+      styles37.flexShrink = parsePropertyValue(flexProps[1]);
+      styles37.flexBasis = parsePropertyValue(flexProps[2]);
+    }
+  }
+  return styles37;
+}
+function getFlexClasses(value) {
+  if (value === void 0 || value.split(" ").length > 1) return [];
+  const classes = [];
+  if (typeof value === "string" && !doesStringIncludeCssUnit(value) && Number.isNaN(Number(value))) {
+    classes.push(`flex-${value}`);
+  }
+  return classes;
+}
+function getFlexCss(value) {
+  return {
+    styles: getFlexStyles(value),
+    classes: getFlexClasses(value)
+  };
+}
+
 // src/lib/isFunction.ts
 var isFunction = (valOrFunction) => typeof valOrFunction === "function";
 
+// src/lib/mergeRefs.ts
+function mergeRefs(refs) {
+  return (value) => {
+    refs.forEach((ref) => {
+      if (typeof ref === "function") {
+        ref(value);
+      } else if (ref != null) {
+        ref.current = value;
+      }
+    });
+  };
+}
+
 // src/lib/prefersReducedMotion.ts
 var prefersReducedMotion = /* @__PURE__ */ (() => {
   let shouldReduceMotion;
@@ -2553,15 +2609,31 @@ var prefersReducedMotion = /* @__PURE__ */ (() => {
   };
 })();
 
+// src/lib/reactRouterClickHandler.ts
+var isModifiedEvent = (e) => !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
+var handleReactRouterClick = (event, onClick, target, navigate) => {
+  if (onClick) onClick(event);
+  if (!event.defaultPrevented && // onClick prevented default
+  event.button === 0 && // ignore everything but left clicks
+  (!target || target === "_self") && // let browser handle "target=_blank" etc.
+  !isModifiedEvent(event) && // ignore clicks with modifier keys
+  navigate) {
+    event.preventDefault();
+    navigate();
+  }
+};
+
 // src/lib/resolveValue.ts
 var resolveValue = (valOrFunction, arg) => isFunction(valOrFunction) ? valOrFunction(arg) : valOrFunction;
 
 // src/lib/react-children-utilities/filter.ts
 import { Children as Children2 } from "react";
+var filter = (children, filterFn) => Children2.toArray(children).filter(filterFn);
 
 // src/lib/tokens.ts
 import designTokens from "@hyphen/hyphen-design-tokens/build/json/variables";
 import { ICON_NAMES as iconNames } from "@hyphen/hyphen-design-tokens/build/assets/icons";
+var ICON_NAMES = iconNames;
 var BORDER_RADIUS_OPTIONS = Object.keys(
   designTokens.size["border-radius"]
 );
@@ -6159,6 +6231,15 @@ var useTheme = () => {
 export {
   Alert,
   AspectRatio,
+  BACKGROUND_COLOR_OPTIONS,
+  BASE_COLOR_NAMES,
+  BASE_COLOR_OPTIONS,
+  BORDER_COLOR_OPTIONS,
+  BORDER_RADIUS_OPTIONS,
+  BORDER_SIZE_OPTIONS,
+  BOX_SHADOW_OPTIONS,
+  BREAKPOINTS,
+  BREAKPOINT_OPTIONS,
   Badge,
   Box,
   Button,
@@ -6193,6 +6274,10 @@ export {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  FONT_COLOR_OPTIONS,
+  FONT_FAMILY_OPTIONS,
+  FONT_SIZE_OPTIONS,
+  FONT_WEIGHT_OPTIONS,
   FormControl,
   FormLabel,
   FormikCheckboxInput,
@@ -6209,8 +6294,12 @@ export {
   FormikTimePickerNative,
   FormikToggleGroup,
   FormikToggleGroupMulti,
+  HEADING_SIZE_OPTIONS,
+  HEIGHT_OPTIONS,
   Heading,
+  ICON_NAMES,
   Icon,
+  LINE_HEIGHT_OPTIONS,
   Modal,
   ModalBaseComponent,
   Pagination,
@@ -6223,6 +6312,7 @@ export {
   RangeInput,
   ResponsiveContext,
   ResponsiveProvider,
+  SPACING_OPTIONS,
   SelectInput,
   SelectInputInset,
   SelectInputNative,
@@ -6264,8 +6354,33 @@ export {
   TooltipPortal,
   TooltipProvider,
   TooltipTrigger,
+  WIDTH_OPTIONS,
+  Z_INDEX_OPTIONS,
+  Z_INDEX_VALUES,
   boxPropsKeys,
   createRectRef,
+  cssShorthandToClasses,
+  doesStringIncludeCssUnit,
+  filter,
+  generateBaseClasses,
+  generateResponsiveClasses,
+  getAutoCompleteValue,
+  getColumnKeys,
+  getDimensionClasses,
+  getDimensionCss,
+  getDimensionStyles,
+  getElementType,
+  getFlexClasses,
+  getFlexCss,
+  getFlexStyles,
+  handleReactRouterClick,
+  isFunction,
+  isModifiedEvent,
+  isValidSpacingValue,
+  mergeRefs,
+  parsePropertyValue,
+  prefersReducedMotion,
+  resolveValue,
   toast,
   useBreakpoint,
   useDrawer,