@evinvest/uikit 0.19.0 → 0.20.0

package/dist/components/field.js

@@ -0,0 +1,216 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn.js";
+import { Label } from "./label.js";
+import { walkElements } from "../primitives/walk-elements.js";
+import { Checkbox } from "./checkbox.js";
+import { FieldControlContext, useFieldClaims } from "./field-context.js";
+import { Input } from "./input.js";
+import { NativeSelect } from "./native-select.js";
+import { SelectTrigger } from "./select.js";
+import { Switch } from "./switch.js";
+import { Textarea } from "./textarea.js";
+import {
+  FIELD_BASE,
+  FIELD_SET,
+  FIELD_LEGEND,
+  FIELD_GROUP,
+  FIELD_CONTENT,
+  FIELD_LABEL,
+  FIELD_TITLE,
+  FIELD_DESCRIPTION,
+  FIELD_SEPARATOR,
+  FIELD_SEPARATOR_LINE,
+  FIELD_SEPARATOR_CONTENT,
+  FIELD_ERROR,
+  fieldOrientation
+} from "../generated/field.js";
+function FieldSet({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "fieldset",
+    {
+      "data-slot": "field-set",
+      className: cn(FIELD_SET, className),
+      ...props
+    }
+  );
+}
+function FieldLegend({
+  className,
+  variant = "legend",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "legend",
+    {
+      "data-slot": "field-legend",
+      "data-variant": variant,
+      className: cn(FIELD_LEGEND, className),
+      ...props
+    }
+  );
+}
+function FieldGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "field-group",
+      className: cn(FIELD_GROUP, className),
+      ...props
+    }
+  );
+}
+function Field({
+  className,
+  orientation = "vertical",
+  controlId,
+  ...props
+}) {
+  const minted = React.useId();
+  const claim = useFieldClaims();
+  const id = controlId ?? minted;
+  const control = React.useMemo(() => ({ id, claim }), [id, claim]);
+  return /* @__PURE__ */ jsx(FieldControlContext.Provider, { value: control, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "field",
+      "data-orientation": orientation,
+      className: cn(FIELD_BASE, fieldOrientation[orientation], className),
+      ...props
+    }
+  ) });
+}
+function FieldContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "field-content",
+      className: cn(FIELD_CONTENT, className),
+      ...props
+    }
+  );
+}
+function FieldLabel({ className, htmlFor, children, ...props }) {
+  const field = React.useContext(FieldControlContext);
+  const target = htmlFor === null ? void 0 : htmlFor ?? (wrapsControl(children) ? void 0 : field?.id);
+  return /* @__PURE__ */ jsx(
+    Label,
+    {
+      "data-slot": "field-label",
+      htmlFor: target,
+      className: cn(FIELD_LABEL, className),
+      ...props,
+      children
+    }
+  );
+}
+const LABELABLE_TAGS = /* @__PURE__ */ new Set(["input", "select", "textarea", "button"]);
+const LABELABLE_KIT = /* @__PURE__ */ new Set([Input, Textarea, NativeSelect, Checkbox, Switch, SelectTrigger, Field]);
+function wrapsControl(children) {
+  let found = false;
+  walkElements(children, (element) => {
+    if (found) return false;
+    const { type } = element;
+    const props = element.props;
+    if (typeof type === "string" ? LABELABLE_TAGS.has(type) && props.type !== "hidden" : LABELABLE_KIT.has(type)) {
+      found = true;
+    }
+    return !found;
+  });
+  return found;
+}
+function FieldTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "field-label",
+      className: cn(FIELD_TITLE, className),
+      ...props
+    }
+  );
+}
+function FieldDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "field-description",
+      className: cn(FIELD_DESCRIPTION, className),
+      ...props
+    }
+  );
+}
+function FieldSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "field-separator",
+      "data-content": !!children,
+      className: cn(FIELD_SEPARATOR, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { role: "separator", className: FIELD_SEPARATOR_LINE }),
+        children && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: FIELD_SEPARATOR_CONTENT,
+            "data-slot": "field-separator-content",
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}) {
+  const content = React.useMemo(() => {
+    if (children) {
+      return children;
+    }
+    if (!errors) {
+      return null;
+    }
+    if (errors?.length === 1 && errors[0]?.message) {
+      return errors[0].message;
+    }
+    return /* @__PURE__ */ jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsx("li", { children: error.message }, index)
+    ) });
+  }, [children, errors]);
+  if (!content) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: cn(FIELD_ERROR, className),
+      ...props,
+      children: content
+    }
+  );
+}
+export {
+  Field,
+  FieldContent,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLabel,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldTitle
+};
+//# sourceMappingURL=field.js.map

