react-minolith 1.0.4 → 1.0.6

package/dist/react-minolith.js

@@ -1,134 +1,129 @@
-import { default as t } from "./utilities/minolithStyleUtility/minolithStyleUtility.js";
-import { default as f } from "./utilities/classNameUtility.js";
-import { default as l } from "./utilities/emotionStyleUtility.js";
-import { default as s } from "./base/Minolith/Minolith.js";
-import { default as p } from "./base/MinolithStatic/MinolithStatic.js";
-import { default as i } from "./base/Tabula/Tabula.js";
-import { default as g } from "./backgrounds/Dot/Dot.js";
-import { default as v } from "./backgrounds/Gingham/Gingham.js";
-import { default as B } from "./backgrounds/Rhombus/Rhombus.js";
-import { default as N } from "./backgrounds/Stripe/Stripe.js";
-import { default as D } from "./backgrounds/Zigzag/Zigzag.js";
-import { default as S } from "./components/Accordion/Accordion.js";
-import { default as A } from "./components/Accordion/AccordionSummary.js";
-import { default as L } from "./components/Accordion/AccordionDetails.js";
-import { default as I } from "./components/Badge/Badge.js";
-import { default as U } from "./components/Blockquote/Blockquote.js";
-import { default as F } from "./components/Breadcrumbs/Breadcrumbs.js";
-import { default as z } from "./components/Breadcrumbs/Breadcrumb.js";
-import { default as P } from "./components/Breadcrumbs/BreadcrumbsNav.js";
-import { default as j } from "./components/Button/Button.js";
-import { default as E } from "./components/Card/Card.js";
-import { default as K } from "./components/Card/CardBody.js";
-import { default as Q } from "./components/Card/CardHeader.js";
-import { default as W } from "./components/Card/CardFooter.js";
-import { default as Y } from "./components/Dialogue/Dialogue.js";
-import { default as $ } from "./components/Dialogue/DialogueAvatarContainer.js";
-import { default as ea } from "./components/Dialogue/DialogueAvatar.js";
-import { default as ta } from "./components/Dialogue/DialogueContentContainer.js";
-import { default as fa } from "./components/Dialogue/DialogueName.js";
-import { default as la } from "./components/Dialogue/DialogueMessage.js";
-import { default as sa } from "./components/Dialogue/DialogueMessageInner.js";
-import { default as pa } from "./components/Div/Div.js";
-import { default as ia } from "./components/Footer/Footer.js";
-import { default as ga } from "./components/Hamburger/Hamburger.js";
-import { default as va } from "./components/Header/Header.js";
-import { default as Ba } from "./components/Heading/Heading.js";
-import { default as Na } from "./components/Input/Input.js";
-import { default as Da } from "./components/Label/Label.js";
-import { default as Sa } from "./components/Link/Link.js";
-import { default as Aa } from "./components/Loader/Loader.js";
-import { default as La } from "./components/Main/Main.js";
-import { default as Ia } from "./components/Message/Message.js";
-import { default as Ua } from "./components/Message/MessageBody.js";
-import { default as Fa } from "./components/Message/MessageHeader.js";
-import { default as za } from "./components/Modal/Modal.js";
-import { default as Pa } from "./components/Modal/ModalContent.js";
-import { default as ja } from "./components/Nav/Nav.js";
-import { default as Ea } from "./components/Nav/NavBrand.js";
-import { default as Ka } from "./components/Nav/NavBrandCenter.js";
-import { default as Qa } from "./components/Nav/NavBrandLeft.js";
-import { default as Wa } from "./components/Nav/NavBrandRight.js";
-import { default as Ya } from "./components/Nav/NavStatic.js";
-import { default as $a } from "./components/Nav/NavMenu.js";
-import { default as ee } from "./components/Nav/NavMenuItem.js";
-import { default as te } from "./components/Nav/NavAccordion.js";
-import { default as fe } from "./components/Paragraph/Paragraph.js";
+import { default as d } from "./utilities/minolithStyleUtility/minolithStyleUtility.js";
+import { default as u } from "./utilities/classNameUtility/classNameUtility.js";
+import { default as m } from "./utilities/emotionStyleUtility/emotionStyleUtility.js";
 import "@emotion/react/jsx-runtime";
