@timmbr/ui 1.1.0 → 1.3.0

package/dist/components/NavHeader/subcomponents/NavSearch.js

@@ -0,0 +1,222 @@
+"use client";
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { AnimatePresence, motion } from '@timmbr/motion';
+import { Search, X, TrendingUp } from '@timmbr/icons';
+import { cn } from '@timmbr/utils';
+import { navActionVariants, searchPopoverCardVariants } from '../NavHeader.styles.js';
+import { resolveNavDestination, isCrossZoneNavigation } from '../NavHeader.helpers.js';
+import { useTimmbrConfig } from '../../../providers/TimmbrConfigProvider.js';
+
+const defaultPopularSearches = [
+  { id: "1", label: "Centre Tables" },
+  { id: "2", label: "TV Units" },
+  { id: "3", label: "bed" },
+  { id: "4", label: "bedsheet" },
+  { id: "5", label: "mirror" },
+  { id: "6", label: "office chair" },
+  { id: "7", label: "shoe rack" },
+  { id: "8", label: "sofa cum bed" }
+];
+const NavSearch = ({
+  config,
+  isOpen,
+  onOpenChange,
+  value,
+  onChange,
+  onSubmit,
+  shouldAnimate = true,
+  motionClass,
+  linkComponent: CustomLink
+}) => {
+  const globalConfig = useTimmbrConfig();
+  const searchConfig = typeof config === "object" ? config : {};
+  const {
+    placeholder = "Search for furniture, decor, and more...",
+    popoverContent,
+    popularSearches = defaultPopularSearches,
+    popularSearchesTitle = "Popular Searches",
+    onPopularSearchClick,
+    ariaLabel = "Search store products"
+  } = searchConfig;
+  const [showPopover, setShowPopover] = React.useState(false);
+  const containerRef = React.useRef(null);
+  const inputRef = React.useRef(null);
+  React.useEffect(() => {
+    if (isOpen) {
+      inputRef.current?.focus();
+      setShowPopover(true);
+    } else {
+      setShowPopover(false);
+    }
+  }, [isOpen]);
+  React.useEffect(() => {
+    if (!isOpen) return;
+    const handleClickOutside = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        setShowPopover(false);
+        if (!value.trim()) {
+          onOpenChange(false);
+        }
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [isOpen, value, onOpenChange]);
+  const handleToggle = () => {
+    const nextState = !isOpen;
+    onOpenChange(nextState);
+    if (nextState) {
+      setShowPopover(true);
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      onSubmit(value);
+      setShowPopover(false);
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      setShowPopover(false);
+      onOpenChange(false);
+    }
+  };
+  const handleTagClick = (tag) => {
+    onChange(tag.label);
+    onPopularSearchClick?.(tag);
+    tag.onClick?.(tag);
+    onSubmit(tag.label);
+    setShowPopover(false);
+  };
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "relative flex items-center", "data-slot": "nav-search-container", children: [
+    !isOpen && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: handleToggle,
+        "aria-label": "Open search bar",
+        "aria-expanded": isOpen,
+        className: navActionVariants({ active: isOpen }),
+        "data-slot": "nav-search-trigger",
+        children: [
+          /* @__PURE__ */ jsx(Search, { size: 22, className: "shrink-0 stroke-[1.8]" }),
+          /* @__PURE__ */ jsx("span", { className: "font-sans font-bold text-[10px] tracking-[0.0926em] uppercase", children: "SEARCH" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: isOpen && /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        initial: shouldAnimate ? { width: 0, opacity: 0 } : false,
+        animate: shouldAnimate ? { width: 350, opacity: 1 } : void 0,
+        exit: shouldAnimate ? { width: 0, opacity: 0 } : void 0,
+        transition: { duration: 0.28, ease: [0.25, 1, 0.5, 1] },
+        className: cn("relative flex flex-col", !shouldAnimate && "transition-none", motionClass),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative flex items-center w-full h-10 bg-white border border-grey-300 rounded-full shadow-sm focus-within:ring-2 focus-within:ring-[#C0643A]/30 focus-within:border-[#C0643A] overflow-hidden", children: [
+            /* @__PURE__ */ jsx(
+              Search,
+              {
+                size: 18,
+                className: "absolute left-3.5 top-1/2 -translate-y-1/2 text-grey-500 pointer-events-none shrink-0"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: inputRef,
+                type: "text",
+                role: "searchbox",
+                autoComplete: "off",
+                value,
+                placeholder,
+                "aria-label": ariaLabel,
+                onChange: (e) => onChange(e.target.value),
+                onFocus: () => setShowPopover(true),
+                onKeyDown: handleKeyDown,
+                className: "w-full h-full pl-10 pr-9 bg-transparent text-sm text-[#1A1A1A] placeholder:text-grey-400 border-none focus:outline-none [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden",
+                "data-slot": "nav-search-input"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  if (value) {
+                    onChange("");
+                  } else {
+                    onOpenChange(false);
+                  }
+                },
+                "aria-label": "Close search",
+                className: "absolute right-2.5 top-1/2 -translate-y-1/2 p-1 text-grey-400 hover:text-grey-700 rounded-full hover:bg-grey-100 transition-colors shrink-0",
+                children: /* @__PURE__ */ jsx(X, { size: 15 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: showPopover && /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              initial: shouldAnimate ? { opacity: 0, y: 4 } : false,
+              animate: shouldAnimate ? { opacity: 1, y: 0 } : void 0,
+              exit: shouldAnimate ? { opacity: 0, y: 4 } : void 0,
+              transition: { duration: 0.18, ease: [0.25, 1, 0.5, 1] },
+              className: cn(searchPopoverCardVariants(), !shouldAnimate && "transition-none", motionClass),
+              "data-slot": "nav-search-popover",
+              children: popoverContent ? popoverContent : /* @__PURE__ */ jsxs("div", { children: [
+                popularSearchesTitle && /* @__PURE__ */ jsx("h4", { className: "font-sans font-bold text-sm tracking-wide text-[#E11D48] mb-3 uppercase flex items-center gap-1.5", children: /* @__PURE__ */ jsx("span", { children: popularSearchesTitle }) }),
+                /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: popularSearches.map((tag, idx) => {
+                  const resolvedTagHref = resolveNavDestination(tag.href, tag.zone, globalConfig.zones?.zones);
+                  const requiresCrossZone = isCrossZoneNavigation(tag.zone, globalConfig.zones?.currentZone);
+                  const tagContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(TrendingUp, { size: 13, className: "text-grey-500 shrink-0" }),
+                    /* @__PURE__ */ jsx("span", { children: tag.label })
+                  ] });
+                  const tagClass = "inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg border border-grey-200 bg-white hover:border-grey-400 hover:bg-grey-50 text-xs font-medium text-grey-800 transition-all cursor-pointer";
+                  if (resolvedTagHref) {
+                    if (CustomLink && !requiresCrossZone) {
+                      return /* @__PURE__ */ jsx(
+                        CustomLink,
+                        {
+                          href: resolvedTagHref,
+                          className: tagClass,
+                          onClick: () => handleTagClick(tag),
+                          children: tagContent
+                        },
+                        tag.id ?? idx
+                      );
+                    }
+                    return /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: resolvedTagHref,
+                        "data-cross-zone": requiresCrossZone ? "true" : void 0,
+                        className: tagClass,
+                        onClick: () => handleTagClick(tag),
+                        children: tagContent
+                      },
+                      tag.id ?? idx
+                    );
+                  }
+                  return /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => handleTagClick(tag),
+                      className: tagClass,
+                      children: tagContent
+                    },
+                    tag.id ?? idx
+                  );
+                }) })
+              ] })
+            }
+          ) })
+        ]
+      }
+    ) })
+  ] });
+};
+
+export { NavSearch };

