@hdb-c360/c360-shared-ui 0.1.0 → 0.1.2

package/dist/components/badge.d.ts

@@ -1,9 +1,10 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-export declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "success" | "warning" | "destructive" | "info" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+import { type ChipProps } from "@mui/material";
+import type { ReactNode } from "react";
+export type BadgeVariant = "default" | "secondary" | "success" | "warning" | "destructive" | "info";
+export interface BadgeProps extends Omit<ChipProps, "children" | "color" | "label" | "variant"> {
+    children?: ReactNode;
+    variant?: BadgeVariant;
+    shape?: "default" | "pill";
 }
-export declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;
+export declare function Badge({ children, variant, shape, sx, ...props }: BadgeProps): import("react").JSX.Element;
 //# sourceMappingURL=badge.d.ts.map

package/dist/components/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,aAAa;;8EAiBzB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAEjE"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,MAAM,CAAC;AAEpG,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IAC7F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC5B;AAWD,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,OAAmB,EAAE,KAAiB,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAWnG"}

package/dist/components/badge.js

@@ -1,22 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { cn } from "@hdb-c360/c360-shared-utils";
-export const badgeVariants = cva("inline-flex min-h-5 items-center rounded-sm px-sm py-xs text-[12px] font-semibold leading-[1.3]", {
-    variants: {
-        variant: {
-            default: "bg-border-subtle text-text-secondary",
-            secondary: "bg-secondary-hover text-secondary-foreground",
-            success: "bg-success/15 text-success",
-            warning: "bg-secondary-hover text-warning",
-            destructive: "bg-error-soft text-error",
-            info: "bg-info/15 text-info"
-        }
-    },
-    defaultVariants: {
-        variant: "default"
-    }
-});
-export function Badge({ className, variant, ...props }) {
-    return _jsx("span", { className: cn(badgeVariants({ variant, className })), ...props });
+import { Chip } from "@mui/material";
+const colors = {
+    default: "default",
+    secondary: "secondary",
+    success: "success",
+    warning: "warning",
+    destructive: "error",
+    info: "info",
+};
+export function Badge({ children, variant = "default", shape = "default", sx, ...props }) {
+    return (_jsx(Chip, { size: "small", color: colors[variant], label: children, variant: variant === "default" ? "filled" : "outlined", sx: { borderRadius: shape === "pill" ? 999 : 1.5, fontWeight: 650, "& .MuiChip-label": { px: 1.5 }, ...sx }, ...props }));
 }
 //# sourceMappingURL=badge.js.map

package/dist/components/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAC;AAEjD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,iGAAiG,EACjG;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,sCAAsC;YAC/C,SAAS,EAAE,8CAA8C;YACzD,OAAO,EAAE,4BAA4B;YACrC,OAAO,EAAE,iCAAiC;YAC1C,WAAW,EAAE,0BAA0B;YACvC,IAAI,EAAE,sBAAsB;SAC7B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAMF,MAAM,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAc;IAChE,OAAO,eAAM,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAAM,KAAK,GAAI,CAAC;AACnF,CAAC"}
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,eAAe,CAAC;AAWrD,MAAM,MAAM,GAA6C;IACvD,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,OAAO;IACpB,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,MAAM,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,EAAE,EAAE,EAAE,GAAG,KAAK,EAAc;IAClG,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,EACtB,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EACtD,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,kBAAkB,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,EAAE,KACvG,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/components/brand-card.d.ts

@@ -0,0 +1,8 @@
+import { type CardProps } from "@mui/material";
+interface BrandCardProps extends CardProps {
+    accent?: "top" | "left" | "none";
+    padded?: boolean;
+}
+export declare function BrandCard({ accent, padded, children, sx, ...props }: BrandCardProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=brand-card.d.ts.map

package/dist/components/brand-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-card.d.ts","sourceRoot":"","sources":["../../src/components/brand-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1D,UAAU,cAAe,SAAQ,SAAS;IACxC,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,SAAS,CAAC,EAAE,MAAc,EAAE,MAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAOlG"}

package/dist/components/brand-card.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Card } from "@mui/material";
+export function BrandCard({ accent = "top", padded = true, children, sx, ...props }) {
+    return (_jsxs(Card, { variant: "outlined", sx: { position: "relative", overflow: "hidden", borderRadius: 3, ...sx }, ...props, children: [accent !== "none" ? _jsx(Box, { sx: { position: "absolute", top: 0, left: 0, right: accent === "top" ? 0 : "auto", bottom: accent === "left" ? 0 : "auto", width: accent === "left" ? 4 : "auto", height: accent === "top" ? 4 : "auto", background: (theme) => theme.palette.brand.gradient } }) : null, _jsx(Box, { sx: padded ? { p: 4, pt: accent === "top" ? 5 : 4, pl: accent === "left" ? 5 : 4 } : undefined, children: children })] }));
+}
+//# sourceMappingURL=brand-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"brand-card.js","sourceRoot":"","sources":["../../src/components/brand-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkB,MAAM,eAAe,CAAC;AAO1D,MAAM,UAAU,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAkB;IACjG,OAAO,CACL,MAAC,IAAI,IAAC,OAAO,EAAC,UAAU,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,KAAM,KAAK,aACzG,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EACnS,KAAC,GAAG,IAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,YAAG,QAAQ,GAAO,IAChH,CACR,CAAC;AACJ,CAAC"}

package/dist/components/button.d.ts

@@ -1,11 +1,8 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-export declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "link" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
+import { type ButtonProps as MuiButtonProps } from "@mui/material";
+export interface ButtonProps extends Omit<MuiButtonProps, "color" | "size" | "variant"> {
+    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive" | "link";
+    size?: "default" | "sm" | "lg" | "icon";
+    shape?: "default" | "pill";
 }
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=button.d.ts.map

package/dist/components/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,cAAc;;;8EAwB1B,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,uFAYlB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAGxF,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACrF,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,CAAC;IACjF,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACxC,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,wHAyBjB,CAAC"}

package/dist/components/button.js

@@ -1,33 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { cn } from "@hdb-c360/c360-shared-utils";
-export const buttonVariants = cva("inline-flex h-control items-center justify-center gap-sm whitespace-nowrap rounded-md px-md text-[16px] font-semibold leading-[1.3] transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-60", {
-    variants: {
-        variant: {
-            default: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active",
-            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover active:bg-secondary-active",
-            outline: "border border-border bg-surface text-text-primary hover:border-text-muted hover:bg-background",
-            ghost: "bg-transparent text-text-secondary hover:bg-border-subtle hover:text-text-primary",
-            destructive: "bg-error text-primary-foreground hover:bg-primary-hover active:bg-primary-active",
-            link: "h-auto px-0 text-primary underline-offset-4 hover:underline"
-        },
-        size: {
-            default: "h-control px-md",
-            sm: "h-9 px-sm text-[14px]",
-            lg: "h-input px-lg",
-            icon: "h-control w-control px-0"
-        }
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default"
-    }
+import { Button as MuiButton } from "@mui/material";
+import { forwardRef } from "react";
+export const Button = forwardRef(function Button({ variant = "default", size = "default", shape = "default", sx, ...props }, ref) {
+    const muiVariant = variant === "outline" ? "outlined" : variant === "ghost" || variant === "link" ? "text" : "contained";
+    const color = variant === "secondary" ? "secondary" : variant === "destructive" ? "error" : "primary";
+    const muiSize = size === "sm" ? "small" : size === "lg" ? "large" : "medium";
+    return (_jsx(MuiButton, { ref: ref, color: color, variant: muiVariant, size: muiSize, sx: {
+            minWidth: size === "icon" ? 40 : undefined,
+            width: size === "icon" ? 40 : undefined,
+            px: size === "icon" ? 0 : undefined,
+            borderRadius: shape === "pill" ? 999 : undefined,
+            textDecoration: variant === "link" ? "underline" : undefined,
+            ...sx,
+        }, ...props }));
 });
-export const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props }));
-});
-Button.displayName = "Button";
 //# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,8TAA8T,EAC9T;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,oFAAoF;YAC7F,SAAS,EAAE,4FAA4F;YACvG,OAAO,EAAE,+FAA+F;YACxG,KAAK,EAAE,mFAAmF;YAC1F,WAAW,EAAE,kFAAkF;YAC/F,IAAI,EAAE,6DAA6D;SACpE;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,iBAAiB;YAC1B,EAAE,EAAE,uBAAuB;YAC3B,EAAE,EAAE,eAAe;YACnB,IAAI,EAAE,0BAA0B;SACjC;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAQF,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/D,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvC,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAC3D,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,SAAS,EAAsC,MAAM,eAAe,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAQnC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CAC9E,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAC1E,GAAG;IAEH,MAAM,UAAU,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC;IACzH,MAAM,KAAK,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IACtG,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE7E,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,UAAU,EACnB,IAAI,EAAE,OAAO,EACb,EAAE,EAAE;YACF,QAAQ,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;YAC1C,KAAK,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;YACvC,EAAE,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;YACnC,YAAY,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;YAChD,cAAc,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;YAC5D,GAAG,EAAE;SACN,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/card.d.ts

