react-minolith 2.4.1 → 2.4.2

package/dist/components/Message/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["../../../src/components/Message/Message.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { Interpolation, Theme } from \"@emotion/react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./Message.module.scss\";\r\nimport type MessageProps from \"./MessageProps\";\r\nimport type BaseMessageProps from \"./BaseMessageProps\";\r\n\r\nexport default function Message<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseMessageProps<BaseComponentColorNameType> =\r\n    MessageProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  delete assignedProps[\"colorName\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"message\"]];\r\n\r\n  const utilityClassNames =\r\n    classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-message-color-fore\"]: `var(--minolith-color-${props.colorName}-message-fore)`,\r\n        [\"--minolith-message-color-back\"]: `var(--minolith-color-${props.colorName}-message-back)`,\r\n        [\"--minolith-message-color-border\"]: `var(--minolith-color-${props.colorName}-message-border)`,\r\n        [\"--minolith-message-color-selection-fore\"]: `var(--minolith-color-${props.colorName}-message-selection-fore)`,\r\n        [\"--minolith-message-color-selection-back\"]: `var(--minolith-color-${props.colorName}-message-selection-back)`,\r\n        [\"--minolith-message-header-color-fore\"]: `var(--minolith-color-${props.colorName}-message-header-fore)`,\r\n        [\"--minolith-message-header-color-back\"]: `var(--minolith-color-${props.colorName}-message-header-back)`,\r\n        [\"--minolith-message-header-color-border\"]: `var(--minolith-color-${props.colorName}-message-header-border)`,\r\n        [\"--minolith-message-body-color-fore\"]: `var(--minolith-color-${props.colorName}-message-body-fore)`,\r\n        [\"--minolith-message-body-color-back\"]: `var(--minolith-color-${props.colorName}-message-body-back)`,\r\n        [\"--minolith-message-body-color-border\"]: `var(--minolith-color-${props.colorName}-message-body-border)`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(\r\n    props,\r\n    optionalCss,\r\n  );\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Message","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAUA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAGN,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,OAAU,GAErDC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAmBzC,QAAMM,IAAc;AAAA,IAClB,GAjByCN,EAAM,YAC7C;AAAA,MACG,iCAAkC,wBAAwBA,EAAM,SAAS;AAAA,MACzE,iCAAkC,wBAAwBA,EAAM,SAAS;AAAA,MACzE,mCAAoC,wBAAwBA,EAAM,SAAS;AAAA,MAC3E,2CAA4C,wBAAwBA,EAAM,SAAS;AAAA,MACnF,2CAA4C,wBAAwBA,EAAM,SAAS;AAAA,MACnF,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,MAChF,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,MAChF,0CAA2C,wBAAwBA,EAAM,SAAS;AAAA,MAClF,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA,MAC9E,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA,MAC9E,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAEnF;AAAA,EAGC,GAGCO,IAAMC,EAAoB;AAAA,IAC9BR;AAAA,IACAM;AAAA,EAAA;AAGF,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Message.js","names":[],"sources":["../../../src/components/Message/Message.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { Interpolation, Theme } from \"@emotion/react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./Message.module.scss\";\r\nimport type MessageProps from \"./MessageProps\";\r\nimport type BaseMessageProps from \"./BaseMessageProps\";\r\n\r\nexport default function Message<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseMessageProps<BaseComponentColorNameType> =\r\n    MessageProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  delete assignedProps[\"colorName\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"message\"]];\r\n\r\n  const utilityClassNames =\r\n    classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-message-color-fore\"]: `var(--minolith-color-${props.colorName}-message-fore)`,\r\n        [\"--minolith-message-color-back\"]: `var(--minolith-color-${props.colorName}-message-back)`,\r\n        [\"--minolith-message-color-border\"]: `var(--minolith-color-${props.colorName}-message-border)`,\r\n        [\"--minolith-message-color-selection-fore\"]: `var(--minolith-color-${props.colorName}-message-selection-fore)`,\r\n        [\"--minolith-message-color-selection-back\"]: `var(--minolith-color-${props.colorName}-message-selection-back)`,\r\n        [\"--minolith-message-header-color-fore\"]: `var(--minolith-color-${props.colorName}-message-header-fore)`,\r\n        [\"--minolith-message-header-color-back\"]: `var(--minolith-color-${props.colorName}-message-header-back)`,\r\n        [\"--minolith-message-header-color-border\"]: `var(--minolith-color-${props.colorName}-message-header-border)`,\r\n        [\"--minolith-message-body-color-fore\"]: `var(--minolith-color-${props.colorName}-message-body-fore)`,\r\n        [\"--minolith-message-body-color-back\"]: `var(--minolith-color-${props.colorName}-message-body-back)`,\r\n        [\"--minolith-message-body-color-border\"]: `var(--minolith-color-${props.colorName}-message-body-border)`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(\r\n    props,\r\n    optionalCss,\r\n  );\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"mappings":";;;;;;AAUA,SAAwB,EAItB,GAAgC;CAChC,IAAM,IAAgB;EACpB,GAAG;EACH,MAAM,KAAA;EACN,MAAM,KAAA;EACN,aAAa,KAAA;EACb,QAAQ,KAAA;EACR,aAAa,KAAA;EACb,QAAQ,KAAA;EACR,SAAS,KAAA;EACT,WAAW,KAAA;EACX,KAAK,KAAA;EACL,IAAI,KAAA;CACN;CAaA,AAXA,OAAO,EAAc,WAErB,OAAO,EAAc,MACrB,OAAO,EAAc,MACrB,OAAO,EAAc,aACrB,OAAO,EAAc,QACrB,OAAO,EAAc,aACrB,OAAO,EAAc,QACrB,OAAO,EAAc,SACrB,OAAO,EAAc,WACrB,OAAO,EAAc,KACrB,OAAO,EAAc;CAGrB,IAAM,IAA+B,CAAC,EAAW,OAAU,GAErD,IACJ,EAAiB,qBAAiD,CAAK;CAIzE,AAHI,KACF,EAAmB,KAAK,GAAG,CAAiB,GAE1C,EAAM,aACR,EAAmB,KAAK,EAAM,SAAS;CAmBzC,IAAM,IAAc,EAClB,GAjByC,EAAM,YAC7C;EACG,iCAAkC,wBAAwB,EAAM,UAAU;EAC1E,iCAAkC,wBAAwB,EAAM,UAAU;EAC1E,mCAAoC,wBAAwB,EAAM,UAAU;EAC5E,2CAA4C,wBAAwB,EAAM,UAAU;EACpF,2CAA4C,wBAAwB,EAAM,UAAU;EACpF,wCAAyC,wBAAwB,EAAM,UAAU;EACjF,wCAAyC,wBAAwB,EAAM,UAAU;EACjF,0CAA2C,wBAAwB,EAAM,UAAU;EACnF,sCAAuC,wBAAwB,EAAM,UAAU;EAC/E,sCAAuC,wBAAwB,EAAM,UAAU;EAC/E,wCAAyC,wBAAwB,EAAM,UAAU;CACpF,IACA,KAAA,EAIJ,GAEM,IAAM,EAAoB,cAC9B,GACA,CACF;CAEA,OAAO,EAAM,KACX,kBAAC,EAAM,IAAP;EACE,GAAI;EACJ,WAAW,EAAmB,KAAK,GAAG;EACjC;CACN,CAAA,IAED,kBAAC,OAAD;EACE,GAAI;EACJ,WAAW,EAAmB,KAAK,GAAG;EACjC;CACN,CAAA;AAEL"}

package/dist/components/Message/Message.module.js

@@ -0,0 +1,10 @@
+import './Message.css';//#region src/components/Message/Message.module.scss
+var e = "_message_ujlmm_1", t = {
+	message: e,
+	"message-header": "_message-header_ujlmm_52",
+	"message-body": "_message-body_ujlmm_64"
+};
+//#endregion
+export { t as default, e as message };
+
+//# sourceMappingURL=Message.module.js.map

package/dist/components/Message/Message.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.module.js","names":[],"sources":["../../../src/components/Message/Message.module.scss"],"sourcesContent":["@use \"../../../node_modules/minolith/src/variables/index.scss\" as variables with (\r\n  $is-skelton: true,\r\n);\r\n@forward \"../../../node_modules/minolith/src/components/message.scss\";\r\n\r\n"],"mappings":""}

