@lindle/linoardo 1.0.34 → 1.0.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/dist/{ExpansionPanelItem-DOjgDeB6.d.ts → ExpansionPanelItem-BZHk28zn.d.ts} +2 -2
  2. package/dist/{ExpansionPanelItem-Bd6ZWGkR.d.cts → ExpansionPanelItem-Dln5DHGW.d.cts} +2 -2
  3. package/dist/badge.d.cts +1 -1
  4. package/dist/badge.d.ts +1 -1
  5. package/dist/block.d.cts +1 -1
  6. package/dist/block.d.ts +1 -1
  7. package/dist/button.d.cts +1 -1
  8. package/dist/button.d.ts +1 -1
  9. package/dist/card.cjs +27 -53
  10. package/dist/card.cjs.map +1 -1
  11. package/dist/card.d.cts +3 -1
  12. package/dist/card.d.ts +3 -1
  13. package/dist/card.js +1 -1
  14. package/dist/chip.d.cts +4 -4
  15. package/dist/chip.d.ts +4 -4
  16. package/dist/{chunk-GSYVZCP3.js → chunk-5NWM6RVD.js} +29 -55
  17. package/dist/chunk-5NWM6RVD.js.map +1 -0
  18. package/dist/{chunk-NEYVJE67.js → chunk-YRY7DJK2.js} +31 -46
  19. package/dist/chunk-YRY7DJK2.js.map +1 -0
  20. package/dist/expansion-panel/item.d.cts +2 -2
  21. package/dist/expansion-panel/item.d.ts +2 -2
  22. package/dist/expansion-panel.d.cts +3 -3
  23. package/dist/expansion-panel.d.ts +3 -3
  24. package/dist/{global.types-E2uVLemv.d.cts → global.types-DJiKqSJa.d.cts} +2 -1
  25. package/dist/{global.types-E2uVLemv.d.ts → global.types-DJiKqSJa.d.ts} +2 -1
  26. package/dist/hero.d.cts +1 -1
  27. package/dist/hero.d.ts +1 -1
  28. package/dist/icon.d.cts +1 -1
  29. package/dist/icon.d.ts +1 -1
  30. package/dist/{index-D4-O-oJt.d.ts → index-BoPiZNIB.d.ts} +2 -2
  31. package/dist/{index-B5n8tN2G.d.cts → index-Ddkv_t7Y.d.cts} +2 -2
  32. package/dist/index.cjs +57 -98
  33. package/dist/index.cjs.map +1 -1
  34. package/dist/index.d.cts +4 -4
  35. package/dist/index.d.ts +4 -4
  36. package/dist/index.js +2 -2
  37. package/dist/input.d.cts +2 -2
  38. package/dist/input.d.ts +2 -2
  39. package/dist/list/item.d.cts +2 -2
  40. package/dist/list/item.d.ts +2 -2
  41. package/dist/list.d.cts +3 -3
  42. package/dist/list.d.ts +3 -3
  43. package/dist/notification.d.cts +1 -1
  44. package/dist/notification.d.ts +1 -1
  45. package/dist/profileCard.cjs +29 -44
  46. package/dist/profileCard.cjs.map +1 -1
  47. package/dist/profileCard.d.cts +3 -2
  48. package/dist/profileCard.d.ts +3 -2
  49. package/dist/profileCard.js +1 -1
  50. package/dist/select.d.cts +2 -2
  51. package/dist/select.d.ts +2 -2
  52. package/dist/slider.d.cts +1 -1
  53. package/dist/slider.d.ts +1 -1
  54. package/dist/styles.css +0 -30
  55. package/dist/switch.d.cts +1 -1
  56. package/dist/switch.d.ts +1 -1
  57. package/dist/{types-BJC99riF.d.cts → types-B3b-GFjA.d.cts} +1 -1
  58. package/dist/{types-CTq2JZpg.d.ts → types-CBIsqeyE.d.ts} +1 -1
  59. package/package.json +1 -1
  60. package/dist/chunk-GSYVZCP3.js.map +0 -1
  61. package/dist/chunk-NEYVJE67.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Blocks/ProfileCard/index.tsx"],"names":[],"mappings":";;;;AAkCA,IAAM,UAAA,GAA4C;AAAA,EAChD,KAAA,EAAO,+CAAA;AAAA,EACP,OAAA,EAAS,+CAAA;AAAA,EACT,IAAA,EAAM,8BAAA;AAAA,EACN,KAAA,EAAO,mDAAA;AAAA,EACP,MAAA,EAAQ,yBAAA;AAAA,EACR,UAAA,EAAY,qDAAA;AAAA,EACZ,OAAA,EAAS,2DAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAEA,IAAM,gBAAA,GAAoD;AAAA,EACxD,CAAA,EAAG,aAAA;AAAA,EACH,CAAA,EAAG,WAAA;AAAA,EACH,CAAA,EAAG,QAAA;AAAA,EACH,CAAA,EAAG,WAAA;AAAA,EACH,CAAA,EAAG,WAAA;AAAA,EACH,CAAA,EAAG,WAAA;AAAA,EACH,CAAA,EAAG,YAAA;AAAA,EACH,CAAA,EAAG,YAAA;AAAA,EACH,CAAA,EAAG,YAAA;AAAA,EACH,CAAA,EAAG,YAAA;AAAA,EACH,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,aAAA,GAA+C;AAAA,EACnD,KAAA,EAAO,aAAA;AAAA,EACP,OAAA,EAAS,aAAA;AAAA,EACT,IAAA,EAAM,aAAA;AAAA,EACN,KAAA,EAAO,aAAA;AAAA,EACP,MAAA,EAAQ,aAAA;AAAA,EACR,UAAA,EAAY,eAAA;AAAA,EACZ,OAAA,EAAS,aAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAEA,IAAM,eAAA,GAAiD;AAAA,EACrD,KAAA,EAAO,aAAA;AAAA,EACP,OAAA,EAAS,aAAA;AAAA,EACT,IAAA,EAAM,aAAA;AAAA,EACN,KAAA,EAAO,aAAA;AAAA,EACP,MAAA,EAAQ,aAAA;AAAA,EACR,UAAA,EAAY,aAAA;AAAA,EACZ,OAAA,EAAS,aAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAEA,IAAM,aAAA,GAAgB,CAAC,OAAA,KAA2B,OAAA,KAAY,QAAA;AAE9D,IAAM,WAAA,GAAsF,CAAC,EAAE,OAAA,EAAS,MAAK,KAAM;AACjH,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AACrB,EAAA,IAAI,MAAM,OAAA,CAAQ,OAAO,KAAK,OAAA,CAAQ,MAAA,KAAW,GAAG,OAAO,IAAA;AAE3D,EAAA,MAAM,iBAAA,GAAoB,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA,IAAK,QAAQ,MAAA,GAAS,CAAA,IAAK,MAAA,IAAW,OAAA,CAAQ,CAAC,CAAA;AAE9F,EAAA,IAAI,iBAAA,EAAmB;AACrB,IAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EACX,QAAA,EAAA,OAAA,CAAyB,GAAA,CAAI,CAAA,IAAA,qBAC7B,GAAA,CAAC,cAAA,EAAA,EAAuB,QAAA,EAAQ,IAAA,EAAC,IAAA,EAAM,IAAA,CAAK,IAAA,EAAM,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,SAAA,EAAW,GAAI,EAAE,IAAA,EAAM,IAAA,CAAK,IAAA,EAAM,EAAA,EAAI,GAAA,EAAI,EAAA,EAAtG,IAAA,CAAK,IAA4G,CAC/H,CAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EAAwB,QAAA,EAAA,OAAA,EAA2B,CAAA;AAC3E,CAAA;AAEA,IAAM,SAAyD,CAAC,EAAE,SAAS,EAAC,EAAG,MAAK,KAAM;AACxF,EAAA,IAAI,MAAA,CAAO,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AAEhC,EAAA,MAAM,SAAA,GAAY,OAAA;AAAA,IAChB,4EAAA;AAAA,IACA,OAAO,+CAAA,GAAkD;AAAA,GAC3D;AAEA,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EACZ,QAAA,EAAA,MAAA,CAAO,IAAI,CAAA,KAAA,qBACV,GAAA,CAAC,MAAA,EAAA,EAAuB,SAAA,EAAW,WAChC,QAAA,EAAA,KAAA,CAAM,KAAA,EAAA,EADE,KAAA,CAAM,KAEjB,CACD,CAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAM,WAAA,GAKD,CAAC,EAAE,MAAA,EAAQ,OAAO,IAAA,EAAM,IAAA,EAAM,QAAO,KAAM;AAC9C,EAAA,MAAM,SAAA,GAAY,IAAA,KAAS,IAAA,GAAO,WAAA,GAAc,WAAA;AAChD,EAAA,MAAM,SAAA,GAAY,OAAO,4DAAA,GAA+D,EAAA;AACxF,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,+DAAA,EAAiE,QAAQ,SAAA,EAAW,SAAS,CAAA,EACnH,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAK,OAAO,GAAA,EAAK,GAAA,EAAK,MAAA,CAAO,GAAA,IAAO,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,4BAAA,EAA8B,MAAM,CAAA,EAAG,OAAA,EAAQ,MAAA,EAAO,CAAA,EACxH,CAAA;AAEJ,CAAA;AAEA,IAAM,cAA0C,CAAC;AAAA,EAC/C,IAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA,GAAS,SAAA;AAAA,EACT,OAAA,GAAU,OAAA;AAAA,EACV,SAAA,GAAY,CAAA;AAAA,EACZ,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,WAAA,GAAc,UAAA,CAAW,OAAO,CAAA,IAAK,UAAA,CAAW,KAAA;AACtD,EAAA,MAAM,UAAA,GAAa,aAAA,CAAc,OAAO,CAAA,IAAK,aAAA;AAC7C,EAAA,MAAM,YAAA,GAAe,eAAA,CAAgB,OAAO,CAAA,IAAK,aAAA;AACjD,EAAA,MAAM,IAAA,GAAO,cAAc,OAAO,CAAA;AAClC,EAAA,MAAM,KAAA,GAAQ,OAAO,eAAA,GAAkB,eAAA;AACvC,EAAA,MAAM,MAAA,GAAS,OAAO,YAAA,GAAe,eAAA;AACrC,EAAA,MAAM,cAAA,GAAiB,gBAAA,CAAiB,SAAS,CAAA,IAAK,iBAAiB,CAAC,CAAA;AAExE,EAAA,MAAM,0BACJ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,WAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAgB,MAAA,EAAQ,YAAA,EAAc,CAAA;AAAA,6BAClD,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAG,SAAA,EAAW,OAAA,CAAQ,uBAAA,EAAyB,MAAM,GAAI,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,UAC9D,IAAA,wBAAS,GAAA,EAAA,EAAE,SAAA,EAAW,QAAQ,qBAAA,EAAuB,KAAK,GAAI,QAAA,EAAA,IAAA,EAAK;AAAA,SAAA,EACtE;AAAA,OAAA,EACF,CAAA;AAAA,MACC,WAAA,wBAAgB,GAAA,EAAA,EAAE,SAAA,EAAW,QAAQ,yBAAA,EAA2B,KAAK,GAAI,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,sBACtF,GAAA,CAAC,MAAA,EAAA,EAAO,MAAA,EAAgB,IAAA,EAAY;AAAA,KAAA,EACtC,CAAA;AAAA,oBACA,GAAA,CAAC,WAAA,EAAA,EAAY,OAAA,EAAkB,IAAA,EAAY;AAAA,GAAA,EAC7C,CAAA;AAGF,EAAA,MAAM,gBAAA,mBACJ,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yFAAA,EAA0F,CAAA;AAAA,oBACzG,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0DAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,eAAY,MAAA,EAAgB,IAAA,EAAK,MAAK,IAAA,EAAI,IAAA,EAAC,QAAQ,YAAA,EAAc,CAAA;AAAA,sBAClE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAG,SAAA,EAAW,OAAA,CAAQ,wBAAA,EAA0B,MAAM,GAAI,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,QAC/D,IAAA,wBAAS,GAAA,EAAA,EAAE,SAAA,EAAW,QAAQ,6CAAA,EAA+C,KAAK,GAAI,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,QAC3F,WAAA,wBAAgB,GAAA,EAAA,EAAE,SAAA,EAAW,QAAQ,yBAAA,EAA2B,KAAK,GAAI,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,wBACtF,GAAA,CAAC,MAAA,EAAA,EAAO,MAAA,EAAgB,IAAA,EAAY,CAAA;AAAA,wBACpC,GAAA,CAAC,WAAA,EAAA,EAAY,OAAA,EAAkB,IAAA,EAAY;AAAA,OAAA,EAC7C;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAGF,EAAA,MAAM,YAAA,mBACJ,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oDAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,eAAY,MAAA,EAAgB,IAAA,EAAK,MAAK,IAAA,EAAI,IAAA,EAAC,QAAQ,YAAA,EAAc,CAAA;AAAA,oBAClE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAG,SAAA,EAAW,OAAA,CAAQ,wBAAA,EAA0B,MAAM,GAAI,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,QAC/D,IAAA,wBAAS,GAAA,EAAA,EAAE,SAAA,EAAW,QAAQ,qBAAA,EAAuB,KAAK,GAAI,QAAA,EAAA,IAAA,EAAK;AAAA,OAAA,EACtE,CAAA;AAAA,MACC,WAAA,wBAAgB,GAAA,EAAA,EAAE,SAAA,EAAW,QAAQ,yBAAA,EAA2B,KAAK,GAAI,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,sBACtF,GAAA,CAAC,MAAA,EAAA,EAAO,MAAA,EAAgB,IAAA,EAAY,CAAA;AAAA,sBACpC,GAAA,CAAC,WAAA,EAAA,EAAY,OAAA,EAAkB,IAAA,EAAY;AAAA,KAAA,EAC7C;AAAA,GAAA,EACF,CAAA;AAGF,EAAA,MAAM,SAAA,GAAwD;AAAA,IAC5D,OAAA,EAAS,OAAA;AAAA,IACT,KAAA,EAAO,YAAA;AAAA,IACP,SAAA,EAAW;AAAA,GACb;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,OAAA;AAAA,QACT,0GAAA;AAAA,QACA,WAAA;AAAA,QACA,UAAA;AAAA,QACA,cAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA,SAAA,CAAU,MAAM,CAAA,IAAK,SAAA,CAAU;AAAA;AAAA,GAClC;AAEJ,CAAA;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,IAAO,mBAAA,GAAQ","file":"chunk-YRY7DJK2.js","sourcesContent":["import Button from '@lindle/linoardo/Containment/Button';\nimport type { GlobalElevation, 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 elevation?: GlobalElevation;\n};\n\nconst variantMap: Record<GlobalVariant, string> = {\n solid: 'bg-white text-gray-900 border border-gray-200',\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',\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',\n sharp: 'bg-white text-gray-900 border border-gray-200 rounded-none'\n};\n\nconst elevationClasses: Record<GlobalElevation, string> = {\n 0: 'shadow-none',\n 1: 'shadow-sm',\n 2: 'shadow',\n 3: 'shadow-md',\n 4: 'shadow-lg',\n 5: 'shadow-xl',\n 6: 'shadow-2xl',\n 7: 'shadow-2xl',\n 8: 'shadow-2xl',\n 9: 'shadow-2xl',\n 10: 'shadow-2xl'\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 elevation = 0,\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 const elevationClass = elevationClasses[elevation] ?? elevationClasses[0];\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 elevationClass,\n className\n )}\n >\n {layoutMap[layout] ?? layoutMap.classic}\n </article>\n );\n};\n\nProfileCard.displayName = 'ProfileCard';\n\nexport default ProfileCard;\n"]}