@@ -1,8 +1,8 @@
-import * as React from "react";
-export declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
-export declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-export declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+import { type BoxProps, type CardProps as MuiCardProps, type TypographyProps } from "@mui/material";
+export declare const Card: import("react").ForwardRefExoticComponent<Omit<MuiCardProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CardHeader: import("react").ForwardRefExoticComponent<Omit<BoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CardTitle: import("react").ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const CardDescription: import("react").ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const CardContent: import("react").ForwardRefExoticComponent<Omit<BoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CardFooter: import("react").ForwardRefExoticComponent<Omit<BoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=card.d.ts.map

package/dist/components/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,IAAI,6GAQhB,CAAC;AAGF,eAAO,MAAM,UAAU,6GAItB,CAAC;AAGF,eAAO,MAAM,SAAS,qHAQrB,CAAC;AAGF,eAAO,MAAM,eAAe,yHAI3B,CAAC;AAGF,eAAO,MAAM,WAAW,6GAIvB,CAAC;AAGF,eAAO,MAAM,UAAU,6GAItB,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,QAAQ,EAAE,KAAK,SAAS,IAAI,YAAY,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAGtI,eAAO,MAAM,IAAI,sHAEf,CAAC;AAGH,eAAO,MAAM,UAAU,kHAErB,CAAC;AAGH,eAAO,MAAM,SAAS,6HAEpB,CAAC;AAGH,eAAO,MAAM,eAAe,+HAE1B,CAAC;AAGH,eAAO,MAAM,WAAW,kHAEtB,CAAC;AAGH,eAAO,MAAM,UAAU,kHAErB,CAAC"}

