@digilogiclabs/saas-factory-ui 0.15.1 → 0.15.2

package/dist/index.d.mts

@@ -575,6 +575,11 @@ interface ResponsiveHeaderProps extends React$1.HTMLAttributes<HTMLDivElement>,
     mobileMenuPosition?: "right" | "left" | "fullscreen";
     showBrandOnMobile?: boolean;
     children: React$1.ReactNode;
+    navigationItems?: any;
+    showThemeToggle?: boolean;
+    mobileBreakpoint?: string;
+    hamburgerIcon?: React$1.ReactNode;
+    networkStatus?: any;
 }
 declare const ResponsiveHeader: React$1.ForwardRefExoticComponent<ResponsiveHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
 interface HeaderBrandProps extends React$1.HTMLAttributes<HTMLElement> {
@@ -2031,8 +2036,13 @@ declare const CollaborativePlaylist: React$1.FC<CollaborativePlaylistProps>;
 interface ContainerProps$1 extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     as?: React.ElementType;
+    navigationItems?: any;
+    showThemeToggle?: boolean;
+    mobileBreakpoint?: string;
+    hamburgerIcon?: React.ReactNode;
+    networkStatus?: any;
 }
-declare function Container$1({ className, as: Component, children, ...props }: ContainerProps$1): react_jsx_runtime.JSX.Element;
+declare function Container$1({ className, as: Component, children, navigationItems, showThemeToggle, mobileBreakpoint, hamburgerIcon, networkStatus, ...domProps }: ContainerProps$1): react_jsx_runtime.JSX.Element;
 
 interface GridProps$1 extends React$1.HTMLAttributes<HTMLDivElement> {
     children: React$1.ReactNode;
@@ -2043,8 +2053,13 @@ declare function Grid$1({ className, cols, gap, children, ...props }: GridProps$
 
 interface SectionProps$1 extends React$1.HTMLAttributes<HTMLElement> {
     children: React$1.ReactNode;
+    navigationItems?: any;
+    showThemeToggle?: boolean;
+    mobileBreakpoint?: string;
+    hamburgerIcon?: React$1.ReactNode;
+    networkStatus?: any;
 }
-declare function Section$1({ className, children, ...props }: SectionProps$1): react_jsx_runtime.JSX.Element;
+declare function Section$1({ className, children, navigationItems, showThemeToggle, mobileBreakpoint, hamburgerIcon, networkStatus, ...domProps }: SectionProps$1): react_jsx_runtime.JSX.Element;
 
 type ViewProps$2 = {
     style?: object;

package/dist/index.d.ts

@@ -575,6 +575,11 @@ interface ResponsiveHeaderProps extends React$1.HTMLAttributes<HTMLDivElement>,
     mobileMenuPosition?: "right" | "left" | "fullscreen";
     showBrandOnMobile?: boolean;
     children: React$1.ReactNode;
+    navigationItems?: any;
+    showThemeToggle?: boolean;
+    mobileBreakpoint?: string;
+    hamburgerIcon?: React$1.ReactNode;
+    networkStatus?: any;
 }
 declare const ResponsiveHeader: React$1.ForwardRefExoticComponent<ResponsiveHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
 interface HeaderBrandProps extends React$1.HTMLAttributes<HTMLElement> {
@@ -2031,8 +2036,13 @@ declare const CollaborativePlaylist: React$1.FC<CollaborativePlaylistProps>;
 interface ContainerProps$1 extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     as?: React.ElementType;
+    navigationItems?: any;
+    showThemeToggle?: boolean;
+    mobileBreakpoint?: string;
+    hamburgerIcon?: React.ReactNode;
+    networkStatus?: any;
 }
-declare function Container$1({ className, as: Component, children, ...props }: ContainerProps$1): react_jsx_runtime.JSX.Element;
+declare function Container$1({ className, as: Component, children, navigationItems, showThemeToggle, mobileBreakpoint, hamburgerIcon, networkStatus, ...domProps }: ContainerProps$1): react_jsx_runtime.JSX.Element;
 
 interface GridProps$1 extends React$1.HTMLAttributes<HTMLDivElement> {
     children: React$1.ReactNode;
@@ -2043,8 +2053,13 @@ declare function Grid$1({ className, cols, gap, children, ...props }: GridProps$
 
 interface SectionProps$1 extends React$1.HTMLAttributes<HTMLElement> {
     children: React$1.ReactNode;
+    navigationItems?: any;
+    showThemeToggle?: boolean;
+    mobileBreakpoint?: string;
+    hamburgerIcon?: React$1.ReactNode;
+    networkStatus?: any;
 }
-declare function Section$1({ className, children, ...props }: SectionProps$1): react_jsx_runtime.JSX.Element;
+declare function Section$1({ className, children, navigationItems, showThemeToggle, mobileBreakpoint, hamburgerIcon, networkStatus, ...domProps }: SectionProps$1): react_jsx_runtime.JSX.Element;
 
 type ViewProps$2 = {
     style?: object;

package/dist/index.js

@@ -4434,7 +4434,12 @@ var ResponsiveHeader = React23.forwardRef(
     mobileMenuPosition,
     showBrandOnMobile,
     children,
-    ...props
+    navigationItems,
+    showThemeToggle,
+    mobileBreakpoint,
+    hamburgerIcon,
+    networkStatus,
+    ...domProps
   }, ref) => {
     const [isScrolledUp, setIsScrolledUp] = React23.useState(true);
     const lastScrollY = React23.useRef(0);
@@ -4461,7 +4466,7 @@ var ResponsiveHeader = React23.forwardRef(
           sticky === "scroll-up" && !isScrolledUp && "-translate-y-full",
           className
         ),
-        ...props,
+        ...domProps,
         children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn(containerVariants({ maxWidth })), children })
       }
     );
@@ -8264,7 +8269,7 @@ var SearchWithFilters = ({
   onVoiceSearchEnd,
   onLoadMore
 }) => {
-  const [localQuery, setLocalQuery] = (0, import_react14.useState)(query);
+  const [localQuery, setLocalQuery] = (0, import_react14.useState)(query || "");
   const [showSuggestions, setShowSuggestions] = (0, import_react14.useState)(false);
   const [showFiltersPanel, setShowFiltersPanel] = (0, import_react14.useState)(false);
   const [isVoiceRecording, setIsVoiceRecording] = (0, import_react14.useState)(false);
@@ -8334,7 +8339,7 @@ var SearchWithFilters = ({
     const newFilters = { ...filters, [key]: value };
     onFiltersChange?.(newFilters);
     triggerHaptic("light");
-    if (localQuery.trim()) {
+    if (localQuery?.trim()) {
       onSearch?.(localQuery, newFilters);
     }
   };
@@ -8383,9 +8388,9 @@ var SearchWithFilters = ({
     { id: "custom", label: "Custom Range" }
   ];
   const filteredSuggestions = (0, import_react14.useMemo)(() => {
-    if (!localQuery.trim()) return suggestions.slice(0, 8);
+    if (!localQuery?.trim()) return suggestions.slice(0, 8);
     return suggestions.filter(
-      (suggestion) => suggestion.text.toLowerCase().includes(localQuery.toLowerCase())
+      (suggestion) => suggestion.text.toLowerCase().includes(localQuery?.toLowerCase() || "")
     ).slice(0, 8);
   }, [suggestions, localQuery]);
   const activeFiltersCount = (0, import_react14.useMemo)(() => {
@@ -13664,13 +13669,18 @@ function Container({
   className,
   as: Component = "div",
   children,
-  ...props
+  navigationItems,
+  showThemeToggle,
+  mobileBreakpoint,
+  hamburgerIcon,
+  networkStatus,
+  ...domProps
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     Component,
     {
       className: cn("mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8", className),
-      ...props,
+      ...domProps,
       children
     }
   );
@@ -13700,8 +13710,17 @@ function Grid({
 
 // src/components/layout/web/section.tsx
 var import_jsx_runtime54 = require("react/jsx-runtime");
-function Section({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("section", { className: cn("py-12 md:py-16 lg:py-20", className), ...props, children });
+function Section({
+  className,
+  children,
+  navigationItems,
+  showThemeToggle,
+  mobileBreakpoint,
+  hamburgerIcon,
+  networkStatus,
+  ...domProps
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("section", { className: cn("py-12 md:py-16 lg:py-20", className), ...domProps, children });
 }
 
 // src/components/layout/native/container.tsx