@arthurzakharov/ui-kit 1.2.3 → 1.2.4

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/tag.types.js

@@ -1 +0,0 @@
-

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
-};