package/dist/components/NavHeader/subcomponents/OfferBanner.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { OfferBannerConfig } from '../NavHeader.types';
+export interface OfferBannerProps {
+    banner?: OfferBannerConfig | React.ReactNode | boolean;
+    show?: boolean;
+    shouldAnimate?: boolean;
+    motionClass?: string;
+    linkComponent?: React.ComponentType<any>;
+}
+export declare const OfferBanner: React.FC<OfferBannerProps>;
+//# sourceMappingURL=OfferBanner.d.ts.map

package/dist/components/NavHeader/subcomponents/OfferBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OfferBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/NavHeader/subcomponents/OfferBanner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAG5D,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;IACvD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmGlD,CAAC"}

package/dist/components/NavHeader/subcomponents/OfferBanner.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { AnimatePresence, motion, collapseVariants, getTransition } from '@timmbr/motion';
+import { X } from '@timmbr/icons';
+import { cn } from '@timmbr/utils';
+import { offerBannerVariants } from '../NavHeader.styles.js';
+import { resolveNavDestination, isCrossZoneNavigation } from '../NavHeader.helpers.js';
+import { useTimmbrConfig } from '../../../providers/TimmbrConfigProvider.js';
+
+const OfferBanner = ({
+  banner,
+  show = true,
+  shouldAnimate = true,
+  motionClass,
+  linkComponent: CustomLink
+}) => {
+  const [dismissed, setDismissed] = React.useState(false);
+  const config = useTimmbrConfig();
+  if (!show || banner === false || banner === null || banner === void 0 || dismissed) {
+    return null;
+  }
+  if (React.isValidElement(banner) || typeof banner === "string" || typeof banner === "number") {
+    return /* @__PURE__ */ jsx("div", { className: offerBannerVariants(), "data-slot": "nav-offer-banner", children: banner });
+  }
+  const bannerConfig = banner;
+  const { content, href, zone, crossZone, dismissible = false, onDismiss, action, className } = bannerConfig;
+  const resolvedHref = resolveNavDestination(href, zone, config.zones?.zones);
+  const requiresCrossZone = isCrossZoneNavigation(zone, config.zones?.currentZone, crossZone);
+  const handleDismiss = (e) => {
+    e.stopPropagation();
+    setDismissed(true);
+    onDismiss?.();
+  };
+  const renderContent = () => {
+    if (resolvedHref) {
+      if (CustomLink && !requiresCrossZone) {
+        return /* @__PURE__ */ jsxs(CustomLink, { href: resolvedHref, className: "hover:underline flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { children: content }),
+          action && /* @__PURE__ */ jsx("span", { className: "ml-2", children: action })
+        ] });
+      }
+      return /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: resolvedHref,
+          "data-cross-zone": requiresCrossZone ? "true" : void 0,
+          className: "hover:underline flex items-center gap-2",
+          children: [
+            /* @__PURE__ */ jsx("span", { children: content }),
+            action && /* @__PURE__ */ jsx("span", { className: "ml-2", children: action })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { children: content }),
+      action && /* @__PURE__ */ jsx("span", { className: "ml-2", children: action })
+    ] });
+  };
+  return /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: !dismissed && /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: shouldAnimate ? "visible" : false,
+      exit: shouldAnimate ? "exit" : void 0,
+      variants: shouldAnimate ? collapseVariants : void 0,
+      transition: getTransition("fast"),
+      "data-slot": "nav-offer-banner",
+      className: cn(
+        offerBannerVariants(),
+        !shouldAnimate && "transition-none",
+        motionClass,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-full px-8 text-center", children: renderContent() }),
+        dismissible && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleDismiss,
+            "aria-label": "Dismiss offer banner",
+            className: "absolute right-3 top-1/2 -translate-y-1/2 p-1 text-[#F7F1E6]/70 hover:text-[#F7F1E6] hover:bg-white/10 rounded transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-white",
+            children: /* @__PURE__ */ jsx(X, { size: 14 })
+          }
+        )
+      ]
+    }
+  ) });
+};
+
+export { OfferBanner };

