@arthurzakharov/ui-kit 1.2.3 → 1.2.5

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

@@ -1,189 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,32 +0,0 @@
-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

@@ -1,79 +0,0 @@
-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

@@ -1,61 +0,0 @@
-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/use-mq.hook.d.ts

@@ -1,6 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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
-};