@shmidko61/lc-ui-kit 0.0.1

package/dist/typography.js

@@ -0,0 +1,469 @@
+import { jsx as q } from "react/jsx-runtime";
+import { a as j, c as $ } from "./responsive-style.config-DFuATrIM.js";
+import { n as k, m as J } from "./responsive-style.utils-D10sC561.js";
+const L = "text-[length:var(--typography-font-size)] font-[var(--typography-font-weight)] leading-[var(--typography-line-height)] text-[var(--typography-color,var(--color-text-primary))] tracking-[var(--typography-letter-spacing)] [font-family:var(--typography-font-family,var(--font-family))] [font-style:var(--typography-font-style)] [height:var(--typography-height)] [margin-bottom:var(--typography-margin-bottom,0)] [margin-left:var(--typography-margin-left,0)] [margin-right:var(--typography-margin-right,0)] [margin-top:var(--typography-margin-top,0)] [max-height:var(--typography-max-height)] [max-width:var(--typography-max-width)] [min-height:var(--typography-min-height)] [min-width:var(--typography-min-width)] [padding-bottom:var(--typography-padding-bottom,0)] [padding-left:var(--typography-padding-left,0)] [padding-right:var(--typography-padding-right,0)] [padding-top:var(--typography-padding-top,0)] [text-align:var(--typography-text-align)] [text-decoration:var(--typography-text-decoration)] [text-overflow:var(--typography-text-overflow)] [text-transform:var(--typography-text-transform)] [vertical-align:var(--typography-vertical-align)] [white-space:var(--typography-white-space)] [width:var(--typography-width)] [word-break:var(--typography-word-break)]", o = {
+  color: "--typography-color",
+  fontSize: "--typography-font-size",
+  fontFamily: "--typography-font-family",
+  fontStyle: "--typography-font-style",
+  fontWeight: "--typography-font-weight",
+  height: "--typography-height",
+  letterSpacing: "--typography-letter-spacing",
+  lineHeight: "--typography-line-height",
+  marginBottom: "--typography-margin-bottom",
+  marginLeft: "--typography-margin-left",
+  marginRight: "--typography-margin-right",
+  marginTop: "--typography-margin-top",
+  maxHeight: "--typography-max-height",
+  maxWidth: "--typography-max-width",
+  minHeight: "--typography-min-height",
+  minWidth: "--typography-min-width",
+  paddingBottom: "--typography-padding-bottom",
+  paddingLeft: "--typography-padding-left",
+  paddingRight: "--typography-padding-right",
+  paddingTop: "--typography-padding-top",
+  textAlign: "--typography-text-align",
+  textDecoration: "--typography-text-decoration",
+  textOverflow: "--typography-text-overflow",
+  textTransform: "--typography-text-transform",
+  verticalAlign: "--typography-vertical-align",
+  whiteSpace: "--typography-white-space",
+  width: "--typography-width",
+  wordBreak: "--typography-word-break"
+}, K = {
+  [o.color]: "color",
+  [o.fontSize]: "font-size",
+  [o.fontFamily]: "font-family",
+  [o.fontStyle]: "font-style",
+  [o.fontWeight]: "font-weight",
+  [o.height]: "height",
+  [o.letterSpacing]: "letter-spacing",
+  [o.lineHeight]: "line-height",
+  [o.marginBottom]: "margin-bottom",
+  [o.marginLeft]: "margin-left",
+  [o.marginRight]: "margin-right",
+  [o.marginTop]: "margin-top",
+  [o.maxHeight]: "max-height",
+  [o.maxWidth]: "max-width",
+  [o.minHeight]: "min-height",
+  [o.minWidth]: "min-width",
+  [o.paddingBottom]: "padding-bottom",
+  [o.paddingLeft]: "padding-left",
+  [o.paddingRight]: "padding-right",
+  [o.paddingTop]: "padding-top",
+  [o.textAlign]: "text-align",
+  [o.textDecoration]: "text-decoration",
+  [o.textOverflow]: "text-overflow",
+  [o.textTransform]: "text-transform",
+  [o.verticalAlign]: "vertical-align",
+  [o.whiteSpace]: "white-space",
+  [o.width]: "width",
+  [o.wordBreak]: "word-break"
+};
+function Q(t) {
+  const i = [], e = { ...t.vars ?? {} };
+  for (const a of j)
+    for (const [n, p] of Object.entries(t[a]?.vars ?? {})) {
+      const h = K[n];
+      if (!h || p === void 0 || p === null)
+        continue;
+      const g = `--${a}-${n.slice(2)}`;
+      e[g] = p, i.push(`${a}:[${h}:var(${g})]`);
+    }
+  return {
+    className: i.join(" "),
+    style: Object.keys(e).length > 0 ? e : void 0
+  };
+}
+const _ = {
+  h1: {
+    base: {
+      fontSize: "--typo-fs-h1-sm",
+      fontWeight: "--typo-fw-h1-sm",
+      lineHeight: "--typo-lh-h1-sm"
+    },
+    md: {
+      fontSize: "--typo-fs-h1-md",
+      fontWeight: "--typo-fw-h1-md",
+      lineHeight: "--typo-lh-h1-md"
+    },
+    lg: {
+      fontSize: "--typo-fs-h1-lg",
+      fontWeight: "--typo-fw-h1-lg",
+      lineHeight: "--typo-lh-h1-lg"
+    }
+  },
+  h2: {
+    base: {
+      fontSize: "--typo-fs-h2-md",
+      fontWeight: "--typo-fw-h2-md",
+      lineHeight: "--typo-lh-h2-md"
+    },
+    lg: {
+      fontSize: "--typo-fs-h2-lg",
+      fontWeight: "--typo-fw-h2-lg",
+      lineHeight: "--typo-lh-h2-lg"
+    }
+  },
+  h3: {
+    base: {
+      fontSize: "--typo-fs-h3-md",
+      fontWeight: "--typo-fw-h3-md",
+      lineHeight: "--typo-lh-h3-md"
+    },
+    md: {
+      fontSize: "--typo-fs-h3-lg",
+      fontWeight: "--typo-fw-h3-lg",
+      lineHeight: "--typo-lh-h3-lg"
+    }
+  },
+  h4: {
+    base: {
+      fontSize: "--typo-fs-h4-md",
+      fontWeight: "--typo-fw-h4-md",
+      lineHeight: "--typo-lh-h4-md"
+    },
+    lg: {
+      fontSize: "--typo-fs-h4-lg",
+      fontWeight: "--typo-fw-h4-lg",
+      lineHeight: "--typo-lh-h4-lg"
+    }
+  },
+  sh: {
+    base: {
+      fontSize: "--typo-fs-h4-lg",
+      fontWeight: "--typo-fw-h4-lg",
+      lineHeight: "--typo-lh-h4-lg"
+    }
+  },
+  b1: {
+    base: {
+      fontSize: "--typo-fs-b1-md",
+      fontWeight: "--typo-fw-b1-md",
+      lineHeight: "--typo-lh-b1-md"
+    },
+    lg: {
+      fontSize: "--typo-fs-b1-lg",
+      fontWeight: "--typo-fw-b1-lg",
+      lineHeight: "--typo-lh-b1-lg"
+    }
+  },
+  b2: {
+    base: {
+      fontSize: "--typo-fs-b2-md",
+      fontWeight: "--typo-fw-b2-md",
+      lineHeight: "--typo-lh-b2-md"
+    },
+    lg: {
+      fontSize: "--typo-fs-b2-lg",
+      fontWeight: "--typo-fw-b2-lg",
+      lineHeight: "--typo-lh-b2-lg"
+    }
+  },
+  b3: {
+    base: {
+      fontSize: "--typo-fs-b3-md",
+      fontWeight: "--typo-fw-b3-md",
+      lineHeight: "--typo-lh-b3-md"
+    },
+    lg: {
+      fontSize: "--typo-fs-b3-lg",
+      fontWeight: "--typo-fw-b3-lg",
+      lineHeight: "--typo-lh-b3-lg"
+    }
+  },
+  caption: {
+    base: {
+      fontSize: "--typo-fs-caption-lg",
+      fontWeight: "--typo-fw-caption-lg",
+      lineHeight: "--typo-lh-caption-lg"
+    }
+  },
+  "caption-caps": {
+    base: {
+      fontSize: "--typo-fs-caption-lg",
+      fontWeight: "--typo-fw-caption-lg",
+      lineHeight: "--typo-lh-caption-lg"
+    },
+    className: "uppercase"
+  }
+};
+function yt({
+  className: t,
+  variant: i = "b2"
+} = {}) {
+  const e = _[i];
+  return $(L, e.className, t);
+}
+function X(t) {
+  return {
+    vars: A(t.base),
+    md: t.md ? { vars: A(t.md) } : void 0,
+    lg: t.lg ? { vars: A(t.lg) } : void 0
+  };
+}
+function Z({
+  color: t,
+  fontSize: i,
+  fontWeight: e,
+  lineHeight: a,
+  verticalAlign: n,
+  horizontalAlign: p,
+  textTransform: h,
+  textDecoration: g,
+  textOverflow: y,
+  whiteSpace: d,
+  wordBreak: m,
+  italic: c,
+  fontFamily: v,
+  width: b,
+  minWidth: w,
+  maxWidth: x,
+  height: S,
+  minHeight: u,
+  maxHeight: z,
+  p: W,
+  m: T,
+  md: r,
+  lg: f,
+  xl: s
+}) {
+  return {
+    vars: O({
+      color: t,
+      fontSize: i,
+      fontWeight: e,
+      lineHeight: a,
+      verticalAlign: n,
+      horizontalAlign: p,
+      textTransform: h,
+      textDecoration: g,
+      textOverflow: y,
+      whiteSpace: d,
+      wordBreak: m,
+      italic: c,
+      fontFamily: v,
+      width: b,
+      minWidth: w,
+      maxWidth: x,
+      height: S,
+      minHeight: u,
+      maxHeight: z,
+      p: W,
+      m: T
+    }),
+    md: r ? { vars: O(r) } : void 0,
+    lg: f ? { vars: O(f) } : void 0,
+    xl: s ? { vars: O(s) } : void 0
+  };
+}
+function tt(t, i) {
+  const e = new Set(Object.keys(i.vars ?? {})), a = {
+    colors: t.colors,
+    typography: t.typography,
+    vars: t.vars
+  };
+  for (const n of j) {
+    for (const y of Object.keys(i[n]?.vars ?? {}))
+      e.add(y);
+    const p = t[n];
+    if (!p)
+      continue;
+    const h = Object.fromEntries(
+      Object.entries(p.vars ?? {}).filter(
+        ([y]) => !e.has(y)
+      )
+    ), g = {
+      colors: p.colors,
+      typography: p.typography,
+      vars: Object.keys(h).length > 0 ? h : void 0
+    };
+    (g.colors || g.typography || g.vars) && (a[n] = g);
+  }
+  return a;
+}
+function A(t) {
+  return {
+    [o.fontSize]: `var(${t.fontSize})`,
+    [o.fontWeight]: `var(${t.fontWeight})`,
+    [o.letterSpacing]: 0,
+    [o.lineHeight]: `var(${t.lineHeight})`
+  };
+}
+function O({
+  color: t,
+  fontSize: i,
+  fontWeight: e,
+  lineHeight: a,
+  verticalAlign: n,
+  horizontalAlign: p,
+  textTransform: h,
+  textDecoration: g,
+  textOverflow: y,
+  whiteSpace: d,
+  wordBreak: m,
+  italic: c,
+  fontFamily: v,
+  width: b,
+  minWidth: w,
+  maxWidth: x,
+  height: S,
+  minHeight: u,
+  maxHeight: z,
+  p: W,
+  m: T
+}) {
+  const r = {}, f = i, s = e, P = a;
+  return t !== void 0 && (r[o.color] = k(t)), f !== void 0 && (r[o.fontSize] = k(f)), s !== void 0 && (r[o.fontWeight] = k(s)), P !== void 0 && (r[o.lineHeight] = k(P)), n !== void 0 && (r[o.verticalAlign] = n), p !== void 0 && (r[o.textAlign] = p), h !== void 0 && (r[o.textTransform] = rt(h)), g !== void 0 && (r[o.textDecoration] = nt(g)), y !== void 0 && (r[o.textOverflow] = y), d !== void 0 && (r[o.whiteSpace] = d), m !== void 0 && (r[o.wordBreak] = at(m)), c !== void 0 && (r[o.fontStyle] = c ? "italic" : "normal"), v !== void 0 && (r[o.fontFamily] = k(v)), b !== void 0 && (r[o.width] = H(b)), w !== void 0 && (r[o.minWidth] = H(w)), x !== void 0 && (r[o.maxWidth] = H(x)), S !== void 0 && (r[o.height] = H(S)), u !== void 0 && (r[o.minHeight] = H(u)), z !== void 0 && (r[o.maxHeight] = H(z)), Object.assign(r, ot({ p: W, m: T })), Object.keys(r).length > 0 ? r : void 0;
+}
+function H(t) {
+  return typeof t == "number" ? `${t}px` : t;
+}
+function ot({ p: t, m: i }) {
+  const e = {}, a = it(t), n = et(i);
+  return a.top !== void 0 && (e[o.paddingTop] = l(a.top)), a.right !== void 0 && (e[o.paddingRight] = l(a.right)), a.bottom !== void 0 && (e[o.paddingBottom] = l(a.bottom)), a.left !== void 0 && (e[o.paddingLeft] = l(a.left)), n.top !== void 0 && (e[o.marginTop] = l(n.top)), n.right !== void 0 && (e[o.marginRight] = l(n.right)), n.bottom !== void 0 && (e[o.marginBottom] = l(n.bottom)), n.left !== void 0 && (e[o.marginLeft] = l(n.left)), e;
+}
+function it(t) {
+  if (t === void 0)
+    return {};
+  if (Array.isArray(t)) {
+    const [e, a, n, p] = t;
+    return { top: e, right: a, bottom: n, left: p };
+  }
+  if (typeof t != "object")
+    return {
+      top: t,
+      right: t,
+      bottom: t,
+      left: t
+    };
+  const i = t;
+  return {
+    top: i.py ?? i.pt,
+    right: i.px ?? i.pr,
+    bottom: i.py ?? i.pb,
+    left: i.px ?? i.pl
+  };
+}
+function et(t) {
+  if (t === void 0)
+    return {};
+  if (Array.isArray(t)) {
+    const [e, a, n, p] = t;
+    return { top: e, right: a, bottom: n, left: p };
+  }
+  if (typeof t != "object")
+    return {
+      top: t,
+      right: t,
+      bottom: t,
+      left: t
+    };
+  const i = t;
+  return {
+    top: i.my ?? i.mt,
+    right: i.mx ?? i.mr,
+    bottom: i.my ?? i.mb,
+    left: i.mx ?? i.ml
+  };
+}
+function l(t) {
+  return typeof t == "number" ? `${t}px` : t;
+}
+function rt(t) {
+  return t === "normal-case" ? "none" : t;
+}
+function nt(t) {
+  return t === "no-underline" ? "none" : t;
+}
+function at(t) {
+  return {
+    all: "break-all",
+    keep: "keep-all",
+    normal: "normal",
+    word: "break-word"
+  }[t];
+}
+function lt({
+  as: t,
+  children: i,
+  className: e,
+  color: a,
+  fontSize: n,
+  fontWeight: p,
+  lineHeight: h,
+  verticalAlign: g,
+  horizontalAlign: y,
+  textTransform: d,
+  textDecoration: m,
+  textOverflow: c,
+  whiteSpace: v,
+  wordBreak: b,
+  italic: w,
+  fontFamily: x,
+  width: S,
+  minWidth: u,
+  maxWidth: z,
+  height: W,
+  minHeight: T,
+  maxHeight: r,
+  p: f,
+  m: s,
+  md: P,
+  lg: Y,
+  xl: C,
+  style: R,
+  variant: D = "b2",
+  ...E
+}) {
+  const F = t ?? "p", B = _[D], G = X(B), N = Z({
+    color: a,
+    fontSize: n,
+    fontWeight: p,
+    lineHeight: h,
+    verticalAlign: g,
+    horizontalAlign: y,
+    textTransform: d,
+    textDecoration: m,
+    textOverflow: c,
+    whiteSpace: v,
+    wordBreak: b,
+    italic: w,
+    fontFamily: x,
+    width: S,
+    minWidth: u,
+    maxWidth: z,
+    height: W,
+    minHeight: T,
+    maxHeight: r,
+    p: f,
+    m: s,
+    md: P,
+    lg: Y,
+    xl: C
+  }), I = tt(
+    G,
+    N
+  ), M = J(I, N), V = Q(M), U = V.style || R ? {
+    ...V.style,
+    ...R
+  } : void 0;
+  return /* @__PURE__ */ q(
+    F,
+    {
+      className: $(
+        L,
+        B.className,
+        V.className,
+        e
+      ),
+      style: U,
+      ...E,
+      children: i
+    }
+  );
+}
+export {
+  lt as Typography,
+  yt as typographyVariants
+};

