@lindle/linoardo 1.0.34 → 1.0.35

package/dist/{ExpansionPanelItem-Bd6ZWGkR.d.cts → ExpansionPanelItem-CZMtq3TL.d.cts}

@@ -55,4 +55,4 @@ interface ExpansionPanelItemProps extends Omit<DivAttributes, 'title'> {
 
 declare const ExpansionPanelItem: react.ForwardRefExoticComponent<ExpansionPanelItemProps & react.RefAttributes<HTMLDivElement>>;
 
-export { ExpansionPanelItem as E, type ExpansionPanelItemProps as a, type ExpansionPanelProps as b, type ExpansionPanelValue as c, type ExpansionPanelVariant as d, type ExpansionPanelDensity as e, type ExpansionPanelRounded as f };
+export { type ExpansionPanelDensity as E, ExpansionPanelItem as a, type ExpansionPanelItemProps as b, type ExpansionPanelProps as c, type ExpansionPanelRounded as d, type ExpansionPanelValue as e, type ExpansionPanelVariant as f };

package/dist/{ExpansionPanelItem-DOjgDeB6.d.ts → ExpansionPanelItem-Dom3SgrW.d.ts}

@@ -55,4 +55,4 @@ interface ExpansionPanelItemProps extends Omit<DivAttributes, 'title'> {
 
 declare const ExpansionPanelItem: react.ForwardRefExoticComponent<ExpansionPanelItemProps & react.RefAttributes<HTMLDivElement>>;
 
-export { ExpansionPanelItem as E, type ExpansionPanelItemProps as a, type ExpansionPanelProps as b, type ExpansionPanelValue as c, type ExpansionPanelVariant as d, type ExpansionPanelDensity as e, type ExpansionPanelRounded as f };
+export { type ExpansionPanelDensity as E, ExpansionPanelItem as a, type ExpansionPanelItemProps as b, type ExpansionPanelProps as c, type ExpansionPanelRounded as d, type ExpansionPanelValue as e, type ExpansionPanelVariant as f };

package/dist/{chunk-NEYVJE67.js → chunk-EYZVXAPY.js}

@@ -33,26 +33,14 @@ var avatarRadiusMap = {
   sharp: "rounded-none"
 };
 var isDarkVariant = (variant) => variant === "filled";
-var SocialIcons = ({
-  socials = [],
-  dark
-}) => {
-  if (socials.length === 0) return null;
-  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) => (
-    // <a
-    //   key={link.href}
-    //   href={link.href}
-    //   aria-label={link.label ?? link.icon}
-    //   className={iconBase}
-    // >
-    //   <i className={twMerge('mdi', link.icon)} aria-hidden />
-    // </a>
-    /* @__PURE__ */ jsx(Button_default, { iconOnly: true, icon: link.icon, variant: "rounded", size: "x-small" })
-  )) });
+var SocialIcons = ({ socials, dark }) => {
+  if (!socials) return null;
+  if (Array.isArray(socials) && socials.length === 0) return null;
+  const isSocialLinkArray = Array.isArray(socials) && socials.length > 0 && "href" in socials[0];
+  if (isSocialLinkArray) {
+    return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: socials.map((link) => /* @__PURE__ */ jsx(Button_default, { iconOnly: true, icon: link.icon, variant: "rounded", size: "x-small", ...{ href: link.href, as: "a" } }, link.href)) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: socials });
 };
 var Badges = ({ badges = [], dark }) => {
   if (badges.length === 0) return null;
@@ -65,26 +53,7 @@ var Badges = ({ badges = [], dark }) => {
 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-linear-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"
-        }
-      )
-    }
-  );
+  return /* @__PURE__ */ jsx("div", { className: twMerge("overflow-hidden bg-linear-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,
@@ -166,5 +135,5 @@ ProfileCard.displayName = "ProfileCard";
 var ProfileCard_default = ProfileCard;
 
 export { ProfileCard_default };
-//# sourceMappingURL=chunk-NEYVJE67.js.map
-//# sourceMappingURL=chunk-NEYVJE67.js.map
+//# sourceMappingURL=chunk-EYZVXAPY.js.map
+//# sourceMappingURL=chunk-EYZVXAPY.js.map

package/dist/chunk-EYZVXAPY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Blocks/ProfileCard/index.tsx"],"names":[],"mappings":"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","file":"chunk-EYZVXAPY.js","sourcesContent":["import Button from '@lindle/linoardo/Containment/Button';\nimport type { GlobalVariant } from '@lindle/linoardo/global.types';\nimport * as React from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nexport type SocialLink = {\n  icon: string;\n  href: string;\n  label?: string;\n};\n\nexport type Badge = {\n  label: string;\n};\n\nexport type Avatar = {\n  src: string;\n  alt?: string;\n};\n\nexport type ProfileCardLayout = 'classic' | 'split' | 'spotlight';\n\nexport type ProfileCardProps = React.HTMLAttributes<HTMLElement> & {\n  name: string;\n  role?: string;\n  description?: React.ReactNode;\n  avatar: Avatar;\n  socials?: SocialLink[] | React.ReactNode;\n  badges?: Badge[];\n  layout?: ProfileCardLayout;\n  variant?: GlobalVariant;\n};\n\nconst variantMap: Record<GlobalVariant, string> = {\n  solid: 'bg-white text-gray-900 border border-gray-200 shadow-lg shadow-gray-200/60',\n  outline: 'bg-white text-gray-900 border border-gray-300',\n  text: 'bg-transparent text-gray-900',\n  ghost: 'bg-slate-50 text-gray-900 border border-slate-100',\n  filled: 'bg-slate-900 text-white shadow-2xl shadow-slate-900/30',\n  underlined: 'bg-white text-gray-900 border-b-4 border-primary/70',\n  rounded: 'bg-white text-gray-900 border border-gray-200 rounded-3xl shadow-md',\n  sharp: 'bg-white text-gray-900 border border-gray-200 rounded-none shadow'\n};\n\nconst cardRadiusMap: Record<GlobalVariant, string> = {\n  solid: 'rounded-2xl',\n  outline: 'rounded-2xl',\n  text: 'rounded-2xl',\n  ghost: 'rounded-2xl',\n  filled: 'rounded-3xl',\n  underlined: 'rounded-t-2xl',\n  rounded: 'rounded-3xl',\n  sharp: 'rounded-none'\n};\n\nconst avatarRadiusMap: Record<GlobalVariant, string> = {\n  solid: 'rounded-2xl',\n  outline: 'rounded-2xl',\n  text: 'rounded-2xl',\n  ghost: 'rounded-2xl',\n  filled: 'rounded-3xl',\n  underlined: 'rounded-2xl',\n  rounded: 'rounded-3xl',\n  sharp: 'rounded-none'\n};\n\nconst isDarkVariant = (variant: GlobalVariant) => variant === 'filled';\n\nconst SocialIcons: React.FC<{ socials?: SocialLink[] | React.ReactNode; dark?: boolean }> = ({ socials, dark }) => {\n  if (!socials) return null;\n  if (Array.isArray(socials) && socials.length === 0) return null;\n\n  const isSocialLinkArray = Array.isArray(socials) && socials.length > 0 && 'href' in (socials[0] as any);\n\n  if (isSocialLinkArray) {\n    return (\n      <div className='flex flex-wrap gap-2'>\n        {(socials as SocialLink[]).map(link => (\n          <Button key={link.href} iconOnly icon={link.icon} variant='rounded' size='x-small' {...({ href: link.href, as: 'a' } as any)} />\n        ))}\n      </div>\n    );\n  }\n\n  return <div className='flex flex-wrap gap-2'>{socials as React.ReactNode}</div>;\n};\n\nconst Badges: React.FC<{ badges?: Badge[]; dark?: boolean }> = ({ badges = [], dark }) => {\n  if (badges.length === 0) return null;\n\n  const badgeBase = twMerge(\n    'inline-flex items-center rounded-full px-3 py-1 mb-2 text-xs font-semibold',\n    dark ? 'bg-white/10 text-white border border-white/20' : 'bg-primary/10 text-primary border border-primary/15'\n  );\n\n  return (\n    <div className='flex flex-wrap gap-2'>\n      {badges.map(badge => (\n        <span key={badge.label} className={badgeBase}>\n          {badge.label}\n        </span>\n      ))}\n    </div>\n  );\n};\n\nconst AvatarFrame: React.FC<{\n  avatar: Avatar;\n  size?: 'md' | 'lg';\n  ring?: boolean;\n  radius: string;\n}> = ({ avatar, size = 'md', ring, radius }) => {\n  const dimension = size === 'lg' ? 'h-28 w-28' : 'h-20 w-20';\n  const ringClass = ring ? 'ring-4 ring-white/80 ring-offset-4 ring-offset-transparent' : '';\n  return (\n    <div className={twMerge('overflow-hidden bg-linear-to-br from-primary/10 to-primary/30', radius, dimension, ringClass)}>\n      <img src={avatar.src} alt={avatar.alt ?? ''} className={twMerge('h-full w-full object-cover', radius)} loading='lazy' />\n    </div>\n  );\n};\n\nconst ProfileCard: React.FC<ProfileCardProps> = ({\n  name,\n  role,\n  description,\n  avatar,\n  socials,\n  badges,\n  layout = 'classic',\n  variant = 'solid',\n  className,\n  ...rest\n}) => {\n  const baseVariant = variantMap[variant] ?? variantMap.solid;\n  const cardRadius = cardRadiusMap[variant] ?? 'rounded-2xl';\n  const avatarRadius = avatarRadiusMap[variant] ?? 'rounded-2xl';\n  const dark = isDarkVariant(variant);\n  const muted = dark ? 'text-white/70' : 'text-gray-600';\n  const accent = dark ? 'text-white' : 'text-gray-900';\n\n  const content = (\n    <>\n      <div className='space-y-2'>\n        <div className='flex items-center gap-3'>\n          <AvatarFrame avatar={avatar} radius={avatarRadius} />\n          <div>\n            <h3 className={twMerge('text-xl font-semibold', accent)}>{name}</h3>\n            {role && <p className={twMerge('text-sm font-medium', muted)}>{role}</p>}\n          </div>\n        </div>\n        {description && <p className={twMerge('text-sm leading-relaxed', muted)}>{description}</p>}\n        <Badges badges={badges} dark={dark} />\n      </div>\n      <SocialIcons socials={socials} dark={dark} />\n    </>\n  );\n\n  const spotlightContent = (\n    <div className='relative overflow-hidden'>\n      <div className='absolute inset-0 bg-linear-to-br from-primary/10 via-transparent to-primary/20 blur-3xl' />\n      <div className='relative flex flex-col gap-6 md:flex-row md:items-center'>\n        <AvatarFrame avatar={avatar} size='lg' ring radius={avatarRadius} />\n        <div className='space-y-3'>\n          <h3 className={twMerge('text-2xl font-semibold', accent)}>{name}</h3>\n          {role && <p className={twMerge('text-sm font-medium uppercase tracking-wide', muted)}>{role}</p>}\n          {description && <p className={twMerge('text-sm leading-relaxed', muted)}>{description}</p>}\n          <Badges badges={badges} dark={dark} />\n          <SocialIcons socials={socials} dark={dark} />\n        </div>\n      </div>\n    </div>\n  );\n\n  const splitContent = (\n    <div className='grid gap-6 md:grid-cols-[auto,1fr] md:items-center'>\n      <AvatarFrame avatar={avatar} size='lg' ring radius={avatarRadius} />\n      <div className='space-y-3'>\n        <div>\n          <h3 className={twMerge('text-2xl font-semibold', accent)}>{name}</h3>\n          {role && <p className={twMerge('text-sm font-medium', muted)}>{role}</p>}\n        </div>\n        {description && <p className={twMerge('text-sm leading-relaxed', muted)}>{description}</p>}\n        <Badges badges={badges} dark={dark} />\n        <SocialIcons socials={socials} dark={dark} />\n      </div>\n    </div>\n  );\n\n  const layoutMap: Record<ProfileCardLayout, React.ReactNode> = {\n    classic: content,\n    split: splitContent,\n    spotlight: spotlightContent\n  };\n\n  return (\n    <article\n      {...rest}\n      className={twMerge(\n        'profile-card relative overflow-hidden p-6 transition duration-200 hover:-translate-y-0.5 hover:shadow-xl',\n        baseVariant,\n        cardRadius,\n        className\n      )}\n    >\n      {layoutMap[layout] ?? layoutMap.classic}\n    </article>\n  );\n};\n\nProfileCard.displayName = 'ProfileCard';\n\nexport default ProfileCard;\n"]}

package/dist/expansion-panel/item.d.cts

@@ -1,3 +1,3 @@
 import 'react';
-export { E as default } from '../ExpansionPanelItem-Bd6ZWGkR.cjs';
+export { a as default } from '../ExpansionPanelItem-CZMtq3TL.cjs';
 import '../global.types-E2uVLemv.cjs';

package/dist/expansion-panel/item.d.ts

@@ -1,3 +1,3 @@
 import 'react';
-export { E as default } from '../ExpansionPanelItem-DOjgDeB6.js';
+export { a as default } from '../ExpansionPanelItem-Dom3SgrW.js';
 import '../global.types-E2uVLemv.js';

package/dist/expansion-panel.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { b as ExpansionPanelProps } from './ExpansionPanelItem-Bd6ZWGkR.cjs';
-export { e as ExpansionPanelDensity, E as ExpansionPanelItem, a as ExpansionPanelItemProps, f as ExpansionPanelRounded, c as ExpansionPanelValue, d as ExpansionPanelVariant } from './ExpansionPanelItem-Bd6ZWGkR.cjs';
+import { c as ExpansionPanelProps } from './ExpansionPanelItem-CZMtq3TL.cjs';
+export { E as ExpansionPanelDensity, a as ExpansionPanelItem, b as ExpansionPanelItemProps, d as ExpansionPanelRounded, e as ExpansionPanelValue, f as ExpansionPanelVariant } from './ExpansionPanelItem-CZMtq3TL.cjs';
 import './global.types-E2uVLemv.cjs';
 
 declare const ExpansionPanel: react.ForwardRefExoticComponent<ExpansionPanelProps & react.RefAttributes<HTMLDivElement>>;

package/dist/expansion-panel.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { b as ExpansionPanelProps } from './ExpansionPanelItem-DOjgDeB6.js';
-export { e as ExpansionPanelDensity, E as ExpansionPanelItem, a as ExpansionPanelItemProps, f as ExpansionPanelRounded, c as ExpansionPanelValue, d as ExpansionPanelVariant } from './ExpansionPanelItem-DOjgDeB6.js';
+import { c as ExpansionPanelProps } from './ExpansionPanelItem-Dom3SgrW.js';
+export { E as ExpansionPanelDensity, a as ExpansionPanelItem, b as ExpansionPanelItemProps, d as ExpansionPanelRounded, e as ExpansionPanelValue, f as ExpansionPanelVariant } from './ExpansionPanelItem-Dom3SgrW.js';
 import './global.types-E2uVLemv.js';
 
 declare const ExpansionPanel: react.ForwardRefExoticComponent<ExpansionPanelProps & react.RefAttributes<HTMLDivElement>>;

package/dist/{index-B5n8tN2G.d.cts → index-BlOhr2-m.d.cts}

@@ -32,4 +32,4 @@ interface ListItemProps extends Omit<react.HTMLAttributes<HTMLElement>, 'title'>
  */
 declare const ListItem: react.ForwardRefExoticComponent<ListItemProps & react.RefAttributes<HTMLElement>>;
 
-export { ListItem as L, type ListItemProps as a, type ListVariant as b, type ListDensity as c, type ListLines as d, type ListRounded as e };
+export { type ListDensity as L, ListItem as a, type ListItemProps as b, type ListLines as c, type ListRounded as d, type ListVariant as e };

package/dist/{index-D4-O-oJt.d.ts → index-BzLTSsBv.d.ts}

@@ -32,4 +32,4 @@ interface ListItemProps extends Omit<react.HTMLAttributes<HTMLElement>, 'title'>
  */
 declare const ListItem: react.ForwardRefExoticComponent<ListItemProps & react.RefAttributes<HTMLElement>>;
 
-export { ListItem as L, type ListItemProps as a, type ListVariant as b, type ListDensity as c, type ListLines as d, type ListRounded as e };
+export { type ListDensity as L, ListItem as a, type ListItemProps as b, type ListLines as c, type ListRounded as d, type ListVariant as e };

package/dist/index.cjs

@@ -2150,26 +2150,14 @@ var avatarRadiusMap = {
   sharp: "rounded-none"
 };
 var isDarkVariant = (variant) => variant === "filled";
-var SocialIcons = ({
-  socials = [],
-  dark
-}) => {
-  if (socials.length === 0) return null;
-  tailwindMerge.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__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: socials.map((link) => (
-    // <a
-    //   key={link.href}
-    //   href={link.href}
-    //   aria-label={link.label ?? link.icon}
-    //   className={iconBase}
-    // >
-    //   <i className={twMerge('mdi', link.icon)} aria-hidden />
-    // </a>
-    /* @__PURE__ */ jsxRuntime.jsx(Button_default, { iconOnly: true, icon: link.icon, variant: "rounded", size: "x-small" })
-  )) });
+var SocialIcons = ({ socials, dark }) => {
+  if (!socials) return null;
+  if (Array.isArray(socials) && socials.length === 0) return null;
+  const isSocialLinkArray = Array.isArray(socials) && socials.length > 0 && "href" in socials[0];
+  if (isSocialLinkArray) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: socials.map((link) => /* @__PURE__ */ jsxRuntime.jsx(Button_default, { iconOnly: true, icon: link.icon, variant: "rounded", size: "x-small", ...{ href: link.href, as: "a" } }, link.href)) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: socials });
 };
 var Badges = ({ badges = [], dark }) => {
   if (badges.length === 0) return null;
@@ -2182,26 +2170,7 @@ var Badges = ({ badges = [], dark }) => {
 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__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: tailwindMerge.twMerge(
-        "overflow-hidden bg-linear-to-br from-primary/10 to-primary/30",
-        radius,
-        dimension,
-        ringClass
-      ),
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "img",
-        {
-          src: avatar.src,
-          alt: avatar.alt ?? "",
-          className: tailwindMerge.twMerge("h-full w-full object-cover", radius),
-          loading: "lazy"
-        }
-      )
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("overflow-hidden bg-linear-to-br from-primary/10 to-primary/30", radius, dimension, ringClass), children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: avatar.src, alt: avatar.alt ?? "", className: tailwindMerge.twMerge("h-full w-full object-cover", radius), loading: "lazy" }) });
 };
 var ProfileCard = ({
   name,