package/dist/components/Popover/Popover.types.d.ts

@@ -1,8 +1,7 @@
 import type * as React from 'react';
 import type * as PopoverPrimitive from '@radix-ui/react-popover';
 import type { MotionProp } from '../../types/motion';
-export interface PopoverProps extends PopoverPrimitive.PopoverProps {
-}
+export type PopoverProps = PopoverPrimitive.PopoverProps;
 export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
     /**
      * Motion transition control.

package/dist/components/Popover/Popover.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,YAAa,SAAQ,gBAAgB,CAAC,YAAY;CAAG;AAEtE,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IACvE;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB"}
+{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC,YAAY,CAAC;AAEzD,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IACvE;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB"}

package/dist/components/Radio/Radio.js

@@ -110,12 +110,12 @@ const RadioGroup = React.forwardRef(
         "p",
         {
           className: cn(
-            "text-xs mt-0.5 flex items-start gap-1.5",
+            "text-xs mt-1 flex items-center gap-1.5",
             isError ? "text-destructive font-medium" : "text-muted"
           ),
           children: [
-            isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0 mt-0.5", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Info, { className: "w-3.5 h-3.5 shrink-0 mt-0.5", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx("span", { className: "leading-tight", children: errorMessage || helperText })
+            isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Info, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "leading-normal", children: errorMessage || helperText })
           ]
         }
       )

package/dist/components/Select/Select.js

@@ -101,12 +101,12 @@ const Select = React.forwardRef(
             "p",
             {
               className: cn(
-                "text-xs mt-0.5 flex items-start gap-1.5",
+                "text-xs mt-1 flex items-center gap-1.5",
                 isError ? "text-destructive font-medium" : "text-muted"
               ),
               children: [
-                isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0 mt-0.5", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Info, { className: "w-3.5 h-3.5 shrink-0 mt-0.5", "aria-hidden": "true" }),
-                /* @__PURE__ */ jsx("span", { className: "leading-tight", children: errorMessage || helperText })
+                isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Info, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { className: "leading-normal", children: errorMessage || helperText })
               ]
             }
           )