package/dist/ui-kit-provider/ui-kit-provider.d.ts

@@ -0,0 +1,53 @@
+import { AnchorHTMLAttributes, ComponentPropsWithoutRef, ElementType, ForwardRefExoticComponent, PropsWithChildren, ReactNode, RefAttributes } from 'react';
+import { ResponsiveStyleBreakpoint, UiKitStyleProps } from '../shared/responsive-style/responsive-style.types';
+export type UiKitLinkProps = PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>>;
+export type UiKitLinkComponent = ForwardRefExoticComponent<UiKitLinkProps & RefAttributes<HTMLAnchorElement>>;
+export type UiKitComponentsConfig = {
+    /**
+     * Единый компонент ссылки для компонентов ui-kit.
+     *
+     * По умолчанию используется обычный `<a>`. В приложении можно передать
+     * router-aware компонент, например обёртку над `next/link`.
+     */
+    Link: UiKitLinkComponent;
+};
+export type UiKitConfig = {
+    /**
+     * Переопределяемые компоненты, которые ui-kit использует внутри составных
+     * компонентов.
+     */
+    components: UiKitComponentsConfig;
+};
+type UiKitProviderBreakpointStyleProps = Pick<UiKitStyleProps, 'colors' | 'typography'>;
+type UiKitProviderResponsiveStyleProps = UiKitStyleProps & Partial<Record<ResponsiveStyleBreakpoint, UiKitProviderBreakpointStyleProps>>;
+type UiKitProviderOwnProps<TElement extends ElementType> = UiKitProviderResponsiveStyleProps & {
+    /** HTML-тег или React-компонент, которым будет отрендерен provider scope. */
+    as?: TElement;
+    children?: ReactNode;
+    className?: string;
+    /**
+     * Переопределение внутренних компонентов ui-kit.
+     *
+     * Пример: `components={{ Link: AppLink }}`.
+     */
+    components?: Partial<UiKitComponentsConfig>;
+};
+export type UiKitProviderProps<TElement extends ElementType = 'div'> = UiKitProviderOwnProps<TElement> & Omit<ComponentPropsWithoutRef<TElement>, keyof UiKitProviderOwnProps<TElement>>;
+export type UiKitProviderBaseProps = {
+    children?: ReactNode;
+    /**
+     * Переопределение внутренних компонентов ui-kit.
+     */
+    components?: Partial<UiKitComponentsConfig>;
+};
+/** Возвращает runtime-конфигурацию ui-kit для responsive-компонентов. */
+/**
+ * Runtime-конфигурация и дизайн-scope ui-kit.
+ *
+ * Оборачивайте приложение в `UiKitProvider`, если проекту нужны собственные
+ * глобальные переопределения дизайн-токенов. Responsive breakpoint-ы статичны
+ * и совпадают с breakpoint-ами собранного Tailwind CSS.
+ */
+export declare function UiKitProvider<TElement extends ElementType = 'div'>({ as, children, className, components, colors, typography, vars, md, lg, xl, style, ...props }: UiKitProviderProps<TElement>): ReactNode;
+export declare function useUiKitConfig(): UiKitConfig;
+export {};