package/dist/components/field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/field.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { Label } from \"./label\";\nimport { walkElements } from \"../primitives/walk-elements\";\nimport { Checkbox } from \"./checkbox\";\nimport { FieldControlContext, useFieldClaims } from \"./field-context\";\nimport { Input } from \"./input\";\nimport { NativeSelect } from \"./native-select\";\nimport { SelectTrigger } from \"./select\";\nimport { Switch } from \"./switch\";\nimport { Textarea } from \"./textarea\";\nimport {\n  FIELD_BASE,\n  FIELD_SET,\n  FIELD_LEGEND,\n  FIELD_GROUP,\n  FIELD_CONTENT,\n  FIELD_LABEL,\n  FIELD_TITLE,\n  FIELD_DESCRIPTION,\n  FIELD_SEPARATOR,\n  FIELD_SEPARATOR_LINE,\n  FIELD_SEPARATOR_CONTENT,\n  FIELD_ERROR,\n  fieldOrientation,\n  type FieldOrientation,\n} from \"../generated/field\";\n\nexport type { FieldOrientation };\n\nexport function FieldSet({ className, ...props }: React.ComponentProps<\"fieldset\">) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(FIELD_SET, className)}\n      {...props}\n    />\n  );\n}\n\nexport function FieldLegend({\n  className,\n  variant = \"legend\",\n  ...props\n}: React.ComponentProps<\"legend\"> & { variant?: \"legend\" | \"label\" }) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(FIELD_LEGEND, className)}\n      {...props}\n    />\n  );\n}\n\nexport function FieldGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(FIELD_GROUP, className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * A labelled control. `Field` mints one id and hands it to both ends: its\n * `FieldLabel` takes it as `for`, and the kit's `Input`, `Textarea`,\n * `NativeSelect`, `SelectTrigger`, `Checkbox` and `Switch` take it as `id` —\n * each only when the caller passed none. `controlId` names the id instead of\n * minting one. One control per `Field`: a field that holds two has to name\n * their ids by hand, or both would claim the one id (a development warning\n * says so).\n */\nexport function Field({\n  className,\n  orientation = \"vertical\",\n  controlId,\n  ...props\n}: React.ComponentProps<\"div\"> & { orientation?: FieldOrientation; controlId?: string }) {\n  const minted = React.useId();\n  const claim = useFieldClaims();\n  const id = controlId ?? minted;\n  const control = React.useMemo(() => ({ id, claim }), [id, claim]);\n  return (\n    <FieldControlContext.Provider value={control}>\n      <div\n        role=\"group\"\n        data-slot=\"field\"\n        data-orientation={orientation}\n        className={cn(FIELD_BASE, fieldOrientation[orientation], className)}\n        {...props}\n      />\n    </FieldControlContext.Provider>\n  );\n}\n\nexport function FieldContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn(FIELD_CONTENT, className)}\n      {...props}\n    />\n  );\n}\n\nexport interface FieldLabelProps extends Omit<React.ComponentProps<typeof Label>, \"htmlFor\"> {\n  /** `null` opts out of the `Field`'s id: the label then has no `for` at all. */\n  htmlFor?: string | null;\n}\n\n/**\n * Takes its `Field`'s id as `for` unless it wraps a control itself — a label\n * around an `<input>` already labels it, and a `for` pointing elsewhere would\n * steal the click. A control inside a component of yours is invisible to that\n * check; pass `htmlFor={null}` there.\n */\nexport function FieldLabel({ className, htmlFor, children, ...props }: FieldLabelProps) {\n  const field = React.useContext(FieldControlContext);\n  const target = htmlFor === null ? undefined : (htmlFor ?? (wrapsControl(children) ? undefined : field?.id));\n  return (\n    <Label\n      data-slot=\"field-label\"\n      htmlFor={target}\n      className={cn(FIELD_LABEL, className)}\n      {...props}\n    >\n      {children}\n    </Label>\n  );\n}\n\n// The labelable elements (HTML's list, less `output`/`meter`/`progress`, which a\n// field label never wraps) and the kit's controls that render one — plus a\n// nested `Field`, the choice-card shape, whose control is labelled by its own.\nconst LABELABLE_TAGS = new Set([\"input\", \"select\", \"textarea\", \"button\"]);\nconst LABELABLE_KIT: ReadonlySet<unknown> = new Set([Input, Textarea, NativeSelect, Checkbox, Switch, SelectTrigger, Field]);\n\nfunction wrapsControl(children: React.ReactNode): boolean {\n  let found = false;\n  walkElements(children, (element) => {\n    if (found) return false;\n    const { type } = element;\n    const props = element.props as { type?: unknown };\n    if (typeof type === \"string\" ? LABELABLE_TAGS.has(type) && props.type !== \"hidden\" : LABELABLE_KIT.has(type)) {\n      found = true;\n    }\n    return !found;\n  });\n  return found;\n}\n\nexport function FieldTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(FIELD_TITLE, className)}\n      {...props}\n    />\n  );\n}\n\nexport function FieldDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(FIELD_DESCRIPTION, className)}\n      {...props}\n    />\n  );\n}\n\nexport function FieldSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & { children?: React.ReactNode }) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn(FIELD_SEPARATOR, className)}\n      {...props}\n    >\n      <div role=\"separator\" className={FIELD_SEPARATOR_LINE} />\n      {children && (\n        <span\n          className={FIELD_SEPARATOR_CONTENT}\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport function FieldError({\n  className,\n  children,\n  errors,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  errors?: Array<{ message?: string } | undefined>;\n}) {\n  const content = React.useMemo(() => {\n    if (children) {\n      return children;\n    }\n\n    if (!errors) {\n      return null;\n    }\n\n    if (errors?.length === 1 && errors[0]?.message) {\n      return errors[0].message;\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {errors.map(\n          (error, index) => error?.message && <li key={index}>{error.message}</li>,\n        )}\n      </ul>\n    );\n  }, [children, errors]);\n\n  if (!content) {\n    return null;\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn(FIELD_ERROR, className)}\n      {...props}\n    >\n      {content}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/footer.js