@@ -1,3 +1,3 @@
1
1
  import 'react';
2
- export { E as default } from '../ExpansionPanelItem-Bd6ZWGkR.cjs';
3
- import '../global.types-E2uVLemv.cjs';
2
+ export { a as default } from '../ExpansionPanelItem-Dln5DHGW.cjs';
3
+ import '../global.types-DJiKqSJa.cjs';
@@ -1,3 +1,3 @@
1
1
  import 'react';
2
- export { E as default } from '../ExpansionPanelItem-DOjgDeB6.js';
3
- import '../global.types-E2uVLemv.js';
2
+ export { a as default } from '../ExpansionPanelItem-BZHk28zn.js';
3
+ import '../global.types-DJiKqSJa.js';
@@ -1,7 +1,7 @@
1
1
  import * as react from 'react';
2
- import { b as ExpansionPanelProps } from './ExpansionPanelItem-Bd6ZWGkR.cjs';
3
- export { e as ExpansionPanelDensity, E as ExpansionPanelItem, a as ExpansionPanelItemProps, f as ExpansionPanelRounded, c as ExpansionPanelValue, d as ExpansionPanelVariant } from './ExpansionPanelItem-Bd6ZWGkR.cjs';
4
- import './global.types-E2uVLemv.cjs';
2
+ import { c as ExpansionPanelProps } from './ExpansionPanelItem-Dln5DHGW.cjs';
3
+ export { E as ExpansionPanelDensity, a as ExpansionPanelItem, b as ExpansionPanelItemProps, d as ExpansionPanelRounded, e as ExpansionPanelValue, f as ExpansionPanelVariant } from './ExpansionPanelItem-Dln5DHGW.cjs';
4
+ import './global.types-DJiKqSJa.cjs';
5
5
 