package/dist/ui-kit-provider-C6Mk5g_7.js

@@ -0,0 +1,167 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as k, createContext as C, useContext as m, useMemo as P } from "react";
+import { c as x, a as N } from "./responsive-style.config-DFuATrIM.js";
+const K = [
+  "--color-text-secondary",
+  "--color-text-primary",
+  "--color-primary-accent",
+  "--color-background-subtle",
+  "--color-background-default",
+  "--color-background-inverted",
+  "--color-background-muted",
+  "--color-secondary-accent-1",
+  "--color-secondary-accent-2",
+  "--color-secondary-accent-3"
+], U = [
+  /**
+   * h1
+   */
+  "--typo-fs-h1-sm",
+  "--typo-fw-h1-sm",
+  "--typo-lh-h1-sm",
+  "--typo-fs-h1-md",
+  "--typo-fw-h1-md",
+  "--typo-lh-h1-md",
+  "--typo-fs-h1-lg",
+  "--typo-fw-h1-lg",
+  "--typo-lh-h1-lg",
+  /**
+   * h2
+   */
+  "--typo-fs-h2-md",
+  "--typo-fw-h2-md",
+  "--typo-lh-h2-md",
+  "--typo-fs-h2-lg",
+  "--typo-fw-h2-lg",
+  "--typo-lh-h2-lg",
+  /**
+   * h3
+   */
+  "--typo-fs-h3-lg",
+  "--typo-fw-h3-lg",
+  "--typo-lh-h3-lg",
+  "--typo-fs-h3-md",
+  "--typo-fw-h3-md",
+  "--typo-lh-h3-md",
+  /**
+   * h4
+   */
+  "--typo-fs-h4-lg",
+  "--typo-fw-h4-lg",
+  "--typo-lh-h4-lg",
+  "--typo-fs-h4-md",
+  "--typo-fw-h4-md",
+  "--typo-lh-h4-md",
+  /**
+   * b1
+   */
+  "--typo-fs-b1-lg",
+  "--typo-fw-b1-lg",
+  "--typo-lh-b1-lg",
+  "--typo-fs-b1-md",
+  "--typo-fw-b1-md",
+  "--typo-lh-b1-md",
+  /**
+   * b2
+   */
+  "--typo-fs-b2-lg",
+  "--typo-fw-b2-lg",
+  "--typo-lh-b2-lg",
+  "--typo-fs-b2-md",
+  "--typo-fw-b2-md",
+  "--typo-lh-b2-md",
+  /**
+   * b3
+   */
+  "--typo-fs-b3-lg",
+  "--typo-fw-b3-lg",
+  "--typo-lh-b3-lg",
+  "--typo-fs-b3-md",
+  "--typo-fw-b3-md",
+  "--typo-lh-b3-md",
+  /**
+   * caption
+   */
+  "--typo-fs-caption-lg",
+  "--typo-fw-caption-lg",
+  "--typo-lh-caption-lg"
+], $ = k(
+  function(s, l) {
+    return /* @__PURE__ */ i("a", { ref: l, ...s });
+  }
+), T = {
+  components: {
+    Link: $
+  }
+}, p = C(T);
+function O({
+  as: t,
+  children: s,
+  className: l,
+  components: o,
+  colors: a,
+  typography: y,
+  vars: n,
+  md: e,
+  lg: c,
+  xl: g,
+  style: f,
+  ...u
+}) {
+  const b = t ?? "div", h = m(p), w = P(
+    () => ({
+      components: {
+        ...h.components,
+        ...o
+      }
+    }),
+    [o, h.components]
+  ), r = L({ colors: a, typography: y, vars: n, md: e, lg: c, xl: g }), v = r.style || f ? {
+    ...r.style,
+    ...f
+  } : void 0;
+  return /* @__PURE__ */ i(p.Provider, { value: w, children: /* @__PURE__ */ i(
+    b,
+    {
+      className: x("w-full", r.className, l),
+      style: v,
+      ...u,
+      children: s
+    }
+  ) });
+}
+function R() {
+  return m(p);
+}
+const j = [...K, ...U];
+function L(t) {
+  const s = [], l = { ...t.vars ?? {} };
+  d({ ...t.colors, ...t.typography }, s, l);
+  for (const o of N)
+    d(
+      { ...t[o]?.colors, ...t[o]?.typography },
+      s,
+      l,
+      o
+    );
+  return {
+    className: s.join(" "),
+    style: Object.keys(l).length > 0 ? l : void 0
+  };
+}
+function d(t, s, l, o) {
+  const a = o ? `${o}:` : "", y = o ? `${o}-` : "base-";
+  for (const n of j) {
+    const e = t[n];
+    if (e == null)
+      continue;
+    const c = `--${y}${n.slice(2)}`;
+    l[c] = e, s.push(`${a}[${n}:var(${c})]`);
+  }
+}
+export {
+  O as U,
+  U as a,
+  R as b,
+  K as u
+};

