@lindle/linoardo 1.0.20 → 1.0.22

package/dist/index.d.cts

@@ -7,70 +7,41 @@ export { default as Dialog, DialogProps } from './dialog.cjs';
 export { default as ToolTip, ToolTipPlacement, ToolTipProps } from './tooltip.cjs';
 export { default as Card, CardMediaProps, CardProps, CardSectionProps, CardTextProps } from './card.cjs';
 export { default as Masonry, MasonryProps, MasonryRenderItem } from './masonry.cjs';
-import { G as GlobalVariant } from './global.types-E2uVLemv.cjs';
 import * as react from 'react';
+export { default as Hero, HeroProps } from './hero.cjs';
+export { Avatar, Badge, default as ProfileCard, ProfileCardLayout, ProfileCardProps, SocialLink } from './profileCard.cjs';
 export { default as Input } from './input.cjs';
 export { default as Select, SelectOption, SelectOptionObject, SelectProps } from './select.cjs';
 export { default as Slider } from './slider.cjs';
 export { default as Switch } from './switch.cjs';
 export { default as Icon } from './icon.cjs';
+export { default as Notification, NotificationArgs, NotificationPlacement, NotificationProps, NotificationType, NotificationVariant } from './notification.cjs';
+export { default as Progress, ProgressProps, ProgressStatus, ProgressType } from './progress.cjs';
 export { e as ExpansionPanelDensity, E as ExpansionPanelItem, a as ExpansionPanelItemProps, b as ExpansionPanelProps, f as ExpansionPanelRounded, c as ExpansionPanelValue, d as ExpansionPanelVariant } from './ExpansionPanelItem-Bd6ZWGkR.cjs';
 export { c as ListDensity, L as ListItem, a as ListItemProps, d as ListLines, e as ListRounded, b as ListVariant } from './index-B5n8tN2G.cjs';
+import './global.types-E2uVLemv.cjs';
 import './types-BCqIOkp1.cjs';
 
-type HeroAction = {
-    label: string;
+type AppBarNavItem = {
+    label: react.ReactNode;
     href?: string;
-    variant?: 'primary' | 'secondary';
-    onClick?: react.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
-};
-type HeroStat = {
-    value: string;
-    label: string;
-};
-type HeroLogo = {
-    src: string;
-    alt?: string;
-};
-type HeroImage = {
-    src: string;
-    alt?: string;
-};
-type HeroProps = react.HTMLAttributes<HTMLElement> & {
-    title: react.ReactNode;
-    description?: react.ReactNode;
-    eyebrow?: string;
-    actions?: HeroAction[];
-    stats?: HeroStat[];
-    logos?: HeroLogo[];
-    image?: HeroImage;
-    variant?: GlobalVariant;
-};
-declare const Hero: react.FC<HeroProps>;
-
-type SocialLink = {
-    icon: string;
-    href: string;
-    label?: string;
-};
-type Badge = {
-    label: string;
-};
-type Avatar = {
-    src: string;
-    alt?: string;
-};
-type ProfileCardLayout = 'classic' | 'split' | 'spotlight';
-type ProfileCardProps = react.HTMLAttributes<HTMLElement> & {
-    name: string;
-    role?: string;
-    description?: react.ReactNode;
-    avatar: Avatar;
-    socials?: SocialLink[];
-    badges?: Badge[];
-    layout?: ProfileCardLayout;
-    variant?: GlobalVariant;
-};
-declare const ProfileCard: react.FC<ProfileCardProps>;
+    active?: boolean;
+    onClick?: react.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>;
+};
+type AppBarProps = react.HTMLAttributes<HTMLElement> & {
+    title?: react.ReactNode;
+    logo?: string;
+    logoAlt?: string;
+    brandHref?: string;
+    navigation?: AppBarNavItem[];
+    actions?: react.ReactNode;
+    position?: 'fixed' | 'absolute' | 'sticky' | 'static' | 'relative';
+    color?: 'primary' | 'surface' | 'muted' | 'dark' | 'transparent';
+    dense?: boolean;
+    elevated?: boolean;
+    contained?: boolean;
+    titlePosition?: 'start' | 'center' | 'end';
+};
+declare const AppBar: react.FC<AppBarProps>;
 
