@tea-ui/core 0.1.0

package/dist/typography/index.js

@@ -0,0 +1,280 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "radix-ui";
+import { ArrowRight, Copy, Check } from "@tea-ui/icons";
+import { cn, cva } from "@tea-ui/utils";
+import { COPY } from "@tea-ui/ux-standards";
+import { dataSlot } from "../internal/index.js";
+const textVariants = cva("", {
+  variants: {
+    size: {
+      label: "text-label",
+      micro: "text-micro",
+      ui: "text-ui",
+      body: "text-body",
+      lead: "text-lead",
+      title: "text-title",
+      section: "text-section",
+      display: "text-display",
+      hero: "text-hero"
+    },
+    tone: {
+      default: "text-fg",
+      muted: "text-fg-muted",
+      subtle: "text-fg-subtle",
+      inverse: "text-fg-inverse",
+      accent: "text-primary"
+    },
+    weight: {
+      normal: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold",
+      bold: "font-bold"
+    }
+  },
+  defaultVariants: { size: "ui", tone: "default" }
+});
+const Text = React.forwardRef(function Text2({
+  asChild = false,
+  as,
+  size,
+  tone,
+  weight,
+  align,
+  truncate = false,
+  balance = false,
+  className,
+  ...props
+}, ref) {
+  const Component = asChild ? Slot.Root : as ?? "p";
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref,
+      className: cn(
+        textVariants({ size, tone, weight }),
+        align === "center" && "text-center",
+        align === "end" && "text-end",
+        align === "justify" && "text-justify",
+        truncate && "truncate",
+        balance && "text-balance",
+        className
+      ),
+      ...dataSlot("text"),
+      ...props
+    }
+  );
+});
+const HEADING_SIZE = {
+  1: "text-display",
+  2: "text-section",
+  3: "text-title",
+  4: "text-lead",
+  5: "text-ui",
+  6: "text-label"
+};
+const Heading = React.forwardRef(function Heading2({ level, tone = "default", weight = "semibold", balance = true, className, ...props }, ref) {
+  const Tag = `h${level}`;
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      className: cn(
+        HEADING_SIZE[level],
+        level >= 4 && "font-medium",
+        level <= 2 && (weight === "bold" ? "font-bold" : "font-semibold"),
+        tone === "muted" && "text-fg-muted",
+        tone === "accent" && "text-primary",
+        balance && "text-balance",
+        className
+      ),
+      ...dataSlot("heading", `h${level}`),
+      ...props
+    }
+  );
+});
+const Eyebrow = React.forwardRef(function Eyebrow2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      className: cn("text-label font-semibold uppercase tracking-widest text-fg-muted", className),
+      ...dataSlot("eyebrow"),
+      ...props
+    }
+  );
+});
+const Caption = React.forwardRef(
+  function Caption2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        className: cn("text-micro text-fg-subtle", className),
+        ...dataSlot("caption"),
+        ...props
+      }
+    );
+  }
+);
+const InlineCode = React.forwardRef(
+  function InlineCode2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "code",
+      {
+        ref,
+        className: cn(
+          "border border-line bg-surface-2 px-1 py-0.5 font-mono text-micro text-primary",
+          className
+        ),
+        ...dataSlot("code", "inline"),
+        ...props
+      }
+    );
+  }
+);
+const Preformatted = React.forwardRef(function Preformatted2({ maxHeight, copyable = false, className, children, ...props }, ref) {
+  const [copied, setCopied] = React.useState(false);
+  const copy = React.useCallback(() => {
+    const text = typeof children === "string" ? children : event_text(children);
+    void navigator.clipboard?.writeText(text).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    });
+  }, [children]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), ...dataSlot("code", "block-wrapper"), children: [
+    /* @__PURE__ */ jsx(
+      "pre",
+      {
+        ref,
+        style: { maxHeight },
+        className: cn(
+          "overflow-auto border border-line bg-surface-2 p-3 font-mono text-mono text-fg",
+          maxHeight && "overflow-y-auto"
+        ),
+        tabIndex: 0,
+        ...dataSlot("code", "block"),
+        ...props,
+        children
+      }
+    ),
+    copyable ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: copy,
+        "aria-label": copied ? COPY.actions.copied : COPY.actions.copy,
+        className: "absolute end-2 top-2 border border-line bg-surface p-1 text-fg-muted transition-colors hover:text-fg",
+        ...dataSlot("code", "copy"),
+        children: copied ? /* @__PURE__ */ jsx(Check, { size: 14, "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Copy, { size: 14, "aria-hidden": "true" })
+      }
+    ) : null
+  ] });
+});
+function event_text(node) {
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(event_text).join("");
+  return "";
+}
+const Kbd = React.forwardRef(function Kbd2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      ref,
+      className: cn(
+        "inline-flex h-5 min-w-5 items-center justify-center border border-line-strong bg-surface-3 px-1",
+        "font-mono text-label text-fg-muted",
+        className
+      ),
+      ...dataSlot("kbd"),
+      ...props
+    }
+  );
+});
+const Link = React.forwardRef(function Link2({ asChild = false, external = false, subtle = false, className, children, ...props }, ref) {
+  const Component = asChild ? Slot.Root : "a";
+  return /* @__PURE__ */ jsxs(
+    Component,
+    {
+      ref,
+      className: cn(
+        "text-primary underline-offset-4 transition-colors hover:underline",
+        subtle && "no-underline hover:underline",
+        className
+      ),
+      ...external ? { target: "_blank", rel: "noopener noreferrer" } : {},
+      ...dataSlot("link"),
+      ...props,
+      children: [
+        children,
+        external ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(ArrowRight, { size: 14, "aria-hidden": "true", className: "ms-1 inline-block align-[-2px]" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: " (externer Link, \xF6ffnet in neuem Tab)" })
+        ] }) : null
+      ]
+    }
+  );
+});
+const Blockquote = React.forwardRef(
+  function Blockquote2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "blockquote",
+      {
+        ref,
+        className: cn("border-s-2 border-primary ps-4 text-lead text-fg-muted italic", className),
+        ...dataSlot("blockquote"),
+        ...props
+      }
+    );
+  }
+);
+const List = React.forwardRef(function List2({ ordered = false, className, children, ...props }, ref) {
+  const Tag = ordered ? "ol" : "ul";
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      className: cn(
+        "ms-5 flex flex-col gap-1.5 text-ui text-fg-muted",
+        ordered ? "list-decimal" : "list-disc",
+        "marker:text-fg-subtle",
+        className
+      ),
+      ...dataSlot("list"),
+      ...props,
+      children
+    }
+  );
+});
+const DefinitionList = React.forwardRef(
+  function DefinitionList2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("dl", { ref, className: cn("grid gap-1", className), ...dataSlot("definition-list"), ...props });
+  }
+);
+const DefinitionTerm = React.forwardRef(
+  function DefinitionTerm2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("dt", { ref, className: cn("text-ui font-medium text-fg", className), ...dataSlot("definition-term"), ...props });
+  }
+);
+const DefinitionDetail = React.forwardRef(
+  function DefinitionDetail2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("dd", { ref, className: cn("ms-0 text-ui text-fg-muted", className), ...dataSlot("definition-detail"), ...props });
+  }
+);
+export {
+  Blockquote,
+  Caption,
+  DefinitionDetail,
+  DefinitionList,
+  DefinitionTerm,
+  Eyebrow,
+  Heading,
+  InlineCode,
+  Kbd,
+  Link,
+  List,
+  Preformatted,
+  Text,
+  textVariants
+};
+//# sourceMappingURL=index.js.map