package/dist/components/Message/MessageProps.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=MessageProps.js.map

package/dist/components/Message/index.js

@@ -1,6 +1,2 @@
-import { default as f, default as s } from "./Message.js";
-export {
-  f as Message,
-  s as default
-};
-//# sourceMappingURL=index.js.map
+import e from "./Message.js";
+export { e as Message, e as default };

package/dist/components/MessageBody/BaseMessageBodyProps.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=BaseMessageBodyProps.js.map

package/dist/components/MessageBody/MessageBody.js

@@ -1,45 +1,38 @@
 "use client";
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import l from "../../utilities/classNameUtility/classNameUtility.js";
-import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Message.css';const m = {
-  "message-body": "_message-body_ujlmm_64"
-};
-function r(s) {
-  const e = {
-    ...s,
-    fore: void 0,
-    back: void 0,
-    highlighter: void 0,
-    border: void 0,
-    positioning: void 0,
-    sizing: void 0,
-    spacing: void 0,
-    className: void 0,
-    css: void 0,
-    as: void 0
-  };
-  delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.className, delete e.css, delete e.as;
-  const i = [m["message-body"]], t = l.getUtilityClassNames(s);
-  t && i.push(...t), s.className && i.push(s.className);
-  const a = d.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ o(
-    s.as,
-    {
-      ...e,
-      className: i.join(" "),
-      css: a
-    }
-  ) : /* @__PURE__ */ o(
-    "div",
-    {
-      ...e,
-      className: i.join(" "),
-      css: a
-    }
-  );
+import e from "../../utilities/classNameUtility/classNameUtility.js";
+import t from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import n from "./MessageBody.module.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+//#region src/components/MessageBody/MessageBody.tsx
+function i(i) {
+	let a = {
+		...i,
+		fore: void 0,
+		back: void 0,
+		highlighter: void 0,
+		border: void 0,
+		positioning: void 0,
+		sizing: void 0,
+		spacing: void 0,
+		className: void 0,
+		css: void 0,
+		as: void 0
+	};
+	delete a.fore, delete a.back, delete a.highlighter, delete a.border, delete a.positioning, delete a.sizing, delete a.spacing, delete a.className, delete a.css, delete a.as;
+	let o = [n["message-body"]], s = e.getUtilityClassNames(i);
+	s && o.push(...s), i.className && o.push(i.className);
+	let c = t.getEmotionCss(i);
+	return i.as ? /* @__PURE__ */ r(i.as, {
+		...a,
+		className: o.join(" "),
+		css: c
+	}) : /* @__PURE__ */ r("div", {
+		...a,
+		className: o.join(" "),
+		css: c
+	});
 }
-export {
-  r as default
-};
-//# sourceMappingURL=MessageBody.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=MessageBody.js.map

package/dist/components/MessageBody/MessageBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageBody.js","sources":["../../../src/components/MessageBody/MessageBody.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseMessageBodyProps from \"./BaseMessageBodyProps\";\r\nimport classNames from \"./MessageBody.module.scss\";\r\nimport type MessageBodyProps from \"./MessageBodyProps\";\r\n\r\nexport default function MessageBody<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseMessageBodyProps<BaseComponentColorNameType> =\r\n    MessageBodyProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"message-body\"]];\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["MessageBody","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAIN,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,cAAc,CAAC,GAE1DC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAMC,EAAoB,cAA0CP,CAAK;AAE/E,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"MessageBody.js","names":[],"sources":["../../../src/components/MessageBody/MessageBody.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseMessageBodyProps from \"./BaseMessageBodyProps\";\r\nimport classNames from \"./MessageBody.module.scss\";\r\nimport type MessageBodyProps from \"./MessageBodyProps\";\r\n\r\nexport default function MessageBody<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseMessageBodyProps<BaseComponentColorNameType> =\r\n    MessageBodyProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"message-body\"]];\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"mappings":";;;;;;AASA,SAAwB,EAItB,GAAgC;CAChC,IAAM,IAAgB;EACpB,GAAG;EACH,MAAM,KAAA;EACN,MAAM,KAAA;EACN,aAAa,KAAA;EACb,QAAQ,KAAA;EACR,aAAa,KAAA;EACb,QAAQ,KAAA;EACR,SAAS,KAAA;EACT,WAAW,KAAA;EACX,KAAK,KAAA;EACL,IAAI,KAAA;CACN;CAYA,AATA,OAAO,EAAc,MACrB,OAAO,EAAc,MACrB,OAAO,EAAc,aACrB,OAAO,EAAc,QACrB,OAAO,EAAc,aACrB,OAAO,EAAc,QACrB,OAAO,EAAc,SACrB,OAAO,EAAc,WACrB,OAAO,EAAc,KACrB,OAAO,EAAc;CAGrB,IAAM,IAA+B,CAAC,EAAW,eAAe,GAE1D,IAAoB,EAAiB,qBAAiD,CAAK;CAIjG,AAHI,KACF,EAAmB,KAAK,GAAG,CAAiB,GAE1C,EAAM,aACR,EAAmB,KAAK,EAAM,SAAS;CAGzC,IAAM,IAAM,EAAoB,cAA0C,CAAK;CAE/E,OAAO,EAAM,KACX,kBAAC,EAAM,IAAP;EACE,GAAI;EACJ,WAAW,EAAmB,KAAK,GAAG;EACjC;CACN,CAAA,IAED,kBAAC,OAAD;EACE,GAAI;EACJ,WAAW,EAAmB,KAAK,GAAG;EACjC;CACN,CAAA;AAEL"}

package/dist/components/MessageBody/MessageBody.module.js

@@ -0,0 +1,10 @@
+import './MessageBody.css';//#region src/components/MessageBody/MessageBody.module.scss
+var e = "_message_ujlmm_1", t = {
+	message: e,
+	"message-header": "_message-header_ujlmm_52",
+	"message-body": "_message-body_ujlmm_64"
+};
+//#endregion
+export { t as default, e as message };
+
+//# sourceMappingURL=MessageBody.module.js.map

package/dist/components/MessageBody/MessageBody.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBody.module.js","names":[],"sources":["../../../src/components/MessageBody/MessageBody.module.scss"],"sourcesContent":["@use \"../../../node_modules/minolith/src/variables/index.scss\" as variables with (\r\n  $is-skelton: true,\r\n);\r\n@forward \"../../../node_modules/minolith/src/components/message.scss\";\r\n\r\n"],"mappings":""}

