@webstudio-is/sdk-components-react-radix 0.196.0 → 0.197.0

package/lib/theme/tailwind-classes.js

@@ -1,474 +0,0 @@
-import { zIndex as h, borderRadius as m, colors as n, width as g, height as k, opacity as x, cursor as S, maxWidth as W, blur as B, listStyleType as C, spacing as T, lineHeight as L, letterSpacing as R, fontSize as i, fontSizeLineHeight as V, boxShadow as D, borderWidth as y, padding as G, margin as z, inset as F, ringOffsetWidth as E, lineClamp as j, ringWidth as H } from "./__generated__/tailwind-theme.js";
-const ue = (e, t) => t.startsWith("--") ? {
-  property: e,
-  value: { type: "var", value: t.slice(2) }
-} : {
-  property: e,
-  value: { type: "unparsed", value: t }
-}, I = () => {
-  const e = n.border;
-  return [
-    {
-      property: "borderTopStyle",
-      value: { type: "keyword", value: "solid" }
-    },
-    {
-      property: "borderRightStyle",
-      value: { type: "keyword", value: "solid" }
-    },
-    {
-      property: "borderBottomStyle",
-      value: { type: "keyword", value: "solid" }
-    },
-    {
-      property: "borderLeftStyle",
-      value: { type: "keyword", value: "solid" }
-    },
-    {
-      property: "borderTopColor",
-      value: e
-    },
-    {
-      property: "borderRightColor",
-      value: e
-    },
-    {
-      property: "borderBottomColor",
-      value: e
-    },
-    {
-      property: "borderLeftColor",
-      value: e
-    }
-  ];
-}, pe = (e) => [
-  {
-    property: "zIndex",
-    value: h[e]
-  }
-], U = (e) => [
-  {
-    property: "overflowX",
-    value: { type: "keyword", value: e }
-  },
-  {
-    property: "overflowY",
-    value: { type: "keyword", value: e }
-  }
-], le = (e = "DEFAULT") => {
-  const t = m[e];
-  return [
-    { property: "borderTopLeftRadius", value: t },
-    { property: "borderTopRightRadius", value: t },
-    { property: "borderBottomRightRadius", value: t },
-    { property: "borderBottomLeftRadius", value: t }
-  ];
-}, ae = (e) => {
-  if (typeof e == "number" || e === void 0) {
-    const r = y[e ?? "DEFAULT"];
-    return [
-      ...I(),
-      { property: "borderTopWidth", value: r },
-      { property: "borderRightWidth", value: r },
-      { property: "borderBottomWidth", value: r },
-      { property: "borderLeftWidth", value: r }
-    ];
-  }
-  const t = n[e];
-  return [
-    { property: "borderTopColor", value: t },
-    { property: "borderRightColor", value: t },
-    { property: "borderBottomColor", value: t },
-    { property: "borderLeftColor", value: t }
-  ];
-}, ie = (e) => {
-  let t = { type: "unit", value: 1, unit: "number" }, r = n.border;
-  return t = y.DEFAULT, [
-    {
-      property: "borderBottomWidth",
-      value: t
-    },
-    {
-      property: "borderBottomStyle",
-      value: { type: "keyword", value: "solid" }
-    },
-    {
-      property: "borderBottomColor",
-      value: r
-    }
-  ];
-}, u = (e) => (t) => [{ property: e, value: G[t] }], $ = (e) => u("paddingTop")(e), A = (e) => u("paddingBottom")(e), M = (e) => u("paddingLeft")(e), O = (e) => u("paddingRight")(e), _ = (e) => [M(e), O(e)].flat(), X = (e) => [$(e), A(e)].flat(), ye = (e) => [_(e), X(e)].flat(), p = (e) => (t) => [{ property: e, value: z[t] }], Y = (e) => p("marginLeft")(e), q = (e) => p("marginRight")(e), J = (e) => p("marginTop")(e), K = (e) => p("marginBottom")(e), N = (e) => [Y(e), q(e)].flat(), Q = (e) => [J(e), K(e)].flat(), se = (e) => [N(e), Q(e)].flat(), ve = (e) => [{ property: "width", value: g[e] }], ce = (e) => [{ property: "height", value: k[e] }], de = (e) => [
-  {
-    property: "opacity",
-    value: x[e]
-  }
-], be = (e) => [
-  {
-    property: "cursor",
-    value: S[e]
-  }
-], fe = (e) => [{ property: "maxWidth", value: W[e] }], o = (e, t) => ({ property: e, value: F[t] }), we = (e) => [o("top", e)], he = (e) => [o("right", e)], me = (e) => [o("left", e)], ge = (e) => [
-  o("left", e),
-  o("right", e),
-  o("top", e),
-  o("bottom", e)
-], ke = (e) => {
-  let t = e;
-  return t = "1 / 1", [
-    {
-      property: "aspectRatio",
-      value: { type: "unparsed", value: t }
-    }
-  ];
-}, xe = (e) => [{ property: "backdropFilter", value: B[e] }], Se = (e) => [{ property: "listStyleType", value: C[e] }], We = (e) => [
-  {
-    property: "userSelect",
-    value: {
-      type: "keyword",
-      value: "none"
-    }
-  }
-], Be = (e, t) => {
-  const r = n[e];
-  return t !== void 0 && r.type === "rgb" && (r.alpha = t / 100), [
-    {
-      property: "backgroundColor",
-      value: r
-    }
-  ];
-}, Ce = () => [{ property: "position", value: { type: "keyword", value: "fixed" } }], Te = () => [
-  { property: "position", value: { type: "keyword", value: "relative" } }
-], Le = () => [
-  { property: "position", value: { type: "keyword", value: "absolute" } }
-], Z = {
-  start: "flex-start",
-  end: "flex-end",
-  center: "center",
-  baseline: "baseline",
-  stretch: "stretch"
-}, Re = (e) => [
-  {
-    property: "alignItems",
-    value: {
-      type: "keyword",
-      value: Z[e]
-    }
-  }
-], P = {
-  start: "flex-start",
-  end: "flex-end",
-  center: "center",
-  between: "space-between",
-  around: "space-around",
-  evenly: "space-evenly",
-  stretch: "stretch"
-}, Ve = (e) => [
-  {
-    property: "justifyContent",
-    value: {
-      type: "keyword",
-      value: P[e]
-    }
-  }
-], De = () => [
-  { property: "display", value: { type: "keyword", value: "inline-flex" } }
-], Ge = () => [{ property: "display", value: { type: "keyword", value: "block" } }], ee = { row: "row", col: "column" }, ze = (e) => e === void 0 ? [{ property: "display", value: { type: "keyword", value: "flex" } }] : e === 1 ? [
-  {
-    property: "flexGrow",
-    value: { type: "unit", value: 1, unit: "number" }
-  },
-  {
-    property: "flexShrink",
-    value: { type: "unit", value: 1, unit: "number" }
-  },
-  {
-    property: "flexBasis",
-    value: { type: "unit", value: 0, unit: "%" }
-  }
-] : e === "auto" ? [
-  {
-    property: "flexGrow",
-    value: { type: "unit", value: 1, unit: "number" }
-  },
-  {
-    property: "flexShrink",
-    value: { type: "unit", value: 1, unit: "number" }
-  },
-  {
-    property: "flexBasis",
-    value: { type: "keyword", value: "auto" }
-  }
-] : e === "initial" ? [
-  {
-    property: "flexGrow",
-    value: { type: "unit", value: 0, unit: "number" }
-  },
-  {
-    property: "flexShrink",
-    value: { type: "unit", value: 1, unit: "number" }
-  },
-  {
-    property: "flexBasis",
-    value: { type: "keyword", value: "auto" }
-  }
-] : e === "none" ? [
-  {
-    property: "flexGrow",
-    value: { type: "unit", value: 0, unit: "number" }
-  },
-  {
-    property: "flexShrink",
-    value: { type: "unit", value: 0, unit: "number" }
-  },
-  {
-    property: "flexBasis",
-    value: { type: "keyword", value: "auto" }
-  }
-] : [
-  {
-    property: "flexDirection",
-    value: {
-      type: "keyword",
-      value: ee[e]
-    }
-  }
-], Fe = () => [
-  {
-    property: "flexGrow",
-    value: { type: "unit", value: 1, unit: "number" }
-  }
-], Ee = (e) => [
-  {
-    property: "flexGrow",
-    value: { type: "unit", value: e, unit: "number" }
-  }
-], je = (e) => {
-  const t = T[e];
-  return [
-    { property: "rowGap", value: t },
-    { property: "columnGap", value: t }
-  ];
-}, He = (e) => [
-  ...U("hidden"),
-  {
-    property: "display",
-    value: {
-      type: "keyword",
-      value: "-webkit-box"
-    }
-  },
-  {
-    property: "-webkit-box-orient",
-    value: {
-      type: "keyword",
-      value: "vertical"
-    }
-  },
-  {
-    property: "-webkit-line-clamp",
-    value: j[e]
-  }
-], Ie = (e) => [{ property: "lineHeight", value: L[e] }], Ue = (e) => [
-  { property: "letterSpacing", value: R[e] }
-], $e = (e) => [
-  {
-    property: "outlineWidth",
-    value: { type: "unit", value: 2, unit: "px" }
-  },
-  {
-    property: "outlineStyle",
-    value: { type: "keyword", value: "solid" }
-  },
-  {
-    property: "outlineColor",
-    value: { type: "keyword", value: "transparent" }
-  },
-  {
-    property: "outlineOffset",
-    value: { type: "unit", value: 2, unit: "px" }
-  }
-], te = Object.keys(i), re = (e) => te.includes(e), Ae = (e) => re(e) ? [
-  { property: "fontSize", value: i[e] },
-  { property: "lineHeight", value: V[e] }
-] : [
-  {
-    property: "color",
-    value: n[e]
-  }
-], Me = () => [
-  {
-    property: "textDecorationLine",
-    value: { type: "keyword", value: "none" }
-  }
-], Oe = () => [
-  {
-    property: "textDecorationLine",
-    value: { type: "keyword", value: "underline" }
-  }
-], oe = {
-  thin: "100",
-  extralight: "200",
-  light: "300",
-  normal: "400",
-  medium: "500",
-  semibold: "600",
-  bold: "700",
-  extrabold: "800",
-  black: "900"
-}, _e = (e) => [
-  {
-    property: "fontWeight",
-    value: { type: "keyword", value: oe[e] }
-  }
-], Xe = (e) => [
-  {
-    property: "whiteSpaceCollapse",
-    value: { type: "keyword", value: "collapse" }
-  },
-  {
-    property: "textWrapMode",
-    value: { type: "keyword", value: "wrap" }
-  }
-], Ye = (e) => [
-  {
-    property: "boxShadow",
-    value: D[e]
-  }
-], qe = (e, t, r = "background", s = 0) => {
-  const a = H[t], l = E[s], v = n[e], c = n[r], d = {
-    type: "tuple",
-    value: [
-      { type: "unit", value: 0, unit: "number" },
-      { type: "unit", value: 0, unit: "number" },
-      { type: "unit", value: 0, unit: "number" },
-      l,
-      c
-    ]
-  }, b = a.value, f = l.type === "unit" ? l.value : 0, w = {
-    type: "tuple",
-    value: [
-      { type: "unit", value: 0, unit: "number" },
-      { type: "unit", value: 0, unit: "number" },
-      { type: "unit", value: 0, unit: "number" },
-      {
-        type: "unit",
-        value: b + f,
-        unit: a.unit
-      },
-      v
-    ]
-  };
-  return [
-    {
-      property: "boxShadow",
-      value: {
-        type: "layers",
-        value: [d, w]
-      }
-    }
-  ];
-}, Je = (e) => [{ property: "pointerEvents", value: { type: "keyword", value: e } }], Ke = (e) => e === "none" ? [
-  {
-    property: "transitionProperty",
-    value: { type: "keyword", value: "all" }
-  }
-] : [
-  {
-    property: "transitionProperty",
-    value: { type: "keyword", value: e }
-  },
-  {
-    property: "transitionTimingFunction",
-    value: { type: "unparsed", value: "cubic-bezier(0.4, 0, 0.2, 1)" }
-  },
-  {
-    property: "transitionDuration",
-    value: { type: "unparsed", value: "150ms" }
-  }
-], Ne = (e) => [
-  {
-    property: "transitionDuration",
-    value: { type: "unit", value: e, unit: "ms" }
-  }
-], Qe = (e) => e.map((t) => ({
-  ...t,
-  state: ":hover"
-})), Ze = (e) => e.map((t) => ({
-  ...t,
-  state: ":focus"
-})), Pe = (e) => e.map((t) => ({
-  ...t,
-  state: ":focus-visible"
-})), et = (e) => e.map((t) => ({
-  ...t,
-  state: ":disabled"
-})), tt = (e, t) => e.map((r) => ({
-  ...r,
-  state: t
-}));
-export {
-  Le as absolute,
-  ke as aspect,
-  xe as backdropBlur,
-  Be as bg,
-  Ge as block,
-  ae as border,
-  ie as borderB,
-  be as cursor,
-  et as disabled,
-  Ne as duration,
-  Ce as fixed,
-  ze as flex,
-  Ze as focus,
-  Pe as focusVisible,
-  _e as font,
-  je as gap,
-  Fe as grow,
-  ce as h,
-  Qe as hover,
-  De as inlineFlex,
-  ge as inset,
-  Re as items,
-  Ve as justify,
-  Ie as leading,
-  me as left,
-  He as lineClamp,
-  Se as list,
-  se as m,
-  fe as maxW,
-  K as mb,
-  Y as ml,
-  q as mr,
-  J as mt,
-  N as mx,
-  Q as my,
-  Me as noUnderline,
-  de as opacity,
-  $e as outline,
-  U as overflow,
-  ye as p,
-  A as pb,
-  M as pl,
-  Je as pointerEvents,
-  O as pr,
-  ue as property,
-  $ as pt,
-  _ as px,
-  X as py,
-  Te as relative,
-  he as right,
-  qe as ring,
-  le as rounded,
-  We as select,
-  Ye as shadow,
-  Ee as shrink,
-  tt as state,
-  Ae as text,
-  we as top,
-  Ue as tracking,
-  Ke as transition,
-  Oe as underline,
-  ve as w,
-  Xe as whitespace,
-  pe as z
-};