-export { Hero, type HeroProps, ProfileCard, type ProfileCardLayout, type ProfileCardProps };
+export { AppBar, type AppBarNavItem, type AppBarProps };

package/dist/index.d.ts

@@ -7,70 +7,41 @@ export { default as Dialog, DialogProps } from './dialog.js';
 export { default as ToolTip, ToolTipPlacement, ToolTipProps } from './tooltip.js';
 export { default as Card, CardMediaProps, CardProps, CardSectionProps, CardTextProps } from './card.js';
 export { default as Masonry, MasonryProps, MasonryRenderItem } from './masonry.js';
-import { G as GlobalVariant } from './global.types-E2uVLemv.js';
 import * as react from 'react';
+export { default as Hero, HeroProps } from './hero.js';
+export { Avatar, Badge, default as ProfileCard, ProfileCardLayout, ProfileCardProps, SocialLink } from './profileCard.js';
 export { default as Input } from './input.js';
 export { default as Select, SelectOption, SelectOptionObject, SelectProps } from './select.js';
 export { default as Slider } from './slider.js';
 export { default as Switch } from './switch.js';
 export { default as Icon } from './icon.js';
+export { default as Notification, NotificationArgs, NotificationPlacement, NotificationProps, NotificationType, NotificationVariant } from './notification.js';
+export { default as Progress, ProgressProps, ProgressStatus, ProgressType } from './progress.js';
 export { e as ExpansionPanelDensity, E as ExpansionPanelItem, a as ExpansionPanelItemProps, b as ExpansionPanelProps, f as ExpansionPanelRounded, c as ExpansionPanelValue, d as ExpansionPanelVariant } from './ExpansionPanelItem-DOjgDeB6.js';
 export { c as ListDensity, L as ListItem, a as ListItemProps, d as ListLines, e as ListRounded, b as ListVariant } from './index-D4-O-oJt.js';
+import './global.types-E2uVLemv.js';
 import './types-ChXN4u7x.js';
 
-type HeroAction = {
-    label: string;
+type AppBarNavItem = {
+    label: react.ReactNode;
     href?: string;
-    variant?: 'primary' | 'secondary';
-    onClick?: react.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
-};
-type HeroStat = {
-    value: string;
-    label: string;
-};
-type HeroLogo = {
-    src: string;
-    alt?: string;
-};
-type HeroImage = {
-    src: string;
-    alt?: string;
-};
-type HeroProps = react.HTMLAttributes<HTMLElement> & {
-    title: react.ReactNode;
-    description?: react.ReactNode;
-    eyebrow?: string;
-    actions?: HeroAction[];
-    stats?: HeroStat[];
-    logos?: HeroLogo[];
-    image?: HeroImage;
-    variant?: GlobalVariant;
-};
-declare const Hero: react.FC<HeroProps>;
-
-type SocialLink = {
-    icon: string;
-    href: string;
-    label?: string;
-};
-type Badge = {
-    label: string;
-};
-type Avatar = {
-    src: string;
-    alt?: string;
-};
-type ProfileCardLayout = 'classic' | 'split' | 'spotlight';
-type ProfileCardProps = react.HTMLAttributes<HTMLElement> & {
-    name: string;
-    role?: string;
-    description?: react.ReactNode;
-    avatar: Avatar;
-    socials?: SocialLink[];
-    badges?: Badge[];
-    layout?: ProfileCardLayout;
-    variant?: GlobalVariant;
-};
-declare const ProfileCard: react.FC<ProfileCardProps>;
+    active?: boolean;
+    onClick?: react.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>;
+};
+type AppBarProps = react.HTMLAttributes<HTMLElement> & {
+    title?: react.ReactNode;
+    logo?: string;
+    logoAlt?: string;
+    brandHref?: string;
+    navigation?: AppBarNavItem[];
+    actions?: react.ReactNode;
+    position?: 'fixed' | 'absolute' | 'sticky' | 'static' | 'relative';
+    color?: 'primary' | 'surface' | 'muted' | 'dark' | 'transparent';
+    dense?: boolean;
+    elevated?: boolean;
+    contained?: boolean;
+    titlePosition?: 'start' | 'center' | 'end';
+};
+declare const AppBar: react.FC<AppBarProps>;
 
-export { Hero, type HeroProps, ProfileCard, type ProfileCardLayout, type ProfileCardProps };
+export { AppBar, type AppBarNavItem, type AppBarProps };