package/dist/components/MessageBody/MessageBodyProps.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=MessageBodyProps.js.map

package/dist/components/MessageBody/index.js

@@ -1,6 +1,2 @@
-import { default as d, default as f } from "./MessageBody.js";
-export {
-  d as MessageBody,
-  f as default
-};
-//# sourceMappingURL=index.js.map
+import e from "./MessageBody.js";
+export { e as MessageBody, e as default };

package/dist/components/MessageHeader/BaseMessageHeaderProps.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=BaseMessageHeaderProps.js.map

package/dist/components/MessageHeader/MessageHeader.js

@@ -1,45 +1,38 @@
 "use client";
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import l from "../../utilities/classNameUtility/classNameUtility.js";
-import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Message.css';const m = {
-  "message-header": "_message-header_ujlmm_52"
-};
-function r(s) {
-  const e = {
-    ...s,
-    fore: void 0,
-    back: void 0,
-    highlighter: void 0,
-    border: void 0,
-    positioning: void 0,
-    sizing: void 0,
-    spacing: void 0,
-    className: void 0,
-    css: void 0,
-    as: void 0
-  };
-  delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.className, delete e.css, delete e.as;
-  const i = [m["message-header"]], a = l.getUtilityClassNames(s);
-  a && i.push(...a), s.className && i.push(s.className);
-  const t = d.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ o(
-    s.as,
-    {
-      ...e,
-      className: i.join(" "),
-      css: t
-    }
-  ) : /* @__PURE__ */ o(
-    "div",
-    {
-      ...e,
-      className: i.join(" "),
-      css: t
-    }
-  );
+import e from "../../utilities/classNameUtility/classNameUtility.js";
+import t from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import n from "./MessageHeader.module.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+//#region src/components/MessageHeader/MessageHeader.tsx
+function i(i) {
+	let a = {
+		...i,
+		fore: void 0,
+		back: void 0,
+		highlighter: void 0,
+		border: void 0,
+		positioning: void 0,
+		sizing: void 0,
+		spacing: void 0,
+		className: void 0,
+		css: void 0,
+		as: void 0
+	};
+	delete a.fore, delete a.back, delete a.highlighter, delete a.border, delete a.positioning, delete a.sizing, delete a.spacing, delete a.className, delete a.css, delete a.as;
+	let o = [n["message-header"]], s = e.getUtilityClassNames(i);
+	s && o.push(...s), i.className && o.push(i.className);
+	let c = t.getEmotionCss(i);
+	return i.as ? /* @__PURE__ */ r(i.as, {
+		...a,
+		className: o.join(" "),
+		css: c
+	}) : /* @__PURE__ */ r("div", {
+		...a,
+		className: o.join(" "),
+		css: c
+	});
 }
-export {
-  r as default
-};
-//# sourceMappingURL=MessageHeader.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=MessageHeader.js.map

package/dist/components/MessageHeader/MessageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageHeader.js","sources":["../../../src/components/MessageHeader/MessageHeader.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./MessageHeader.module.scss\";\r\nimport type MessageHeaderProps from \"./MessageHeaderProps\";\r\nimport type BaseMessageHeaderProps from \"./BaseMessageHeaderProps\";\r\n\r\nexport default function MessageHeader<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseMessageHeaderProps<BaseComponentColorNameType> =\r\n    MessageHeaderProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"message-header\"]];\r\n\r\n  const utilityClassNames =\r\n    classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const css =\r\n    emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["MessageHeader","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAIN,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,gBAAgB,CAAC,GAE5DC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IACJC,EAAoB,cAA0CP,CAAK;AAErE,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"MessageHeader.js","names":[],"sources":["../../../src/components/MessageHeader/MessageHeader.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./MessageHeader.module.scss\";\r\nimport type MessageHeaderProps from \"./MessageHeaderProps\";\r\nimport type BaseMessageHeaderProps from \"./BaseMessageHeaderProps\";\r\n\r\nexport default function MessageHeader<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseMessageHeaderProps<BaseComponentColorNameType> =\r\n    MessageHeaderProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames: string[] = [classNames[\"message-header\"]];\r\n\r\n  const utilityClassNames =\r\n    classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const css =\r\n    emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <div\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"mappings":";;;;;;AASA,SAAwB,EAItB,GAAgC;CAChC,IAAM,IAAgB;EACpB,GAAG;EACH,MAAM,KAAA;EACN,MAAM,KAAA;EACN,aAAa,KAAA;EACb,QAAQ,KAAA;EACR,aAAa,KAAA;EACb,QAAQ,KAAA;EACR,SAAS,KAAA;EACT,WAAW,KAAA;EACX,KAAK,KAAA;EACL,IAAI,KAAA;CACN;CAYA,AATA,OAAO,EAAc,MACrB,OAAO,EAAc,MACrB,OAAO,EAAc,aACrB,OAAO,EAAc,QACrB,OAAO,EAAc,aACrB,OAAO,EAAc,QACrB,OAAO,EAAc,SACrB,OAAO,EAAc,WACrB,OAAO,EAAc,KACrB,OAAO,EAAc;CAGrB,IAAM,IAA+B,CAAC,EAAW,iBAAiB,GAE5D,IACJ,EAAiB,qBAAiD,CAAK;CAIzE,AAHI,KACF,EAAmB,KAAK,GAAG,CAAiB,GAE1C,EAAM,aACR,EAAmB,KAAK,EAAM,SAAS;CAGzC,IAAM,IACJ,EAAoB,cAA0C,CAAK;CAErE,OAAO,EAAM,KACX,kBAAC,EAAM,IAAP;EACE,GAAI;EACJ,WAAW,EAAmB,KAAK,GAAG;EACjC;CACN,CAAA,IAED,kBAAC,OAAD;EACE,GAAI;EACJ,WAAW,EAAmB,KAAK,GAAG;EACjC;CACN,CAAA;AAEL"}

package/dist/components/MessageHeader/MessageHeader.module.js

@@ -0,0 +1,10 @@
+import './MessageHeader.css';//#region src/components/MessageHeader/MessageHeader.module.scss
+var e = "_message_ujlmm_1", t = {
+	message: e,
+	"message-header": "_message-header_ujlmm_52",
+	"message-body": "_message-body_ujlmm_64"
+};
+//#endregion
+export { t as default, e as message };
+
+//# sourceMappingURL=MessageHeader.module.js.map

package/dist/components/MessageHeader/MessageHeader.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageHeader.module.js","names":[],"sources":["../../../src/components/MessageHeader/MessageHeader.module.scss"],"sourcesContent":["@use \"../../../node_modules/minolith/src/variables/index.scss\" as variables with (\r\n  $is-skelton: true,\r\n);\r\n@forward \"../../../node_modules/minolith/src/components/message.scss\";\r\n\r\n"],"mappings":""}