6
6
  declare const ExpansionPanel: react.ForwardRefExoticComponent<ExpansionPanelProps & react.RefAttributes<HTMLDivElement>>;
7
7
 
@@ -1,7 +1,7 @@
1
1
  import * as react from 'react';
2
- import { b as ExpansionPanelProps } from './ExpansionPanelItem-DOjgDeB6.js';
3
- export { e as ExpansionPanelDensity, E as ExpansionPanelItem, a as ExpansionPanelItemProps, f as ExpansionPanelRounded, c as ExpansionPanelValue, d as ExpansionPanelVariant } from './ExpansionPanelItem-DOjgDeB6.js';
4
- import './global.types-E2uVLemv.js';
2
+ import { c as ExpansionPanelProps } from './ExpansionPanelItem-BZHk28zn.js';
3
+ export { E as ExpansionPanelDensity, a as ExpansionPanelItem, b as ExpansionPanelItemProps, d as ExpansionPanelRounded, e as ExpansionPanelValue, f as ExpansionPanelVariant } from './ExpansionPanelItem-BZHk28zn.js';
4
+ import './global.types-DJiKqSJa.js';
5
5
 
6
6
  declare const ExpansionPanel: react.ForwardRefExoticComponent<ExpansionPanelProps & react.RefAttributes<HTMLDivElement>>;
