@arthurzakharov/ui-kit 1.2.1 → 1.2.2

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

@@ -0,0 +1 @@
+._NotFoundTh_1xt0l_1,._NotFoundTd_1xt0l_2{border-top:1px solid var(--rm-ui-grey-300)}

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

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

package/dist/components/not-found/not-found.component.cy.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,30 @@
+import { jsx as e } from "react/jsx-runtime";
+import { NotFound as t } from "./not-found.component.js";
+const a = {
+  title: "Entschuldigung, da ist wohl etwas schief gelaufen!",
+  subtitle: "Fehler 404",
+  tableTitle: "Bitte kontaktieren Sie uns doch per:",
+  tableRows: [
+    {
+      key: "E-Mail:",
+      value: "info@rightmart.de"
+    },
+    {
+      key: "Telefon:",
+      value: "+49 (0)421 / 33 100 311"
+    },
+    {
+      key: "Fax:",
+      value: "+49 (0)421 / 33 100 380"
+    },
+    {
+      key: "Post:",
+      value: "rightmart Rechtsanwaltsgesellschaft mbH<br />Clara-Jaschke-Straße 1<br />28199 Bremen"
+    }
+  ]
+};
+describe("<NotFound />", () => {
+  it("renders", () => {
+    cy.viewport(1200, 700), cy.mount(/* @__PURE__ */ e(t, { ...a }));
+  });
+});

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 r, jsx as l } from "react/jsx-runtime";
+import { Block as d } from "../tag/block.component.js";
+import { Table as e } from "../tag/table.component.js";
+import { useMQ as s, media as t } from "../tag/use-mq.hook.js";
+import '../../assets/not-found-Cmq6iPJq.css';const f = "_NotFoundTd_1xt0l_2", g = {
+  NotFoundTd: f
+}, N = (h) => {
+  const { title: c = "", subtitle: i = "", tableTitle: m = "", tableRows: p = [] } = h, o = s();
+  return /* @__PURE__ */ r(d, { tag: "section", p: t(o, { phone: "sm md sm", laptop: "md lg md", pc: "lg" }), children: [
+    /* @__PURE__ */ l(d, { tag: "h1", mb: "lg", fw: "regular", fz: t(o, { phone: "hl2", pc: "hl1" }), children: c }),
+    /* @__PURE__ */ l(d, { tag: "h2", mb: "md", fw: "regular", fz: t(o, { phone: "hl3", pc: "hl2" }), children: i }),
+    /* @__PURE__ */ l(d, { tag: "h3", mb: "md", fw: "light", fz: t(o, { phone: "hl4", pc: "hl3" }), children: m }),
+    /* @__PURE__ */ l(e.Main, { children: /* @__PURE__ */ l(
+      e.Body,
+      {
+        fz: t(o, {
+          phone: "small",
+          pc: "regular"
+        }),
+        children: p.map(({ key: n, value: a }) => /* @__PURE__ */ r(e.Row, { className: g.NotFoundTd, children: [
+          /* @__PURE__ */ l(e.CellHead, { p: "xs", fw: "regular", ta: "left", children: n }),
+          /* @__PURE__ */ l(e.CellBody, { p: "xs", fw: "light", children: a })
+        ] }, n))
+      }
+    ) })
   ] });
 };
 export {
-  H as NotFound
+  N as NotFound
 };

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

@@ -0,0 +1,25 @@
+import { RegularTagProps } from './tag.types';
+export declare const Block: (props: RegularTagProps) => import('react').DetailedReactHTMLElement<{
+    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;
+    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;
+    children: import('react').ReactNode;
+}, HTMLElement>;

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/flex.component.d.ts

