@craftzbay/ui 0.3.0 → 0.4.0

package/dist-lib/components/ui/Alert.d.ts

@@ -3,7 +3,7 @@ import { VariantProps } from '../../lib/cva';
 declare const alert: (props?: ({
     variant?: "default" | "success" | "warning" | "danger" | "info" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface AlertProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof alert> {
+export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, VariantProps<typeof alert> {
     /** Heading. Renders bold above the description. */
     title?: ReactNode;
     /** Show a dismiss (×) button. */

package/dist-lib/components/ui/DesignSystemProvider.d.ts

@@ -0,0 +1,60 @@
+import { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Per-brand token overrides. Keys are CSS variable names (without the `--`
+ * prefix); values are CSS values. Any unspecified token falls back to the
+ * design system default.
+ *
+ * @example
+ *   <DesignSystemProvider tokens={{ 'color-accent': '#ff5555', 'radius-md': '10px' }}>
+ *     <App />
+ *   </DesignSystemProvider>
+ *
+ * @example Multiple brands in one app
+ *   <DesignSystemProvider tokens={edgelogBrand}>
+ *     <Card>...</Card>
+ *   </DesignSystemProvider>
+ *   <DesignSystemProvider tokens={geregeBrand}>
+ *     <Card>...</Card>
+ *   </DesignSystemProvider>
+ */
+export type BrandTokens = Record<string, string>;
+export interface DesignSystemProviderProps extends HTMLAttributes<HTMLDivElement> {
+    /** Token overrides (CSS variable name → value). */
+    tokens?: BrandTokens;
+    /** Children to scope this brand to. */
+    children: ReactNode;
+}
+export declare function DesignSystemProvider({ tokens, className, children, style, ...props }: DesignSystemProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Built-in brand presets — drop-in starters showing how a token override
+ * map is shaped. Consumers can fork or replace any value.
+ */
+export declare const brandPresets: {
+    readonly default: BrandTokens;
+    /** Cool indigo accent, slightly rounder corners. */
+    readonly edgelog: {
+        readonly 'color-accent': "oklch(0.55 0.18 250)";
+        readonly 'color-accent-700': "oklch(0.46 0.16 250)";
+        readonly 'color-accent-800': "oklch(0.38 0.14 250)";
+        readonly 'color-accent-soft': "oklch(0.95 0.04 250)";
+        readonly 'radius-md': "8px";
+        readonly 'radius-lg': "12px";
+    };
+    /** Warm copper accent, tighter geometry. */
+    readonly gerege: {
+        readonly 'color-accent': "oklch(0.62 0.16 45)";
+        readonly 'color-accent-700': "oklch(0.54 0.16 45)";
+        readonly 'color-accent-800': "oklch(0.46 0.14 45)";
+        readonly 'color-accent-soft': "oklch(0.95 0.04 45)";
+        readonly 'radius-md': "4px";
+        readonly 'radius-lg': "6px";
+    };
+    /** Forest green accent. */
+    readonly forest: {
+        readonly 'color-accent': "oklch(0.55 0.14 155)";
+        readonly 'color-accent-700': "oklch(0.47 0.14 155)";
+        readonly 'color-accent-800': "oklch(0.39 0.12 155)";
+        readonly 'color-accent-soft': "oklch(0.95 0.04 155)";
+    };
+};
+export type BrandName = keyof typeof brandPresets;

package/dist-lib/components/ui/EmptyState.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export interface EmptyStateProps extends HTMLAttributes<HTMLDivElement> {
+export interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /** Visual marker — small Lucide icon or custom illustration. */
     icon?: ReactNode;
     /** Heading. One short sentence. */

package/dist-lib/components/ui/ErrorState.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export interface ErrorStateProps extends HTMLAttributes<HTMLDivElement> {
+export interface ErrorStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /** `404` not-found, `500` server, or `generic` (catch-all). */
     variant?: '404' | '500' | 'generic';
     /** Override the default title. */

package/dist-lib/hooks/use-toast.d.ts

@@ -34,10 +34,10 @@ interface InternalToast extends ToastDescriptor {
  */
 export declare function useToast(): {
     toasts: InternalToast[];
-    push: (t: ToastDescriptor) => any;
-    dismiss: (id: string) => any;
-    remove: (id: string) => any;
+    push: (t: ToastDescriptor) => string;
+    dismiss: (id: string) => void;
+    remove: (id: string) => void;
 };
 /** Convenience export — dispatch a toast outside React (e.g. from an API client). */
-export declare const toast: (t: ToastDescriptor) => any;
+export declare const toast: (t: ToastDescriptor) => string;
 export {};