package/dist/components/Stat/Stat.types.d.ts

@@ -4,12 +4,9 @@ import type { MotionProp } from '../../types/motion';
 export interface StatProps extends React.HTMLAttributes<HTMLDivElement>, StatVariants {
     motion?: MotionProp;
 }
-export interface StatLabelProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-export interface StatValueProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-export interface StatHelpTextProps extends React.HTMLAttributes<HTMLDivElement> {
-}
+export type StatLabelProps = React.HTMLAttributes<HTMLDivElement>;
+export type StatValueProps = React.HTMLAttributes<HTMLDivElement>;
+export type StatHelpTextProps = React.HTMLAttributes<HTMLDivElement>;
 export interface StatIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
     type?: 'increase' | 'decrease';
 }

package/dist/components/Stat/Stat.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stat.types.d.ts","sourceRoot":"","sources":["../../../src/components/Stat/Stat.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY;IACd,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7C,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;CAChC"}
+{"version":3,"file":"Stat.types.d.ts","sourceRoot":"","sources":["../../../src/components/Stat/Stat.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY;IACd,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAGrE,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7C,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;CAChC"}

package/dist/components/Table/Table.types.d.ts

@@ -3,20 +3,13 @@ import type { TableVariants } from './Table.styles';
 export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement>, TableVariants {
     containerClassName?: string;
 }
-export interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
-}
-export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
-}
-export interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {
-}
-export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
-}
-export interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
-}
-export interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
-}
-export interface TableCaptionProps extends React.HTMLAttributes<HTMLTableCaptionElement> {
-}
+export type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;
+export type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;
+export type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;
+export type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;
+export type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement>;
+export type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;
+export type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;
 export interface TablePaginationProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Current active page (1-indexed).