package/dist/index.js

@@ -1,300 +1,166 @@
 export { Icon_default as Icon } from './chunk-HEXJCQRO.js';
+export { Hero_default as Hero } from './chunk-VPF7M2PB.js';
+export { ProfileCard_default as ProfileCard } from './chunk-NEYVJE67.js';
+export { Notification_default as Notification } from './chunk-67USTSXI.js';
+export { Progress_default as Progress } from './chunk-Z5A2OIDI.js';
 export { Dialog_default as Dialog } from './chunk-LIEBZOLG.js';
 export { ToolTip_default as ToolTip } from './chunk-U2AL7XFY.js';
-export { Card_default as Card } from './chunk-B5FW33K3.js';
+export { Card_default as Card } from './chunk-2UL3S6KC.js';
 export { Masonry_default as Masonry } from './chunk-HAXGOTZO.js';
-export { Input_default as Input } from './chunk-MFLH36XK.js';
+export { Input_default as Input } from './chunk-JGEXEDKS.js';
 export { Slider_default as Slider } from './chunk-GMDNSU26.js';
 export { Switch_default as Switch } from './chunk-5LWU5T2C.js';
-export { Select_default as Select } from './chunk-36T6I3XH.js';
-export { Button_default as Button } from './chunk-SZU6OYLS.js';
-export { Chip_default as Chip } from './chunk-5PBPURGP.js';
+export { Select_default as Select } from './chunk-SAGQYMS3.js';
+export { Button_default as Button } from './chunk-F2G2JRKA.js';
+export { Chip_default as Chip } from './chunk-DSZ3EOQB.js';
 import './chunk-IEILIKS2.js';
 export { List_default as List } from './chunk-AK7LFJI4.js';
 export { Item_default as ListItem } from './chunk-5WQW6YSJ.js';
 export { Menu_default as Menu } from './chunk-T37VPLS4.js';
 export { ExpansionPanel_default as ExpansionPanel } from './chunk-LYP7V32H.js';
 export { ExpansionPanelItem_default as ExpansionPanelItem } from './chunk-KRYWWWXR.js';
+import * as React from 'react';
 import { twMerge } from 'tailwind-merge';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