package/lib/types/__generated__/sheet.props.d.ts

@@ -1,8 +0,0 @@
-import type { PropMeta } from "@webstudio-is/react-sdk";
-export declare const propsSheet: Record<string, PropMeta>;
-export declare const propsSheetTrigger: Record<string, PropMeta>;
-export declare const propsSheetOverlay: Record<string, PropMeta>;
-export declare const propsSheetClose: Record<string, PropMeta>;
-export declare const propsSheetTitle: Record<string, PropMeta>;
-export declare const propsSheetDescription: Record<string, PropMeta>;
-export declare const propsSheetContent: Record<string, PropMeta>;

package/lib/types/theme/__generated__/tailwind-theme.d.ts

@@ -1,26 +0,0 @@
-import type { StyleValue } from "@webstudio-is/css-engine";
-export declare const spacing: Record<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "0.5" | "1.5" | "2.5" | "3.5", StyleValue>;
-export declare const padding: Record<keyof typeof spacing, StyleValue>;
-export declare const margin: Record<keyof typeof spacing | "auto", StyleValue>;
-export declare const width: Record<keyof typeof spacing | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "full" | "screen" | "min" | "max" | "fit", StyleValue>;
-export declare const maxWidth: Record<"0" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose", StyleValue>;
-export declare const height: Record<keyof typeof spacing | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "full" | "screen" | "min" | "max" | "fit", StyleValue>;
-export declare const minHeight: Record<"0" | "full" | "screen" | "min" | "max" | "fit", StyleValue>;
-export declare const inset: Record<keyof typeof spacing | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full", StyleValue>;
-export declare const borderWidth: Record<"0" | "2" | "4" | "8" | "DEFAULT", StyleValue>;
-export declare const borderRadius: Record<"none" | "sm" | "DEFAULT" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
-export declare const colors: Record<"transparent" | "current" | "inherit" | "popover" | "popoverForeground" | "border" | "background" | "foreground" | "ring" | "mutedForeground" | "muted" | "primary" | "primaryForeground" | "destructive" | "destructiveForeground" | "accent" | "accentForeground" | "input" | "secondary" | "secondaryForeground", StyleValue>;
-export declare const zIndex: Record<"0" | "10" | "20" | "30" | "40" | "50" | "auto", StyleValue>;
-export declare const opacity: Record<"0" | "5" | "10" | "20" | "25" | "30" | "40" | "50" | "60" | "70" | "75" | "80" | "90" | "95" | "100", StyleValue>;
-export declare const cursor: Record<"auto" | "default" | "pointer" | "wait" | "text" | "move" | "help" | "not-allowed" | "none" | "context-menu" | "progress" | "cell" | "crosshair" | "vertical-text" | "alias" | "copy" | "no-drop" | "grab" | "grabbing" | "all-scroll" | "col-resize" | "row-resize" | "n-resize" | "e-resize" | "s-resize" | "w-resize" | "ne-resize" | "nw-resize" | "se-resize" | "sw-resize" | "ew-resize" | "ns-resize" | "nesw-resize" | "nwse-resize" | "zoom-in" | "zoom-out", StyleValue>;
-export declare const lineHeight: Record<"3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "none" | "tight" | "snug" | "normal" | "relaxed" | "loose", StyleValue>;
-export declare const letterSpacing: Record<"tighter" | "tight" | "normal" | "wide" | "wider" | "widest", StyleValue>;
-export declare const listStyleType: Record<"none" | "disc" | "decimal", StyleValue>;
-export declare const lineClamp: Record<"1" | "2" | "3" | "4" | "5" | "6", StyleValue>;
-export declare const textUnderlineOffset: Record<"0" | "1" | "2" | "4" | "8" | "auto", StyleValue>;
-export declare const ringWidth: Record<"0" | "1" | "2" | "4" | "8" | "DEFAULT", StyleValue>;
-export declare const ringOffsetWidth: Record<"0" | "1" | "2" | "4" | "8", StyleValue>;
-export declare const boxShadow: Record<"sm" | "DEFAULT" | "md" | "lg" | "xl" | "2xl" | "inner" | "none", StyleValue>;
-export declare const blur: Record<"sm" | "DEFAULT" | "md" | "lg" | "xl" | "2xl" | "inner" | "none", StyleValue>;
-export declare const fontSize: Record<"xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl", StyleValue>;
-export declare const fontSizeLineHeight: Record<"xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl", StyleValue>;