@sudobility/components 4.0.32 → 4.0.34

package/dist/layout/Footer/Footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/layout/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,CAAC;AAE/C,MAAM,WAAW,WAAW;IAC1B,qEAAqE;IACrE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuBxC,CAAC"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/layout/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,CAAC;AAE/C,MAAM,WAAW,WAAW;IAC1B,qEAAqE;IACrE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwBxC,CAAC"}

package/dist/layout/Layout/ContentContainer.d.ts

@@ -0,0 +1,40 @@
+import { default as React, ReactNode } from 'react';
+import { LayoutMode } from './LayoutContext';
+export interface ContentContainerProps {
+    /** Content to render */
+    children: ReactNode;
+    /** Override the layout mode from context */
+    mode?: LayoutMode;
+    /** Additional CSS classes */
+    className?: string;
+    /** HTML element to render as */
+    as?: 'div' | 'main' | 'section' | 'article';
+    /** Whether to include padding (default: true) */
+    withPadding?: boolean;
+}
+/**
+ * ContentContainer - Applies consistent width constraints based on layout context
+ *
+ * @example
+ * ```tsx
+ * // Uses layout mode from context
+ * <LayoutProvider mode="standard">
+ *   <ContentContainer>
+ *     <h1>Page Title</h1>
+ *     <p>Content here...</p>
+ *   </ContentContainer>
+ * </LayoutProvider>
+ *
+ * // Override mode locally
+ * <ContentContainer mode="wide">
+ *   <Dashboard />
+ * </ContentContainer>
+ *
+ * // As main element
+ * <ContentContainer as="main" className="py-8">
+ *   <PageContent />
+ * </ContentContainer>
+ * ```
+ */
+export declare const ContentContainer: React.FC<ContentContainerProps>;
+//# sourceMappingURL=ContentContainer.d.ts.map

package/dist/layout/Layout/ContentContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentContainer.d.ts","sourceRoot":"","sources":["../../../src/layout/Layout/ContentContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAa,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,WAAW,qBAAqB;IACpC,wBAAwB;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5C,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmB5D,CAAC"}

package/dist/layout/Layout/LayoutContext.d.ts

@@ -0,0 +1,48 @@
+import { default as React, ReactNode } from 'react';
+export type LayoutMode = 'standard' | 'wide' | 'full';
+export interface LayoutContextValue {
+    /** Current layout mode */
+    mode: LayoutMode;
+    /** CSS classes for the container */
+    containerClass: string;
+    /** CSS classes for just the max-width (without padding) */
+    maxWidthClass: string;
+    /** CSS classes for just the padding */
+    paddingClass: string;
+}
+declare const LayoutContext: React.Context<LayoutContextValue | undefined>;
+export interface LayoutProviderProps {
+    /** Layout mode - controls max-width of content */
+    mode?: LayoutMode;
+    /** Children to render */
+    children: ReactNode;
+}
+/**
+ * LayoutProvider - Provides consistent layout width settings to child components
+ *
+ * @example
+ * ```tsx
+ * // Standard width for landing pages
+ * <LayoutProvider mode="standard">
+ *   <Topbar />
+ *   <main>...</main>
+ *   <Footer />
+ * </LayoutProvider>
+ *
+ * // Full width for app pages
+ * <LayoutProvider mode="full">
+ *   <Topbar />
+ *   <main>...</main>
+ *   <Footer />
+ * </LayoutProvider>
+ * ```
+ */
+export declare const LayoutProvider: React.FC<LayoutProviderProps>;
+/**
+ * useLayout - Hook to access layout context
+ *
+ * Returns default 'standard' values if used outside LayoutProvider
+ */
+export declare const useLayout: () => LayoutContextValue;
+export { LayoutContext };
+//# sourceMappingURL=LayoutContext.d.ts.map