-var containerVariants = {
-  solid: "bg-gradient-to-br from-primary via-primary/90 to-indigo-600 text-white shadow-2xl shadow-primary/30",
-  outline: "border border-gray-200 bg-white text-gray-900",
-  text: "bg-transparent text-gray-900",
-  ghost: "bg-primary/5 text-gray-900 border border-primary/10",
-  filled: "bg-slate-900 text-white shadow-2xl shadow-slate-900/40",
-  underlined: "border-b-4 border-primary/70 bg-white text-gray-900",
-  rounded: "rounded-3xl border border-gray-100 bg-white text-gray-900 shadow-xl",
-  sharp: "rounded-none border border-gray-200 bg-white text-gray-900 shadow"
+var positionClasses = {
+  fixed: "fixed inset-x-0 top-0",
+  absolute: "absolute inset-x-0 top-0",
+  sticky: "sticky inset-x-0 top-0",
+  static: "static",
+  relative: "relative"
 };
-var frameRadii = {
-  solid: "rounded-3xl",
-  outline: "rounded-2xl",
-  text: "rounded-2xl",
-  ghost: "rounded-2xl",
-  filled: "rounded-3xl",
-  underlined: "rounded-2xl",
-  rounded: "rounded-3xl",
-  sharp: "rounded-none"
+var colorClasses = {
+  primary: "bg-primary text-white",
+  surface: "bg-white text-gray-900 border-b border-gray-200",
+  muted: "bg-gray-50 text-gray-900 border-b border-gray-200",
+  dark: "bg-gray-900 text-white",
+  transparent: "bg-transparent text-inherit"
 };
-var badgeVariants = {
-  solid: "bg-white/10 text-white border border-white/20",
-  outline: "bg-primary/10 text-primary border border-primary/20",
-  text: "bg-primary/10 text-primary border border-primary/20",
-  ghost: "bg-primary/15 text-primary border border-primary/25",
-  filled: "bg-white/10 text-white border border-white/20",
-  underlined: "bg-primary/10 text-primary border border-primary/20",
-  rounded: "bg-primary/10 text-primary border border-primary/20",
-  sharp: "bg-primary/10 text-primary border border-primary/20"
-};
-var Hero = ({
+var AppBar = ({
   title,
-  description,
-  eyebrow,
-  actions = [],
-  stats = [],
-  logos = [],
-  image,
-  variant = "solid",
+  logo,
+  logoAlt = "Logo",
+  brandHref,
+  navigation = [],
+  actions,
+  position = "static",
+  color = "surface",
+  dense = false,
+  elevated = true,
+  contained = true,
+  titlePosition = "start",
   className,
+  children,
   ...rest
 }) => {
-  const containerClass = twMerge(
-    "hero-block relative isolate overflow-hidden",
-    containerVariants[variant] ?? containerVariants.solid,
+  const [mobileOpen, setMobileOpen] = React.useState(false);
+  const isDark = color === "primary" || color === "dark";
+  const isTransparent = color === "transparent";
+  const barClass = twMerge(
+    "app-bar z-40 w-full backdrop-blur-md",
+    positionClasses[position] ?? positionClasses.static,
+    colorClasses[color] ?? colorClasses.surface,
+    elevated && !isTransparent ? "shadow-sm shadow-black/10" : void 0,
+    "relative",
     className
   );
-  const badgeClass = twMerge(
-    "inline-flex items-center gap-2 rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-wide",
-    badgeVariants[variant] ?? badgeVariants.solid
+  const innerClass = twMerge(
+    "mx-auto flex w-full items-center gap-4",
+    contained ? "max-w-6xl px-4 sm:px-6 lg:px-8" : "px-4",
+    dense ? "py-2.5" : "py-4"
+  );
+  const brandTextClass = isDark ? "text-white" : "text-gray-900";
+  const navBaseClass = twMerge(
+    "inline-flex items-center gap-2 rounded-xl px-3 py-2 text-sm font-medium transition focus-visible:outline-none",
+    isDark ? "hover:bg-white/10 focus-visible:ring-2 focus-visible:ring-white/70" : "hover:bg-gray-100 focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent"
   );
-  const isDark = variant === "solid" || variant === "filled";
-  const subdued = isDark ? "text-white/80" : "text-gray-600";
-  const statMuted = isDark ? "text-white/70" : "text-gray-500";
-  const actionPrimary = isDark ? "bg-white text-gray-900 hover:bg-white/90 focus-visible:outline-white/70" : "bg-primary text-white hover:bg-primary/90 focus-visible:outline-primary/50";
-  const actionSecondary = isDark ? "border border-white/40 text-white hover:bg-white/10 focus-visible:outline-white/60" : "border border-gray-300 text-gray-900 hover:border-primary/60 hover:text-primary focus-visible:outline-primary/50";
-  const frameRadius = frameRadii[variant] ?? "rounded-2xl";
-  const frameDecoration = isDark ? "border-white/10 bg-white/10 shadow-2xl shadow-black/20" : "border-gray-200 bg-white shadow-2xl shadow-gray-200/60";
-  const renderAction = (action, index) => {
-    const { href, label, onClick, variant: actionVariant = "primary" } = action;
+  const navActiveClass = isDark ? "bg-white/15 text-white" : "bg-primary/10 text-primary";
+  const renderNavItem = (item, index) => {
+    const { href, label, active, onClick } = item;
     const Component = href ? "a" : "button";
-    const resolvedClass = actionVariant === "secondary" ? twMerge("bg-white/70", actionSecondary) : twMerge("shadow-lg shadow-primary/25", actionPrimary);
+    const resolvedHref = href && href.trim().length > 0 ? href : void 0;
     return /* @__PURE__ */ jsx(
       Component,
       {
-        href,
+        href: resolvedHref,
         onClick,
-        className: twMerge(
-          "inline-flex items-center gap-2 rounded-xl px-4 py-3 text-sm font-semibold transition focus-visible:outline  focus-visible:outline-offset-2",
-          resolvedClass
-        ),
+        className: twMerge(navBaseClass, active ? navActiveClass : void 0),
+        "aria-current": active ? "page" : void 0,
         children: label
       },
-      `${label}-${index}`
+      `${resolvedHref ?? "item"}-${index}`
     );
   };
-  return /* @__PURE__ */ jsxs("section", { ...rest, className: containerClass, children: [
-    /* @__PURE__ */ jsxs("div", { className: "pointer-events-none absolute inset-0 overflow-hidden", children: [
-      /* @__PURE__ */ jsx("div", { className: "absolute left-24 top-10 h-64 w-64 rounded-full bg-primary/15 blur-3xl" }),
-      /* @__PURE__ */ jsx("div", { className: "absolute -right-16 -bottom-10 h-80 w-80 rounded-full bg-primary/20 blur-3xl" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-6xl flex-col gap-12 px-6 py-16 lg:px-10 lg:py-24", children: [
-      /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-          eyebrow && /* @__PURE__ */ jsx("span", { className: badgeClass, children: eyebrow }),
-          /* @__PURE__ */ jsx(
-            "h1",
-            {
-              className: twMerge(
-                "text-4xl font-semibold leading-tight sm:text-5xl",
-                isDark ? "text-white" : "text-gray-900"
-              ),
-              children: title
-            }
-          ),
-          description && /* @__PURE__ */ jsx("p", { className: twMerge("text-lg leading-relaxed", subdued), children: description }),
-          actions.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-3", children: actions.map(renderAction) }),
-          stats.length > 0 && /* @__PURE__ */ jsx("dl", { className: "grid gap-6 sm:grid-cols-3", children: stats.map((stat) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsx("dd", { className: twMerge("text-3xl font-semibold", isDark ? "text-white" : "text-gray-900"), children: stat.value }),
-            /* @__PURE__ */ jsx("dt", { className: twMerge("text-sm font-medium", statMuted), children: stat.label })
-          ] }, stat.label)) })
-        ] }),
-        image && /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs("div", { className: twMerge("relative overflow-hidden backdrop-blur", frameDecoration, frameRadius), children: [
-          /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: image.src,
-              alt: image.alt ?? "",
-              className: twMerge("h-full w-full object-cover", frameRadius),
-              loading: "lazy"
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 bg-linear-to-t from-black/30 via-transparent to-transparent" })
-        ] }) })
-      ] }),
-      logos.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-6 lg:items-center lg:gap-10", children: [
-        /* @__PURE__ */ jsx("span", { className: twMerge("text-sm font-semibold tracking-wide", subdued), children: "Duveruji nam" }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-4 opacity-80", children: logos.map((logo) => /* @__PURE__ */ jsx(
-          "img",
+  const brandAlignClass = titlePosition === "center" ? "justify-self-center text-center" : titlePosition === "end" ? "justify-self-end text-right" : "justify-self-start";
+  const brandNode = title || logo ? /* @__PURE__ */ jsxs("div", { className: twMerge("flex min-w-0 items-center gap-3", brandAlignClass), children: [
+    logo ? /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-xl bg-white/10 ring-1 ring-black/5", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: logo,
+        alt: logoAlt,
+        className: "h-full w-full object-cover",
+        loading: "lazy",
+        decoding: "async"
+      }
+    ) }) : null,
+    /* @__PURE__ */ jsx("div", { className: "min-w-0", children: title ? /* @__PURE__ */ jsx("div", { className: twMerge("text-base font-semibold leading-tight", brandTextClass), children: brandHref ? /* @__PURE__ */ jsx("a", { href: brandHref, className: "hover:underline focus-visible:outline-none", children: title }) : title }) : null })
+  ] }) : null;
+  return /* @__PURE__ */ jsxs("header", { ...rest, className: barClass, children: [
+    /* @__PURE__ */ jsx("div", { className: innerClass, children: /* @__PURE__ */ jsxs("div", { className: "grid w-full grid-cols-[auto_1fr_auto] items-center gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        navigation.length > 0 ? /* @__PURE__ */ jsx(
+          "button",
           {
-            src: logo.src,
-            alt: logo.alt ?? "",
-            className: "h-8 w-auto grayscale transition hover:grayscale-0",
-            loading: "lazy"
-          },
-          logo.src
-        )) })
-      ] })
-    ] })
-  ] });
-};
-Hero.displayName = "Hero";
-var Hero_default = Hero;
-var variantMap = {
-  solid: "bg-white text-gray-900 border border-gray-200 shadow-lg shadow-gray-200/60",
-  outline: "bg-white text-gray-900 border border-gray-300",
-  text: "bg-transparent text-gray-900",
-  ghost: "bg-slate-50 text-gray-900 border border-slate-100",
-  filled: "bg-slate-900 text-white shadow-2xl shadow-slate-900/30",
-  underlined: "bg-white text-gray-900 border-b-4 border-primary/70",
-  rounded: "bg-white text-gray-900 border border-gray-200 rounded-3xl shadow-md",
-  sharp: "bg-white text-gray-900 border border-gray-200 rounded-none shadow"
-};
-var radiusMap = {
-  solid: "rounded-2xl",
-  outline: "rounded-2xl",
-  text: "rounded-2xl",
-  ghost: "rounded-2xl",
-  filled: "rounded-3xl",
-  underlined: "rounded-2xl",
-  rounded: "rounded-3xl",
-  sharp: "rounded-none"
-};
-var isDarkVariant = (variant) => variant === "filled";
-var SocialIcons = ({ socials = [], dark }) => {
-  if (socials.length === 0) return null;
-  const iconBase = twMerge(
-    "flex h-10 w-10 items-center justify-center rounded-full border text-lg transition",
-    dark ? "border-white/30 text-white hover:bg-white/10" : "border-gray-200 text-gray-600 hover:border-primary/50 hover:text-primary"
-  );
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: socials.map((link) => /* @__PURE__ */ jsx("a", { href: link.href, "aria-label": link.label ?? link.icon, className: iconBase, children: /* @__PURE__ */ jsx("i", { className: twMerge("mdi", link.icon), "aria-hidden": true }) }, link.href)) });
-};
-var Badges = ({ badges = [], dark }) => {
-  if (badges.length === 0) return null;
-  const badgeBase = twMerge(
-    "inline-flex items-center rounded-full px-3 py-1 mb-2 text-xs font-semibold",
-    dark ? "bg-white/10 text-white border border-white/20" : "bg-primary/10 text-primary border border-primary/15"
-  );
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: badges.map((badge) => /* @__PURE__ */ jsx("span", { className: badgeBase, children: badge.label }, badge.label)) });
-};
-var AvatarFrame = ({
-  avatar,
-  size = "md",
-  ring,
-  radius
-}) => {
-  const dimension = size === "lg" ? "h-28 w-28" : "h-20 w-20";
-  const ringClass = ring ? "ring-4 ring-white/80 ring-offset-4 ring-offset-transparent" : "";
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: twMerge(
-        "overflow-hidden bg-gradient-to-br from-primary/10 to-primary/30",
-        radius,
-        dimension,
-        ringClass
-      ),
-      children: /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: avatar.src,
-          alt: avatar.alt ?? "",
-          className: twMerge("h-full w-full object-cover", radius),
-          loading: "lazy"
-        }
-      )
-    }
-  );
-};
-var ProfileCard = ({
-  name,
-  role,
-  description,
-  avatar,
-  socials,
-  badges,
-  layout = "classic",
-  variant = "solid",
-  className,
-  ...rest
-}) => {
-  const baseVariant = variantMap[variant] ?? variantMap.solid;
-  const radius = radiusMap[variant] ?? "rounded-2xl";
-  const dark = isDarkVariant(variant);
-  const muted = dark ? "text-white/70" : "text-gray-600";
-  const accent = dark ? "text-white" : "text-gray-900";
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx(AvatarFrame, { avatar, radius }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h3", { className: twMerge("text-xl font-semibold", accent), children: name }),
-          role && /* @__PURE__ */ jsx("p", { className: twMerge("text-sm font-medium", muted), children: role })
-        ] })
+            type: "button",
+            "aria-label": "Otev\u0159\xEDt navigaci",
+            className: twMerge(
+              "inline-flex h-10 w-10 items-center justify-center rounded-xl text-xl sm:hidden",
+              isDark ? "text-white hover:bg-white/10 focus-visible:ring-2 focus-visible:ring-white/60" : "text-gray-700 hover:bg-gray-100 focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent"
+            ),
+            "aria-expanded": mobileOpen,
+            onClick: () => setMobileOpen((open) => !open),
+            children: /* @__PURE__ */ jsx("i", { className: mobileOpen ? "mdi mdi-close" : "mdi mdi-menu", "aria-hidden": true })
+          }
+        ) : null,
+        navigation.length > 0 ? /* @__PURE__ */ jsx("nav", { className: "hidden items-center gap-1 sm:flex", "aria-label": "Hlavni navigace", children: navigation.map(renderNavItem) }) : null
       ] }),