package/dist/components/card.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "@hdb-c360/c360-shared-utils";
-export const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-md bg-surface text-text-primary shadow-card", className), ...props })));
+import { Box, Card as MuiCard, Typography } from "@mui/material";
+import { forwardRef } from "react";
+export const Card = forwardRef(({ sx, ...props }, ref) => (_jsx(MuiCard, { ref: ref, variant: "outlined", sx: { borderRadius: 3, ...sx }, ...props })));
 Card.displayName = "Card";
-export const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col gap-xs p-md", className), ...props })));
+export const CardHeader = forwardRef(({ sx, ...props }, ref) => (_jsx(Box, { ref: ref, sx: { p: 4, pb: 2, ...sx }, ...props })));
 CardHeader.displayName = "CardHeader";
-export const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn("text-[20px] font-semibold leading-[1.3] text-text-primary", className), ...props })));
+export const CardTitle = forwardRef(({ sx, ...props }, ref) => (_jsx(Typography, { ref: ref, component: "h3", variant: "h6", sx: { fontWeight: 650, ...sx }, ...props })));
 CardTitle.displayName = "CardTitle";
-export const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn("text-[14px] leading-[1.4] text-text-secondary", className), ...props })));
+export const CardDescription = forwardRef(({ sx, ...props }, ref) => (_jsx(Typography, { ref: ref, component: "p", variant: "body2", color: "text.secondary", sx: sx, ...props })));
 CardDescription.displayName = "CardDescription";