package/dist/typography/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/typography/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"radix-ui\";\nimport { ArrowRight, Copy, Check } from \"@tea-ui/icons\";\nimport { cn, cva, type VariantProps } from \"@tea-ui/utils\";\nimport { COPY } from \"@tea-ui/ux-standards\";\n\nimport { dataSlot } from \"../internal\";\n\n/**\n * TEA UI — typography.\n *\n * One type scale, used everywhere. The audit found the two source projects\n * between them rendering real UI text at **9px and 10px** — sizes that fail\n * legibility for anyone with reduced acuity and fail outright for anyone with a\n * low-vision condition. This scale has no step below 11px, and the 11px step is\n * reserved for uppercase micro-labels, where the letterforms are short and the\n * extra weight compensates.\n *\n * `Heading` renders a **real heading element** at the level it is given. The\n * audit found a `CardTitle` rendering a `<div>`, which silently flattened the\n * heading structure of every page that used it — a screen-reader user navigating\n * by heading had nothing to navigate by. `level` is therefore required and has\n * no default guess.\n */\n\nexport const textVariants = cva(\"\", {\n  variants: {\n    size: {\n      label: \"text-label\",\n      micro: \"text-micro\",\n      ui: \"text-ui\",\n      body: \"text-body\",\n      lead: \"text-lead\",\n      title: \"text-title\",\n      section: \"text-section\",\n      display: \"text-display\",\n      hero: \"text-hero\",\n    },\n    tone: {\n      default: \"text-fg\",\n      muted: \"text-fg-muted\",\n      subtle: \"text-fg-subtle\",\n      inverse: \"text-fg-inverse\",\n      accent: \"text-primary\",\n    },\n    weight: {\n      normal: \"font-normal\",\n      medium: \"font-medium\",\n      semibold: \"font-semibold\",\n      bold: \"font-bold\",\n    },\n  },\n  defaultVariants: { size: \"ui\", tone: \"default\" },\n});\n\nexport interface TextProps\n  extends Omit<React.ComponentProps<\"p\">, \"color\">,\n    VariantProps<typeof textVariants> {\n  asChild?: boolean | undefined;\n  /** The element to render. Ignored when `asChild` is set. */\n  as?: React.ElementType | undefined;\n  align?: \"start\" | \"center\" | \"end\" | \"justify\" | undefined;\n  truncate?: boolean | undefined;\n  /** Opt into `text-wrap: balance` for headlines only. */\n  balance?: boolean | undefined;\n}\n\nexport const Text = React.forwardRef<HTMLParagraphElement, TextProps>(function Text(\n  {\n    asChild = false,\n    as,\n    size,\n    tone,\n    weight,\n    align,\n    truncate = false,\n    balance = false,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const Component = (asChild ? Slot.Root : (as ?? \"p\")) as React.ElementType;\n  return (\n    <Component\n      ref={ref}\n      className={cn(\n        textVariants({ size, tone, weight }),\n        align === \"center\" && \"text-center\",\n        align === \"end\" && \"text-end\",\n        align === \"justify\" && \"text-justify\",\n        truncate && \"truncate\",\n        balance && \"text-balance\",\n        className,\n      )}\n      {...dataSlot(\"text\")}\n      {...props}\n    />\n  );\n});\n\nexport interface HeadingProps extends Omit<React.ComponentProps<\"h1\">, \"color\"> {\n  /** The heading level. Required — there is no safe default for a document. */\n  level: 1 | 2 | 3 | 4 | 5 | 6;\n  tone?: \"default\" | \"muted\" | \"accent\" | undefined;\n  weight?: \"semibold\" | \"bold\" | undefined;\n  balance?: boolean | undefined;\n  className?: string | undefined;\n}\n\nconst HEADING_SIZE: Record<HeadingProps[\"level\"], string> = {\n  1: \"text-display\",\n  2: \"text-section\",\n  3: \"text-title\",\n  4: \"text-lead\",\n  5: \"text-ui\",\n  6: \"text-label\",\n};\n\nexport const Heading = React.forwardRef<HTMLHeadingElement, HeadingProps>(function Heading(\n  { level, tone = \"default\", weight = \"semibold\", balance = true, className, ...props },\n  ref,\n) {\n  const Tag = `h${level}` as \"h1\";\n  return (\n    <Tag\n      ref={ref}\n      className={cn(\n        HEADING_SIZE[level],\n        level >= 4 && \"font-medium\",\n        level <= 2 && (weight === \"bold\" ? \"font-bold\" : \"font-semibold\"),\n        tone === \"muted\" && \"text-fg-muted\",\n        tone === \"accent\" && \"text-primary\",\n        balance && \"text-balance\",\n        className,\n      )}\n      {...dataSlot(\"heading\", `h${level}`)}\n      {...props}\n    />\n  );\n});\n\n/**\n * The TEA micro-label. This exact class string appeared verbatim twenty times\n * across one source project. It is a token, not a class.\n */\nexport const Eyebrow = React.forwardRef<HTMLSpanElement, React.ComponentProps<\"span\">>(function Eyebrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <span\n      ref={ref}\n      className={cn(\"text-label font-semibold uppercase tracking-widest text-fg-muted\", className)}\n      {...dataSlot(\"eyebrow\")}\n      {...props}\n    />\n  );\n});\n\nexport const Caption = React.forwardRef<HTMLSpanElement, React.ComponentProps<\"span\">>(\n  function Caption({ className, ...props }, ref) {\n    return (\n      <span\n        ref={ref}\n        className={cn(\"text-micro text-fg-subtle\", className)}\n        {...dataSlot(\"caption\")}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const InlineCode = React.forwardRef<HTMLElement, React.ComponentProps<\"code\">>(\n  function InlineCode({ className, ...props }, ref) {\n    return (\n      <code\n        ref={ref as React.Ref<HTMLElement>}\n        className={cn(\n          \"border border-line bg-surface-2 px-1 py-0.5 font-mono text-micro text-primary\",\n          className,\n        )}\n        {...dataSlot(\"code\", \"inline\")}\n        {...props}\n      />\n    );\n  },\n);\n\nexport interface PreformattedProps extends React.ComponentProps<\"pre\"> {\n  /** Clip instead of growing, with a scrollbar. */\n  maxHeight?: number | string | undefined;\n  /** A copy button, labelled in German from the shared copy deck. */\n  copyable?: boolean | undefined;\n  className?: string | undefined;\n}\n\nexport const Preformatted = React.forwardRef<HTMLPreElement, PreformattedProps>(function Preformatted(\n  { maxHeight, copyable = false, className, children, ...props },\n  ref,\n) {\n  const [copied, setCopied] = React.useState(false);\n\n  const copy = React.useCallback(() => {\n    const text = typeof children === \"string\" ? children : (event_text(children));\n    void navigator.clipboard?.writeText(text).then(() => {\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    });\n  }, [children]);\n\n  return (\n    <div className={cn(\"relative\", className)} {...dataSlot(\"code\", \"block-wrapper\")}>\n      <pre\n        ref={ref}\n        style={{ maxHeight }}\n        className={cn(\n          \"overflow-auto border border-line bg-surface-2 p-3 font-mono text-mono text-fg\",\n          maxHeight && \"overflow-y-auto\",\n        )}\n        tabIndex={0}\n        {...dataSlot(\"code\", \"block\")}\n        {...props}\n      >\n        {children}\n      </pre>\n      {copyable ? (\n        <button\n          type=\"button\"\n          onClick={copy}\n          aria-label={copied ? COPY.actions.copied : COPY.actions.copy}\n          className=\"absolute end-2 top-2 border border-line bg-surface p-1 text-fg-muted transition-colors hover:text-fg\"\n          {...dataSlot(\"code\", \"copy\")}\n        >\n          {copied ? <Check size={14} aria-hidden=\"true\" /> : <Copy size={14} aria-hidden=\"true\" />}\n        </button>\n      ) : null}\n    </div>\n  );\n});\n\nfunction event_text(node: React.ReactNode): string {\n  if (typeof node === \"string\" || typeof node === \"number\") return String(node);\n  if (Array.isArray(node)) return node.map(event_text).join(\"\");\n  return \"\";\n}\n\nexport const Kbd = React.forwardRef<HTMLElement, React.ComponentProps<\"kbd\">>(function Kbd(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <kbd\n      ref={ref as React.Ref<HTMLElement>}\n      className={cn(\n        \"inline-flex h-5 min-w-5 items-center justify-center border border-line-strong bg-surface-3 px-1\",\n        \"font-mono text-label text-fg-muted\",\n        className,\n      )}\n      {...dataSlot(\"kbd\")}\n      {...props}\n    />\n  );\n});\n\nexport interface LinkProps extends Omit<React.ComponentProps<\"a\">, \"color\"> {\n  asChild?: boolean | undefined;\n  /** Opens in a new tab. Adds `rel` and an accessible hint. */\n  external?: boolean | undefined;\n  /** Suppress the underline until hover. */\n  subtle?: boolean | undefined;\n  className?: string | undefined;\n}\n\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n  { asChild = false, external = false, subtle = false, className, children, ...props },\n  ref,\n) {\n  const Component = (asChild ? Slot.Root : \"a\") as React.ElementType;\n  return (\n    <Component\n      ref={ref}\n      className={cn(\n        \"text-primary underline-offset-4 transition-colors hover:underline\",\n        subtle && \"no-underline hover:underline\",\n        className,\n      )}\n      {...(external ? { target: \"_blank\", rel: \"noopener noreferrer\" } : {})}\n      {...dataSlot(\"link\")}\n      {...props}\n    >\n      {children}\n      {external ? (\n        <>\n          <ArrowRight size={14} aria-hidden=\"true\" className=\"ms-1 inline-block align-[-2px]\" />\n          <span className=\"sr-only\"> (externer Link, öffnet in neuem Tab)</span>\n        </>\n      ) : null}\n    </Component>\n  );\n});\n\nexport const Blockquote = React.forwardRef<HTMLQuoteElement, React.ComponentProps<\"blockquote\">>(\n  function Blockquote({ className, ...props }, ref) {\n    return (\n      <blockquote\n        ref={ref}\n        className={cn(\"border-s-2 border-primary ps-4 text-lead text-fg-muted italic\", className)}\n        {...dataSlot(\"blockquote\")}\n        {...props}\n      />\n    );\n  },\n);\n\nexport interface ListProps extends React.ComponentProps<\"ul\"> {\n  ordered?: boolean | undefined;\n}\n\nexport const List = React.forwardRef<HTMLUListElement, ListProps>(function List(\n  { ordered = false, className, children, ...props },\n  ref,\n) {\n  const Tag = (ordered ? \"ol\" : \"ul\") as \"ul\";\n  return (\n    <Tag\n      ref={ref}\n      className={cn(\n        \"ms-5 flex flex-col gap-1.5 text-ui text-fg-muted\",\n        ordered ? \"list-decimal\" : \"list-disc\",\n        \"marker:text-fg-subtle\",\n        className,\n      )}\n      {...dataSlot(\"list\")}\n      {...props}\n    >\n      {children}\n    </Tag>\n  );\n});\n\nexport const DefinitionList = React.forwardRef<HTMLDListElement, React.ComponentProps<\"dl\">>(\n  function DefinitionList({ className, ...props }, ref) {\n    return <dl ref={ref} className={cn(\"grid gap-1\", className)} {...dataSlot(\"definition-list\")} {...props} />;\n  },\n);\n\nexport const DefinitionTerm = React.forwardRef<HTMLElement, React.ComponentProps<\"dt\">>(\n  function DefinitionTerm({ className, ...props }, ref) {\n    return <dt ref={ref} className={cn(\"text-ui font-medium text-fg\", className)} {...dataSlot(\"definition-term\")} {...props} />;\n  },\n);\n\nexport const DefinitionDetail = React.forwardRef<HTMLElement, React.ComponentProps<\"dd\">>(\n  function DefinitionDetail({ className, ...props }, ref) {\n    return <dd ref={ref} className={cn(\"ms-0 text-ui text-fg-muted\", className)} {...dataSlot(\"definition-detail\")} {...props} />;\n  },\n);\n"],"mappings":"AAoFI,SAiNI,UAjNJ,KAgIA,YAhIA;AApFH,YAAY,WAAW;AACxB,SAAS,YAAY;AACrB,SAAS,YAAY,MAAM,aAAa;AACxC,SAAS,IAAI,WAA8B;AAC3C,SAAS,YAAY;AAErB,SAAS,gBAAgB;AAmBlB,MAAM,eAAe,IAAI,IAAI;AAAA,EAClC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,MAAM,MAAM,MAAM,UAAU;AACjD,CAAC;AAcM,MAAM,OAAO,MAAM,WAA4C,SAASA,MAC7E;AAAA,EACE,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,YAAa,UAAU,KAAK,OAAQ,MAAM;AAChD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,aAAa,EAAE,MAAM,MAAM,OAAO,CAAC;AAAA,QACnC,UAAU,YAAY;AAAA,QACtB,UAAU,SAAS;AAAA,QACnB,UAAU,aAAa;AAAA,QACvB,YAAY;AAAA,QACZ,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACC,GAAG,SAAS,MAAM;AAAA,MAClB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAWD,MAAM,eAAsD;AAAA,EAC1D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,UAAU,MAAM,WAA6C,SAASC,SACjF,EAAE,OAAO,OAAO,WAAW,SAAS,YAAY,UAAU,MAAM,WAAW,GAAG,MAAM,GACpF,KACA;AACA,QAAM,MAAM,IAAI,KAAK;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,aAAa,KAAK;AAAA,QAClB,SAAS,KAAK;AAAA,QACd,SAAS,MAAM,WAAW,SAAS,cAAc;AAAA,QACjD,SAAS,WAAW;AAAA,QACpB,SAAS,YAAY;AAAA,QACrB,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACC,GAAG,SAAS,WAAW,IAAI,KAAK,EAAE;AAAA,MAClC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAMM,MAAM,UAAU,MAAM,WAA0D,SAASC,SAC9F,EAAE,WAAW,GAAG,MAAM,GACtB,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,oEAAoE,SAAS;AAAA,MAC1F,GAAG,SAAS,SAAS;AAAA,MACrB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,MAAM,UAAU,MAAM;AAAA,EAC3B,SAASC,SAAQ,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC7C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,6BAA6B,SAAS;AAAA,QACnD,GAAG,SAAS,SAAS;AAAA,QACrB,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASC,YAAW,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAChD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG,SAAS,QAAQ,QAAQ;AAAA,QAC5B,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAUO,MAAM,eAAe,MAAM,WAA8C,SAASC,cACvF,EAAE,WAAW,WAAW,OAAO,WAAW,UAAU,GAAG,MAAM,GAC7D,KACA;AACA,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,QAAM,OAAO,MAAM,YAAY,MAAM;AACnC,UAAM,OAAO,OAAO,aAAa,WAAW,WAAY,WAAW,QAAQ;AAC3E,SAAK,UAAU,WAAW,UAAU,IAAI,EAAE,KAAK,MAAM;AACnD,gBAAU,IAAI;AACd,iBAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AAAA,IACzC,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE,qBAAC,SAAI,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,SAAS,QAAQ,eAAe,GAC7E;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,EAAE,UAAU;AAAA,QACnB,WAAW;AAAA,UACT;AAAA,UACA,aAAa;AAAA,QACf;AAAA,QACA,UAAU;AAAA,QACT,GAAG,SAAS,QAAQ,OAAO;AAAA,QAC3B,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,IACC,WACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,cAAY,SAAS,KAAK,QAAQ,SAAS,KAAK,QAAQ;AAAA,QACxD,WAAU;AAAA,QACT,GAAG,SAAS,QAAQ,MAAM;AAAA,QAE1B,mBAAS,oBAAC,SAAM,MAAM,IAAI,eAAY,QAAO,IAAK,oBAAC,QAAK,MAAM,IAAI,eAAY,QAAO;AAAA;AAAA,IACxF,IACE;AAAA,KACN;AAEJ,CAAC;AAED,SAAS,WAAW,MAA+B;AACjD,MAAI,OAAO,SAAS,YAAY,OAAO,SAAS,SAAU,QAAO,OAAO,IAAI;AAC5E,MAAI,MAAM,QAAQ,IAAI,EAAG,QAAO,KAAK,IAAI,UAAU,EAAE,KAAK,EAAE;AAC5D,SAAO;AACT;AAEO,MAAM,MAAM,MAAM,WAAqD,SAASC,KACrF,EAAE,WAAW,GAAG,MAAM,GACtB,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG,SAAS,KAAK;AAAA,MACjB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAWM,MAAM,OAAO,MAAM,WAAyC,SAASC,MAC1E,EAAE,UAAU,OAAO,WAAW,OAAO,SAAS,OAAO,WAAW,UAAU,GAAG,MAAM,GACnF,KACA;AACA,QAAM,YAAa,UAAU,KAAK,OAAO;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,UAAU;AAAA,QACV;AAAA,MACF;AAAA,MACC,GAAI,WAAW,EAAE,QAAQ,UAAU,KAAK,sBAAsB,IAAI,CAAC;AAAA,MACnE,GAAG,SAAS,MAAM;AAAA,MAClB,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,WACC,iCACE;AAAA,8BAAC,cAAW,MAAM,IAAI,eAAY,QAAO,WAAU,kCAAiC;AAAA,UACpF,oBAAC,UAAK,WAAU,WAAU,sDAAqC;AAAA,WACjE,IACE;AAAA;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASC,YAAW,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAChD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,iEAAiE,SAAS;AAAA,QACvF,GAAG,SAAS,YAAY;AAAA,QACxB,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAMO,MAAM,OAAO,MAAM,WAAwC,SAASC,MACzE,EAAE,UAAU,OAAO,WAAW,UAAU,GAAG,MAAM,GACjD,KACA;AACA,QAAM,MAAO,UAAU,OAAO;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,UAAU,iBAAiB;AAAA,QAC3B;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG,SAAS,MAAM;AAAA,MAClB,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AAEM,MAAM,iBAAiB,MAAM;AAAA,EAClC,SAASC,gBAAe,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACpD,WAAO,oBAAC,QAAG,KAAU,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,SAAS,iBAAiB,GAAI,GAAG,OAAO;AAAA,EAC3G;AACF;AAEO,MAAM,iBAAiB,MAAM;AAAA,EAClC,SAASC,gBAAe,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACpD,WAAO,oBAAC,QAAG,KAAU,WAAW,GAAG,+BAA+B,SAAS,GAAI,GAAG,SAAS,iBAAiB,GAAI,GAAG,OAAO;AAAA,EAC5H;AACF;AAEO,MAAM,mBAAmB,MAAM;AAAA,EACpC,SAASC,kBAAiB,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACtD,WAAO,oBAAC,QAAG,KAAU,WAAW,GAAG,8BAA8B,SAAS,GAAI,GAAG,SAAS,mBAAmB,GAAI,GAAG,OAAO;AAAA,EAC7H;AACF;","names":["Text","Heading","Eyebrow","Caption","InlineCode","Preformatted","Kbd","Link","Blockquote","List","DefinitionList","DefinitionTerm","DefinitionDetail"]}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@tea-ui/core",
+  "version": "0.1.0",
+  "description": "The primitive layer: layout, typography, inputs, feedback, overlays, navigation.",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json",
+    "./styles.css": "./dist/styles.css"
+  },
+  "types": "./dist/index.d.ts",
+  "module": "./dist/index.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup && node ../../scripts/fix-esm-extensions.mjs core && node ../../scripts/sync-styles.mjs",
+    "prepublishOnly": "node ../../scripts/prepublish-guard.mjs"
+  },
+  "dependencies": {
+    "@tea-ui/icons": "^0.1.0",
+    "@tea-ui/tokens": "^0.1.0",
+    "@tea-ui/ux-standards": "^0.1.0",
+    "@tea-ui/utils": "^0.1.0",
+    "radix-ui": "^1.4.3"
+  },
+  "peerDependencies": {
+    "react": ">=18.2.0 <20.0.0",
+    "react-dom": ">=18.2.0 <20.0.0"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "design-system",
+    "wcag",
+    "a11y",
+    "tea-ui"
+  ],
+  "author": "landnevermore",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/landnevermore/TEAui.git",
+    "directory": "packages/core"
+  },
+  "homepage": "https://landnevermore.github.io/TEAui/docs/",
+  "bugs": {
+    "url": "https://github.com/landnevermore/TEAui/issues"
+  }
+}