-import { default as le } from "./components/Ruby/Ruby.js";
-import { default as se } from "./components/Ruby/RubyText.js";
-import { default as pe } from "./components/Section/Section.js";
-import { default as ie } from "./components/Span/Span.js";
-import { default as ge } from "./components/Textarea/Textarea.js";
-import { default as ve } from "./layouts/Centering/Centering.js";
-import { default as Be } from "./layouts/Columns/Columns.js";
-import { default as Ne } from "./layouts/Columns/Column.js";
-import { default as De } from "./layouts/Container/Container.js";
+import "react";
+import './assets/Minolith.css';/* empty css                  */
+/* empty css                        */
+import { default as x } from "./backgrounds/Dot/Dot.js";
+import { default as n } from "./backgrounds/Gingham/Gingham.js";
+import { default as c } from "./backgrounds/Rhombus/Rhombus.js";
+import { default as v } from "./backgrounds/Stripe/Stripe.js";
+import { default as y } from "./backgrounds/Zigzag/Zigzag.js";
+import { default as D } from "./components/Accordion/Accordion.js";
+import { default as S } from "./components/AccordionDetails/AccordionDetails.js";
+import { default as A } from "./components/AccordionSummary/AccordionSummary.js";
+import { default as H } from "./components/Badge/Badge.js";
+import { default as R } from "./components/Blockquote/Blockquote.js";
+import { default as U } from "./components/Breadcrumbs/Breadcrumbs.js";
+import { default as F } from "./components/Button/Button.js";
+import { default as T } from "./components/Card/Card.js";
+import { default as z } from "./components/CardBody/CardBody.js";
+import { default as Z } from "./components/CardFooter/CardFooter.js";
+import { default as w } from "./components/CardHeader/CardHeader.js";
+import { default as J } from "./components/Dialogue/Dialogue.js";
+import { default as O } from "./components/DialogueAvatar/DialogueAvatar.js";
+import { default as V } from "./components/DialogueAvatarContainer/DialogueAvatarContainer.js";
+import { default as X } from "./components/DialogueContentContainer/DialogueContentContainer.js";
+import { default as _ } from "./components/DialogueMessage/DialogueMessage.js";
+import { default as aa } from "./components/DialogueMessageInner/DialogueMessageInner.js";
+import { default as oa } from "./components/DialogueName/DialogueName.js";
+import { default as ra } from "./components/Div/Div.js";
+import { default as da } from "./components/Footer/Footer.js";
+import { default as ua } from "./components/Hamburger/Hamburger.js";
+import { default as ma } from "./components/Header/Header.js";
+import { default as xa } from "./components/Heading/Heading.js";
+import { default as na } from "./components/Input/Input.js";
+import { default as ca } from "./components/Label/Label.js";
+import { default as va } from "./components/Link/Link.js";
+import { default as ya } from "./components/Loader/Loader.js";
+import { default as Da } from "./components/Main/Main.js";
+import { default as Sa } from "./components/Message/Message.js";
+import { default as Aa } from "./components/MessageBody/MessageBody.js";
+import { default as Ha } from "./components/MessageHeader/MessageHeader.js";
+import { default as Ra } from "./components/Modal/Modal.js";
+import { default as Ua } from "./components/ModalContent/ModalContent.js";
+import { default as Fa } from "./components/Nav/Nav.js";
+import { default as Ta } from "./components/NavAccordion/NavAccordion.js";
+import { default as za } from "./components/NavBrand/NavBrand.js";
+import { default as Za } from "./components/NavBrandCenter/NavBrandCenter.js";
+import { default as wa } from "./components/NavBrandLeft/NavBrandLeft.js";
+import { default as Ja } from "./components/NavBrandRight/NavBrandRight.js";
+import { default as Oa } from "./components/NavMenu/NavMenu.js";
+import { default as Va } from "./components/NavMenuItem/NavMenuItem.js";
+import { default as Xa } from "./components/NavStatic/NavStatic.js";
+import { default as _a } from "./components/Paragraph/Paragraph.js";
+import { default as ae } from "./components/Progress/Progress.js";
+import { default as oe } from "./components/Ruby/Ruby.js";
+import { default as re } from "./components/RubyText/RubyText.js";
+import { default as de } from "./components/Section/Section.js";
+import { default as ue } from "./components/Span/Span.js";
+import { default as me } from "./components/Textarea/Textarea.js";
+import { default as xe } from "./layouts/Centering/Centering.js";
+import { default as ne } from "./layouts/Column/Column.js";
+import { default as ce } from "./layouts/Columns/Columns.js";
+import { default as ve } from "./layouts/Container/Container.js";
 export {
-  S as Accordion,
-  L as AccordionDetails,
+  D as Accordion,
+  S as AccordionDetails,
   A as AccordionSummary,
-  I as Badge,
-  U as Blockquote,
-  z as Breadcrumb,
-  F as Breadcrumbs,
-  P as BreadcrumbsNav,
-  j as Button,
-  E as Card,
-  K as CardBody,
-  W as CardFooter,
-  Q as CardHeader,
-  ve as Centering,
-  Ne as Column,
-  Be as Columns,
-  De as Container,
-  Y as Dialogue,
-  ea as DialogueAvatar,
-  $ as DialogueAvatarContainer,
-  ta as DialogueContentContainer,
-  la as DialogueMessage,
-  sa as DialogueMessageInner,
-  fa as DialogueName,
-  pa as Div,
-  g as Dot,
-  ia as Footer,
-  v as Gingham,
-  ga as Hamburger,
-  va as Header,
-  Ba as Heading,
-  Na as Input,
-  Da as Label,
-  Sa as Link,
-  Aa as Loader,
-  La as Main,
-  Ia as Message,
-  Ua as MessageBody,
-  Fa as MessageHeader,
-  s as Minolith,
-  p as MinolithStatic,
-  za as Modal,
-  Pa as ModalContent,
-  ja as Nav,
-  te as NavAccordion,
-  Ea as NavBrand,
-  Ka as NavBrandCenter,
-  Qa as NavBrandLeft,
-  Wa as NavBrandRight,
-  $a as NavMenu,
-  ee as NavMenuItem,
-  Ya as NavStatic,
-  fe as Paragraph,
-  B as Rhombus,
-  le as Ruby,
-  se as RubyText,
-  pe as Section,
-  ie as Span,
-  N as Stripe,
-  i as Tabula,
-  ge as Textarea,
-  D as Zigzag,
-  f as classNameUtility,
-  l as emotionStyleUtility,
-  t as minolithStyleUtility
+  H as Badge,
+  R as Blockquote,
+  U as Breadcrumbs,
+  F as Button,
+  T as Card,
+  z as CardBody,
+  Z as CardFooter,
+  w as CardHeader,
+  xe as Centering,
+  ne as Column,
+  ce as Columns,
+  ve as Container,
+  J as Dialogue,
+  O as DialogueAvatar,
+  V as DialogueAvatarContainer,
+  X as DialogueContentContainer,
+  _ as DialogueMessage,
+  aa as DialogueMessageInner,
+  oa as DialogueName,
+  ra as Div,
+  x as Dot,
+  da as Footer,
+  n as Gingham,
+  ua as Hamburger,
+  ma as Header,
+  xa as Heading,
+  na as Input,
+  ca as Label,
+  va as Link,
+  ya as Loader,
+  Da as Main,
+  Sa as Message,
+  Aa as MessageBody,
+  Ha as MessageHeader,
+  Ra as Modal,
+  Ua as ModalContent,
+  Fa as Nav,
+  Ta as NavAccordion,
+  za as NavBrand,
+  Za as NavBrandCenter,
+  wa as NavBrandLeft,
+  Ja as NavBrandRight,
+  Oa as NavMenu,
+  Va as NavMenuItem,
+  Xa as NavStatic,
+  _a as Paragraph,
+  ae as Progress,
+  c as Rhombus,
+  oe as Ruby,
+  re as RubyText,
+  de as Section,
+  ue as Span,
+  v as Stripe,
+  me as Textarea,
+  y as Zigzag,
+  u as classNameUtility,
+  m as emotionStyleUtility,
+  d as minolithStyleUtility
 };
 //# sourceMappingURL=react-minolith.js.map