-export const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("p-md pt-0", className), ...props })));
+export const CardContent = forwardRef(({ sx, ...props }, ref) => (_jsx(Box, { ref: ref, sx: { p: 4, pt: 2, ...sx }, ...props })));
 CardContent.displayName = "CardContent";
-export const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center justify-end gap-sm p-md pt-0", className), ...props })));
+export const CardFooter = forwardRef(({ sx, ...props }, ref) => (_jsx(Box, { ref: ref, sx: { display: "flex", alignItems: "center", justifyContent: "flex-end", gap: 2, p: 4, pt: 0, ...sx }, ...props })));
 CardFooter.displayName = "CardFooter";
 //# sourceMappingURL=card.js.map

package/dist/components/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAC;AAEjD,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,qDAAqD,EAAE,SAAS,CAAC,KAC3E,KAAK,GACT,CACH,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACpF,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,aACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,2DAA2D,EAAE,SAAS,CAAC,KACjF,KAAK,GACT,CACH,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAC7C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,YAAG,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACtG,CACF,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACpE,CACF,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,gDAAgD,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACzG,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,IAAI,OAAO,EAAE,UAAU,EAAuE,MAAM,eAAe,CAAC;AACtI,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA+B,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACtF,KAAC,OAAO,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,UAAU,EAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,KAAM,KAAK,GAAI,CACpF,CAAC,CAAC;AACH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAA2B,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxF,KAAC,GAAG,IAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,KAAM,KAAK,GAAI,CACzD,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAsC,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClG,KAAC,UAAU,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,KAAM,KAAK,GAAI,CAChG,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAwC,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1G,KAAC,UAAU,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,GAAG,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB,EAAC,EAAE,EAAE,EAAE,KAAM,KAAK,GAAI,CACjG,CAAC,CAAC;AACH,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAA2B,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzF,KAAC,GAAG,IAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,KAAM,KAAK,GAAI,CACzD,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAA2B,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxF,KAAC,GAAG,IAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,KAAM,KAAK,GAAI,CACpI,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/components/content-container.d.ts

@@ -0,0 +1,3 @@
+import { type StackProps } from "@mui/material";
+export declare function ContentContainer({ sx, ...props }: StackProps): import("react").JSX.Element;
+//# sourceMappingURL=content-container.d.ts.map

package/dist/components/content-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-container.d.ts","sourceRoot":"","sources":["../../src/components/content-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAEvD,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAE5D"}

package/dist/components/content-container.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Stack } from "@mui/material";
+export function ContentContainer({ sx, ...props }) {
+    return _jsx(Stack, { spacing: 4, sx: { width: "100%", minWidth: 0, maxWidth: 1600, mx: "auto", ...sx }, ...props });
+}
+//# sourceMappingURL=content-container.js.map

package/dist/components/content-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-container.js","sourceRoot":"","sources":["../../src/components/content-container.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAmB,MAAM,eAAe,CAAC;AAEvD,MAAM,UAAU,gBAAgB,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAc;IAC3D,OAAO,KAAC,KAAK,IAAC,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,KAAM,KAAK,GAAI,CAAC;AACjH,CAAC"}

package/dist/components/data-table-shell.d.ts

