cleanplate 0.1.11 → 0.2.0

package/dist/components/accordion/Accordion.d.ts

@@ -1,15 +1,26 @@
-export default Accordion;
-declare function Accordion({ size, variant, margin, className, }: {
-    size?: string;
-    variant?: string;
-    margin?: string;
+import React from "react";
+import { SPACING_OPTIONS } from "../../constants/common";
+export interface AccordionItem {
+    title: string;
+    content: React.ReactNode;
+}
+export type SpacingOption = (typeof SPACING_OPTIONS)[number];
+export type AccordionIconVariant = "expand" | "plus";
+export type AccordionVariant = "grouped" | "spaced";
+export type AccordionTitleTag = "span" | "h2" | "h3" | "h4" | "h5" | "h6";
+export type AccordionMargin = string | SpacingOption[];
+export type AccordionPadding = string | SpacingOption[];
+export interface AccordionProps {
+    items: AccordionItem[];
+    allowMultiple?: boolean;
+    defaultExpandedIndex?: number | number[];
+    iconVariant?: AccordionIconVariant;
+    variant?: AccordionVariant;
+    titleTag?: AccordionTitleTag;
+    margin?: AccordionMargin;
+    padding?: AccordionPadding;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace Accordion {
-    namespace propTypes {
-        let size: any;
-        let variant: any;
-        let margin: any;
-    }
 }
+declare const Accordion: React.FC<AccordionProps>;
+export default Accordion;
 //# sourceMappingURL=Accordion.d.ts.map

package/dist/components/accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.jsx"],"names":[],"mappings":";AAUA;;;;;4CAoBC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAMzD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAC7D,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,MAAM,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,CAAC;AACpD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1E,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,aAAa,EAAE,CAAC;AACvD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,aAAa,EAAE,CAAC;AAExD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzC,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiHvC,CAAC;AAIF,eAAe,SAAS,CAAC"}

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

@@ -1,3 +1,4 @@
+import Accordion from "./Accordion";
 export default Accordion;
-import Accordion from "./Accordion.jsx";
+export type { AccordionProps, AccordionItem, AccordionIconVariant, AccordionVariant, AccordionTitleTag, AccordionMargin, AccordionPadding } from "./Accordion";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.js"],"names":[],"mappings":";sBAAsB,iBAAiB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,eAAe,SAAS,CAAC;AACzB,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/app-shell/AppShell.d.ts

@@ -1,5 +1,37 @@
+import React from "react";
+import type { MenuListItem } from "../menu-list";
+import type { MenuListSize, MenuListVariant } from "../menu-list";
+import type { HeaderProps } from "../header";
+import type { FooterProps } from "../footer";
+/** Sidebar configuration: MenuList as vertical nav. Direction is always "vertical". */
+export interface AppShellSidebarConfig {
+    /** Menu items for the sidebar navigation */
+    items: MenuListItem[];
+    /** Value of the currently active item */
+    activeItem?: string;
+    /** Called when a menu item is clicked */
+    onMenuClick?: (item: MenuListItem) => void;
+    /** Size of menu items */
+    size?: MenuListSize;
+    /** Visual variant for the sidebar */
+    variant?: MenuListVariant;
+}
+export interface AppShellProps {
+    /** Main content (page area) */
+    children: React.ReactNode;
+    /** Top bar: pass Header props or custom ReactNode. Omit to hide header. */
+    header?: React.ReactNode | HeaderProps;
+    /** Bottom bar: pass Footer props or custom ReactNode. Omit to hide footer. */
+    footer?: React.ReactNode | FooterProps;
+    /** Sidebar config (MenuList as vertical nav on the left). Omit to hide sidebar. */
+    sidebar?: AppShellSidebarConfig;
+    /** Width of the sidebar (e.g. "240px", "16rem") */
+    sidebarWidth?: string;
+    /** Additional class name for the root element */
+    className?: string;
+    /** Additional class name for the main content wrapper */
+    contentClassName?: string;
+}
+declare const AppShell: React.FC<AppShellProps>;
 export default AppShell;
-declare function AppShell({ children }: {
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AppShell.d.ts.map

package/dist/components/app-shell/AppShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/AppShell.jsx"],"names":[],"mappings":";AAEA;;4CAEC"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAI7C,uFAAuF;AACvF,MAAM,WAAW,qBAAqB;IACpC,4CAA4C;IAC5C,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,yBAAyB;IACzB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,qCAAqC;IACrC,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,+BAA+B;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2EAA2E;IAC3E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,WAAW,CAAC;IACvC,8EAA8E;IAC9E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,WAAW,CAAC;IACvC,mFAAmF;IACnF,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAQD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuDrC,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/components/app-shell/index.d.ts

@@ -1,3 +1,4 @@
+import AppShell from "./AppShell";
 export default AppShell;
-import AppShell from "./AppShell.jsx";
+export type { AppShellProps, AppShellSidebarConfig } from "./AppShell";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/app-shell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/index.js"],"names":[],"mappings":";qBAAqB,gBAAgB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,eAAe,QAAQ,CAAC;AACxB,YAAY,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/bottom-sheet/BottomSheet.d.ts

@@ -1,18 +1,19 @@
-export default BottomSheet;
-declare function BottomSheet({ margin, className, children, isOpen, onClose }: {
-    margin: any;
-    className: any;
-    children: any;
-    isOpen: any;
-    onClose: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace BottomSheet {
-    namespace propTypes {
-        let isOpen: any;
-        let className: any;
-        let onClose: any;
-        let margin: any;
-        let children: any;
-    }
+import React from "react";
+import { SPACING_OPTIONS } from "../../constants/common";
+export type SpacingOption = (typeof SPACING_OPTIONS)[number];
+export type BottomSheetMargin = string | SpacingOption[];
+export interface BottomSheetProps {
+    /** Whether the bottom sheet is open */
+    isOpen: boolean;
+    /** Called when the sheet should close (e.g. after drag-to-close) */
+    onClose?: () => void;
+    /** Spacing suffix(s) for outer margin; component adds m- prefix */
+    margin?: BottomSheetMargin;
+    /** Additional class names for the sheet panel */
+    className?: string;
+    /** Content rendered inside the sheet */
+    children?: React.ReactNode;
 }
+declare const BottomSheet: React.FC<BottomSheetProps>;
+export default BottomSheet;
 //# sourceMappingURL=BottomSheet.d.ts.map

package/dist/components/bottom-sheet/BottomSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/bottom-sheet/BottomSheet.jsx"],"names":[],"mappings":";AAeA;;;;;;4CA6IC"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/bottom-sheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAKzD,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,aAAa,EAAE,CAAC;AAEzD,MAAM,WAAW,gBAAgB;IAC/B,uCAAuC;IACvC,MAAM,EAAE,OAAO,CAAC;IAChB,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mEAAmE;IACnE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkJ3C,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/dist/components/bottom-sheet/index.d.ts

@@ -1,3 +1,4 @@
+import BottomSheet from "./BottomSheet";
 export default BottomSheet;
-import BottomSheet from "./BottomSheet.jsx";
+export type { BottomSheetProps, BottomSheetMargin } from "./BottomSheet";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/bottom-sheet/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bottom-sheet/index.js"],"names":[],"mappings":";wBAAwB,mBAAmB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bottom-sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,eAAe,WAAW,CAAC;AAC3B,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/breadcrumb/BreadCrumb.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { SPACING_OPTIONS } from "../../constants/common";
+export type SpacingOption = (typeof SPACING_OPTIONS)[number];
+export type BreadCrumbMargin = string | SpacingOption[];
+export type BreadCrumbSeparator = "slash" | "chevron";
+export interface BreadCrumbItem {
+    /** Display label for the crumb */
+    label: string;
+    /** URL for the crumb. Omit for the current page (last item). */
+    href?: string;
+}
+export interface BreadCrumbProps {
+    /** List of breadcrumb items. Last item is treated as current page when it has no href. */
+    items: BreadCrumbItem[];
+    /** Visual separator between items */
+    separator?: BreadCrumbSeparator;
+    /** Accessible label for the navigation landmark (default: "Breadcrumb") */
+    ariaLabel?: string;
+    /** Spacing suffix for outer margin (e.g. "0" → m-0). */
+    margin?: BreadCrumbMargin;
+    /** Additional class name for the root nav element */
+    className?: string;
+}
+declare const BreadCrumb: React.FC<BreadCrumbProps>;
+export default BreadCrumb;
+//# sourceMappingURL=BreadCrumb.d.ts.map

package/dist/components/breadcrumb/BreadCrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadCrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/BreadCrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAIzD,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAC7D,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,aAAa,EAAE,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,SAAS,CAAC;AAEtD,MAAM,WAAW,cAAc;IAC7B,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,0FAA0F;IAC1F,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,qCAAqC;IACrC,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsEzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

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

@@ -1,3 +1,4 @@
-export default AppShell;
-import AppShell from "./AppShell.jsx";
+import BreadCrumb from "./BreadCrumb";
+export default BreadCrumb;
+export type { BreadCrumbProps, BreadCrumbItem, BreadCrumbSeparator, BreadCrumbMargin, SpacingOption, } from "./BreadCrumb";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/index.js"],"names":[],"mappings":";qBAAqB,gBAAgB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,eAAe,UAAU,CAAC;AAC1B,YAAY,EACV,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,gBAAgB,EAChB,aAAa,GACd,MAAM,cAAc,CAAC"}

package/dist/components/footer/Footer.d.ts

@@ -1,22 +1,27 @@
-export default Footer;
-declare function Footer({ margin, size, variant, brandName, poweredByLabel, poweredByLink, children, className, }: {
-    margin?: string;
-    size?: string;
-    variant?: string;
+import React from "react";
+import { SPACING_OPTIONS } from "../../constants/common";
+export type SpacingOption = (typeof SPACING_OPTIONS)[number];
+export type FooterSize = "small" | "medium" | "large";
+export type FooterVariant = "light" | "dark";
+export type FooterMargin = string | SpacingOption[];
+export interface FooterProps {
+    /** Spacing suffix(s) for outer margin; component adds m- prefix */
+    margin?: FooterMargin;
+    /** Size of the footer */
+    size?: FooterSize;
+    /** Visual variant */
+    variant?: FooterVariant;
+    /** Brand name shown in copyright (e.g. "Acme Inc") */
     brandName?: string;
+    /** Label for the powered-by link (e.g. "Powered by X") */
     poweredByLabel?: string;
+    /** URL for the powered-by link; shown when poweredByLabel is also set */
     poweredByLink?: string;
-    children: any;
+    /** Custom content rendered above the copyright line */
+    children?: React.ReactNode;
+    /** Additional class names for the root element */
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace Footer {
-    namespace propTypes {
-        let brandName: any;
-        let poweredByLabel: any;
-        let poweredByLink: any;
-        let size: any;
-        let variant: any;
-        let margin: any;
-    }
 }
+declare const Footer: React.FC<FooterProps>;
+export default Footer;
 //# sourceMappingURL=Footer.d.ts.map

package/dist/components/footer/Footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/footer/Footer.jsx"],"names":[],"mappings":";AASA;;;;;;;;;4CAwCC"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAKzD,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,aAAa,EAAE,CAAC;AAEpD,MAAM,WAAW,WAAW;IAC1B,mEAAmE;IACnE,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,qBAAqB;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0CjC,CAAC;AAIF,eAAe,MAAM,CAAC"}

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

@@ -1,3 +1,4 @@
+import Footer from "./Footer";
 export default Footer;
-import Footer from "./Footer.jsx";
+export type { FooterProps, FooterSize, FooterVariant, FooterMargin } from "./Footer";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/footer/index.js"],"names":[],"mappings":";mBAAmB,cAAc"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,eAAe,MAAM,CAAC;AACtB,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/header/Header.d.ts

@@ -1,30 +1,34 @@
-export default Header;
-declare function Header({ logoUrl, activeMenuItem, onMenuItemClick, className, headerLeft, headerRight, headerCenter, size, variant, margin, menuItems, }: {
-    logoUrl: any;
-    activeMenuItem: any;
-    onMenuItemClick: any;
-    className: any;
-    headerLeft: any;
-    headerRight: any;
-    headerCenter: any;
-    size: any;
-    variant: any;
-    margin: any;
-    menuItems: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace Header {
-    namespace propTypes {
-        let logoUrl: any;
-        let activeMenuItem: any;
-        let onMenuItemClick: any;
-        let className: any;
-        let headerLeft: any;
-        let headerRight: any;
-        let headerCenter: any;
-        let menuItems: any;
-        let size: any;
-        let variant: any;
-        let margin: any;
-    }
+import React from "react";
+import { SPACING_OPTIONS } from "../../constants/common";
+import type { MenuListItem } from "../menu-list";
+export type SpacingOption = (typeof SPACING_OPTIONS)[number];
+export type HeaderSize = "small" | "medium" | "large";
+export type HeaderVariant = "light" | "dark";
+export type HeaderMargin = string | SpacingOption[];
+export interface HeaderProps {
+    /** URL for the logo image (shown when headerLeft is not provided) */
+    logoUrl?: string;
+    /** Value of the currently active menu item */
+    activeMenuItem?: string;
+    /** Called when a menu item is clicked */
+    onMenuItemClick?: (item: MenuListItem) => void;
+    /** Additional class names for the root element */
+    className?: string;
+    /** Custom content for the left area (replaces logo when provided) */
+    headerLeft?: React.ReactNode;
+    /** Custom content for the right area */
+    headerRight?: React.ReactNode;
+    /** Custom content for the center area (replaces MenuList when provided) */
+    headerCenter?: React.ReactNode;
+    /** Menu items for the center/vertical menu */
+    menuItems: MenuListItem[];
+    /** Size of the header */
+    size?: HeaderSize;
+    /** Visual variant */
+    variant?: HeaderVariant;
+    /** Spacing suffix(s) for outer margin; component adds m- prefix */
+    margin?: HeaderMargin;
 }
+declare const Header: React.FC<HeaderProps>;
+export default Header;
 //# sourceMappingURL=Header.d.ts.map

package/dist/components/header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/header/Header.jsx"],"names":[],"mappings":";AAaA;;;;;;;;;;;;4CAyFC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAMzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,aAAa,EAAE,CAAC;AAEpD,MAAM,WAAW,WAAW;IAC1B,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yCAAyC;IACzC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,wCAAwC;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,2EAA2E;IAC3E,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,8CAA8C;IAC9C,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,qBAAqB;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,mEAAmE;IACnE,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyFjC,CAAC;AAIF,eAAe,MAAM,CAAC"}

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

@@ -1,3 +1,4 @@
+import Header from "./Header";
 export default Header;
-import Header from "./Header.jsx";
+export type { HeaderProps, HeaderSize, HeaderVariant, HeaderMargin } from "./Header";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/header/index.js"],"names":[],"mappings":";mBAAmB,cAAc"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,eAAe,MAAM,CAAC;AACtB,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/menu-list/MenuList.d.ts

@@ -1,24 +1,34 @@
-export default MenuList;
-declare function MenuList({ items, activeItem, size, variant, margin, className, direction, onMenuClick, }: {
-    items: any;
-    activeItem: any;
-    size: any;
-    variant: any;
-    margin: any;
-    className: any;
-    direction?: string;
-    onMenuClick: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace MenuList {
-    namespace propTypes {
-        let className: any;
-        let activeItem: any;
-        let size: any;
-        let variant: any;
-        let direction: any;
-        let onMenuClick: any;
-        let items: any;
-        let margin: any;
-    }
+import React from "react";
+import { SPACING_OPTIONS } from "../../constants/common";
+import type { MaterialIconName } from "../icon/material-icon-names";
+export type SpacingOption = (typeof SPACING_OPTIONS)[number];
+export type MenuListSize = "small" | "medium" | "large";
+export type MenuListVariant = "light" | "dark";
+export type MenuListDirection = "horizontal" | "vertical";
+export type MenuListMargin = string | SpacingOption[];
+export interface MenuListItem {
+    label: string;
+    value: string;
+    icon?: MaterialIconName;
+}
+export interface MenuListProps {
+    /** List of menu items; each has label, value, and optional icon */
+    items: MenuListItem[];
+    /** Value of the currently active item (matches item.value) */
+    activeItem?: string;
+    /** Size of menu items */
+    size?: MenuListSize;
+    /** Visual variant (light, dark) */
+    variant?: MenuListVariant;
+    /** Layout direction of the list */
+    direction?: MenuListDirection;
+    /** Spacing suffix(s) for outer margin; component adds m- prefix */
+    margin?: MenuListMargin;
+    /** Additional class names for the root element */
+    className?: string;
+    /** Called when a menu item is clicked; receives the clicked item */
+    onMenuClick?: (item: MenuListItem) => void;
 }
+declare const MenuList: React.FC<MenuListProps>;
+export default MenuList;
 //# sourceMappingURL=MenuList.d.ts.map

package/dist/components/menu-list/MenuList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../src/components/menu-list/MenuList.jsx"],"names":[],"mappings":";AAYA;;;;;;;;;4CAuDC"}
+{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../src/components/menu-list/MenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAKzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,aAAa,EAAE,CAAC;AAEtD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED,MAAM,WAAW,aAAa;IAC5B,mEAAmE;IACnE,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,mCAAmC;IACnC,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,mCAAmC;IACnC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,mEAAmE;IACnE,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CAC5C;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuDrC,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/components/menu-list/index.d.ts

@@ -1,3 +1,4 @@
+import MenuList from "./MenuList";
 export default MenuList;
-import MenuList from "./MenuList.jsx";
+export type { MenuListProps, MenuListItem, MenuListSize, MenuListVariant, MenuListDirection, MenuListMargin } from "./MenuList";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/menu-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu-list/index.js"],"names":[],"mappings":";qBAAqB,gBAAgB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,eAAe,QAAQ,CAAC;AACxB,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/page-header/PageHeader.d.ts

@@ -1,5 +1,24 @@
+import React from "react";
+export interface PageHeaderMoreMenuItem {
+    /** Menu item label */
+    label: string;
+    /** Called when the item is clicked; the more menu closes after. */
+    onClick?: () => void;
+}
+export interface PageHeaderProps {
+    /** Page title (left column) */
+    title: React.ReactNode;
+    /** Optional subtitle below the title (left column) */
+    subtitle?: React.ReactNode;
+    /** Primary call-to-action, e.g. a Button (right column, aligned right) */
+    primaryCta?: React.ReactNode;
+    /** More menu items; renders a trigger with three-dots (more_vert) icon and a dropdown (right column). */
+    moreMenuItems?: PageHeaderMoreMenuItem[];
+    /** Custom content for the more menu dropdown instead of moreMenuItems (right column). */
+    moreMenuContent?: React.ReactNode;
+    /** Additional class name for the root element */
+    className?: string;
+}
+declare const PageHeader: React.FC<PageHeaderProps>;
 export default PageHeader;
-declare function PageHeader({ children }: {
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PageHeader.d.ts.map

package/dist/components/page-header/PageHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/PageHeader.jsx"],"names":[],"mappings":";AAEA;;4CAEC"}
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,sBAAsB;IACrC,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,+BAA+B;IAC/B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0EAA0E;IAC1E,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,yGAAyG;IACzG,aAAa,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACzC,yFAAyF;IACzF,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2BD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgGzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/dist/components/page-header/index.d.ts

@@ -1,3 +1,4 @@
+import PageHeader from "./PageHeader";
 export default PageHeader;
-import PageHeader from "./PageHeader.jsx";
+export type { PageHeaderProps, PageHeaderMoreMenuItem } from "./PageHeader";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/page-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/index.js"],"names":[],"mappings":";uBAAuB,kBAAkB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,eAAe,UAAU,CAAC;AAC1B,YAAY,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/toast/Toast.d.ts

@@ -1,15 +1,23 @@
-export default Toast;
+import React from "react";
+export type ToastVariant = "info" | "error" | "warning" | "success";
+export interface ToastMessage {
+    mode: ToastVariant;
+    message: string;
+}
+export interface ToastRefHandle {
+    addMessage: (toast: ToastMessage) => void;
+}
+export interface ToastProps {
+    /** Whether toasts auto-close after autoCloseTime */
+    autoClose?: boolean;
+    /** Duration in ms before auto-closing (when autoClose is true) */
+    autoCloseTime?: number;
+}
 /**
- * The parent of this component should not have
- * to worry about maintaining a list of message
- * objects. That would require the parent to
- * also manage the deletion of toasts, etc.
- *
- * To accommodate this, we are using a combination
- * of useImperativeHandle and forwardRef to give
- * the parent access to this component's addMessage
- * functionality.
+ * Toast displays transient messages in a portal (top-right). Use a ref to call
+ * addMessage({ mode, message }). The parent does not need to manage toast state.
+ * useImperativeHandle + forwardRef expose addMessage to the parent.
  */
-declare const Toast: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";
+declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<ToastRefHandle>>;
+export default Toast;
 //# sourceMappingURL=Toast.d.ts.map

package/dist/components/toast/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.jsx"],"names":[],"mappings":";AA2DA;;;;;;;;;;GAUG;AAEH,+EAuCG;kBAxGI,OAAO"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAOf,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEpE,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CAC3C;AAED,MAAM,WAAW,UAAU;IACzB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA4ED;;;;GAIG;AACH,QAAA,MAAM,KAAK,mFAoDV,CAAC;AAIF,eAAe,KAAK,CAAC"}

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

@@ -1,3 +1,4 @@
+import Toast from "./Toast";
 export default Toast;
-import Toast from "./Toast.jsx";
+export type { ToastProps, ToastRefHandle, ToastMessage, ToastVariant } from "./Toast";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.js"],"names":[],"mappings":";kBAAkB,aAAa"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,eAAe,KAAK,CAAC;AACrB,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}