package/dist/components/Table/Table.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,aAAa;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAE1D,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAE1D,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAE1D,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;CAAG;AAEtD,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;CAAG;AAEzD,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;CAAG;AAEzD,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAE1D,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACpF"}
+{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,aAAa;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE7E,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE3E,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE7E,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAEtE,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAE1E,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAE1E,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE9E,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACpF"}

package/dist/components/Textarea/Textarea.js

@@ -145,12 +145,12 @@ const Textarea = React.forwardRef(
               {
                 id: `${id}-desc`,
                 className: cn(
-                  "text-xs mt-0.5 flex items-start gap-1.5 flex-1",
+                  "text-xs mt-1 flex items-center gap-1.5 flex-1",
                   isError ? "text-destructive font-medium" : "text-muted"
                 ),
                 children: [
-                  isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0 mt-0.5", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Info, { className: "w-3.5 h-3.5 shrink-0 mt-0.5", "aria-hidden": "true" }),
-                  /* @__PURE__ */ jsx("span", { className: "leading-tight", children: errorMessage || helperText })
+                  isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Info, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx("span", { className: "leading-normal", children: errorMessage || helperText })
                 ]
               }
             ) : /* @__PURE__ */ jsx("span", {}),

package/dist/components/Toast/Toast.js

@@ -32,7 +32,7 @@ const ToastViewport = React.forwardRef(({ className, stacked, position = "bottom
   }
 ));
 ToastViewport.displayName = ToastPrimitive.Viewport.displayName;
-const Toast = React.forwardRef(({ className, variant, motion, index, total, style, ...props }, ref) => {
+const Toast = React.forwardRef(({ className, variant, motion, index, total: _total, style, ...props }, ref) => {
   const globalMotion = useGlobalAnimation();
   const { shouldAnimate, motionClass } = resolveMotion(motion, globalMotion);
   const isStacked = index !== void 0;

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

@@ -56,6 +56,5 @@ export interface ToastViewportProps extends React.ComponentPropsWithoutRef<typeo
      */
     position?: ToastPosition;
 }
-export interface ToastActionElement extends React.ReactElement<React.ComponentPropsWithoutRef<typeof ToastPrimitive.Action>> {
-}
+export type ToastActionElement = React.ReactElement<React.ComponentPropsWithoutRef<typeof ToastPrimitive.Action>>;
 //# sourceMappingURL=Toast.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAAC;IAC7C,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EAChE,aAAa;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;CAAG"}
+{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAAC;IAC7C,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EAChE,aAAa;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED,MAAM,MAAM,kBAAkB,GAC5B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC"}

package/dist/index.d.ts

@@ -14,6 +14,8 @@ export * from './components/Switch';
 export * from './components/RangeSlider';
 export * from './components/Label';
 export * from './components/FormField';
+export * from './components/ImageUpload';
+export * from './components/AlertDialog';
 export * from './components/Dialog';
 export * from './components/Drawer';
 export * from './components/Dropdown';
@@ -22,6 +24,7 @@ export * from './components/Toast';
 export * from './components/Tooltip';
 export * from './components/Tabs';
 export * from './components/SideBarNavigation';
+export * from './components/NavHeader';
 export * from './components/Button';
 export * from './components/LinkButton';
 export * from './components/Accordion';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAG/B,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAG/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAG/B,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

package/dist/index.js

@@ -1,6 +1,7 @@
 export { resolveMotion } from './types/motion.js';
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './components/Accordion/Accordion.js';
 export { Alert, AlertDescription, AlertTitle } from './components/Alert/Alert.js';
+export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './components/AlertDialog/AlertDialog.js';
 export { AnimationProvider, useGlobalAnimation } from './providers/AnimationProvider.js';
 export { Avatar } from './components/Avatar/Avatar.js';
 export { Badge } from './components/Badge/Badge.js';
@@ -10,22 +11,36 @@ export { Center } from './components/Center/Center.js';
 export { Checkbox } from './components/Checkbox/Checkbox.js';
 export { Chip } from './components/Chip/Chip.js';
 export { Container } from './components/Container/Container.js';
+export { DEFAULT_ALL_ACCEPT, DEFAULT_IMAGE_ACCEPT, DEFAULT_IMAGE_MAX_SIZE, DEFAULT_VIDEO_ACCEPT, DEFAULT_VIDEO_MAX_SIZE, GRID_COLS_MAP, VIDEO_EXTENSIONS, isVideoMedia, normalizeUploadItems, validateUploadFiles } from './components/ImageUpload/ImageUpload.helpers.js';
 export { DEFAULT_STORAGE_KEY, isNavItemActive, isRouteActive, readStoredCollapsed, writeStoredCollapsed } from './components/SideBarNavigation/SideBarNavigation.helpers.js';
 export { DataList, DataListItem, DataListLabel, DataListValue } from './components/DataList/DataList.js';
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/Dialog/Dialog.js';
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/Dialog/Dialog.js';
 export { Divider } from './components/Divider/Divider.js';
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './components/Drawer/Drawer.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './components/Dropdown/Dropdown.js';
 export { EmptyState } from './components/EmptyState/EmptyState.js';
+export { FilmIcon, ImageIcon, PlayIcon, UploadCloudIcon } from './components/ImageUpload/subcomponents/ImageUploadIcons.js';
 export { FormField } from './components/FormField/FormField.js';
 export { Grid } from './components/Grid/Grid.js';
+export { Header, NavHeader } from './components/NavHeader/NavHeader.js';
 export { Heading } from './components/Heading/Heading.js';
 export { Icon } from './components/Icon/Icon.js';
+export { ImageUpload } from './components/ImageUpload/ImageUpload.js';
+export { ImageUploadDropzone } from './components/ImageUpload/subcomponents/ImageUploadDropzone.js';
+export { ImageUploadModal } from './components/ImageUpload/subcomponents/ImageUploadModal.js';
+export { ImageUploadSinglePreview } from './components/ImageUpload/subcomponents/ImageUploadSinglePreview.js';
+export { ImageUploadTaskCard, ImageUploadThumbnailCard } from './components/ImageUpload/subcomponents/ImageUploadThumbnailCard.js';
 export { Inline } from './components/Inline/Inline.js';
 export { Input } from './components/Input/Input.js';
 export { Label } from './components/Label/Label.js';
 export { LinkButton } from './components/LinkButton/LinkButton.js';
 export { List, ListItem, ListItemAction, ListItemIcon, ListItemText } from './components/List/List.js';
+export { NavActions } from './components/NavHeader/subcomponents/NavActions.js';
+export { NavBrand } from './components/NavHeader/subcomponents/NavBrand.js';
+export { NavItems } from './components/NavHeader/subcomponents/NavItems.js';
+export { NavMegaMenu } from './components/NavHeader/subcomponents/NavMegaMenu.js';
+export { NavSearch } from './components/NavHeader/subcomponents/NavSearch.js';
+export { OfferBanner } from './components/NavHeader/subcomponents/OfferBanner.js';
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './components/Pagination/Pagination.js';
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './components/Popover/Popover.js';
 export { Progress } from './components/Progress/Progress.js';
@@ -56,6 +71,7 @@ export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastT
 export { ToastContainer } from './components/Toast/ToastContainer.js';
 export { Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger } from './components/Tooltip/Tooltip.js';
 export { accordionContentVariants, accordionItemVariants, accordionTriggerVariants } from './components/Accordion/Accordion.styles.js';
+export { alertDialogBodyVariants, alertDialogContentVariants, alertDialogDescriptionVariants, alertDialogFooterVariants, alertDialogHeaderVariants, alertDialogOverlayVariants, alertDialogTitleVariants } from './components/AlertDialog/AlertDialog.styles.js';
 export { alertIconVariants, alertVariants } from './components/Alert/Alert.styles.js';
 export { avatarRootVariants, avatarStatusVariants } from './components/Avatar/Avatar.styles.js';
 export { badgeVariants } from './components/Badge/Badge.styles.js';
@@ -67,7 +83,7 @@ export { chipVariants } from './components/Chip/Chip.styles.js';
 export { colsMap, gridVariants, lgColsMap, mdColsMap, smColsMap, xlColsMap } from './components/Grid/Grid.styles.js';
 export { containerVariants } from './components/Container/Container.styles.js';
 export { dataListItemVariants, dataListLabelVariants, dataListValueVariants, dataListVariants } from './components/DataList/DataList.styles.js';
-export { dialogContentVariants, dialogDescriptionVariants, dialogFooterVariants, dialogHeaderVariants, dialogOverlayVariants, dialogTitleVariants } from './components/Dialog/Dialog.styles.js';
+export { dialogBodyVariants, dialogContentVariants, dialogDescriptionVariants, dialogFooterVariants, dialogHeaderVariants, dialogOverlayVariants, dialogTitleVariants } from './components/Dialog/Dialog.styles.js';
 export { dividerVariants } from './components/Divider/Divider.styles.js';
 export { drawerContentVariants, drawerFooterVariants, drawerHeaderVariants, drawerOverlayVariants } from './components/Drawer/Drawer.styles.js';
 export { dropdownContentVariants, dropdownItemVariants } from './components/Dropdown/Dropdown.styles.js';
@@ -75,11 +91,13 @@ export { emptyStateIconWrapperVariants, emptyStateVariants } from './components/
 export { formFieldVariants } from './components/FormField/FormField.styles.js';
 export { headingVariants } from './components/Heading/Heading.styles.js';
 export { iconVariants } from './components/Icon/Icon.styles.js';
+export { imagePreviewContainerVariants, imageUploadZoneVariants, thumbnailCardVariants } from './components/ImageUpload/ImageUpload.styles.js';
 export { inlineVariants } from './components/Inline/Inline.styles.js';
 export { inputFieldVariants, inputWrapperVariants } from './components/Input/Input.styles.js';
 export { labelVariants } from './components/Label/Label.styles.js';
 export { linkButtonVariants } from './components/LinkButton/LinkButton.styles.js';
 export { listItemActionVariants, listItemIconVariants, listItemTextVariants, listItemVariants, listVariants } from './components/List/List.styles.js';
+export { megaMenuCardVariants, navActionVariants, navHeaderContainerVariants, navHeaderItemVariants, navHeaderVariants, offerBannerVariants, searchPopoverCardVariants } from './components/NavHeader/NavHeader.styles.js';
 export { navBadgeVariants, navItemVariants, sidebarContainerVariants, sidebarToggleVariants, subItemVariants } from './components/SideBarNavigation/SideBarNavigation.styles.js';
 export { paginationLinkVariants } from './components/Pagination/Pagination.styles.js';
 export { popoverContentVariants } from './components/Popover/Popover.styles.js';
@@ -99,3 +117,4 @@ export { textareaVariants } from './components/Textarea/Textarea.styles.js';
 export { toast, toastStore, useToast } from './components/Toast/toastStore.js';
 export { toastVariants } from './components/Toast/Toast.styles.js';
 export { tooltipContentVariants } from './components/Tooltip/Tooltip.styles.js';
+export { useNavHeaderContext } from './components/NavHeader/NavHeader.context.js';