7
7
 
@@ -3,5 +3,6 @@ type GlobalVariant = 'solid' | 'outline' | 'text' | 'ghost' | 'filled' | 'underl
3
3
  type GlobalSize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
4
4
  type IconLibrary = 'mdi';
5
5
  type PropIcon = string | readonly [IconLibrary, string];
6
+ type GlobalElevation = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
6
7
 
7
- export type { GlobalVariant as G, Palette as P, GlobalSize as a, PropIcon as b };
8
+ export type { GlobalVariant as G, Palette as P, GlobalSize as a, GlobalElevation as b, PropIcon as c };
@@ -3,5 +3,6 @@ type GlobalVariant = 'solid' | 'outline' | 'text' | 'ghost' | 'filled' | 'underl
3
3
  type GlobalSize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
4
4
  type IconLibrary = 'mdi';
5
5
  type PropIcon = string | readonly [IconLibrary, string];
6
+ type GlobalElevation = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
6
7
 
7
- export type { GlobalVariant as G, Palette as P, GlobalSize as a, PropIcon as b };
8
+ export type { GlobalVariant as G, Palette as P, GlobalSize as a, GlobalElevation as b, PropIcon as c };
package/dist/hero.d.cts CHANGED
@@ -1,4 +1,4 @@
1
- import { G as GlobalVariant } from './global.types-E2uVLemv.cjs';
1
+ import { G as GlobalVariant } from './global.types-DJiKqSJa.cjs';
2
2
  import * as react from 'react';