@@ -0,0 +1,89 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Container } from "./container.js";
+const HEADING = "font-mono text-xs text-ink uppercase tracking-widest mb-6";
+function Footer({
+  lockup,
+  brand,
+  mark,
+  tagline,
+  description,
+  copyright,
+  nav = [],
+  offices = [],
+  officesHeading = "Offices",
+  legalLinks = [],
+  newsletter,
+  newsletterHeading = "Newsletter",
+  newsletterBlurb = "",
+  version,
+  commitHref,
+  linkComponent,
+  children
+}) {
+  const L = linkComponent ?? "a";
+  const composed = brand !== void 0 || mark !== void 0;
+  const hasBrandColumn = lockup !== void 0 || composed || description !== void 0 || legalLinks.length > 0;
+  return /* @__PURE__ */ jsxs("footer", { "data-slot": "footer", className: "bg-background border-t border-ink/10 py-16", children: [
+    children,
+    /* @__PURE__ */ jsxs(Container, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-8 gap-y-8 lg:grid-cols-12 mb-12", children: [
+        hasBrandColumn && /* @__PURE__ */ jsxs("div", { className: "col-span-2 lg:col-span-3", children: [
+          lockup !== void 0 ? /* @__PURE__ */ jsx("div", { "data-slot": "footer-lockup", className: "mb-6", children: lockup }) : composed && /* @__PURE__ */ jsx(FooterLockup, { brand, mark, tagline }),
+          description !== void 0 && /* @__PURE__ */ jsx("p", { className: "text-ink/40 text-xs font-light max-w-sm leading-relaxed mb-6", children: description }),
+          legalLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex gap-4 text-xs font-mono text-primary-ink", children: legalLinks.map((link, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+            i > 0 && /* @__PURE__ */ jsx("span", { className: "text-ink/20", children: "|" }),
+            /* @__PURE__ */ jsx(L, { href: link.href, className: "hover:underline", children: link.label })
+          ] }, link.label)) })
+        ] }),
+        nav.map((group) => /* @__PURE__ */ jsxs("nav", { "aria-label": `Footer ${group.heading} links`, className: "lg:col-span-2", children: [
+          /* @__PURE__ */ jsx("h4", { className: HEADING, children: group.heading }),
+          /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: group.links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            L,
+            {
+              href: link.href,
+              className: "text-xs font-light text-ink/70 hover:text-primary-ink transition-colors",
+              children: link.label
+            }
+          ) }, link.href)) })
+        ] }, group.heading)),
+        offices.length > 0 && /* @__PURE__ */ jsxs("div", { className: "col-span-2 lg:col-span-3", children: [
+          /* @__PURE__ */ jsx("h4", { className: HEADING, children: officesHeading }),
+          /* @__PURE__ */ jsx("ul", { className: "space-y-4 text-xs text-ink/70 font-light leading-relaxed", children: offices.map((office) => /* @__PURE__ */ jsxs("li", { children: [
+            /* @__PURE__ */ jsx("strong", { className: "text-ink block font-mono text-[10px] uppercase tracking-wider mb-1", children: office.name }),
+            office.address
+          ] }, office.name)) })
+        ] }),
+        newsletter && /* @__PURE__ */ jsxs("div", { className: "col-span-2 lg:col-span-2", children: [
+          /* @__PURE__ */ jsx("h4", { className: HEADING, children: newsletterHeading }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm sm:text-xs font-light leading-relaxed text-ink/70 mb-4", children: newsletterBlurb }),
+          newsletter
+        ] })
+      ] }),
+      (copyright !== void 0 || version !== void 0) && /* @__PURE__ */ jsx("div", { className: "border-t border-ink/10 pt-8 text-[10px] font-mono text-ink/40", children: /* @__PURE__ */ jsxs("p", { children: [
+        copyright,
+        version && /* @__PURE__ */ jsxs(Fragment, { children: [
+          copyright !== void 0 && " ",
+          /* @__PURE__ */ jsx("a", { href: commitHref, className: "text-ink/30", children: version })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+function FooterLockup({
+  brand,
+  mark,
+  tagline
+}) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "footer-lockup", className: "flex items-center gap-3 mb-6", children: [
+    mark,
+    (brand !== void 0 || tagline !== void 0) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+      brand !== void 0 && /* @__PURE__ */ jsx("span", { className: "font-serif font-bold text-base tracking-wider text-ink", children: brand }),
+      tagline !== void 0 && /* @__PURE__ */ jsx("span", { className: "text-[8px] font-mono tracking-[0.3em] text-primary-ink uppercase", children: tagline })
+    ] })
+  ] });
+}
+export {
+  Footer
+};
+//# sourceMappingURL=footer.js.map

package/dist/components/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/footer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Container } from \"./container\";\n\n/**\n * A 12-col footer grid — brand 3 | sitemap groups 2 each | offices 3 |\n * newsletter 2 — with the legal links and copyright line. On mobile the sitemap\n * columns sit side by side. The kit brings no content of its own: every string,\n * the mark and the lock-up are the caller's, and each column renders only when\n * it has something in it. `children` render right after the `<footer>` tag —\n * the slot for app-side extras like a build-version easter egg.\n *\n * The lock-up is either composed from `mark` + `brand` + `tagline`, or handed\n * over whole as `lockup` when a brand's arrangement is not that one.\n *\n * `linkComponent` lets Next hosts pass `next/link`; everyone else gets `<a>`.\n */\nexport interface FooterLink {\n  label: string;\n  href: string;\n}\n\nexport interface FooterLinkGroup {\n  heading: string;\n  links: readonly FooterLink[];\n}\n\nexport interface FooterOffice {\n  name: string;\n  address: string;\n}\n\nexport interface FooterProps {\n  /** The whole lock-up; replaces the one `mark` + `brand` + `tagline` compose. */\n  lockup?: React.ReactNode;\n  /** The wordmark beside the mark, set in the display family. */\n  brand?: string;\n  /** The mark beside the brand name. Sized by the caller. */\n  mark?: React.ReactNode;\n  tagline?: string;\n  description?: React.ReactNode;\n  copyright?: React.ReactNode;\n  nav?: readonly FooterLinkGroup[];\n  offices?: readonly FooterOffice[];\n  officesHeading?: string;\n  legalLinks?: readonly FooterLink[];\n  /** The newsletter form; the newsletter column renders only when present. */\n  newsletter?: React.ReactNode;\n  newsletterHeading?: string;\n  newsletterBlurb?: string;\n  version?: string;\n  commitHref?: string;\n  linkComponent?: React.ElementType;\n  children?: React.ReactNode;\n}\n\nconst HEADING = \"font-mono text-xs text-ink uppercase tracking-widest mb-6\";\n\nexport function Footer({\n  lockup,\n  brand,\n  mark,\n  tagline,\n  description,\n  copyright,\n  nav = [],\n  offices = [],\n  officesHeading = \"Offices\",\n  legalLinks = [],\n  newsletter,\n  newsletterHeading = \"Newsletter\",\n  newsletterBlurb = \"\",\n  version,\n  commitHref,\n  linkComponent,\n  children,\n}: FooterProps) {\n  const L = linkComponent ?? \"a\";\n  const composed = brand !== undefined || mark !== undefined;\n  const hasBrandColumn = lockup !== undefined || composed || description !== undefined || legalLinks.length > 0;\n\n  return (\n    <footer data-slot=\"footer\" className=\"bg-background border-t border-ink/10 py-16\">\n      {children}\n      <Container>\n        <div className=\"grid grid-cols-2 gap-x-8 gap-y-8 lg:grid-cols-12 mb-12\">\n          {hasBrandColumn && (\n            <div className=\"col-span-2 lg:col-span-3\">\n              {lockup !== undefined ? (\n                <div data-slot=\"footer-lockup\" className=\"mb-6\">{lockup}</div>\n              ) : (\n                composed && <FooterLockup brand={brand} mark={mark} tagline={tagline} />\n              )}\n              {description !== undefined && (\n                <p className=\"text-ink/40 text-xs font-light max-w-sm leading-relaxed mb-6\">\n                  {description}\n                </p>\n              )}\n              {legalLinks.length > 0 && (\n                <div className=\"flex gap-4 text-xs font-mono text-primary-ink\">\n                  {legalLinks.map((link, i) => (\n                    <React.Fragment key={link.label}>\n                      {i > 0 && <span className=\"text-ink/20\">|</span>}\n                      <L href={link.href} className=\"hover:underline\">\n                        {link.label}\n                      </L>\n                    </React.Fragment>\n                  ))}\n                </div>\n              )}\n            </div>\n          )}\n\n          {nav.map((group) => (\n            <nav key={group.heading} aria-label={`Footer ${group.heading} links`} className=\"lg:col-span-2\">\n              <h4 className={HEADING}>{group.heading}</h4>\n              <ul className=\"space-y-3\">\n                {group.links.map((link) => (\n                  <li key={link.href}>\n                    <L\n                      href={link.href}\n                      className=\"text-xs font-light text-ink/70 hover:text-primary-ink transition-colors\"\n                    >\n                      {link.label}\n                    </L>\n                  </li>\n                ))}\n              </ul>\n            </nav>\n          ))}\n\n          {offices.length > 0 && (\n            <div className=\"col-span-2 lg:col-span-3\">\n              <h4 className={HEADING}>{officesHeading}</h4>\n              <ul className=\"space-y-4 text-xs text-ink/70 font-light leading-relaxed\">\n                {offices.map((office) => (\n                  <li key={office.name}>\n                    <strong className=\"text-ink block font-mono text-[10px] uppercase tracking-wider mb-1\">\n                      {office.name}\n                    </strong>\n                    {office.address}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          )}\n\n          {newsletter && (\n            <div className=\"col-span-2 lg:col-span-2\">\n              <h4 className={HEADING}>{newsletterHeading}</h4>\n              {/* What the source's <Tier tier=\"alt\"><Text> emits: alt body size\n                  + the info variant, then the mb-4 the caller adds. */}\n              <p className=\"text-sm sm:text-xs font-light leading-relaxed text-ink/70 mb-4\">\n                {newsletterBlurb}\n              </p>\n              {newsletter}\n            </div>\n          )}\n        </div>\n\n        {(copyright !== undefined || version !== undefined) && (\n          <div className=\"border-t border-ink/10 pt-8 text-[10px] font-mono text-ink/40\">\n            <p>\n              {copyright}\n              {version && (\n                <>\n                  {copyright !== undefined && \" \"}\n                  <a href={commitHref} className=\"text-ink/30\">\n                    {version}\n                  </a>\n                </>\n              )}\n            </p>\n          </div>\n        )}\n      </Container>\n    </footer>\n  );\n}\n\nfunction FooterLockup({\n  brand,\n  mark,\n  tagline,\n}: {\n  brand: string | undefined;\n  mark: React.ReactNode;\n  tagline: string | undefined;\n}) {\n  return (\n    <div data-slot=\"footer-lockup\" className=\"flex items-center gap-3 mb-6\">\n      {mark}\n      {(brand !== undefined || tagline !== undefined) && (\n        <div className=\"flex flex-col\">\n          {brand !== undefined && (\n            <span className=\"font-serif font-bold text-base tracking-wider text-ink\">{brand}</span>\n          )}\n          {tagline !== undefined && (\n            <span className=\"text-[8px] font-mono tracking-[0.3em] text-primary-ink uppercase\">\n              {tagline}\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/form.js

@@ -0,0 +1,101 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn.js";
+import { Label } from "./label.js";
+import { Slot } from "../primitives/slot.js";
+import { FORM_DESCRIPTION, FORM_ITEM, FORM_MESSAGE } from "../generated/form.js";
+const FormItemContext = React.createContext(null);
+function useFormItem() {
+  const ctx = React.useContext(FormItemContext);
+  if (!ctx) {
+    throw new Error("Form parts must be used within <FormItem>");
+  }
+  return ctx;
+}
+function Form({ ...props }) {
+  return /* @__PURE__ */ jsx("form", { "data-slot": "form", ...props });
+}
+function FormItem({ className, ...props }) {
+  const id = React.useId();
+  const value = React.useMemo(
+    () => ({
+      id,
+      formItemId: `${id}-form-item`,
+      formDescriptionId: `${id}-form-item-description`,
+      formMessageId: `${id}-form-item-message`
+    }),
+    [id]
+  );
+  return /* @__PURE__ */ jsx(FormItemContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { "data-slot": "form-item", className: cn(FORM_ITEM, className), ...props }) });
+}
+function FormLabel({
+  className,
+  error,
+  ...props
+}) {
+  const { formItemId } = useFormItem();
+  return /* @__PURE__ */ jsx(
+    Label,
+    {
+      "data-slot": "form-label",
+      "data-error": !!error,
+      className: cn("data-[error=true]:text-accent-error", className),
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+}
+function FormControl({
+  error,
+  ...props
+}) {
+  const { formItemId, formDescriptionId, formMessageId } = useFormItem();
+  return /* @__PURE__ */ jsx(
+    Slot,
+    {
+      "data-slot": "form-control",
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+}
+function FormDescription({ className, ...props }) {
+  const { formDescriptionId } = useFormItem();
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "form-description",
+      id: formDescriptionId,
+      className: cn(FORM_DESCRIPTION, className),
+      ...props
+    }
+  );
+}
+function FormMessage({ className, children, ...props }) {
+  const { formMessageId } = useFormItem();
+  if (!children) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "form-message",
+      id: formMessageId,
+      className: cn(FORM_MESSAGE, className),
+      ...props,
+      children
+    }
+  );
+}
+export {
+  Form,
+  FormControl,
+  FormDescription,
+  FormItem,
+  FormLabel,
+  FormMessage
+};
+//# sourceMappingURL=form.js.map