package/dist/react-minolith.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-minolith.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"react-minolith.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/utilities/{classNameUtility.d.ts → classNameUtility/classNameUtility.d.ts}

@@ -1,4 +1,4 @@
-import { default as BaseComponentProps } from '../common/models/BaseComponentProps';
+import { default as BaseComponentProps } from '../../common/models/BaseComponentProps';
 declare function getUtilityClassNames(props: BaseComponentProps): string[];
 declare const classNameUtility: {
     getUtilityClassNames: typeof getUtilityClassNames;

package/dist/utilities/classNameUtility/classNameUtility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classNameUtility.d.ts","sourceRoot":"","sources":["../../../src/utilities/classNameUtility/classNameUtility.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,wCAAwC,CAAC;AAGxE,iBAAS,oBAAoB,CAAC,KAAK,EAAE,kBAAkB,GAAG,MAAM,EAAE,CAkPjE;AAED,QAAA,MAAM,gBAAgB;;CAErB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/utilities/classNameUtility/classNameUtility.js

@@ -0,0 +1,166 @@
+function n(i) {
+  const e = [], t = (o, a, c, l) => {
+    c && c.name === "rainbow" && e.push(
+      `${o}${l ? `-${l}` : ""}${a === "default" ? "" : `-${a}`}-${c.name}-${c.lightness === 5 ? "05" : c.lightness}`
+    );
+  };
+  if (i.fore) {
+    if (i.fore.color) {
+      if (t("forecolor", "default", i.fore.color.default), t("forecolor", "hover", i.fore.color.hover), t("forecolor", "focus", i.fore.color.focus), t("forecolor", "active", i.fore.color.active), t("forecolor", "disabled", i.fore.color.disabled), i.fore.color.light) {
+        const o = i.fore.color.light;
+        t(
+          "forecolor",
+          "default",
+          o.default,
+          "light"
+        ), t("forecolor", "hover", o.hover, "light"), t("forecolor", "focus", o.focus, "light"), t("forecolor", "active", o.active, "light"), t(
+          "forecolor",
+          "disabled",
+          o.disabled,
+          "light"
+        );
+      }
+      if (i.fore.color.dark) {
+        const o = i.fore.color.dark;
+        t("forecolor", "default", o.default, "dark"), t("forecolor", "hover", o.hover, "dark"), t("forecolor", "focus", o.focus, "dark"), t("forecolor", "active", o.active, "dark"), t(
+          "forecolor",
+          "disabled",
+          o.disabled,
+          "dark"
+        );
+      }
+    }
+    i.fore.isItalic && e.push("italic");
+  }
+  if (i.back && i.back.color) {
+    if (t("backcolor", "default", i.back.color.default), t("backcolor", "hover", i.back.color.hover), t("backcolor", "focus", i.back.color.focus), t("backcolor", "active", i.back.color.active), t("backcolor", "disabled", i.back.color.disabled), i.back.color.light) {
+      const o = i.back.color.light;
+      t(
+        "backcolor",
+        "default",
+        o.default,
+        "light"
+      ), t("backcolor", "hover", o.hover, "light"), t("backcolor", "focus", o.focus, "light"), t("backcolor", "active", o.active, "light"), t(
+        "backcolor",
+        "disabled",
+        o.disabled,
+        "light"
+      );
+    }
+    if (i.back.color.dark) {
+      const o = i.back.color.dark;
+      t("backcolor", "default", o.default, "dark"), t("backcolor", "hover", o.hover, "dark"), t("backcolor", "focus", o.focus, "dark"), t("backcolor", "active", o.active, "dark"), t(
+        "backcolor",
+        "disabled",
+        o.disabled,
+        "dark"
+      );
+    }
+  }
+  if (i.positioning) {
+    if (i.positioning.display && e.push(`display-${i.positioning.display}`), i.positioning.position && e.push(`position-${i.positioning.position}`), i.positioning.top) {
+      if (typeof i.positioning.top == "number")
+        e.push(`top-${i.positioning.top}rem`);
+      else if (typeof i.positioning.top == "string")
+        if (i.positioning.top.includes("%")) {
+          const o = i.positioning.top.replace("%", "");
+          e.push(`top-${o}percent`);
+        } else
+          e.push(`top-${i.positioning.top}`);
+    }
+    if (i.positioning.bottom) {
+      if (typeof i.positioning.bottom == "number")
+        e.push(`bottom-${i.positioning.bottom}rem`);
+      else if (typeof i.positioning.bottom == "string")
+        if (i.positioning.bottom.includes("%")) {
+          const o = i.positioning.bottom.replace("%", "");
+          e.push(`bottom-${o}percent`);
+        } else
+          e.push(`bottom-${i.positioning.bottom}`);
+    }
+    if (i.positioning.left) {
+      if (typeof i.positioning.left == "number")
+        e.push(`left-${i.positioning.left}rem`);
+      else if (typeof i.positioning.left == "string")
+        if (i.positioning.left.includes("%")) {
+          const o = i.positioning.left.replace("%", "");
+          e.push(`left-${o}percent`);
+        } else
+          e.push(`left-${i.positioning.left}`);
+    }
+    if (i.positioning.right) {
+      if (typeof i.positioning.right == "number")
+        e.push(`right-${i.positioning.right}rem`);
+      else if (typeof i.positioning.right == "string")
+        if (i.positioning.right.includes("%")) {
+          const o = i.positioning.right.replace("%", "");
+          e.push(`right-${o}percent`);
+        } else
+          e.push(`right-${i.positioning.right}`);
+    }
+    i.positioning.translateMiddle && e.push("translate-middle"), i.positioning.translateMiddleX && e.push("translate-middle-x"), i.positioning.translateMiddleY && e.push("translate-middle-y");
+  }
+  if (i.sizing) {
+    if (i.sizing.width) {
+      if (typeof i.sizing.width == "number")
+        e.push(`width-${i.sizing.width}rem`);
+      else if (typeof i.sizing.width == "string")
+        switch (i.sizing.width) {
+          case "0%":
+            e.push("width-0percent");
+            break;
+          case "25%":
+            e.push("width-25percent");
+            break;
+          case "50%":
+            e.push("width-50percent");
+            break;
+          case "75%":
+            e.push("width-75percent");
+            break;
+          case "100%":
+            e.push("width-100percent");
+            break;
+          case "auto":
+            e.push("width-auto");
+            break;
+        }
+    }
+    if (i.sizing.height) {
+      if (typeof i.sizing.height == "number")
+        e.push(`height-${i.sizing.height}rem`);
+      else if (typeof i.sizing.height == "string")
+        switch (i.sizing.height) {
+          case "0%":
+            e.push("height-0percent");
+            break;
+          case "25%":
+            e.push("height-25percent");
+            break;
+          case "50%":
+            e.push("height-50percent");
+            break;
+          case "75%":
+            e.push("height-75percent");
+            break;
+          case "100%":
+            e.push("height-100percent");
+            break;
+          case "auto":
+            e.push("height-auto");
+            break;
+        }
+    }
+    i.sizing.aspectRatio && (i.sizing.aspectRatio.includes(":") ? e.push(
+      `aspect-ratio-${i.sizing.aspectRatio.replace(":", "-")}`
+    ) : e.push(`aspect-ratio-${i.sizing.aspectRatio}`));
+  }
+  return e;
+}
+const f = {
+  getUtilityClassNames: n
+};
+export {
+  f as default
+};
+//# sourceMappingURL=classNameUtility.js.map

package/dist/utilities/classNameUtility/classNameUtility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classNameUtility.js","sources":["../../../src/utilities/classNameUtility/classNameUtility.ts"],"sourcesContent":["import BaseComponentProps from \"../../common/models/BaseComponentProps\";\r\nimport { ColorAttributes, ColorName } from \"../../common/literalTypes\";\r\n\r\nfunction getUtilityClassNames(props: BaseComponentProps): string[] {\r\n  const assignedClassNames: string[] = [];\r\n  const assignStateColor = <ColorNameType = ColorName>(\r\n    name: string,\r\n    stateStr: string,\r\n    state?: ColorAttributes<ColorNameType>,\r\n    colorScheme?: string\r\n  ) => {\r\n    (state && state.name === \"rainbow\") &&\r\n      assignedClassNames.push(\r\n        `${name}${colorScheme ? `-${colorScheme}` : \"\"}${\r\n          stateStr === \"default\" ? \"\" : `-${stateStr}`\r\n        }-${state.name}-${state.lightness === 5 ? `05` : state.lightness}`\r\n      );\r\n  };\r\n\r\n  if (props.fore) {\r\n    if (props.fore.color) {\r\n      assignStateColor(\"forecolor\", \"default\", props.fore.color.default);\r\n      assignStateColor(\"forecolor\", \"hover\", props.fore.color.hover);\r\n      assignStateColor(\"forecolor\", \"focus\", props.fore.color.focus);\r\n      assignStateColor(\"forecolor\", \"active\", props.fore.color.active);\r\n      assignStateColor(\"forecolor\", \"disabled\", props.fore.color.disabled);\r\n\r\n      if (props.fore.color.light) {\r\n        const foreColorLight = props.fore.color.light;\r\n\r\n        assignStateColor(\r\n          \"forecolor\",\r\n          \"default\",\r\n          foreColorLight.default,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\"forecolor\", \"hover\", foreColorLight.hover, \"light\");\r\n        assignStateColor(\"forecolor\", \"focus\", foreColorLight.focus, \"light\");\r\n        assignStateColor(\"forecolor\", \"active\", foreColorLight.active, \"light\");\r\n        assignStateColor(\r\n          \"forecolor\",\r\n          \"disabled\",\r\n          foreColorLight.disabled,\r\n          \"light\"\r\n        );\r\n      }\r\n      if (props.fore.color.dark) {\r\n        const foreColorDark = props.fore.color.dark;\r\n\r\n        assignStateColor(\"forecolor\", \"default\", foreColorDark.default, \"dark\");\r\n        assignStateColor(\"forecolor\", \"hover\", foreColorDark.hover, \"dark\");\r\n        assignStateColor(\"forecolor\", \"focus\", foreColorDark.focus, \"dark\");\r\n        assignStateColor(\"forecolor\", \"active\", foreColorDark.active, \"dark\");\r\n        assignStateColor(\r\n          \"forecolor\",\r\n          \"disabled\",\r\n          foreColorDark.disabled,\r\n          \"dark\"\r\n        );\r\n      }\r\n    }\r\n\r\n    // props.fore.fontSize &&\r\n    //   assignedClassNames.push(`font-size-${props.fore.fontSize}`);\r\n    // props.fore.fontWeight &&\r\n    //   assignedClassNames.push(`font-weight-${props.fore.fontWeight}`);\r\n    props.fore.isItalic && assignedClassNames.push(`italic`);\r\n  }\r\n\r\n  if (props.back) {\r\n    if (props.back.color) {\r\n      assignStateColor(\"backcolor\", \"default\", props.back.color.default);\r\n      assignStateColor(\"backcolor\", \"hover\", props.back.color.hover);\r\n      assignStateColor(\"backcolor\", \"focus\", props.back.color.focus);\r\n      assignStateColor(\"backcolor\", \"active\", props.back.color.active);\r\n      assignStateColor(\"backcolor\", \"disabled\", props.back.color.disabled);\r\n      if (props.back.color.light) {\r\n        const backColorLight = props.back.color.light;\r\n\r\n        assignStateColor(\r\n          \"backcolor\",\r\n          \"default\",\r\n          backColorLight.default,\r\n          \"light\"\r\n        );\r\n        assignStateColor(\"backcolor\", \"hover\", backColorLight.hover, \"light\");\r\n        assignStateColor(\"backcolor\", \"focus\", backColorLight.focus, \"light\");\r\n        assignStateColor(\"backcolor\", \"active\", backColorLight.active, \"light\");\r\n        assignStateColor(\r\n          \"backcolor\",\r\n          \"disabled\",\r\n          backColorLight.disabled,\r\n          \"light\"\r\n        );\r\n      }\r\n      if (props.back.color.dark) {\r\n        const backColorDark = props.back.color.dark;\r\n\r\n        assignStateColor(\"backcolor\", \"default\", backColorDark.default, \"dark\");\r\n        assignStateColor(\"backcolor\", \"hover\", backColorDark.hover, \"dark\");\r\n        assignStateColor(\"backcolor\", \"focus\", backColorDark.focus, \"dark\");\r\n        assignStateColor(\"backcolor\", \"active\", backColorDark.active, \"dark\");\r\n        assignStateColor(\r\n          \"backcolor\",\r\n          \"disabled\",\r\n          backColorDark.disabled,\r\n          \"dark\"\r\n        );\r\n      }\r\n    }\r\n  }\r\n\r\n  if (props.positioning) {\r\n    if (props.positioning.display) {\r\n      assignedClassNames.push(`display-${props.positioning.display}`);\r\n    }\r\n    if (props.positioning.position) {\r\n      assignedClassNames.push(`position-${props.positioning.position}`);\r\n    }\r\n    if (props.positioning.top) {\r\n      if (typeof props.positioning.top === \"number\") {\r\n        assignedClassNames.push(`top-${props.positioning.top}rem`);\r\n      } else if (typeof props.positioning.top === \"string\") {\r\n        if (props.positioning.top.includes(\"%\")) {\r\n          const val = props.positioning.top.replace(\"%\", \"\");\r\n          assignedClassNames.push(`top-${val}percent`);\r\n        } else {\r\n          assignedClassNames.push(`top-${props.positioning.top}`);\r\n        }\r\n      }\r\n    }\r\n    if (props.positioning.bottom) {\r\n      if (typeof props.positioning.bottom === \"number\") {\r\n        assignedClassNames.push(`bottom-${props.positioning.bottom}rem`);\r\n      } else if (typeof props.positioning.bottom === \"string\") {\r\n        if (props.positioning.bottom.includes(\"%\")) {\r\n          const val = props.positioning.bottom.replace(\"%\", \"\");\r\n          assignedClassNames.push(`bottom-${val}percent`);\r\n        } else {\r\n          assignedClassNames.push(`bottom-${props.positioning.bottom}`);\r\n        }\r\n      }\r\n    }\r\n    if (props.positioning.left) {\r\n      if (typeof props.positioning.left === \"number\") {\r\n        assignedClassNames.push(`left-${props.positioning.left}rem`);\r\n      } else if (typeof props.positioning.left === \"string\") {\r\n        if (props.positioning.left.includes(\"%\")) {\r\n          const val = props.positioning.left.replace(\"%\", \"\");\r\n          assignedClassNames.push(`left-${val}percent`);\r\n        } else {\r\n          assignedClassNames.push(`left-${props.positioning.left}`);\r\n        }\r\n      }\r\n    }\r\n    if (props.positioning.right) {\r\n      if (typeof props.positioning.right === \"number\") {\r\n        assignedClassNames.push(`right-${props.positioning.right}rem`);\r\n      } else if (typeof props.positioning.right === \"string\") {\r\n        if (props.positioning.right.includes(\"%\")) {\r\n          const val = props.positioning.right.replace(\"%\", \"\");\r\n          assignedClassNames.push(`right-${val}percent`);\r\n        } else {\r\n          assignedClassNames.push(`right-${props.positioning.right}`);\r\n        }\r\n      }\r\n    }\r\n    if (props.positioning.translateMiddle) {\r\n      assignedClassNames.push(`translate-middle`);\r\n    }\r\n    if (props.positioning.translateMiddleX) {\r\n      assignedClassNames.push(`translate-middle-x`);\r\n    }\r\n    if (props.positioning.translateMiddleY) {\r\n      assignedClassNames.push(`translate-middle-y`);\r\n    }\r\n  }\r\n\r\n  if (props.sizing) {\r\n    if (props.sizing.width) {\r\n      if (typeof props.sizing.width === \"number\") {\r\n        assignedClassNames.push(`width-${props.sizing.width}rem`);\r\n      } else if (typeof props.sizing.width === \"string\") {\r\n        switch (props.sizing.width) {\r\n          case \"0%\":\r\n            assignedClassNames.push(`width-0percent`);\r\n            break;\r\n          case \"25%\":\r\n            assignedClassNames.push(`width-25percent`);\r\n            break;\r\n          case \"50%\":\r\n            assignedClassNames.push(`width-50percent`);\r\n            break;\r\n          case \"75%\":\r\n            assignedClassNames.push(`width-75percent`);\r\n            break;\r\n          case \"100%\":\r\n            assignedClassNames.push(`width-100percent`);\r\n            break;\r\n          case \"auto\":\r\n            assignedClassNames.push(`width-auto`);\r\n            break;\r\n        }\r\n      }\r\n    }\r\n\r\n    if (props.sizing.height) {\r\n      if (typeof props.sizing.height === \"number\") {\r\n        assignedClassNames.push(`height-${props.sizing.height}rem`);\r\n      } else if (typeof props.sizing.height === \"string\") {\r\n        switch (props.sizing.height) {\r\n          case \"0%\":\r\n            assignedClassNames.push(`height-0percent`);\r\n            break;\r\n          case \"25%\":\r\n            assignedClassNames.push(`height-25percent`);\r\n            break;\r\n          case \"50%\":\r\n            assignedClassNames.push(`height-50percent`);\r\n            break;\r\n          case \"75%\":\r\n            assignedClassNames.push(`height-75percent`);\r\n            break;\r\n          case \"100%\":\r\n            assignedClassNames.push(`height-100percent`);\r\n            break;\r\n          case \"auto\":\r\n            assignedClassNames.push(`height-auto`);\r\n            break;\r\n        }\r\n      }\r\n    }\r\n\r\n    if (props.sizing.aspectRatio) {\r\n      if (props.sizing.aspectRatio.includes(\":\")) {\r\n        assignedClassNames.push(\r\n          `aspect-ratio-${props.sizing.aspectRatio.replace(\":\", \"-\")}`\r\n        );\r\n      } else {\r\n        assignedClassNames.push(`aspect-ratio-${props.sizing.aspectRatio}`);\r\n      }\r\n    }\r\n  }\r\n\r\n  return assignedClassNames;\r\n}\r\n\r\nconst classNameUtility = {\r\n  getUtilityClassNames,\r\n};\r\n\r\nexport default classNameUtility;\r\n"],"names":["getUtilityClassNames","props","assignedClassNames","assignStateColor","name","stateStr","state","colorScheme","foreColorLight","foreColorDark","backColorLight","backColorDark","val","classNameUtility"],"mappings":"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"}