package/dist/components/MessageHeader/MessageHeaderProps.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=MessageHeaderProps.js.map

package/dist/components/MessageHeader/index.js

@@ -1,6 +1,2 @@
-import { default as d, default as f } from "./MessageHeader.js";
-export {
-  d as MessageHeader,
-  f as default
-};
-//# sourceMappingURL=index.js.map
+import e from "./MessageHeader.js";
+export { e as MessageHeader, e as default };

package/dist/components/Modal/BaseModalProps.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=BaseModalProps.js.map

package/dist/components/Modal/Modal.js

@@ -1,52 +1,40 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import d from "../../utilities/classNameUtility/classNameUtility.js";
-import m from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Modal.css';const n = "_modal_fqwz4_1", l = {
-  modal: n,
-  "is-active": "_is-active_fqwz4_23"
-};
-function f(i) {
-  const e = {
-    ...i,
-    fore: void 0,
-    back: void 0,
-    highlighter: void 0,
-    border: void 0,
-    positioning: void 0,
-    sizing: void 0,
-    spacing: void 0,
-    className: void 0,
-    css: void 0,
-    as: void 0
-  };
-  delete e.isActive, delete e.colorName, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.className, delete e.css, delete e.as;
-  const s = [l.modal];
-  i.isActive && s.push(l["is-active"]);
-  const o = d.getUtilityClassNames(i);
-  o && s.push(...o), i.className && s.push(i.className);
-  const c = {
-    ...i.colorName ? {
-      "--minolith-modal-color-back": `var(--minolith-color-${i.colorName}-modal-back, var(--minolith-color-${i.colorName}-back))`
-    } : void 0
-  }, a = m.getEmotionCss(i, c);
-  return i.as ? /* @__PURE__ */ t(
-    i.as,
-    {
-      ...e,
-      className: s.join(" "),
-      css: a
-    }
-  ) : /* @__PURE__ */ t(
-    "dialog",
-    {
-      ...e,
-      className: s.join(" "),
-      css: a
-    }
-  );
+import e from "../../utilities/classNameUtility/classNameUtility.js";
+import t from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import n from "./Modal.module.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+//#region src/components/Modal/Modal.tsx
+function i(i) {
+	let a = {
+		...i,
+		fore: void 0,
+		back: void 0,
+		highlighter: void 0,
+		border: void 0,
+		positioning: void 0,
+		sizing: void 0,
+		spacing: void 0,
+		className: void 0,
+		css: void 0,
+		as: void 0
+	};
+	delete a.isActive, delete a.colorName, delete a.fore, delete a.back, delete a.highlighter, delete a.border, delete a.positioning, delete a.sizing, delete a.spacing, delete a.className, delete a.css, delete a.as;
+	let o = [n.modal];
+	i.isActive && o.push(n["is-active"]);
+	let s = e.getUtilityClassNames(i);
+	s && o.push(...s), i.className && o.push(i.className);
+	let c = { ...i.colorName ? { "--minolith-modal-color-back": `var(--minolith-color-${i.colorName}-modal-back, var(--minolith-color-${i.colorName}-back))` } : void 0 }, l = t.getEmotionCss(i, c);
+	return i.as ? /* @__PURE__ */ r(i.as, {
+		...a,
+		className: o.join(" "),
+		css: l
+	}) : /* @__PURE__ */ r("dialog", {
+		...a,
+		className: o.join(" "),
+		css: l
+	});
 }
-export {
-  f as default
-};
-//# sourceMappingURL=Modal.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=Modal.js.map

package/dist/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { Interpolation, Theme } from \"@emotion/react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseModalProps from \"./BaseModalProps\";\r\nimport classNames from \"./Modal.module.scss\";\r\nimport type ModalProps from \"./ModalProps\";\r\n\r\nexport default function Modal<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseModalProps<BaseComponentColorNameType> =\r\n    ModalProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  delete assignedProps[\"isActive\"];\r\n  delete assignedProps[\"colorName\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"modal\"]];\r\n  if (props.isActive) {\r\n    assignedClassNames.push(classNames[\"is-active\"]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-modal-color-back\"]: `var(--minolith-color-${props.colorName}-modal-back, var(--minolith-color-${props.colorName}-back))`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props, optionalCss);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <dialog\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Modal","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;AAUA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAGN,SAAOC,EAAc,UACrB,OAAOA,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,KAAQ;AAC/C,EAAIH,EAAM,YACRE,EAAmB,KAAKC,EAAW,WAAW,CAAC;AAGjD,QAAMC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAG1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AASzC,QAAMM,IAAc;AAAA,IAClB,GAPyCN,EAAM,YAC7C;AAAA,MACG,+BAAgC,wBAAwBA,EAAM,SAAS,qCAAqCA,EAAM,SAAS;AAAA,IAAA,IAE9H;AAAA,EAGC,GAGCO,IAAMC,EAAoB,cAA0CR,GAAOM,CAAW;AAE5F,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Modal.js","names":[],"sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { Interpolation, Theme } from \"@emotion/react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseModalProps from \"./BaseModalProps\";\r\nimport classNames from \"./Modal.module.scss\";\r\nimport type ModalProps from \"./ModalProps\";\r\n\r\nexport default function Modal<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseModalProps<BaseComponentColorNameType> =\r\n    ModalProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  delete assignedProps[\"isActive\"];\r\n  delete assignedProps[\"colorName\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"modal\"]];\r\n  if (props.isActive) {\r\n    assignedClassNames.push(classNames[\"is-active\"]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-modal-color-back\"]: `var(--minolith-color-${props.colorName}-modal-back, var(--minolith-color-${props.colorName}-back))`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props, optionalCss);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <dialog\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"mappings":";;;;;;AAUA,SAAwB,EAItB,GAAgC;CAChC,IAAM,IAAgB;EACpB,GAAG;EACH,MAAM,KAAA;EACN,MAAM,KAAA;EACN,aAAa,KAAA;EACb,QAAQ,KAAA;EACR,aAAa,KAAA;EACb,QAAQ,KAAA;EACR,SAAS,KAAA;EACT,WAAW,KAAA;EACX,KAAK,KAAA;EACL,IAAI,KAAA;CACN;CAcA,AAZA,OAAO,EAAc,UACrB,OAAO,EAAc,WAErB,OAAO,EAAc,MACrB,OAAO,EAAc,MACrB,OAAO,EAAc,aACrB,OAAO,EAAc,QACrB,OAAO,EAAc,aACrB,OAAO,EAAc,QACrB,OAAO,EAAc,SACrB,OAAO,EAAc,WACrB,OAAO,EAAc,KACrB,OAAO,EAAc;CAGrB,IAAM,IAAqB,CAAC,EAAW,KAAQ;CAC/C,AAAI,EAAM,YACR,EAAmB,KAAK,EAAW,YAAY;CAGjD,IAAM,IAAoB,EAAiB,qBAAiD,CAAK;CAKjG,AAJI,KACF,EAAmB,KAAK,GAAG,CAAiB,GAG1C,EAAM,aACR,EAAmB,KAAK,EAAM,SAAS;CASzC,IAAM,IAAc,EAClB,GAPyC,EAAM,YAC7C,EACG,+BAAgC,wBAAwB,EAAM,UAAU,oCAAoC,EAAM,UAAU,SAC/H,IACA,KAAA,EAIJ,GAEM,IAAM,EAAoB,cAA0C,GAAO,CAAW;CAE5F,OAAO,EAAM,KACX,kBAAC,EAAM,IAAP;EACE,GAAI;EACJ,WAAW,EAAmB,KAAK,GAAG;EACjC;CACN,CAAA,IAED,kBAAC,UAAD;EACE,GAAI;EACJ,WAAW,EAAmB,KAAK,GAAG;EACjC;CACN,CAAA;AAEL"}

package/dist/components/Modal/Modal.module.js

@@ -0,0 +1,10 @@
+import './Modal.css';//#region src/components/Modal/Modal.module.scss
+var e = "_modal_fqwz4_1", t = {
+	modal: e,
+	"is-active": "_is-active_fqwz4_23",
+	"modal-content": "_modal-content_fqwz4_26"
+};
+//#endregion
+export { t as default, e as modal };
+
+//# sourceMappingURL=Modal.module.js.map

package/dist/components/Modal/Modal.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.module.js","names":[],"sources":["../../../src/components/Modal/Modal.module.scss"],"sourcesContent":["@use \"../../../node_modules/minolith/src/variables/index.scss\" as variables with (\r\n  $is-skelton: true,\r\n);\r\n@forward \"../../../node_modules/minolith/src/components/modal.scss\";\r\n\r\n"],"mappings":""}

