@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.
- package/dist/{ExpansionPanelItem-DOjgDeB6.d.ts → ExpansionPanelItem-BZHk28zn.d.ts} +2 -2
- package/dist/{ExpansionPanelItem-Bd6ZWGkR.d.cts → ExpansionPanelItem-Dln5DHGW.d.cts} +2 -2
- package/dist/badge.d.cts +1 -1
- package/dist/badge.d.ts +1 -1
- package/dist/block.d.cts +1 -1
- package/dist/block.d.ts +1 -1
- package/dist/button.d.cts +1 -1
- package/dist/button.d.ts +1 -1
- package/dist/card.cjs +27 -53
- package/dist/card.cjs.map +1 -1
- package/dist/card.d.cts +3 -1
- package/dist/card.d.ts +3 -1
- package/dist/card.js +1 -1
- package/dist/chip.d.cts +4 -4
- package/dist/chip.d.ts +4 -4
- package/dist/{chunk-GSYVZCP3.js → chunk-5NWM6RVD.js} +29 -55
- package/dist/chunk-5NWM6RVD.js.map +1 -0
- package/dist/{chunk-NEYVJE67.js → chunk-YRY7DJK2.js} +31 -46
- package/dist/chunk-YRY7DJK2.js.map +1 -0
- package/dist/expansion-panel/item.d.cts +2 -2
- package/dist/expansion-panel/item.d.ts +2 -2
- package/dist/expansion-panel.d.cts +3 -3
- package/dist/expansion-panel.d.ts +3 -3
- package/dist/{global.types-E2uVLemv.d.cts → global.types-DJiKqSJa.d.cts} +2 -1
- package/dist/{global.types-E2uVLemv.d.ts → global.types-DJiKqSJa.d.ts} +2 -1
- package/dist/hero.d.cts +1 -1
- package/dist/hero.d.ts +1 -1
- package/dist/icon.d.cts +1 -1
- package/dist/icon.d.ts +1 -1
- package/dist/{index-D4-O-oJt.d.ts → index-BoPiZNIB.d.ts} +2 -2
- package/dist/{index-B5n8tN2G.d.cts → index-Ddkv_t7Y.d.cts} +2 -2
- package/dist/index.cjs +57 -98
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +2 -2
- package/dist/input.d.cts +2 -2
- package/dist/input.d.ts +2 -2
- package/dist/list/item.d.cts +2 -2
- package/dist/list/item.d.ts +2 -2
- package/dist/list.d.cts +3 -3
- package/dist/list.d.ts +3 -3
- package/dist/notification.d.cts +1 -1
- package/dist/notification.d.ts +1 -1
- package/dist/profileCard.cjs +29 -44
- package/dist/profileCard.cjs.map +1 -1
- package/dist/profileCard.d.cts +3 -2
- package/dist/profileCard.d.ts +3 -2
- package/dist/profileCard.js +1 -1
- package/dist/select.d.cts +2 -2
- package/dist/select.d.ts +2 -2
- package/dist/slider.d.cts +1 -1
- package/dist/slider.d.ts +1 -1
- package/dist/styles.css +0 -30
- package/dist/switch.d.cts +1 -1
- package/dist/switch.d.ts +1 -1
- package/dist/{types-BJC99riF.d.cts → types-B3b-GFjA.d.cts} +1 -1
- package/dist/{types-CTq2JZpg.d.ts → types-CBIsqeyE.d.ts} +1 -1
- package/package.json +1 -1
- package/dist/chunk-GSYVZCP3.js.map +0 -1
- package/dist/chunk-NEYVJE67.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Blocks/ProfileCard/index.tsx"],"names":[],"mappings":"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","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 {
|
|
3
|
-
import '../global.types-
|
|
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 {
|
|
3
|
-
import '../global.types-
|
|
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 {
|
|
3
|
-
export {
|
|
4
|
-
import './global.types-
|
|
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 {
|
|
3
|
-
export {
|
|
4
|
-
import './global.types-
|
|
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,
|
|
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,
|
|
8
|
+
export type { GlobalVariant as G, Palette as P, GlobalSize as a, GlobalElevation as b, PropIcon as c };
|
package/dist/hero.d.cts
CHANGED
package/dist/hero.d.ts
CHANGED
package/dist/icon.d.cts
CHANGED
package/dist/icon.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { G as GlobalVariant, P as Palette } from './global.types-
|
|
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 {
|
|
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-
|
|
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 {
|
|
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
|
|
1590
|
-
outline: "rounded-2xl border-2 border-black bg-white
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
filled: "rounded-2xl border border-gray-200 bg-gray-50
|
|
1594
|
-
underlined: "
|
|
1595
|
-
rounded: "rounded-3xl border border-gray-200 bg-white
|
|
1596
|
-
sharp: "rounded-none border border-gray-200 bg-white
|
|
1597
|
-
};
|
|
1598
|
-
var
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
|
2130
|
-
sharp: "bg-white text-gray-900 border border-gray-200 rounded-none
|
|
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
|
-
|
|
2156
|
-
|
|
2157
|
-
if (
|
|
2158
|
-
|
|
2159
|
-
|
|
2160
|
-
|
|
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
|