@alfadocs/ui-kit 0.0.15 → 0.0.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",

package/dist/_chunks/sign-in-with-alfadocs-button-Gu7Qk2gq.js

@@ -1,88 +0,0 @@
-import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { c as v } from "./index-D2ZczOXr.js";
-import { useTranslation as h } from "react-i18next";
-import { L as g } from "./logo-BlIdYz3n.js";
-import { S as p } from "./spinner-77xUGpuX.js";
-const w = v(
-  [
-    "inline-flex items-center justify-center gap-[var(--spacing-sm)]",
-    "font-medium transition-colors relative",
-    "rounded-[var(--radius-md)]",
-    "border border-[length:var(--border-width-sm)]",
-    "focus-visible:outline-[length:var(--focus-ring-width)]",
-    "focus-visible:outline-solid focus-visible:outline-ring",
-    "focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    // Windows High Contrast — collapse to system button chrome so the
-    // control remains visible when our tokens get stripped.
-    "forced-colors:border forced-colors:border-[ButtonBorder]",
-    "forced-colors:focus-visible:outline-[CanvasText]",
-    "disabled:opacity-50 disabled:cursor-not-allowed",
-    "aria-disabled:opacity-50 aria-disabled:cursor-not-allowed",
-    "aria-busy:cursor-wait"
-  ].join(" "),
-  {
-    variants: {
-      surface: {
-        light: "bg-background text-foreground border-border hover:bg-muted/10 active:opacity-90 shadow-[var(--shadow-sm)]",
-        dark: "bg-foreground text-background border-foreground hover:opacity-90 active:opacity-80 shadow-[var(--shadow-sm)]",
-        // `auto` follows the ambient theme root (`.theme-light` /
-        // `.theme-dark`) so the button tracks whichever theme the host
-        // sets on its root.
-        auto: "bg-card text-card-foreground border-border hover:bg-muted/10 active:opacity-90 shadow-[var(--shadow-sm)]"
-      },
-      size: {
-        // Sizing mirrors Button so a row of provider buttons aligns with
-        // the primary CTA. See `src/components/button/button.tsx`.
-        sm: [
-          "h-8 ps-3 pe-3 text-[var(--font-size-sm)]",
-          "min-h-[var(--min-target-size)] sm:min-h-0",
-          'before:absolute before:content-[""]',
-          "before:inset-x-[calc((var(--min-target-size)-100%)/-2)]",
-          "before:inset-y-[calc((var(--min-target-size)-100%)/-2)]",
-          "sm:before:hidden"
-        ].join(" "),
-        md: "h-10 ps-4 pe-4 text-[var(--font-size-base)]",
-        lg: "h-12 ps-6 pe-6 text-[var(--font-size-lg)]"
-      }
-    },
-    defaultVariants: {
-      surface: "auto",
-      size: "md"
-    }
-  }
-), x = m(
-  ({
-    surface: r,
-    size: t,
-    className: a,
-    loading: o = !1,
-    disabled: s,
-    label: i,
-    type: n = "button",
-    ...d
-  }, c) => {
-    const { t: l } = h(), u = i ?? l("ui.auth.continueWithAlfadocs", "Continue with AlfaDocs"), f = t ?? "md";
-    return /* @__PURE__ */ b(
-      "button",
-      {
-        ref: c,
-        type: n,
-        className: w({ surface: r, size: t, className: a }),
-        disabled: s || o,
-        "aria-busy": o || void 0,
-        "data-surface": r ?? "auto",
-        ...d,
-        children: [
-          o ? /* @__PURE__ */ e(p, { size: f }) : /* @__PURE__ */ e(g, { variant: "mark", size: "sm", decorative: !0 }),
-          /* @__PURE__ */ e("span", { children: u })
-        ]
-      }
-    );
-  }
-);
-x.displayName = "SignInWithAlfadocsButton";
-export {
-  x as S
-};
-//# sourceMappingURL=sign-in-with-alfadocs-button-Gu7Qk2gq.js.map