package/dist/components/form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/form.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { Label } from \"./label\";\nimport { Slot } from \"../primitives/slot\";\nimport { FORM_DESCRIPTION, FORM_ITEM, FORM_MESSAGE } from \"../generated/form\";\n\n/**\n * Dep-light, presentational form primitives. We keep the ARIA id-wiring of\n * shadcn's form (label/control/description/message share an id so\n * `aria-describedby`/`id` line up) but drop `react-hook-form`'s state engine:\n * validation and field state are the consumer's job. `FormItem` mints an id via\n * `React.useId` and exposes it through `FormItemContext`.\n */\ntype FormItemContextValue = {\n  id: string;\n  formItemId: string;\n  formDescriptionId: string;\n  formMessageId: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue | null>(null);\n\nfunction useFormItem(): FormItemContextValue {\n  const ctx = React.useContext(FormItemContext);\n  if (!ctx) {\n    throw new Error(\"Form parts must be used within <FormItem>\");\n  }\n  return ctx;\n}\n\nexport function Form({ ...props }: React.ComponentProps<\"form\">) {\n  return <form data-slot=\"form\" {...props} />;\n}\n\nexport function FormItem({ className, ...props }: React.ComponentProps<\"div\">) {\n  const id = React.useId();\n  const value = React.useMemo<FormItemContextValue>(\n    () => ({\n      id,\n      formItemId: `${id}-form-item`,\n      formDescriptionId: `${id}-form-item-description`,\n      formMessageId: `${id}-form-item-message`,\n    }),\n    [id],\n  );\n\n  return (\n    <FormItemContext.Provider value={value}>\n      <div data-slot=\"form-item\" className={cn(FORM_ITEM, className)} {...props} />\n    </FormItemContext.Provider>\n  );\n}\n\nexport function FormLabel({\n  className,\n  error,\n  ...props\n}: React.ComponentProps<typeof Label> & { error?: boolean }) {\n  const { formItemId } = useFormItem();\n\n  return (\n    <Label\n      data-slot=\"form-label\"\n      data-error={!!error}\n      className={cn(\"data-[error=true]:text-accent-error\", className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n}\n\nexport function FormControl({\n  error,\n  ...props\n}: React.ComponentProps<typeof Slot> & { error?: boolean }) {\n  const { formItemId, formDescriptionId, formMessageId } = useFormItem();\n\n  return (\n    <Slot\n      data-slot=\"form-control\"\n      id={formItemId}\n      aria-describedby={\n        !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n}\n\nexport function FormDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  const { formDescriptionId } = useFormItem();\n\n  return (\n    <p\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      className={cn(FORM_DESCRIPTION, className)}\n      {...props}\n    />\n  );\n}\n\nexport function FormMessage({ className, children, ...props }: React.ComponentProps<\"p\">) {\n  const { formMessageId } = useFormItem();\n\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <p\n      data-slot=\"form-message\"\n      id={formMessageId}\n      className={cn(FORM_MESSAGE, className)}\n      {...props}\n    >\n      {children}\n    </p>\n  );\n}\n"],"mappings":";AAiCS;AA/BT,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,kBAAkB,WAAW,oBAAoB;AAgB1D,MAAM,kBAAkB,MAAM,cAA2C,IAAI;AAE7E,SAAS,cAAoC;AAC3C,QAAM,MAAM,MAAM,WAAW,eAAe;AAC5C,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,2CAA2C;AAAA,EAC7D;AACA,SAAO;AACT;AAEO,SAAS,KAAK,EAAE,GAAG,MAAM,GAAiC;AAC/D,SAAO,oBAAC,UAAK,aAAU,QAAQ,GAAG,OAAO;AAC3C;AAEO,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC7E,QAAM,KAAK,MAAM,MAAM;AACvB,QAAM,QAAQ,MAAM;AAAA,IAClB,OAAO;AAAA,MACL;AAAA,MACA,YAAY,GAAG,EAAE;AAAA,MACjB,mBAAmB,GAAG,EAAE;AAAA,MACxB,eAAe,GAAG,EAAE;AAAA,IACtB;AAAA,IACA,CAAC,EAAE;AAAA,EACL;AAEA,SACE,oBAAC,gBAAgB,UAAhB,EAAyB,OACxB,8BAAC,SAAI,aAAU,aAAY,WAAW,GAAG,WAAW,SAAS,GAAI,GAAG,OAAO,GAC7E;AAEJ;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA6D;AAC3D,QAAM,EAAE,WAAW,IAAI,YAAY;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY,CAAC,CAAC;AAAA,MACd,WAAW,GAAG,uCAAuC,SAAS;AAAA,MAC9D,SAAS;AAAA,MACR,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,QAAM,EAAE,YAAY,mBAAmB,cAAc,IAAI,YAAY;AAErE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,IAAI;AAAA,MACJ,oBACE,CAAC,QAAQ,GAAG,iBAAiB,KAAK,GAAG,iBAAiB,IAAI,aAAa;AAAA,MAEzE,gBAAc,CAAC,CAAC;AAAA,MACf,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,gBAAgB,EAAE,WAAW,GAAG,MAAM,GAA8B;AAClF,QAAM,EAAE,kBAAkB,IAAI,YAAY;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,IAAI;AAAA,MACJ,WAAW,GAAG,kBAAkB,SAAS;AAAA,MACxC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,YAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAA8B;AACxF,QAAM,EAAE,cAAc,IAAI,YAAY;AAEtC,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,IAAI;AAAA,MACJ,WAAW,GAAG,cAAc,SAAS;AAAA,MACpC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/hover-card.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn.js";
+import { useControllableState } from "../primitives/use-controllable-state.js";
+import { useFloating } from "../primitives/use-floating.js";
+import { usePresence } from "../primitives/presence.js";
+import { mergeRefs } from "../primitives/merge-refs.js";
+import { Portal } from "../primitives/portal.js";
+import { Slot } from "../primitives/slot.js";
+import { HOVER_CARD_CONTENT } from "../generated/hover-card.js";
+const HoverCardContext = React.createContext(null);
+function useHoverCard() {
+  const ctx = React.useContext(HoverCardContext);
+  if (!ctx) throw new Error("HoverCard parts must be used within <HoverCard>");
+  return ctx;
+}
+function HoverCard({ open, defaultOpen = false, onOpenChange, children }) {
+  const [isOpen, setOpen] = useControllableState({
+    ...open !== void 0 ? { value: open } : {},
+    defaultValue: defaultOpen,
+    ...onOpenChange ? { onChange: onOpenChange } : {}
+  });
+  const anchorRef = React.useRef(null);
+  return /* @__PURE__ */ jsx(HoverCardContext.Provider, { value: { open: isOpen, setOpen, anchorRef }, children });
+}
+function HoverCardTrigger({
+  asChild = false,
+  onPointerEnter,
+  onPointerLeave,
+  ...props
+}) {
+  const { setOpen, anchorRef } = useHoverCard();
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "hover-card-trigger",
+      ref: anchorRef,
+      onPointerEnter: (e) => {
+        onPointerEnter?.(e);
+        setOpen(true);
+      },
+      onPointerLeave: (e) => {
+        onPointerLeave?.(e);
+        setOpen(false);
+      },
+      ...props
+    }
+  );
+}
+function HoverCardContent({
+  className,
+  side: sideProp = "bottom",
+  align = "center",
+  sideOffset = 4,
+  children,
+  ...props
+}) {
+  const { open, anchorRef } = useHoverCard();
+  const { isPresent, ref: presRef } = usePresence(open);
+  const { floatingRef, style, side } = useFloating({
+    anchorRef,
+    open,
+    side: sideProp,
+    align,
+    offset: sideOffset
+  });
+  if (!isPresent) return null;
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "hover-card-content",
+      "data-state": open ? "open" : "closed",
+      "data-side": side,
+      "data-align": align,
+      ref: mergeRefs(floatingRef, presRef),
+      style,
+      className: cn(HOVER_CARD_CONTENT, className),
+      ...props,
+      children
+    }
+  ) });
+}
+export {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger
+};
+//# sourceMappingURL=hover-card.js.map

