react-minolith 2.0.4 → 2.1.0

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\nimport { BaseComponentProps } from \"../../models\";\r\nimport { css, CSSObject, Interpolation, Theme } from \"@emotion/react\";\r\nimport { ColorAttributes, ColorName } 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<ColorNameType = ColorName>(\r\n  props?: {\r\n    default?: ColorAttributes<ColorNameType> | \"transparent\";\r\n    hover?: ColorAttributes<ColorNameType> | \"transparent\";\r\n    focus?: ColorAttributes<ColorNameType> | \"transparent\";\r\n    active?: ColorAttributes<ColorNameType> | \"transparent\";\r\n    disabled?: ColorAttributes<ColorNameType> | \"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<ColorNameType = ColorName>(\r\n  props?: {\r\n    light: {\r\n      default?: ColorAttributes<ColorNameType> | \"transparent\";\r\n      hover?: ColorAttributes<ColorNameType> | \"transparent\";\r\n      focus?: ColorAttributes<ColorNameType> | \"transparent\";\r\n      active?: ColorAttributes<ColorNameType> | \"transparent\";\r\n      disabled?: ColorAttributes<ColorNameType> | \"transparent\";\r\n    };\r\n    dark: {\r\n      default?: ColorAttributes<ColorNameType> | \"transparent\";\r\n      hover?: ColorAttributes<ColorNameType> | \"transparent\";\r\n      focus?: ColorAttributes<ColorNameType> | \"transparent\";\r\n      active?: ColorAttributes<ColorNameType> | \"transparent\";\r\n      disabled?: ColorAttributes<ColorNameType> | \"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<ColorNameType = ColorName>(\r\n  colorAttributes?: ColorAttributes<ColorNameType> | \"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<ColorNameType = ColorName>(\r\n  colorAttributes?: ColorAttributes<ColorNameType> | \"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<ColorNameType = ColorName>(\r\n  lightColorAttributes?: ColorAttributes<ColorNameType> | \"transparent\",\r\n  darkColorAttributes?: ColorAttributes<ColorNameType> | \"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: ColorAttributes<ColorNameType> | \"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 getEmotionCss(props: BaseComponentProps): 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    if (props.css) {\r\n      return props.css;\r\n    }\r\n    return undefined;\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  if (props.css) {\r\n    return [minolithUtilityStyles, props.css];\r\n  }\r\n\r\n  return minolithUtilityStyles;\r\n}\r\n\r\nconst emotionStyleUtility = {\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","getEmotionCss","key","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","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\nimport { BaseComponentProps } from \"../../models\";\r\nimport { css, CSSObject, Interpolation, Theme } from \"@emotion/react\";\r\nimport { ColorAttributes, ColorName } 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<ColorNameType extends string = ColorName>(\r\n  props?: {\r\n    default?: ColorAttributes<ColorNameType> | \"transparent\";\r\n    hover?: ColorAttributes<ColorNameType> | \"transparent\";\r\n    focus?: ColorAttributes<ColorNameType> | \"transparent\";\r\n    active?: ColorAttributes<ColorNameType> | \"transparent\";\r\n    disabled?: ColorAttributes<ColorNameType> | \"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<ColorNameType extends string = ColorName>(\r\n  props?: {\r\n    light: {\r\n      default?: ColorAttributes<ColorNameType> | \"transparent\";\r\n      hover?: ColorAttributes<ColorNameType> | \"transparent\";\r\n      focus?: ColorAttributes<ColorNameType> | \"transparent\";\r\n      active?: ColorAttributes<ColorNameType> | \"transparent\";\r\n      disabled?: ColorAttributes<ColorNameType> | \"transparent\";\r\n    };\r\n    dark: {\r\n      default?: ColorAttributes<ColorNameType> | \"transparent\";\r\n      hover?: ColorAttributes<ColorNameType> | \"transparent\";\r\n      focus?: ColorAttributes<ColorNameType> | \"transparent\";\r\n      active?: ColorAttributes<ColorNameType> | \"transparent\";\r\n      disabled?: ColorAttributes<ColorNameType> | \"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<ColorNameType extends string = ColorName>(\r\n  colorAttributes?: ColorAttributes<ColorNameType> | \"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  ColorNameType extends string = ColorName,\r\n>(\r\n  colorAttributes?: ColorAttributes<ColorNameType> | \"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  ColorNameType extends string = ColorName,\r\n>(\r\n  lightColorAttributes?: ColorAttributes<ColorNameType> | \"transparent\",\r\n  darkColorAttributes?: ColorAttributes<ColorNameType> | \"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: ColorAttributes<ColorNameType> | \"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 getEmotionCss(props: BaseComponentProps, optionalCss?: Interpolation<Theme>): 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  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","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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-minolith",
-  "version": "2.0.4",
+  "version": "2.1.0",
   "description": "react-minolith is an open-source react wrapper for minolith.",
   "type": "module",
   "main": "./dist/react-minolith.js",
@@ -362,30 +362,31 @@
   "devDependencies": {
     "@emotion/babel-preset-css-prop": "^11.12.0",
     "@emotion/react": "^11.14.0",
-    "@storybook/addon-docs": "^10.2.15",
-    "@storybook/addon-vitest": "^10.2.15",
-    "@storybook/react-vite": "^10.2.15",
-    "@types/node": "^25.3.3",
+    "@storybook/addon-docs": "^10.2.16",
+    "@storybook/addon-vitest": "^10.2.16",
+    "@storybook/react-vite": "^10.2.16",
+    "@types/node": "^25.3.5",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.56.1",
-    "@typescript-eslint/parser": "^8.56.1",
+    "@typescript-eslint/eslint-plugin": "^8.53.1",
+    "@typescript-eslint/parser": "^8.53.1",
     "@vitejs/plugin-react-swc": "^4.2.3",
     "@vitest/browser-playwright": "^4.0.18",
     "@vitest/coverage-v8": "^4.0.18",
-    "eslint": "^10.0.2",
+    "eslint": "^9.39.2",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.5.2",
-    "eslint-plugin-storybook": "^10.2.15",
+    "eslint-plugin-react-refresh": "^0.4.26",
+    "eslint-plugin-storybook": "^10.2.16",
     "glob": "^13.0.6",
-    "minolith": "^1.0.0",
+    "minolith": "^1.1.3",
     "playwright": "^1.58.2",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "rimraf": "^6.1.3",
     "rollup-preserve-directives": "^1.1.3",
     "sass": "^1.97.3",
-    "storybook": "^10.2.15",
+    "storybook": "^10.2.16",
+    "type-fest": "^5.4.4",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",