@replicated/portal-components 0.0.1

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../package.json","../../src/tokens/index.ts","../../src/components/button.tsx","../../src/components/login.tsx","../../src/actions/index.ts","../../src/index.ts"],"names":["forwardRef","jsxs","jsx"],"mappings":";;;;;;;;;AAAA,IAAA,eAAA,GAAA;AAAA,EAEE,OAAA,EAAW,OAuFb,CAAA;;;ACrDA,IAAM,UAAA,GAAgC;AAAA,EACpC,MAAA,EAAQ;AAAA,IACN,UAAA,EAAY,SAAA;AAAA,IACZ,UAAA,EAAY,SAAA;AAAA,IACZ,YAAA,EAAc,SAAA;AAAA,IACd,OAAA,EAAS,SAAA;AAAA,IACT,SAAA,EAAW,SAAA;AAAA,IACX,SAAA,EAAW,SAAA;AAAA,IACX,WAAA,EAAa,SAAA;AAAA,IACb,OAAA,EAAS,SAAA;AAAA,IACT,OAAA,EAAS,SAAA;AAAA,IACT,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,KAAA,EAAO;AAAA,IACL,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AAAA,EACA,OAAA,EAAS;AAAA,IACP,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AAAA,EACA,UAAA,EAAY;AAAA,IACV,UAAA,EACE,2EAAA;AAAA,IACF,UAAA,EAAY,yDAAA;AAAA,IACZ,UAAA,EAAY;AAAA,MACV,KAAA,EAAO,KAAA;AAAA,MACP,MAAA,EAAQ,KAAA;AAAA,MACR,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,OAAA,EAAS;AAAA,IACP,KAAA,EAAO,wDAAA;AAAA,IACP,OAAA,EAAS;AAAA;AAEb,CAAA;AAEA,IAAM,WAAA,GAAc,CAClB,IAAA,EACA,SAAA,KACsB;AACtB,EAAA,IAAI,CAAC,SAAA,EAAW;AACd,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,KAAA,GAAQ,gBAAgB,IAAI,CAAA;AAElC,EAAA,MAAM,KAAA,GAAQ,CAAC,MAAA,EAA6B,MAAA,KAAgC;AAC1E,IAAA,MAAA,CAAO,OAAA,CAAQ,MAAM,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC,GAAA,EAAK,KAAK,CAAA,KAAM;AAC/C,MAAA,IACE,KAAA,IACA,OAAO,KAAA,KAAU,QAAA,IACjB,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,IACpB,OAAO,MAAA,CAAO,GAAG,MAAM,QAAA,EACvB;AACA,QAAA,KAAA,CAAM,MAAA,CAAO,GAAG,CAAA,EAAG,KAAK,CAAA;AACxB,QAAA;AAAA,MACF;AAEA,MAAA,MAAA,CAAO,GAAG,CAAA,GAAI,KAAA;AAAA,IAChB,CAAC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,KAAA,CAAM,OAA8B,SAAgC,CAAA;AACpE,EAAA,OAAO,KAAA;AACT,CAAA;AAEO,IAAM,iBAAA,GACX,YAAY,UAAU;AAEjB,IAAM,iBAAA,GAAoB,CAC/B,SAAA,KACG,WAAA,CAAY,YAAY,SAAS;ACvGtC,IAAM,aAAA,GAA+C;AAAA,EACnD,OAAA,EACE,mFAAA;AAAA,EACF,SAAA,EACE,8FAAA;AAAA,EACF,KAAA,EACE,+EAAA;AAAA,EACF,WAAA,EACE;AACJ,CAAA;AAEA,IAAM,UAAA,GAAyC;AAAA,EAC7C,EAAA,EAAI,kBAAA;AAAA,EACJ,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,cAAA,GACJ,oOAAA;AAEF,IAAM,OAAA,GAAU,sBACd,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oEACd,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mEAAA,EAAoE,CAAA,EACtF,CAAA;AAcF,IAAM,gBAAA,GAAmB,IACpB,MAAA,KACQ,MAAA,CAAO,OAAO,OAAO,CAAA,CAAE,KAAK,GAAG,CAAA;AAMrC,IAAM,MAAA,GAAS,UAAA;AAAA,EACpB,CACE;AAAA,IACE,OAAA,GAAU,SAAA;AAAA,IACV,IAAA,GAAO,IAAA;AAAA,IACP,IAAA,GAAO,QAAA;AAAA,IACP,SAAA,GAAY,KAAA;AAAA,IACZ,WAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,eAAA,GAAkB,SAAA,mBAAY,GAAA,CAAC,OAAA,EAAA,EAAQ,CAAA,GAAK,WAAA;AAClD,IAAA,MAAM,mBAAmB,QAAA,IAAY,SAAA;AAErC,IAAA,uBACE,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA,EAAW,gBAAA;AAAA,UACT,cAAA;AAAA,UACA,cAAc,OAAO,CAAA;AAAA,UACrB,WAAW,IAAI,CAAA;AAAA,UACf;AAAA,SACF;AAAA,QACA,aAAW,SAAA,IAAa,MAAA;AAAA,QACxB,QAAA,EAAU,gBAAA;AAAA,QACT,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,eAAA,uBACE,MAAA,EAAA,EAAK,aAAA,EAAY,QAAO,SAAA,EAAU,aAAA,EAChC,2BACH,CAAA,GACE,IAAA;AAAA,0BACJ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0BAAA,EAA4B,QAAA,EAAS,CAAA;AAAA,UACpD,YAAA,uBACE,MAAA,EAAA,EAAK,aAAA,EAAY,QAAO,SAAA,EAAU,aAAA,EAChC,wBACH,CAAA,GACE;AAAA;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;ACzEd,IAAM,KAAA,GAAQA,UAAAA;AAAA,EACnB,CACE;AAAA,IACE,IAAA;AAAA,IACA,KAAA,GAAQ,wCAAA;AAAA,IACR,WAAA,GAAc,gDAAA;AAAA,IACd,KAAA,GAAQ,oBAAA;AAAA,IACR,WAAA,GAAc,iBAAA;AAAA,IACd,QAAA,GAAW,4BAAA;AAAA,IACX,YAAA,GAAe,EAAA;AAAA,IACf,YAAA,GAAe,KAAA;AAAA,IACf,UAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,YAAY,CAAA;AAC/C,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,IAAA,MAAM,YAAA,GAAe,OAAO,KAAA,KAAsC;AAChE,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,IAAI,CAAC,UAAA,EAAY;AACf,QAAA;AAAA,MACF;AAEA,MAAA,IAAI;AACF,QAAA,UAAA,CAAW,IAAI,CAAA;AACf,QAAA,MAAM,WAAW,KAAK,CAAA;AAAA,MACxB,CAAA,SAAE;AACA,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,MAClB;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,WAAW,YAAA,IAAgB,OAAA;AAEjC,IAAA,uBACEC,IAAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW;AAAA,UACT,8HAAA;AAAA,UACA,8BAAA;AAAA,UACA;AAAA,SACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAAA,QACX,QAAA,EAAU,YAAA;AAAA,QACT,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAAA,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8CAAA,EACZ,QAAA,EAAA;AAAA,YAAA,IAAA,oBACCC,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iIAAgI,QAAA,EAAA,IAAA,EAE/I,CAAA;AAAA,4BAEFD,KAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,8BAAAC,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,mEAAA,EAAoE,QAAA,EAAA,mBAAA,EAEjF,CAAA;AAAA,8BACAA,GAAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,8CACX,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,8BACAA,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8BAA8B,QAAA,EAAA,WAAA,EAAY;AAAA,aAAA,EACzD;AAAA,WAAA,EACF,CAAA;AAAA,0BACAD,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,4BAAAC,GAAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAQ,aAAA;AAAA,gBACR,SAAA,EAAU,mCAAA;AAAA,gBAET,QAAA,EAAA;AAAA;AAAA,aACH;AAAA,4BACAA,GAAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,EAAA,EAAG,aAAA;AAAA,gBACH,IAAA,EAAK,OAAA;AAAA,gBACL,SAAA,EAAU,OAAA;AAAA,gBACV,YAAA,EAAa,OAAA;AAAA,gBACb,WAAA;AAAA,gBACA,KAAA,EAAO,KAAA;AAAA,gBACP,UAAU,CAAC,KAAA,KAAU,QAAA,CAAS,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,gBAChD,SAAA,EAAU,yLAAA;AAAA,gBACV,QAAA;AAAA,gBACA,QAAA,EAAQ;AAAA;AAAA,aACV;AAAA,4BACAA,GAAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,IAAA,EAAK,IAAA;AAAA,gBACL,SAAA,EAAU,uBAAA;AAAA,gBACV,QAAA;AAAA,gBACA,SAAA,EAAW,QAAA;AAAA,gBAEV,QAAA,EAAA;AAAA;AAAA;AACH,WAAA,EACF;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA;;;ACzGb,IAAM,kBAAA,GAAqB,CAChC,UAAA,KACG;;;ACxBE,IAAM,0BAA0B,eAAA,CAAY","file":"index.js","sourcesContent":["{\n  \"name\": \"@replicated/portal-components\",\n  \"version\": \"0.0.1\",\n  \"description\": \"Opinionated component library for Replicated enterprise portals\",\n  \"license\": \"Apache-2.0\",\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/replicatedhq/enterprise-portal-components.git\"\n  },\n  \"bugs\": {\n    \"url\": \"https://github.com/replicatedhq/enterprise-portal-components/issues\"\n  },\n  \"homepage\": \"https://github.com/replicatedhq/enterprise-portal-components#readme\",\n  \"main\": \"dist/index.js\",\n  \"module\": \"dist/esm/index.js\",\n  \"types\": \"dist/index.d.ts\",\n  \"style\": \"dist/styles.css\",\n  \"files\": [\n    \"dist\",\n    \"components/metadata\"\n  ],\n  \"sideEffects\": [\n    \"*.css\",\n    \"*.scss\"\n  ],\n  \"exports\": {\n    \".\": {\n      \"types\": \"./dist/index.d.ts\",\n      \"import\": \"./dist/esm/index.js\",\n      \"require\": \"./dist/index.js\"\n    },\n    \"./tokens\": {\n      \"types\": \"./dist/tokens/index.d.ts\",\n      \"import\": \"./dist/esm/tokens/index.js\",\n      \"require\": \"./dist/tokens/index.js\"\n    },\n    \"./actions\": {\n      \"types\": \"./dist/actions/index.d.ts\",\n      \"import\": \"./dist/esm/actions/index.js\",\n      \"require\": \"./dist/actions/index.js\"\n    },\n    \"./styles.css\": \"./dist/styles.css\",\n    \"./metadata/registry.json\": \"./components/metadata/registry.json\"\n  },\n  \"scripts\": {\n    \"clean\": \"rimraf dist\",\n    \"build\": \"npm run clean && npm run registry:generate && npm run build:css && tsup\",\n    \"build:css\": \"tailwindcss -i ./src/styles.css -o ./dist/styles.css --config tailwind.config.ts\",\n    \"dev\": \"tsup --watch\",\n    \"typecheck\": \"tsc --noEmit\",\n    \"registry:generate\": \"tsx scripts/generate-registry.ts\",\n    \"size\": \"size-limit\",\n    \"release\": \"changeset\"\n  },\n  \"peerDependencies\": {\n    \"react\": \"^19.0.0\",\n    \"react-dom\": \"^19.0.0\"\n  },\n  \"devDependencies\": {\n    \"@changesets/cli\": \"^2.27.8\",\n    \"@size-limit/preset-big-lib\": \"^9.0.0\",\n    \"@types/node\": \"^22.10.1\",\n    \"@types/react\": \"^19.0.4\",\n    \"@types/react-dom\": \"^19.0.3\",\n    \"autoprefixer\": \"^10.4.20\",\n    \"postcss\": \"^8.4.49\",\n    \"react\": \"19.0.0\",\n    \"react-dom\": \"19.0.0\",\n    \"rimraf\": \"^6.0.1\",\n    \"size-limit\": \"^9.0.0\",\n    \"tailwindcss\": \"^3.4.17\",\n    \"tslib\": \"^2.7.0\",\n    \"tsup\": \"^8.3.5\",\n    \"tsx\": \"^4.19.2\",\n    \"typescript\": \"^5.6.3\"\n  },\n  \"engines\": {\n    \"node\": \">=20\"\n  },\n  \"packageManager\": \"npm@10\",\n  \"size-limit\": [\n    {\n      \"name\": \"core entry\",\n      \"path\": \"dist/esm/index.js\",\n      \"import\": \"{ Login }\",\n      \"limit\": \"35 KB\",\n      \"gzip\": true\n    }\n  ]\n}\n","type DeepPartial<T> = {\n  [Key in keyof T]?: T[Key] extends Record<string, unknown>\n    ? DeepPartial<T[Key]>\n    : T[Key];\n};\n\nexport interface PortalThemeTokens {\n  colors: {\n    background: string;\n    foreground: string;\n    surfaceMuted: string;\n    primary: string;\n    onPrimary: string;\n    secondary: string;\n    onSecondary: string;\n    success: string;\n    warning: string;\n    danger: string;\n  };\n  radii: {\n    lg: string;\n    md: string;\n    sm: string;\n  };\n  spacing: Record<\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\", string>;\n  typography: {\n    fontFamily: string;\n    monoFamily: string;\n    lineHeight: Record<\"tight\" | \"normal\" | \"relaxed\", string>;\n  };\n  shadows: {\n    focus: string;\n    overlay: string;\n  };\n}\n\nconst baseTokens: PortalThemeTokens = {\n  colors: {\n    background: \"#0b0d12\",\n    foreground: \"#f4f6fb\",\n    surfaceMuted: \"#1b1f2a\",\n    primary: \"#0d6efd\",\n    onPrimary: \"#ffffff\",\n    secondary: \"#6c757d\",\n    onSecondary: \"#ffffff\",\n    success: \"#22c55e\",\n    warning: \"#fbbf24\",\n    danger: \"#ef4444\"\n  },\n  radii: {\n    lg: \"16px\",\n    md: \"10px\",\n    sm: \"6px\"\n  },\n  spacing: {\n    xs: \"0.25rem\",\n    sm: \"0.5rem\",\n    md: \"0.75rem\",\n    lg: \"1rem\",\n    xl: \"1.5rem\"\n  },\n  typography: {\n    fontFamily:\n      \"Inter, 'SF Pro Display', 'Segoe UI', system-ui, -apple-system, sans-serif\",\n    monoFamily: \"'JetBrains Mono', 'SFMono-Regular', Consolas, monospace\",\n    lineHeight: {\n      tight: \"1.2\",\n      normal: \"1.5\",\n      relaxed: \"1.75\"\n    }\n  },\n  shadows: {\n    focus: \"0 0 0 3px color-mix(in srgb, #0d6efd 35%, transparent)\",\n    overlay: \"0px 20px 55px rgba(5, 7, 11, 0.5)\"\n  }\n};\n\nconst mergeTokens = (\n  base: PortalThemeTokens,\n  overrides?: DeepPartial<PortalThemeTokens>\n): PortalThemeTokens => {\n  if (!overrides) {\n    return base;\n  }\n\n  const clone = structuredClone(base);\n\n  const apply = (target: Record<string, any>, source: Record<string, any>) => {\n    Object.entries(source).forEach(([key, value]) => {\n      if (\n        value &&\n        typeof value === \"object\" &&\n        !Array.isArray(value) &&\n        typeof target[key] === \"object\"\n      ) {\n        apply(target[key], value);\n        return;\n      }\n\n      target[key] = value;\n    });\n  };\n\n  apply(clone as Record<string, any>, overrides as Record<string, any>);\n  return clone;\n};\n\nexport const portalThemeTokens: PortalThemeTokens =\n  mergeTokens(baseTokens);\n\nexport const createPortalTheme = (\n  overrides?: DeepPartial<PortalThemeTokens>\n) => mergeTokens(baseTokens, overrides);\n\nexport type { DeepPartial as PortalThemeOverrides };\n","import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ReactNode\n} from \"react\";\n\nconst buttonVariants = [\"primary\", \"secondary\", \"ghost\", \"destructive\"] as const;\nconst buttonSizes = [\"sm\", \"md\", \"lg\"] as const;\n\nconst variantStyles: Record<ButtonVariant, string> = {\n  primary:\n    \"bg-primary text-primary-foreground hover:bg-primary/90 focus-visible:ring-primary\",\n  secondary:\n    \"bg-secondary/20 text-secondary-foreground hover:bg-secondary/30 focus-visible:ring-secondary\",\n  ghost:\n    \"bg-transparent text-primary hover:bg-primary/10 focus-visible:ring-primary/60\",\n  destructive:\n    \"bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger\"\n};\n\nconst sizeStyles: Record<ButtonSize, string> = {\n  sm: \"h-8 px-3 text-sm\",\n  md: \"h-10 px-4 text-sm\",\n  lg: \"h-12 px-6 text-base\"\n};\n\nconst inlineFlexBase =\n  \"inline-flex items-center justify-center gap-2 rounded-md font-medium tracking-tight transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-60\";\n\nconst Spinner = () => (\n  <span className=\"inline-flex h-3.5 w-3.5 animate-spin items-center justify-center\">\n    <span className=\"h-3 w-3 rounded-full border-2 border-transparent border-t-current\" />\n  </span>\n);\n\nexport type ButtonVariant = (typeof buttonVariants)[number];\nexport type ButtonSize = (typeof buttonSizes)[number];\n\nexport interface ButtonProps extends ComponentPropsWithoutRef<\"button\"> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  isLoading?: boolean;\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n}\n\nconst composeClassName = (\n  ...values: Array<string | undefined | false>\n): string => values.filter(Boolean).join(\" \");\n\n/**\n * Button is the primary interactive primitive for triggering portal actions.\n * It is theme aware via CSS variables generated from portal tokens.\n */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      variant = \"primary\",\n      size = \"md\",\n      type = \"button\",\n      isLoading = false,\n      leadingIcon,\n      trailingIcon,\n      disabled,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const computedLeading = isLoading ? <Spinner /> : leadingIcon;\n    const computedDisabled = disabled ?? isLoading;\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        className={composeClassName(\n          inlineFlexBase,\n          variantStyles[variant],\n          sizeStyles[size],\n          className\n        )}\n        aria-busy={isLoading || undefined}\n        disabled={computedDisabled}\n        {...props}\n      >\n        {computedLeading ? (\n          <span aria-hidden=\"true\" className=\"inline-flex\">\n            {computedLeading}\n          </span>\n        ) : null}\n        <span className=\"flex-1 whitespace-nowrap\">{children}</span>\n        {trailingIcon ? (\n          <span aria-hidden=\"true\" className=\"inline-flex\">\n            {trailingIcon}\n          </span>\n        ) : null}\n      </button>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n","'use client';\n\nimport {\n  forwardRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type FormEvent,\n  type ReactNode\n} from \"react\";\n\nimport { Button } from \"./button\";\n\nexport interface LoginProps\n  extends Omit<ComponentPropsWithoutRef<\"form\">, \"onSubmit\" | \"children\"> {\n  logo?: ReactNode;\n  title?: string;\n  description?: string;\n  label?: string;\n  placeholder?: string;\n  ctaLabel?: string;\n  initialEmail?: string;\n  isSubmitting?: boolean;\n  onContinue?: (email: string) => Promise<void> | void;\n}\n\n/**\n * Login renders a compact form card tailored for portal authentication flows.\n * The component keeps styling self-contained so it can be dropped into the\n * local Next.js template without additional wrappers.\n */\nexport const Login = forwardRef<HTMLFormElement, LoginProps>(\n  (\n    {\n      logo,\n      title = \"Enterprise Factory Installation Portal\",\n      description = \"Sign in to manage your enterprise installation\",\n      label = \"Work email address\",\n      placeholder = \"you@company.com\",\n      ctaLabel = \"Continue with email →\",\n      initialEmail = \"\",\n      isSubmitting = false,\n      onContinue,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const [email, setEmail] = useState(initialEmail);\n    const [pending, setPending] = useState(false);\n\n    const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      if (!onContinue) {\n        return;\n      }\n\n      try {\n        setPending(true);\n        await onContinue(email);\n      } finally {\n        setPending(false);\n      }\n    };\n\n    const disabled = isSubmitting || pending;\n\n    return (\n      <form\n        ref={ref}\n        className={[\n          \"w-full max-w-md rounded-3xl border border-white/15 bg-slate-950/80 p-10 shadow-[0_25px_70px_rgba(5,7,11,0.65)] backdrop-blur\",\n          \"text-white transition-shadow\",\n          className\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        onSubmit={handleSubmit}\n        {...props}\n      >\n        <div className=\"flex flex-col items-center gap-4 text-center\">\n          {logo ?? (\n            <div className=\"flex h-16 w-16 items-center justify-center rounded-2xl border border-white/20 bg-white/10 text-lg font-semibold leading-tight\">\n              EP\n            </div>\n          )}\n          <div>\n            <p className=\"text-base font-semibold uppercase tracking-[0.35em] text-white/65\">\n              Enterprise Portal\n            </p>\n            <h1 className=\"mt-3 text-3xl font-semibold tracking-tight\">\n              {title}\n            </h1>\n            <p className=\"mt-2 text-sm text-white/70\">{description}</p>\n          </div>\n        </div>\n        <div className=\"mt-8 space-y-3\">\n          <label\n            htmlFor=\"login-email\"\n            className=\"text-sm font-medium text-white/70\"\n          >\n            {label}\n          </label>\n          <input\n            id=\"login-email\"\n            type=\"email\"\n            inputMode=\"email\"\n            autoComplete=\"email\"\n            placeholder={placeholder}\n            value={email}\n            onChange={(event) => setEmail(event.target.value)}\n            className=\"w-full rounded-2xl border border-white/15 bg-white/5 px-5 py-4 text-base text-white placeholder:text-white/40 focus:border-white/40 focus:outline-none focus:ring-2 focus:ring-white/25\"\n            disabled={disabled}\n            required\n          />\n          <Button\n            type=\"submit\"\n            size=\"lg\"\n            className=\"w-full justify-center\"\n            disabled={disabled}\n            isLoading={disabled}\n          >\n            {ctaLabel}\n          </Button>\n        </div>\n      </form>\n    );\n  }\n);\n\nLogin.displayName = \"Login\";\n","/**\n * Light-weight type helpers for defining Server Actions that align with the\n * enterprise portal guardrails. The component library does not implement\n * specific actions, but it exports helpers so downstream portals can describe\n * their actions with consistent metadata.\n */\n\nexport type PortalActionVisibility = \"vendor\" | \"customer\";\n\nexport interface PortalActionContext {\n  vendorId: string;\n  licenseId: string;\n  userId: string;\n  signal?: AbortSignal;\n}\n\nexport interface PortalServerActionDefinition<Input, Output> {\n  id: string;\n  description: string;\n  visibility: PortalActionVisibility;\n  tags: string[];\n  run: (input: Input, context: PortalActionContext) => Promise<Output>;\n}\n\nexport const defineServerAction = <Input, Output>(\n  definition: PortalServerActionDefinition<Input, Output>\n) => definition;\n","import packageJson from \"../package.json\";\n\nexport const portalComponentsVersion = packageJson.version;\n\nexport type {\n  ComponentAccessibilityMetadata,\n  ComponentBehaviorMetadata,\n  ComponentCategory,\n  ComponentRegistryDocument,\n  ComponentRegistryEntry,\n  ComponentExampleMetadata,\n  ComponentPerformanceMetadata,\n  ComponentPropMetadata\n} from \"./types/metadata\";\n\nexport {\n  createPortalTheme,\n  portalThemeTokens\n} from \"./tokens\";\nexport type { PortalThemeTokens, PortalThemeOverrides } from \"./tokens\";\n\nexport * from \"./components\";\n\nexport {\n  defineServerAction\n} from \"./actions\";\nexport type {\n  PortalActionContext,\n  PortalActionVisibility,\n  PortalServerActionDefinition\n} from \"./actions\";\n"]}