package/dist/components/hover-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/hover-card.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { useControllableState } from \"../primitives/use-controllable-state\";\nimport { useFloating } from \"../primitives/use-floating\";\nimport { usePresence } from \"../primitives/presence\";\nimport { mergeRefs } from \"../primitives/merge-refs\";\nimport { Portal } from \"../primitives/portal\";\nimport { Slot } from \"../primitives/slot\";\nimport { HOVER_CARD_CONTENT } from \"../generated/hover-card\";\n\ninterface HoverCardContextValue {\n  open: boolean;\n  setOpen: (next: boolean) => void;\n  anchorRef: React.RefObject<HTMLElement | null>;\n}\n\nconst HoverCardContext = React.createContext<HoverCardContextValue | null>(null);\n\nfunction useHoverCard(): HoverCardContextValue {\n  const ctx = React.useContext(HoverCardContext);\n  if (!ctx) throw new Error(\"HoverCard parts must be used within <HoverCard>\");\n  return ctx;\n}\n\nexport interface HoverCardProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: React.ReactNode;\n}\n\nexport function HoverCard({ open, defaultOpen = false, onOpenChange, children }: HoverCardProps) {\n  const [isOpen, setOpen] = useControllableState<boolean>({\n    ...(open !== undefined ? { value: open } : {}),\n    defaultValue: defaultOpen,\n    ...(onOpenChange ? { onChange: onOpenChange } : {}),\n  });\n  const anchorRef = React.useRef<HTMLElement | null>(null);\n  return (\n    <HoverCardContext.Provider value={{ open: isOpen, setOpen, anchorRef }}>\n      {children}\n    </HoverCardContext.Provider>\n  );\n}\n\nexport interface HoverCardTriggerProps extends React.ComponentProps<\"a\"> {\n  asChild?: boolean;\n}\n\nexport function HoverCardTrigger({\n  asChild = false,\n  onPointerEnter,\n  onPointerLeave,\n  ...props\n}: HoverCardTriggerProps) {\n  const { setOpen, anchorRef } = useHoverCard();\n  const Comp = asChild ? Slot : \"a\";\n  return (\n    <Comp\n      data-slot=\"hover-card-trigger\"\n      ref={anchorRef as React.Ref<never>}\n      onPointerEnter={(e: React.PointerEvent<HTMLAnchorElement>) => {\n        onPointerEnter?.(e);\n        setOpen(true);\n      }}\n      onPointerLeave={(e: React.PointerEvent<HTMLAnchorElement>) => {\n        onPointerLeave?.(e);\n        setOpen(false);\n      }}\n      {...(props as Record<string, unknown>)}\n    />\n  );\n}\n\nexport interface HoverCardContentProps extends React.ComponentProps<\"div\"> {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  sideOffset?: number;\n}\n\nexport function HoverCardContent({\n  className,\n  side: sideProp = \"bottom\",\n  align = \"center\",\n  sideOffset = 4,\n  children,\n  ...props\n}: HoverCardContentProps) {\n  const { open, anchorRef } = useHoverCard();\n  const { isPresent, ref: presRef } = usePresence(open);\n  const { floatingRef, style, side } = useFloating({\n    anchorRef,\n    open,\n    side: sideProp,\n    align,\n    offset: sideOffset,\n  });\n  if (!isPresent) return null;\n  return (\n    <Portal>\n      <div\n        data-slot=\"hover-card-content\"\n        data-state={open ? \"open\" : \"closed\"}\n        data-side={side}\n        data-align={align}\n        ref={mergeRefs(floatingRef, presRef)}\n        style={style}\n        className={cn(HOVER_CARD_CONTENT, className)}\n        {...(props as Record<string, unknown>)}\n      >\n        {children}\n      </div>\n    </Portal>\n  );\n}\n"],"mappings":";AAyCI;AAvCJ,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,0BAA0B;AAQnC,MAAM,mBAAmB,MAAM,cAA4C,IAAI;AAE/E,SAAS,eAAsC;AAC7C,QAAM,MAAM,MAAM,WAAW,gBAAgB;AAC7C,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,iDAAiD;AAC3E,SAAO;AACT;AASO,SAAS,UAAU,EAAE,MAAM,cAAc,OAAO,cAAc,SAAS,GAAmB;AAC/F,QAAM,CAAC,QAAQ,OAAO,IAAI,qBAA8B;AAAA,IACtD,GAAI,SAAS,SAAY,EAAE,OAAO,KAAK,IAAI,CAAC;AAAA,IAC5C,cAAc;AAAA,IACd,GAAI,eAAe,EAAE,UAAU,aAAa,IAAI,CAAC;AAAA,EACnD,CAAC;AACD,QAAM,YAAY,MAAM,OAA2B,IAAI;AACvD,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,EAAE,MAAM,QAAQ,SAAS,UAAU,GAClE,UACH;AAEJ;AAMO,SAAS,iBAAiB;AAAA,EAC/B,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,QAAM,EAAE,SAAS,UAAU,IAAI,aAAa;AAC5C,QAAM,OAAO,UAAU,OAAO;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,KAAK;AAAA,MACL,gBAAgB,CAAC,MAA6C;AAC5D,yBAAiB,CAAC;AAClB,gBAAQ,IAAI;AAAA,MACd;AAAA,MACA,gBAAgB,CAAC,MAA6C;AAC5D,yBAAiB,CAAC;AAClB,gBAAQ,KAAK;AAAA,MACf;AAAA,MACC,GAAI;AAAA;AAAA,EACP;AAEJ;AAQO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,MAAM,WAAW;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,QAAM,EAAE,MAAM,UAAU,IAAI,aAAa;AACzC,QAAM,EAAE,WAAW,KAAK,QAAQ,IAAI,YAAY,IAAI;AACpD,QAAM,EAAE,aAAa,OAAO,KAAK,IAAI,YAAY;AAAA,IAC/C;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,QAAQ;AAAA,EACV,CAAC;AACD,MAAI,CAAC,UAAW,QAAO;AACvB,SACE,oBAAC,UACC;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY,OAAO,SAAS;AAAA,MAC5B,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,KAAK,UAAU,aAAa,OAAO;AAAA,MACnC;AAAA,MACA,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC1C,GAAI;AAAA,MAEJ;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}