package/dist/utilities/classNameUtility/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './classNameUtility';
+export * from './classNameUtility';
+//# sourceMappingURL=index.d.ts.map

package/dist/utilities/classNameUtility/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/classNameUtility/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,cAAc,oBAAoB,CAAC"}

package/dist/utilities/classNameUtility/index.js

@@ -0,0 +1,5 @@
+import { default as o } from "./classNameUtility.js";
+export {
+  o as default
+};
+//# sourceMappingURL=index.js.map

package/dist/utilities/classNameUtility/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/utilities/{emotionStyleUtility.d.ts → emotionStyleUtility/emotionStyleUtility.d.ts}

@@ -1,6 +1,6 @@
-import { BaseComponentProps } from '../common/models';
+import { BaseComponentProps } from '../../common/models';
 import { Interpolation, Theme } from '@emotion/react';
-import { ColorAttributes, ColorName } from '../react-minolith';
+import { ColorAttributes, ColorName } from '../../react-minolith';
 declare function getColorVariable<ColorNameType = ColorName>(colorAttributes?: ColorAttributes<ColorNameType>): string | undefined;
 declare function getEmotionCss(props: BaseComponentProps): Interpolation<Theme>;
 declare const emotionStyleUtility: {

package/dist/utilities/emotionStyleUtility/emotionStyleUtility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emotionStyleUtility.d.ts","sourceRoot":"","sources":["../../../src/utilities/emotionStyleUtility/emotionStyleUtility.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAkB,aAAa,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAoDlE,iBAAS,gBAAgB,CAAC,aAAa,GAAG,SAAS,EACjD,eAAe,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAC/C,MAAM,GAAG,SAAS,CAYpB;AA8HD,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,aAAa,CAAC,KAAK,CAAC,CAiXtE;AAED,QAAA,MAAM,mBAAmB;;;CAGxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/utilities/{emotionStyleUtility.js → emotionStyleUtility/emotionStyleUtility.js}

@@ -1,3 +1,4 @@
+"use client";
 import { css as G } from "@emotion/react";
 import { merge as J } from "lodash";
 const u = "minolith-";
@@ -111,7 +112,7 @@ function M(e) {
     (y) => y === "fore" || y === "back" || y === "highlighter" || y === "border" || y === "positioning" || y === "sizing" || y === "spacing"
   ).length === 0)
     return e.css ? e.css : void 0;
