@aoctech/ui 0.1.0 → 0.1.3

package/README.md

@@ -102,6 +102,10 @@ so a badge renders what the server said rather than a client-side mapping of an
 | `EmptyState` | Title, description, optional action. |
 | `Skeleton` | Honours `prefers-reduced-motion`. |
 | `Separator` | Horizontal and vertical. |
+| `Checkbox` | Base UI `Checkbox`. |
+| `Radio` + `RadioGroup` | Base UI `Radio`. |
+| `Switch` | Base UI `Switch`. |
+| `DatePicker` + `Calendar` | Built on `react-day-picker`. |
 
 Deliberately small. Components arrive when a second app needs one, not in anticipation — the whole
 point of extracting this was to stop maintaining four copies, and a component with one consumer is

package/dist/components/error-state.d.ts

@@ -0,0 +1,32 @@
+import type { ReactNode } from "react";
+declare const errorMessages: {
+    readonly 400: {
+        readonly title: "Não foi possível abrir este endereço";
+        readonly description: "Confira os parâmetros do link ou volte ao início para continuar.";
+    };
+    readonly 404: {
+        readonly title: "Não encontramos esta página";
+        readonly description: "O endereço pode ter mudado ou o conteúdo não está disponível.";
+    };
+    readonly 500: {
+        readonly title: "Não foi possível carregar a página";
+        readonly description: "Ocorreu um erro inesperado. Tente novamente em instantes.";
+    };
+    readonly 503: {
+        readonly title: "Serviço temporariamente indisponível";
+        readonly description: "Estamos sem conexão com o serviço. Verifique sua conexão e tente novamente.";
+    };
+};
+type ErrorStatus = keyof typeof errorMessages;
+interface ErrorStateProps {
+    status: ErrorStatus;
+    title?: string;
+    description?: string;
+    action?: ReactNode;
+    className?: string;
+}
+/** Shared error presentation. Apps own routing, retries and availability checks.
+ * Never pass exception messages, stack traces, tokens or private data as copy.
+ */
+declare function ErrorState({ status, title, description, action, className }: ErrorStateProps): import("react").JSX.Element;
+export { ErrorState, type ErrorStateProps, type ErrorStatus };

package/dist/components/error-state.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/cn";
+const errorMessages = {
+    400: { title: "Não foi possível abrir este endereço", description: "Confira os parâmetros do link ou volte ao início para continuar." },
+    404: { title: "Não encontramos esta página", description: "O endereço pode ter mudado ou o conteúdo não está disponível." },
+    500: { title: "Não foi possível carregar a página", description: "Ocorreu um erro inesperado. Tente novamente em instantes." },
+    503: { title: "Serviço temporariamente indisponível", description: "Estamos sem conexão com o serviço. Verifique sua conexão e tente novamente." },
+};
+/** Shared error presentation. Apps own routing, retries and availability checks.
+ * Never pass exception messages, stack traces, tokens or private data as copy.
+ */
+function ErrorState({ status, title, description, action, className }) {
+    const message = errorMessages[status];
+    return (_jsxs("section", { "data-slot": "error-state", role: "alert", className: cn("mx-auto flex max-w-2xl flex-col items-center gap-5 px-5 py-16 text-center", className), children: [_jsx("p", { className: "font-mono text-sm tabular-nums text-muted-foreground", children: status }), _jsx("h1", { className: "text-2xl font-semibold text-foreground sm:text-3xl", children: title || message.title }), _jsx("p", { className: "max-w-[48ch] text-pretty text-base text-muted-foreground", children: description || message.description }), action && _jsx("div", { className: "mt-2 flex flex-wrap justify-center gap-3", children: action })] }));
+}
+export { ErrorState };

package/dist/components/theme-provider.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps } from "react";
-type CTechTheme = "account" | "dfe" | "wallet" | "poker" | "billing";
+type CTechTheme = "account" | "dfe" | "wallet" | "poker" | "billing" | "auction";
 type Density = "comfortable" | "compact";
 interface ThemeProviderProps extends ComponentProps<"div"> {
     theme: CTechTheme;

package/dist/components/theme-provider.js

@@ -1,4 +1,15 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+// Required, and the one file in this package where leaving it out breaks more
+// than this file. `createContext` runs at module scope, and the package's entry
+// point is a barrel that re-exports everything — so a React Server Component
+// importing *any* primitive evaluates this module, and the build fails with
+// "You're importing a module that depends on createContext into a React Server
+// Component" pointing at the consumer's page rather than at this line.
+//
+// Every other component here is server-safe and deliberately carries no
+// directive: marking them would push work to the client that does not need to
+// be there. This one genuinely holds state.
 import { createContext, useContext } from "react";
 const ThemeContext = createContext(null);
 /** Scopes a product identity without leaking it through component props. */

package/dist/index.d.ts

@@ -14,3 +14,4 @@ export { Skeleton } from "./components/skeleton";
 export { Radio, RadioGroup } from "./components/radio";
 export { Switch } from "./components/switch";
 export { ThemeProvider, type CTechTheme, type Density, type ThemeProviderProps } from "./components/theme-provider";
+export { ErrorState, type ErrorStateProps, type ErrorStatus } from "./components/error-state";

package/dist/index.js

@@ -14,3 +14,4 @@ export { Skeleton } from "./components/skeleton";
 export { Radio, RadioGroup } from "./components/radio";
 export { Switch } from "./components/switch";
 export { ThemeProvider } from "./components/theme-provider";
+export { ErrorState } from "./components/error-state";

package/dist/themes.css

@@ -63,3 +63,11 @@
   --color-ring: var(--brand-600);
   --shadow-modal: 0 16px 48px -12px oklch(0.22 0.014 45 / 0.28);
 }
+
+/* Auction is additive: existing themes and default fallback are unchanged. */
+:where([data-ctech-theme="auction"]) {
+  --brand-50: oklch(0.96 0.022 215);
+  --brand-600: oklch(0.47 0.08 215);
+  --brand-700: oklch(0.40 0.07 215);
+  --color-ring: var(--brand-600);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aoctech/ui",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "description": "Shared CTech UI primitives: Base UI behaviour, Tailwind classes, no colours of its own. Themed entirely by the consuming app's CSS variables.",
   "repository": {
     "type": "git",