@arthurzakharov/ui-kit 1.2.1 → 1.2.3

package/dist/assets/tag-create-CXB1HuBg.css

@@ -0,0 +1 @@
+._Tag_dnl2k_3[d=flex]{display:flex}._Tag_dnl2k_3[d=inline-flex]{display:inline-flex}._Tag_dnl2k_3[d=block]{display:block}._Tag_dnl2k_3[d=inline-block]{display:inline-block}._Tag_dnl2k_3[d=inline]{display:inline}._Tag_dnl2k_3[d=table]{display:table;width:100%;border-spacing:0;border-collapse:collapse}._Tag_dnl2k_3[d=table-row-group]{display:table-row-group}._Tag_dnl2k_3[d=table-row]{display:table-row}._Tag_dnl2k_3[d=table-cell]{display:table-cell}._Tag_dnl2k_3[pos=relative]{position:relative}._Tag_dnl2k_3[pos=absolute]{position:absolute}._Tag_dnl2k_3[pos=fixed]{position:fixed}._Tag_dnl2k_3[pos=static]{position:static}._Tag_dnl2k_3[pos=sticky]{position:sticky}._Tag_dnl2k_3[fxd=row]{flex-direction:row}._Tag_dnl2k_3[fxd=column]{flex-direction:column}._Tag_dnl2k_3[fxd=row-reverse]{flex-direction:row-reverse}._Tag_dnl2k_3[fxd=column-reverse]{flex-direction:column-reverse}._Tag_dnl2k_3[ai=center]{align-items:center}._Tag_dnl2k_3[ai=start]{align-items:flex-start}._Tag_dnl2k_3[ai=end]{align-items:flex-end}._Tag_dnl2k_3[ai=stretch]{align-items:stretch}._Tag_dnl2k_3[jc=center]{justify-content:center}._Tag_dnl2k_3[jc=start]{justify-content:flex-start}._Tag_dnl2k_3[jc=end]{justify-content:flex-end}._Tag_dnl2k_3[jc=space-between]{justify-content:space-between}._Tag_dnl2k_3[g=xxs]{gap:var(--rm-ui-padding-xxs)}._Tag_dnl2k_3[g=xs]{gap:var(--rm-ui-padding-xs)}._Tag_dnl2k_3[g=sm]{gap:var(--rm-ui-padding-sm)}._Tag_dnl2k_3[g=md]{gap:var(--rm-ui-padding-md)}._Tag_dnl2k_3[g=lg]{gap:var(--rm-ui-padding-lg)}._Tag_dnl2k_3[g=xl]{gap:var(--rm-ui-padding-xl)}._Tag_dnl2k_3[g=xxl]{gap:var(--rm-ui-padding-xxl)}._Tag_dnl2k_3[g=xxxl]{gap:var(--rm-ui-padding-xxxl)}._Tag_dnl2k_3[fw=light]{font-weight:var(--rm-ui-font-weight-light)}._Tag_dnl2k_3[fw=regular]{font-weight:var(--rm-ui-font-weight-regular)}._Tag_dnl2k_3[fw=medium]{font-weight:var(--rm-ui-font-weight-medium)}._Tag_dnl2k_3[fw=bold]{font-weight:var(--rm-ui-font-weight-bold)}._Tag_dnl2k_3[fz=regular]{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._Tag_dnl2k_3[fz=small]{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._Tag_dnl2k_3[fz=extra-small]{font-size:var(--rm-ui-font-size-body-extra-small);line-height:var(--rm-ui-line-height-body-extra-small)}._Tag_dnl2k_3[fz=large]{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._Tag_dnl2k_3[fz=hl1]{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}._Tag_dnl2k_3[fz=hl2]{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}._Tag_dnl2k_3[fz=hl3]{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}._Tag_dnl2k_3[fz=hl4]{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}._Tag_dnl2k_3[fz=hl5]{font-size:var(--rm-ui-font-size-hl5);line-height:var(--rm-ui-line-height-hl5)}._Tag_dnl2k_3[c=primary]{color:var(--rm-ui-color-text-primary)}._Tag_dnl2k_3[c=secondary]{color:var(--rm-ui-color-text-secondary)}._Tag_dnl2k_3[c=accent-primary]{color:var(--rm-ui-color-accent-primary)}._Tag_dnl2k_3[c=accent-secondary]{color:var(--rm-ui-color-accent-secondary)}._Tag_dnl2k_3[ta=left]{text-align:left}._Tag_dnl2k_3[ta=center]{text-align:center}._Tag_dnl2k_3[ta=right]{text-align:right}._Tag_dnl2k_3[td=underline]{text-decoration:underline}._Tag_dnl2k_3[td=overline]{text-decoration:overline}._Tag_dnl2k_3[td=line-through]{text-decoration:line-through}._Tag_dnl2k_3[va=top]{vertical-align:top}._Tag_dnl2k_3[va=bottom]{vertical-align:bottom}._Tag_dnl2k_3[va=middle]{vertical-align:middle}._Tag_dnl2k_3[mt=xxs]{margin-top:var(--rm-ui-padding-xxs)}._Tag_dnl2k_3[mt=xs]{margin-top:var(--rm-ui-padding-xs)}._Tag_dnl2k_3[mt=sm]{margin-top:var(--rm-ui-padding-sm)}._Tag_dnl2k_3[mt=md]{margin-top:var(--rm-ui-padding-md)}._Tag_dnl2k_3[mt=lg]{margin-top:var(--rm-ui-padding-lg)}._Tag_dnl2k_3[mt=xl]{margin-top:var(--rm-ui-padding-xl)}._Tag_dnl2k_3[mt=xxl]{margin-top:var(--rm-ui-padding-xxl)}._Tag_dnl2k_3[mt=xxxl]{margin-top:var(--rm-ui-padding-xxxl)}._Tag_dnl2k_3[mb=xxs]{margin-bottom:var(--rm-ui-padding-xxs)}._Tag_dnl2k_3[mb=xs]{margin-bottom:var(--rm-ui-padding-xs)}._Tag_dnl2k_3[mb=sm]{margin-bottom:var(--rm-ui-padding-sm)}._Tag_dnl2k_3[mb=md]{margin-bottom:var(--rm-ui-padding-md)}._Tag_dnl2k_3[mb=lg]{margin-bottom:var(--rm-ui-padding-lg)}._Tag_dnl2k_3[mb=xl]{margin-bottom:var(--rm-ui-padding-xl)}._Tag_dnl2k_3[mb=xxl]{margin-bottom:var(--rm-ui-padding-xxl)}._Tag_dnl2k_3[mb=xxxl]{margin-bottom:var(--rm-ui-padding-xxxl)}._Tag_dnl2k_3[ml=xxs]{margin-left:var(--rm-ui-padding-xxs)}._Tag_dnl2k_3[ml=xs]{margin-left:var(--rm-ui-padding-xs)}._Tag_dnl2k_3[ml=sm]{margin-left:var(--rm-ui-padding-sm)}._Tag_dnl2k_3[ml=md]{margin-left:var(--rm-ui-padding-md)}._Tag_dnl2k_3[ml=lg]{margin-left:var(--rm-ui-padding-lg)}._Tag_dnl2k_3[ml=xl]{margin-left:var(--rm-ui-padding-xl)}._Tag_dnl2k_3[ml=xxl]{margin-left:var(--rm-ui-padding-xxl)}._Tag_dnl2k_3[ml=xxxl]{margin-left:var(--rm-ui-padding-xxxl)}._Tag_dnl2k_3[mr=xxs]{margin-right:var(--rm-ui-padding-xxs)}._Tag_dnl2k_3[mr=xs]{margin-right:var(--rm-ui-padding-xs)}._Tag_dnl2k_3[mr=sm]{margin-right:var(--rm-ui-padding-sm)}._Tag_dnl2k_3[mr=md]{margin-right:var(--rm-ui-padding-md)}._Tag_dnl2k_3[mr=lg]{margin-right:var(--rm-ui-padding-lg)}._Tag_dnl2k_3[mr=xl]{margin-right:var(--rm-ui-padding-xl)}._Tag_dnl2k_3[mr=xxl]{margin-right:var(--rm-ui-padding-xxl)}._Tag_dnl2k_3[mr=xxxl]{margin-right:var(--rm-ui-padding-xxxl)}._Tag_dnl2k_3[mx=xxs]{margin:0 var(--rm-ui-padding-xxs)}._Tag_dnl2k_3[mx=xs]{margin:0 var(--rm-ui-padding-xs)}._Tag_dnl2k_3[mx=sm]{margin:0 var(--rm-ui-padding-sm)}._Tag_dnl2k_3[mx=md]{margin:0 var(--rm-ui-padding-md)}._Tag_dnl2k_3[mx=lg]{margin:0 var(--rm-ui-padding-lg)}._Tag_dnl2k_3[mx=xl]{margin:0 var(--rm-ui-padding-xl)}._Tag_dnl2k_3[mx=xxl]{margin:0 var(--rm-ui-padding-xxl)}._Tag_dnl2k_3[mx=xxxl]{margin:0 var(--rm-ui-padding-xxxl)}._Tag_dnl2k_3[my=xxs]{margin:var(--rm-ui-padding-xxs) 0}._Tag_dnl2k_3[my=xs]{margin:var(--rm-ui-padding-xs) 0}._Tag_dnl2k_3[my=sm]{margin:var(--rm-ui-padding-sm) 0}._Tag_dnl2k_3[my=md]{margin:var(--rm-ui-padding-md) 0}._Tag_dnl2k_3[my=lg]{margin:var(--rm-ui-padding-lg) 0}._Tag_dnl2k_3[my=xl]{margin:var(--rm-ui-padding-xl) 0}._Tag_dnl2k_3[my=xxl]{margin:var(--rm-ui-padding-xxl) 0}._Tag_dnl2k_3[my=xxxl]{margin:var(--rm-ui-padding-xxxl) 0}._Tag_dnl2k_3[m=xxs]{margin:var(--rm-ui-padding-xxs)}._Tag_dnl2k_3[m=xs]{margin:var(--rm-ui-padding-xs)}._Tag_dnl2k_3[m=sm]{margin:var(--rm-ui-padding-sm)}._Tag_dnl2k_3[m=md]{margin:var(--rm-ui-padding-md)}._Tag_dnl2k_3[m=lg]{margin:var(--rm-ui-padding-lg)}._Tag_dnl2k_3[m=xl]{margin:var(--rm-ui-padding-xl)}._Tag_dnl2k_3[m=xxl]{margin:var(--rm-ui-padding-xxl)}._Tag_dnl2k_3[m=xxxl]{margin:var(--rm-ui-padding-xxxl)}._Tag_dnl2k_3[pt=xxs]{padding-top:var(--rm-ui-padding-xxs)}._Tag_dnl2k_3[pt=xs]{padding-top:var(--rm-ui-padding-xs)}._Tag_dnl2k_3[pt=sm]{padding-top:var(--rm-ui-padding-sm)}._Tag_dnl2k_3[pt=md]{padding-top:var(--rm-ui-padding-md)}._Tag_dnl2k_3[pt=lg]{padding-top:var(--rm-ui-padding-lg)}._Tag_dnl2k_3[pt=xl]{padding-top:var(--rm-ui-padding-xl)}._Tag_dnl2k_3[pt=xxl]{padding-top:var(--rm-ui-padding-xxl)}._Tag_dnl2k_3[pt=xxxl]{padding-top:var(--rm-ui-padding-xxxl)}._Tag_dnl2k_3[pb=xxs]{padding-bottom:var(--rm-ui-padding-xxs)}._Tag_dnl2k_3[pb=xs]{padding-bottom:var(--rm-ui-padding-xs)}._Tag_dnl2k_3[pb=sm]{padding-bottom:var(--rm-ui-padding-sm)}._Tag_dnl2k_3[pb=md]{padding-bottom:var(--rm-ui-padding-md)}._Tag_dnl2k_3[pb=lg]{padding-bottom:var(--rm-ui-padding-lg)}._Tag_dnl2k_3[pb=xl]{padding-bottom:var(--rm-ui-padding-xl)}._Tag_dnl2k_3[pb=xxl]{padding-bottom:var(--rm-ui-padding-xxl)}._Tag_dnl2k_3[pb=xxxl]{padding-bottom:var(--rm-ui-padding-xxxl)}._Tag_dnl2k_3[pl=xxs]{padding-left:var(--rm-ui-padding-xxs)}._Tag_dnl2k_3[pl=xs]{padding-left:var(--rm-ui-padding-xs)}._Tag_dnl2k_3[pl=sm]{padding-left:var(--rm-ui-padding-sm)}._Tag_dnl2k_3[pl=md]{padding-left:var(--rm-ui-padding-md)}._Tag_dnl2k_3[pl=lg]{padding-left:var(--rm-ui-padding-lg)}._Tag_dnl2k_3[pl=xl]{padding-left:var(--rm-ui-padding-xl)}._Tag_dnl2k_3[pl=xxl]{padding-left:var(--rm-ui-padding-xxl)}._Tag_dnl2k_3[pl=xxxl]{padding-left:var(--rm-ui-padding-xxxl)}._Tag_dnl2k_3[pr=xxs]{padding-right:var(--rm-ui-padding-xxs)}._Tag_dnl2k_3[pr=xs]{padding-right:var(--rm-ui-padding-xs)}._Tag_dnl2k_3[pr=sm]{padding-right:var(--rm-ui-padding-sm)}._Tag_dnl2k_3[pr=md]{padding-right:var(--rm-ui-padding-md)}._Tag_dnl2k_3[pr=lg]{padding-right:var(--rm-ui-padding-lg)}._Tag_dnl2k_3[pr=xl]{padding-right:var(--rm-ui-padding-xl)}._Tag_dnl2k_3[pr=xxl]{padding-right:var(--rm-ui-padding-xxl)}._Tag_dnl2k_3[pr=xxxl]{padding-right:var(--rm-ui-padding-xxxl)}._Tag_dnl2k_3[px=xxs]{padding-left:var(--rm-ui-padding-xxs);padding-right:var(--rm-ui-padding-xxs)}._Tag_dnl2k_3[px=xs]{padding-left:var(--rm-ui-padding-xs);padding-right:var(--rm-ui-padding-xs)}._Tag_dnl2k_3[px=sm]{padding-left:var(--rm-ui-padding-sm);padding-right:var(--rm-ui-padding-sm)}._Tag_dnl2k_3[px=md]{padding-left:var(--rm-ui-padding-md);padding-right:var(--rm-ui-padding-md)}._Tag_dnl2k_3[px=lg]{padding-left:var(--rm-ui-padding-lg);padding-right:var(--rm-ui-padding-lg)}._Tag_dnl2k_3[px=xl]{padding-left:var(--rm-ui-padding-xl);padding-right:var(--rm-ui-padding-xl)}._Tag_dnl2k_3[px=xxl]{padding-left:var(--rm-ui-padding-xxl);padding-right:var(--rm-ui-padding-xxl)}._Tag_dnl2k_3[px=xxxl]{padding-left:var(--rm-ui-padding-xxxl);padding-right:var(--rm-ui-padding-xxxl)}._Tag_dnl2k_3[py=xxs]{padding-top:var(--rm-ui-padding-xxs);padding-bottom:var(--rm-ui-padding-xxs)}._Tag_dnl2k_3[py=xs]{padding-top:var(--rm-ui-padding-xs);padding-bottom:var(--rm-ui-padding-xs)}._Tag_dnl2k_3[py=sm]{padding-top:var(--rm-ui-padding-sm);padding-bottom:var(--rm-ui-padding-sm)}._Tag_dnl2k_3[py=md]{padding-top:var(--rm-ui-padding-md);padding-bottom:var(--rm-ui-padding-md)}._Tag_dnl2k_3[py=lg]{padding-top:var(--rm-ui-padding-lg);padding-bottom:var(--rm-ui-padding-lg)}._Tag_dnl2k_3[py=xl]{padding-top:var(--rm-ui-padding-xl);padding-bottom:var(--rm-ui-padding-xl)}._Tag_dnl2k_3[py=xxl]{padding-top:var(--rm-ui-padding-xxl);padding-bottom:var(--rm-ui-padding-xxl)}._Tag_dnl2k_3[py=xxxl]{padding-top:var(--rm-ui-padding-xxxl);padding-bottom:var(--rm-ui-padding-xxxl)}._Tag_dnl2k_3[p=xxs]{padding:var(--rm-ui-padding-xxs)}._Tag_dnl2k_3[p=xs]{padding:var(--rm-ui-padding-xs)}._Tag_dnl2k_3[p=sm]{padding:var(--rm-ui-padding-sm)}._Tag_dnl2k_3[p=md]{padding:var(--rm-ui-padding-md)}._Tag_dnl2k_3[p=lg]{padding:var(--rm-ui-padding-lg)}._Tag_dnl2k_3[p=xl]{padding:var(--rm-ui-padding-xl)}._Tag_dnl2k_3[p=xxl]{padding:var(--rm-ui-padding-xxl)}._Tag_dnl2k_3[p=xxxl]{padding:var(--rm-ui-padding-xxxl)}

package/dist/components/not-found/not-found.component.js

@@ -1,24 +1,30 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import '../../assets/not-found-ZbA42G36.css';const c = "_NotFound_nybsl_1", a = "_NotFoundH1_nybsl_10", _ = "_NotFoundH2_nybsl_17", h = "_NotFoundH3_nybsl_24", b = "_NotFoundTable_nybsl_31", r = "_NotFoundTh_nybsl_37", T = "_NotFoundTd_nybsl_38", n = {
-  NotFound: c,
-  NotFoundH1: a,
-  NotFoundH2: _,
-  NotFoundH3: h,
-  NotFoundTable: b,
-  NotFoundTh: r,
-  NotFoundTd: T
-}, H = (s) => {
-  const { title: N = "", subtitle: l = "", tableTitle: u = "", tableRows: e = [] } = s;
-  return /* @__PURE__ */ d("section", { className: n.NotFound, children: [
-    /* @__PURE__ */ o("h1", { className: n.NotFoundH1, children: N }),
-    /* @__PURE__ */ o("h2", { className: n.NotFoundH2, children: l }),
-    /* @__PURE__ */ o("h3", { className: n.NotFoundH3, children: u }),
-    /* @__PURE__ */ o("table", { className: n.NotFoundTable, children: /* @__PURE__ */ o("tbody", { children: e.map(({ key: t, value: F }) => /* @__PURE__ */ d("tr", { children: [
-      /* @__PURE__ */ o("th", { className: n.NotFoundTh, children: t }),
-      /* @__PURE__ */ o("td", { className: n.NotFoundTd, dangerouslySetInnerHTML: { __html: F } })
-    ] }, t)) }) })
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import { Block as h } from "../tag/block.component.js";
+import { color as m } from "../tag/css-variables-map.util.js";
+import { Table as r } from "../tag/table.component.js";
+import { useMQ as a, media as t } from "../tag/use-mq.hook.js";
+const s = (o) => {
+  const e = a();
+  return /* @__PURE__ */ d(h, { tag: "section", p: t(e, { phone: "sm md", laptop: "md lg", pc: "lg" }), children: [
+    /* @__PURE__ */ l(h, { tag: "h1", mb: "lg", fw: "regular", fz: t(e, { phone: "hl2", pc: "hl1" }), children: o.title }),
+    /* @__PURE__ */ l(h, { tag: "h2", mb: "md", fw: "regular", fz: t(e, { phone: "hl3", pc: "hl2" }), children: o.subtitle }),
+    /* @__PURE__ */ l(h, { tag: "h3", mb: "md", fw: "light", fz: t(e, { phone: "hl4", pc: "hl3" }), children: o.tableTitle }),
+    /* @__PURE__ */ l(r.Main, { children: /* @__PURE__ */ l(
+      r.Body,
+      {
+        va: "top",
+        fz: t(e, {
+          phone: "small",
+          pc: "regular"
+        }),
+        children: o.tableRows.map((i) => /* @__PURE__ */ d(r.Row, { style: { borderTop: `1px solid ${m.grey300}` }, children: [
+          /* @__PURE__ */ l(r.CellHead, { p: "xs", fw: "regular", ta: "left", children: i.key }),
+          /* @__PURE__ */ l(r.CellBody, { p: "xs", fw: "light", children: i.value })
+        ] }, i.key))
+      }
+    ) })
   ] });
 };
 export {
-  H as NotFound
+  s as NotFound
 };

package/dist/components/tag/block.component.d.ts

@@ -0,0 +1,32 @@
+import { RegularTagProps } from './tag.types';
+export declare const Block: (props: RegularTagProps) => import('react').ReactElement<{
+    className: string;
+    d: ("flex" | "table" | "block" | "inline" | "table-cell" | "table-row" | "table-row-group" | "inline-block" | "inline-flex") | undefined;
+    pos: ("fixed" | "relative" | "absolute" | "static" | "sticky") | undefined;
+    mt: import('./tag.types').Space | undefined;
+    mb: import('./tag.types').Space | undefined;
+    ml: import('./tag.types').Space | undefined;
+    mr: import('./tag.types').Space | undefined;
+    p: import('./tag.types').Space | undefined;
+    px: import('./tag.types').Space | undefined;
+    py: import('./tag.types').Space | undefined;
+    pt: import('./tag.types').Space | undefined;
+    pb: import('./tag.types').Space | undefined;
+    pl: import('./tag.types').Space | undefined;
+    pr: import('./tag.types').Space | undefined;
+    fw: ("bold" | "light" | "regular" | "medium") | undefined;
+    fz: ("small" | "regular" | "large" | "extra-small" | "hl1" | "hl2" | "hl3" | "hl4" | "hl5") | undefined;
+    c: ("primary" | "secondary" | "accent-primary" | "accent-secondary") | undefined;
+    ta: ("center" | "left" | "right") | undefined;
+    td: ("line-through" | "overline" | "underline") | undefined;
+    fxd: ("row" | "column" | "column-reverse" | "row-reverse") | undefined;
+    ai: ("center" | "end" | "start" | "stretch") | undefined;
+    jc: ("center" | "end" | "start" | "space-between") | undefined;
+    g: import('./tag.types').Space | undefined;
+    va: ("bottom" | "top" | "middle") | undefined;
+    style: import('react').CSSProperties | undefined;
+    dangerouslySetInnerHTML: {
+        __html: string;
+    } | null;
+    children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined;
+}, string | import('react').JSXElementConstructor<any>>;

package/dist/components/tag/block.component.js

@@ -0,0 +1,5 @@
+import { tagCreate as t } from "./tag-create.js";
+const c = (o) => t({ ...o, d: "block" });
+export {
+  c as Block
+};

package/dist/components/tag/css-variables-map.util.d.ts

@@ -0,0 +1,32 @@
+export declare const color: {
+    grey950: string;
+    grey900: string;
+    grey800: string;
+    grey700: string;
+    grey600: string;
+    grey500: string;
+    grey400: string;
+    grey300: string;
+    grey200: string;
+    grey100: string;
+    grey50: string;
+    text: {
+        primary: string;
+        secondary: string;
+    };
+    accent: {
+        primary: string;
+        secondary: string;
+    };
+    theme: {
+        primary: string;
+        secondary: string;
+    };
+    action: string;
+    inverted: string;
+    error: string;
+    success: string;
+    focus: string;
+    link: string;
+    body: string;
+};

package/dist/components/tag/css-variables-map.util.js

@@ -0,0 +1,35 @@
+const r = {
+  grey950: "var(--rm-ui-grey-950)",
+  grey900: "var(--rm-ui-grey-900)",
+  grey800: "var(--rm-ui-grey-800)",
+  grey700: "var(--rm-ui-grey-700)",
+  grey600: "var(--rm-ui-grey-600)",
+  grey500: "var(--rm-ui-grey-500)",
+  grey400: "var(--rm-ui-grey-400)",
+  grey300: "var(--rm-ui-grey-300)",
+  grey200: "var(--rm-ui-grey-200)",
+  grey100: "var(--rm-ui-grey-100)",
+  grey50: "var(--rm-ui-grey-50)",
+  text: {
+    primary: "var(--rm-ui-color-text-primary)",
+    secondary: "var(--rm-ui-color-text-secondary)"
+  },
+  accent: {
+    primary: "var(--rm-ui-color-accent-primary)",
+    secondary: "var(--rm-ui-color-accent-secondary)"
+  },
+  theme: {
+    primary: "var(--rm-ui-color-theme-primary)",
+    secondary: "var(--rm-ui-color-theme-secondary)"
+  },
+  action: "var(--rm-ui-color-action)",
+  inverted: "var(--rm-ui-color-inverted)",
+  error: "var(--rm-ui-color-error)",
+  success: "var(--rm-ui-color-success)",
+  focus: "var(--rm-ui-color-focus)",
+  link: "var(--rm-ui-color-link)",
+  body: "var(--rm-ui-body-color)"
+};
+export {
+  r as color
+};

package/dist/components/tag/flex.component.d.ts

@@ -0,0 +1,127 @@
+import { FlexTagProps } from './tag.types';
+export declare const Flex: {
+    Row: (props: FlexTagProps) => import('react').ReactElement<{
+        className: string;
+        d: ("flex" | "table" | "block" | "inline" | "table-cell" | "table-row" | "table-row-group" | "inline-block" | "inline-flex") | undefined;
+        pos: ("fixed" | "relative" | "absolute" | "static" | "sticky") | undefined;
+        mt: import('./tag.types').Space | undefined;
+        mb: import('./tag.types').Space | undefined;
+        ml: import('./tag.types').Space | undefined;
+        mr: import('./tag.types').Space | undefined;
+        p: import('./tag.types').Space | undefined;
+        px: import('./tag.types').Space | undefined;
+        py: import('./tag.types').Space | undefined;
+        pt: import('./tag.types').Space | undefined;
+        pb: import('./tag.types').Space | undefined;
+        pl: import('./tag.types').Space | undefined;
+        pr: import('./tag.types').Space | undefined;
+        fw: ("bold" | "light" | "regular" | "medium") | undefined;
+        fz: ("small" | "regular" | "large" | "extra-small" | "hl1" | "hl2" | "hl3" | "hl4" | "hl5") | undefined;
+        c: ("primary" | "secondary" | "accent-primary" | "accent-secondary") | undefined;
+        ta: ("center" | "left" | "right") | undefined;
+        td: ("line-through" | "overline" | "underline") | undefined;
+        fxd: ("row" | "column" | "column-reverse" | "row-reverse") | undefined;
+        ai: ("center" | "end" | "start" | "stretch") | undefined;
+        jc: ("center" | "end" | "start" | "space-between") | undefined;
+        g: import('./tag.types').Space | undefined;
+        va: ("bottom" | "top" | "middle") | undefined;
+        style: import('react').CSSProperties | undefined;
+        dangerouslySetInnerHTML: {
+            __html: string;
+        } | null;
+        children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined;
+    }, string | import('react').JSXElementConstructor<any>>;
+    RowReverse: (props: FlexTagProps) => import('react').ReactElement<{
+        className: string;
+        d: ("flex" | "table" | "block" | "inline" | "table-cell" | "table-row" | "table-row-group" | "inline-block" | "inline-flex") | undefined;
+        pos: ("fixed" | "relative" | "absolute" | "static" | "sticky") | undefined;
+        mt: import('./tag.types').Space | undefined;
+        mb: import('./tag.types').Space | undefined;
+        ml: import('./tag.types').Space | undefined;
+        mr: import('./tag.types').Space | undefined;
+        p: import('./tag.types').Space | undefined;
+        px: import('./tag.types').Space | undefined;
+        py: import('./tag.types').Space | undefined;
+        pt: import('./tag.types').Space | undefined;
+        pb: import('./tag.types').Space | undefined;
+        pl: import('./tag.types').Space | undefined;
+        pr: import('./tag.types').Space | undefined;
+        fw: ("bold" | "light" | "regular" | "medium") | undefined;
+        fz: ("small" | "regular" | "large" | "extra-small" | "hl1" | "hl2" | "hl3" | "hl4" | "hl5") | undefined;
+        c: ("primary" | "secondary" | "accent-primary" | "accent-secondary") | undefined;
+        ta: ("center" | "left" | "right") | undefined;
+        td: ("line-through" | "overline" | "underline") | undefined;
+        fxd: ("row" | "column" | "column-reverse" | "row-reverse") | undefined;
+        ai: ("center" | "end" | "start" | "stretch") | undefined;
+        jc: ("center" | "end" | "start" | "space-between") | undefined;
+        g: import('./tag.types').Space | undefined;
+        va: ("bottom" | "top" | "middle") | undefined;
+        style: import('react').CSSProperties | undefined;
+        dangerouslySetInnerHTML: {
+            __html: string;
+        } | null;
+        children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined;
+    }, string | import('react').JSXElementConstructor<any>>;
+    Column: (props: FlexTagProps) => import('react').ReactElement<{
+        className: string;
+        d: ("flex" | "table" | "block" | "inline" | "table-cell" | "table-row" | "table-row-group" | "inline-block" | "inline-flex") | undefined;
+        pos: ("fixed" | "relative" | "absolute" | "static" | "sticky") | undefined;
+        mt: import('./tag.types').Space | undefined;
+        mb: import('./tag.types').Space | undefined;
+        ml: import('./tag.types').Space | undefined;
+        mr: import('./tag.types').Space | undefined;
+        p: import('./tag.types').Space | undefined;
+        px: import('./tag.types').Space | undefined;
+        py: import('./tag.types').Space | undefined;
+        pt: import('./tag.types').Space | undefined;
+        pb: import('./tag.types').Space | undefined;
+        pl: import('./tag.types').Space | undefined;
+        pr: import('./tag.types').Space | undefined;
+        fw: ("bold" | "light" | "regular" | "medium") | undefined;
+        fz: ("small" | "regular" | "large" | "extra-small" | "hl1" | "hl2" | "hl3" | "hl4" | "hl5") | undefined;
+        c: ("primary" | "secondary" | "accent-primary" | "accent-secondary") | undefined;
+        ta: ("center" | "left" | "right") | undefined;
+        td: ("line-through" | "overline" | "underline") | undefined;
+        fxd: ("row" | "column" | "column-reverse" | "row-reverse") | undefined;
+        ai: ("center" | "end" | "start" | "stretch") | undefined;
+        jc: ("center" | "end" | "start" | "space-between") | undefined;
+        g: import('./tag.types').Space | undefined;
+        va: ("bottom" | "top" | "middle") | undefined;
+        style: import('react').CSSProperties | undefined;
+        dangerouslySetInnerHTML: {
+            __html: string;
+        } | null;
+        children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined;
+    }, string | import('react').JSXElementConstructor<any>>;
+    ColumnReverse: (props: FlexTagProps) => import('react').ReactElement<{
+        className: string;
+        d: ("flex" | "table" | "block" | "inline" | "table-cell" | "table-row" | "table-row-group" | "inline-block" | "inline-flex") | undefined;
+        pos: ("fixed" | "relative" | "absolute" | "static" | "sticky") | undefined;
+        mt: import('./tag.types').Space | undefined;
+        mb: import('./tag.types').Space | undefined;
+        ml: import('./tag.types').Space | undefined;
+        mr: import('./tag.types').Space | undefined;
+        p: import('./tag.types').Space | undefined;
+        px: import('./tag.types').Space | undefined;
+        py: import('./tag.types').Space | undefined;
+        pt: import('./tag.types').Space | undefined;
+        pb: import('./tag.types').Space | undefined;
+        pl: import('./tag.types').Space | undefined;
+        pr: import('./tag.types').Space | undefined;
+        fw: ("bold" | "light" | "regular" | "medium") | undefined;
+        fz: ("small" | "regular" | "large" | "extra-small" | "hl1" | "hl2" | "hl3" | "hl4" | "hl5") | undefined;
+        c: ("primary" | "secondary" | "accent-primary" | "accent-secondary") | undefined;
+        ta: ("center" | "left" | "right") | undefined;
+        td: ("line-through" | "overline" | "underline") | undefined;
+        fxd: ("row" | "column" | "column-reverse" | "row-reverse") | undefined;
+        ai: ("center" | "end" | "start" | "stretch") | undefined;
+        jc: ("center" | "end" | "start" | "space-between") | undefined;
+        g: import('./tag.types').Space | undefined;
+        va: ("bottom" | "top" | "middle") | undefined;
+        style: import('react').CSSProperties | undefined;
+        dangerouslySetInnerHTML: {
+            __html: string;
+        } | null;
+        children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined;
+    }, string | import('react').JSXElementConstructor<any>>;
+};

package/dist/components/tag/flex.component.js

@@ -0,0 +1,10 @@
+import { tagCreate as o } from "./tag-create.js";
+const x = {
+  Row: (e) => o({ ...e, d: "flex", fxd: "row" }),
+  RowReverse: (e) => o({ ...e, d: "flex", fxd: "row-reverse" }),
+  Column: (e) => o({ ...e, d: "flex", fxd: "column" }),
+  ColumnReverse: (e) => o({ ...e, d: "flex", fxd: "column-reverse" })
+};
+export {
+  x as Flex
+};

package/dist/components/tag/inline-block.component.d.ts

@@ -0,0 +1,32 @@
+import { RegularTagProps } from './tag.types';
+export declare const InlineBlock: (props: RegularTagProps) => import('react').ReactElement<{
+    className: string;
+    d: ("flex" | "table" | "block" | "inline" | "table-cell" | "table-row" | "table-row-group" | "inline-block" | "inline-flex") | undefined;
+    pos: ("fixed" | "relative" | "absolute" | "static" | "sticky") | undefined;
+    mt: import('./tag.types').Space | undefined;
+    mb: import('./tag.types').Space | undefined;
+    ml: import('./tag.types').Space | undefined;
+    mr: import('./tag.types').Space | undefined;
+    p: import('./tag.types').Space | undefined;
+    px: import('./tag.types').Space | undefined;
+    py: import('./tag.types').Space | undefined;
+    pt: import('./tag.types').Space | undefined;
+    pb: import('./tag.types').Space | undefined;
+    pl: import('./tag.types').Space | undefined;
+    pr: import('./tag.types').Space | undefined;
+    fw: ("bold" | "light" | "regular" | "medium") | undefined;
+    fz: ("small" | "regular" | "large" | "extra-small" | "hl1" | "hl2" | "hl3" | "hl4" | "hl5") | undefined;
+    c: ("primary" | "secondary" | "accent-primary" | "accent-secondary") | undefined;
+    ta: ("center" | "left" | "right") | undefined;
+    td: ("line-through" | "overline" | "underline") | undefined;
+    fxd: ("row" | "column" | "column-reverse" | "row-reverse") | undefined;
+    ai: ("center" | "end" | "start" | "stretch") | undefined;
+    jc: ("center" | "end" | "start" | "space-between") | undefined;
+    g: import('./tag.types').Space | undefined;
+    va: ("bottom" | "top" | "middle") | undefined;
+    style: import('react').CSSProperties | undefined;
+    dangerouslySetInnerHTML: {
+        __html: string;
+    } | null;
+    children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined;
+}, string | import('react').JSXElementConstructor<any>>;

package/dist/components/tag/inline-block.component.js

@@ -0,0 +1,5 @@
+import { tagCreate as e } from "./tag-create.js";
+const t = (o) => e({ ...o, d: "inline-block" });
+export {
+  t as InlineBlock
+};

package/dist/components/tag/inline-flex.component.d.ts

@@ -0,0 +1,127 @@
+import { FlexTagProps } from './tag.types';
+export declare const InlineFlex: {
+    Row: (props: FlexTagProps) => import('react').ReactElement<{
+        className: string;
+        d: ("flex" | "table" | "block" | "inline" | "table-cell" | "table-row" | "table-row-group" | "inline-block" | "inline-flex") | undefined;
+        pos: ("fixed" | "relative" | "absolute" | "static" | "sticky") | undefined;
+        mt: import('./tag.types').Space | undefined;
+        mb: import('./tag.types').Space | undefined;
+        ml: import('./tag.types').Space | undefined;
+        mr: import('./tag.types').Space | undefined;
+        p: import('./tag.types').Space | undefined;
+        px: import('./tag.types').Space | undefined;
+        py: import('./tag.types').Space | undefined;
+        pt: import('./tag.types').Space | undefined;
+        pb: import('./tag.types').Space | undefined;
+        pl: import('./tag.types').Space | undefined;
+        pr: import('./tag.types').Space | undefined;
+        fw: ("bold" | "light" | "regular" | "medium") | undefined;
+        fz: ("small" | "regular" | "large" | "extra-small" | "hl1" | "hl2" | "hl3" | "hl4" | "hl5") | undefined;
+        c: ("primary" | "secondary" | "accent-primary" | "accent-secondary") | undefined;
+        ta: ("center" | "left" | "right") | undefined;
+        td: ("line-through" | "overline" | "underline") | undefined;
+        fxd: ("row" | "column" | "column-reverse" | "row-reverse") | undefined;
+        ai: ("center" | "end" | "start" | "stretch") | undefined;
+        jc: ("center" | "end" | "start" | "space-between") | undefined;
+        g: import('./tag.types').Space | undefined;
+        va: ("bottom" | "top" | "middle") | undefined;
+        style: import('react').CSSProperties | undefined;
+        dangerouslySetInnerHTML: {
+            __html: string;
+        } | null;
+        children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined;
+    }, string | import('react').JSXElementConstructor<any>>;
+    RowReverse: (props: FlexTagProps) => import('react').ReactElement<{
+        className: string;
+        d: ("flex" | "table" | "block" | "inline" | "table-cell" | "table-row" | "table-row-group" | "inline-block" | "inline-flex") | undefined;
+        pos: ("fixed" | "relative" | "absolute" | "static" | "sticky") | undefined;
+        mt: import('./tag.types').Space | undefined;
+        mb: import('./tag.types').Space | undefined;
+        ml: import('./tag.types').Space | undefined;
+        mr: import('./tag.types').Space | undefined;
+        p: import('./tag.types').Space | undefined;
+        px: import('./tag.types').Space | undefined;
+        py: import('./tag.types').Space | undefined;
+        pt: import('./tag.types').Space | undefined;
+        pb: import('./tag.types').Space | undefined;
+        pl: import('./tag.types').Space | undefined;
+        pr: import('./tag.types').Space | undefined;
+        fw: ("bold" | "light" | "regular" | "medium") | undefined;
+        fz: ("small" | "regular" | "large" | "extra-small" | "hl1" | "hl2" | "hl3" | "hl4" | "hl5") | undefined;
+        c: ("primary" | "secondary" | "accent-primary" | "accent-secondary") | undefined;
+        ta: ("center" | "left" | "right") | undefined;
+        td: ("line-through" | "overline" | "underline") | undefined;
+        fxd: ("row" | "column" | "column-reverse" | "row-reverse") | undefined;
+        ai: ("center" | "end" | "start" | "stretch") | undefined;
+        jc: ("center" | "end" | "start" | "space-between") | undefined;
+        g: import('./tag.types').Space | undefined;
+        va: ("bottom" | "top" | "middle") | undefined;
+        style: import('react').CSSProperties | undefined;
+        dangerouslySetInnerHTML: {
+            __html: string;
+        } | null;
+        children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined;
+    }, string | import('react').JSXElementConstructor<any>>;
+    Column: (props: FlexTagProps) => import('react').ReactElement<{
+        className: string;
+        d: ("flex" | "table" | "block" | "inline" | "table-cell" | "table-row" | "table-row-group" | "inline-block" | "inline-flex") | undefined;
+        pos: ("fixed" | "relative" | "absolute" | "static" | "sticky") | undefined;
+        mt: import('./tag.types').Space | undefined;
+        mb: import('./tag.types').Space | undefined;
+        ml: import('./tag.types').Space | undefined;
+        mr: import('./tag.types').Space | undefined;
+        p: import('./tag.types').Space | undefined;
+        px: import('./tag.types').Space | undefined;
+        py: import('./tag.types').Space | undefined;
+        pt: import('./tag.types').Space | undefined;
+        pb: import('./tag.types').Space | undefined;
+        pl: import('./tag.types').Space | undefined;
+        pr: import('./tag.types').Space | undefined;
+        fw: ("bold" | "light" | "regular" | "medium") | undefined;
+        fz: ("small" | "regular" | "large" | "extra-small" | "hl1" | "hl2" | "hl3" | "hl4" | "hl5") | undefined;
+        c: ("primary" | "secondary" | "accent-primary" | "accent-secondary") | undefined;
+        ta: ("center" | "left" | "right") | undefined;
+        td: ("line-through" | "overline" | "underline") | undefined;
+        fxd: ("row" | "column" | "column-reverse" | "row-reverse") | undefined;
+        ai: ("center" | "end" | "start" | "stretch") | undefined;
+        jc: ("center" | "end" | "start" | "space-between") | undefined;
+        g: import('./tag.types').Space | undefined;
+        va: ("bottom" | "top" | "middle") | undefined;
+        style: import('react').CSSProperties | undefined;
+        dangerouslySetInnerHTML: {
+            __html: string;
+        } | null;
+        children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined;
+    }, string | import('react').JSXElementConstructor<any>>;
+    ColumnReverse: (props: FlexTagProps) => import('react').ReactElement<{
+        className: string;
+        d: ("flex" | "table" | "block" | "inline" | "table-cell" | "table-row" | "table-row-group" | "inline-block" | "inline-flex") | undefined;
+        pos: ("fixed" | "relative" | "absolute" | "static" | "sticky") | undefined;
+        mt: import('./tag.types').Space | undefined;
+        mb: import('./tag.types').Space | undefined;
+        ml: import('./tag.types').Space | undefined;
+        mr: import('./tag.types').Space | undefined;
+        p: import('./tag.types').Space | undefined;
+        px: import('./tag.types').Space | undefined;
+        py: import('./tag.types').Space | undefined;
+        pt: import('./tag.types').Space | undefined;
+        pb: import('./tag.types').Space | undefined;
+        pl: import('./tag.types').Space | undefined;
+        pr: import('./tag.types').Space | undefined;
+        fw: ("bold" | "light" | "regular" | "medium") | undefined;
+        fz: ("small" | "regular" | "large" | "extra-small" | "hl1" | "hl2" | "hl3" | "hl4" | "hl5") | undefined;
+        c: ("primary" | "secondary" | "accent-primary" | "accent-secondary") | undefined;
+        ta: ("center" | "left" | "right") | undefined;
+        td: ("line-through" | "overline" | "underline") | undefined;
+        fxd: ("row" | "column" | "column-reverse" | "row-reverse") | undefined;
+        ai: ("center" | "end" | "start" | "stretch") | undefined;
+        jc: ("center" | "end" | "start" | "space-between") | undefined;
+        g: import('./tag.types').Space | undefined;
+        va: ("bottom" | "top" | "middle") | undefined;
+        style: import('react').CSSProperties | undefined;
+        dangerouslySetInnerHTML: {
+            __html: string;
+        } | null;
+        children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined;
+    }, string | import('react').JSXElementConstructor<any>>;
+};

package/dist/components/tag/inline-flex.component.js

@@ -0,0 +1,10 @@
+import { tagCreate as n } from "./tag-create.js";
+const o = {
+  Row: (e) => n({ ...e, d: "inline-flex", fxd: "row" }),
+  RowReverse: (e) => n({ ...e, d: "inline-flex", fxd: "row-reverse" }),
+  Column: (e) => n({ ...e, d: "inline-flex", fxd: "column" }),
+  ColumnReverse: (e) => n({ ...e, d: "inline-flex", fxd: "column-reverse" })
+};
+export {
+  o as InlineFlex
+};

package/dist/components/tag/inline.component.d.ts

@@ -0,0 +1,32 @@
+import { RegularTagProps } from './tag.types';
+export declare const Inline: (props: RegularTagProps) => import('react').ReactElement<{
+    className: string;
+    d: ("flex" | "table" | "block" | "inline" | "table-cell" | "table-row" | "table-row-group" | "inline-block" | "inline-flex") | undefined;
+    pos: ("fixed" | "relative" | "absolute" | "static" | "sticky") | undefined;
+    mt: import('./tag.types').Space | undefined;
+    mb: import('./tag.types').Space | undefined;
+    ml: import('./tag.types').Space | undefined;
+    mr: import('./tag.types').Space | undefined;
+    p: import('./tag.types').Space | undefined;
+    px: import('./tag.types').Space | undefined;
+    py: import('./tag.types').Space | undefined;
+    pt: import('./tag.types').Space | undefined;
+    pb: import('./tag.types').Space | undefined;
+    pl: import('./tag.types').Space | undefined;
+    pr: import('./tag.types').Space | undefined;
+    fw: ("bold" | "light" | "regular" | "medium") | undefined;
+    fz: ("small" | "regular" | "large" | "extra-small" | "hl1" | "hl2" | "hl3" | "hl4" | "hl5") | undefined;
+    c: ("primary" | "secondary" | "accent-primary" | "accent-secondary") | undefined;
+    ta: ("center" | "left" | "right") | undefined;
+    td: ("line-through" | "overline" | "underline") | undefined;
+    fxd: ("row" | "column" | "column-reverse" | "row-reverse") | undefined;
+    ai: ("center" | "end" | "start" | "stretch") | undefined;
+    jc: ("center" | "end" | "start" | "space-between") | undefined;
+    g: import('./tag.types').Space | undefined;
+    va: ("bottom" | "top" | "middle") | undefined;
+    style: import('react').CSSProperties | undefined;
+    dangerouslySetInnerHTML: {
+        __html: string;
+    } | null;
+    children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined;
+}, string | import('react').JSXElementConstructor<any>>;

package/dist/components/tag/inline.component.js

@@ -0,0 +1,5 @@
+import { tagCreate as n } from "./tag-create.js";
+const i = (e) => n({ ...e, d: "inline" });
+export {
+  i as Inline
+};

package/dist/components/tag/table.component.d.ts

@@ -0,0 +1,189 @@
+import { TableTagProps } from './tag.types';
+export declare const Table: {
+    Main: (props: TableTagProps) => import('react').ReactElement<{
+        className: string;
+        d: ("flex" | "table" | "block" | "inline" | "table-cell" | "table-row" | "table-row-group" | "inline-block" | "inline-flex") | undefined;
+        pos: ("fixed" | "relative" | "absolute" | "static" | "sticky") | undefined;
+        mt: import('./tag.types').Space | undefined;
+        mb: import('./tag.types').Space | undefined;
+        ml: import('./tag.types').Space | undefined;
+        mr: import('./tag.types').Space | undefined;
+        p: import('./tag.types').Space | undefined;
+        px: import('./tag.types').Space | undefined;
+        py: import('./tag.types').Space | undefined;
+        pt: import('./tag.types').Space | undefined;
+        pb: import('./tag.types').Space | undefined;
+        pl: import('./tag.types').Space | undefined;
+        pr: import('./tag.types').Space | undefined;
+        fw: ("bold" | "light" | "regular" | "medium") | undefined;
+        fz: ("small" | "regular" | "large" | "extra-small" | "hl1" | "hl2" | "hl3" | "hl4" | "hl5") | undefined;
+        c: ("primary" | "secondary" | "accent-primary" | "accent-secondary") | undefined;
+        ta: ("center" | "left" | "right") | undefined;
+        td: ("line-through" | "overline" | "underline") | undefined;
+        fxd: ("row" | "column" | "column-reverse" | "row-reverse") | undefined;
+        ai: ("center" | "end" | "start" | "stretch") | undefined;
+        jc: ("center" | "end" | "start" | "space-between") | undefined;
+        g: import('./tag.types').Space | undefined;
+        va: ("bottom" | "top" | "middle") | undefined;
+        style: import('react').CSSProperties | undefined;
+        dangerouslySetInnerHTML: {
+            __html: string;
+        } | null;
+        children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined;
+    }, string | import('react').JSXElementConstructor<any>>;
+    Head: (props: TableTagProps) => import('react').ReactElement<{
+        className: string;
+        d: ("flex" | "table" | "block" | "inline" | "table-cell" | "table-row" | "table-row-group" | "inline-block" | "inline-flex") | undefined;
+        pos: ("fixed" | "relative" | "absolute" | "static" | "sticky") | undefined;
+        mt: import('./tag.types').Space | undefined;
+        mb: import('./tag.types').Space | undefined;
+        ml: import('./tag.types').Space | undefined;
+        mr: import('./tag.types').Space | undefined;
+        p: import('./tag.types').Space | undefined;
+        px: import('./tag.types').Space | undefined;
+        py: import('./tag.types').Space | undefined;
+        pt: import('./tag.types').Space | undefined;
+        pb: import('./tag.types').Space | undefined;
+        pl: import('./tag.types').Space | undefined;
+        pr: import('./tag.types').Space | undefined;
+        fw: ("bold" | "light" | "regular" | "medium") | undefined;
+        fz: ("small" | "regular" | "large" | "extra-small" | "hl1" | "hl2" | "hl3" | "hl4" | "hl5") | undefined;
+        c: ("primary" | "secondary" | "accent-primary" | "accent-secondary") | undefined;
+        ta: ("center" | "left" | "right") | undefined;
+        td: ("line-through" | "overline" | "underline") | undefined;
+        fxd: ("row" | "column" | "column-reverse" | "row-reverse") | undefined;
+        ai: ("center" | "end" | "start" | "stretch") | undefined;
+        jc: ("center" | "end" | "start" | "space-between") | undefined;
+        g: import('./tag.types').Space | undefined;
+        va: ("bottom" | "top" | "middle") | undefined;
+        style: import('react').CSSProperties | undefined;
+        dangerouslySetInnerHTML: {
+            __html: string;
+        } | null;
+        children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined;
+    }, string | import('react').JSXElementConstructor<any>>;
+    Body: (props: TableTagProps) => import('react').ReactElement<{
+        className: string;
+        d: ("flex" | "table" | "block" | "inline" | "table-cell" | "table-row" | "table-row-group" | "inline-block" | "inline-flex") | undefined;
+        pos: ("fixed" | "relative" | "absolute" | "static" | "sticky") | undefined;
+        mt: import('./tag.types').Space | undefined;
+        mb: import('./tag.types').Space | undefined;
+        ml: import('./tag.types').Space | undefined;
+        mr: import('./tag.types').Space | undefined;
+        p: import('./tag.types').Space | undefined;
+        px: import('./tag.types').Space | undefined;
+        py: import('./tag.types').Space | undefined;
+        pt: import('./tag.types').Space | undefined;
+        pb: import('./tag.types').Space | undefined;
+        pl: import('./tag.types').Space | undefined;
+        pr: import('./tag.types').Space | undefined;
+        fw: ("bold" | "light" | "regular" | "medium") | undefined;
+        fz: ("small" | "regular" | "large" | "extra-small" | "hl1" | "hl2" | "hl3" | "hl4" | "hl5") | undefined;
+        c: ("primary" | "secondary" | "accent-primary" | "accent-secondary") | undefined;
+        ta: ("center" | "left" | "right") | undefined;
+        td: ("line-through" | "overline" | "underline") | undefined;
+        fxd: ("row" | "column" | "column-reverse" | "row-reverse") | undefined;
+        ai: ("center" | "end" | "start" | "stretch") | undefined;
+        jc: ("center" | "end" | "start" | "space-between") | undefined;
+        g: import('./tag.types').Space | undefined;
+        va: ("bottom" | "top" | "middle") | undefined;
+        style: import('react').CSSProperties | undefined;
+        dangerouslySetInnerHTML: {
+            __html: string;
+        } | null;
+        children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined;
+    }, string | import('react').JSXElementConstructor<any>>;
+    Row: (props: TableTagProps) => import('react').ReactElement<{
+        className: string;
+        d: ("flex" | "table" | "block" | "inline" | "table-cell" | "table-row" | "table-row-group" | "inline-block" | "inline-flex") | undefined;
+        pos: ("fixed" | "relative" | "absolute" | "static" | "sticky") | undefined;
+        mt: import('./tag.types').Space | undefined;
+        mb: import('./tag.types').Space | undefined;
+        ml: import('./tag.types').Space | undefined;
+        mr: import('./tag.types').Space | undefined;
+        p: import('./tag.types').Space | undefined;
+        px: import('./tag.types').Space | undefined;
+        py: import('./tag.types').Space | undefined;
+        pt: import('./tag.types').Space | undefined;
+        pb: import('./tag.types').Space | undefined;
+        pl: import('./tag.types').Space | undefined;
+        pr: import('./tag.types').Space | undefined;
+        fw: ("bold" | "light" | "regular" | "medium") | undefined;
+        fz: ("small" | "regular" | "large" | "extra-small" | "hl1" | "hl2" | "hl3" | "hl4" | "hl5") | undefined;
+        c: ("primary" | "secondary" | "accent-primary" | "accent-secondary") | undefined;
+        ta: ("center" | "left" | "right") | undefined;
+        td: ("line-through" | "overline" | "underline") | undefined;
+        fxd: ("row" | "column" | "column-reverse" | "row-reverse") | undefined;
+        ai: ("center" | "end" | "start" | "stretch") | undefined;
+        jc: ("center" | "end" | "start" | "space-between") | undefined;
+        g: import('./tag.types').Space | undefined;
+        va: ("bottom" | "top" | "middle") | undefined;
+        style: import('react').CSSProperties | undefined;
+        dangerouslySetInnerHTML: {
+            __html: string;
+        } | null;
+        children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined;
+    }, string | import('react').JSXElementConstructor<any>>;
+    CellHead: (props: TableTagProps) => import('react').ReactElement<{
+        className: string;
+        d: ("flex" | "table" | "block" | "inline" | "table-cell" | "table-row" | "table-row-group" | "inline-block" | "inline-flex") | undefined;
+        pos: ("fixed" | "relative" | "absolute" | "static" | "sticky") | undefined;
+        mt: import('./tag.types').Space | undefined;
+        mb: import('./tag.types').Space | undefined;
+        ml: import('./tag.types').Space | undefined;
+        mr: import('./tag.types').Space | undefined;
+        p: import('./tag.types').Space | undefined;
+        px: import('./tag.types').Space | undefined;
+        py: import('./tag.types').Space | undefined;
+        pt: import('./tag.types').Space | undefined;
+        pb: import('./tag.types').Space | undefined;
+        pl: import('./tag.types').Space | undefined;
+        pr: import('./tag.types').Space | undefined;
+        fw: ("bold" | "light" | "regular" | "medium") | undefined;
+        fz: ("small" | "regular" | "large" | "extra-small" | "hl1" | "hl2" | "hl3" | "hl4" | "hl5") | undefined;
+        c: ("primary" | "secondary" | "accent-primary" | "accent-secondary") | undefined;
+        ta: ("center" | "left" | "right") | undefined;
+        td: ("line-through" | "overline" | "underline") | undefined;
+        fxd: ("row" | "column" | "column-reverse" | "row-reverse") | undefined;
+        ai: ("center" | "end" | "start" | "stretch") | undefined;
+        jc: ("center" | "end" | "start" | "space-between") | undefined;
+        g: import('./tag.types').Space | undefined;
+        va: ("bottom" | "top" | "middle") | undefined;
+        style: import('react').CSSProperties | undefined;
+        dangerouslySetInnerHTML: {
+            __html: string;
+        } | null;
+        children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined;
+    }, string | import('react').JSXElementConstructor<any>>;
+    CellBody: (props: TableTagProps) => import('react').ReactElement<{
+        className: string;
+        d: ("flex" | "table" | "block" | "inline" | "table-cell" | "table-row" | "table-row-group" | "inline-block" | "inline-flex") | undefined;
+        pos: ("fixed" | "relative" | "absolute" | "static" | "sticky") | undefined;
+        mt: import('./tag.types').Space | undefined;
+        mb: import('./tag.types').Space | undefined;
+        ml: import('./tag.types').Space | undefined;
+        mr: import('./tag.types').Space | undefined;
+        p: import('./tag.types').Space | undefined;
+        px: import('./tag.types').Space | undefined;
+        py: import('./tag.types').Space | undefined;
+        pt: import('./tag.types').Space | undefined;
+        pb: import('./tag.types').Space | undefined;
+        pl: import('./tag.types').Space | undefined;
+        pr: import('./tag.types').Space | undefined;
+        fw: ("bold" | "light" | "regular" | "medium") | undefined;
+        fz: ("small" | "regular" | "large" | "extra-small" | "hl1" | "hl2" | "hl3" | "hl4" | "hl5") | undefined;
+        c: ("primary" | "secondary" | "accent-primary" | "accent-secondary") | undefined;
+        ta: ("center" | "left" | "right") | undefined;
+        td: ("line-through" | "overline" | "underline") | undefined;
+        fxd: ("row" | "column" | "column-reverse" | "row-reverse") | undefined;
+        ai: ("center" | "end" | "start" | "stretch") | undefined;
+        jc: ("center" | "end" | "start" | "space-between") | undefined;
+        g: import('./tag.types').Space | undefined;
+        va: ("bottom" | "top" | "middle") | undefined;
+        style: import('react').CSSProperties | undefined;
+        dangerouslySetInnerHTML: {
+            __html: string;
+        } | null;
+        children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined;
+    }, string | import('react').JSXElementConstructor<any>>;
+};

package/dist/components/tag/table.component.js

@@ -0,0 +1,12 @@
+import { tagCreate as a } from "./tag-create.js";
+const l = {
+  Main: (t) => a({ ...t, d: "table", tag: "table" }),
+  Head: (t) => a({ ...t, d: "table-row-group", tag: "thead" }),
+  Body: (t) => a({ ...t, d: "table-row-group", tag: "tbody" }),
+  Row: (t) => a({ ...t, d: "table-row", tag: "tr" }),
+  CellHead: (t) => a({ ...t, d: "table-cell", tag: "th" }),
+  CellBody: (t) => a({ ...t, d: "table-cell", tag: "td" })
+};
+export {
+  l as Table
+};

package/dist/components/tag/tag-create.d.ts

@@ -0,0 +1,32 @@
+import { Space, CreateProps } from './tag.types';
+export declare const tagCreate: (props: CreateProps) => import('react').ReactElement<{
+    className: string;
+    d: ("flex" | "table" | "block" | "inline" | "table-cell" | "table-row" | "table-row-group" | "inline-block" | "inline-flex") | undefined;
+    pos: ("fixed" | "relative" | "absolute" | "static" | "sticky") | undefined;
+    mt: Space | undefined;
+    mb: Space | undefined;
+    ml: Space | undefined;
+    mr: Space | undefined;
+    p: Space | undefined;
+    px: Space | undefined;
+    py: Space | undefined;
+    pt: Space | undefined;
+    pb: Space | undefined;
+    pl: Space | undefined;
+    pr: Space | undefined;
+    fw: ("bold" | "light" | "regular" | "medium") | undefined;
+    fz: ("small" | "regular" | "large" | "extra-small" | "hl1" | "hl2" | "hl3" | "hl4" | "hl5") | undefined;
+    c: ("primary" | "secondary" | "accent-primary" | "accent-secondary") | undefined;
+    ta: ("center" | "left" | "right") | undefined;
+    td: ("line-through" | "overline" | "underline") | undefined;
+    fxd: ("row" | "column" | "column-reverse" | "row-reverse") | undefined;
+    ai: ("center" | "end" | "start" | "stretch") | undefined;
+    jc: ("center" | "end" | "start" | "space-between") | undefined;
+    g: Space | undefined;
+    va: ("bottom" | "top" | "middle") | undefined;
+    style: import('react').CSSProperties | undefined;
+    dangerouslySetInnerHTML: {
+        __html: string;
+    } | null;
+    children: number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined;
+}, string | import('react').JSXElementConstructor<any>>;

package/dist/components/tag/tag-create.js

@@ -0,0 +1,79 @@
+import { createElement as r } from "react";
+import c from "clsx";
+import '../../assets/tag-create-CXB1HuBg.css';const b = "_Tag_dnl2k_3", v = {
+  Tag: b
+}, f = (t) => t === "xxs" || t === "xs" || t === "sm" || t === "md" || t === "lg" || t === "xl" || t === "xxl" || t === "xxxl", e = (t) => {
+  if (!t) return {};
+  const m = t.trim().split(/\s+/).filter(Boolean);
+  if (m.length === 0 || m.length > 4) return {};
+  if (!m.every(f)) return {};
+  const [i, l, n, d] = m;
+  return l ? n ? d ? { t: i, r: l, b: n, l: d } : { t: i, r: l, b: n, l } : { t: i, r: l, b: i, l } : { t: i, r: i, b: i, l: i };
+}, x = (t) => {
+  const m = e(t);
+  return m.t === m.b && m.l === m.r && m.t === m.l ? { p: m.t, px: void 0, py: void 0, pt: void 0, pr: void 0, pb: void 0, pl: void 0 } : m.t === m.b && m.l === m.r && m.t !== m.l ? { p: void 0, px: m.l, py: m.t, pt: void 0, pr: void 0, pb: void 0, pl: void 0 } : { p: void 0, px: void 0, py: void 0, pt: m.t, pr: m.r, pb: m.b, pl: m.l };
+}, a = (t) => {
+  const m = e(t);
+  return m.t === m.b && m.l === m.r && m.t === m.l ? { m: m.t, mx: void 0, my: void 0, mt: void 0, mr: void 0, mb: void 0, ml: void 0 } : m.t === m.b && m.l === m.r && m.t !== m.l ? { m: void 0, mx: m.l, my: m.t, mt: void 0, mr: void 0, mb: void 0, ml: void 0 } : { m: void 0, mx: void 0, my: void 0, mt: m.t, mr: m.r, mb: m.b, ml: m.l };
+}, o = (t) => {
+  const m = x(t.p), i = {
+    p: m.p,
+    px: m.px,
+    py: m.py,
+    pt: m.pt,
+    pr: m.pr,
+    pb: m.pb,
+    pl: m.pl
+  };
+  return t.py && (i.py = t.py), t.px && (i.px = t.px), t.pt && (i.pt = t.pt), t.pr && (i.pr = t.pr), t.pb && (i.pb = t.pb), t.pl && (i.pl = t.pl), i;
+}, y = (t) => {
+  const m = a(t.m), i = {
+    m: m.m,
+    mx: m.mx,
+    my: m.my,
+    mt: m.mt,
+    mr: m.mr,
+    mb: m.mb,
+    ml: m.ml
+  };
+  return t.my && (i.my = t.my), t.mx && (i.mx = t.mx), t.mt && (i.mt = t.mt), t.mr && (i.mr = t.mr), t.mb && (i.mb = t.mb), t.ml && (i.ml = t.ml), i;
+}, h = (t) => {
+  const m = y(t), i = o(t);
+  return r(t.tag || "div", {
+    className: c(v.Tag, t.className),
+    d: t.d,
+    pos: t.pos,
+    // Margins
+    mt: m.mt,
+    mb: m.mb,
+    ml: m.ml,
+    mr: m.mr,
+    // Paddings
+    p: i.p,
+    px: i.px,
+    py: i.py,
+    pt: i.pt,
+    pb: i.pb,
+    pl: i.pl,
+    pr: i.pr,
+    // Font
+    fw: t.fw,
+    fz: t.fz,
+    c: t.c,
+    ta: t.ta,
+    td: t.td,
+    // FlexProps
+    fxd: t.fxd,
+    ai: t.ai,
+    jc: t.jc,
+    g: t.g,
+    va: t.va,
+    // Styles
+    style: t.style,
+    dangerouslySetInnerHTML: typeof t.children == "string" ? { __html: t.children } : null,
+    children: typeof t.children != "string" ? t.children : null
+  });
+};
+export {
+  h as tagCreate
+};

package/dist/components/tag/tag.types.d.ts

@@ -0,0 +1,61 @@
+import { CSSProperties, PropsWithChildren } from 'react';
+type Display = 'flex' | 'inline-flex' | 'block' | 'inline-block' | 'inline' | 'table' | 'table-row-group' | 'table-row' | 'table-cell';
+type Position = 'relative' | 'absolute' | 'fixed' | 'static' | 'sticky';
+type Direction = 'row' | 'column' | 'row-reverse' | 'column-reverse';
+type AlignItems = 'center' | 'start' | 'end' | 'stretch';
+type JustifyContent = 'center' | 'start' | 'end' | 'space-between';
+type TextAlign = 'left' | 'center' | 'right';
+type FontWeight = 'light' | 'regular' | 'medium' | 'bold';
+type FontSize = 'regular' | 'small' | 'extra-small' | 'large' | 'hl1' | 'hl2' | 'hl3' | 'hl4' | 'hl5';
+type Color = 'primary' | 'secondary' | 'accent-primary' | 'accent-secondary';
+type TextDecoration = 'underline' | 'overline' | 'line-through';
+type VerticalAlign = 'top' | 'bottom' | 'middle';
+export type Space = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
+export type SpaceShorthand = Space | `${Space} ${Space}` | `${Space} ${Space} ${Space}` | `${Space} ${Space} ${Space} ${Space}`;
+export type ResolvedPadding = Partial<Record<'p' | 'px' | 'py' | 'pt' | 'pr' | 'pb' | 'pl', Space>>;
+export type ResolvedMargin = Partial<Record<'m' | 'mx' | 'my' | 'mt' | 'mr' | 'mb' | 'ml', Space>>;
+export type ResolvedSpaceShorthand = Partial<Record<'t' | 'r' | 'b' | 'l', Space>>;
+interface CommonProps extends PropsWithChildren {
+    tag?: keyof HTMLElementTagNameMap;
+    style?: CSSProperties;
+    className?: string;
+    d?: Display;
+    pos?: Position;
+}
+export interface MarginProps {
+    mt?: Space;
+    mb?: Space;
+    ml?: Space;
+    mr?: Space;
+    mx?: Space;
+    my?: Space;
+    m?: SpaceShorthand;
+}
+export interface PaddingProps {
+    pt?: Space;
+    pb?: Space;
+    pl?: Space;
+    pr?: Space;
+    px?: Space;
+    py?: Space;
+    p?: SpaceShorthand;
+}
+interface FontProps {
+    fw?: FontWeight;
+    fz?: FontSize;
+    c?: Color;
+    ta?: TextAlign;
+    td?: TextDecoration;
+    va?: VerticalAlign;
+}
+interface FlexProps {
+    fxd?: Direction;
+    ai?: AlignItems;
+    jc?: JustifyContent;
+    g?: Space;
+}
+export type FlexTagProps = Omit<CommonProps & MarginProps & PaddingProps & FontProps & FlexProps, 'd' | 'fxd'>;
+export type RegularTagProps = Omit<CommonProps & MarginProps & PaddingProps & FontProps, 'd'>;
+export type TableTagProps = Omit<CommonProps & MarginProps & PaddingProps & FontProps, 'd' | 'tag'>;
+export type CreateProps = CommonProps & MarginProps & PaddingProps & FontProps & FlexProps;
+export {};

package/dist/components/tag/tag.types.js

@@ -0,0 +1 @@
+

package/dist/components/tag/use-mq.hook.d.ts

@@ -0,0 +1,6 @@
+export type Device = 'phone' | 'tablet' | 'laptop' | 'pc';
+export type DeviceValues<T> = Partial<Record<Device, T>> & {
+    default?: T;
+};
+export declare const useMQ: () => Device;
+export declare const media: <T>(device: Device, values: DeviceValues<T>) => T | undefined;

package/dist/components/tag/use-mq.hook.js

@@ -0,0 +1,9 @@
+import { useMediaQuery as n } from "usehooks-ts";
+const i = () => {
+  const p = n("(min-width: 1200px)"), t = n("(min-width: 1024px)"), r = n("(min-width: 768px)");
+  return p ? "pc" : t ? "laptop" : r ? "tablet" : "phone";
+}, e = (p, t) => p === "pc" ? t.pc ?? t.laptop ?? t.tablet ?? t.phone ?? t.default : p === "laptop" ? t.laptop ?? t.tablet ?? t.phone ?? t.default : p === "tablet" ? t.tablet ?? t.phone ?? t.default : t.phone ?? t.default;
+export {
+  e as media,
+  i as useMQ
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "1.2.1",
+  "version": "1.2.3",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/not-found-ZbA42G36.css

@@ -1 +0,0 @@
-._NotFound_nybsl_1{padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-md) var(--rm-ui-padding-sm);background-color:transparent;font-weight:var(--rm-ui-font-weight-light);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._NotFoundH1_nybsl_10{margin-bottom:var(--rm-ui-padding-lg);font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}._NotFoundH2_nybsl_17{margin-bottom:var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}._NotFoundH3_nybsl_24{margin-bottom:var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-light);font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}._NotFoundTable_nybsl_31{width:100%;border-spacing:0;border-collapse:collapse}._NotFoundTh_nybsl_37,._NotFoundTd_nybsl_38{padding:var(--rm-ui-padding-xs);vertical-align:top;border-top:1px solid var(--rm-ui-grey-300);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._NotFoundTh_nybsl_37{text-align:left;font-weight:var(--rm-ui-font-weight-regular)}._NotFoundTd_nybsl_38{font-weight:var(--rm-ui-font-weight-light)}@media screen and (min-width:1024px){._NotFound_nybsl_1{padding:var(--rm-ui-padding-md) var(--rm-ui-padding-lg) var(--rm-ui-padding-md)}}@media screen and (min-width:1200px){._NotFound_nybsl_1{padding:var(--rm-ui-padding-lg)}._NotFoundH1_nybsl_10{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}._NotFoundH2_nybsl_17{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}._NotFoundH3_nybsl_24{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}._NotFoundTh_nybsl_37,._NotFoundTd_nybsl_38{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}}