react-minolith 2.3.6 → 2.4.1

package/dist/utilities/emotionStyleUtility/emotionStyleUtility.js.map

@@ -1 +1 @@
-{"version":3,"file":"emotionStyleUtility.js","sources":["../../../src/utilities/emotionStyleUtility/emotionStyleUtility.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-template-expressions */\r\n\"use client\";\r\n\r\nimport type { BaseComponentProps } from \"../../models\";\r\nimport { css } from \"@emotion/react\";\r\nimport type { CSSObject, Interpolation, Theme } from \"@emotion/react\";\r\nimport type {\r\n  ColorAttributes,\r\n  ColorName,\r\n  Gutter,\r\n  ResponsiveBreakepointSize,\r\n  ResponsiveFlexDirection,\r\n  ResponsiveGutter,\r\n} from \"../../types\";\r\nimport type { CSSInterpolation } from \"@emotion/serialize\";\r\n\r\nconst cssVariablePrefix = \"minolith-\";\r\n\r\ninterface ComponentStateColorCssProperty {\r\n  default?: string;\r\n  hover?: string;\r\n  focus?: string;\r\n  active?: string;\r\n  disabled?: string;\r\n}\r\n\r\nfunction getColorProps<BaseComponentColorNameType extends string>(\r\n  props?: {\r\n    default?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n    hover?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n    focus?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n    active?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n    disabled?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n  },\r\n  mode?: \"highlighter\",\r\n): ComponentStateColorCssProperty {\r\n  if (!props) {\r\n    return {\r\n      default: undefined,\r\n      hover: undefined,\r\n      focus: undefined,\r\n      active: undefined,\r\n      disabled: undefined,\r\n    };\r\n  }\r\n\r\n  if (mode === \"highlighter\") {\r\n    return {\r\n      default: getHighlighterBackgroundVariable(props.default),\r\n      hover: getHighlighterBackgroundVariable(props.hover),\r\n      focus: getHighlighterBackgroundVariable(props.focus),\r\n      active: getHighlighterBackgroundVariable(props.active),\r\n      disabled: getHighlighterBackgroundVariable(props.disabled),\r\n    };\r\n  }\r\n\r\n  return {\r\n    default: getColorVariable(props.default),\r\n    hover: getColorVariable(props.hover),\r\n    focus: getColorVariable(props.focus),\r\n    active: getColorVariable(props.active),\r\n    disabled: getColorVariable(props.disabled),\r\n  };\r\n}\r\n\r\nfunction getSchemeColorProps<\r\n  BaseComponentColorNameType extends string = ColorName,\r\n>(\r\n  props?: {\r\n    light: {\r\n      default?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n      hover?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n      focus?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n      active?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n      disabled?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n    };\r\n    dark: {\r\n      default?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n      hover?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n      focus?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n      active?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n      disabled?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n    };\r\n  },\r\n  mode?: \"highlighter\",\r\n): ComponentStateColorCssProperty {\r\n  if (!props) {\r\n    return {\r\n      default: undefined,\r\n      hover: undefined,\r\n      focus: undefined,\r\n      active: undefined,\r\n      disabled: undefined,\r\n    };\r\n  }\r\n\r\n  if (mode === \"highlighter\") {\r\n    return {\r\n      default:\r\n        props.light.default && props.dark.default\r\n          ? getSchemeColorHighlighterBackgroundVariable(\r\n              props.light.default,\r\n              props.dark.default,\r\n            )\r\n          : undefined,\r\n      hover:\r\n        props.light.hover && props.dark.hover\r\n          ? getSchemeColorHighlighterBackgroundVariable(\r\n              props.light.hover,\r\n              props.dark.hover,\r\n            )\r\n          : undefined,\r\n      focus:\r\n        props.light.focus && props.dark.focus\r\n          ? getSchemeColorHighlighterBackgroundVariable(\r\n              props.light.focus,\r\n              props.dark.focus,\r\n            )\r\n          : undefined,\r\n      active:\r\n        props.light.active && props.dark.active\r\n          ? getSchemeColorHighlighterBackgroundVariable(\r\n              props.light.active,\r\n              props.dark.active,\r\n            )\r\n          : undefined,\r\n      disabled:\r\n        props.light.disabled && props.dark.disabled\r\n          ? getSchemeColorHighlighterBackgroundVariable(\r\n              props.light.disabled,\r\n              props.dark.disabled,\r\n            )\r\n          : undefined,\r\n    };\r\n  }\r\n\r\n  return {\r\n    default:\r\n      props.light.default && props.dark.default\r\n        ? `light-dark(${getColorVariable(props.light.default)}, ${getColorVariable(props.dark.default)})`\r\n        : undefined,\r\n    hover:\r\n      props.light.hover && props.dark.hover\r\n        ? `light-dark(${getColorVariable(props.light.hover)}, ${getColorVariable(props.dark.hover)})`\r\n        : undefined,\r\n    focus:\r\n      props.light.focus && props.dark.focus\r\n        ? `light-dark(${getColorVariable(props.light.focus)}, ${getColorVariable(props.dark.focus)})`\r\n        : undefined,\r\n    active:\r\n      props.light.active && props.dark.active\r\n        ? `light-dark(${getColorVariable(props.light.active)}, ${getColorVariable(props.dark.active)})`\r\n        : undefined,\r\n    disabled:\r\n      props.light.disabled && props.dark.disabled\r\n        ? `light-dark(${getColorVariable(props.light.disabled)}, ${getColorVariable(props.dark.disabled)})`\r\n        : undefined,\r\n  };\r\n}\r\n\r\nfunction getColorVariable<\r\n  BaseComponentColorNameType extends string = ColorName,\r\n>(\r\n  colorAttributes?: ColorAttributes<BaseComponentColorNameType> | \"transparent\",\r\n): string | undefined {\r\n  if (!colorAttributes) {\r\n    return undefined;\r\n  }\r\n\r\n  if (typeof colorAttributes === \"string\") {\r\n    return \"transparent\";\r\n  }\r\n\r\n  if (colorAttributes.name === \"rainbow\") {\r\n    return \"transparent\";\r\n  }\r\n\r\n  if (colorAttributes.alpha) {\r\n    return `oklch(from var(--${cssVariablePrefix}color-${colorAttributes.name}-${\r\n      colorAttributes.lightness === 5 ? \"05\" : colorAttributes.lightness\r\n    }) l c h / ${colorAttributes.alpha})`;\r\n  }\r\n\r\n  return `var(--${cssVariablePrefix}color-${colorAttributes.name}-${\r\n    colorAttributes.lightness === 5 ? \"05\" : colorAttributes.lightness\r\n  })`;\r\n}\r\n\r\nfunction getHighlighterBackgroundVariable<\r\n  BaseComponentColorNameType extends string = ColorName,\r\n>(\r\n  colorAttributes?: ColorAttributes<BaseComponentColorNameType> | \"transparent\",\r\n): string | undefined {\r\n  if (!colorAttributes) {\r\n    return undefined;\r\n  }\r\n\r\n  if (typeof colorAttributes === \"string\") {\r\n    return \"transparent\";\r\n  }\r\n\r\n  if (colorAttributes.name === \"rainbow\") {\r\n    return \"transparent\";\r\n  }\r\n\r\n  if (colorAttributes.alpha) {\r\n    return `linear-gradient(\r\n    transparent 66.66%,\r\n    oklch(from var(--${cssVariablePrefix}color-${colorAttributes.name}-${\r\n      colorAttributes.lightness === 5 ? \"05\" : colorAttributes.lightness\r\n    }) l c h / ${colorAttributes.alpha}) 33.33%)`;\r\n  }\r\n\r\n  return `linear-gradient(\r\n    transparent 66.66%,\r\n    var(--${cssVariablePrefix}color-${colorAttributes.name}-${\r\n      colorAttributes.lightness === 5 ? \"05\" : colorAttributes.lightness\r\n    }) 33.33%)`;\r\n}\r\n\r\nfunction getSchemeColorHighlighterBackgroundVariable<\r\n  BaseComponentColorNameType extends string = ColorName,\r\n>(\r\n  lightColorAttributes?:\r\n    | ColorAttributes<BaseComponentColorNameType>\r\n    | \"transparent\",\r\n  darkColorAttributes?:\r\n    | ColorAttributes<BaseComponentColorNameType>\r\n    | \"transparent\",\r\n): string | undefined {\r\n  if (!lightColorAttributes || !darkColorAttributes) {\r\n    return undefined;\r\n  }\r\n\r\n  const getColor = (\r\n    colorAttributes:\r\n      | ColorAttributes<BaseComponentColorNameType>\r\n      | \"transparent\",\r\n  ) => {\r\n    if (typeof colorAttributes === \"string\") {\r\n      return \"transparent\";\r\n    } else {\r\n      if (colorAttributes.name === \"rainbow\") {\r\n        return \"transparent\";\r\n      }\r\n\r\n      if (colorAttributes.alpha) {\r\n        return `oklch(from var(--${cssVariablePrefix}color-${colorAttributes.name}-${\r\n          colorAttributes.lightness === 5 ? \"05\" : colorAttributes.lightness\r\n        }) l c h / ${colorAttributes.alpha})`;\r\n      } else {\r\n        return `var(--${cssVariablePrefix}color-${colorAttributes.name}-${\r\n          colorAttributes.lightness === 5 ? \"05\" : colorAttributes.lightness\r\n        })`;\r\n      }\r\n    }\r\n  };\r\n\r\n  const light = getColor(lightColorAttributes);\r\n  const dark = getColor(darkColorAttributes);\r\n\r\n  return `linear-gradient(transparent 66.66%, light-dark(${light}, ${dark}) 33.33%)`;\r\n}\r\n\r\nfunction getCssObject(props: {\r\n  foreColor?: string;\r\n  backColor?: string;\r\n  highlighter?: string;\r\n  borderColor?: string;\r\n  borderTopColor?: string;\r\n  borderRightColor?: string;\r\n  borderBottomColor?: string;\r\n  borderLeftColor?: string;\r\n}): CSSObject | undefined {\r\n  return props.foreColor ||\r\n    props.backColor ||\r\n    props.highlighter ||\r\n    props.borderColor\r\n    ? {\r\n        color: props.foreColor,\r\n        backgroundColor: props.backColor,\r\n        backgroundImage: props.highlighter,\r\n        borderColor: props.borderColor,\r\n        borderTopColor: props.borderTopColor,\r\n        borderRightColor: props.borderRightColor,\r\n        borderBottomColor: props.borderBottomColor,\r\n        borderLeftColor: props.borderLeftColor,\r\n      }\r\n    : undefined;\r\n}\r\n\r\nfunction getGutterCSSObject(\r\n  componentName: string,\r\n  gutter?: Gutter,\r\n): CSSObject | undefined {\r\n  if (gutter === undefined) {\r\n    return undefined;\r\n  }\r\n\r\n  if (typeof gutter === \"string\") {\r\n    return {\r\n      [`--minolith-${componentName}-gutter-x`]: gutter,\r\n      [`--minolith-${componentName}-gutter-y`]: gutter,\r\n    };\r\n  } else if (typeof gutter === \"number\") {\r\n    return {\r\n      [`--minolith-${componentName}-gutter-x`]: `${gutter}rem`,\r\n      [`--minolith-${componentName}-gutter-y`]: `${gutter}rem`,\r\n    };\r\n  } else {\r\n    let gutterX: CSSObject | undefined = undefined;\r\n    let gutterY: CSSObject | undefined = undefined;\r\n    if (typeof gutter.x === \"string\") {\r\n      gutterX = {\r\n        [`--minolith-${componentName}-gutter-x`]: gutter.x,\r\n      };\r\n    } else if (typeof gutter.x === \"number\") {\r\n      gutterX = {\r\n        [`--minolith-${componentName}-gutter-x`]: `${gutter.x}rem`,\r\n      };\r\n    }\r\n    if (typeof gutter.y === \"string\") {\r\n      gutterY = {\r\n        [`--minolith-${componentName}-gutter-y`]: gutter.y,\r\n      };\r\n    } else if (typeof gutter.y === \"number\") {\r\n      gutterY = {\r\n        [`--minolith-${componentName}-gutter-y`]: `${gutter.y}rem`,\r\n      };\r\n    }\r\n\r\n    return {\r\n      ...gutterX,\r\n      ...gutterY,\r\n    };\r\n  }\r\n}\r\n\r\nfunction getResponsiveFlexDirectionCSSObject(\r\n  responsiveFlexDirection?: ResponsiveFlexDirection,\r\n) {\r\n  if (responsiveFlexDirection === undefined) {\r\n    return undefined;\r\n  }\r\n\r\n  if (typeof responsiveFlexDirection === \"string\") {\r\n    return {\r\n      flexDirection: responsiveFlexDirection,\r\n    };\r\n  } else {\r\n    let cssObject: CSSObject = {};\r\n\r\n    if (\"default\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        flexDirection: responsiveFlexDirection.default,\r\n      };\r\n    }\r\n\r\n    if (\"xsmall\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"xsmall\", {\r\n          flexDirection: responsiveFlexDirection.xsmall,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"xsmallOrMore\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"xsmall\", {\r\n          flexDirection: responsiveFlexDirection.xsmallOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"small\", {\r\n          flexDirection: responsiveFlexDirection.xsmallOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"medium\", {\r\n          flexDirection: responsiveFlexDirection.xsmallOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"large\", {\r\n          flexDirection: responsiveFlexDirection.xsmallOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"xlarge\", {\r\n          flexDirection: responsiveFlexDirection.xsmallOrMore,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"smallOrLess\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"xsmall\", {\r\n          flexDirection: responsiveFlexDirection.smallOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"small\", {\r\n          flexDirection: responsiveFlexDirection.smallOrLess,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"small\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"small\", {\r\n          flexDirection: responsiveFlexDirection.small,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"smallOrMore\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"small\", {\r\n          flexDirection: responsiveFlexDirection.smallOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"medium\", {\r\n          flexDirection: responsiveFlexDirection.smallOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"large\", {\r\n          flexDirection: responsiveFlexDirection.smallOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"xlarge\", {\r\n          flexDirection: responsiveFlexDirection.smallOrMore,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"mediumOrLess\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"xsmall\", {\r\n          flexDirection: responsiveFlexDirection.mediumOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"small\", {\r\n          flexDirection: responsiveFlexDirection.mediumOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"medium\", {\r\n          flexDirection: responsiveFlexDirection.mediumOrLess,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"medium\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"medium\", {\r\n          flexDirection: responsiveFlexDirection.medium,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"mediumOrMore\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"medium\", {\r\n          flexDirection: responsiveFlexDirection.mediumOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"large\", {\r\n          flexDirection: responsiveFlexDirection.mediumOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"xlarge\", {\r\n          flexDirection: responsiveFlexDirection.mediumOrMore,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"largeOrLess\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"xsmall\", {\r\n          flexDirection: responsiveFlexDirection.largeOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"small\", {\r\n          flexDirection: responsiveFlexDirection.largeOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"medium\", {\r\n          flexDirection: responsiveFlexDirection.largeOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"large\", {\r\n          flexDirection: responsiveFlexDirection.largeOrLess,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"large\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"large\", {\r\n          flexDirection: responsiveFlexDirection.large,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"largeOrMore\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"large\", {\r\n          flexDirection: responsiveFlexDirection.largeOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"xlarge\", {\r\n          flexDirection: responsiveFlexDirection.largeOrMore,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"xlargeOrLess\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"xsmall\", {\r\n          flexDirection: responsiveFlexDirection.xlargeOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"small\", {\r\n          flexDirection: responsiveFlexDirection.xlargeOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"medium\", {\r\n          flexDirection: responsiveFlexDirection.xlargeOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"large\", {\r\n          flexDirection: responsiveFlexDirection.xlargeOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"xlarge\", {\r\n          flexDirection: responsiveFlexDirection.xlargeOrLess,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"xlarge\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"xlarge\", {\r\n          flexDirection: responsiveFlexDirection.xlarge,\r\n        }),\r\n      };\r\n    }\r\n\r\n    return cssObject;\r\n  }\r\n}\r\n\r\nfunction getResponsiveGutterCSSObject(\r\n  componentName: string,\r\n  responsiveGutter?: ResponsiveGutter,\r\n): CSSObject | undefined {\r\n  if (responsiveGutter === undefined) {\r\n    return undefined;\r\n  }\r\n\r\n  if (\r\n    typeof responsiveGutter === \"number\" ||\r\n    typeof responsiveGutter === \"string\" ||\r\n    \"x\" in responsiveGutter ||\r\n    \"y\" in responsiveGutter\r\n  ) {\r\n    return getGutterCSSObject(componentName, responsiveGutter);\r\n  } else {\r\n    let cssObject: CSSObject = {};\r\n\r\n    if (\"default\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.default,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...gutterCSSObject,\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"xsmall\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.xsmall,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"xsmall\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"xsmallOrMore\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.xsmall,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"xsmall\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"small\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"medium\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"large\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"xlarge\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"smallOrLess\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.smallOrLess,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"xsmall\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"small\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"small\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.small,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"small\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"smallOrMore\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.smallOrMore,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"small\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"medium\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"large\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"xlarge\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"mediumOrLess\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.mediumOrLess,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"xsmall\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"small\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"medium\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"medium\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.medium,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"medium\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"mediumOrMore\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.mediumOrMore,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"medium\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"large\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"xlarge\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"largeOrLess\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.largeOrLess,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"xsmall\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"small\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"medium\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"large\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"large\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.large,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"large\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"largeOrMore\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.largeOrMore,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"large\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"xlarge\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"xlargeOrLess\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.xlargeOrLess,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"xsmall\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"small\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"medium\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"large\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"xlarge\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"xlarge\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.xlarge,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"xlarge\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    return cssObject;\r\n  }\r\n}\r\n\r\nfunction wrapResponsiveMediaQuery(\r\n  size: ResponsiveBreakepointSize,\r\n  cssObject: CSSObject,\r\n): CSSObject {\r\n  // const responsiveBreakpointXsmall = 0;\r\n  const responsiveBreakpointSmall = 544;\r\n  const responsiveBreakpointMedium = 768;\r\n  const responsiveBreakpointLarge = 1024;\r\n  const responsiveBreakpointXlarge = 1200;\r\n  const responsiveBreakpointMaxWidthOffset = -0.02;\r\n\r\n  switch (size) {\r\n    case \"xsmall\":\r\n      return {\r\n        [`@media screen and (max-width: ${responsiveBreakpointSmall + responsiveBreakpointMaxWidthOffset}px)`]:\r\n          {\r\n            ...cssObject,\r\n          },\r\n      };\r\n    case \"small\":\r\n      return {\r\n        [`@media screen (min-width: ${responsiveBreakpointSmall}px) and (max-width: ${responsiveBreakpointMedium + responsiveBreakpointMaxWidthOffset}px)`]:\r\n          {\r\n            ...cssObject,\r\n          },\r\n      };\r\n    case \"medium\":\r\n      return {\r\n        [`@media screen (min-width: ${responsiveBreakpointMedium}px) and (max-width: ${responsiveBreakpointLarge + responsiveBreakpointMaxWidthOffset}px)`]:\r\n          {\r\n            ...cssObject,\r\n          },\r\n      };\r\n    case \"large\":\r\n      return {\r\n        [`@media screen (min-width: ${responsiveBreakpointLarge}px) and (max-width: ${responsiveBreakpointXlarge + responsiveBreakpointMaxWidthOffset}px)`]:\r\n          {\r\n            ...cssObject,\r\n          },\r\n      };\r\n    case \"xlarge\":\r\n      return {\r\n        [`@media screen and (min-width: ${responsiveBreakpointXlarge}px)`]: {\r\n          ...cssObject,\r\n        },\r\n      };\r\n  }\r\n}\r\n\r\nfunction getColumnsFlexDirectionCss(\r\n  responsiveFlexDirection?: ResponsiveFlexDirection,\r\n) {\r\n  return getResponsiveFlexDirectionCSSObject(responsiveFlexDirection);\r\n}\r\n\r\n// function getColumnsGutterCss(\r\n//   responsiveGutter?: ResponsiveGutter,\r\n// ): CSSObject | undefined {\r\n//   return getResponsiveGutterCSSObject(\"columns\", responsiveGutter);\r\n// }\r\n\r\nfunction getContainerGutterCss(\r\n  responsiveGutter?: ResponsiveGutter,\r\n): CSSObject | undefined {\r\n  return getResponsiveGutterCSSObject(\"container\", responsiveGutter);\r\n}\r\n\r\nfunction getEmotionCss<ColorNameType extends string>(\r\n  props: BaseComponentProps<ColorNameType>,\r\n  optionalCss?: Interpolation<Theme>,\r\n): Interpolation<Theme> {\r\n  const keys = Object.keys(props);\r\n\r\n  const baseComponentPropsKeys = keys.filter(\r\n    (key) =>\r\n      key === \"fore\" ||\r\n      key === \"back\" ||\r\n      key === \"highlighter\" ||\r\n      key === \"border\" ||\r\n      key === \"positioning\" ||\r\n      key === \"sizing\" ||\r\n      key === \"spacing\",\r\n  );\r\n\r\n  if (baseComponentPropsKeys.length === 0) {\r\n    const arry = [];\r\n    if (optionalCss) {\r\n      arry.push(optionalCss);\r\n    }\r\n\r\n    if (props.css) {\r\n      arry.push(props.css);\r\n    }\r\n    return arry;\r\n  }\r\n\r\n  //#region fore\r\n  const foreColorBase = props.fore\r\n    ? getColorProps(props.fore.color)\r\n    : undefined;\r\n\r\n  const foreColorScheme =\r\n    props.fore && props.fore.color\r\n      ? getSchemeColorProps(props.fore.color.colorScheme)\r\n      : undefined;\r\n\r\n  const fontSize =\r\n    props.fore && props.fore.fontSize\r\n      ? `var(--${cssVariablePrefix}font-size-${props.fore.fontSize})`\r\n      : undefined;\r\n  const fontWeight =\r\n    props.fore && props.fore.fontWeight\r\n      ? `var(--${cssVariablePrefix}font-weight-${props.fore.fontWeight})`\r\n      : undefined;\r\n  //#endregion fore\r\n\r\n  //#region back\r\n  const backColorBase = props.back\r\n    ? getColorProps(props.back.color)\r\n    : undefined;\r\n\r\n  const backColorScheme =\r\n    props.back && props.back.color\r\n      ? getSchemeColorProps(props.back.color.colorScheme)\r\n      : undefined;\r\n\r\n  //#endregion back\r\n\r\n  //#region highlighter\r\n  const highlighterColorBase =\r\n    props.highlighter && getColorProps(props.highlighter.color, \"highlighter\");\r\n\r\n  const highlighterColorScheme =\r\n    props.highlighter && props.highlighter.color\r\n      ? getSchemeColorProps(props.highlighter.color.colorScheme, \"highlighter\")\r\n      : undefined;\r\n\r\n  //#endregion highlighter\r\n\r\n  //#region border\r\n  const borderColorBase = props.border\r\n    ? getColorProps(props.border.color)\r\n    : undefined;\r\n\r\n  const borderColorScheme =\r\n    props.border && props.border.color\r\n      ? getSchemeColorProps(props.border.color.colorScheme)\r\n      : undefined;\r\n\r\n  const borderTopColorBase =\r\n    props.border && props.border.top\r\n      ? getColorProps(props.border.top.color)\r\n      : undefined;\r\n  const borderTopColorScheme =\r\n    props.border && props.border.top && props.border.top.color\r\n      ? getSchemeColorProps(props.border.top.color.colorScheme)\r\n      : undefined;\r\n\r\n  const borderRightColorBase =\r\n    props.border && props.border.right\r\n      ? getColorProps(props.border.right.color)\r\n      : undefined;\r\n  const borderRightColorScheme =\r\n    props.border && props.border.right && props.border.right.color\r\n      ? getSchemeColorProps(props.border.right.color.colorScheme)\r\n      : undefined;\r\n\r\n  const borderBottomColorBase =\r\n    props.border && props.border.bottom\r\n      ? getColorProps(props.border.bottom.color)\r\n      : undefined;\r\n  const borderBottomColorScheme =\r\n    props.border && props.border.bottom && props.border.bottom.color\r\n      ? getSchemeColorProps(props.border.bottom.color.colorScheme)\r\n      : undefined;\r\n\r\n  const borderLeftColorBase =\r\n    props.border && props.border.left && getColorProps(props.border.left.color);\r\n  const borderLeftColorScheme =\r\n    props.border && props.border.left && props.border.left.color\r\n      ? getSchemeColorProps(props.border.left.color.colorScheme)\r\n      : undefined;\r\n\r\n  //#endregion border\r\n\r\n  const hover = getCssObject({\r\n    foreColor: foreColorBase ? foreColorBase.hover : undefined,\r\n    backColor: backColorBase ? backColorBase.hover : undefined,\r\n    highlighter: highlighterColorBase ? highlighterColorBase.hover : undefined,\r\n    borderColor: borderColorBase ? borderColorBase.hover : undefined,\r\n    borderTopColor: borderTopColorBase ? borderTopColorBase.hover : undefined,\r\n    borderRightColor: borderRightColorBase\r\n      ? borderRightColorBase.hover\r\n      : undefined,\r\n    borderBottomColor: borderBottomColorBase\r\n      ? borderBottomColorBase.hover\r\n      : undefined,\r\n    borderLeftColor: borderLeftColorBase\r\n      ? borderLeftColorBase.hover\r\n      : undefined,\r\n  });\r\n\r\n  const focus = getCssObject({\r\n    foreColor: foreColorBase ? foreColorBase.focus : undefined,\r\n    backColor: backColorBase ? backColorBase.focus : undefined,\r\n    highlighter: highlighterColorBase ? highlighterColorBase.focus : undefined,\r\n    borderColor: borderColorBase ? borderColorBase.focus : undefined,\r\n    borderTopColor: borderTopColorBase ? borderTopColorBase.focus : undefined,\r\n    borderRightColor: borderRightColorBase\r\n      ? borderRightColorBase.focus\r\n      : undefined,\r\n    borderBottomColor: borderBottomColorBase\r\n      ? borderBottomColorBase.focus\r\n      : undefined,\r\n    borderLeftColor: borderLeftColorBase\r\n      ? borderLeftColorBase.focus\r\n      : undefined,\r\n  });\r\n\r\n  const active = getCssObject({\r\n    foreColor: foreColorBase ? foreColorBase.active : undefined,\r\n    backColor: backColorBase ? backColorBase.active : undefined,\r\n    highlighter: highlighterColorBase ? highlighterColorBase.active : undefined,\r\n    borderColor: borderColorBase ? borderColorBase.active : undefined,\r\n    borderTopColor: borderTopColorBase ? borderTopColorBase.active : undefined,\r\n    borderRightColor: borderRightColorBase\r\n      ? borderRightColorBase.active\r\n      : undefined,\r\n    borderBottomColor: borderBottomColorBase\r\n      ? borderBottomColorBase.active\r\n      : undefined,\r\n    borderLeftColor: borderLeftColorBase\r\n      ? borderLeftColorBase.active\r\n      : undefined,\r\n  });\r\n\r\n  const disabled = getCssObject({\r\n    foreColor: foreColorBase ? foreColorBase.disabled : undefined,\r\n    backColor: backColorBase ? backColorBase.disabled : undefined,\r\n    highlighter: highlighterColorBase\r\n      ? highlighterColorBase.disabled\r\n      : undefined,\r\n    borderColor: borderColorBase ? borderColorBase.disabled : undefined,\r\n    borderTopColor: borderTopColorBase\r\n      ? borderTopColorBase.disabled\r\n      : undefined,\r\n    borderRightColor: borderRightColorBase\r\n      ? borderRightColorBase.disabled\r\n      : undefined,\r\n    borderBottomColor: borderBottomColorBase\r\n      ? borderBottomColorBase.disabled\r\n      : undefined,\r\n    borderLeftColor: borderLeftColorBase\r\n      ? borderLeftColorBase.disabled\r\n      : undefined,\r\n  });\r\n\r\n  const defaultColor = css({\r\n    color: foreColorBase ? foreColorBase.default : undefined,\r\n    backgroundColor: backColorBase && backColorBase.default,\r\n    backgroundImage: highlighterColorBase && highlighterColorBase.default,\r\n    borderColor: borderColorBase && borderColorBase.default,\r\n    borderTopColor: borderTopColorBase && borderTopColorBase.default,\r\n    borderRightColor: borderRightColorBase && borderRightColorBase.default,\r\n    borderBottomColor: borderBottomColorBase && borderBottomColorBase.default,\r\n    borderLeftColor: borderLeftColorBase && borderLeftColorBase.default,\r\n    \":hover\": hover,\r\n    \":focus\": focus,\r\n    \":active\": active,\r\n    \"&[disabled]\": disabled,\r\n  });\r\n\r\n  const hoverSchemeColor = getCssObject({\r\n    foreColor: foreColorScheme ? foreColorScheme.hover : undefined,\r\n    backColor: backColorScheme ? backColorScheme.hover : undefined,\r\n    highlighter: highlighterColorScheme\r\n      ? highlighterColorScheme.hover\r\n      : undefined,\r\n    borderColor: borderColorScheme ? borderColorScheme.hover : undefined,\r\n    borderTopColor: borderTopColorScheme\r\n      ? borderTopColorScheme.hover\r\n      : undefined,\r\n    borderRightColor: borderRightColorScheme\r\n      ? borderRightColorScheme.hover\r\n      : undefined,\r\n    borderBottomColor: borderBottomColorScheme\r\n      ? borderBottomColorScheme.hover\r\n      : undefined,\r\n    borderLeftColor: borderLeftColorScheme\r\n      ? borderLeftColorScheme.hover\r\n      : undefined,\r\n  });\r\n\r\n  const focusSchemeColor = getCssObject({\r\n    foreColor: foreColorScheme ? foreColorScheme.focus : undefined,\r\n    backColor: backColorScheme ? backColorScheme.focus : undefined,\r\n    highlighter: highlighterColorScheme\r\n      ? highlighterColorScheme.focus\r\n      : undefined,\r\n    borderColor: borderColorScheme ? borderColorScheme.focus : undefined,\r\n    borderTopColor: borderTopColorScheme\r\n      ? borderTopColorScheme.focus\r\n      : undefined,\r\n    borderRightColor: borderRightColorScheme\r\n      ? borderRightColorScheme.focus\r\n      : undefined,\r\n    borderBottomColor: borderBottomColorScheme\r\n      ? borderBottomColorScheme.focus\r\n      : undefined,\r\n    borderLeftColor: borderLeftColorScheme\r\n      ? borderLeftColorScheme.focus\r\n      : undefined,\r\n  });\r\n\r\n  const activeSchemeColor = getCssObject({\r\n    foreColor: foreColorScheme ? foreColorScheme.active : undefined,\r\n    backColor: backColorScheme ? backColorScheme.active : undefined,\r\n    highlighter: highlighterColorScheme\r\n      ? highlighterColorScheme.active\r\n      : undefined,\r\n    borderColor: borderColorScheme ? borderColorScheme.active : undefined,\r\n    borderTopColor: borderTopColorScheme\r\n      ? borderTopColorScheme.active\r\n      : undefined,\r\n    borderRightColor: borderRightColorScheme\r\n      ? borderRightColorScheme.active\r\n      : undefined,\r\n    borderBottomColor: borderBottomColorScheme\r\n      ? borderBottomColorScheme.active\r\n      : undefined,\r\n    borderLeftColor: borderLeftColorScheme\r\n      ? borderLeftColorScheme.active\r\n      : undefined,\r\n  });\r\n\r\n  const disabledSchemeColor = getCssObject({\r\n    foreColor: foreColorScheme ? foreColorScheme.disabled : undefined,\r\n    backColor: backColorScheme ? backColorScheme.disabled : undefined,\r\n    highlighter: highlighterColorScheme\r\n      ? highlighterColorScheme.disabled\r\n      : undefined,\r\n    borderColor: borderColorScheme ? borderColorScheme.disabled : undefined,\r\n    borderTopColor: borderTopColorScheme\r\n      ? borderTopColorScheme.disabled\r\n      : undefined,\r\n    borderRightColor: borderRightColorScheme\r\n      ? borderRightColorScheme.disabled\r\n      : undefined,\r\n    borderBottomColor: borderBottomColorScheme\r\n      ? borderBottomColorScheme.disabled\r\n      : undefined,\r\n    borderLeftColor: borderLeftColorScheme\r\n      ? borderLeftColorScheme.disabled\r\n      : undefined,\r\n  });\r\n\r\n  const schemeColor = css({\r\n    color: foreColorScheme ? foreColorScheme.default : undefined,\r\n    backgroundColor: backColorScheme ? backColorScheme.default : undefined,\r\n    backgroundImage: highlighterColorScheme\r\n      ? highlighterColorScheme.default\r\n      : undefined,\r\n    borderColor: borderColorScheme ? borderColorScheme.default : undefined,\r\n    borderTopColor: borderTopColorScheme\r\n      ? borderTopColorScheme.default\r\n      : undefined,\r\n    borderRightColor: borderRightColorScheme\r\n      ? borderRightColorScheme.default\r\n      : undefined,\r\n    borderBottomColor: borderBottomColorScheme\r\n      ? borderBottomColorScheme.default\r\n      : undefined,\r\n    borderLeftColor: borderLeftColorScheme\r\n      ? borderLeftColorScheme.default\r\n      : undefined,\r\n    \":hover\": hoverSchemeColor,\r\n    \":focus\": focusSchemeColor,\r\n    \":active\": activeSchemeColor,\r\n    \"&[disabled]\": disabledSchemeColor,\r\n  });\r\n\r\n  const defaultCssProps: CSSInterpolation = {\r\n    fontSize: fontSize,\r\n    fontWeight: fontWeight,\r\n    fontStyle: props.fore ? props.fore.fontStyle : undefined,\r\n    textTransform: props.fore ? props.fore.textTransform : undefined,\r\n    borderCollapse:\r\n      props.border && props.border.collapse\r\n        ? props.border.collapse === \"collapted\"\r\n          ? \"collapse\"\r\n          : \"separate\"\r\n        : undefined,\r\n    borderRadius:\r\n      props.border && props.border.radius\r\n        ? `var(--${cssVariablePrefix}border-radius-${props.border.radius})`\r\n        : undefined,\r\n    borderStyle:\r\n      props.border && props.border.style ? props.border.style : undefined,\r\n    borderWidth:\r\n      props.border && props.border.width\r\n        ? `var(--${cssVariablePrefix}border-width-${props.border.width})`\r\n        : undefined,\r\n    borderTopStyle:\r\n      props.border && props.border.top && props.border.top.style\r\n        ? props.border.top.style\r\n        : undefined,\r\n    borderTopWidth:\r\n      props.border && props.border.top && props.border.top.width\r\n        ? `var(--${cssVariablePrefix}border-width-${props.border.top.width})`\r\n        : undefined,\r\n    borderRightStyle:\r\n      props.border && props.border.right && props.border.right.style\r\n        ? props.border.right.style\r\n        : undefined,\r\n    borderRightWidth:\r\n      props.border && props.border.right && props.border.right.width\r\n        ? `var(--${cssVariablePrefix}border-width-${props.border.right.width})`\r\n        : undefined,\r\n    borderBottomStyle:\r\n      props.border && props.border.bottom && props.border.bottom.style\r\n        ? props.border.bottom.style\r\n        : undefined,\r\n    borderBottomWidth:\r\n      props.border && props.border.bottom && props.border.bottom.width\r\n        ? `var(--${cssVariablePrefix}border-width-${props.border.bottom.width})`\r\n        : undefined,\r\n    borderLeftStyle:\r\n      props.border && props.border.left && props.border.left.style\r\n        ? props.border.left.style\r\n        : undefined,\r\n    borderLeftWidth:\r\n      props.border && props.border.left && props.border.left.width\r\n        ? `var(--${cssVariablePrefix}border-width-${props.border.left.width})`\r\n        : undefined,\r\n    margin:\r\n      props.spacing && props.spacing.margin\r\n        ? typeof props.spacing.margin === \"number\"\r\n          ? `${props.spacing.margin}rem`\r\n          : typeof props.spacing.margin === \"string\"\r\n            ? props.spacing.margin\r\n            : undefined\r\n        : undefined,\r\n    marginTop:\r\n      props.spacing &&\r\n      props.spacing.margin &&\r\n      typeof props.spacing.margin === \"object\" &&\r\n      props.spacing.margin.top\r\n        ? typeof props.spacing.margin.top === \"number\"\r\n          ? `${props.spacing.margin.top}rem`\r\n          : props.spacing.margin.top\r\n        : props.spacing &&\r\n            props.spacing.margin &&\r\n            typeof props.spacing.margin === \"object\" &&\r\n            props.spacing.margin.y\r\n          ? typeof props.spacing.margin.y === \"number\"\r\n            ? `${props.spacing.margin.y}rem`\r\n            : props.spacing.margin.y\r\n          : undefined,\r\n    marginRight:\r\n      props.spacing &&\r\n      props.spacing.margin &&\r\n      typeof props.spacing.margin === \"object\" &&\r\n      props.spacing.margin.right\r\n        ? typeof props.spacing.margin.right === \"number\"\r\n          ? `${props.spacing.margin.right}rem`\r\n          : props.spacing.margin.right\r\n        : props.spacing &&\r\n            props.spacing.margin &&\r\n            typeof props.spacing.margin === \"object\" &&\r\n            props.spacing.margin.x\r\n          ? typeof props.spacing.margin.x === \"number\"\r\n            ? `${props.spacing.margin.x}rem`\r\n            : props.spacing.margin.x\r\n          : undefined,\r\n    marginBottom:\r\n      props.spacing &&\r\n      props.spacing.margin &&\r\n      typeof props.spacing.margin === \"object\" &&\r\n      props.spacing.margin.bottom\r\n        ? typeof props.spacing.margin.bottom === \"number\"\r\n          ? `${props.spacing.margin.bottom}rem`\r\n          : props.spacing.margin.bottom\r\n        : props.spacing &&\r\n            props.spacing.margin &&\r\n            typeof props.spacing.margin === \"object\" &&\r\n            props.spacing.margin.y\r\n          ? typeof props.spacing.margin.y === \"number\"\r\n            ? `${props.spacing.margin.y}rem`\r\n            : props.spacing.margin.y\r\n          : undefined,\r\n    marginLeft:\r\n      props.spacing &&\r\n      props.spacing.margin &&\r\n      typeof props.spacing.margin === \"object\" &&\r\n      props.spacing.margin.left\r\n        ? typeof props.spacing.margin.left === \"number\"\r\n          ? `${props.spacing.margin.left}rem`\r\n          : props.spacing.margin.left\r\n        : props.spacing &&\r\n            props.spacing.margin &&\r\n            typeof props.spacing.margin === \"object\" &&\r\n            props.spacing.margin.x\r\n          ? typeof props.spacing.margin.x === \"number\"\r\n            ? `${props.spacing.margin.x}rem`\r\n            : props.spacing.margin.x\r\n          : undefined,\r\n    padding:\r\n      props.spacing && props.spacing.padding\r\n        ? typeof props.spacing.padding === \"number\"\r\n          ? `${props.spacing.padding}rem`\r\n          : typeof props.spacing.padding === \"string\"\r\n            ? props.spacing.padding\r\n            : undefined\r\n        : undefined,\r\n    paddingTop:\r\n      props.spacing &&\r\n      props.spacing.padding &&\r\n      typeof props.spacing.padding === \"object\" &&\r\n      props.spacing.padding.top\r\n        ? typeof props.spacing.padding.top === \"number\"\r\n          ? `${props.spacing.padding.top}rem`\r\n          : props.spacing.padding.top\r\n        : props.spacing &&\r\n            props.spacing.padding &&\r\n            typeof props.spacing.padding === \"object\" &&\r\n            props.spacing.padding.y\r\n          ? typeof props.spacing.padding.y === \"number\"\r\n            ? `${props.spacing.padding.y}rem`\r\n            : props.spacing.padding.y\r\n          : undefined,\r\n    paddingRight:\r\n      props.spacing &&\r\n      props.spacing.padding &&\r\n      typeof props.spacing.padding === \"object\" &&\r\n      props.spacing.padding.right\r\n        ? typeof props.spacing.padding.right === \"number\"\r\n          ? `${props.spacing.padding.right}rem`\r\n          : props.spacing.padding.right\r\n        : props.spacing &&\r\n            props.spacing.padding &&\r\n            typeof props.spacing.padding === \"object\" &&\r\n            props.spacing.padding.x\r\n          ? typeof props.spacing.padding.x === \"number\"\r\n            ? `${props.spacing.padding.x}rem`\r\n            : props.spacing.padding.x\r\n          : undefined,\r\n    paddingBottom:\r\n      props.spacing &&\r\n      props.spacing.padding &&\r\n      typeof props.spacing.padding === \"object\" &&\r\n      props.spacing.padding.bottom\r\n        ? typeof props.spacing.padding.bottom === \"number\"\r\n          ? `${props.spacing.padding.bottom}rem`\r\n          : props.spacing.padding.bottom\r\n        : props.spacing &&\r\n            props.spacing.padding &&\r\n            typeof props.spacing.padding === \"object\" &&\r\n            props.spacing.padding.y\r\n          ? typeof props.spacing.padding.y === \"number\"\r\n            ? `${props.spacing.padding.y}rem`\r\n            : props.spacing.padding.y\r\n          : undefined,\r\n    paddingLeft:\r\n      props.spacing &&\r\n      props.spacing.padding &&\r\n      typeof props.spacing.padding === \"object\" &&\r\n      props.spacing.padding.left\r\n        ? typeof props.spacing.padding.left === \"number\"\r\n          ? `${props.spacing.padding.left}rem`\r\n          : props.spacing.padding.left\r\n        : props.spacing &&\r\n            props.spacing.padding &&\r\n            typeof props.spacing.padding === \"object\" &&\r\n            props.spacing.padding.x\r\n          ? typeof props.spacing.padding.x === \"number\"\r\n            ? `${props.spacing.padding.x}rem`\r\n            : props.spacing.padding.x\r\n          : undefined,\r\n    display: props.positioning ? props.positioning.display : undefined,\r\n    position: props.positioning ? props.positioning.position : undefined,\r\n    top: props.positioning ? props.positioning.top : undefined,\r\n    left: props.positioning ? props.positioning.left : undefined,\r\n    bottom: props.positioning ? props.positioning.bottom : undefined,\r\n    right: props.positioning ? props.positioning.right : undefined,\r\n    width: props.sizing ? props.sizing.width : undefined,\r\n    minWidth: props.sizing ? props.sizing.minWidth : undefined,\r\n    maxWidth: props.sizing ? props.sizing.maxWidth : undefined,\r\n    height: props.sizing ? props.sizing.height : undefined,\r\n    minHeight: props.sizing ? props.sizing.minHeight : undefined,\r\n    maxHeight: props.sizing ? props.sizing.maxHeight : undefined,\r\n  };\r\n\r\n  const cssArray: CSSInterpolation[] = [];\r\n  cssArray.push(defaultColor);\r\n\r\n  if (schemeColor) {\r\n    cssArray.push(schemeColor);\r\n  }\r\n\r\n  cssArray.push(defaultCssProps);\r\n\r\n  const minolithUtilityStyles = css(cssArray);\r\n\r\n  const derived = [];\r\n\r\n  if (minolithUtilityStyles) {\r\n    derived.push(minolithUtilityStyles);\r\n  }\r\n\r\n  if (optionalCss) {\r\n    derived.push(optionalCss);\r\n  }\r\n\r\n  if (props.css) {\r\n    derived.push(props.css);\r\n  }\r\n\r\n  return derived;\r\n}\r\n\r\nconst emotionStyleUtility = {\r\n  getColumnsFlexDirectionCss,\r\n  // getColumnsGutterCss,\r\n  getContainerGutterCss,\r\n  getColorVariable,\r\n  getEmotionCss,\r\n};\r\n\r\nexport default emotionStyleUtility;\r\n"],"names":["cssVariablePrefix","getColorProps","props","mode","getHighlighterBackgroundVariable","getColorVariable","getSchemeColorProps","getSchemeColorHighlighterBackgroundVariable","colorAttributes","lightColorAttributes","darkColorAttributes","getColor","light","dark","getCssObject","getGutterCSSObject","componentName","gutter","gutterX","gutterY","getResponsiveFlexDirectionCSSObject","responsiveFlexDirection","cssObject","wrapResponsiveMediaQuery","getResponsiveGutterCSSObject","responsiveGutter","gutterCSSObject","size","getColumnsFlexDirectionCss","getContainerGutterCss","getEmotionCss","optionalCss","key","arry","foreColorBase","foreColorScheme","fontSize","fontWeight","backColorBase","backColorScheme","highlighterColorBase","highlighterColorScheme","borderColorBase","borderColorScheme","borderTopColorBase","borderTopColorScheme","borderRightColorBase","borderRightColorScheme","borderBottomColorBase","borderBottomColorScheme","borderLeftColorBase","borderLeftColorScheme","hover","focus","active","disabled","defaultColor","css","hoverSchemeColor","focusSchemeColor","activeSchemeColor","disabledSchemeColor","schemeColor","defaultCssProps","cssArray","minolithUtilityStyles","derived","emotionStyleUtility"],"mappings":"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"}
+{"version":3,"file":"emotionStyleUtility.js","sources":["../../../src/utilities/emotionStyleUtility/emotionStyleUtility.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-template-expressions */\r\n\"use client\";\r\n\r\nimport type { BaseComponentProps } from \"../../models\";\r\nimport { css } from \"@emotion/react\";\r\nimport type { CSSObject, Interpolation, Theme } from \"@emotion/react\";\r\nimport type {\r\n  ColorAttributes,\r\n  ColorName,\r\n  Gutter,\r\n  ResponsiveBreakepointSize,\r\n  ResponsiveFlexDirection,\r\n  ResponsiveGutter,\r\n} from \"../../types\";\r\nimport type { CSSInterpolation } from \"@emotion/serialize\";\r\n\r\nconst cssVariablePrefix = \"minolith-\";\r\n\r\ninterface ComponentStateColorCssProperty {\r\n  default?: string;\r\n  hover?: string;\r\n  focus?: string;\r\n  active?: string;\r\n  disabled?: string;\r\n}\r\n\r\nfunction getColorProps<BaseComponentColorNameType extends string>(\r\n  props?: {\r\n    default?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n    hover?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n    focus?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n    active?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n    disabled?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n  },\r\n  mode?: \"highlighter\",\r\n): ComponentStateColorCssProperty {\r\n  if (!props) {\r\n    return {\r\n      default: undefined,\r\n      hover: undefined,\r\n      focus: undefined,\r\n      active: undefined,\r\n      disabled: undefined,\r\n    };\r\n  }\r\n\r\n  if (mode === \"highlighter\") {\r\n    return {\r\n      default: getHighlighterBackgroundVariable(props.default),\r\n      hover: getHighlighterBackgroundVariable(props.hover),\r\n      focus: getHighlighterBackgroundVariable(props.focus),\r\n      active: getHighlighterBackgroundVariable(props.active),\r\n      disabled: getHighlighterBackgroundVariable(props.disabled),\r\n    };\r\n  }\r\n\r\n  return {\r\n    default: getColorVariable(props.default),\r\n    hover: getColorVariable(props.hover),\r\n    focus: getColorVariable(props.focus),\r\n    active: getColorVariable(props.active),\r\n    disabled: getColorVariable(props.disabled),\r\n  };\r\n}\r\n\r\nfunction getSchemeColorProps<\r\n  BaseComponentColorNameType extends string = ColorName,\r\n>(\r\n  props?: {\r\n    light: {\r\n      default?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n      hover?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n      focus?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n      active?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n      disabled?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n    };\r\n    dark: {\r\n      default?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n      hover?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n      focus?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n      active?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n      disabled?: ColorAttributes<BaseComponentColorNameType> | \"transparent\";\r\n    };\r\n  },\r\n  mode?: \"highlighter\",\r\n): ComponentStateColorCssProperty {\r\n  if (!props) {\r\n    return {\r\n      default: undefined,\r\n      hover: undefined,\r\n      focus: undefined,\r\n      active: undefined,\r\n      disabled: undefined,\r\n    };\r\n  }\r\n\r\n  if (mode === \"highlighter\") {\r\n    return {\r\n      default:\r\n        props.light.default && props.dark.default\r\n          ? getSchemeColorHighlighterBackgroundVariable(\r\n              props.light.default,\r\n              props.dark.default,\r\n            )\r\n          : undefined,\r\n      hover:\r\n        props.light.hover && props.dark.hover\r\n          ? getSchemeColorHighlighterBackgroundVariable(\r\n              props.light.hover,\r\n              props.dark.hover,\r\n            )\r\n          : undefined,\r\n      focus:\r\n        props.light.focus && props.dark.focus\r\n          ? getSchemeColorHighlighterBackgroundVariable(\r\n              props.light.focus,\r\n              props.dark.focus,\r\n            )\r\n          : undefined,\r\n      active:\r\n        props.light.active && props.dark.active\r\n          ? getSchemeColorHighlighterBackgroundVariable(\r\n              props.light.active,\r\n              props.dark.active,\r\n            )\r\n          : undefined,\r\n      disabled:\r\n        props.light.disabled && props.dark.disabled\r\n          ? getSchemeColorHighlighterBackgroundVariable(\r\n              props.light.disabled,\r\n              props.dark.disabled,\r\n            )\r\n          : undefined,\r\n    };\r\n  }\r\n\r\n  return {\r\n    default:\r\n      props.light.default && props.dark.default\r\n        ? `light-dark(${getColorVariable(props.light.default)}, ${getColorVariable(props.dark.default)})`\r\n        : undefined,\r\n    hover:\r\n      props.light.hover && props.dark.hover\r\n        ? `light-dark(${getColorVariable(props.light.hover)}, ${getColorVariable(props.dark.hover)})`\r\n        : undefined,\r\n    focus:\r\n      props.light.focus && props.dark.focus\r\n        ? `light-dark(${getColorVariable(props.light.focus)}, ${getColorVariable(props.dark.focus)})`\r\n        : undefined,\r\n    active:\r\n      props.light.active && props.dark.active\r\n        ? `light-dark(${getColorVariable(props.light.active)}, ${getColorVariable(props.dark.active)})`\r\n        : undefined,\r\n    disabled:\r\n      props.light.disabled && props.dark.disabled\r\n        ? `light-dark(${getColorVariable(props.light.disabled)}, ${getColorVariable(props.dark.disabled)})`\r\n        : undefined,\r\n  };\r\n}\r\n\r\nfunction getColorVariable<\r\n  BaseComponentColorNameType extends string = ColorName,\r\n>(\r\n  colorAttributes?: ColorAttributes<BaseComponentColorNameType> | \"transparent\",\r\n): string | undefined {\r\n  if (!colorAttributes) {\r\n    return undefined;\r\n  }\r\n\r\n  if (typeof colorAttributes === \"string\") {\r\n    return \"transparent\";\r\n  }\r\n\r\n  if (colorAttributes.name === \"rainbow\") {\r\n    return \"transparent\";\r\n  }\r\n\r\n  if (colorAttributes.alpha !== undefined) {\r\n    return `oklch(from var(--${cssVariablePrefix}color-${colorAttributes.name}-${\r\n      colorAttributes.lightness === 5 ? \"05\" : colorAttributes.lightness\r\n    }) l c h / ${colorAttributes.alpha})`;\r\n  }\r\n\r\n  return `var(--${cssVariablePrefix}color-${colorAttributes.name}-${\r\n    colorAttributes.lightness === 5 ? \"05\" : colorAttributes.lightness\r\n  })`;\r\n}\r\n\r\nfunction getHighlighterBackgroundVariable<\r\n  BaseComponentColorNameType extends string = ColorName,\r\n>(\r\n  colorAttributes?: ColorAttributes<BaseComponentColorNameType> | \"transparent\",\r\n): string | undefined {\r\n  if (!colorAttributes) {\r\n    return undefined;\r\n  }\r\n\r\n  if (typeof colorAttributes === \"string\") {\r\n    return \"transparent\";\r\n  }\r\n\r\n  if (colorAttributes.name === \"rainbow\") {\r\n    return \"transparent\";\r\n  }\r\n\r\n  if (colorAttributes.alpha !== undefined) {\r\n    return `linear-gradient(\r\n    transparent 66.66%,\r\n    oklch(from var(--${cssVariablePrefix}color-${colorAttributes.name}-${\r\n      colorAttributes.lightness === 5 ? \"05\" : colorAttributes.lightness\r\n    }) l c h / ${colorAttributes.alpha}) 33.33%)`;\r\n  }\r\n\r\n  return `linear-gradient(\r\n    transparent 66.66%,\r\n    var(--${cssVariablePrefix}color-${colorAttributes.name}-${\r\n      colorAttributes.lightness === 5 ? \"05\" : colorAttributes.lightness\r\n    }) 33.33%)`;\r\n}\r\n\r\nfunction getSchemeColorHighlighterBackgroundVariable<\r\n  BaseComponentColorNameType extends string = ColorName,\r\n>(\r\n  lightColorAttributes?:\r\n    | ColorAttributes<BaseComponentColorNameType>\r\n    | \"transparent\",\r\n  darkColorAttributes?:\r\n    | ColorAttributes<BaseComponentColorNameType>\r\n    | \"transparent\",\r\n): string | undefined {\r\n  if (!lightColorAttributes || !darkColorAttributes) {\r\n    return undefined;\r\n  }\r\n\r\n  const getColor = (\r\n    colorAttributes:\r\n      | ColorAttributes<BaseComponentColorNameType>\r\n      | \"transparent\",\r\n  ) => {\r\n    if (typeof colorAttributes === \"string\") {\r\n      return \"transparent\";\r\n    } else {\r\n      if (colorAttributes.name === \"rainbow\") {\r\n        return \"transparent\";\r\n      }\r\n\r\n      if (colorAttributes.alpha !== undefined) {\r\n        return `oklch(from var(--${cssVariablePrefix}color-${colorAttributes.name}-${\r\n          colorAttributes.lightness === 5 ? \"05\" : colorAttributes.lightness\r\n        }) l c h / ${colorAttributes.alpha})`;\r\n      } else {\r\n        return `var(--${cssVariablePrefix}color-${colorAttributes.name}-${\r\n          colorAttributes.lightness === 5 ? \"05\" : colorAttributes.lightness\r\n        })`;\r\n      }\r\n    }\r\n  };\r\n\r\n  const light = getColor(lightColorAttributes);\r\n  const dark = getColor(darkColorAttributes);\r\n\r\n  return `linear-gradient(transparent 66.66%, light-dark(${light}, ${dark}) 33.33%)`;\r\n}\r\n\r\nfunction getCssObject(props: {\r\n  foreColor?: string;\r\n  backColor?: string;\r\n  highlighter?: string;\r\n  borderColor?: string;\r\n  borderTopColor?: string;\r\n  borderRightColor?: string;\r\n  borderBottomColor?: string;\r\n  borderLeftColor?: string;\r\n}): CSSObject | undefined {\r\n  return props.foreColor ||\r\n    props.backColor ||\r\n    props.highlighter ||\r\n    props.borderColor\r\n    ? {\r\n        color: props.foreColor,\r\n        backgroundColor: props.backColor,\r\n        backgroundImage: props.highlighter,\r\n        borderColor: props.borderColor,\r\n        borderTopColor: props.borderTopColor,\r\n        borderRightColor: props.borderRightColor,\r\n        borderBottomColor: props.borderBottomColor,\r\n        borderLeftColor: props.borderLeftColor,\r\n      }\r\n    : undefined;\r\n}\r\n\r\nfunction getGutterCSSObject(\r\n  componentName: string,\r\n  gutter?: Gutter,\r\n): CSSObject | undefined {\r\n  if (gutter === undefined) {\r\n    return undefined;\r\n  }\r\n\r\n  if (typeof gutter === \"string\") {\r\n    return {\r\n      [`--minolith-${componentName}-gutter-x`]: gutter,\r\n      [`--minolith-${componentName}-gutter-y`]: gutter,\r\n    };\r\n  } else if (typeof gutter === \"number\") {\r\n    return {\r\n      [`--minolith-${componentName}-gutter-x`]: `${gutter}rem`,\r\n      [`--minolith-${componentName}-gutter-y`]: `${gutter}rem`,\r\n    };\r\n  } else {\r\n    let gutterX: CSSObject | undefined = undefined;\r\n    let gutterY: CSSObject | undefined = undefined;\r\n    if (typeof gutter.x === \"string\") {\r\n      gutterX = {\r\n        [`--minolith-${componentName}-gutter-x`]: gutter.x,\r\n      };\r\n    } else if (typeof gutter.x === \"number\") {\r\n      gutterX = {\r\n        [`--minolith-${componentName}-gutter-x`]: `${gutter.x}rem`,\r\n      };\r\n    }\r\n    if (typeof gutter.y === \"string\") {\r\n      gutterY = {\r\n        [`--minolith-${componentName}-gutter-y`]: gutter.y,\r\n      };\r\n    } else if (typeof gutter.y === \"number\") {\r\n      gutterY = {\r\n        [`--minolith-${componentName}-gutter-y`]: `${gutter.y}rem`,\r\n      };\r\n    }\r\n\r\n    return {\r\n      ...gutterX,\r\n      ...gutterY,\r\n    };\r\n  }\r\n}\r\n\r\nfunction getResponsiveFlexDirectionCSSObject(\r\n  responsiveFlexDirection?: ResponsiveFlexDirection,\r\n) {\r\n  if (responsiveFlexDirection === undefined) {\r\n    return undefined;\r\n  }\r\n\r\n  if (typeof responsiveFlexDirection === \"string\") {\r\n    return {\r\n      flexDirection: responsiveFlexDirection,\r\n    };\r\n  } else {\r\n    let cssObject: CSSObject = {};\r\n\r\n    if (\"default\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        flexDirection: responsiveFlexDirection.default,\r\n      };\r\n    }\r\n\r\n    if (\"xsmall\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"xsmall\", {\r\n          flexDirection: responsiveFlexDirection.xsmall,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"xsmallOrMore\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"xsmall\", {\r\n          flexDirection: responsiveFlexDirection.xsmallOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"small\", {\r\n          flexDirection: responsiveFlexDirection.xsmallOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"medium\", {\r\n          flexDirection: responsiveFlexDirection.xsmallOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"large\", {\r\n          flexDirection: responsiveFlexDirection.xsmallOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"xlarge\", {\r\n          flexDirection: responsiveFlexDirection.xsmallOrMore,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"smallOrLess\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"xsmall\", {\r\n          flexDirection: responsiveFlexDirection.smallOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"small\", {\r\n          flexDirection: responsiveFlexDirection.smallOrLess,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"small\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"small\", {\r\n          flexDirection: responsiveFlexDirection.small,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"smallOrMore\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"small\", {\r\n          flexDirection: responsiveFlexDirection.smallOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"medium\", {\r\n          flexDirection: responsiveFlexDirection.smallOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"large\", {\r\n          flexDirection: responsiveFlexDirection.smallOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"xlarge\", {\r\n          flexDirection: responsiveFlexDirection.smallOrMore,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"mediumOrLess\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"xsmall\", {\r\n          flexDirection: responsiveFlexDirection.mediumOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"small\", {\r\n          flexDirection: responsiveFlexDirection.mediumOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"medium\", {\r\n          flexDirection: responsiveFlexDirection.mediumOrLess,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"medium\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"medium\", {\r\n          flexDirection: responsiveFlexDirection.medium,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"mediumOrMore\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"medium\", {\r\n          flexDirection: responsiveFlexDirection.mediumOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"large\", {\r\n          flexDirection: responsiveFlexDirection.mediumOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"xlarge\", {\r\n          flexDirection: responsiveFlexDirection.mediumOrMore,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"largeOrLess\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"xsmall\", {\r\n          flexDirection: responsiveFlexDirection.largeOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"small\", {\r\n          flexDirection: responsiveFlexDirection.largeOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"medium\", {\r\n          flexDirection: responsiveFlexDirection.largeOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"large\", {\r\n          flexDirection: responsiveFlexDirection.largeOrLess,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"large\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"large\", {\r\n          flexDirection: responsiveFlexDirection.large,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"largeOrMore\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"large\", {\r\n          flexDirection: responsiveFlexDirection.largeOrMore,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"xlarge\", {\r\n          flexDirection: responsiveFlexDirection.largeOrMore,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"xlargeOrLess\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"xsmall\", {\r\n          flexDirection: responsiveFlexDirection.xlargeOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"small\", {\r\n          flexDirection: responsiveFlexDirection.xlargeOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"medium\", {\r\n          flexDirection: responsiveFlexDirection.xlargeOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"large\", {\r\n          flexDirection: responsiveFlexDirection.xlargeOrLess,\r\n        }),\r\n        ...wrapResponsiveMediaQuery(\"xlarge\", {\r\n          flexDirection: responsiveFlexDirection.xlargeOrLess,\r\n        }),\r\n      };\r\n    }\r\n\r\n    if (\"xlarge\" in responsiveFlexDirection) {\r\n      cssObject = {\r\n        ...cssObject,\r\n        ...wrapResponsiveMediaQuery(\"xlarge\", {\r\n          flexDirection: responsiveFlexDirection.xlarge,\r\n        }),\r\n      };\r\n    }\r\n\r\n    return cssObject;\r\n  }\r\n}\r\n\r\nfunction getResponsiveGutterCSSObject(\r\n  componentName: string,\r\n  responsiveGutter?: ResponsiveGutter,\r\n): CSSObject | undefined {\r\n  if (responsiveGutter === undefined) {\r\n    return undefined;\r\n  }\r\n\r\n  if (\r\n    typeof responsiveGutter === \"number\" ||\r\n    typeof responsiveGutter === \"string\" ||\r\n    \"x\" in responsiveGutter ||\r\n    \"y\" in responsiveGutter\r\n  ) {\r\n    return getGutterCSSObject(componentName, responsiveGutter);\r\n  } else {\r\n    let cssObject: CSSObject = {};\r\n\r\n    if (\"default\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.default,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...gutterCSSObject,\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"xsmall\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.xsmall,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"xsmall\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"xsmallOrMore\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.xsmall,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"xsmall\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"small\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"medium\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"large\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"xlarge\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"smallOrLess\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.smallOrLess,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"xsmall\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"small\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"small\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.small,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"small\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"smallOrMore\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.smallOrMore,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"small\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"medium\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"large\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"xlarge\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"mediumOrLess\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.mediumOrLess,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"xsmall\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"small\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"medium\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"medium\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.medium,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"medium\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"mediumOrMore\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.mediumOrMore,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"medium\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"large\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"xlarge\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"largeOrLess\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.largeOrLess,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"xsmall\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"small\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"medium\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"large\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"large\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.large,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"large\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"largeOrMore\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.largeOrMore,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"large\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"xlarge\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"xlargeOrLess\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.xlargeOrLess,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"xsmall\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"small\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"medium\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"large\", gutterCSSObject),\r\n          ...wrapResponsiveMediaQuery(\"xlarge\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    if (\"xlarge\" in responsiveGutter) {\r\n      const gutterCSSObject = getGutterCSSObject(\r\n        componentName,\r\n        responsiveGutter.xlarge,\r\n      );\r\n      if (gutterCSSObject) {\r\n        cssObject = {\r\n          ...cssObject,\r\n          ...wrapResponsiveMediaQuery(\"xlarge\", gutterCSSObject),\r\n        };\r\n      }\r\n    }\r\n\r\n    return cssObject;\r\n  }\r\n}\r\n\r\nfunction wrapResponsiveMediaQuery(\r\n  size: ResponsiveBreakepointSize,\r\n  cssObject: CSSObject,\r\n): CSSObject {\r\n  // const responsiveBreakpointXsmall = 0;\r\n  const responsiveBreakpointSmall = 544;\r\n  const responsiveBreakpointMedium = 768;\r\n  const responsiveBreakpointLarge = 1024;\r\n  const responsiveBreakpointXlarge = 1200;\r\n  const responsiveBreakpointMaxWidthOffset = -0.02;\r\n\r\n  switch (size) {\r\n    case \"xsmall\":\r\n      return {\r\n        [`@media screen and (max-width: ${responsiveBreakpointSmall + responsiveBreakpointMaxWidthOffset}px)`]:\r\n          {\r\n            ...cssObject,\r\n          },\r\n      };\r\n    case \"small\":\r\n      return {\r\n        [`@media screen (min-width: ${responsiveBreakpointSmall}px) and (max-width: ${responsiveBreakpointMedium + responsiveBreakpointMaxWidthOffset}px)`]:\r\n          {\r\n            ...cssObject,\r\n          },\r\n      };\r\n    case \"medium\":\r\n      return {\r\n        [`@media screen (min-width: ${responsiveBreakpointMedium}px) and (max-width: ${responsiveBreakpointLarge + responsiveBreakpointMaxWidthOffset}px)`]:\r\n          {\r\n            ...cssObject,\r\n          },\r\n      };\r\n    case \"large\":\r\n      return {\r\n        [`@media screen (min-width: ${responsiveBreakpointLarge}px) and (max-width: ${responsiveBreakpointXlarge + responsiveBreakpointMaxWidthOffset}px)`]:\r\n          {\r\n            ...cssObject,\r\n          },\r\n      };\r\n    case \"xlarge\":\r\n      return {\r\n        [`@media screen and (min-width: ${responsiveBreakpointXlarge}px)`]: {\r\n          ...cssObject,\r\n        },\r\n      };\r\n  }\r\n}\r\n\r\nfunction getColumnsFlexDirectionCss(\r\n  responsiveFlexDirection?: ResponsiveFlexDirection,\r\n) {\r\n  return getResponsiveFlexDirectionCSSObject(responsiveFlexDirection);\r\n}\r\n\r\n// function getColumnsGutterCss(\r\n//   responsiveGutter?: ResponsiveGutter,\r\n// ): CSSObject | undefined {\r\n//   return getResponsiveGutterCSSObject(\"columns\", responsiveGutter);\r\n// }\r\n\r\nfunction getContainerGutterCss(\r\n  responsiveGutter?: ResponsiveGutter,\r\n): CSSObject | undefined {\r\n  return getResponsiveGutterCSSObject(\"container\", responsiveGutter);\r\n}\r\n\r\nfunction getEmotionCss<ColorNameType extends string>(\r\n  props: BaseComponentProps<ColorNameType>,\r\n  optionalCss?: Interpolation<Theme>,\r\n): Interpolation<Theme> {\r\n  const keys = Object.keys(props);\r\n\r\n  const baseComponentPropsKeys = keys.filter(\r\n    (key) =>\r\n      key === \"fore\" ||\r\n      key === \"back\" ||\r\n      key === \"highlighter\" ||\r\n      key === \"border\" ||\r\n      key === \"positioning\" ||\r\n      key === \"sizing\" ||\r\n      key === \"spacing\",\r\n  );\r\n\r\n  if (baseComponentPropsKeys.length === 0) {\r\n    const arry = [];\r\n    if (optionalCss) {\r\n      arry.push(optionalCss);\r\n    }\r\n\r\n    if (props.css) {\r\n      arry.push(props.css);\r\n    }\r\n    return arry;\r\n  }\r\n\r\n  //#region fore\r\n  const foreColorBase = props.fore\r\n    ? getColorProps(props.fore.color)\r\n    : undefined;\r\n\r\n  const foreColorScheme =\r\n    props.fore && props.fore.color\r\n      ? getSchemeColorProps(props.fore.color.colorScheme)\r\n      : undefined;\r\n\r\n  const fontSize =\r\n    props.fore && props.fore.fontSize\r\n      ? `var(--${cssVariablePrefix}font-size-${props.fore.fontSize})`\r\n      : undefined;\r\n  const fontWeight =\r\n    props.fore && props.fore.fontWeight\r\n      ? `var(--${cssVariablePrefix}font-weight-${props.fore.fontWeight})`\r\n      : undefined;\r\n  //#endregion fore\r\n\r\n  //#region back\r\n  const backColorBase = props.back\r\n    ? getColorProps(props.back.color)\r\n    : undefined;\r\n\r\n  const backColorScheme =\r\n    props.back && props.back.color\r\n      ? getSchemeColorProps(props.back.color.colorScheme)\r\n      : undefined;\r\n\r\n  //#endregion back\r\n\r\n  //#region highlighter\r\n  const highlighterColorBase =\r\n    props.highlighter && getColorProps(props.highlighter.color, \"highlighter\");\r\n\r\n  const highlighterColorScheme =\r\n    props.highlighter && props.highlighter.color\r\n      ? getSchemeColorProps(props.highlighter.color.colorScheme, \"highlighter\")\r\n      : undefined;\r\n\r\n  //#endregion highlighter\r\n\r\n  //#region border\r\n  const borderColorBase = props.border\r\n    ? getColorProps(props.border.color)\r\n    : undefined;\r\n\r\n  const borderColorScheme =\r\n    props.border && props.border.color\r\n      ? getSchemeColorProps(props.border.color.colorScheme)\r\n      : undefined;\r\n\r\n  const borderTopColorBase =\r\n    props.border && props.border.top\r\n      ? getColorProps(props.border.top.color)\r\n      : undefined;\r\n  const borderTopColorScheme =\r\n    props.border && props.border.top && props.border.top.color\r\n      ? getSchemeColorProps(props.border.top.color.colorScheme)\r\n      : undefined;\r\n\r\n  const borderRightColorBase =\r\n    props.border && props.border.right\r\n      ? getColorProps(props.border.right.color)\r\n      : undefined;\r\n  const borderRightColorScheme =\r\n    props.border && props.border.right && props.border.right.color\r\n      ? getSchemeColorProps(props.border.right.color.colorScheme)\r\n      : undefined;\r\n\r\n  const borderBottomColorBase =\r\n    props.border && props.border.bottom\r\n      ? getColorProps(props.border.bottom.color)\r\n      : undefined;\r\n  const borderBottomColorScheme =\r\n    props.border && props.border.bottom && props.border.bottom.color\r\n      ? getSchemeColorProps(props.border.bottom.color.colorScheme)\r\n      : undefined;\r\n\r\n  const borderLeftColorBase =\r\n    props.border && props.border.left && getColorProps(props.border.left.color);\r\n  const borderLeftColorScheme =\r\n    props.border && props.border.left && props.border.left.color\r\n      ? getSchemeColorProps(props.border.left.color.colorScheme)\r\n      : undefined;\r\n\r\n  //#endregion border\r\n\r\n  const hover = getCssObject({\r\n    foreColor: foreColorBase ? foreColorBase.hover : undefined,\r\n    backColor: backColorBase ? backColorBase.hover : undefined,\r\n    highlighter: highlighterColorBase ? highlighterColorBase.hover : undefined,\r\n    borderColor: borderColorBase ? borderColorBase.hover : undefined,\r\n    borderTopColor: borderTopColorBase ? borderTopColorBase.hover : undefined,\r\n    borderRightColor: borderRightColorBase\r\n      ? borderRightColorBase.hover\r\n      : undefined,\r\n    borderBottomColor: borderBottomColorBase\r\n      ? borderBottomColorBase.hover\r\n      : undefined,\r\n    borderLeftColor: borderLeftColorBase\r\n      ? borderLeftColorBase.hover\r\n      : undefined,\r\n  });\r\n\r\n  const focus = getCssObject({\r\n    foreColor: foreColorBase ? foreColorBase.focus : undefined,\r\n    backColor: backColorBase ? backColorBase.focus : undefined,\r\n    highlighter: highlighterColorBase ? highlighterColorBase.focus : undefined,\r\n    borderColor: borderColorBase ? borderColorBase.focus : undefined,\r\n    borderTopColor: borderTopColorBase ? borderTopColorBase.focus : undefined,\r\n    borderRightColor: borderRightColorBase\r\n      ? borderRightColorBase.focus\r\n      : undefined,\r\n    borderBottomColor: borderBottomColorBase\r\n      ? borderBottomColorBase.focus\r\n      : undefined,\r\n    borderLeftColor: borderLeftColorBase\r\n      ? borderLeftColorBase.focus\r\n      : undefined,\r\n  });\r\n\r\n  const active = getCssObject({\r\n    foreColor: foreColorBase ? foreColorBase.active : undefined,\r\n    backColor: backColorBase ? backColorBase.active : undefined,\r\n    highlighter: highlighterColorBase ? highlighterColorBase.active : undefined,\r\n    borderColor: borderColorBase ? borderColorBase.active : undefined,\r\n    borderTopColor: borderTopColorBase ? borderTopColorBase.active : undefined,\r\n    borderRightColor: borderRightColorBase\r\n      ? borderRightColorBase.active\r\n      : undefined,\r\n    borderBottomColor: borderBottomColorBase\r\n      ? borderBottomColorBase.active\r\n      : undefined,\r\n    borderLeftColor: borderLeftColorBase\r\n      ? borderLeftColorBase.active\r\n      : undefined,\r\n  });\r\n\r\n  const disabled = getCssObject({\r\n    foreColor: foreColorBase ? foreColorBase.disabled : undefined,\r\n    backColor: backColorBase ? backColorBase.disabled : undefined,\r\n    highlighter: highlighterColorBase\r\n      ? highlighterColorBase.disabled\r\n      : undefined,\r\n    borderColor: borderColorBase ? borderColorBase.disabled : undefined,\r\n    borderTopColor: borderTopColorBase\r\n      ? borderTopColorBase.disabled\r\n      : undefined,\r\n    borderRightColor: borderRightColorBase\r\n      ? borderRightColorBase.disabled\r\n      : undefined,\r\n    borderBottomColor: borderBottomColorBase\r\n      ? borderBottomColorBase.disabled\r\n      : undefined,\r\n    borderLeftColor: borderLeftColorBase\r\n      ? borderLeftColorBase.disabled\r\n      : undefined,\r\n  });\r\n\r\n  const defaultColor = css({\r\n    color: foreColorBase ? foreColorBase.default : undefined,\r\n    backgroundColor: backColorBase && backColorBase.default,\r\n    backgroundImage: highlighterColorBase && highlighterColorBase.default,\r\n    borderColor: borderColorBase && borderColorBase.default,\r\n    borderTopColor: borderTopColorBase && borderTopColorBase.default,\r\n    borderRightColor: borderRightColorBase && borderRightColorBase.default,\r\n    borderBottomColor: borderBottomColorBase && borderBottomColorBase.default,\r\n    borderLeftColor: borderLeftColorBase && borderLeftColorBase.default,\r\n    \":hover\": hover,\r\n    \":focus\": focus,\r\n    \":active\": active,\r\n    \"&[disabled]\": disabled,\r\n  });\r\n\r\n  const hoverSchemeColor = getCssObject({\r\n    foreColor: foreColorScheme ? foreColorScheme.hover : undefined,\r\n    backColor: backColorScheme ? backColorScheme.hover : undefined,\r\n    highlighter: highlighterColorScheme\r\n      ? highlighterColorScheme.hover\r\n      : undefined,\r\n    borderColor: borderColorScheme ? borderColorScheme.hover : undefined,\r\n    borderTopColor: borderTopColorScheme\r\n      ? borderTopColorScheme.hover\r\n      : undefined,\r\n    borderRightColor: borderRightColorScheme\r\n      ? borderRightColorScheme.hover\r\n      : undefined,\r\n    borderBottomColor: borderBottomColorScheme\r\n      ? borderBottomColorScheme.hover\r\n      : undefined,\r\n    borderLeftColor: borderLeftColorScheme\r\n      ? borderLeftColorScheme.hover\r\n      : undefined,\r\n  });\r\n\r\n  const focusSchemeColor = getCssObject({\r\n    foreColor: foreColorScheme ? foreColorScheme.focus : undefined,\r\n    backColor: backColorScheme ? backColorScheme.focus : undefined,\r\n    highlighter: highlighterColorScheme\r\n      ? highlighterColorScheme.focus\r\n      : undefined,\r\n    borderColor: borderColorScheme ? borderColorScheme.focus : undefined,\r\n    borderTopColor: borderTopColorScheme\r\n      ? borderTopColorScheme.focus\r\n      : undefined,\r\n    borderRightColor: borderRightColorScheme\r\n      ? borderRightColorScheme.focus\r\n      : undefined,\r\n    borderBottomColor: borderBottomColorScheme\r\n      ? borderBottomColorScheme.focus\r\n      : undefined,\r\n    borderLeftColor: borderLeftColorScheme\r\n      ? borderLeftColorScheme.focus\r\n      : undefined,\r\n  });\r\n\r\n  const activeSchemeColor = getCssObject({\r\n    foreColor: foreColorScheme ? foreColorScheme.active : undefined,\r\n    backColor: backColorScheme ? backColorScheme.active : undefined,\r\n    highlighter: highlighterColorScheme\r\n      ? highlighterColorScheme.active\r\n      : undefined,\r\n    borderColor: borderColorScheme ? borderColorScheme.active : undefined,\r\n    borderTopColor: borderTopColorScheme\r\n      ? borderTopColorScheme.active\r\n      : undefined,\r\n    borderRightColor: borderRightColorScheme\r\n      ? borderRightColorScheme.active\r\n      : undefined,\r\n    borderBottomColor: borderBottomColorScheme\r\n      ? borderBottomColorScheme.active\r\n      : undefined,\r\n    borderLeftColor: borderLeftColorScheme\r\n      ? borderLeftColorScheme.active\r\n      : undefined,\r\n  });\r\n\r\n  const disabledSchemeColor = getCssObject({\r\n    foreColor: foreColorScheme ? foreColorScheme.disabled : undefined,\r\n    backColor: backColorScheme ? backColorScheme.disabled : undefined,\r\n    highlighter: highlighterColorScheme\r\n      ? highlighterColorScheme.disabled\r\n      : undefined,\r\n    borderColor: borderColorScheme ? borderColorScheme.disabled : undefined,\r\n    borderTopColor: borderTopColorScheme\r\n      ? borderTopColorScheme.disabled\r\n      : undefined,\r\n    borderRightColor: borderRightColorScheme\r\n      ? borderRightColorScheme.disabled\r\n      : undefined,\r\n    borderBottomColor: borderBottomColorScheme\r\n      ? borderBottomColorScheme.disabled\r\n      : undefined,\r\n    borderLeftColor: borderLeftColorScheme\r\n      ? borderLeftColorScheme.disabled\r\n      : undefined,\r\n  });\r\n\r\n  const schemeColor = css({\r\n    color: foreColorScheme ? foreColorScheme.default : undefined,\r\n    backgroundColor: backColorScheme ? backColorScheme.default : undefined,\r\n    backgroundImage: highlighterColorScheme\r\n      ? highlighterColorScheme.default\r\n      : undefined,\r\n    borderColor: borderColorScheme ? borderColorScheme.default : undefined,\r\n    borderTopColor: borderTopColorScheme\r\n      ? borderTopColorScheme.default\r\n      : undefined,\r\n    borderRightColor: borderRightColorScheme\r\n      ? borderRightColorScheme.default\r\n      : undefined,\r\n    borderBottomColor: borderBottomColorScheme\r\n      ? borderBottomColorScheme.default\r\n      : undefined,\r\n    borderLeftColor: borderLeftColorScheme\r\n      ? borderLeftColorScheme.default\r\n      : undefined,\r\n    \":hover\": hoverSchemeColor,\r\n    \":focus\": focusSchemeColor,\r\n    \":active\": activeSchemeColor,\r\n    \"&[disabled]\": disabledSchemeColor,\r\n  });\r\n\r\n  const defaultCssProps: CSSInterpolation = {\r\n    fontSize: fontSize,\r\n    fontWeight: fontWeight,\r\n    fontStyle: props.fore ? props.fore.fontStyle : undefined,\r\n    textTransform: props.fore ? props.fore.textTransform : undefined,\r\n    borderCollapse:\r\n      props.border && props.border.collapse\r\n        ? props.border.collapse === \"collapted\"\r\n          ? \"collapse\"\r\n          : \"separate\"\r\n        : undefined,\r\n    borderRadius:\r\n      props.border && props.border.radius\r\n        ? `var(--${cssVariablePrefix}border-radius-${props.border.radius})`\r\n        : undefined,\r\n    borderStyle:\r\n      props.border && props.border.style ? props.border.style : undefined,\r\n    borderWidth:\r\n      props.border && props.border.width\r\n        ? `var(--${cssVariablePrefix}border-width-${props.border.width})`\r\n        : undefined,\r\n    borderTopStyle:\r\n      props.border && props.border.top && props.border.top.style\r\n        ? props.border.top.style\r\n        : undefined,\r\n    borderTopWidth:\r\n      props.border && props.border.top && props.border.top.width\r\n        ? `var(--${cssVariablePrefix}border-width-${props.border.top.width})`\r\n        : undefined,\r\n    borderRightStyle:\r\n      props.border && props.border.right && props.border.right.style\r\n        ? props.border.right.style\r\n        : undefined,\r\n    borderRightWidth:\r\n      props.border && props.border.right && props.border.right.width\r\n        ? `var(--${cssVariablePrefix}border-width-${props.border.right.width})`\r\n        : undefined,\r\n    borderBottomStyle:\r\n      props.border && props.border.bottom && props.border.bottom.style\r\n        ? props.border.bottom.style\r\n        : undefined,\r\n    borderBottomWidth:\r\n      props.border && props.border.bottom && props.border.bottom.width\r\n        ? `var(--${cssVariablePrefix}border-width-${props.border.bottom.width})`\r\n        : undefined,\r\n    borderLeftStyle:\r\n      props.border && props.border.left && props.border.left.style\r\n        ? props.border.left.style\r\n        : undefined,\r\n    borderLeftWidth:\r\n      props.border && props.border.left && props.border.left.width\r\n        ? `var(--${cssVariablePrefix}border-width-${props.border.left.width})`\r\n        : undefined,\r\n    margin:\r\n      props.spacing && props.spacing.margin\r\n        ? typeof props.spacing.margin === \"number\"\r\n          ? `${props.spacing.margin}rem`\r\n          : typeof props.spacing.margin === \"string\"\r\n            ? props.spacing.margin\r\n            : undefined\r\n        : undefined,\r\n    marginTop:\r\n      props.spacing &&\r\n      props.spacing.margin &&\r\n      typeof props.spacing.margin === \"object\" &&\r\n      props.spacing.margin.top\r\n        ? typeof props.spacing.margin.top === \"number\"\r\n          ? `${props.spacing.margin.top}rem`\r\n          : props.spacing.margin.top\r\n        : props.spacing &&\r\n            props.spacing.margin &&\r\n            typeof props.spacing.margin === \"object\" &&\r\n            props.spacing.margin.y\r\n          ? typeof props.spacing.margin.y === \"number\"\r\n            ? `${props.spacing.margin.y}rem`\r\n            : props.spacing.margin.y\r\n          : undefined,\r\n    marginRight:\r\n      props.spacing &&\r\n      props.spacing.margin &&\r\n      typeof props.spacing.margin === \"object\" &&\r\n      props.spacing.margin.right\r\n        ? typeof props.spacing.margin.right === \"number\"\r\n          ? `${props.spacing.margin.right}rem`\r\n          : props.spacing.margin.right\r\n        : props.spacing &&\r\n            props.spacing.margin &&\r\n            typeof props.spacing.margin === \"object\" &&\r\n            props.spacing.margin.x\r\n          ? typeof props.spacing.margin.x === \"number\"\r\n            ? `${props.spacing.margin.x}rem`\r\n            : props.spacing.margin.x\r\n          : undefined,\r\n    marginBottom:\r\n      props.spacing &&\r\n      props.spacing.margin &&\r\n      typeof props.spacing.margin === \"object\" &&\r\n      props.spacing.margin.bottom\r\n        ? typeof props.spacing.margin.bottom === \"number\"\r\n          ? `${props.spacing.margin.bottom}rem`\r\n          : props.spacing.margin.bottom\r\n        : props.spacing &&\r\n            props.spacing.margin &&\r\n            typeof props.spacing.margin === \"object\" &&\r\n            props.spacing.margin.y\r\n          ? typeof props.spacing.margin.y === \"number\"\r\n            ? `${props.spacing.margin.y}rem`\r\n            : props.spacing.margin.y\r\n          : undefined,\r\n    marginLeft:\r\n      props.spacing &&\r\n      props.spacing.margin &&\r\n      typeof props.spacing.margin === \"object\" &&\r\n      props.spacing.margin.left\r\n        ? typeof props.spacing.margin.left === \"number\"\r\n          ? `${props.spacing.margin.left}rem`\r\n          : props.spacing.margin.left\r\n        : props.spacing &&\r\n            props.spacing.margin &&\r\n            typeof props.spacing.margin === \"object\" &&\r\n            props.spacing.margin.x\r\n          ? typeof props.spacing.margin.x === \"number\"\r\n            ? `${props.spacing.margin.x}rem`\r\n            : props.spacing.margin.x\r\n          : undefined,\r\n    padding:\r\n      props.spacing && props.spacing.padding\r\n        ? typeof props.spacing.padding === \"number\"\r\n          ? `${props.spacing.padding}rem`\r\n          : typeof props.spacing.padding === \"string\"\r\n            ? props.spacing.padding\r\n            : undefined\r\n        : undefined,\r\n    paddingTop:\r\n      props.spacing &&\r\n      props.spacing.padding &&\r\n      typeof props.spacing.padding === \"object\" &&\r\n      props.spacing.padding.top\r\n        ? typeof props.spacing.padding.top === \"number\"\r\n          ? `${props.spacing.padding.top}rem`\r\n          : props.spacing.padding.top\r\n        : props.spacing &&\r\n            props.spacing.padding &&\r\n            typeof props.spacing.padding === \"object\" &&\r\n            props.spacing.padding.y\r\n          ? typeof props.spacing.padding.y === \"number\"\r\n            ? `${props.spacing.padding.y}rem`\r\n            : props.spacing.padding.y\r\n          : undefined,\r\n    paddingRight:\r\n      props.spacing &&\r\n      props.spacing.padding &&\r\n      typeof props.spacing.padding === \"object\" &&\r\n      props.spacing.padding.right\r\n        ? typeof props.spacing.padding.right === \"number\"\r\n          ? `${props.spacing.padding.right}rem`\r\n          : props.spacing.padding.right\r\n        : props.spacing &&\r\n            props.spacing.padding &&\r\n            typeof props.spacing.padding === \"object\" &&\r\n            props.spacing.padding.x\r\n          ? typeof props.spacing.padding.x === \"number\"\r\n            ? `${props.spacing.padding.x}rem`\r\n            : props.spacing.padding.x\r\n          : undefined,\r\n    paddingBottom:\r\n      props.spacing &&\r\n      props.spacing.padding &&\r\n      typeof props.spacing.padding === \"object\" &&\r\n      props.spacing.padding.bottom\r\n        ? typeof props.spacing.padding.bottom === \"number\"\r\n          ? `${props.spacing.padding.bottom}rem`\r\n          : props.spacing.padding.bottom\r\n        : props.spacing &&\r\n            props.spacing.padding &&\r\n            typeof props.spacing.padding === \"object\" &&\r\n            props.spacing.padding.y\r\n          ? typeof props.spacing.padding.y === \"number\"\r\n            ? `${props.spacing.padding.y}rem`\r\n            : props.spacing.padding.y\r\n          : undefined,\r\n    paddingLeft:\r\n      props.spacing &&\r\n      props.spacing.padding &&\r\n      typeof props.spacing.padding === \"object\" &&\r\n      props.spacing.padding.left\r\n        ? typeof props.spacing.padding.left === \"number\"\r\n          ? `${props.spacing.padding.left}rem`\r\n          : props.spacing.padding.left\r\n        : props.spacing &&\r\n            props.spacing.padding &&\r\n            typeof props.spacing.padding === \"object\" &&\r\n            props.spacing.padding.x\r\n          ? typeof props.spacing.padding.x === \"number\"\r\n            ? `${props.spacing.padding.x}rem`\r\n            : props.spacing.padding.x\r\n          : undefined,\r\n    display: props.positioning ? props.positioning.display : undefined,\r\n    position: props.positioning ? props.positioning.position : undefined,\r\n    top: props.positioning ? props.positioning.top : undefined,\r\n    left: props.positioning ? props.positioning.left : undefined,\r\n    bottom: props.positioning ? props.positioning.bottom : undefined,\r\n    right: props.positioning ? props.positioning.right : undefined,\r\n    width: props.sizing ? props.sizing.width : undefined,\r\n    minWidth: props.sizing ? props.sizing.minWidth : undefined,\r\n    maxWidth: props.sizing ? props.sizing.maxWidth : undefined,\r\n    height: props.sizing ? props.sizing.height : undefined,\r\n    minHeight: props.sizing ? props.sizing.minHeight : undefined,\r\n    maxHeight: props.sizing ? props.sizing.maxHeight : undefined,\r\n  };\r\n\r\n  const cssArray: CSSInterpolation[] = [];\r\n  cssArray.push(defaultColor);\r\n\r\n  if (schemeColor) {\r\n    cssArray.push(schemeColor);\r\n  }\r\n\r\n  cssArray.push(defaultCssProps);\r\n\r\n  const minolithUtilityStyles = css(cssArray);\r\n\r\n  const derived = [];\r\n\r\n  if (minolithUtilityStyles) {\r\n    derived.push(minolithUtilityStyles);\r\n  }\r\n\r\n  if (optionalCss) {\r\n    derived.push(optionalCss);\r\n  }\r\n\r\n  if (props.css) {\r\n    derived.push(props.css);\r\n  }\r\n\r\n  return derived;\r\n}\r\n\r\nconst emotionStyleUtility = {\r\n  getColumnsFlexDirectionCss,\r\n  // getColumnsGutterCss,\r\n  getContainerGutterCss,\r\n  getColorVariable,\r\n  getEmotionCss,\r\n};\r\n\r\nexport default emotionStyleUtility;\r\n"],"names":["cssVariablePrefix","getColorProps","props","mode","getHighlighterBackgroundVariable","getColorVariable","getSchemeColorProps","getSchemeColorHighlighterBackgroundVariable","colorAttributes","lightColorAttributes","darkColorAttributes","getColor","light","dark","getCssObject","getGutterCSSObject","componentName","gutter","gutterX","gutterY","getResponsiveFlexDirectionCSSObject","responsiveFlexDirection","cssObject","wrapResponsiveMediaQuery","getResponsiveGutterCSSObject","responsiveGutter","gutterCSSObject","size","getColumnsFlexDirectionCss","getContainerGutterCss","getEmotionCss","optionalCss","key","arry","foreColorBase","foreColorScheme","fontSize","fontWeight","backColorBase","backColorScheme","highlighterColorBase","highlighterColorScheme","borderColorBase","borderColorScheme","borderTopColorBase","borderTopColorScheme","borderRightColorBase","borderRightColorScheme","borderBottomColorBase","borderBottomColorScheme","borderLeftColorBase","borderLeftColorScheme","hover","focus","active","disabled","defaultColor","css","hoverSchemeColor","focusSchemeColor","activeSchemeColor","disabledSchemeColor","schemeColor","defaultCssProps","cssArray","minolithUtilityStyles","derived","emotionStyleUtility"],"mappings":"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"}