package/dist/ui-kit-provider-raEFsUm0.cjs

@@ -0,0 +1 @@
+"use strict";const p=require("react/jsx-runtime"),i=require("react"),u=require("./responsive-style.config-B2m9jVlX.cjs"),g=["--color-text-secondary","--color-text-primary","--color-primary-accent","--color-background-subtle","--color-background-default","--color-background-inverted","--color-background-muted","--color-secondary-accent-1","--color-secondary-accent-2","--color-secondary-accent-3"],b=["--typo-fs-h1-sm","--typo-fw-h1-sm","--typo-lh-h1-sm","--typo-fs-h1-md","--typo-fw-h1-md","--typo-lh-h1-md","--typo-fs-h1-lg","--typo-fw-h1-lg","--typo-lh-h1-lg","--typo-fs-h2-md","--typo-fw-h2-md","--typo-lh-h2-md","--typo-fs-h2-lg","--typo-fw-h2-lg","--typo-lh-h2-lg","--typo-fs-h3-lg","--typo-fw-h3-lg","--typo-lh-h3-lg","--typo-fs-h3-md","--typo-fw-h3-md","--typo-lh-h3-md","--typo-fs-h4-lg","--typo-fw-h4-lg","--typo-lh-h4-lg","--typo-fs-h4-md","--typo-fw-h4-md","--typo-lh-h4-md","--typo-fs-b1-lg","--typo-fw-b1-lg","--typo-lh-b1-lg","--typo-fs-b1-md","--typo-fw-b1-md","--typo-lh-b1-md","--typo-fs-b2-lg","--typo-fw-b2-lg","--typo-lh-b2-lg","--typo-fs-b2-md","--typo-fw-b2-md","--typo-lh-b2-md","--typo-fs-b3-lg","--typo-fw-b3-lg","--typo-lh-b3-lg","--typo-fs-b3-md","--typo-fw-b3-md","--typo-lh-b3-md","--typo-fs-caption-lg","--typo-fw-caption-lg","--typo-lh-caption-lg"],K=i.forwardRef(function(e,n){return p.jsx("a",{ref:n,...e})}),P={components:{Link:K}},f=i.createContext(P);function N({as:t,children:e,className:n,components:o,colors:r,typography:y,vars:s,md:l,lg:c,xl:v,style:h,...w}){const k=t??"div",d=i.useContext(f),C=i.useMemo(()=>({components:{...d.components,...o}}),[o,d.components]),a=$({colors:r,typography:y,vars:s,md:l,lg:c,xl:v}),x=a.style||h?{...a.style,...h}:void 0;return p.jsx(f.Provider,{value:C,children:p.jsx(k,{className:u.cn("w-full",a.className,n),style:x,...w,children:e})})}function T(){return i.useContext(f)}const U=[...g,...b];function $(t){const e=[],n={...t.vars??{}};m({...t.colors,...t.typography},e,n);for(const o of u.responsiveBreakpoints)m({...t[o]?.colors,...t[o]?.typography},e,n,o);return{className:e.join(" "),style:Object.keys(n).length>0?n:void 0}}function m(t,e,n,o){const r=o?`${o}:`:"",y=o?`${o}-`:"base-";for(const s of U){const l=t[s];if(l==null)continue;const c=`--${y}${s.slice(2)}`;n[c]=l,e.push(`${r}[${s}:var(${c})]`)}}exports.UiKitProvider=N;exports.uiKitColorTokens=g;exports.uiKitTypographyTokens=b;exports.useUiKitConfig=T;

package/dist/ui-kit-provider.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("./responsive-style.config-B2m9jVlX.cjs");const i=require("./ui-kit-provider-raEFsUm0.cjs");exports.UiKitProvider=i.UiKitProvider;exports.useUiKitConfig=i.useUiKitConfig;

package/dist/ui-kit-provider.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "react";
+import "./responsive-style.config-DFuATrIM.js";
+import { U as p, b as e } from "./ui-kit-provider-C6Mk5g_7.js";
+export {
+  p as UiKitProvider,
+  e as useUiKitConfig
+};