3
3
 
4
4
  type HeroAction = {
package/dist/hero.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { G as GlobalVariant } from './global.types-E2uVLemv.js';
1
+ import { G as GlobalVariant } from './global.types-DJiKqSJa.js';
2
2
  import * as react from 'react';
3
3
 
4
4
  type HeroAction = {
package/dist/icon.d.cts CHANGED
@@ -1,4 +1,4 @@
1
- import { a as GlobalSize, P as Palette } from './global.types-E2uVLemv.cjs';
1
+ import { a as GlobalSize, P as Palette } from './global.types-DJiKqSJa.cjs';
2
2
 
3
3
  type IconGroup = 'mdi';
4
4
  type IconSet = [IconGroup, string];
package/dist/icon.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { a as GlobalSize, P as Palette } from './global.types-E2uVLemv.js';
1
+ import { a as GlobalSize, P as Palette } from './global.types-DJiKqSJa.js';
2
2
 
3
3
  type IconGroup = 'mdi';
4
4
  type IconSet = [IconGroup, string];
@@ -1,5 +1,5 @@
1
1
  import * as react from 'react';
2
- import { G as GlobalVariant, P as Palette } from './global.types-E2uVLemv.js';
2
+ import { G as GlobalVariant, P as Palette } from './global.types-DJiKqSJa.js';
3
3
 
4
4
  type ListVariant = GlobalVariant;
5
5
  type ListDensity = 'default' | 'comfortable' | 'compact';
@@ -32,4 +32,4 @@ interface ListItemProps extends Omit<react.HTMLAttributes<HTMLElement>, 'title'>
32
32
  */
33
33
  declare const ListItem: react.ForwardRefExoticComponent<ListItemProps & react.RefAttributes<HTMLElement>>;
34
34
 
35
- export { ListItem as L, type ListItemProps as a, type ListVariant as b, type ListDensity as c, type ListLines as d, type ListRounded as e };
35
+ export { type ListDensity as L, ListItem as a, type ListItemProps as b, type ListLines as c, type ListRounded as d, type ListVariant as e };
@@ -1,5 +1,5 @@
1
1
  import * as react from 'react';
2
- import { G as GlobalVariant, P as Palette } from './global.types-E2uVLemv.cjs';
2
+ import { G as GlobalVariant, P as Palette } from './global.types-DJiKqSJa.cjs';
3
3
 
4
4
  type ListVariant = GlobalVariant;
5
5
  type ListDensity = 'default' | 'comfortable' | 'compact';
@@ -32,4 +32,4 @@ interface ListItemProps extends Omit<react.HTMLAttributes<HTMLElement>, 'title'>
32
32
  */
33
33
  declare const ListItem: react.ForwardRefExoticComponent<ListItemProps & react.RefAttributes<HTMLElement>>;
34
34
 
35
- export { ListItem as L, type ListItemProps as a, type ListVariant as b, type ListDensity as c, type ListLines as d, type ListRounded as e };
35
+ 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 CHANGED
@@ -1586,28 +1586,33 @@ var overflowClasses = {
1586
1586
  };
1587
1587
  var cardBase = "card-base relative w-full bg-white text-gray-900 transition-colors dark:bg-slate-900 dark:text-slate-100";
1588
1588
  var variantClasses = {
1589
- solid: "rounded-2xl border border-gray-200 bg-white shadow-lg shadow-gray-200/55 dark:border-slate-800 dark:bg-slate-900 dark:shadow-black/30",
1590
- outline: "rounded-2xl border-2 border-black bg-white shadow-none dark:border-black dark:bg-slate-900",
1591
- text: "rounded-2xl border border-transparent bg-transparent shadow-none dark:border-transparent dark:bg-transparent",
1592
- ghost: "rounded-2xl border border-transparent bg-gray-50 shadow-none dark:border-transparent dark:bg-slate-800",
1593
- filled: "rounded-2xl border border-gray-200 bg-gray-50 shadow-sm dark:border-slate-800 dark:bg-slate-800 dark:shadow-black/20",
1594
- underlined: "rounded-2xl border border-transparent border-b border-b-gray-200 shadow-none dark:border-transparent dark:border-b-slate-700 dark:bg-transparent",
1595
- rounded: "rounded-3xl border border-gray-200 bg-white shadow-md dark:border-slate-800 dark:bg-slate-900 dark:shadow-black/25",
1596
- sharp: "rounded-none border border-gray-200 bg-white shadow-md dark:border-slate-800 dark:bg-slate-900 dark:shadow-black/25"
1597
- };
1598
- var CardRoot = React4.forwardRef(function Card({
1599
- className,
1600
- children,
1601
- variant = "solid",
1602
- padding = "md",
1603
- overflow = "hidden",
1604
- interactive = false,
1605
- dividers = true,
1606
- ...rest
1607
- }, ref) {
1589
+ solid: "rounded-2xl border border-gray-200 bg-white dark:border-slate-800 dark:bg-slate-900",
1590
+ outline: "rounded-2xl border-2 border-black bg-white dark:border-black dark:bg-slate-900",
1591
+ ghost: "rounded-2xl border border-transparent bg-gray-50 dark:border-transparent dark:bg-slate-800",
1592
+ text: "rounded-2xl border border-transparent bg-transparent dark:border-transparent dark:bg-transparent",
1593
+ filled: "rounded-2xl border border-gray-200 bg-gray-50 dark:border-slate-800 dark:bg-slate-800",
1594
+ underlined: " border border-transparent border-b border-b-gray-200 dark:border-transparent dark:border-b-slate-700 dark:bg-transparent",
1595
+ rounded: "rounded-3xl border border-gray-200 bg-white dark:border-slate-800 dark:bg-slate-900",
1596
+ sharp: "rounded-none border border-gray-200 bg-white dark:border-slate-800 dark:bg-slate-900"
1597
+ };
1598
+ var elevationClasses = {
1599
+ 0: "shadow-none",
1600
+ 1: "shadow-sm",
1601
+ 2: "shadow",
1602
+ 3: "shadow-md",
1603
+ 4: "shadow-lg",
1604
+ 5: "shadow-xl",
1605
+ 6: "shadow-2xl",
1606
+ 7: "shadow-2xl",
1607
+ 8: "shadow-2xl",
1608
+ 9: "shadow-2xl",
1609
+ 10: "shadow-2xl"
1610
+ };
1611
+ var CardRoot = React4.forwardRef(function Card({ className, children, variant = "solid", padding = "md", overflow = "hidden", interactive = false, dividers = true, elevation = 0, ...rest }, ref) {
1608
1612
  const variantClass = variantClasses[variant] ?? variantClasses.solid;
1609
1613
  const paddingClass = paddingClasses[padding] ?? paddingClasses.md;
1610
1614
  const overflowClass = overflowClasses[overflow] ?? overflowClasses.hidden;
1615
+ const elevationClass = elevationClasses[elevation] ?? elevationClasses[0];
1611
1616
  const interactiveClass = interactive ? "transition-all duration-200 hover:-translate-y-0.5 hover:shadow-xl hover:z-10 focus-within:z-10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-slate-900" : void 0;
1612
1617
  const tabIndexValue = interactive && rest.tabIndex === void 0 ? 0 : rest.tabIndex;
1613
1618
  const content = applyDividers(children, dividers);
@@ -1617,14 +1622,7 @@ var CardRoot = React4.forwardRef(function Card({
1617
1622
  ...rest,
1618
1623
  ref,
1619
1624
  tabIndex: tabIndexValue,
1620
- className: tailwindMerge.twMerge(
1621
- cardBase,
1622
- variantClass,
1623
- paddingClass,
1624
- overflowClass,
1625
- interactiveClass,
1626
- className
1627
- ),
1625
+ className: tailwindMerge.twMerge(cardBase, variantClass, paddingClass, overflowClass, elevationClass, interactiveClass, className),
1628
1626
  children: content
1629
1627
  }
1630
1628
  );
@@ -1652,33 +1650,9 @@ var CardFooter = ({ className, dividers = true, ...rest }) => /* @__PURE__ */ js
1652
1650
  )
1653
1651
  }
1654
1652
  );
1655
- var CardTitle = ({ className, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
1656
- "h3",
1657
- {
1658
- ...rest,
1659
- className: tailwindMerge.twMerge(
1660
- "card-title text-lg font-semibold text-gray-900 dark:text-slate-50",
1661
- className
1662
- )
1663
- }
1664
- );
1665
- var CardSubtitle = ({ className, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
1666
- "p",
1667
- {
1668
- ...rest,
1669
- className: tailwindMerge.twMerge(
1670
- "card-subtitle text-sm font-medium text-gray-600 dark:text-slate-300",
1671
- className
1672
- )
1673
- }
1674
- );
1675
- var CardText = ({ className, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
1676
- "p",
1677
- {
1678
- ...rest,
1679
- className: tailwindMerge.twMerge("card-text text-sm text-gray-700 dark:text-slate-200", className)
1680
- }
1681
- );
1653
+ var CardTitle = ({ className, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx("h3", { ...rest, className: tailwindMerge.twMerge("card-title text-lg font-semibold text-gray-900 dark:text-slate-50", className) });
1654
+ var CardSubtitle = ({ className, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx("p", { ...rest, className: tailwindMerge.twMerge("card-subtitle text-sm font-medium text-gray-600 dark:text-slate-300", className) });
1655
+ var CardText = ({ className, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx("p", { ...rest, className: tailwindMerge.twMerge("card-text text-sm text-gray-700 dark:text-slate-200", className) });
1682
1656
  var CardMedia = ({ className, rounded = false, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
1683
1657
  "img",
1684
1658
  {
@@ -2120,14 +2094,27 @@ var Hero = ({
2120
2094
  Hero.displayName = "Hero";
2121
2095
  var Hero_default = Hero;
2122
2096
  var variantMap = {
2123
- solid: "bg-white text-gray-900 border border-gray-200 shadow-lg shadow-gray-200/60",
2097
+ solid: "bg-white text-gray-900 border border-gray-200",
2124
2098
  outline: "bg-white text-gray-900 border border-gray-300",
2125
2099
  text: "bg-transparent text-gray-900",
2126
2100
  ghost: "bg-slate-50 text-gray-900 border border-slate-100",
2127
- filled: "bg-slate-900 text-white shadow-2xl shadow-slate-900/30",
2101
+ filled: "bg-slate-900 text-white",
2128
2102
  underlined: "bg-white text-gray-900 border-b-4 border-primary/70",
2129
- rounded: "bg-white text-gray-900 border border-gray-200 rounded-3xl shadow-md",
2130
- sharp: "bg-white text-gray-900 border border-gray-200 rounded-none shadow"
2103
+ rounded: "bg-white text-gray-900 border border-gray-200 rounded-3xl",
2104
+ sharp: "bg-white text-gray-900 border border-gray-200 rounded-none"
2105
+ };
2106
+ var elevationClasses2 = {
2107
+ 0: "shadow-none",
2108
+ 1: "shadow-sm",
2109
+ 2: "shadow",
2110
+ 3: "shadow-md",
2111
+ 4: "shadow-lg",
2112
+ 5: "shadow-xl",
2113
+ 6: "shadow-2xl",
2114
+ 7: "shadow-2xl",
2115
+ 8: "shadow-2xl",
2116
+ 9: "shadow-2xl",
2117
+ 10: "shadow-2xl"
2131
2118
  };
2132
2119
  var cardRadiusMap = {
2133
2120
  solid: "rounded-2xl",
@@ -2150,26 +2137,14 @@ var avatarRadiusMap = {
2150
2137
  sharp: "rounded-none"
2151
2138
  };
2152
2139
  var isDarkVariant = (variant) => variant === "filled";
2153
- var SocialIcons = ({
2154
- socials = [],
2155
- dark
2156
- }) => {
2157
- if (socials.length === 0) return null;
2158
- tailwindMerge.twMerge(
2159
- "flex h-10 w-10 items-center justify-center rounded-full border text-lg transition",
2160
- dark ? "border-white/30 text-white hover:bg-white/10" : "border-gray-200 text-gray-600 hover:border-primary/50 hover:text-primary"
2161
- );
2162
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: socials.map((link) => (
2163
- // <a
2164
- // key={link.href}
2165
- // href={link.href}
2166
- // aria-label={link.label ?? link.icon}
2167
- // className={iconBase}
2168
- // >
2169
- // <i className={twMerge('mdi', link.icon)} aria-hidden />
2170
- // </a>
2171
- /* @__PURE__ */ jsxRuntime.jsx(Button_default, { iconOnly: true, icon: link.icon, variant: "rounded", size: "x-small" })
2172
- )) });
2140
+ var SocialIcons = ({ socials, dark }) => {
2141
+ if (!socials) return null;
2142
+ if (Array.isArray(socials) && socials.length === 0) return null;
2143
+ const isSocialLinkArray = Array.isArray(socials) && socials.length > 0 && "href" in socials[0];
2144
+ if (isSocialLinkArray) {
2145
+ 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)) });
2146
+ }
2147
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: socials });
2173
2148
  };
2174
2149
  var Badges = ({ badges = [], dark }) => {
2175
2150
  if (badges.length === 0) return null;
@@ -2182,26 +2157,7 @@ var Badges = ({ badges = [], dark }) => {
2182
2157
  var AvatarFrame = ({ avatar, size = "md", ring, radius }) => {
2183
2158
  const dimension = size === "lg" ? "h-28 w-28" : "h-20 w-20";
2184
2159
  const ringClass = ring ? "ring-4 ring-white/80 ring-offset-4 ring-offset-transparent" : "";
2185
- return /* @__PURE__ */ jsxRuntime.jsx(
2186
- "div",
2187
- {
2188
- className: tailwindMerge.twMerge(
2189
- "overflow-hidden bg-linear-to-br from-primary/10 to-primary/30",
2190
- radius,
2191
- dimension,
2192
- ringClass
2193
- ),
2194
- children: /* @__PURE__ */ jsxRuntime.jsx(
2195
- "img",
2196
- {
2197
- src: avatar.src,
2198
- alt: avatar.alt ?? "",
2199
- className: tailwindMerge.twMerge("h-full w-full object-cover", radius),
2200
- loading: "lazy"
2201
- }
2202
- )
2203
- }
2204
- );
2160
+ 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" }) });
2205
2161
  };
2206
2162
  var ProfileCard = ({
2207
2163
  name,
@@ -2212,6 +2168,7 @@ var ProfileCard = ({
2212
2168
  badges,
2213
2169
  layout = "classic",
2214
2170
  variant = "solid",
2171
+ elevation = 0,
2215
2172
  className,
2216
2173
  ...rest
2217
2174
  }) => {
@@ -2221,6 +2178,7 @@ var ProfileCard = ({
2221
2178
  const dark = isDarkVariant(variant);
2222
2179
  const muted = dark ? "text-white/70" : "text-gray-600";
2223
2180
  const accent = dark ? "text-white" : "text-gray-900";
2181
+ const elevationClass = elevationClasses2[elevation] ?? elevationClasses2[0];
2224
2182
  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
2225
2183
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
2226
2184
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
@@ -2273,6 +2231,7 @@ var ProfileCard = ({
2273
2231
  "profile-card relative overflow-hidden p-6 transition duration-200 hover:-translate-y-0.5 hover:shadow-xl",
2274
2232
  baseVariant,
2275
2233
  cardRadius,
2234
+ elevationClass,
2276
2235
  className
2277
2236
  ),
2278
2237
  children: layoutMap[layout] ?? layoutMap.classic