package/dist/esm/tokens/index.js

@@ -0,0 +1,68 @@
+/**
+ * Enterprise Portal Components
+ * This file is generated by tsup. Do not edit manually.
+ */
+
+// src/tokens/index.ts
+var baseTokens = {
+  colors: {
+    background: "#0b0d12",
+    foreground: "#f4f6fb",
+    surfaceMuted: "#1b1f2a",
+    primary: "#0d6efd",
+    onPrimary: "#ffffff",
+    secondary: "#6c757d",
+    onSecondary: "#ffffff",
+    success: "#22c55e",
+    warning: "#fbbf24",
+    danger: "#ef4444"
+  },
+  radii: {
+    lg: "16px",
+    md: "10px",
+    sm: "6px"
+  },
+  spacing: {
+    xs: "0.25rem",
+    sm: "0.5rem",
+    md: "0.75rem",
+    lg: "1rem",
+    xl: "1.5rem"
+  },
+  typography: {
+    fontFamily: "Inter, 'SF Pro Display', 'Segoe UI', system-ui, -apple-system, sans-serif",
+    monoFamily: "'JetBrains Mono', 'SFMono-Regular', Consolas, monospace",
+    lineHeight: {
+      tight: "1.2",
+      normal: "1.5",
+      relaxed: "1.75"
+    }
+  },
+  shadows: {
+    focus: "0 0 0 3px color-mix(in srgb, #0d6efd 35%, transparent)",
+    overlay: "0px 20px 55px rgba(5, 7, 11, 0.5)"
+  }
+};
+var mergeTokens = (base, overrides) => {
+  if (!overrides) {
+    return base;
+  }
+  const clone = structuredClone(base);
+  const apply = (target, source) => {
+    Object.entries(source).forEach(([key, value]) => {
+      if (value && typeof value === "object" && !Array.isArray(value) && typeof target[key] === "object") {
+        apply(target[key], value);
+        return;
+      }
+      target[key] = value;
+    });
+  };
+  apply(clone, overrides);
+  return clone;
+};
+var portalThemeTokens = mergeTokens(baseTokens);
+var createPortalTheme = (overrides) => mergeTokens(baseTokens, overrides);
+
+export { createPortalTheme, portalThemeTokens };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tokens/index.ts"],"names":[],"mappings":";;;;;;AAoCA,IAAM,UAAA,GAAgC;AAAA,EACpC,MAAA,EAAQ;AAAA,IACN,UAAA,EAAY,SAAA;AAAA,IACZ,UAAA,EAAY,SAAA;AAAA,IACZ,YAAA,EAAc,SAAA;AAAA,IACd,OAAA,EAAS,SAAA;AAAA,IACT,SAAA,EAAW,SAAA;AAAA,IACX,SAAA,EAAW,SAAA;AAAA,IACX,WAAA,EAAa,SAAA;AAAA,IACb,OAAA,EAAS,SAAA;AAAA,IACT,OAAA,EAAS,SAAA;AAAA,IACT,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,KAAA,EAAO;AAAA,IACL,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AAAA,EACA,OAAA,EAAS;AAAA,IACP,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AAAA,EACA,UAAA,EAAY;AAAA,IACV,UAAA,EACE,2EAAA;AAAA,IACF,UAAA,EAAY,yDAAA;AAAA,IACZ,UAAA,EAAY;AAAA,MACV,KAAA,EAAO,KAAA;AAAA,MACP,MAAA,EAAQ,KAAA;AAAA,MACR,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,OAAA,EAAS;AAAA,IACP,KAAA,EAAO,wDAAA;AAAA,IACP,OAAA,EAAS;AAAA;AAEb,CAAA;AAEA,IAAM,WAAA,GAAc,CAClB,IAAA,EACA,SAAA,KACsB;AACtB,EAAA,IAAI,CAAC,SAAA,EAAW;AACd,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,KAAA,GAAQ,gBAAgB,IAAI,CAAA;AAElC,EAAA,MAAM,KAAA,GAAQ,CAAC,MAAA,EAA6B,MAAA,KAAgC;AAC1E,IAAA,MAAA,CAAO,OAAA,CAAQ,MAAM,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC,GAAA,EAAK,KAAK,CAAA,KAAM;AAC/C,MAAA,IACE,KAAA,IACA,OAAO,KAAA,KAAU,QAAA,IACjB,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,IACpB,OAAO,MAAA,CAAO,GAAG,MAAM,QAAA,EACvB;AACA,QAAA,KAAA,CAAM,MAAA,CAAO,GAAG,CAAA,EAAG,KAAK,CAAA;AACxB,QAAA;AAAA,MACF;AAEA,MAAA,MAAA,CAAO,GAAG,CAAA,GAAI,KAAA;AAAA,IAChB,CAAC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,KAAA,CAAM,OAA8B,SAAgC,CAAA;AACpE,EAAA,OAAO,KAAA;AACT,CAAA;AAEO,IAAM,iBAAA,GACX,YAAY,UAAU;AAEjB,IAAM,iBAAA,GAAoB,CAC/B,SAAA,KACG,WAAA,CAAY,YAAY,SAAS","file":"index.js","sourcesContent":["type DeepPartial<T> = {\n  [Key in keyof T]?: T[Key] extends Record<string, unknown>\n    ? DeepPartial<T[Key]>\n    : T[Key];\n};\n\nexport interface PortalThemeTokens {\n  colors: {\n    background: string;\n    foreground: string;\n    surfaceMuted: string;\n    primary: string;\n    onPrimary: string;\n    secondary: string;\n    onSecondary: string;\n    success: string;\n    warning: string;\n    danger: string;\n  };\n  radii: {\n    lg: string;\n    md: string;\n    sm: string;\n  };\n  spacing: Record<\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\", string>;\n  typography: {\n    fontFamily: string;\n    monoFamily: string;\n    lineHeight: Record<\"tight\" | \"normal\" | \"relaxed\", string>;\n  };\n  shadows: {\n    focus: string;\n    overlay: string;\n  };\n}\n\nconst baseTokens: PortalThemeTokens = {\n  colors: {\n    background: \"#0b0d12\",\n    foreground: \"#f4f6fb\",\n    surfaceMuted: \"#1b1f2a\",\n    primary: \"#0d6efd\",\n    onPrimary: \"#ffffff\",\n    secondary: \"#6c757d\",\n    onSecondary: \"#ffffff\",\n    success: \"#22c55e\",\n    warning: \"#fbbf24\",\n    danger: \"#ef4444\"\n  },\n  radii: {\n    lg: \"16px\",\n    md: \"10px\",\n    sm: \"6px\"\n  },\n  spacing: {\n    xs: \"0.25rem\",\n    sm: \"0.5rem\",\n    md: \"0.75rem\",\n    lg: \"1rem\",\n    xl: \"1.5rem\"\n  },\n  typography: {\n    fontFamily:\n      \"Inter, 'SF Pro Display', 'Segoe UI', system-ui, -apple-system, sans-serif\",\n    monoFamily: \"'JetBrains Mono', 'SFMono-Regular', Consolas, monospace\",\n    lineHeight: {\n      tight: \"1.2\",\n      normal: \"1.5\",\n      relaxed: \"1.75\"\n    }\n  },\n  shadows: {\n    focus: \"0 0 0 3px color-mix(in srgb, #0d6efd 35%, transparent)\",\n    overlay: \"0px 20px 55px rgba(5, 7, 11, 0.5)\"\n  }\n};\n\nconst mergeTokens = (\n  base: PortalThemeTokens,\n  overrides?: DeepPartial<PortalThemeTokens>\n): PortalThemeTokens => {\n  if (!overrides) {\n    return base;\n  }\n\n  const clone = structuredClone(base);\n\n  const apply = (target: Record<string, any>, source: Record<string, any>) => {\n    Object.entries(source).forEach(([key, value]) => {\n      if (\n        value &&\n        typeof value === \"object\" &&\n        !Array.isArray(value) &&\n        typeof target[key] === \"object\"\n      ) {\n        apply(target[key], value);\n        return;\n      }\n\n      target[key] = value;\n    });\n  };\n\n  apply(clone as Record<string, any>, overrides as Record<string, any>);\n  return clone;\n};\n\nexport const portalThemeTokens: PortalThemeTokens =\n  mergeTokens(baseTokens);\n\nexport const createPortalTheme = (\n  overrides?: DeepPartial<PortalThemeTokens>\n) => mergeTokens(baseTokens, overrides);\n\nexport type { DeepPartial as PortalThemeOverrides };\n"]}