@@ -0,0 +1,20 @@
+import { type StackProps } from "@mui/material";
+import type { ReactNode } from "react";
+interface DataTableShellProps<T> extends Omit<StackProps, "children"> {
+    data: T[];
+    columns: {
+        key: string;
+        header: ReactNode;
+        cell: (row: T) => ReactNode;
+        sx?: object;
+    }[];
+    searchPlaceholder?: string;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    keyExtractor: (row: T) => string;
+}
+export declare function DataTableShell<T>({ data, columns, searchPlaceholder, searchValue, onSearchChange, emptyTitle, emptyDescription, keyExtractor, ...props }: DataTableShellProps<T>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=data-table-shell.d.ts.map

package/dist/components/data-table-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-shell.d.ts","sourceRoot":"","sources":["../../src/components/data-table-shell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,UAAU,mBAAmB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IACnE,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACxF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;CAClC;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,iBAA+B,EAAE,WAAW,EAAE,cAAc,EAAE,UAAsB,EAAE,gBAAqD,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,CAAC,CAAC,CAAC,+BAY/O"}

package/dist/components/data-table-shell.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack } from "@mui/material";
+import { EmptyState } from "./empty-state";
+import { Input } from "./input";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table";
+export function DataTableShell({ data, columns, searchPlaceholder = "Search...", searchValue, onSearchChange, emptyTitle = "No data", emptyDescription = "There are no records to display.", keyExtractor, ...props }) {
+    return (_jsxs(Stack, { spacing: 4, ...props, children: [onSearchChange ? _jsx(Input, { placeholder: searchPlaceholder, value: searchValue, onChange: (event) => onSearchChange(event.target.value), slotProps: { htmlInput: { "aria-label": searchPlaceholder } }, sx: { maxWidth: 360 } }) : null, data.length ? (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsx(TableRow, { children: columns.map((column) => _jsx(TableHead, { sx: column.sx, children: column.header }, column.key)) }) }), _jsx(TableBody, { children: data.map((row) => _jsx(TableRow, { children: columns.map((column) => _jsx(TableCell, { sx: column.sx, children: column.cell(row) }, column.key)) }, keyExtractor(row))) })] })) : _jsx(EmptyState, { title: emptyTitle, description: emptyDescription })] }));
+}
+//# sourceMappingURL=data-table-shell.js.map

package/dist/components/data-table-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-shell.js","sourceRoot":"","sources":["../../src/components/data-table-shell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAmB,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAaxF,MAAM,UAAU,cAAc,CAAI,EAAE,IAAI,EAAE,OAAO,EAAE,iBAAiB,GAAG,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,GAAG,SAAS,EAAE,gBAAgB,GAAG,kCAAkC,EAAE,YAAY,EAAE,GAAG,KAAK,EAA0B;IAC9O,OAAO,CACL,MAAC,KAAK,IAAC,OAAO,EAAE,CAAC,KAAM,KAAK,aACzB,cAAc,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,WAAW,EAAE,iBAAiB,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,iBAAiB,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EACpO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,MAAC,KAAK,eACJ,KAAC,WAAW,cAAC,KAAC,QAAQ,cAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,KAAC,SAAS,IAAkB,EAAE,EAAE,MAAM,CAAC,EAAE,YAAG,MAAM,CAAC,MAAM,IAAzC,MAAM,CAAC,GAAG,CAA4C,CAAC,GAAY,GAAc,EACjJ,KAAC,SAAS,cAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAC,QAAQ,cAA0B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,KAAC,SAAS,IAAkB,EAAE,EAAE,MAAM,CAAC,EAAE,YAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAA5C,MAAM,CAAC,GAAG,CAA+C,CAAC,IAAtH,YAAY,CAAC,GAAG,CAAC,CAAiH,CAAC,GAAa,IACvL,CACT,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,gBAAgB,GAAI,IAC9D,CACT,CAAC;AACJ,CAAC"}

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

@@ -1,10 +1,11 @@
-import * as React from "react";
-interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
+import { type PaperProps } from "@mui/material";
+import type { ReactNode } from "react";
+interface EmptyStateProps extends PaperProps {
     title: string;
     description?: string;
-    action?: React.ReactNode;
-    icon?: React.ReactNode;
+    action?: ReactNode;
+    icon?: ReactNode;
 }