-  const r = e.fore && o(e.fore.color), i = e.fore && e.fore.color && o(e.fore.color.light), d = e.fore && e.fore.color && o(e.fore.color.dark), a = e.fore && e.fore.fontSize ? `var(--${u}font-size-${e.fore.fontSize})` : void 0, n = e.fore && e.fore.fontWeight ? `var(--${u}font-weight-${e.fore.fontWeight})` : void 0, c = e.back && o(e.back.color), w = e.back && e.back.color && o(e.back.color.light), R = e.back && e.back.color && o(e.back.color.dark), b = e.highlighter && o(e.highlighter.color, "highlighter"), j = e.highlighter && e.highlighter.color && o(e.highlighter.color.light, "highlighter"), S = e.highlighter && e.highlighter.color && o(e.highlighter.color.dark, "highlighter"), l = e.border && o(e.border.color), h = e.border && e.border.top && o(e.border.top.color), f = e.border && e.border.right && o(e.border.right.color), m = e.border && e.border.bottom && o(e.border.bottom.color), v = e.border && e.border.left && o(e.border.left.color), T = e.border && e.border.color && o(e.border.color.light), D = e.border && e.border.top && e.border.top.color && o(e.border.top.color.light), W = e.border && e.border.right && e.border.right.color && o(e.border.right.color.light), z = e.border && e.border.bottom && e.border.bottom.color && o(e.border.bottom.color.light), P = e.border && e.border.left && e.border.left.color && o(e.border.left.color.light), I = e.border && e.border.color && o(e.border.color.dark), O = e.border && e.border.top && e.border.top.color && o(e.border.top.color.dark), V = e.border && e.border.right && e.border.right.color && o(e.border.right.color.dark), s = e.border && e.border.bottom && e.border.bottom.color && o(e.border.bottom.color.dark), x = e.border && e.border.left && e.border.left.color && o(e.border.left.color.dark), K = C({
+  const r = e.fore && o(e.fore.color), i = e.fore && e.fore.color && o(e.fore.color.light), d = e.fore && e.fore.color && o(e.fore.color.dark), a = e.fore && e.fore.fontSize ? `var(--${u}font-size-${e.fore.fontSize})` : void 0, n = e.fore && e.fore.fontWeight ? `var(--${u}font-weight-${e.fore.fontWeight})` : void 0, c = e.back && o(e.back.color), w = e.back && e.back.color && o(e.back.color.light), R = e.back && e.back.color && o(e.back.color.dark), b = e.highlighter && o(e.highlighter.color, "highlighter"), j = e.highlighter && e.highlighter.color && o(e.highlighter.color.light, "highlighter"), S = e.highlighter && e.highlighter.color && o(e.highlighter.color.dark, "highlighter"), l = e.border && o(e.border.color), h = e.border && e.border.top && o(e.border.top.color), f = e.border && e.border.right && o(e.border.right.color), m = e.border && e.border.bottom && o(e.border.bottom.color), v = e.border && e.border.left && o(e.border.left.color), T = e.border && e.border.color && o(e.border.color.light), D = e.border && e.border.top && e.border.top.color && o(e.border.top.color.light), W = e.border && e.border.right && e.border.right.color && o(e.border.right.color.light), z = e.border && e.border.bottom && e.border.bottom.color && o(e.border.bottom.color.light), P = e.border && e.border.left && e.border.left.color && o(e.border.left.color.light), s = e.border && e.border.color && o(e.border.color.dark), I = e.border && e.border.top && e.border.top.color && o(e.border.top.color.dark), O = e.border && e.border.right && e.border.right.color && o(e.border.right.color.dark), V = e.border && e.border.bottom && e.border.bottom.color && o(e.border.bottom.color.dark), x = e.border && e.border.left && e.border.left.color && o(e.border.left.color.dark), K = C({
     foreColor: r && r.hover,
     backColor: c && c.hover,
     highlighter: b && b.hover,
@@ -160,10 +161,10 @@ function M(e) {
     foreColor: d,
     backColor: R,
     highlighter: S,
-    borderColor: I,
-    borderTopColor: O,
-    borderRightColor: V,
-    borderBottomColor: s,
+    borderColor: s,
+    borderTopColor: I,
+    borderRightColor: O,
+    borderBottomColor: V,
     borderLeftColor: x
   }), B = G({
     color: r && r.default,