package/dist/index.d.mts

@@ -0,0 +1,122 @@
+export { PortalThemeOverrides, PortalThemeTokens, createPortalTheme, portalThemeTokens } from './tokens/index.mjs';
+import * as react from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export { PortalActionContext, PortalActionVisibility, PortalServerActionDefinition, defineServerAction } from './actions/index.mjs';
+
+/**
+ * Types that describe the metadata schema documented in
+ * proposals/enterprise_portal_builder.md.
+ * The component registry generator consumes these definitions to keep the JSON
+ * manifest consistent with what the LLM expects.
+ */
+type ComponentCategory = "primitive" | "pattern" | "layout" | "enterprise";
+type ComponentBehaviorMode = "server" | "client" | "hybrid";
+interface ComponentPropConstraints {
+    min?: number;
+    max?: number;
+    allowedValues?: Array<string | number>;
+    pattern?: string;
+}
+interface ComponentPropDeprecation {
+    message: string;
+    replacement?: string;
+}
+interface ComponentPropMetadata {
+    name: string;
+    type: string;
+    required: boolean;
+    defaultValue?: string;
+    description: string;
+    constraints?: ComponentPropConstraints;
+    deprecation?: ComponentPropDeprecation;
+}
+interface CompositionRuleMetadata {
+    requiredParents?: string[];
+    requiredChildren?: string[];
+    forbiddenChildren?: string[];
+    slots?: string[];
+}
+interface ComponentExampleMetadata {
+    id: string;
+    description: string;
+    code: string;
+    scenario: string;
+}
+interface ComponentBehaviorMetadata {
+    mode: ComponentBehaviorMode;
+    requiresJavaScript: boolean;
+    dataAccess: "none" | "server-action" | "client-hook";
+    managesState: "presentational" | "local-state" | "controlled";
+}
+interface ComponentAccessibilityMetadata {
+    aria?: string[];
+    keyboard?: string[];
+    screenReader?: string[];
+    focusManagement?: string[];
+}
+interface ComponentPerformanceMetadata {
+    bundleImpact: "low" | "medium" | "high";
+    notes?: string;
+    lazyLoadable?: boolean;
+    virtualization?: boolean;
+}
+interface ComponentRegistryEntry {
+    name: string;
+    displayName: string;
+    versionIntroduced: string;
+    stability: "experimental" | "beta" | "stable" | "deprecated";
+    category: ComponentCategory;
+    tags: string[];
+    description: string;
+    props: ComponentPropMetadata[];
+    composition: CompositionRuleMetadata;
+    examples: ComponentExampleMetadata[];
+    behavior: ComponentBehaviorMetadata;
+    accessibility: ComponentAccessibilityMetadata;
+    performance: ComponentPerformanceMetadata;
+    relatedComponents?: string[];
+}
+interface ComponentRegistryDocument {
+    version: string;
+    generatedAt: string;
+    components: ComponentRegistryEntry[];
+}
+
+declare const buttonVariants: readonly ["primary", "secondary", "ghost", "destructive"];
+declare const buttonSizes: readonly ["sm", "md", "lg"];
+type ButtonVariant = (typeof buttonVariants)[number];
+type ButtonSize = (typeof buttonSizes)[number];
+interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    isLoading?: boolean;
+    leadingIcon?: ReactNode;
+    trailingIcon?: ReactNode;
+}
+/**
+ * Button is the primary interactive primitive for triggering portal actions.
+ * It is theme aware via CSS variables generated from portal tokens.
+ */
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface LoginProps extends Omit<ComponentPropsWithoutRef<"form">, "onSubmit" | "children"> {
+    logo?: ReactNode;
+    title?: string;
+    description?: string;
+    label?: string;
+    placeholder?: string;
+    ctaLabel?: string;
+    initialEmail?: string;
+    isSubmitting?: boolean;
+    onContinue?: (email: string) => Promise<void> | void;
+}
+/**
+ * Login renders a compact form card tailored for portal authentication flows.
+ * The component keeps styling self-contained so it can be dropped into the
+ * local Next.js template without additional wrappers.
+ */
+declare const Login: react.ForwardRefExoticComponent<LoginProps & react.RefAttributes<HTMLFormElement>>;
+
+declare const portalComponentsVersion: string;
+
+export { Button, type ButtonProps, type ButtonSize, type ButtonVariant, type ComponentAccessibilityMetadata, type ComponentBehaviorMetadata, type ComponentCategory, type ComponentExampleMetadata, type ComponentPerformanceMetadata, type ComponentPropMetadata, type ComponentRegistryDocument, type ComponentRegistryEntry, Login, type LoginProps, portalComponentsVersion };