package/dist/components/Modal/ModalProps.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=ModalProps.js.map

package/dist/components/Modal/index.js

@@ -1,6 +1,2 @@
-import { default as e, default as f } from "./Modal.js";
-export {
-  e as Modal,
-  f as default
-};
-//# sourceMappingURL=index.js.map
+import e from "./Modal.js";
+export { e as Modal, e as default };

package/dist/components/ModalContent/BaseModalContentProps.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=BaseModalContentProps.js.map

package/dist/components/ModalContent/ModalContent.js

@@ -1,45 +1,38 @@
 "use client";
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import l from "../../utilities/classNameUtility/classNameUtility.js";
-import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Modal.css';const d = {
-  "modal-content": "_modal-content_fqwz4_26"
-};
-function r(s) {
-  const e = {
-    ...s,
-    fore: void 0,
-    back: void 0,
-    highlighter: void 0,
-    border: void 0,
-    positioning: void 0,
-    sizing: void 0,
-    spacing: void 0,
-    className: void 0,
-    css: void 0,
-    as: void 0
-  };
-  delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.className, delete e.css, delete e.as;
-  const t = [d["modal-content"]], i = l.getUtilityClassNames(s);
-  i && t.push(...i), s.className && t.push(s.className);
-  const o = n.getEmotionCss(s);
-  return s.as ? /* @__PURE__ */ a(
-    s.as,
-    {
-      ...e,
-      className: t.join(" "),
-      css: o
-    }
-  ) : /* @__PURE__ */ a(
-    "nav",
-    {
-      ...e,
-      className: t.join(" "),
-      css: o
-    }
-  );
+import e from "../../utilities/classNameUtility/classNameUtility.js";
+import t from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import n from "./ModalContent.module.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+//#region src/components/ModalContent/ModalContent.tsx
+function i(i) {
+	let a = {
+		...i,
+		fore: void 0,
+		back: void 0,
+		highlighter: void 0,
+		border: void 0,
+		positioning: void 0,
+		sizing: void 0,
+		spacing: void 0,
+		className: void 0,
+		css: void 0,
+		as: void 0
+	};
+	delete a.fore, delete a.back, delete a.highlighter, delete a.border, delete a.positioning, delete a.sizing, delete a.spacing, delete a.className, delete a.css, delete a.as;
+	let o = [n["modal-content"]], s = e.getUtilityClassNames(i);
+	s && o.push(...s), i.className && o.push(i.className);
+	let c = t.getEmotionCss(i);
+	return i.as ? /* @__PURE__ */ r(i.as, {
+		...a,
+		className: o.join(" "),
+		css: c
+	}) : /* @__PURE__ */ r("nav", {
+		...a,
+		className: o.join(" "),
+		css: c
+	});
 }
-export {
-  r as default
-};
-//# sourceMappingURL=ModalContent.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=ModalContent.js.map

package/dist/components/ModalContent/ModalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.js","sources":["../../../src/components/ModalContent/ModalContent.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./ModalContent.module.scss\";\r\nimport type ModalContentProps from \"./ModalContentProps\";\r\nimport type BaseModalContentProps from \"./BaseModalContentProps\";\r\n\r\nexport default function ModalContent<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseModalContentProps<BaseComponentColorNameType> =\r\n    ModalContentProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"modal-content\"]];\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <nav\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["ModalContent","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAIN,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,eAAe,CAAC,GAEjDC,IAAoBC,EAAiB,qBAAiDL,CAAK;AACjG,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAMC,EAAoB,cAA0CP,CAAK;AAE/E,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"ModalContent.js","names":[],"sources":["../../../src/components/ModalContent/ModalContent.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport classNames from \"./ModalContent.module.scss\";\r\nimport type ModalContentProps from \"./ModalContentProps\";\r\nimport type BaseModalContentProps from \"./BaseModalContentProps\";\r\n\r\nexport default function ModalContent<\r\n  BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n  PropsType extends BaseModalContentProps<BaseComponentColorNameType> =\r\n    ModalContentProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n  const assignedProps = {\r\n    ...props,\r\n    fore: undefined,\r\n    back: undefined,\r\n    highlighter: undefined,\r\n    border: undefined,\r\n    positioning: undefined,\r\n    sizing: undefined,\r\n    spacing: undefined,\r\n    className: undefined,\r\n    css: undefined,\r\n    as: undefined,\r\n  };\r\n\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"className\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n\r\n  const assignedClassNames = [classNames[\"modal-content\"]];\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\r\n\r\n  return props.as ? (\r\n    <props.as\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  ) : (\r\n    <nav\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"mappings":";;;;;;AASA,SAAwB,EAItB,GAAgC;CAChC,IAAM,IAAgB;EACpB,GAAG;EACH,MAAM,KAAA;EACN,MAAM,KAAA;EACN,aAAa,KAAA;EACb,QAAQ,KAAA;EACR,aAAa,KAAA;EACb,QAAQ,KAAA;EACR,SAAS,KAAA;EACT,WAAW,KAAA;EACX,KAAK,KAAA;EACL,IAAI,KAAA;CACN;CAYA,AATA,OAAO,EAAc,MACrB,OAAO,EAAc,MACrB,OAAO,EAAc,aACrB,OAAO,EAAc,QACrB,OAAO,EAAc,aACrB,OAAO,EAAc,QACrB,OAAO,EAAc,SACrB,OAAO,EAAc,WACrB,OAAO,EAAc,KACrB,OAAO,EAAc;CAGrB,IAAM,IAAqB,CAAC,EAAW,gBAAgB,GAEjD,IAAoB,EAAiB,qBAAiD,CAAK;CAIjG,AAHI,KACF,EAAmB,KAAK,GAAG,CAAiB,GAE1C,EAAM,aACR,EAAmB,KAAK,EAAM,SAAS;CAGzC,IAAM,IAAM,EAAoB,cAA0C,CAAK;CAE/E,OAAO,EAAM,KACX,kBAAC,EAAM,IAAP;EACE,GAAI;EACJ,WAAW,EAAmB,KAAK,GAAG;EACjC;CACN,CAAA,IAED,kBAAC,OAAD;EACE,GAAI;EACJ,WAAW,EAAmB,KAAK,GAAG;EACjC;CACN,CAAA;AAEL"}