package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js

@@ -14,22 +14,22 @@ const d = "minolith-", p = [
 function u(e, s, i, a) {
   const f = [];
   if (s) {
-    const t = (n, o) => {
+    const t = (n, $) => {
       if (n) {
-        const c = `--${d}color-${e}${i ? `-${i}` : ""}${a ? `-${a}` : ""}-${o}`;
+        const c = `--${d}color-${e}${i ? `-${i}` : ""}${a ? `-${a}` : ""}-${$}`;
         let r = "";
         if (typeof n.light == "string")
           r = `${n.light.startsWith("--") ? `var(${n.light})` : `${n.light}`}`;
         else {
           const l = `var(--${d}color-${n.light.name}-${n.light.lightness === 5 ? "05" : n.light.lightness})`;
-          n.light.alpha ? r = `oklch(from ${l} l c h / ${n.light.alpha})` : r = l;
+          n.light.alpha !== void 0 ? r = `oklch(from ${l} l c h / ${n.light.alpha})` : r = l;
         }
         let g = "";
         if (typeof n.dark == "string")
           g = `${n.dark.startsWith("--") ? `var(${n.dark})` : `${n.dark}`}`;
         else {
           const l = `var(--${d}color-${n.dark.name}-${n.dark.lightness === 5 ? "05" : n.dark.lightness})`;
-          n.dark.alpha ? g = `oklch(from ${l} l c h / ${n.dark.alpha})` : g = l;
+          n.dark.alpha !== void 0 ? g = `oklch(from ${l} l c h / ${n.dark.alpha})` : g = l;
         }
         f.push(`${c}: light-dark(${r}, ${g});`);
       }
@@ -38,7 +38,7 @@ function u(e, s, i, a) {
   }
   return f;
 }
-function $(e, s, i) {
+function o(e, s, i) {
   const a = [];
   if (s.default) {
     const f = u(
@@ -90,7 +90,7 @@ function $(e, s, i) {
 function h(e, s) {
   const i = [];
   if (e.default) {
-    const a = $(
+    const a = o(
       "default",
       e.default,
       s
@@ -99,7 +99,7 @@ function h(e, s) {
   }
   for (const a of p)
     if (e[a]) {
-      const f = $(
+      const f = o(
         a,
         e[a],
         s
@@ -303,9 +303,9 @@ function y(e) {
     if (e.color) {
       const i = e.color, a = (f, t, n) => {
         if (n) {
-          const o = `${n.lightness}% ${n.chroma} ${n.hue}`;
+          const $ = `${n.lightness}% ${n.chroma} ${n.hue}`;
           s.push(
-            `--${d}color-${f}-${t}: oklch(${o});`
+            `--${d}color-${f}-${t}: oklch(${$});`
           );
         }
       };
@@ -316,7 +316,7 @@ function y(e) {
         }
       if (i.colorScheme) {
         if (i.colorScheme.default) {
-          const f = $(
+          const f = o(
             "default",
             i.colorScheme.default
           );
@@ -326,7 +326,7 @@ function y(e) {
           if (i.colorScheme[f]) {
             const t = i.colorScheme[f];
             if (t) {
-              const n = $(f, t);
+              const n = o(f, t);
               n.length > 0 && s.push(...n);
             }
           }