package/dist/index.d.ts

@@ -0,0 +1,122 @@
+export { PortalThemeOverrides, PortalThemeTokens, createPortalTheme, portalThemeTokens } from './tokens/index.js';
+import * as react from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export { PortalActionContext, PortalActionVisibility, PortalServerActionDefinition, defineServerAction } from './actions/index.js';
+
+/**
+ * Types that describe the metadata schema documented in
+ * proposals/enterprise_portal_builder.md.
+ * The component registry generator consumes these definitions to keep the JSON
+ * manifest consistent with what the LLM expects.
+ */
+type ComponentCategory = "primitive" | "pattern" | "layout" | "enterprise";
+type ComponentBehaviorMode = "server" | "client" | "hybrid";
+interface ComponentPropConstraints {
+    min?: number;
+    max?: number;
+    allowedValues?: Array<string | number>;
+    pattern?: string;
+}
+interface ComponentPropDeprecation {
+    message: string;
+    replacement?: string;
+}
+interface ComponentPropMetadata {
+    name: string;
+    type: string;
+    required: boolean;
+    defaultValue?: string;
+    description: string;
+    constraints?: ComponentPropConstraints;
+    deprecation?: ComponentPropDeprecation;
+}
+interface CompositionRuleMetadata {
+    requiredParents?: string[];
+    requiredChildren?: string[];
+    forbiddenChildren?: string[];
+    slots?: string[];
+}
+interface ComponentExampleMetadata {
+    id: string;
+    description: string;
+    code: string;
+    scenario: string;
+}
+interface ComponentBehaviorMetadata {
+    mode: ComponentBehaviorMode;
+    requiresJavaScript: boolean;
+    dataAccess: "none" | "server-action" | "client-hook";
+    managesState: "presentational" | "local-state" | "controlled";
+}
+interface ComponentAccessibilityMetadata {
+    aria?: string[];
+    keyboard?: string[];
+    screenReader?: string[];
+    focusManagement?: string[];
+}
+interface ComponentPerformanceMetadata {
+    bundleImpact: "low" | "medium" | "high";
+    notes?: string;
+    lazyLoadable?: boolean;
+    virtualization?: boolean;
+}
+interface ComponentRegistryEntry {
+    name: string;
+    displayName: string;
+    versionIntroduced: string;
+    stability: "experimental" | "beta" | "stable" | "deprecated";
+    category: ComponentCategory;
+    tags: string[];
+    description: string;
+    props: ComponentPropMetadata[];
+    composition: CompositionRuleMetadata;
+    examples: ComponentExampleMetadata[];
+    behavior: ComponentBehaviorMetadata;
+    accessibility: ComponentAccessibilityMetadata;
+    performance: ComponentPerformanceMetadata;
+    relatedComponents?: string[];
+}
+interface ComponentRegistryDocument {
+    version: string;
+    generatedAt: string;
+    components: ComponentRegistryEntry[];
+}
+
+declare const buttonVariants: readonly ["primary", "secondary", "ghost", "destructive"];
+declare const buttonSizes: readonly ["sm", "md", "lg"];
+type ButtonVariant = (typeof buttonVariants)[number];
+type ButtonSize = (typeof buttonSizes)[number];
+interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    isLoading?: boolean;
+    leadingIcon?: ReactNode;
+    trailingIcon?: ReactNode;
+}
+/**
+ * Button is the primary interactive primitive for triggering portal actions.
+ * It is theme aware via CSS variables generated from portal tokens.
+ */
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface LoginProps extends Omit<ComponentPropsWithoutRef<"form">, "onSubmit" | "children"> {
+    logo?: ReactNode;
+    title?: string;
+    description?: string;
+    label?: string;
+    placeholder?: string;
+    ctaLabel?: string;
+    initialEmail?: string;
+    isSubmitting?: boolean;
+    onContinue?: (email: string) => Promise<void> | void;
+}
+/**
+ * Login renders a compact form card tailored for portal authentication flows.
+ * The component keeps styling self-contained so it can be dropped into the
+ * local Next.js template without additional wrappers.
+ */
+declare const Login: react.ForwardRefExoticComponent<LoginProps & react.RefAttributes<HTMLFormElement>>;
+
+declare const portalComponentsVersion: string;
+
+export { Button, type ButtonProps, type ButtonSize, type ButtonVariant, type ComponentAccessibilityMetadata, type ComponentBehaviorMetadata, type ComponentCategory, type ComponentExampleMetadata, type ComponentPerformanceMetadata, type ComponentPropMetadata, type ComponentRegistryDocument, type ComponentRegistryEntry, Login, type LoginProps, portalComponentsVersion };