package/dist/_chunks/sign-in-with-alfadocs-button-Gu7Qk2gq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sign-in-with-alfadocs-button-Gu7Qk2gq.js","sources":["../../src/components/sign-in-with-alfadocs-button/sign-in-with-alfadocs-button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Logo } from '../logo';\nimport { Spinner } from '../spinner';\n\n// A provider-style button (\"Sign in with AlfaDocs\"). Sits on top of our\n// Button primitive visually — same sizing tokens, same focus ring, same\n// loading affordance — but with surface variants tuned for third-party\n// host pages that may render on light, dark, or system-driven backgrounds.\nconst signInVariants = cva(\n  [\n    'inline-flex items-center justify-center gap-[var(--spacing-sm)]',\n    'font-medium transition-colors relative',\n    'rounded-[var(--radius-md)]',\n    'border border-[length:var(--border-width-sm)]',\n    'focus-visible:outline-[length:var(--focus-ring-width)]',\n    'focus-visible:outline-solid focus-visible:outline-ring',\n    'focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    // Windows High Contrast — collapse to system button chrome so the\n    // control remains visible when our tokens get stripped.\n    'forced-colors:border forced-colors:border-[ButtonBorder]',\n    'forced-colors:focus-visible:outline-[CanvasText]',\n    'disabled:opacity-50 disabled:cursor-not-allowed',\n    'aria-disabled:opacity-50 aria-disabled:cursor-not-allowed',\n    'aria-busy:cursor-wait',\n  ].join(' '),\n  {\n    variants: {\n      surface: {\n        light:\n          'bg-background text-foreground border-border hover:bg-muted/10 active:opacity-90 shadow-[var(--shadow-sm)]',\n        dark: 'bg-foreground text-background border-foreground hover:opacity-90 active:opacity-80 shadow-[var(--shadow-sm)]',\n        // `auto` follows the ambient theme root (`.theme-light` /\n        // `.theme-dark`) so the button tracks whichever theme the host\n        // sets on its root.\n        auto: 'bg-card text-card-foreground border-border hover:bg-muted/10 active:opacity-90 shadow-[var(--shadow-sm)]',\n      },\n      size: {\n        // Sizing mirrors Button so a row of provider buttons aligns with\n        // the primary CTA. See `src/components/button/button.tsx`.\n        sm: [\n          'h-8 ps-3 pe-3 text-[var(--font-size-sm)]',\n          'min-h-[var(--min-target-size)] sm:min-h-0',\n          'before:absolute before:content-[\"\"]',\n          'before:inset-x-[calc((var(--min-target-size)-100%)/-2)]',\n          'before:inset-y-[calc((var(--min-target-size)-100%)/-2)]',\n          'sm:before:hidden',\n        ].join(' '),\n        md: 'h-10 ps-4 pe-4 text-[var(--font-size-base)]',\n        lg: 'h-12 ps-6 pe-6 text-[var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      surface: 'auto',\n      size: 'md',\n    },\n  },\n);\n\nexport interface SignInWithAlfadocsButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof signInVariants> {\n  /**\n   * Show the loading spinner and disable the button. Mirrors Button's\n   * loading contract so the two can be swapped without surprise.\n   */\n  loading?: boolean;\n  /**\n   * Override the visible label. When omitted, the component reads\n   * `ui.auth.continueWithAlfadocs` (English fallback: \"Continue with\n   * AlfaDocs\"). Pass a node to render e.g. \"Sign in with AlfaDocs\" or a\n   * fully-translated string.\n   */\n  label?: ReactNode;\n}\n\nexport const SignInWithAlfadocsButton = forwardRef<\n  HTMLButtonElement,\n  SignInWithAlfadocsButtonProps\n>(\n  (\n    {\n      surface,\n      size,\n      className,\n      loading = false,\n      disabled,\n      label,\n      type = 'button',\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const resolvedLabel =\n      label ?? t('ui.auth.continueWithAlfadocs', 'Continue with AlfaDocs');\n    const resolvedSize = size ?? 'md';\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        className={signInVariants({ surface, size, className })}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        data-surface={surface ?? 'auto'}\n        {...props}\n      >\n        {loading ? (\n          <Spinner size={resolvedSize} />\n        ) : (\n          <Logo variant=\"mark\" size=\"sm\" decorative />\n        )}\n        <span>{resolvedLabel}</span>\n      </button>\n    );\n  },\n);\n\nSignInWithAlfadocsButton.displayName = 'SignInWithAlfadocsButton';\n"],"names":["signInVariants","cva","SignInWithAlfadocsButton","forwardRef","surface","size","className","loading","disabled","label","type","props","ref","t","useTranslation","resolvedLabel","resolvedSize","jsxs","jsx","Spinner","Logo"],"mappings":";;;;;;AAUA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,OACE;AAAA,QACF,MAAM;AAAA;AAAA;AAAA;AAAA,QAIN,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA;AAAA;AAAA,QAGJ,IAAI;AAAA,UACF;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QACV,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAmBaC,IAA2BC;AAAA,EAItC,CACE;AAAA,IACE,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IACJN,KAASI,EAAE,gCAAgC,wBAAwB,GAC/DG,IAAeX,KAAQ;AAE7B,WACE,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAL;AAAA,QACA,MAAAF;AAAA,QACA,WAAWV,EAAe,EAAE,SAAAI,GAAS,MAAAC,GAAM,WAAAC,GAAW;AAAA,QACtD,UAAUE,KAAYD;AAAA,QACtB,aAAWA,KAAW;AAAA,QACtB,gBAAcH,KAAW;AAAA,QACxB,GAAGO;AAAA,QAEH,UAAA;AAAA,UAAAJ,IACC,gBAAAW,EAACC,GAAA,EAAQ,MAAMH,EAAA,CAAc,IAE7B,gBAAAE,EAACE,GAAA,EAAK,SAAQ,QAAO,MAAK,MAAK,YAAU,IAAC;AAAA,UAE5C,gBAAAF,EAAC,UAAM,UAAAH,EAAA,CAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG3B;AACF;AAEAb,EAAyB,cAAc;"}