-export declare function EmptyState({ title, description, action, icon, className, ...props }: EmptyStateProps): React.JSX.Element;
+export declare function EmptyState({ title, description, action, icon, sx, ...props }: EmptyStateProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=empty-state.d.ts.map

package/dist/components/empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/components/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,qBAYpG"}
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/components/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,eAAgB,SAAQ,UAAU;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAW7F"}

package/dist/components/empty-state.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "@hdb-c360/c360-shared-utils";
-export function EmptyState({ title, description, action, icon, className, ...props }) {
-    return (_jsxs("div", { className: cn("flex min-h-52 flex-col items-center justify-center rounded-lg border border-border-glass bg-surface p-lg text-center shadow-card", className), ...props, children: [icon ? _jsx("div", { className: "mb-md text-text-muted", children: icon }) : null, _jsx("h2", { className: "text-[20px] font-semibold leading-[1.3] text-text-primary", children: title }), description ? _jsx("p", { className: "mt-xs max-w-lg text-[14px] leading-[1.4] text-text-secondary", children: description }) : null, action ? _jsx("div", { className: "mt-md", children: action }) : null] }));
+import { Box, Paper, Stack, Typography } from "@mui/material";
+export function EmptyState({ title, description, action, icon, sx, ...props }) {
+    return (_jsx(Paper, { variant: "outlined", sx: { minHeight: 256, display: "grid", placeItems: "center", p: 6, textAlign: "center", borderStyle: "dashed", ...sx }, ...props, children: _jsxs(Stack, { spacing: 2, sx: { alignItems: "center" }, children: [icon ? _jsx(Box, { sx: { display: "grid", placeItems: "center", width: 52, height: 52, borderRadius: "50%", bgcolor: "action.hover", color: "text.secondary" }, children: icon }) : null, _jsx(Typography, { component: "h2", variant: "h6", children: title }), description ? _jsx(Typography, { variant: "body2", color: "text.secondary", sx: { maxWidth: 560 }, children: description }) : null, action] }) }));
 }
 //# sourceMappingURL=empty-state.js.map

package/dist/components/empty-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.js","sourceRoot":"","sources":["../../src/components/empty-state.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAC;AASjD,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB;IACnG,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,kIAAkI,EAAE,SAAS,CAAC,KACxJ,KAAK,aAER,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,uBAAuB,YAAE,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,EAClE,aAAI,SAAS,EAAC,2DAA2D,YAAE,KAAK,GAAM,EACrF,WAAW,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,8DAA8D,YAAE,WAAW,GAAK,CAAC,CAAC,CAAC,IAAI,EAClH,MAAM,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,OAAO,YAAE,MAAM,GAAO,CAAC,CAAC,CAAC,IAAI,IAClD,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"empty-state.js","sourceRoot":"","sources":["../../src/components/empty-state.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC;AAU/E,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,EAAmB;IAC5F,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAC,UAAU,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,KAAM,KAAK,YACzJ,MAAC,KAAK,IAAC,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC5C,IAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAG,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,EAC7K,KAAC,UAAU,IAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,YAAE,KAAK,GAAc,EAC3D,WAAW,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAG,WAAW,GAAc,CAAC,CAAC,CAAC,IAAI,EACzH,MAAM,IACD,GACF,CACT,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,14 @@
+import { type CardProps } from "@mui/material";
+import { type ReactNode } from "react";
+interface ErrorStateProps extends CardProps {
+    title?: string;
+    description?: string;
+    error?: Error | string | null;
+    onRetry?: () => void;
+    retryLabel?: string;
+    icon?: ReactNode;
+    retryIcon?: ReactNode;
+}
+export declare function ErrorState({ title, description, error, onRetry, retryLabel, icon, retryIcon, ...props }: ErrorStateProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=error-state.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"error-state.d.ts","sourceRoot":"","sources":["../../src/components/error-state.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsE,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AACnH,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,UAAU,eAAgB,SAAQ,SAAS;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAgC,EAAE,WAA2H,EAAE,KAAK,EAAE,OAAO,EAAE,UAAwB,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAQjR"}

package/dist/components/error-state.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, Box, Button, Card, CardContent, Collapse, Stack, Typography } from "@mui/material";
+import { useState } from "react";
+export function ErrorState({ title = "Unable to load content", description = "Something went wrong while loading this section. Please try again or contact support if the issue persists.", error, onRetry, retryLabel = "Try again", icon, retryIcon, ...props }) {
+    const [showDetails, setShowDetails] = useState(false);
+    return (_jsxs(Card, { variant: "outlined", ...props, children: [_jsx(Box, { sx: { height: 4, background: (theme) => theme.palette.brand.gradient } }), _jsx(CardContent, { children: _jsxs(Stack, { spacing: 3, sx: { alignItems: "center", textAlign: "center" }, children: [icon, _jsx(Typography, { variant: "h6", children: title }), _jsx(Typography, { color: "text.secondary", children: description }), error ? _jsxs(_Fragment, { children: [_jsx(Button, { size: "small", onClick: () => setShowDetails((value) => !value), children: "Technical details" }), _jsx(Collapse, { in: showDetails, sx: { width: "100%" }, children: _jsx(Alert, { severity: "error", sx: { textAlign: "left" }, children: typeof error === "string" ? error : error.message }) })] }) : null, onRetry ? _jsx(Button, { variant: "contained", startIcon: retryIcon, onClick: onRetry, children: retryLabel }) : null] }) })] }));
+}
+//# sourceMappingURL=error-state.js.map

package/dist/components/error-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-state.js","sourceRoot":"","sources":["../../src/components/error-state.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAkB,MAAM,eAAe,CAAC;AACnH,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAYjD,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,GAAG,wBAAwB,EAAE,WAAW,GAAG,6GAA6G,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,GAAG,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB;IAChR,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,OAAO,CACL,MAAC,IAAI,IAAC,OAAO,EAAC,UAAU,KAAK,KAAK,aAChC,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAI,EAC/E,KAAC,WAAW,cAAC,MAAC,KAAK,IAAC,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAG,IAAI,EAAC,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,YAAE,KAAK,GAAc,EAAA,KAAC,UAAU,IAAC,KAAK,EAAC,gBAAgB,YAAE,WAAW,GAAc,EAAC,KAAK,CAAC,CAAC,CAAC,8BAAE,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,kCAA4B,EAAA,KAAC,QAAQ,IAAC,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAAE,KAAC,KAAK,IAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,GAAS,GAAW,IAAG,CAAC,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,YAAG,UAAU,GAAU,CAAC,CAAC,CAAC,IAAI,IAAS,GAAc,IAClmB,CACR,CAAC;AACJ,CAAC"}

package/dist/components/form-field-wrapper.d.ts

@@ -0,0 +1,12 @@
+import { type FormControlProps } from "@mui/material";
+import type { ReactNode } from "react";
+interface FormFieldWrapperProps extends FormControlProps {
+    label: ReactNode;
+    htmlFor?: string;
+    helperText?: string;
+    errorText?: string;
+    required?: boolean;
+}
+export declare function FormFieldWrapper({ label, htmlFor, helperText, errorText, required, children, ...props }: FormFieldWrapperProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=form-field-wrapper.d.ts.map

package/dist/components/form-field-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-wrapper.d.ts","sourceRoot":"","sources":["../../src/components/form-field-wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,qBAAsB,SAAQ,gBAAgB;IACtD,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAE9H"}

package/dist/components/form-field-wrapper.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormHelperText, FormLabel } from "@mui/material";
+export function FormFieldWrapper({ label, htmlFor, helperText, errorText, required, children, ...props }) {
+    return _jsxs(FormControl, { error: Boolean(errorText), required: required, ...props, children: [_jsx(FormLabel, { htmlFor: htmlFor, children: label }), children, errorText || helperText ? _jsx(FormHelperText, { children: errorText || helperText }) : null] });
+}
+//# sourceMappingURL=form-field-wrapper.js.map

package/dist/components/form-field-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-wrapper.js","sourceRoot":"","sources":["../../src/components/form-field-wrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAyB,MAAM,eAAe,CAAC;AAW9F,MAAM,UAAU,gBAAgB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAyB;IAC7H,OAAO,MAAC,WAAW,IAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,KAAM,KAAK,aAAE,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,YAAG,KAAK,GAAa,EAAC,QAAQ,EAAE,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,KAAC,cAAc,cAAE,SAAS,IAAI,UAAU,GAAkB,CAAC,CAAC,CAAC,IAAI,IAAe,CAAC;AACtP,CAAC"}

package/dist/components/gradient-button.d.ts

@@ -0,0 +1,3 @@
+import { type ButtonProps } from "@mui/material";
+export declare const GradientButton: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=gradient-button.d.ts.map

package/dist/components/gradient-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-button.d.ts","sourceRoot":"","sources":["../../src/components/gradient-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAGzD,eAAO,MAAM,cAAc,wHAEzB,CAAC"}

package/dist/components/gradient-button.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "@mui/material";
+import { forwardRef } from "react";
+export const GradientButton = forwardRef(({ sx, ...props }, ref) => (_jsx(Button, { ref: ref, color: "primary", variant: "contained", sx: sx, ...props })));
+GradientButton.displayName = "GradientButton";
+//# sourceMappingURL=gradient-button.js.map

package/dist/components/gradient-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient-button.js","sourceRoot":"","sources":["../../src/components/gradient-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAoB,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAiC,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClG,KAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,KAAM,KAAK,GAAI,CAC5E,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/components/index.d.ts

@@ -1,9 +1,19 @@
 export * from "./badge";
+export * from "./brand-card";
 export * from "./button";
 export * from "./card";
+export * from "./content-container";
+export * from "./data-table-shell";
 export * from "./empty-state";
+export * from "./error-state";
+export * from "./form-field-wrapper";
+export * from "./gradient-button";
 export * from "./input";
+export * from "./loading-state";
 export * from "./page-header";
+export * from "./section-card";
 export * from "./skeleton";
+export * from "./status-badge";
+export * from "./switch";
 export * from "./table";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/dist/components/index.js

@@ -1,9 +1,19 @@
 export * from "./badge";
+export * from "./brand-card";
 export * from "./button";
 export * from "./card";
+export * from "./content-container";
+export * from "./data-table-shell";
 export * from "./empty-state";
+export * from "./error-state";
+export * from "./form-field-wrapper";
+export * from "./gradient-button";
 export * from "./input";
+export * from "./loading-state";
 export * from "./page-header";
+export * from "./section-card";
 export * from "./skeleton";
+export * from "./status-badge";
+export * from "./switch";
 export * from "./table";
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/dist/components/input.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+import { type TextFieldProps } from "@mui/material";
+export type InputProps = Omit<TextFieldProps, "error" | "variant"> & {
     invalid?: boolean;
-}
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+};
+export declare function Input({ invalid, fullWidth, size, ...props }: InputProps): import("react").JSX.Element;
 //# sourceMappingURL=input.d.ts.map

package/dist/components/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,KAAK,qFAajB,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/D,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,SAAS,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE3F,wBAAgB,KAAK,CAAC,EAAE,OAAO,EAAE,SAAgB,EAAE,IAAc,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAExF"}

package/dist/components/input.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "@hdb-c360/c360-shared-utils";
-export const Input = React.forwardRef(({ className, invalid, ...props }, ref) => (_jsx("input", { ref: ref, "aria-invalid": invalid || props["aria-invalid"], className: cn("flex h-input w-full rounded-md border border-border bg-surface px-md text-[16px] leading-[1.3] text-text-primary shadow-none transition-colors duration-150 placeholder:text-text-muted focus:border-secondary focus:outline-none focus:ring-2 focus:ring-secondary/30 disabled:cursor-not-allowed disabled:bg-border-subtle disabled:text-text-muted", invalid && "border-error focus:border-error focus:ring-error/20", className), ...props })));
-Input.displayName = "Input";
+import { TextField } from "@mui/material";
+export function Input({ invalid, fullWidth = true, size = "small", ...props }) {
+    return _jsx(TextField, { error: invalid, fullWidth: fullWidth, size: size, variant: "outlined", ...props });
+}
 //# sourceMappingURL=input.js.map

package/dist/components/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAC;AAMjD,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,gBACE,GAAG,EAAE,GAAG,kBACM,OAAO,IAAI,KAAK,CAAC,cAAc,CAAC,EAC9C,SAAS,EAAE,EAAE,CACX,uVAAuV,EACvV,OAAO,IAAI,qDAAqD,EAChE,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,eAAe,CAAC;AAI/D,MAAM,UAAU,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,IAAI,EAAE,IAAI,GAAG,OAAO,EAAE,GAAG,KAAK,EAAc;IACvF,OAAO,KAAC,SAAS,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,UAAU,KAAK,KAAK,GAAI,CAAC;AACvG,CAAC"}

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

@@ -0,0 +1,8 @@
+import { type StackProps } from "@mui/material";
+interface LoadingStateProps extends StackProps {
+    rows?: number;
+    showHeader?: boolean;
+}
+export declare function LoadingState({ rows, showHeader, ...props }: LoadingStateProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=loading-state.d.ts.map