package/dist/index.js

@@ -0,0 +1,232 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+/**
+ * Enterprise Portal Components
+ * This file is generated by tsup. Do not edit manually.
+ */
+
+// package.json
+var package_default = {
+  version: "0.0.1"};
+
+// src/tokens/index.ts
+var baseTokens = {
+  colors: {
+    background: "#0b0d12",
+    foreground: "#f4f6fb",
+    surfaceMuted: "#1b1f2a",
+    primary: "#0d6efd",
+    onPrimary: "#ffffff",
+    secondary: "#6c757d",
+    onSecondary: "#ffffff",
+    success: "#22c55e",
+    warning: "#fbbf24",
+    danger: "#ef4444"
+  },
+  radii: {
+    lg: "16px",
+    md: "10px",
+    sm: "6px"
+  },
+  spacing: {
+    xs: "0.25rem",
+    sm: "0.5rem",
+    md: "0.75rem",
+    lg: "1rem",
+    xl: "1.5rem"
+  },
+  typography: {
+    fontFamily: "Inter, 'SF Pro Display', 'Segoe UI', system-ui, -apple-system, sans-serif",
+    monoFamily: "'JetBrains Mono', 'SFMono-Regular', Consolas, monospace",
+    lineHeight: {
+      tight: "1.2",
+      normal: "1.5",
+      relaxed: "1.75"
+    }
+  },
+  shadows: {
+    focus: "0 0 0 3px color-mix(in srgb, #0d6efd 35%, transparent)",
+    overlay: "0px 20px 55px rgba(5, 7, 11, 0.5)"
+  }
+};
+var mergeTokens = (base, overrides) => {
+  if (!overrides) {
+    return base;
+  }
+  const clone = structuredClone(base);
+  const apply = (target, source) => {
+    Object.entries(source).forEach(([key, value]) => {
+      if (value && typeof value === "object" && !Array.isArray(value) && typeof target[key] === "object") {
+        apply(target[key], value);
+        return;
+      }
+      target[key] = value;
+    });
+  };
+  apply(clone, overrides);
+  return clone;
+};
+var portalThemeTokens = mergeTokens(baseTokens);
+var createPortalTheme = (overrides) => mergeTokens(baseTokens, overrides);
+var variantStyles = {
+  primary: "bg-primary text-primary-foreground hover:bg-primary/90 focus-visible:ring-primary",
+  secondary: "bg-secondary/20 text-secondary-foreground hover:bg-secondary/30 focus-visible:ring-secondary",
+  ghost: "bg-transparent text-primary hover:bg-primary/10 focus-visible:ring-primary/60",
+  destructive: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger"
+};
+var sizeStyles = {
+  sm: "h-8 px-3 text-sm",
+  md: "h-10 px-4 text-sm",
+  lg: "h-12 px-6 text-base"
+};
+var inlineFlexBase = "inline-flex items-center justify-center gap-2 rounded-md font-medium tracking-tight transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-60";
+var Spinner = () => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex h-3.5 w-3.5 animate-spin items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-3 w-3 rounded-full border-2 border-transparent border-t-current" }) });
+var composeClassName = (...values) => values.filter(Boolean).join(" ");
+var Button = react.forwardRef(
+  ({
+    variant = "primary",
+    size = "md",
+    type = "button",
+    isLoading = false,
+    leadingIcon,
+    trailingIcon,
+    disabled,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const computedLeading = isLoading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) : leadingIcon;
+    const computedDisabled = disabled ?? isLoading;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ref,
+        type,
+        className: composeClassName(
+          inlineFlexBase,
+          variantStyles[variant],
+          sizeStyles[size],
+          className
+        ),
+        "aria-busy": isLoading || void 0,
+        disabled: computedDisabled,
+        ...props,
+        children: [
+          computedLeading ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "inline-flex", children: computedLeading }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 whitespace-nowrap", children }),
+          trailingIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "inline-flex", children: trailingIcon }) : null
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Login = react.forwardRef(
+  ({
+    logo,
+    title = "Enterprise Factory Installation Portal",
+    description = "Sign in to manage your enterprise installation",
+    label = "Work email address",
+    placeholder = "you@company.com",
+    ctaLabel = "Continue with email \u2192",
+    initialEmail = "",
+    isSubmitting = false,
+    onContinue,
+    className,
+    ...props
+  }, ref) => {
+    const [email, setEmail] = react.useState(initialEmail);
+    const [pending, setPending] = react.useState(false);
+    const handleSubmit = async (event) => {
+      event.preventDefault();
+      if (!onContinue) {
+        return;
+      }
+      try {
+        setPending(true);
+        await onContinue(email);
+      } finally {
+        setPending(false);
+      }
+    };
+    const disabled = isSubmitting || pending;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        ref,
+        className: [
+          "w-full max-w-md rounded-3xl border border-white/15 bg-slate-950/80 p-10 shadow-[0_25px_70px_rgba(5,7,11,0.65)] backdrop-blur",
+          "text-white transition-shadow",
+          className
+        ].filter(Boolean).join(" "),
+        onSubmit: handleSubmit,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4 text-center", children: [
+            logo ?? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-2xl border border-white/20 bg-white/10 text-lg font-semibold leading-tight", children: "EP" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-semibold uppercase tracking-[0.35em] text-white/65", children: "Enterprise Portal" }),
+              /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mt-3 text-3xl font-semibold tracking-tight", children: title }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-white/70", children: description })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 space-y-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "label",
+              {
+                htmlFor: "login-email",
+                className: "text-sm font-medium text-white/70",
+                children: label
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                id: "login-email",
+                type: "email",
+                inputMode: "email",
+                autoComplete: "email",
+                placeholder,
+                value: email,
+                onChange: (event) => setEmail(event.target.value),
+                className: "w-full rounded-2xl border border-white/15 bg-white/5 px-5 py-4 text-base text-white placeholder:text-white/40 focus:border-white/40 focus:outline-none focus:ring-2 focus:ring-white/25",
+                disabled,
+                required: true
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                type: "submit",
+                size: "lg",
+                className: "w-full justify-center",
+                disabled,
+                isLoading: disabled,
+                children: ctaLabel
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+Login.displayName = "Login";
+
+// src/actions/index.ts
+var defineServerAction = (definition) => definition;
+
+// src/index.ts
+var portalComponentsVersion = package_default.version;
+
+exports.Button = Button;
+exports.Login = Login;
+exports.createPortalTheme = createPortalTheme;
+exports.defineServerAction = defineServerAction;
+exports.portalComponentsVersion = portalComponentsVersion;
+exports.portalThemeTokens = portalThemeTokens;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../package.json","../src/tokens/index.ts","../src/components/button.tsx","../src/components/login.tsx","../src/actions/index.ts","../src/index.ts"],"names":["jsx","forwardRef","jsxs","useState"],"mappings":"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","file":"index.js","sourcesContent":["{\n  \"name\": \"@replicated/portal-components\",\n  \"version\": \"0.0.1\",\n  \"description\": \"Opinionated component library for Replicated enterprise portals\",\n  \"license\": \"Apache-2.0\",\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/replicatedhq/enterprise-portal-components.git\"\n  },\n  \"bugs\": {\n    \"url\": \"https://github.com/replicatedhq/enterprise-portal-components/issues\"\n  },\n  \"homepage\": \"https://github.com/replicatedhq/enterprise-portal-components#readme\",\n  \"main\": \"dist/index.js\",\n  \"module\": \"dist/esm/index.js\",\n  \"types\": \"dist/index.d.ts\",\n  \"style\": \"dist/styles.css\",\n  \"files\": [\n    \"dist\",\n    \"components/metadata\"\n  ],\n  \"sideEffects\": [\n    \"*.css\",\n    \"*.scss\"\n  ],\n  \"exports\": {\n    \".\": {\n      \"types\": \"./dist/index.d.ts\",\n      \"import\": \"./dist/esm/index.js\",\n      \"require\": \"./dist/index.js\"\n    },\n    \"./tokens\": {\n      \"types\": \"./dist/tokens/index.d.ts\",\n      \"import\": \"./dist/esm/tokens/index.js\",\n      \"require\": \"./dist/tokens/index.js\"\n    },\n    \"./actions\": {\n      \"types\": \"./dist/actions/index.d.ts\",\n      \"import\": \"./dist/esm/actions/index.js\",\n      \"require\": \"./dist/actions/index.js\"\n    },\n    \"./styles.css\": \"./dist/styles.css\",\n    \"./metadata/registry.json\": \"./components/metadata/registry.json\"\n  },\n  \"scripts\": {\n    \"clean\": \"rimraf dist\",\n    \"build\": \"npm run clean && npm run registry:generate && npm run build:css && tsup\",\n    \"build:css\": \"tailwindcss -i ./src/styles.css -o ./dist/styles.css --config tailwind.config.ts\",\n    \"dev\": \"tsup --watch\",\n    \"typecheck\": \"tsc --noEmit\",\n    \"registry:generate\": \"tsx scripts/generate-registry.ts\",\n    \"size\": \"size-limit\",\n    \"release\": \"changeset\"\n  },\n  \"peerDependencies\": {\n    \"react\": \"^19.0.0\",\n    \"react-dom\": \"^19.0.0\"\n  },\n  \"devDependencies\": {\n    \"@changesets/cli\": \"^2.27.8\",\n    \"@size-limit/preset-big-lib\": \"^9.0.0\",\n    \"@types/node\": \"^22.10.1\",\n    \"@types/react\": \"^19.0.4\",\n    \"@types/react-dom\": \"^19.0.3\",\n    \"autoprefixer\": \"^10.4.20\",\n    \"postcss\": \"^8.4.49\",\n    \"react\": \"19.0.0\",\n    \"react-dom\": \"19.0.0\",\n    \"rimraf\": \"^6.0.1\",\n    \"size-limit\": \"^9.0.0\",\n    \"tailwindcss\": \"^3.4.17\",\n    \"tslib\": \"^2.7.0\",\n    \"tsup\": \"^8.3.5\",\n    \"tsx\": \"^4.19.2\",\n    \"typescript\": \"^5.6.3\"\n  },\n  \"engines\": {\n    \"node\": \">=20\"\n  },\n  \"packageManager\": \"npm@10\",\n  \"size-limit\": [\n    {\n      \"name\": \"core entry\",\n      \"path\": \"dist/esm/index.js\",\n      \"import\": \"{ Login }\",\n      \"limit\": \"35 KB\",\n      \"gzip\": true\n    }\n  ]\n}\n","type DeepPartial<T> = {\n  [Key in keyof T]?: T[Key] extends Record<string, unknown>\n    ? DeepPartial<T[Key]>\n    : T[Key];\n};\n\nexport interface PortalThemeTokens {\n  colors: {\n    background: string;\n    foreground: string;\n    surfaceMuted: string;\n    primary: string;\n    onPrimary: string;\n    secondary: string;\n    onSecondary: string;\n    success: string;\n    warning: string;\n    danger: string;\n  };\n  radii: {\n    lg: string;\n    md: string;\n    sm: string;\n  };\n  spacing: Record<\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\", string>;\n  typography: {\n    fontFamily: string;\n    monoFamily: string;\n    lineHeight: Record<\"tight\" | \"normal\" | \"relaxed\", string>;\n  };\n  shadows: {\n    focus: string;\n    overlay: string;\n  };\n}\n\nconst baseTokens: PortalThemeTokens = {\n  colors: {\n    background: \"#0b0d12\",\n    foreground: \"#f4f6fb\",\n    surfaceMuted: \"#1b1f2a\",\n    primary: \"#0d6efd\",\n    onPrimary: \"#ffffff\",\n    secondary: \"#6c757d\",\n    onSecondary: \"#ffffff\",\n    success: \"#22c55e\",\n    warning: \"#fbbf24\",\n    danger: \"#ef4444\"\n  },\n  radii: {\n    lg: \"16px\",\n    md: \"10px\",\n    sm: \"6px\"\n  },\n  spacing: {\n    xs: \"0.25rem\",\n    sm: \"0.5rem\",\n    md: \"0.75rem\",\n    lg: \"1rem\",\n    xl: \"1.5rem\"\n  },\n  typography: {\n    fontFamily:\n      \"Inter, 'SF Pro Display', 'Segoe UI', system-ui, -apple-system, sans-serif\",\n    monoFamily: \"'JetBrains Mono', 'SFMono-Regular', Consolas, monospace\",\n    lineHeight: {\n      tight: \"1.2\",\n      normal: \"1.5\",\n      relaxed: \"1.75\"\n    }\n  },\n  shadows: {\n    focus: \"0 0 0 3px color-mix(in srgb, #0d6efd 35%, transparent)\",\n    overlay: \"0px 20px 55px rgba(5, 7, 11, 0.5)\"\n  }\n};\n\nconst mergeTokens = (\n  base: PortalThemeTokens,\n  overrides?: DeepPartial<PortalThemeTokens>\n): PortalThemeTokens => {\n  if (!overrides) {\n    return base;\n  }\n\n  const clone = structuredClone(base);\n\n  const apply = (target: Record<string, any>, source: Record<string, any>) => {\n    Object.entries(source).forEach(([key, value]) => {\n      if (\n        value &&\n        typeof value === \"object\" &&\n        !Array.isArray(value) &&\n        typeof target[key] === \"object\"\n      ) {\n        apply(target[key], value);\n        return;\n      }\n\n      target[key] = value;\n    });\n  };\n\n  apply(clone as Record<string, any>, overrides as Record<string, any>);\n  return clone;\n};\n\nexport const portalThemeTokens: PortalThemeTokens =\n  mergeTokens(baseTokens);\n\nexport const createPortalTheme = (\n  overrides?: DeepPartial<PortalThemeTokens>\n) => mergeTokens(baseTokens, overrides);\n\nexport type { DeepPartial as PortalThemeOverrides };\n","import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ReactNode\n} from \"react\";\n\nconst buttonVariants = [\"primary\", \"secondary\", \"ghost\", \"destructive\"] as const;\nconst buttonSizes = [\"sm\", \"md\", \"lg\"] as const;\n\nconst variantStyles: Record<ButtonVariant, string> = {\n  primary:\n    \"bg-primary text-primary-foreground hover:bg-primary/90 focus-visible:ring-primary\",\n  secondary:\n    \"bg-secondary/20 text-secondary-foreground hover:bg-secondary/30 focus-visible:ring-secondary\",\n  ghost:\n    \"bg-transparent text-primary hover:bg-primary/10 focus-visible:ring-primary/60\",\n  destructive:\n    \"bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger\"\n};\n\nconst sizeStyles: Record<ButtonSize, string> = {\n  sm: \"h-8 px-3 text-sm\",\n  md: \"h-10 px-4 text-sm\",\n  lg: \"h-12 px-6 text-base\"\n};\n\nconst inlineFlexBase =\n  \"inline-flex items-center justify-center gap-2 rounded-md font-medium tracking-tight transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-60\";\n\nconst Spinner = () => (\n  <span className=\"inline-flex h-3.5 w-3.5 animate-spin items-center justify-center\">\n    <span className=\"h-3 w-3 rounded-full border-2 border-transparent border-t-current\" />\n  </span>\n);\n\nexport type ButtonVariant = (typeof buttonVariants)[number];\nexport type ButtonSize = (typeof buttonSizes)[number];\n\nexport interface ButtonProps extends ComponentPropsWithoutRef<\"button\"> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  isLoading?: boolean;\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n}\n\nconst composeClassName = (\n  ...values: Array<string | undefined | false>\n): string => values.filter(Boolean).join(\" \");\n\n/**\n * Button is the primary interactive primitive for triggering portal actions.\n * It is theme aware via CSS variables generated from portal tokens.\n */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      variant = \"primary\",\n      size = \"md\",\n      type = \"button\",\n      isLoading = false,\n      leadingIcon,\n      trailingIcon,\n      disabled,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const computedLeading = isLoading ? <Spinner /> : leadingIcon;\n    const computedDisabled = disabled ?? isLoading;\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        className={composeClassName(\n          inlineFlexBase,\n          variantStyles[variant],\n          sizeStyles[size],\n          className\n        )}\n        aria-busy={isLoading || undefined}\n        disabled={computedDisabled}\n        {...props}\n      >\n        {computedLeading ? (\n          <span aria-hidden=\"true\" className=\"inline-flex\">\n            {computedLeading}\n          </span>\n        ) : null}\n        <span className=\"flex-1 whitespace-nowrap\">{children}</span>\n        {trailingIcon ? (\n          <span aria-hidden=\"true\" className=\"inline-flex\">\n            {trailingIcon}\n          </span>\n        ) : null}\n      </button>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n","'use client';\n\nimport {\n  forwardRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type FormEvent,\n  type ReactNode\n} from \"react\";\n\nimport { Button } from \"./button\";\n\nexport interface LoginProps\n  extends Omit<ComponentPropsWithoutRef<\"form\">, \"onSubmit\" | \"children\"> {\n  logo?: ReactNode;\n  title?: string;\n  description?: string;\n  label?: string;\n  placeholder?: string;\n  ctaLabel?: string;\n  initialEmail?: string;\n  isSubmitting?: boolean;\n  onContinue?: (email: string) => Promise<void> | void;\n}\n\n/**\n * Login renders a compact form card tailored for portal authentication flows.\n * The component keeps styling self-contained so it can be dropped into the\n * local Next.js template without additional wrappers.\n */\nexport const Login = forwardRef<HTMLFormElement, LoginProps>(\n  (\n    {\n      logo,\n      title = \"Enterprise Factory Installation Portal\",\n      description = \"Sign in to manage your enterprise installation\",\n      label = \"Work email address\",\n      placeholder = \"you@company.com\",\n      ctaLabel = \"Continue with email →\",\n      initialEmail = \"\",\n      isSubmitting = false,\n      onContinue,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const [email, setEmail] = useState(initialEmail);\n    const [pending, setPending] = useState(false);\n\n    const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      if (!onContinue) {\n        return;\n      }\n\n      try {\n        setPending(true);\n        await onContinue(email);\n      } finally {\n        setPending(false);\n      }\n    };\n\n    const disabled = isSubmitting || pending;\n\n    return (\n      <form\n        ref={ref}\n        className={[\n          \"w-full max-w-md rounded-3xl border border-white/15 bg-slate-950/80 p-10 shadow-[0_25px_70px_rgba(5,7,11,0.65)] backdrop-blur\",\n          \"text-white transition-shadow\",\n          className\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        onSubmit={handleSubmit}\n        {...props}\n      >\n        <div className=\"flex flex-col items-center gap-4 text-center\">\n          {logo ?? (\n            <div className=\"flex h-16 w-16 items-center justify-center rounded-2xl border border-white/20 bg-white/10 text-lg font-semibold leading-tight\">\n              EP\n            </div>\n          )}\n          <div>\n            <p className=\"text-base font-semibold uppercase tracking-[0.35em] text-white/65\">\n              Enterprise Portal\n            </p>\n            <h1 className=\"mt-3 text-3xl font-semibold tracking-tight\">\n              {title}\n            </h1>\n            <p className=\"mt-2 text-sm text-white/70\">{description}</p>\n          </div>\n        </div>\n        <div className=\"mt-8 space-y-3\">\n          <label\n            htmlFor=\"login-email\"\n            className=\"text-sm font-medium text-white/70\"\n          >\n            {label}\n          </label>\n          <input\n            id=\"login-email\"\n            type=\"email\"\n            inputMode=\"email\"\n            autoComplete=\"email\"\n            placeholder={placeholder}\n            value={email}\n            onChange={(event) => setEmail(event.target.value)}\n            className=\"w-full rounded-2xl border border-white/15 bg-white/5 px-5 py-4 text-base text-white placeholder:text-white/40 focus:border-white/40 focus:outline-none focus:ring-2 focus:ring-white/25\"\n            disabled={disabled}\n            required\n          />\n          <Button\n            type=\"submit\"\n            size=\"lg\"\n            className=\"w-full justify-center\"\n            disabled={disabled}\n            isLoading={disabled}\n          >\n            {ctaLabel}\n          </Button>\n        </div>\n      </form>\n    );\n  }\n);\n\nLogin.displayName = \"Login\";\n","/**\n * Light-weight type helpers for defining Server Actions that align with the\n * enterprise portal guardrails. The component library does not implement\n * specific actions, but it exports helpers so downstream portals can describe\n * their actions with consistent metadata.\n */\n\nexport type PortalActionVisibility = \"vendor\" | \"customer\";\n\nexport interface PortalActionContext {\n  vendorId: string;\n  licenseId: string;\n  userId: string;\n  signal?: AbortSignal;\n}\n\nexport interface PortalServerActionDefinition<Input, Output> {\n  id: string;\n  description: string;\n  visibility: PortalActionVisibility;\n  tags: string[];\n  run: (input: Input, context: PortalActionContext) => Promise<Output>;\n}\n\nexport const defineServerAction = <Input, Output>(\n  definition: PortalServerActionDefinition<Input, Output>\n) => definition;\n","import packageJson from \"../package.json\";\n\nexport const portalComponentsVersion = packageJson.version;\n\nexport type {\n  ComponentAccessibilityMetadata,\n  ComponentBehaviorMetadata,\n  ComponentCategory,\n  ComponentRegistryDocument,\n  ComponentRegistryEntry,\n  ComponentExampleMetadata,\n  ComponentPerformanceMetadata,\n  ComponentPropMetadata\n} from \"./types/metadata\";\n\nexport {\n  createPortalTheme,\n  portalThemeTokens\n} from \"./tokens\";\nexport type { PortalThemeTokens, PortalThemeOverrides } from \"./tokens\";\n\nexport * from \"./components\";\n\nexport {\n  defineServerAction\n} from \"./actions\";\nexport type {\n  PortalActionContext,\n  PortalActionVisibility,\n  PortalServerActionDefinition\n} from \"./actions\";\n"]}