-      description && /* @__PURE__ */ jsx("p", { className: twMerge("text-sm leading-relaxed", muted), children: description }),
-      /* @__PURE__ */ jsx(Badges, { badges, dark })
-    ] }),
-    /* @__PURE__ */ jsx(SocialIcons, { socials, dark })
-  ] });
-  const spotlightContent = /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden", children: [
-    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-primary/10 via-transparent to-primary/20 blur-3xl" }),
-    /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col gap-6 md:flex-row md:items-center", children: [
-      /* @__PURE__ */ jsx(AvatarFrame, { avatar, size: "lg", ring: true, radius }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx("h3", { className: twMerge("text-2xl font-semibold", accent), children: name }),
-        role && /* @__PURE__ */ jsx("p", { className: twMerge("text-sm font-medium uppercase tracking-wide", muted), children: role }),
-        description && /* @__PURE__ */ jsx("p", { className: twMerge("text-sm leading-relaxed", muted), children: description }),
-        /* @__PURE__ */ jsx(Badges, { badges, dark }),
-        /* @__PURE__ */ jsx(SocialIcons, { socials, dark })
+      brandNode,
+      /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center justify-end gap-2", children: [
+        children,
+        actions
       ] })
-    ] })
-  ] });
-  const splitContent = /* @__PURE__ */ jsxs("div", { className: "grid gap-6 md:grid-cols-[auto,1fr] md:items-center", children: [
-    /* @__PURE__ */ jsx(AvatarFrame, { avatar, size: "lg", ring: true, radius }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h3", { className: twMerge("text-2xl font-semibold", accent), children: name }),
-        role && /* @__PURE__ */ jsx("p", { className: twMerge("text-sm font-medium", muted), children: role })
-      ] }),
-      description && /* @__PURE__ */ jsx("p", { className: twMerge("text-sm leading-relaxed", muted), children: description }),
-      /* @__PURE__ */ jsx(Badges, { badges, dark }),
-      /* @__PURE__ */ jsx(SocialIcons, { socials, dark })
-    ] })
+    ] }) }),
+    navigation.length > 0 && mobileOpen ? /* @__PURE__ */ jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsx("nav", { className: "absolute inset-x-0 top-full border-t border-gray-200/70 bg-white/95 p-3 shadow-lg shadow-gray-900/5 backdrop-blur-md", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", "aria-label": "Mobilni navigace", children: navigation.map((item, index) => {
+      const { href, label, active, onClick } = item;
+      const Component = href ? "a" : "button";
+      const resolvedHref = href && href.trim().length > 0 ? href : void 0;
+      return /* @__PURE__ */ jsxs(
+        Component,
+        {
+          href: resolvedHref,
+          onClick: (event) => {
+            onClick?.(event);
+            setMobileOpen(false);
+          },
+          className: twMerge(
+            "flex items-center justify-between rounded-xl px-3 py-2 text-sm font-medium transition",
+            active ? "bg-primary/10 text-primary" : "text-gray-800 hover:bg-gray-100"
+          ),
+          "aria-current": active ? "page" : void 0,
+          children: [
+            label,
+            active ? /* @__PURE__ */ jsx("i", { className: "mdi mdi-circle-small text-primary", "aria-hidden": true }) : null
+          ]
+        },
+        `${resolvedHref ?? "mobile-item"}-${index}`
+      );
+    }) }) }) }) : null
   ] });
-  const layoutMap = {
-    classic: content,
-    split: splitContent,
-    spotlight: spotlightContent
-  };
-  return /* @__PURE__ */ jsx(
-    "article",
-    {
-      ...rest,
-      className: twMerge(
-        "profile-card relative overflow-hidden p-6 transition duration-200 hover:-translate-y-0.5 hover:shadow-xl",
-        baseVariant,
-        radius,
-        className
-      ),
-      children: layoutMap[layout] ?? layoutMap.classic
-    }
-  );
 };
-ProfileCard.displayName = "ProfileCard";
-var ProfileCard_default = ProfileCard;
+AppBar.displayName = "AppBar";
+var AppBar_default = AppBar;
 
-export { Hero_default as Hero, ProfileCard_default as ProfileCard };
+export { AppBar_default as AppBar };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map