@cerberus-design/react 0.1.0-next-9f7b133 → 0.1.0

package/build/modern/components/NavMenuList.cjs

@@ -26,330 +26,10 @@ __export(NavMenuList_exports, {
 });
 module.exports = __toCommonJS(NavMenuList_exports);
 var import_react = require("react");
-
-// ../styled-system/helpers.mjs
-function isObject(value) {
-  return typeof value === "object" && value != null && !Array.isArray(value);
-}
-function compact(value) {
-  return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));
-}
-var isBaseCondition = (v) => v === "base";
-function filterBaseConditions(c) {
-  return c.slice().filter((v) => !isBaseCondition(v));
-}
-function toChar(code) {
-  return String.fromCharCode(code + (code > 25 ? 39 : 97));
-}
-function toName(code) {
-  let name = "";
-  let x;
-  for (x = Math.abs(code); x > 52; x = x / 52 | 0)
-    name = toChar(x % 52) + name;
-  return toChar(x % 52) + name;
-}
-function toPhash(h, x) {
-  let i = x.length;
-  while (i)
-    h = h * 33 ^ x.charCodeAt(--i);
-  return h;
-}
-function toHash(value) {
-  return toName(toPhash(5381, value) >>> 0);
-}
-var importantRegex = /\s*!(important)?/i;
-function isImportant(value) {
-  return typeof value === "string" ? importantRegex.test(value) : false;
-}
-function withoutImportant(value) {
-  return typeof value === "string" ? value.replace(importantRegex, "").trim() : value;
-}
-function withoutSpace(str) {
-  return typeof str === "string" ? str.replaceAll(" ", "_") : str;
-}
-var memo = (fn) => {
-  const cache = /* @__PURE__ */ new Map();
-  const get = (...args) => {
-    const key = JSON.stringify(args);
-    if (cache.has(key)) {
-      return cache.get(key);
-    }
-    const result = fn(...args);
-    cache.set(key, result);
-    return result;
-  };
-  return get;
-};
-function mergeProps(...sources) {
-  const objects = sources.filter(Boolean);
-  return objects.reduce((prev, obj) => {
-    Object.keys(obj).forEach((key) => {
-      const prevValue = prev[key];
-      const value = obj[key];
-      if (isObject(prevValue) && isObject(value)) {
-        prev[key] = mergeProps(prevValue, value);
-      } else {
-        prev[key] = value;
-      }
-    });
-    return prev;
-  }, {});
-}
-var isNotNullish = (element) => element != null;
-function walkObject(target, predicate, options = {}) {
-  const { stop, getKey } = options;
-  function inner(value, path = []) {
-    if (isObject(value) || Array.isArray(value)) {
-      const result = {};
-      for (const [prop, child] of Object.entries(value)) {
-        const key = getKey?.(prop, child) ?? prop;
-        const childPath = [...path, key];
-        if (stop?.(value, childPath)) {
-          return predicate(value, path);
-        }
-        const next = inner(child, childPath);
-        if (isNotNullish(next)) {
-          result[key] = next;
-        }
-      }
-      return result;
-    }
-    return predicate(value, path);
-  }
-  return inner(target);
-}
-function mapObject(obj, fn) {
-  if (Array.isArray(obj))
-    return obj.map((value) => fn(value));
-  if (!isObject(obj))
-    return fn(obj);
-  return walkObject(obj, (value) => fn(value));
-}
-function toResponsiveObject(values, breakpoints) {
-  return values.reduce(
-    (acc, current, index) => {
-      const key = breakpoints[index];
-      if (current != null) {
-        acc[key] = current;
-      }
-      return acc;
-    },
-    {}
-  );
-}
-function normalizeStyleObject(styles, context2, shorthand = true) {
-  const { utility, conditions: conditions2 } = context2;
-  const { hasShorthand, resolveShorthand: resolveShorthand2 } = utility;
-  return walkObject(
-    styles,
-    (value) => {
-      return Array.isArray(value) ? toResponsiveObject(value, conditions2.breakpoints.keys) : value;
-    },
-    {
-      stop: (value) => Array.isArray(value),
-      getKey: shorthand ? (prop) => hasShorthand ? resolveShorthand2(prop) : prop : void 0
-    }
-  );
-}
-var fallbackCondition = {
-  shift: (v) => v,
-  finalize: (v) => v,
-  breakpoints: { keys: [] }
-};
-var sanitize = (value) => typeof value === "string" ? value.replaceAll(/[\n\s]+/g, " ") : value;
-function createCss(context2) {
-  const { utility, hash, conditions: conds = fallbackCondition } = context2;
-  const formatClassName = (str) => [utility.prefix, str].filter(Boolean).join("-");
-  const hashFn = (conditions2, className) => {
-    let result;
-    if (hash) {
-      const baseArray = [...conds.finalize(conditions2), className];
-      result = formatClassName(utility.toHash(baseArray, toHash));
-    } else {
-      const baseArray = [...conds.finalize(conditions2), formatClassName(className)];
-      result = baseArray.join(":");
-    }
-    return result;
-  };
-  return memo(({ base, ...styles } = {}) => {
-    const styleObject = Object.assign(styles, base);
-    const normalizedObject = normalizeStyleObject(styleObject, context2);
-    const classNames = /* @__PURE__ */ new Set();
-    walkObject(normalizedObject, (value, paths) => {
-      const important = isImportant(value);
-      if (value == null)
-        return;
-      const [prop, ...allConditions] = conds.shift(paths);
-      const conditions2 = filterBaseConditions(allConditions);
-      const transformed = utility.transform(prop, withoutImportant(sanitize(value)));
-      let className = hashFn(conditions2, transformed.className);
-      if (important)
-        className = `${className}!`;
-      classNames.add(className);
-    });
-    return Array.from(classNames).join(" ");
-  });
-}
-function compactStyles(...styles) {
-  return styles.flat().filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);
-}
-function createMergeCss(context2) {
-  function resolve(styles) {
-    const allStyles = compactStyles(...styles);
-    if (allStyles.length === 1)
-      return allStyles;
-    return allStyles.map((style) => normalizeStyleObject(style, context2));
-  }
-  function mergeCss2(...styles) {
-    return mergeProps(...resolve(styles));
-  }
-  function assignCss2(...styles) {
-    return Object.assign({}, ...resolve(styles));
-  }
-  return { mergeCss: memo(mergeCss2), assignCss: assignCss2 };
-}
-var wordRegex = /([A-Z])/g;
-var msRegex = /^ms-/;
-var hypenateProperty = memo((property) => {
-  if (property.startsWith("--"))
-    return property;
-  return property.replace(wordRegex, "-$1").replace(msRegex, "-ms-").toLowerCase();
-});
-var fns = ["min", "max", "clamp", "calc"];
-var fnRegExp = new RegExp(`^(${fns.join("|")})\\(.*\\)`);
-var isCssFunction = (v) => typeof v === "string" && fnRegExp.test(v);
-var lengthUnits = "cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%";
-var lengthUnitsPattern = `(?:${lengthUnits.split(",").join("|")})`;
-var lengthRegExp = new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${lengthUnitsPattern}$`);
-var isCssUnit = (v) => typeof v === "string" && lengthRegExp.test(v);
-var isCssVar = (v) => typeof v === "string" && /^var\(--.+\)$/.test(v);
-var patternFns = {
-  map: mapObject,
-  isCssFunction,
-  isCssVar,
-  isCssUnit
-};
-var getPatternStyles = (pattern, styles) => {
-  if (!pattern?.defaultValues)
-    return styles;
-  const defaults = typeof pattern.defaultValues === "function" ? pattern.defaultValues(styles) : pattern.defaultValues;
-  return Object.assign({}, defaults, compact(styles));
-};
-var htmlProps = ["htmlSize", "htmlTranslate", "htmlWidth", "htmlHeight"];
-function convert(key) {
-  return htmlProps.includes(key) ? key.replace("html", "").toLowerCase() : key;
-}
-function normalizeHTMLProps(props) {
-  return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));
-}
-normalizeHTMLProps.keys = htmlProps;
-
-// ../styled-system/css/conditions.mjs
-var conditionsStr = "_cerberusTheme,_lightMode,_darkMode,_modalOpen,_screenReaderOnly,_invalid,_userInvalid,_groupInvalid,_groupChecked,_positionBottom,_positionTop,_positionLeft,_positionRight,_startIcon,_admin,_student,_user,_highlight,_spellingError,_grammarError,_neutralPalette,_actionPalette,_infoPalette,_successPalette,_warningPalette,_dangerPalette,_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupExpanded,_indeterminate,_required,_valid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_default,_optional,_open,_closed,_fullscreen,_loading,_currentPage,_currentStep,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_starting,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,base";
-var conditions = new Set(conditionsStr.split(","));
-function isCondition(value) {
-  return conditions.has(value) || /^@|&|&$/.test(value);
-}
-var underscoreRegex = /^_/;
-var conditionsSelectorRegex = /&|@/;
-function finalizeConditions(paths) {
-  return paths.map((path) => {
-    if (conditions.has(path)) {
-      return path.replace(underscoreRegex, "");
-    }
-    if (conditionsSelectorRegex.test(path)) {
-      return `[${withoutSpace(path.trim())}]`;
-    }
-    return path;
-  });
-}
-function sortConditions(paths) {
-  return paths.sort((a, b) => {
-    const aa = isCondition(a);
-    const bb = isCondition(b);
-    if (aa && !bb)
-      return 1;
-    if (!aa && bb)
-      return -1;
-    return 0;
-  });
-}
-
-// ../styled-system/css/css.mjs
-var utilities = "aspectRatio:aspect,boxDecorationBreak:decoration,zIndex:z,boxSizing:box,objectPosition:obj-pos,objectFit:obj-fit,overscrollBehavior:overscroll,overscrollBehaviorX:overscroll-x,overscrollBehaviorY:overscroll-y,position:pos/1,top:top,left:left,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,inset:inset,insetBlockEnd:inset-b,insetBlockStart:inset-t,insetInlineEnd:end/insetEnd/1,insetInlineStart:start/insetStart/1,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:basis,flex:flex,flexDirection:flex/flexDir,flexGrow:grow,flexShrink:shrink,gridTemplateColumns:grid-cols,gridTemplateRows:grid-rows,gridColumn:col-span,gridRow:row-span,gridColumnStart:col-start,gridColumnEnd:col-end,gridAutoFlow:grid-flow,gridAutoColumns:auto-cols,gridAutoRows:auto-rows,gap:gap,gridGap:gap,gridRowGap:gap-x,gridColumnGap:gap-y,rowGap:gap-x,columnGap:gap-y,justifyContent:justify,alignContent:content,alignItems:items,alignSelf:self,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pb,paddingBlockStart:pt,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mb,marginBlockStart:mt,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:space-x,spaceY:space-y,outlineWidth:ring-width/ringWidth,outlineColor:ring-color/ringColor,outline:ring/1,outlineOffset:ring-offset/ringOffset,divideX:divide-x,divideY:divide-y,divideColor:divide-color,divideStyle:divide-style,width:w/1,inlineSize:w,minWidth:min-w/minW,minInlineSize:min-w,maxWidth:max-w/maxW,maxInlineSize:max-w,height:h/1,blockSize:h,minHeight:min-h/minH,minBlockSize:min-h,maxHeight:max-h/maxH,maxBlockSize:max-b,color:text,fontFamily:font,fontSize:fs,fontWeight:fw,fontSmoothing:smoothing,fontVariantNumeric:numeric,letterSpacing:tracking,lineHeight:leading,textAlign:text-align,textDecoration:text-decor,textDecorationColor:text-decor-color,textEmphasisColor:text-emphasis-color,textDecorationStyle:decoration-style,textDecorationThickness:decoration-thickness,textUnderlineOffset:underline-offset,textTransform:text-transform,textIndent:indent,textShadow:text-shadow,textShadowColor:text-shadow/textShadowColor,textOverflow:text-overflow,verticalAlign:v-align,wordBreak:break,textWrap:text-wrap,truncate:truncate,lineClamp:clamp,listStyleType:list-type,listStylePosition:list-pos,listStyleImage:list-img,backgroundPosition:bg-pos/bgPosition,backgroundPositionX:bg-pos-x/bgPositionX,backgroundPositionY:bg-pos-y/bgPositionY,backgroundAttachment:bg-attach/bgAttachment,backgroundClip:bg-clip/bgClip,background:bg/1,backgroundColor:bg/bgColor,backgroundOrigin:bg-origin/bgOrigin,backgroundImage:bg-img/bgImage,backgroundRepeat:bg-repeat/bgRepeat,backgroundBlendMode:bg-blend/bgBlendMode,backgroundSize:bg-size/bgSize,backgroundGradient:bg-gradient/bgGradient,textGradient:text-gradient,gradientFromPosition:gradient-from-pos,gradientToPosition:gradient-to-pos,gradientFrom:gradient-from,gradientTo:gradient-to,gradientVia:gradient-via,gradientViaPosition:gradient-via-pos,borderRadius:rounded/1,borderTopLeftRadius:rounded-tl/roundedTopLeft,borderTopRightRadius:rounded-tr/roundedTopRight,borderBottomRightRadius:rounded-br/roundedBottomRight,borderBottomLeftRadius:rounded-bl/roundedBottomLeft,borderTopRadius:rounded-t/roundedTop,borderRightRadius:rounded-r/roundedRight,borderBottomRadius:rounded-b/roundedBottom,borderLeftRadius:rounded-l/roundedLeft,borderStartStartRadius:rounded-ss/roundedStartStart,borderStartEndRadius:rounded-se/roundedStartEnd,borderStartRadius:rounded-s/roundedStart,borderEndStartRadius:rounded-es/roundedEndStart,borderEndEndRadius:rounded-ee/roundedEndEnd,borderEndRadius:rounded-e/roundedEnd,border:border,borderWidth:border-w,borderTopWidth:border-tw,borderLeftWidth:border-lw,borderRightWidth:border-rw,borderBottomWidth:border-bw,borderColor:border,borderInline:border-x/borderX,borderInlineWidth:border-x/borderXWidth,borderInlineColor:border-x/borderXColor,borderBlock:border-y/borderY,borderBlockWidth:border-y/borderYWidth,borderBlockColor:border-y/borderYColor,borderLeft:border-l,borderLeftColor:border-l,borderInlineStart:border-s/borderStart,borderInlineStartWidth:border-s/borderStartWidth,borderInlineStartColor:border-s/borderStartColor,borderRight:border-r,borderRightColor:border-r,borderInlineEnd:border-e/borderEnd,borderInlineEndWidth:border-e/borderEndWidth,borderInlineEndColor:border-e/borderEndColor,borderTop:border-t,borderTopColor:border-t,borderBottom:border-b,borderBottomColor:border-b,borderBlockEnd:border-be,borderBlockEndColor:border-be,borderBlockStart:border-bs,borderBlockStartColor:border-bs,boxShadow:shadow/1,boxShadowColor:shadow-color/shadowColor,mixBlendMode:mix-blend,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:backdrop,backdropBlur:backdrop-blur,backdropBrightness:backdrop-brightness,backdropContrast:backdrop-contrast,backdropGrayscale:backdrop-grayscale,backdropHueRotate:backdrop-hue-rotate,backdropInvert:backdrop-invert,backdropOpacity:backdrop-opacity,backdropSaturate:backdrop-saturate,backdropSepia:backdrop-sepia,borderCollapse:border,borderSpacing:border-spacing,borderSpacingX:border-spacing-x,borderSpacingY:border-spacing-y,tableLayout:table,transitionTimingFunction:ease,transitionDelay:delay,transitionDuration:duration,transitionProperty:transition-prop,transition:transition,animation:animation,animationName:animation-name,animationTimingFunction:animation-ease,animationDuration:animation-duration,animationDelay:animation-delay,transformOrigin:origin,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:accent,caretColor:caret,scrollBehavior:scroll,scrollbar:scrollbar,scrollMargin:scroll-m,scrollMarginLeft:scroll-ml,scrollMarginRight:scroll-mr,scrollMarginTop:scroll-mt,scrollMarginBottom:scroll-mb,scrollMarginBlock:scroll-my/scrollMarginY,scrollMarginBlockEnd:scroll-mb,scrollMarginBlockStart:scroll-mt,scrollMarginInline:scroll-mx/scrollMarginX,scrollMarginInlineEnd:scroll-me,scrollMarginInlineStart:scroll-ms,scrollPadding:scroll-p,scrollPaddingBlock:scroll-pb/scrollPaddingY,scrollPaddingBlockStart:scroll-pt,scrollPaddingBlockEnd:scroll-pb,scrollPaddingInline:scroll-px/scrollPaddingX,scrollPaddingInlineEnd:scroll-pe,scrollPaddingInlineStart:scroll-ps,scrollPaddingLeft:scroll-pl,scrollPaddingRight:scroll-pr,scrollPaddingTop:scroll-pt,scrollPaddingBottom:scroll-pb,scrollSnapAlign:snap-align,scrollSnapStop:snap-stop,scrollSnapType:snap-type,scrollSnapStrictness:snap-strictness,scrollSnapMargin:snap-m,scrollSnapMarginTop:snap-mt,scrollSnapMarginBottom:snap-mb,scrollSnapMarginLeft:snap-ml,scrollSnapMarginRight:snap-mr,touchAction:touch,userSelect:select,fill:fill,stroke:stroke,strokeWidth:stroke-w,srOnly:sr,debug:debug,appearance:appearance,backfaceVisibility:backface,clipPath:clip-path,hyphens:hyphens,mask:mask,maskImage:mask-image,maskSize:mask-size,textSizeAdjust:text-adjust,container:cq,containerName:cq-name,containerType:cq-type,mxi:margin-inline-start-end,pxi:padding-inline-start-end,textStyle:textStyle";
-var classNameByProp = /* @__PURE__ */ new Map();
-var shorthands = /* @__PURE__ */ new Map();
-utilities.split(",").forEach((utility) => {
-  const [prop, meta] = utility.split(":");
-  const [className, ...shorthandList] = meta.split("/");
-  classNameByProp.set(prop, className);
-  if (shorthandList.length) {
-    shorthandList.forEach((shorthand) => {
-      shorthands.set(shorthand === "1" ? className : shorthand, prop);
-    });
-  }
-});
-var resolveShorthand = (prop) => shorthands.get(prop) || prop;
-var context = {
-  conditions: {
-    shift: sortConditions,
-    finalize: finalizeConditions,
-    breakpoints: { keys: ["base", "sm", "md", "lg", "xl", "2xl"] }
-  },
-  utility: {
-    prefix: "cerberus",
-    transform: (prop, value) => {
-      const key = resolveShorthand(prop);
-      const propKey = classNameByProp.get(key) || hypenateProperty(key);
-      return { className: `${propKey}_${withoutSpace(value)}` };
-    },
-    hasShorthand: true,
-    toHash: (path, hashFn) => hashFn(path.join(":")),
-    resolveShorthand
-  }
-};
-var cssFn = createCss(context);
-var css = (...styles) => cssFn(mergeCss(...styles));
-css.raw = (...styles) => mergeCss(...styles);
-var { mergeCss, assignCss } = createMergeCss(context);
-
-// ../styled-system/css/cx.mjs
-function cx() {
-  let str = "", i = 0, arg;
-  for (; i < arguments.length; ) {
-    if ((arg = arguments[i++]) && typeof arg === "string") {
-      str && (str += " ");
-      str += arg;
-    }
-  }
-  return str;
-}
-
-// ../styled-system/patterns/vstack.mjs
-var vstackConfig = {
-  transform(props) {
-    const { justify, gap, ...rest } = props;
-    return {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: justify,
-      gap,
-      flexDirection: "column",
-      ...rest
-    };
-  },
-  defaultValues: { gap: "10px" }
-};
-var getVstackStyle = (styles = {}) => {
-  const _styles = getPatternStyles(vstackConfig, styles);
-  return vstackConfig.transform(_styles, patternFns);
-};
-var vstack = (styles) => css(getVstackStyle(styles));
-vstack.raw = getVstackStyle;
-
-// src/components/NavMenuList.tsx
 var import_navMenu = require("../context/navMenu.cjs");
 var import_Show = require("./Show.cjs");
+var import_css = require("@cerberus/styled-system/css.cjs");
+var import_patterns = require("@cerberus/styled-system/patterns.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function getPosition(position) {
   const defaultPositions = {
@@ -371,7 +51,7 @@ function getPosition(position) {
       return defaultPositions;
   }
 }
-var navListStyles = vstack({
+var navListStyles = (0, import_patterns.vstack)({
   alignItems: "flex-start",
   bgColor: "neutral.surface.100",
   boxShadow: "lg",
@@ -413,7 +93,7 @@ function NavMenuList(props) {
     {
       ...nativeProps,
       "data-position": position ?? "bottom",
-      className: cx(nativeProps.className, navListStyles),
+      className: (0, import_css.cx)(nativeProps.className, navListStyles),
       ref: menuRef,
       style: locationStyles
     }

package/build/modern/components/NavMenuList.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/NavMenuList.tsx","../../../../styled-system/helpers.mjs","../../../../styled-system/css/conditions.mjs","../../../../styled-system/css/css.mjs","../../../../styled-system/css/cx.mjs","../../../../styled-system/patterns/vstack.mjs"],"sourcesContent":["'use client'\n\nimport { useMemo, type HTMLAttributes } from 'react'\nimport { cx } from '@cerberus/styled-system/css/index.mjs'\nimport { vstack } from '@cerberus/styled-system/patterns/index.mjs'\nimport { useNavMenuContext } from '../context/navMenu'\nimport type { Positions } from '../types'\nimport { Show } from './Show'\n\ninterface GetPositionResult {\n  left: string\n  right: string\n  top: string\n  bottom: string\n}\n\nexport function getPosition(position: Positions): GetPositionResult {\n  const defaultPositions = {\n    left: 'auto',\n    right: 'auto',\n    top: 'auto',\n    bottom: 'auto',\n  }\n  switch (position) {\n    case 'right':\n      return { ...defaultPositions, top: '0%', left: '105%' }\n    case 'left':\n      return { ...defaultPositions, top: '0%', right: '105%' }\n    case 'bottom':\n      return { ...defaultPositions, top: '110%' }\n    case 'top':\n      return { ...defaultPositions, bottom: '110%' }\n    default:\n      return defaultPositions\n  }\n}\n\nconst navListStyles = vstack({\n  alignItems: 'flex-start',\n  bgColor: 'neutral.surface.100',\n  boxShadow: 'lg',\n  gap: '2',\n  opacity: '0',\n  p: '4',\n  position: 'absolute',\n  rounded: 'md',\n  zIndex: 'dropdown',\n  _motionSafe: {\n    animationName: 'zoomIn',\n    animationDelay: '100ms',\n    animationDuration: '150ms',\n    animationFillMode: 'both',\n    animationTimingFunction: 'ease-in-out',\n  },\n  _positionBottom: {\n    transformOrigin: 'top left',\n  },\n  _positionTop: {\n    transformOrigin: 'bottom left',\n  },\n  _positionLeft: {\n    transformOrigin: 'top right',\n  },\n  _positionRight: {\n    transformOrigin: 'top left',\n  },\n})\n\nexport interface NavMenuListProps extends HTMLAttributes<HTMLUListElement> {\n  id: string\n  position?: Positions\n}\n\n/**\n * A component that allows the user to display a menu of navigation links.\n * @definition [Disclosure Nav](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/examples/disclosure-navigation/)\n * @definition [NavMenu Docs](https://cerberus.digitalu.design/react/nav-menu)\n *\n * @example\n * ```tsx\n * <NavMenuList id=\"nav-menu-list\" position=\"bottom\">\n *  <NavMenuLink href=\"/home\">Home</NavMenuLink>\n * <NavMenuLink href=\"/about\">About</NavMenuLink>\n * </NavMenuList>\n * ```\n **/\nexport function NavMenuList(props: NavMenuListProps): JSX.Element {\n  const { position, ...nativeProps } = props\n  const { menuRef, expanded } = useNavMenuContext()\n  const locationStyles = useMemo(\n    () => getPosition(position ?? 'bottom'),\n    [position],\n  )\n\n  return (\n    <Show when={expanded}>\n      <ul\n        {...nativeProps}\n        data-position={position ?? 'bottom'}\n        className={cx(nativeProps.className, navListStyles)}\n        ref={menuRef}\n        style={locationStyles}\n      />\n    </Show>\n  )\n}\n","// src/assert.ts\nfunction isObject(value) {\n  return typeof value === \"object\" && value != null && !Array.isArray(value);\n}\n\n// src/compact.ts\nfunction compact(value) {\n  return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));\n}\n\n// src/condition.ts\nvar isBaseCondition = (v) => v === \"base\";\nfunction filterBaseConditions(c) {\n  return c.slice().filter((v) => !isBaseCondition(v));\n}\n\n// src/hash.ts\nfunction toChar(code) {\n  return String.fromCharCode(code + (code > 25 ? 39 : 97));\n}\nfunction toName(code) {\n  let name = \"\";\n  let x;\n  for (x = Math.abs(code); x > 52; x = x / 52 | 0)\n    name = toChar(x % 52) + name;\n  return toChar(x % 52) + name;\n}\nfunction toPhash(h, x) {\n  let i = x.length;\n  while (i)\n    h = h * 33 ^ x.charCodeAt(--i);\n  return h;\n}\nfunction toHash(value) {\n  return toName(toPhash(5381, value) >>> 0);\n}\n\n// src/important.ts\nvar importantRegex = /\\s*!(important)?/i;\nfunction isImportant(value) {\n  return typeof value === \"string\" ? importantRegex.test(value) : false;\n}\nfunction withoutImportant(value) {\n  return typeof value === \"string\" ? value.replace(importantRegex, \"\").trim() : value;\n}\nfunction withoutSpace(str) {\n  return typeof str === \"string\" ? str.replaceAll(\" \", \"_\") : str;\n}\n\n// src/memo.ts\nvar memo = (fn) => {\n  const cache = /* @__PURE__ */ new Map();\n  const get = (...args) => {\n    const key = JSON.stringify(args);\n    if (cache.has(key)) {\n      return cache.get(key);\n    }\n    const result = fn(...args);\n    cache.set(key, result);\n    return result;\n  };\n  return get;\n};\n\n// src/merge-props.ts\nfunction mergeProps(...sources) {\n  const objects = sources.filter(Boolean);\n  return objects.reduce((prev, obj) => {\n    Object.keys(obj).forEach((key) => {\n      const prevValue = prev[key];\n      const value = obj[key];\n      if (isObject(prevValue) && isObject(value)) {\n        prev[key] = mergeProps(prevValue, value);\n      } else {\n        prev[key] = value;\n      }\n    });\n    return prev;\n  }, {});\n}\n\n// src/walk-object.ts\nvar isNotNullish = (element) => element != null;\nfunction walkObject(target, predicate, options = {}) {\n  const { stop, getKey } = options;\n  function inner(value, path = []) {\n    if (isObject(value) || Array.isArray(value)) {\n      const result = {};\n      for (const [prop, child] of Object.entries(value)) {\n        const key = getKey?.(prop, child) ?? prop;\n        const childPath = [...path, key];\n        if (stop?.(value, childPath)) {\n          return predicate(value, path);\n        }\n        const next = inner(child, childPath);\n        if (isNotNullish(next)) {\n          result[key] = next;\n        }\n      }\n      return result;\n    }\n    return predicate(value, path);\n  }\n  return inner(target);\n}\nfunction mapObject(obj, fn) {\n  if (Array.isArray(obj))\n    return obj.map((value) => fn(value));\n  if (!isObject(obj))\n    return fn(obj);\n  return walkObject(obj, (value) => fn(value));\n}\n\n// src/normalize-style-object.ts\nfunction toResponsiveObject(values, breakpoints) {\n  return values.reduce(\n    (acc, current, index) => {\n      const key = breakpoints[index];\n      if (current != null) {\n        acc[key] = current;\n      }\n      return acc;\n    },\n    {}\n  );\n}\nfunction normalizeStyleObject(styles, context, shorthand = true) {\n  const { utility, conditions } = context;\n  const { hasShorthand, resolveShorthand } = utility;\n  return walkObject(\n    styles,\n    (value) => {\n      return Array.isArray(value) ? toResponsiveObject(value, conditions.breakpoints.keys) : value;\n    },\n    {\n      stop: (value) => Array.isArray(value),\n      getKey: shorthand ? (prop) => hasShorthand ? resolveShorthand(prop) : prop : void 0\n    }\n  );\n}\n\n// src/classname.ts\nvar fallbackCondition = {\n  shift: (v) => v,\n  finalize: (v) => v,\n  breakpoints: { keys: [] }\n};\nvar sanitize = (value) => typeof value === \"string\" ? value.replaceAll(/[\\n\\s]+/g, \" \") : value;\nfunction createCss(context) {\n  const { utility, hash, conditions: conds = fallbackCondition } = context;\n  const formatClassName = (str) => [utility.prefix, str].filter(Boolean).join(\"-\");\n  const hashFn = (conditions, className) => {\n    let result;\n    if (hash) {\n      const baseArray = [...conds.finalize(conditions), className];\n      result = formatClassName(utility.toHash(baseArray, toHash));\n    } else {\n      const baseArray = [...conds.finalize(conditions), formatClassName(className)];\n      result = baseArray.join(\":\");\n    }\n    return result;\n  };\n  return memo(({ base, ...styles } = {}) => {\n    const styleObject = Object.assign(styles, base);\n    const normalizedObject = normalizeStyleObject(styleObject, context);\n    const classNames = /* @__PURE__ */ new Set();\n    walkObject(normalizedObject, (value, paths) => {\n      const important = isImportant(value);\n      if (value == null)\n        return;\n      const [prop, ...allConditions] = conds.shift(paths);\n      const conditions = filterBaseConditions(allConditions);\n      const transformed = utility.transform(prop, withoutImportant(sanitize(value)));\n      let className = hashFn(conditions, transformed.className);\n      if (important)\n        className = `${className}!`;\n      classNames.add(className);\n    });\n    return Array.from(classNames).join(\" \");\n  });\n}\nfunction compactStyles(...styles) {\n  return styles.flat().filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);\n}\nfunction createMergeCss(context) {\n  function resolve(styles) {\n    const allStyles = compactStyles(...styles);\n    if (allStyles.length === 1)\n      return allStyles;\n    return allStyles.map((style) => normalizeStyleObject(style, context));\n  }\n  function mergeCss(...styles) {\n    return mergeProps(...resolve(styles));\n  }\n  function assignCss(...styles) {\n    return Object.assign({}, ...resolve(styles));\n  }\n  return { mergeCss: memo(mergeCss), assignCss };\n}\n\n// src/hypenate-property.ts\nvar wordRegex = /([A-Z])/g;\nvar msRegex = /^ms-/;\nvar hypenateProperty = memo((property) => {\n  if (property.startsWith(\"--\"))\n    return property;\n  return property.replace(wordRegex, \"-$1\").replace(msRegex, \"-ms-\").toLowerCase();\n});\n\n// src/is-css-function.ts\nvar fns = [\"min\", \"max\", \"clamp\", \"calc\"];\nvar fnRegExp = new RegExp(`^(${fns.join(\"|\")})\\\\(.*\\\\)`);\nvar isCssFunction = (v) => typeof v === \"string\" && fnRegExp.test(v);\n\n// src/is-css-unit.ts\nvar lengthUnits = \"cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%\";\nvar lengthUnitsPattern = `(?:${lengthUnits.split(\",\").join(\"|\")})`;\nvar lengthRegExp = new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${lengthUnitsPattern}$`);\nvar isCssUnit = (v) => typeof v === \"string\" && lengthRegExp.test(v);\n\n// src/is-css-var.ts\nvar isCssVar = (v) => typeof v === \"string\" && /^var\\(--.+\\)$/.test(v);\n\n// src/pattern-fns.ts\nvar patternFns = {\n  map: mapObject,\n  isCssFunction,\n  isCssVar,\n  isCssUnit\n};\nvar getPatternStyles = (pattern, styles) => {\n  if (!pattern?.defaultValues)\n    return styles;\n  const defaults = typeof pattern.defaultValues === \"function\" ? pattern.defaultValues(styles) : pattern.defaultValues;\n  return Object.assign({}, defaults, compact(styles));\n};\n\n// src/slot.ts\nvar getSlotRecipes = (recipe = {}) => {\n  const init = (slot) => ({\n    className: [recipe.className, slot].filter(Boolean).join(\"__\"),\n    base: recipe.base?.[slot] ?? {},\n    variants: {},\n    defaultVariants: recipe.defaultVariants ?? {},\n    compoundVariants: recipe.compoundVariants ? getSlotCompoundVariant(recipe.compoundVariants, slot) : []\n  });\n  const slots = recipe.slots ?? [];\n  const recipeParts = slots.map((slot) => [slot, init(slot)]);\n  for (const [variantsKey, variantsSpec] of Object.entries(recipe.variants ?? {})) {\n    for (const [variantKey, variantSpec] of Object.entries(variantsSpec)) {\n      recipeParts.forEach(([slot, slotRecipe]) => {\n        slotRecipe.variants[variantsKey] ??= {};\n        slotRecipe.variants[variantsKey][variantKey] = variantSpec[slot] ?? {};\n      });\n    }\n  }\n  return Object.fromEntries(recipeParts);\n};\nvar getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.filter((compoundVariant) => compoundVariant.css[slotName]).map((compoundVariant) => ({ ...compoundVariant, css: compoundVariant.css[slotName] }));\n\n// src/split-props.ts\nfunction splitProps(props, ...keys) {\n  const descriptors = Object.getOwnPropertyDescriptors(props);\n  const dKeys = Object.keys(descriptors);\n  const split = (k) => {\n    const clone = {};\n    for (let i = 0; i < k.length; i++) {\n      const key = k[i];\n      if (descriptors[key]) {\n        Object.defineProperty(clone, key, descriptors[key]);\n        delete descriptors[key];\n      }\n    }\n    return clone;\n  };\n  const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key));\n  return keys.map(fn).concat(split(dKeys));\n}\n\n// src/uniq.ts\nvar uniq = (...items) => items.filter(Boolean).reduce((acc, item) => Array.from(/* @__PURE__ */ new Set([...acc, ...item])), []);\nexport {\n  compact,\n  createCss,\n  createMergeCss,\n  filterBaseConditions,\n  getPatternStyles,\n  getSlotCompoundVariant,\n  getSlotRecipes,\n  hypenateProperty,\n  isBaseCondition,\n  isObject,\n  mapObject,\n  memo,\n  mergeProps,\n  patternFns,\n  splitProps,\n  toHash,\n  uniq,\n  walkObject,\n  withoutSpace\n};\n\n\n\n// src/normalize-html.ts\nvar htmlProps = [\"htmlSize\", \"htmlTranslate\", \"htmlWidth\", \"htmlHeight\"];\nfunction convert(key) {\n  return htmlProps.includes(key) ? key.replace(\"html\", \"\").toLowerCase() : key;\n}\nfunction normalizeHTMLProps(props) {\n  return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));\n}\nnormalizeHTMLProps.keys = htmlProps;\nexport {\n  normalizeHTMLProps\n};\n\n\nexport function __spreadValues(a, b) {\n  return { ...a, ...b }\n}\n\nexport function __objRest(source, exclude) {\n  return Object.fromEntries(Object.entries(source).filter(([key]) => !exclude.includes(key)))\n}","import { withoutSpace } from '../helpers.mjs';\n\nconst conditionsStr = \"_cerberusTheme,_lightMode,_darkMode,_modalOpen,_screenReaderOnly,_invalid,_userInvalid,_groupInvalid,_groupChecked,_positionBottom,_positionTop,_positionLeft,_positionRight,_startIcon,_admin,_student,_user,_highlight,_spellingError,_grammarError,_neutralPalette,_actionPalette,_infoPalette,_successPalette,_warningPalette,_dangerPalette,_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupExpanded,_indeterminate,_required,_valid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_default,_optional,_open,_closed,_fullscreen,_loading,_currentPage,_currentStep,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_starting,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,base\"\nconst conditions = new Set(conditionsStr.split(','))\n\nexport function isCondition(value){\n  return conditions.has(value) || /^@|&|&$/.test(value)\n}\n\nconst underscoreRegex = /^_/\nconst conditionsSelectorRegex = /&|@/\n\nexport function finalizeConditions(paths){\n  return paths.map((path) => {\n    if (conditions.has(path)){\n      return path.replace(underscoreRegex, '')\n    }\n\n    if (conditionsSelectorRegex.test(path)){\n      return `[${withoutSpace(path.trim())}]`\n    }\n\n    return path\n  })}\n\n  export function sortConditions(paths){\n    return paths.sort((a, b) => {\n      const aa = isCondition(a)\n      const bb = isCondition(b)\n      if (aa && !bb) return 1\n      if (!aa && bb) return -1\n      return 0\n    })\n  }","import { createCss, createMergeCss, hypenateProperty, withoutSpace } from '../helpers.mjs';\nimport { sortConditions, finalizeConditions } from './conditions.mjs';\n\nconst utilities = \"aspectRatio:aspect,boxDecorationBreak:decoration,zIndex:z,boxSizing:box,objectPosition:obj-pos,objectFit:obj-fit,overscrollBehavior:overscroll,overscrollBehaviorX:overscroll-x,overscrollBehaviorY:overscroll-y,position:pos/1,top:top,left:left,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,inset:inset,insetBlockEnd:inset-b,insetBlockStart:inset-t,insetInlineEnd:end/insetEnd/1,insetInlineStart:start/insetStart/1,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:basis,flex:flex,flexDirection:flex/flexDir,flexGrow:grow,flexShrink:shrink,gridTemplateColumns:grid-cols,gridTemplateRows:grid-rows,gridColumn:col-span,gridRow:row-span,gridColumnStart:col-start,gridColumnEnd:col-end,gridAutoFlow:grid-flow,gridAutoColumns:auto-cols,gridAutoRows:auto-rows,gap:gap,gridGap:gap,gridRowGap:gap-x,gridColumnGap:gap-y,rowGap:gap-x,columnGap:gap-y,justifyContent:justify,alignContent:content,alignItems:items,alignSelf:self,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pb,paddingBlockStart:pt,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mb,marginBlockStart:mt,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:space-x,spaceY:space-y,outlineWidth:ring-width/ringWidth,outlineColor:ring-color/ringColor,outline:ring/1,outlineOffset:ring-offset/ringOffset,divideX:divide-x,divideY:divide-y,divideColor:divide-color,divideStyle:divide-style,width:w/1,inlineSize:w,minWidth:min-w/minW,minInlineSize:min-w,maxWidth:max-w/maxW,maxInlineSize:max-w,height:h/1,blockSize:h,minHeight:min-h/minH,minBlockSize:min-h,maxHeight:max-h/maxH,maxBlockSize:max-b,color:text,fontFamily:font,fontSize:fs,fontWeight:fw,fontSmoothing:smoothing,fontVariantNumeric:numeric,letterSpacing:tracking,lineHeight:leading,textAlign:text-align,textDecoration:text-decor,textDecorationColor:text-decor-color,textEmphasisColor:text-emphasis-color,textDecorationStyle:decoration-style,textDecorationThickness:decoration-thickness,textUnderlineOffset:underline-offset,textTransform:text-transform,textIndent:indent,textShadow:text-shadow,textShadowColor:text-shadow/textShadowColor,textOverflow:text-overflow,verticalAlign:v-align,wordBreak:break,textWrap:text-wrap,truncate:truncate,lineClamp:clamp,listStyleType:list-type,listStylePosition:list-pos,listStyleImage:list-img,backgroundPosition:bg-pos/bgPosition,backgroundPositionX:bg-pos-x/bgPositionX,backgroundPositionY:bg-pos-y/bgPositionY,backgroundAttachment:bg-attach/bgAttachment,backgroundClip:bg-clip/bgClip,background:bg/1,backgroundColor:bg/bgColor,backgroundOrigin:bg-origin/bgOrigin,backgroundImage:bg-img/bgImage,backgroundRepeat:bg-repeat/bgRepeat,backgroundBlendMode:bg-blend/bgBlendMode,backgroundSize:bg-size/bgSize,backgroundGradient:bg-gradient/bgGradient,textGradient:text-gradient,gradientFromPosition:gradient-from-pos,gradientToPosition:gradient-to-pos,gradientFrom:gradient-from,gradientTo:gradient-to,gradientVia:gradient-via,gradientViaPosition:gradient-via-pos,borderRadius:rounded/1,borderTopLeftRadius:rounded-tl/roundedTopLeft,borderTopRightRadius:rounded-tr/roundedTopRight,borderBottomRightRadius:rounded-br/roundedBottomRight,borderBottomLeftRadius:rounded-bl/roundedBottomLeft,borderTopRadius:rounded-t/roundedTop,borderRightRadius:rounded-r/roundedRight,borderBottomRadius:rounded-b/roundedBottom,borderLeftRadius:rounded-l/roundedLeft,borderStartStartRadius:rounded-ss/roundedStartStart,borderStartEndRadius:rounded-se/roundedStartEnd,borderStartRadius:rounded-s/roundedStart,borderEndStartRadius:rounded-es/roundedEndStart,borderEndEndRadius:rounded-ee/roundedEndEnd,borderEndRadius:rounded-e/roundedEnd,border:border,borderWidth:border-w,borderTopWidth:border-tw,borderLeftWidth:border-lw,borderRightWidth:border-rw,borderBottomWidth:border-bw,borderColor:border,borderInline:border-x/borderX,borderInlineWidth:border-x/borderXWidth,borderInlineColor:border-x/borderXColor,borderBlock:border-y/borderY,borderBlockWidth:border-y/borderYWidth,borderBlockColor:border-y/borderYColor,borderLeft:border-l,borderLeftColor:border-l,borderInlineStart:border-s/borderStart,borderInlineStartWidth:border-s/borderStartWidth,borderInlineStartColor:border-s/borderStartColor,borderRight:border-r,borderRightColor:border-r,borderInlineEnd:border-e/borderEnd,borderInlineEndWidth:border-e/borderEndWidth,borderInlineEndColor:border-e/borderEndColor,borderTop:border-t,borderTopColor:border-t,borderBottom:border-b,borderBottomColor:border-b,borderBlockEnd:border-be,borderBlockEndColor:border-be,borderBlockStart:border-bs,borderBlockStartColor:border-bs,boxShadow:shadow/1,boxShadowColor:shadow-color/shadowColor,mixBlendMode:mix-blend,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:backdrop,backdropBlur:backdrop-blur,backdropBrightness:backdrop-brightness,backdropContrast:backdrop-contrast,backdropGrayscale:backdrop-grayscale,backdropHueRotate:backdrop-hue-rotate,backdropInvert:backdrop-invert,backdropOpacity:backdrop-opacity,backdropSaturate:backdrop-saturate,backdropSepia:backdrop-sepia,borderCollapse:border,borderSpacing:border-spacing,borderSpacingX:border-spacing-x,borderSpacingY:border-spacing-y,tableLayout:table,transitionTimingFunction:ease,transitionDelay:delay,transitionDuration:duration,transitionProperty:transition-prop,transition:transition,animation:animation,animationName:animation-name,animationTimingFunction:animation-ease,animationDuration:animation-duration,animationDelay:animation-delay,transformOrigin:origin,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:accent,caretColor:caret,scrollBehavior:scroll,scrollbar:scrollbar,scrollMargin:scroll-m,scrollMarginLeft:scroll-ml,scrollMarginRight:scroll-mr,scrollMarginTop:scroll-mt,scrollMarginBottom:scroll-mb,scrollMarginBlock:scroll-my/scrollMarginY,scrollMarginBlockEnd:scroll-mb,scrollMarginBlockStart:scroll-mt,scrollMarginInline:scroll-mx/scrollMarginX,scrollMarginInlineEnd:scroll-me,scrollMarginInlineStart:scroll-ms,scrollPadding:scroll-p,scrollPaddingBlock:scroll-pb/scrollPaddingY,scrollPaddingBlockStart:scroll-pt,scrollPaddingBlockEnd:scroll-pb,scrollPaddingInline:scroll-px/scrollPaddingX,scrollPaddingInlineEnd:scroll-pe,scrollPaddingInlineStart:scroll-ps,scrollPaddingLeft:scroll-pl,scrollPaddingRight:scroll-pr,scrollPaddingTop:scroll-pt,scrollPaddingBottom:scroll-pb,scrollSnapAlign:snap-align,scrollSnapStop:snap-stop,scrollSnapType:snap-type,scrollSnapStrictness:snap-strictness,scrollSnapMargin:snap-m,scrollSnapMarginTop:snap-mt,scrollSnapMarginBottom:snap-mb,scrollSnapMarginLeft:snap-ml,scrollSnapMarginRight:snap-mr,touchAction:touch,userSelect:select,fill:fill,stroke:stroke,strokeWidth:stroke-w,srOnly:sr,debug:debug,appearance:appearance,backfaceVisibility:backface,clipPath:clip-path,hyphens:hyphens,mask:mask,maskImage:mask-image,maskSize:mask-size,textSizeAdjust:text-adjust,container:cq,containerName:cq-name,containerType:cq-type,mxi:margin-inline-start-end,pxi:padding-inline-start-end,textStyle:textStyle\"\n\nconst classNameByProp = new Map()\nconst shorthands = new Map()\nutilities.split(',').forEach((utility) => {\n  const [prop, meta] = utility.split(':')\n  const [className, ...shorthandList] = meta.split('/')\n  classNameByProp.set(prop, className)\n  if (shorthandList.length) {\n    shorthandList.forEach((shorthand) => {\n      shorthands.set(shorthand === '1' ? className : shorthand, prop)\n    })\n  }\n})\n\nconst resolveShorthand = (prop) => shorthands.get(prop) || prop\n\nconst context = {\n  \n  conditions: {\n    shift: sortConditions,\n    finalize: finalizeConditions,\n    breakpoints: { keys: [\"base\",\"sm\",\"md\",\"lg\",\"xl\",\"2xl\"] }\n  },\n  utility: {\n    prefix: \"cerberus\",\n    transform: (prop, value) => {\n              const key = resolveShorthand(prop)\n              const propKey = classNameByProp.get(key) || hypenateProperty(key)\n              return { className: `${propKey}_${withoutSpace(value)}` }\n            },\n    hasShorthand: true,\n    toHash: (path, hashFn) => hashFn(path.join(\":\")),\n    resolveShorthand: resolveShorthand,\n  }\n}\n\nconst cssFn = createCss(context)\nexport const css = (...styles) => cssFn(mergeCss(...styles))\ncss.raw = (...styles) => mergeCss(...styles)\n\nexport const { mergeCss, assignCss } = createMergeCss(context)","function cx() {\n  let str = '',\n    i = 0,\n    arg\n\n  for (; i < arguments.length; ) {\n    if ((arg = arguments[i++]) && typeof arg === 'string') {\n      str && (str += ' ')\n      str += arg\n    }\n  }\n  return str\n}\n\nexport { cx }","import { getPatternStyles, patternFns } from '../helpers.mjs';\nimport { css } from '../css/index.mjs';\n\nconst vstackConfig = {\ntransform(props) {\n  const { justify, gap, ...rest } = props;\n  return {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: justify,\n    gap,\n    flexDirection: \"column\",\n    ...rest\n  };\n},\ndefaultValues:{gap:'10px'}}\n\nexport const getVstackStyle = (styles = {}) => {\n  const _styles = getPatternStyles(vstackConfig, styles)\n  return vstackConfig.transform(_styles, patternFns)\n}\n\nexport const vstack = (styles) => css(getVstackStyle(styles))\nvstack.raw = getVstackStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA6C;;;ACD7C,SAAS,SAAS,OAAO;AACvB,SAAO,OAAO,UAAU,YAAY,SAAS,QAAQ,CAAC,MAAM,QAAQ,KAAK;AAC3E;AAGA,SAAS,QAAQ,OAAO;AACtB,SAAO,OAAO,YAAY,OAAO,QAAQ,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,MAAM,WAAW,MAAM,CAAC;AAClG;AAGA,IAAI,kBAAkB,CAAC,MAAM,MAAM;AACnC,SAAS,qBAAqB,GAAG;AAC/B,SAAO,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;AACpD;AAGA,SAAS,OAAO,MAAM;AACpB,SAAO,OAAO,aAAa,QAAQ,OAAO,KAAK,KAAK,GAAG;AACzD;AACA,SAAS,OAAO,MAAM;AACpB,MAAI,OAAO;AACX,MAAI;AACJ,OAAK,IAAI,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,IAAI,IAAI,KAAK;AAC5C,WAAO,OAAO,IAAI,EAAE,IAAI;AAC1B,SAAO,OAAO,IAAI,EAAE,IAAI;AAC1B;AACA,SAAS,QAAQ,GAAG,GAAG;AACrB,MAAI,IAAI,EAAE;AACV,SAAO;AACL,QAAI,IAAI,KAAK,EAAE,WAAW,EAAE,CAAC;AAC/B,SAAO;AACT;AACA,SAAS,OAAO,OAAO;AACrB,SAAO,OAAO,QAAQ,MAAM,KAAK,MAAM,CAAC;AAC1C;AAGA,IAAI,iBAAiB;AACrB,SAAS,YAAY,OAAO;AAC1B,SAAO,OAAO,UAAU,WAAW,eAAe,KAAK,KAAK,IAAI;AAClE;AACA,SAAS,iBAAiB,OAAO;AAC/B,SAAO,OAAO,UAAU,WAAW,MAAM,QAAQ,gBAAgB,EAAE,EAAE,KAAK,IAAI;AAChF;AACA,SAAS,aAAa,KAAK;AACzB,SAAO,OAAO,QAAQ,WAAW,IAAI,WAAW,KAAK,GAAG,IAAI;AAC9D;AAGA,IAAI,OAAO,CAAC,OAAO;AACjB,QAAM,QAAwB,oBAAI,IAAI;AACtC,QAAM,MAAM,IAAI,SAAS;AACvB,UAAM,MAAM,KAAK,UAAU,IAAI;AAC/B,QAAI,MAAM,IAAI,GAAG,GAAG;AAClB,aAAO,MAAM,IAAI,GAAG;AAAA,IACtB;AACA,UAAM,SAAS,GAAG,GAAG,IAAI;AACzB,UAAM,IAAI,KAAK,MAAM;AACrB,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAGA,SAAS,cAAc,SAAS;AAC9B,QAAM,UAAU,QAAQ,OAAO,OAAO;AACtC,SAAO,QAAQ,OAAO,CAAC,MAAM,QAAQ;AACnC,WAAO,KAAK,GAAG,EAAE,QAAQ,CAAC,QAAQ;AAChC,YAAM,YAAY,KAAK,GAAG;AAC1B,YAAM,QAAQ,IAAI,GAAG;AACrB,UAAI,SAAS,SAAS,KAAK,SAAS,KAAK,GAAG;AAC1C,aAAK,GAAG,IAAI,WAAW,WAAW,KAAK;AAAA,MACzC,OAAO;AACL,aAAK,GAAG,IAAI;AAAA,MACd;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACP;AAGA,IAAI,eAAe,CAAC,YAAY,WAAW;AAC3C,SAAS,WAAW,QAAQ,WAAW,UAAU,CAAC,GAAG;AACnD,QAAM,EAAE,MAAM,OAAO,IAAI;AACzB,WAAS,MAAM,OAAO,OAAO,CAAC,GAAG;AAC/B,QAAI,SAAS,KAAK,KAAK,MAAM,QAAQ,KAAK,GAAG;AAC3C,YAAM,SAAS,CAAC;AAChB,iBAAW,CAAC,MAAM,KAAK,KAAK,OAAO,QAAQ,KAAK,GAAG;AACjD,cAAM,MAAM,SAAS,MAAM,KAAK,KAAK;AACrC,cAAM,YAAY,CAAC,GAAG,MAAM,GAAG;AAC/B,YAAI,OAAO,OAAO,SAAS,GAAG;AAC5B,iBAAO,UAAU,OAAO,IAAI;AAAA,QAC9B;AACA,cAAM,OAAO,MAAM,OAAO,SAAS;AACnC,YAAI,aAAa,IAAI,GAAG;AACtB,iBAAO,GAAG,IAAI;AAAA,QAChB;AAAA,MACF;AACA,aAAO;AAAA,IACT;AACA,WAAO,UAAU,OAAO,IAAI;AAAA,EAC9B;AACA,SAAO,MAAM,MAAM;AACrB;AACA,SAAS,UAAU,KAAK,IAAI;AAC1B,MAAI,MAAM,QAAQ,GAAG;AACnB,WAAO,IAAI,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;AACrC,MAAI,CAAC,SAAS,GAAG;AACf,WAAO,GAAG,GAAG;AACf,SAAO,WAAW,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC;AAC7C;AAGA,SAAS,mBAAmB,QAAQ,aAAa;AAC/C,SAAO,OAAO;AAAA,IACZ,CAAC,KAAK,SAAS,UAAU;AACvB,YAAM,MAAM,YAAY,KAAK;AAC7B,UAAI,WAAW,MAAM;AACnB,YAAI,GAAG,IAAI;AAAA,MACb;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AACF;AACA,SAAS,qBAAqB,QAAQA,UAAS,YAAY,MAAM;AAC/D,QAAM,EAAE,SAAS,YAAAC,YAAW,IAAID;AAChC,QAAM,EAAE,cAAc,kBAAAE,kBAAiB,IAAI;AAC3C,SAAO;AAAA,IACL;AAAA,IACA,CAAC,UAAU;AACT,aAAO,MAAM,QAAQ,KAAK,IAAI,mBAAmB,OAAOD,YAAW,YAAY,IAAI,IAAI;AAAA,IACzF;AAAA,IACA;AAAA,MACE,MAAM,CAAC,UAAU,MAAM,QAAQ,KAAK;AAAA,MACpC,QAAQ,YAAY,CAAC,SAAS,eAAeC,kBAAiB,IAAI,IAAI,OAAO;AAAA,IAC/E;AAAA,EACF;AACF;AAGA,IAAI,oBAAoB;AAAA,EACtB,OAAO,CAAC,MAAM;AAAA,EACd,UAAU,CAAC,MAAM;AAAA,EACjB,aAAa,EAAE,MAAM,CAAC,EAAE;AAC1B;AACA,IAAI,WAAW,CAAC,UAAU,OAAO,UAAU,WAAW,MAAM,WAAW,YAAY,GAAG,IAAI;AAC1F,SAAS,UAAUF,UAAS;AAC1B,QAAM,EAAE,SAAS,MAAM,YAAY,QAAQ,kBAAkB,IAAIA;AACjE,QAAM,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,QAAQ,GAAG,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAC/E,QAAM,SAAS,CAACC,aAAY,cAAc;AACxC,QAAI;AACJ,QAAI,MAAM;AACR,YAAM,YAAY,CAAC,GAAG,MAAM,SAASA,WAAU,GAAG,SAAS;AAC3D,eAAS,gBAAgB,QAAQ,OAAO,WAAW,MAAM,CAAC;AAAA,IAC5D,OAAO;AACL,YAAM,YAAY,CAAC,GAAG,MAAM,SAASA,WAAU,GAAG,gBAAgB,SAAS,CAAC;AAC5E,eAAS,UAAU,KAAK,GAAG;AAAA,IAC7B;AACA,WAAO;AAAA,EACT;AACA,SAAO,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,IAAI,CAAC,MAAM;AACxC,UAAM,cAAc,OAAO,OAAO,QAAQ,IAAI;AAC9C,UAAM,mBAAmB,qBAAqB,aAAaD,QAAO;AAClE,UAAM,aAA6B,oBAAI,IAAI;AAC3C,eAAW,kBAAkB,CAAC,OAAO,UAAU;AAC7C,YAAM,YAAY,YAAY,KAAK;AACnC,UAAI,SAAS;AACX;AACF,YAAM,CAAC,MAAM,GAAG,aAAa,IAAI,MAAM,MAAM,KAAK;AAClD,YAAMC,cAAa,qBAAqB,aAAa;AACrD,YAAM,cAAc,QAAQ,UAAU,MAAM,iBAAiB,SAAS,KAAK,CAAC,CAAC;AAC7E,UAAI,YAAY,OAAOA,aAAY,YAAY,SAAS;AACxD,UAAI;AACF,oBAAY,GAAG,SAAS;AAC1B,iBAAW,IAAI,SAAS;AAAA,IAC1B,CAAC;AACD,WAAO,MAAM,KAAK,UAAU,EAAE,KAAK,GAAG;AAAA,EACxC,CAAC;AACH;AACA,SAAS,iBAAiB,QAAQ;AAChC,SAAO,OAAO,KAAK,EAAE,OAAO,CAAC,UAAU,SAAS,KAAK,KAAK,OAAO,KAAK,QAAQ,KAAK,CAAC,EAAE,SAAS,CAAC;AAClG;AACA,SAAS,eAAeD,UAAS;AAC/B,WAAS,QAAQ,QAAQ;AACvB,UAAM,YAAY,cAAc,GAAG,MAAM;AACzC,QAAI,UAAU,WAAW;AACvB,aAAO;AACT,WAAO,UAAU,IAAI,CAAC,UAAU,qBAAqB,OAAOA,QAAO,CAAC;AAAA,EACtE;AACA,WAASG,aAAY,QAAQ;AAC3B,WAAO,WAAW,GAAG,QAAQ,MAAM,CAAC;AAAA,EACtC;AACA,WAASC,cAAa,QAAQ;AAC5B,WAAO,OAAO,OAAO,CAAC,GAAG,GAAG,QAAQ,MAAM,CAAC;AAAA,EAC7C;AACA,SAAO,EAAE,UAAU,KAAKD,SAAQ,GAAG,WAAAC,WAAU;AAC/C;AAGA,IAAI,YAAY;AAChB,IAAI,UAAU;AACd,IAAI,mBAAmB,KAAK,CAAC,aAAa;AACxC,MAAI,SAAS,WAAW,IAAI;AAC1B,WAAO;AACT,SAAO,SAAS,QAAQ,WAAW,KAAK,EAAE,QAAQ,SAAS,MAAM,EAAE,YAAY;AACjF,CAAC;AAGD,IAAI,MAAM,CAAC,OAAO,OAAO,SAAS,MAAM;AACxC,IAAI,WAAW,IAAI,OAAO,KAAK,IAAI,KAAK,GAAG,CAAC,WAAW;AACvD,IAAI,gBAAgB,CAAC,MAAM,OAAO,MAAM,YAAY,SAAS,KAAK,CAAC;AAGnE,IAAI,cAAc;AAClB,IAAI,qBAAqB,MAAM,YAAY,MAAM,GAAG,EAAE,KAAK,GAAG,CAAC;AAC/D,IAAI,eAAe,IAAI,OAAO,2CAA2C,kBAAkB,GAAG;AAC9F,IAAI,YAAY,CAAC,MAAM,OAAO,MAAM,YAAY,aAAa,KAAK,CAAC;AAGnE,IAAI,WAAW,CAAC,MAAM,OAAO,MAAM,YAAY,gBAAgB,KAAK,CAAC;AAGrE,IAAI,aAAa;AAAA,EACf,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AACF;AACA,IAAI,mBAAmB,CAAC,SAAS,WAAW;AAC1C,MAAI,CAAC,SAAS;AACZ,WAAO;AACT,QAAM,WAAW,OAAO,QAAQ,kBAAkB,aAAa,QAAQ,cAAc,MAAM,IAAI,QAAQ;AACvG,SAAO,OAAO,OAAO,CAAC,GAAG,UAAU,QAAQ,MAAM,CAAC;AACpD;AAuEA,IAAI,YAAY,CAAC,YAAY,iBAAiB,aAAa,YAAY;AACvE,SAAS,QAAQ,KAAK;AACpB,SAAO,UAAU,SAAS,GAAG,IAAI,IAAI,QAAQ,QAAQ,EAAE,EAAE,YAAY,IAAI;AAC3E;AACA,SAAS,mBAAmB,OAAO;AACjC,SAAO,OAAO,YAAY,OAAO,QAAQ,KAAK,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,QAAQ,GAAG,GAAG,KAAK,CAAC,CAAC;AAC9F;AACA,mBAAmB,OAAO;;;ACvT1B,IAAM,gBAAgB;AACtB,IAAM,aAAa,IAAI,IAAI,cAAc,MAAM,GAAG,CAAC;AAE5C,SAAS,YAAY,OAAM;AAChC,SAAO,WAAW,IAAI,KAAK,KAAK,UAAU,KAAK,KAAK;AACtD;AAEA,IAAM,kBAAkB;AACxB,IAAM,0BAA0B;AAEzB,SAAS,mBAAmB,OAAM;AACvC,SAAO,MAAM,IAAI,CAAC,SAAS;AACzB,QAAI,WAAW,IAAI,IAAI,GAAE;AACvB,aAAO,KAAK,QAAQ,iBAAiB,EAAE;AAAA,IACzC;AAEA,QAAI,wBAAwB,KAAK,IAAI,GAAE;AACrC,aAAO,IAAI,aAAa,KAAK,KAAK,CAAC,CAAC;AAAA,IACtC;AAEA,WAAO;AAAA,EACT,CAAC;AAAC;AAEK,SAAS,eAAe,OAAM;AACnC,SAAO,MAAM,KAAK,CAAC,GAAG,MAAM;AAC1B,UAAM,KAAK,YAAY,CAAC;AACxB,UAAM,KAAK,YAAY,CAAC;AACxB,QAAI,MAAM,CAAC;AAAI,aAAO;AACtB,QAAI,CAAC,MAAM;AAAI,aAAO;AACtB,WAAO;AAAA,EACT,CAAC;AACH;;;AC9BF,IAAM,YAAY;AAElB,IAAM,kBAAkB,oBAAI,IAAI;AAChC,IAAM,aAAa,oBAAI,IAAI;AAC3B,UAAU,MAAM,GAAG,EAAE,QAAQ,CAAC,YAAY;AACxC,QAAM,CAAC,MAAM,IAAI,IAAI,QAAQ,MAAM,GAAG;AACtC,QAAM,CAAC,WAAW,GAAG,aAAa,IAAI,KAAK,MAAM,GAAG;AACpD,kBAAgB,IAAI,MAAM,SAAS;AACnC,MAAI,cAAc,QAAQ;AACxB,kBAAc,QAAQ,CAAC,cAAc;AACnC,iBAAW,IAAI,cAAc,MAAM,YAAY,WAAW,IAAI;AAAA,IAChE,CAAC;AAAA,EACH;AACF,CAAC;AAED,IAAM,mBAAmB,CAAC,SAAS,WAAW,IAAI,IAAI,KAAK;AAE3D,IAAM,UAAU;AAAA,EAEd,YAAY;AAAA,IACV,OAAO;AAAA,IACP,UAAU;AAAA,IACV,aAAa,EAAE,MAAM,CAAC,QAAO,MAAK,MAAK,MAAK,MAAK,KAAK,EAAE;AAAA,EAC1D;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,WAAW,CAAC,MAAM,UAAU;AAClB,YAAM,MAAM,iBAAiB,IAAI;AACjC,YAAM,UAAU,gBAAgB,IAAI,GAAG,KAAK,iBAAiB,GAAG;AAChE,aAAO,EAAE,WAAW,GAAG,OAAO,IAAI,aAAa,KAAK,CAAC,GAAG;AAAA,IAC1D;AAAA,IACR,cAAc;AAAA,IACd,QAAQ,CAAC,MAAM,WAAW,OAAO,KAAK,KAAK,GAAG,CAAC;AAAA,IAC/C;AAAA,EACF;AACF;AAEA,IAAM,QAAQ,UAAU,OAAO;AACxB,IAAM,MAAM,IAAI,WAAW,MAAM,SAAS,GAAG,MAAM,CAAC;AAC3D,IAAI,MAAM,IAAI,WAAW,SAAS,GAAG,MAAM;AAEpC,IAAM,EAAE,UAAU,UAAU,IAAI,eAAe,OAAO;;;AC5C7D,SAAS,KAAK;AACZ,MAAI,MAAM,IACR,IAAI,GACJ;AAEF,SAAO,IAAI,UAAU,UAAU;AAC7B,SAAK,MAAM,UAAU,GAAG,MAAM,OAAO,QAAQ,UAAU;AACrD,cAAQ,OAAO;AACf,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;;;ACTA,IAAM,eAAe;AAAA,EACrB,UAAU,OAAO;AACf,UAAM,EAAE,SAAS,KAAK,GAAG,KAAK,IAAI;AAClC,WAAO;AAAA,MACL,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB;AAAA,MACA,eAAe;AAAA,MACf,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA,eAAc,EAAC,KAAI,OAAM;AAAC;AAEnB,IAAM,iBAAiB,CAAC,SAAS,CAAC,MAAM;AAC7C,QAAM,UAAU,iBAAiB,cAAc,MAAM;AACrD,SAAO,aAAa,UAAU,SAAS,UAAU;AACnD;AAEO,IAAM,SAAS,CAAC,WAAW,IAAI,eAAe,MAAM,CAAC;AAC5D,OAAO,MAAM;;;ALlBb,qBAAkC;AAElC,kBAAqB;AAyFf;AAhFC,SAAS,YAAY,UAAwC;AAClE,QAAM,mBAAmB;AAAA,IACvB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AACA,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,MAAM,MAAM,OAAO;AAAA,IACxD,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,MAAM,OAAO,OAAO;AAAA,IACzD,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,OAAO;AAAA,IAC5C,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,QAAQ,OAAO;AAAA,IAC/C;AACE,aAAO;AAAA,EACX;AACF;AAEA,IAAM,gBAAgB,OAAO;AAAA,EAC3B,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,KAAK;AAAA,EACL,SAAS;AAAA,EACT,GAAG;AAAA,EACH,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa;AAAA,IACX,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,IACnB,yBAAyB;AAAA,EAC3B;AAAA,EACA,iBAAiB;AAAA,IACf,iBAAiB;AAAA,EACnB;AAAA,EACA,cAAc;AAAA,IACZ,iBAAiB;AAAA,EACnB;AAAA,EACA,eAAe;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EACA,gBAAgB;AAAA,IACd,iBAAiB;AAAA,EACnB;AACF,CAAC;AAoBM,SAAS,YAAY,OAAsC;AAChE,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,QAAM,EAAE,SAAS,SAAS,QAAI,kCAAkB;AAChD,QAAM,qBAAiB;AAAA,IACrB,MAAM,YAAY,YAAY,QAAQ;AAAA,IACtC,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,4CAAC,oBAAK,MAAM,UACV;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,iBAAe,YAAY;AAAA,MAC3B,WAAW,GAAG,YAAY,WAAW,aAAa;AAAA,MAClD,KAAK;AAAA,MACL,OAAO;AAAA;AAAA,EACT,GACF;AAEJ;","names":["context","conditions","resolveShorthand","mergeCss","assignCss"]}
+{"version":3,"sources":["../../../src/components/NavMenuList.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo, type HTMLAttributes } from 'react'\nimport { useNavMenuContext } from '../context/navMenu'\nimport { Show } from './Show'\nimport type { Positions } from '../types'\nimport { cx } from '@cerberus/styled-system/css'\nimport { vstack } from '@cerberus/styled-system/patterns'\n\ninterface GetPositionResult {\n  left: string\n  right: string\n  top: string\n  bottom: string\n}\n\nexport function getPosition(position: Positions): GetPositionResult {\n  const defaultPositions = {\n    left: 'auto',\n    right: 'auto',\n    top: 'auto',\n    bottom: 'auto',\n  }\n  switch (position) {\n    case 'right':\n      return { ...defaultPositions, top: '0%', left: '105%' }\n    case 'left':\n      return { ...defaultPositions, top: '0%', right: '105%' }\n    case 'bottom':\n      return { ...defaultPositions, top: '110%' }\n    case 'top':\n      return { ...defaultPositions, bottom: '110%' }\n    default:\n      return defaultPositions\n  }\n}\n\nconst navListStyles = vstack({\n  alignItems: 'flex-start',\n  bgColor: 'neutral.surface.100',\n  boxShadow: 'lg',\n  gap: '2',\n  opacity: '0',\n  p: '4',\n  position: 'absolute',\n  rounded: 'md',\n  zIndex: 'dropdown',\n  _motionSafe: {\n    animationName: 'zoomIn',\n    animationDelay: '100ms',\n    animationDuration: '150ms',\n    animationFillMode: 'both',\n    animationTimingFunction: 'ease-in-out',\n  },\n  _positionBottom: {\n    transformOrigin: 'top left',\n  },\n  _positionTop: {\n    transformOrigin: 'bottom left',\n  },\n  _positionLeft: {\n    transformOrigin: 'top right',\n  },\n  _positionRight: {\n    transformOrigin: 'top left',\n  },\n})\n\nexport interface NavMenuListProps extends HTMLAttributes<HTMLUListElement> {\n  id: string\n  position?: Positions\n}\n\n/**\n * A component that allows the user to display a menu of navigation links.\n * @definition [Disclosure Nav](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/examples/disclosure-navigation/)\n * @definition [NavMenu Docs](https://cerberus.digitalu.design/react/nav-menu)\n *\n * @example\n * ```tsx\n * <NavMenuList id=\"nav-menu-list\" position=\"bottom\">\n *  <NavMenuLink href=\"/home\">Home</NavMenuLink>\n * <NavMenuLink href=\"/about\">About</NavMenuLink>\n * </NavMenuList>\n * ```\n **/\nexport function NavMenuList(props: NavMenuListProps): JSX.Element {\n  const { position, ...nativeProps } = props\n  const { menuRef, expanded } = useNavMenuContext()\n  const locationStyles = useMemo(\n    () => getPosition(position ?? 'bottom'),\n    [position],\n  )\n\n  return (\n    <Show when={expanded}>\n      <ul\n        {...nativeProps}\n        data-position={position ?? 'bottom'}\n        className={cx(nativeProps.className, navListStyles)}\n        ref={menuRef}\n        style={locationStyles}\n      />\n    </Show>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA6C;AAC7C,qBAAkC;AAClC,kBAAqB;AAErB,iBAAmB;AACnB,sBAAuB;AAyFjB;AAhFC,SAAS,YAAY,UAAwC;AAClE,QAAM,mBAAmB;AAAA,IACvB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AACA,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,MAAM,MAAM,OAAO;AAAA,IACxD,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,MAAM,OAAO,OAAO;AAAA,IACzD,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,OAAO;AAAA,IAC5C,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,QAAQ,OAAO;AAAA,IAC/C;AACE,aAAO;AAAA,EACX;AACF;AAEA,IAAM,oBAAgB,wBAAO;AAAA,EAC3B,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,KAAK;AAAA,EACL,SAAS;AAAA,EACT,GAAG;AAAA,EACH,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa;AAAA,IACX,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,IACnB,yBAAyB;AAAA,EAC3B;AAAA,EACA,iBAAiB;AAAA,IACf,iBAAiB;AAAA,EACnB;AAAA,EACA,cAAc;AAAA,IACZ,iBAAiB;AAAA,EACnB;AAAA,EACA,eAAe;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EACA,gBAAgB;AAAA,IACd,iBAAiB;AAAA,EACnB;AACF,CAAC;AAoBM,SAAS,YAAY,OAAsC;AAChE,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,QAAM,EAAE,SAAS,SAAS,QAAI,kCAAkB;AAChD,QAAM,qBAAiB;AAAA,IACrB,MAAM,YAAY,YAAY,QAAQ;AAAA,IACtC,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,4CAAC,oBAAK,MAAM,UACV;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,iBAAe,YAAY;AAAA,MAC3B,eAAW,eAAG,YAAY,WAAW,aAAa;AAAA,MAClD,KAAK;AAAA,MACL,OAAO;AAAA;AAAA,EACT,GACF;AAEJ;","names":[]}

package/build/modern/components/NavMenuList.js

@@ -1,39 +1,11 @@
 "use client";
-import {
-  css,
-  cx,
-  getPatternStyles,
-  patternFns
-} from "../chunk-X3GZABU6.js";
 
 // src/components/NavMenuList.tsx
 import { useMemo } from "react";
-
-// ../styled-system/patterns/vstack.mjs
-var vstackConfig = {
-  transform(props) {
-    const { justify, gap, ...rest } = props;
-    return {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: justify,
-      gap,
-      flexDirection: "column",
-      ...rest
-    };
-  },
-  defaultValues: { gap: "10px" }
-};
-var getVstackStyle = (styles = {}) => {
-  const _styles = getPatternStyles(vstackConfig, styles);
-  return vstackConfig.transform(_styles, patternFns);
-};
-var vstack = (styles) => css(getVstackStyle(styles));
-vstack.raw = getVstackStyle;
-
-// src/components/NavMenuList.tsx
 import { useNavMenuContext } from "../context/navMenu.js";
 import { Show } from "./Show.js";
+import { cx } from "@cerberus/styled-system/css.js";
+import { vstack } from "@cerberus/styled-system/patterns.js";
 import { jsx } from "react/jsx-runtime";
 function getPosition(position) {
   const defaultPositions = {

package/build/modern/components/NavMenuList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/NavMenuList.tsx","../../../../styled-system/patterns/vstack.mjs"],"sourcesContent":["'use client'\n\nimport { useMemo, type HTMLAttributes } from 'react'\nimport { cx } from '@cerberus/styled-system/css/index.mjs'\nimport { vstack } from '@cerberus/styled-system/patterns/index.mjs'\nimport { useNavMenuContext } from '../context/navMenu'\nimport type { Positions } from '../types'\nimport { Show } from './Show'\n\ninterface GetPositionResult {\n  left: string\n  right: string\n  top: string\n  bottom: string\n}\n\nexport function getPosition(position: Positions): GetPositionResult {\n  const defaultPositions = {\n    left: 'auto',\n    right: 'auto',\n    top: 'auto',\n    bottom: 'auto',\n  }\n  switch (position) {\n    case 'right':\n      return { ...defaultPositions, top: '0%', left: '105%' }\n    case 'left':\n      return { ...defaultPositions, top: '0%', right: '105%' }\n    case 'bottom':\n      return { ...defaultPositions, top: '110%' }\n    case 'top':\n      return { ...defaultPositions, bottom: '110%' }\n    default:\n      return defaultPositions\n  }\n}\n\nconst navListStyles = vstack({\n  alignItems: 'flex-start',\n  bgColor: 'neutral.surface.100',\n  boxShadow: 'lg',\n  gap: '2',\n  opacity: '0',\n  p: '4',\n  position: 'absolute',\n  rounded: 'md',\n  zIndex: 'dropdown',\n  _motionSafe: {\n    animationName: 'zoomIn',\n    animationDelay: '100ms',\n    animationDuration: '150ms',\n    animationFillMode: 'both',\n    animationTimingFunction: 'ease-in-out',\n  },\n  _positionBottom: {\n    transformOrigin: 'top left',\n  },\n  _positionTop: {\n    transformOrigin: 'bottom left',\n  },\n  _positionLeft: {\n    transformOrigin: 'top right',\n  },\n  _positionRight: {\n    transformOrigin: 'top left',\n  },\n})\n\nexport interface NavMenuListProps extends HTMLAttributes<HTMLUListElement> {\n  id: string\n  position?: Positions\n}\n\n/**\n * A component that allows the user to display a menu of navigation links.\n * @definition [Disclosure Nav](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/examples/disclosure-navigation/)\n * @definition [NavMenu Docs](https://cerberus.digitalu.design/react/nav-menu)\n *\n * @example\n * ```tsx\n * <NavMenuList id=\"nav-menu-list\" position=\"bottom\">\n *  <NavMenuLink href=\"/home\">Home</NavMenuLink>\n * <NavMenuLink href=\"/about\">About</NavMenuLink>\n * </NavMenuList>\n * ```\n **/\nexport function NavMenuList(props: NavMenuListProps): JSX.Element {\n  const { position, ...nativeProps } = props\n  const { menuRef, expanded } = useNavMenuContext()\n  const locationStyles = useMemo(\n    () => getPosition(position ?? 'bottom'),\n    [position],\n  )\n\n  return (\n    <Show when={expanded}>\n      <ul\n        {...nativeProps}\n        data-position={position ?? 'bottom'}\n        className={cx(nativeProps.className, navListStyles)}\n        ref={menuRef}\n        style={locationStyles}\n      />\n    </Show>\n  )\n}\n","import { getPatternStyles, patternFns } from '../helpers.mjs';\nimport { css } from '../css/index.mjs';\n\nconst vstackConfig = {\ntransform(props) {\n  const { justify, gap, ...rest } = props;\n  return {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: justify,\n    gap,\n    flexDirection: \"column\",\n    ...rest\n  };\n},\ndefaultValues:{gap:'10px'}}\n\nexport const getVstackStyle = (styles = {}) => {\n  const _styles = getPatternStyles(vstackConfig, styles)\n  return vstackConfig.transform(_styles, patternFns)\n}\n\nexport const vstack = (styles) => css(getVstackStyle(styles))\nvstack.raw = getVstackStyle"],"mappings":";;;;;;;;;AAEA,SAAS,eAAoC;;;ACC7C,IAAM,eAAe;AAAA,EACrB,UAAU,OAAO;AACf,UAAM,EAAE,SAAS,KAAK,GAAG,KAAK,IAAI;AAClC,WAAO;AAAA,MACL,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB;AAAA,MACA,eAAe;AAAA,MACf,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA,eAAc,EAAC,KAAI,OAAM;AAAC;AAEnB,IAAM,iBAAiB,CAAC,SAAS,CAAC,MAAM;AAC7C,QAAM,UAAU,iBAAiB,cAAc,MAAM;AACrD,SAAO,aAAa,UAAU,SAAS,UAAU;AACnD;AAEO,IAAM,SAAS,CAAC,WAAW,IAAI,eAAe,MAAM,CAAC;AAC5D,OAAO,MAAM;;;ADlBb,SAAS,yBAAyB;AAElC,SAAS,YAAY;AAyFf;AAhFC,SAAS,YAAY,UAAwC;AAClE,QAAM,mBAAmB;AAAA,IACvB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AACA,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,MAAM,MAAM,OAAO;AAAA,IACxD,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,MAAM,OAAO,OAAO;AAAA,IACzD,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,OAAO;AAAA,IAC5C,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,QAAQ,OAAO;AAAA,IAC/C;AACE,aAAO;AAAA,EACX;AACF;AAEA,IAAM,gBAAgB,OAAO;AAAA,EAC3B,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,KAAK;AAAA,EACL,SAAS;AAAA,EACT,GAAG;AAAA,EACH,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa;AAAA,IACX,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,IACnB,yBAAyB;AAAA,EAC3B;AAAA,EACA,iBAAiB;AAAA,IACf,iBAAiB;AAAA,EACnB;AAAA,EACA,cAAc;AAAA,IACZ,iBAAiB;AAAA,EACnB;AAAA,EACA,eAAe;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EACA,gBAAgB;AAAA,IACd,iBAAiB;AAAA,EACnB;AACF,CAAC;AAoBM,SAAS,YAAY,OAAsC;AAChE,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,QAAM,EAAE,SAAS,SAAS,IAAI,kBAAkB;AAChD,QAAM,iBAAiB;AAAA,IACrB,MAAM,YAAY,YAAY,QAAQ;AAAA,IACtC,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,oBAAC,QAAK,MAAM,UACV;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,iBAAe,YAAY;AAAA,MAC3B,WAAW,GAAG,YAAY,WAAW,aAAa;AAAA,MAClD,KAAK;AAAA,MACL,OAAO;AAAA;AAAA,EACT,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/NavMenuList.tsx"],"sourcesContent":["'use client'\n\nimport { useMemo, type HTMLAttributes } from 'react'\nimport { useNavMenuContext } from '../context/navMenu'\nimport { Show } from './Show'\nimport type { Positions } from '../types'\nimport { cx } from '@cerberus/styled-system/css'\nimport { vstack } from '@cerberus/styled-system/patterns'\n\ninterface GetPositionResult {\n  left: string\n  right: string\n  top: string\n  bottom: string\n}\n\nexport function getPosition(position: Positions): GetPositionResult {\n  const defaultPositions = {\n    left: 'auto',\n    right: 'auto',\n    top: 'auto',\n    bottom: 'auto',\n  }\n  switch (position) {\n    case 'right':\n      return { ...defaultPositions, top: '0%', left: '105%' }\n    case 'left':\n      return { ...defaultPositions, top: '0%', right: '105%' }\n    case 'bottom':\n      return { ...defaultPositions, top: '110%' }\n    case 'top':\n      return { ...defaultPositions, bottom: '110%' }\n    default:\n      return defaultPositions\n  }\n}\n\nconst navListStyles = vstack({\n  alignItems: 'flex-start',\n  bgColor: 'neutral.surface.100',\n  boxShadow: 'lg',\n  gap: '2',\n  opacity: '0',\n  p: '4',\n  position: 'absolute',\n  rounded: 'md',\n  zIndex: 'dropdown',\n  _motionSafe: {\n    animationName: 'zoomIn',\n    animationDelay: '100ms',\n    animationDuration: '150ms',\n    animationFillMode: 'both',\n    animationTimingFunction: 'ease-in-out',\n  },\n  _positionBottom: {\n    transformOrigin: 'top left',\n  },\n  _positionTop: {\n    transformOrigin: 'bottom left',\n  },\n  _positionLeft: {\n    transformOrigin: 'top right',\n  },\n  _positionRight: {\n    transformOrigin: 'top left',\n  },\n})\n\nexport interface NavMenuListProps extends HTMLAttributes<HTMLUListElement> {\n  id: string\n  position?: Positions\n}\n\n/**\n * A component that allows the user to display a menu of navigation links.\n * @definition [Disclosure Nav](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/examples/disclosure-navigation/)\n * @definition [NavMenu Docs](https://cerberus.digitalu.design/react/nav-menu)\n *\n * @example\n * ```tsx\n * <NavMenuList id=\"nav-menu-list\" position=\"bottom\">\n *  <NavMenuLink href=\"/home\">Home</NavMenuLink>\n * <NavMenuLink href=\"/about\">About</NavMenuLink>\n * </NavMenuList>\n * ```\n **/\nexport function NavMenuList(props: NavMenuListProps): JSX.Element {\n  const { position, ...nativeProps } = props\n  const { menuRef, expanded } = useNavMenuContext()\n  const locationStyles = useMemo(\n    () => getPosition(position ?? 'bottom'),\n    [position],\n  )\n\n  return (\n    <Show when={expanded}>\n      <ul\n        {...nativeProps}\n        data-position={position ?? 'bottom'}\n        className={cx(nativeProps.className, navListStyles)}\n        ref={menuRef}\n        style={locationStyles}\n      />\n    </Show>\n  )\n}\n"],"mappings":";;;AAEA,SAAS,eAAoC;AAC7C,SAAS,yBAAyB;AAClC,SAAS,YAAY;AAErB,SAAS,UAAU;AACnB,SAAS,cAAc;AAyFjB;AAhFC,SAAS,YAAY,UAAwC;AAClE,QAAM,mBAAmB;AAAA,IACvB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AACA,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,MAAM,MAAM,OAAO;AAAA,IACxD,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,MAAM,OAAO,OAAO;AAAA,IACzD,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,KAAK,OAAO;AAAA,IAC5C,KAAK;AACH,aAAO,EAAE,GAAG,kBAAkB,QAAQ,OAAO;AAAA,IAC/C;AACE,aAAO;AAAA,EACX;AACF;AAEA,IAAM,gBAAgB,OAAO;AAAA,EAC3B,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,KAAK;AAAA,EACL,SAAS;AAAA,EACT,GAAG;AAAA,EACH,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa;AAAA,IACX,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,IACnB,yBAAyB;AAAA,EAC3B;AAAA,EACA,iBAAiB;AAAA,IACf,iBAAiB;AAAA,EACnB;AAAA,EACA,cAAc;AAAA,IACZ,iBAAiB;AAAA,EACnB;AAAA,EACA,eAAe;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EACA,gBAAgB;AAAA,IACd,iBAAiB;AAAA,EACnB;AACF,CAAC;AAoBM,SAAS,YAAY,OAAsC;AAChE,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,QAAM,EAAE,SAAS,SAAS,IAAI,kBAAkB;AAChD,QAAM,iBAAiB;AAAA,IACrB,MAAM,YAAY,YAAY,QAAQ;AAAA,IACtC,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,oBAAC,QAAK,MAAM,UACV;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,iBAAe,YAAY;AAAA,MAC3B,WAAW,GAAG,YAAY,WAAW,aAAa;AAAA,MAClD,KAAK;AAAA,MACL,OAAO;AAAA;AAAA,EACT,GACF;AAEJ;","names":[]}