@@ -0,0 +1,99 @@
+import { FlexTagProps } from './tag.types';
+export declare const Flex: {
+    Row: (props: FlexTagProps) => import('react').DetailedReactHTMLElement<{
+        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;
+        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;
+        children: import('react').ReactNode;
+    }, HTMLElement>;
+    RowReverse: (props: FlexTagProps) => import('react').DetailedReactHTMLElement<{
+        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;
+        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;
+        children: import('react').ReactNode;
+    }, HTMLElement>;
+    Column: (props: FlexTagProps) => import('react').DetailedReactHTMLElement<{
+        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;
+        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;
+        children: import('react').ReactNode;
+    }, HTMLElement>;
+    ColumnReverse: (props: FlexTagProps) => import('react').DetailedReactHTMLElement<{
+        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;
+        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;
+        children: import('react').ReactNode;
+    }, HTMLElement>;
+};

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,25 @@
+import { RegularTagProps } from './tag.types';
+export declare const InlineBlock: (props: RegularTagProps) => import('react').DetailedReactHTMLElement<{
+    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;
+    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;
+    children: import('react').ReactNode;
+}, HTMLElement>;

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,99 @@
+import { FlexTagProps } from './tag.types';
+export declare const InlineFlex: {
+    Row: (props: FlexTagProps) => import('react').DetailedReactHTMLElement<{
+        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;
+        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;
+        children: import('react').ReactNode;
+    }, HTMLElement>;
+    RowReverse: (props: FlexTagProps) => import('react').DetailedReactHTMLElement<{
+        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;
+        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;
+        children: import('react').ReactNode;
+    }, HTMLElement>;
+    Column: (props: FlexTagProps) => import('react').DetailedReactHTMLElement<{
+        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;
+        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;
+        children: import('react').ReactNode;
+    }, HTMLElement>;
+    ColumnReverse: (props: FlexTagProps) => import('react').DetailedReactHTMLElement<{
+        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;
+        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;
+        children: import('react').ReactNode;
+    }, HTMLElement>;
+};

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,25 @@
+import { RegularTagProps } from './tag.types';
+export declare const Inline: (props: RegularTagProps) => import('react').DetailedReactHTMLElement<{
+    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;
+    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;
+    children: import('react').ReactNode;
+}, HTMLElement>;

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,147 @@
+import { TableTagProps } from './tag.types';
+export declare const Table: {
+    Main: (props: TableTagProps) => import('react').DetailedReactHTMLElement<{
+        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;
+        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;
+        children: import('react').ReactNode;
+    }, HTMLElement>;
+    Head: (props: TableTagProps) => import('react').DetailedReactHTMLElement<{
+        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;
+        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;
+        children: import('react').ReactNode;
+    }, HTMLElement>;
+    Body: (props: TableTagProps) => import('react').DetailedReactHTMLElement<{
+        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;
+        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;
+        children: import('react').ReactNode;
+    }, HTMLElement>;
+    Row: (props: TableTagProps) => import('react').DetailedReactHTMLElement<{
+        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;
+        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;
+        children: import('react').ReactNode;
+    }, HTMLElement>;
+    CellHead: (props: TableTagProps) => import('react').DetailedReactHTMLElement<{
+        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;
+        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;
+        children: import('react').ReactNode;
+    }, HTMLElement>;
+    CellBody: (props: TableTagProps) => import('react').DetailedReactHTMLElement<{
+        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;
+        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;
+        children: import('react').ReactNode;
+    }, HTMLElement>;
+};

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,25 @@
+import { Space, CreateProps } from './tag.types';
+export declare const tagCreate: (props: CreateProps) => import('react').DetailedReactHTMLElement<{
+    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;
+    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;
+    children: import('react').ReactNode;
+}, HTMLElement>;

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

@@ -0,0 +1,67 @@
+import { createElement as r } from "react";
+import b from "clsx";
+import '../../assets/tag-create-DlOCx7nc.css';const f = "_Tag_1ps8s_3", a = {
+  Tag: f
+}, d = (t) => t === "xxs" || t === "xs" || t === "sm" || t === "md" || t === "lg" || t === "xl" || t === "xxl" || t === "xxxl", c = (t) => {
+  if (!t) return {};
+  const n = t.trim().split(/\s+/).filter(Boolean);
+  if (n.length === 0 || n.length > 4) return {};
+  if (!n.every(d)) return {};
+  const [m, e, l, i] = n;
+  return e ? l ? i ? { t: m, r: e, b: l, l: i } : { t: m, r: e, b: l, l: e } : { t: m, r: e, b: m, l: e } : { t: m, r: m, b: m, l: m };
+}, x = (t) => {
+  const n = c(t);
+  return { pt: n.t, pr: n.r, pb: n.b, pl: n.l };
+}, g = (t) => {
+  const n = c(t);
+  return { mt: n.t, mr: n.r, mb: n.b, ml: n.l };
+}, y = (t) => {
+  const n = x(t.p), m = {
+    pt: n.pt,
+    pr: n.pr,
+    pb: n.pb,
+    pl: n.pl
+  };
+  return t.py && (m.pt = t.py, m.pb = t.py), t.px && (m.pl = t.px, m.pr = t.px), t.pt && (m.pt = t.pt), t.pr && (m.pr = t.pr), t.pb && (m.pb = t.pb), t.pl && (m.pl = t.pl), m;
+}, h = (t) => {
+  const n = g(t.m), m = {
+    mt: n.mt,
+    mr: n.mr,
+    mb: n.mb,
+    ml: n.ml
+  };
+  return t.my && (m.mt = t.my, m.mb = t.my), t.mx && (m.ml = t.mx, m.mr = t.mx), t.mt && (m.mt = t.mt), t.mr && (m.mr = t.mr), t.mb && (m.mb = t.mb), t.ml && (m.ml = t.ml), m;
+}, s = (t) => {
+  const n = h(t), m = y(t);
+  return r(t.tag || "div", {
+    className: b(a.Tag, t.className),
+    d: t.d,
+    pos: t.pos,
+    // Margins
+    mt: n.mt,
+    mb: n.mb,
+    ml: n.ml,
+    mr: n.mr,
+    // Paddings
+    pt: m.pt,
+    pb: m.pb,
+    pl: m.pl,
+    pr: m.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,
+    children: t.children
+  });
+};
+export {
+  s as tagCreate
+};

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

@@ -0,0 +1,60 @@
+import { 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<'pt' | 'pr' | 'pb' | 'pl', Space>>;
+export type ResolvedMargin = Partial<Record<'mt' | 'mr' | 'mb' | 'ml', Space>>;
+export type ResolvedSpaceShorthand = Partial<Record<'t' | 'r' | 'b' | 'l', Space>>;
+interface CommonProps extends PropsWithChildren {
+    tag?: keyof HTMLElementTagNameMap;
+    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.2",
   "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)}}