package/dist/layout/Layout/LayoutContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutContext.d.ts","sourceRoot":"","sources":["../../../src/layout/Layout/LayoutContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IACjC,0BAA0B;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,oCAAoC;IACpC,cAAc,EAAE,MAAM,CAAC;IACvB,2DAA2D;IAC3D,aAAa,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,YAAY,EAAE,MAAM,CAAC;CACtB;AAgBD,QAAA,MAAM,aAAa,+CAA2D,CAAC;AAE/E,MAAM,WAAW,mBAAmB;IAClC,kDAAkD;IAClD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yBAAyB;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAcxD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,QAAO,kBAc5B,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/layout/Layout/index.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Layout Context - Unified width control for page layouts
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   LayoutProvider,
+ *   ContentContainer,
+ *   useLayout,
+ * } from '@sudobility/components';
+ *
+ * // Wrap your app or page
+ * function App() {
+ *   return (
+ *     <LayoutProvider mode="standard">
+ *       <Topbar />
+ *       <ContentContainer as="main">
+ *         <PageContent />
+ *       </ContentContainer>
+ *       <Footer />
+ *     </LayoutProvider>
+ *   );
+ * }
+ *
+ * // For full-width pages like Mail
+ * function MailApp() {
+ *   return (
+ *     <LayoutProvider mode="full">
+ *       <Topbar />
+ *       <ContentContainer as="main">
+ *         <MailContent />
+ *       </ContentContainer>
+ *       <Footer />
+ *     </LayoutProvider>
+ *   );
+ * }
+ *
+ * // Access layout in custom components
+ * function MyComponent() {
+ *   const { containerClass, mode } = useLayout();
+ *   return <div className={containerClass}>...</div>;
+ * }
+ * ```
+ */
+export { LayoutProvider, useLayout, LayoutContext, type LayoutProviderProps, type LayoutContextValue, type LayoutMode, } from './LayoutContext';
+export { ContentContainer, type ContentContainerProps, } from './ContentContainer';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/Layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/Layout/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAEH,OAAO,EACL,cAAc,EACd,SAAS,EACT,aAAa,EACb,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,UAAU,GAChB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,oBAAoB,CAAC"}

package/dist/layout/Topbar/Topbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Topbar.d.ts","sourceRoot":"","sources":["../../../src/layout/Topbar/Topbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAkB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,WAAW;IAC1B,0CAA0C;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,mCAAmC;IACnC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oBAAoB;IACpB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IACxC,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAuBD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmDxC,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Topbar.d.ts","sourceRoot":"","sources":["../../../src/layout/Topbar/Topbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAkB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhE,MAAM,WAAW,WAAW;IAC1B,0CAA0C;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,mCAAmC;IACnC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oBAAoB;IACpB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IACxC,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAuBD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqDxC,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/layout/index.d.ts

@@ -3,6 +3,7 @@
  */
 export { StandardPageLayout } from './StandardPageLayout';
 export { PageHeader } from './PageHeader';
+export { LayoutProvider, useLayout, LayoutContext, type LayoutProviderProps, type LayoutContextValue, type LayoutMode, ContentContainer, type ContentContainerProps, } from './Layout';
 export { Footer, type FooterProps, type FooterVariant, FooterGrid, FooterBrand, type FooterBrandProps, FooterLinkSection, type FooterLinkSectionProps, FooterLink, type FooterLinkProps, FooterBottom, FooterCompact, FooterCompactLeft, FooterCompactRight, FooterVersion, type FooterVersionProps, FooterCopyright, type FooterCopyrightProps, } from './Footer';
 export { MasterDetailLayout, type MasterDetailLayoutProps, MasterListItem, type MasterListItemProps, } from './MasterDetailLayout';
 export { Topbar, type TopbarProps, type TopbarVariant, TopbarProvider, useTopbar, TopbarContext, type TopbarProviderProps, TopbarLeft, TopbarCenter, TopbarRight, TopbarMobileContent, TopbarDivider, TopbarLogo, type TopbarLogoProps, TopbarMenuToggle, type TopbarMenuToggleProps, TopbarNav, TopbarMobileNav, type TopbarNavProps, type TopbarNavItem, type TopbarMobileNavProps, TopbarNavigation, type TopbarNavigationProps, TopbarActions, TopbarIconButton, TopbarSearch, type TopbarActionsProps, type TopbarIconButtonProps, type TopbarSearchProps, } from './Topbar';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,UAAU,EACV,WAAW,EACX,KAAK,gBAAgB,EACrB,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,UAAU,EACV,KAAK,eAAe,EACpB,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,KAAK,kBAAkB,EACvB,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,cAAc,EACd,SAAS,EACT,aAAa,EACb,KAAK,mBAAmB,EACxB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,aAAa,EACb,UAAU,EACV,KAAK,eAAe,EACpB,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,SAAS,EACT,eAAe,EACf,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,GACvB,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EACL,cAAc,EACd,SAAS,EACT,aAAa,EACb,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,UAAU,EACf,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,UAAU,CAAC;AAGlB,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,UAAU,EACV,WAAW,EACX,KAAK,gBAAgB,EACrB,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,UAAU,EACV,KAAK,eAAe,EACpB,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,KAAK,kBAAkB,EACvB,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,cAAc,EACd,SAAS,EACT,aAAa,EACb,KAAK,mBAAmB,EACxB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,aAAa,EACb,UAAU,EACV,KAAK,eAAe,EACpB,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,SAAS,EACT,eAAe,EACf,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,GACvB,MAAM,UAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/components",
-  "version": "4.0.32",
+  "version": "4.0.34",
   "description": "Reusable UI components and design system - Reorganized for better maintainability",
   "type": "module",
   "main": "dist/index.umd.js",