@lindle/linoardo 1.0.34 → 1.0.36

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

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { P as Palette } from './global.types-E2uVLemv.js';
+import { P as Palette } from './global.types-DJiKqSJa.js';
 
 type ExpansionPanelValue = react.Key;
 type ExpansionPanelVariant = 'elevated' | 'outlined' | 'tonal' | 'plain';
@@ -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-Bd6ZWGkR.d.cts → ExpansionPanelItem-Dln5DHGW.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { P as Palette } from './global.types-E2uVLemv.cjs';
+import { P as Palette } from './global.types-DJiKqSJa.cjs';
 
 type ExpansionPanelValue = react.Key;
 type ExpansionPanelVariant = 'elevated' | 'outlined' | 'tonal' | 'plain';
@@ -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/badge.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { P as Palette } from './global.types-E2uVLemv.cjs';
+import { P as Palette } from './global.types-DJiKqSJa.cjs';
 
 type BadgePlacement = 'top-end' | 'top-start' | 'bottom-end' | 'bottom-start' | 'center';
 type IconDefinition = string | [library: string, icon: string];

package/dist/badge.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { P as Palette } from './global.types-E2uVLemv.js';
+import { P as Palette } from './global.types-DJiKqSJa.js';
 
 type BadgePlacement = 'top-end' | 'top-start' | 'bottom-end' | 'bottom-start' | 'center';
 type IconDefinition = string | [library: string, icon: string];

package/dist/block.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { G as GlobalVariant } from './global.types-E2uVLemv.cjs';
+import { G as GlobalVariant } from './global.types-DJiKqSJa.cjs';
 
 type BlockBlur = 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
 type BlockProps = react.HTMLAttributes<HTMLDivElement> & {

package/dist/block.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { G as GlobalVariant } from './global.types-E2uVLemv.js';
+import { G as GlobalVariant } from './global.types-DJiKqSJa.js';
 
 type BlockBlur = 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
 type BlockProps = react.HTMLAttributes<HTMLDivElement> & {

package/dist/button.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { G as GlobalVariant, P as Palette, a as GlobalSize, b as PropIcon } from './global.types-E2uVLemv.cjs';
+import { G as GlobalVariant, P as Palette, a as GlobalSize, c as PropIcon } from './global.types-DJiKqSJa.cjs';
 
 type ButtonVariant = GlobalVariant;
 type ButtonOwnProps = {

package/dist/button.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { G as GlobalVariant, P as Palette, a as GlobalSize, b as PropIcon } from './global.types-E2uVLemv.js';
+import { G as GlobalVariant, P as Palette, a as GlobalSize, c as PropIcon } from './global.types-DJiKqSJa.js';
 
 type ButtonVariant = GlobalVariant;
 type ButtonOwnProps = {

package/dist/card.cjs

@@ -17,28 +17,33 @@ var overflowClasses = {
 };
 var cardBase = "card-base relative w-full bg-white text-gray-900 transition-colors dark:bg-slate-900 dark:text-slate-100";
 var variantClasses = {
-  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",
-  outline: "rounded-2xl border-2 border-black bg-white shadow-none dark:border-black dark:bg-slate-900",
-  text: "rounded-2xl border border-transparent bg-transparent shadow-none dark:border-transparent dark:bg-transparent",
-  ghost: "rounded-2xl border border-transparent bg-gray-50 shadow-none dark:border-transparent dark:bg-slate-800",
-  filled: "rounded-2xl border border-gray-200 bg-gray-50 shadow-sm dark:border-slate-800 dark:bg-slate-800 dark:shadow-black/20",
-  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",
-  rounded: "rounded-3xl border border-gray-200 bg-white shadow-md dark:border-slate-800 dark:bg-slate-900 dark:shadow-black/25",
-  sharp: "rounded-none border border-gray-200 bg-white shadow-md dark:border-slate-800 dark:bg-slate-900 dark:shadow-black/25"
+  solid: "rounded-2xl border border-gray-200 bg-white dark:border-slate-800 dark:bg-slate-900",
+  outline: "rounded-2xl border-2 border-black bg-white dark:border-black dark:bg-slate-900",
+  ghost: "rounded-2xl border border-transparent bg-gray-50 dark:border-transparent dark:bg-slate-800",
+  text: "rounded-2xl border border-transparent bg-transparent dark:border-transparent dark:bg-transparent",
+  filled: "rounded-2xl border border-gray-200 bg-gray-50 dark:border-slate-800 dark:bg-slate-800",
+  underlined: " border border-transparent border-b border-b-gray-200 dark:border-transparent dark:border-b-slate-700 dark:bg-transparent",
+  rounded: "rounded-3xl border border-gray-200 bg-white dark:border-slate-800 dark:bg-slate-900",
+  sharp: "rounded-none border border-gray-200 bg-white dark:border-slate-800 dark:bg-slate-900"
 };
-var CardRoot = react.forwardRef(function Card({
-  className,
-  children,
-  variant = "solid",
-  padding = "md",
-  overflow = "hidden",
-  interactive = false,
-  dividers = true,
-  ...rest
-}, ref) {
+var elevationClasses = {
+  0: "shadow-none",
+  1: "shadow-sm",
+  2: "shadow",
+  3: "shadow-md",
+  4: "shadow-lg",
+  5: "shadow-xl",
+  6: "shadow-2xl",
+  7: "shadow-2xl",
+  8: "shadow-2xl",
+  9: "shadow-2xl",
+  10: "shadow-2xl"
+};
+var CardRoot = react.forwardRef(function Card({ className, children, variant = "solid", padding = "md", overflow = "hidden", interactive = false, dividers = true, elevation = 0, ...rest }, ref) {
   const variantClass = variantClasses[variant] ?? variantClasses.solid;
   const paddingClass = paddingClasses[padding] ?? paddingClasses.md;
   const overflowClass = overflowClasses[overflow] ?? overflowClasses.hidden;
+  const elevationClass = elevationClasses[elevation] ?? elevationClasses[0];
   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;
   const tabIndexValue = interactive && rest.tabIndex === void 0 ? 0 : rest.tabIndex;
   const content = applyDividers(children, dividers);
@@ -48,14 +53,7 @@ var CardRoot = react.forwardRef(function Card({
       ...rest,
       ref,
       tabIndex: tabIndexValue,
-      className: tailwindMerge.twMerge(
-        cardBase,
-        variantClass,
-        paddingClass,
-        overflowClass,
-        interactiveClass,
-        className
-      ),
+      className: tailwindMerge.twMerge(cardBase, variantClass, paddingClass, overflowClass, elevationClass, interactiveClass, className),
       children: content
     }
   );
@@ -83,33 +81,9 @@ var CardFooter = ({ className, dividers = true, ...rest }) => /* @__PURE__ */ js
     )
   }
 );
-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
-    )
-  }
-);
-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
-    )
-  }
-);
-var CardText = ({ className, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "p",
-  {
-    ...rest,
-    className: tailwindMerge.twMerge("card-text text-sm text-gray-700 dark:text-slate-200", className)
-  }
-);
+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) });
+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) });
+var CardText = ({ className, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx("p", { ...rest, className: tailwindMerge.twMerge("card-text text-sm text-gray-700 dark:text-slate-200", className) });
 var CardMedia = ({ className, rounded = false, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
   "img",
   {

package/dist/card.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Blocks/Card/index.tsx"],"names":["forwardRef","jsx","twMerge","Card","Children","isValidElement","cloneElement"],"mappings":"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","file":"card.cjs","sourcesContent":["import { Children, cloneElement, forwardRef, isValidElement } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport type { GlobalVariant } from '@lindle/linoardo/global.types';\nimport { twMerge } from 'tailwind-merge';\nimport type {\n  CardMediaProps,\n  CardOverflow,\n  CardProps,\n  CardSectionProps,\n  CardTextProps\n} from './types.card';\n\nconst paddingClasses: Record<Exclude<CardProps['padding'], undefined>, string> = {\n  none: 'p-0',\n  sm: 'p-3',\n  md: 'p-4',\n  lg: 'p-6'\n};\n\nconst overflowClasses: Record<Exclude<CardProps['overflow'], undefined>, string> = {\n  hidden: 'overflow-hidden',\n  visible: 'overflow-visible'\n};\n\nconst cardBase =\n  'card-base relative w-full bg-white text-gray-900 transition-colors dark:bg-slate-900 dark:text-slate-100';\n\nconst variantClasses: Record<GlobalVariant, string> = {\n  solid:\n    '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',\n  outline:\n    'rounded-2xl border-2 border-black bg-white shadow-none dark:border-black dark:bg-slate-900',\n  text: 'rounded-2xl border border-transparent bg-transparent shadow-none dark:border-transparent dark:bg-transparent',\n  ghost:\n    'rounded-2xl border border-transparent bg-gray-50 shadow-none dark:border-transparent dark:bg-slate-800',\n  filled:\n    'rounded-2xl border border-gray-200 bg-gray-50 shadow-sm dark:border-slate-800 dark:bg-slate-800 dark:shadow-black/20',\n  underlined:\n    'rounded-2xl border border-transparent border-b border-b-gray-200 shadow-none dark:border-transparent dark:border-b-slate-700 dark:bg-transparent',\n  rounded:\n    'rounded-3xl border border-gray-200 bg-white shadow-md dark:border-slate-800 dark:bg-slate-900 dark:shadow-black/25',\n  sharp:\n    'rounded-none border border-gray-200 bg-white shadow-md dark:border-slate-800 dark:bg-slate-900 dark:shadow-black/25'\n};\n\n/**\n * Card container with optional padding, variants and interactive focus/hover styles.\n */\nconst CardRoot = forwardRef<HTMLDivElement, CardProps>(function Card(\n  {\n    className,\n    children,\n    variant = 'solid',\n    padding = 'md',\n    overflow = 'hidden',\n    interactive = false,\n    dividers = true,\n    ...rest\n  },\n  ref\n) {\n  const variantClass = variantClasses[variant as GlobalVariant] ?? variantClasses.solid;\n  const paddingClass = paddingClasses[padding] ?? paddingClasses.md;\n  const overflowClass = overflowClasses[overflow] ?? overflowClasses.hidden;\n  const interactiveClass = interactive\n    ? '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'\n    : undefined;\n  const tabIndexValue = interactive && rest.tabIndex === undefined ? 0 : rest.tabIndex;\n  const content = applyDividers(children, dividers);\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      tabIndex={tabIndexValue}\n      className={twMerge(\n        cardBase,\n        variantClass,\n        paddingClass,\n        overflowClass,\n        interactiveClass,\n        className\n      )}\n    >\n      {content}\n    </div>\n  );\n});\n\n/**\n * Section for placing the card title, subtitle or actions at the top of the card.\n */\nconst CardHeader: React.FC<CardSectionProps> = ({ className, dividers = true, ...rest }) => (\n  <div\n    {...rest}\n    className={twMerge(\n      'card-header mb-2 flex flex-col gap-1 pb-3',\n      dividers ? 'border-b border-gray-100 dark:border-slate-800' : undefined,\n      className\n    )}\n  />\n);\n\n/**\n * Primary content area of the card.\n */\nconst CardBody: React.FC<CardSectionProps> = ({ className, ...rest }) => (\n  <div {...rest} className={twMerge('card-body flex flex-col gap-3', className)} />\n);\n\n/**\n * Footer area for actions or supplemental information.\n */\nconst CardFooter: React.FC<CardSectionProps> = ({ className, dividers = true, ...rest }) => (\n  <div\n    {...rest}\n    className={twMerge(\n      'card-footer mt-3 flex flex-wrap items-center gap-3 pt-3',\n      dividers ? 'border-t border-gray-100 dark:border-slate-800' : undefined,\n      className\n    )}\n  />\n);\n\n/**\n * Stylized heading for the card.\n */\nconst CardTitle: React.FC<CardSectionProps> = ({ className, ...rest }) => (\n  <h3\n    {...rest}\n    className={twMerge(\n      'card-title text-lg font-semibold text-gray-900 dark:text-slate-50',\n      className\n    )}\n  />\n);\n\n/**\n * Subtitle text for secondary information under the title.\n */\nconst CardSubtitle: React.FC<CardSectionProps> = ({ className, ...rest }) => (\n  <p\n    {...rest}\n    className={twMerge(\n      'card-subtitle text-sm font-medium text-gray-600 dark:text-slate-300',\n      className\n    )}\n  />\n);\n\n/**\n * Body text with default card typography.\n */\nconst CardText: React.FC<CardTextProps> = ({ className, ...rest }) => (\n  <p\n    {...rest}\n    className={twMerge('card-text text-sm text-gray-700 dark:text-slate-200', className)}\n  />\n);\n\n/**\n * Media region for images, retaining card spacing and optional rounded corners.\n */\nconst CardMedia: React.FC<CardMediaProps> = ({ className, rounded = false, ...rest }) => (\n  <img\n    {...rest}\n    className={twMerge(\n      'card-media w-full object-cover',\n      rounded ? 'rounded-xl' : 'rounded-none',\n      rest.height || rest.style ? 'block' : 'block max-h-60',\n      className\n    )}\n    loading={rest.loading ?? 'lazy'}\n  />\n);\n\n/**\n * Container for action buttons inside the card.\n */\nconst CardActions: React.FC<CardSectionProps> = ({ className, ...rest }) => (\n  <div {...rest} className={twMerge('card-actions flex flex-wrap gap-2', className)} />\n);\n\nexport type { CardOverflow, CardProps, CardSectionProps, CardMediaProps, CardTextProps };\n\nconst Card = Object.assign(CardRoot, {\n  Header: CardHeader,\n  Body: CardBody,\n  Footer: CardFooter,\n  Title: CardTitle,\n  Subtitle: CardSubtitle,\n  Text: CardText,\n  Media: CardMedia,\n  Actions: CardActions\n});\n\nexport default Card;\n\nfunction applyDividers(children: ReactNode, dividers: boolean): ReactNode {\n  return Children.map(children, child => {\n    if (!isValidElement(child)) return child;\n\n    if (isDividerSection(child)) {\n      return cloneElement<CardSectionProps>(child, { dividers: child.props.dividers ?? dividers });\n    }\n\n    if (hasNestedChildren(child)) {\n      return cloneElement<{ children?: ReactNode }>(child, {\n        children: applyDividers(child.props.children, dividers)\n      });\n    }\n\n    return child;\n  });\n}\n\nfunction isDividerSection(element: ReactElement): element is ReactElement<CardSectionProps> {\n  return element.type === CardHeader || element.type === CardFooter;\n}\n\nfunction hasNestedChildren(\n  element: ReactElement\n): element is ReactElement<{ children?: ReactNode }> {\n  const props = element.props as Record<string, unknown>;\n  return 'children' in props;\n}\n"]}
+{"version":3,"sources":["../src/Blocks/Card/index.tsx"],"names":["forwardRef","jsx","twMerge","Card","Children","isValidElement","cloneElement"],"mappings":"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","file":"card.cjs","sourcesContent":["import { Children, cloneElement, forwardRef, isValidElement } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport type { GlobalElevation, GlobalVariant } from '@lindle/linoardo/global.types';\nimport { twMerge } from 'tailwind-merge';\nimport type { CardMediaProps, CardOverflow, CardProps, CardSectionProps, CardTextProps } from './types.card';\n\nconst paddingClasses: Record<Exclude<CardProps['padding'], undefined>, string> = {\n  none: 'p-0',\n  sm: 'p-3',\n  md: 'p-4',\n  lg: 'p-6'\n};\n\nconst overflowClasses: Record<Exclude<CardProps['overflow'], undefined>, string> = {\n  hidden: 'overflow-hidden',\n  visible: 'overflow-visible'\n};\n\nconst cardBase = 'card-base relative w-full bg-white text-gray-900 transition-colors dark:bg-slate-900 dark:text-slate-100';\n\nconst variantClasses: Record<GlobalVariant, string> = {\n  solid: 'rounded-2xl border border-gray-200 bg-white dark:border-slate-800 dark:bg-slate-900',\n  outline: 'rounded-2xl border-2 border-black bg-white dark:border-black dark:bg-slate-900',\n  ghost: 'rounded-2xl border border-transparent bg-gray-50 dark:border-transparent dark:bg-slate-800',\n  text: 'rounded-2xl border border-transparent bg-transparent dark:border-transparent dark:bg-transparent',\n  filled: 'rounded-2xl border border-gray-200 bg-gray-50 dark:border-slate-800 dark:bg-slate-800',\n  underlined: ' border border-transparent border-b border-b-gray-200 dark:border-transparent dark:border-b-slate-700 dark:bg-transparent',\n  rounded: 'rounded-3xl border border-gray-200 bg-white dark:border-slate-800 dark:bg-slate-900',\n  sharp: 'rounded-none border border-gray-200 bg-white dark:border-slate-800 dark:bg-slate-900'\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\n/**\n * Card container with optional padding, variants and interactive focus/hover styles.\n */\nconst CardRoot = forwardRef<HTMLDivElement, CardProps & { elevation?: GlobalElevation }>(function Card(\n  { className, children, variant = 'solid', padding = 'md', overflow = 'hidden', interactive = false, dividers = true, elevation = 0, ...rest },\n  ref\n) {\n  const variantClass = variantClasses[variant as GlobalVariant] ?? variantClasses.solid;\n  const paddingClass = paddingClasses[padding] ?? paddingClasses.md;\n  const overflowClass = overflowClasses[overflow] ?? overflowClasses.hidden;\n  const elevationClass = elevationClasses[elevation] ?? elevationClasses[0];\n  const interactiveClass = interactive\n    ? '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'\n    : undefined;\n  const tabIndexValue = interactive && rest.tabIndex === undefined ? 0 : rest.tabIndex;\n  const content = applyDividers(children, dividers);\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      tabIndex={tabIndexValue}\n      className={twMerge(cardBase, variantClass, paddingClass, overflowClass, elevationClass, interactiveClass, className)}\n    >\n      {content}\n    </div>\n  );\n});\n\n/**\n * Section for placing the card title, subtitle or actions at the top of the card.\n */\nconst CardHeader: React.FC<CardSectionProps> = ({ className, dividers = true, ...rest }) => (\n  <div\n    {...rest}\n    className={twMerge(\n      'card-header mb-2 flex flex-col gap-1 pb-3',\n      dividers ? 'border-b border-gray-100 dark:border-slate-800' : undefined,\n      className\n    )}\n  />\n);\n\n/**\n * Primary content area of the card.\n */\nconst CardBody: React.FC<CardSectionProps> = ({ className, ...rest }) => (\n  <div {...rest} className={twMerge('card-body flex flex-col gap-3', className)} />\n);\n\n/**\n * Footer area for actions or supplemental information.\n */\nconst CardFooter: React.FC<CardSectionProps> = ({ className, dividers = true, ...rest }) => (\n  <div\n    {...rest}\n    className={twMerge(\n      'card-footer mt-3 flex flex-wrap items-center gap-3 pt-3',\n      dividers ? 'border-t border-gray-100 dark:border-slate-800' : undefined,\n      className\n    )}\n  />\n);\n\n/**\n * Stylized heading for the card.\n */\nconst CardTitle: React.FC<CardSectionProps> = ({ className, ...rest }) => (\n  <h3 {...rest} className={twMerge('card-title text-lg font-semibold text-gray-900 dark:text-slate-50', className)} />\n);\n\n/**\n * Subtitle text for secondary information under the title.\n */\nconst CardSubtitle: React.FC<CardSectionProps> = ({ className, ...rest }) => (\n  <p {...rest} className={twMerge('card-subtitle text-sm font-medium text-gray-600 dark:text-slate-300', className)} />\n);\n\n/**\n * Body text with default card typography.\n */\nconst CardText: React.FC<CardTextProps> = ({ className, ...rest }) => (\n  <p {...rest} className={twMerge('card-text text-sm text-gray-700 dark:text-slate-200', className)} />\n);\n\n/**\n * Media region for images, retaining card spacing and optional rounded corners.\n */\nconst CardMedia: React.FC<CardMediaProps> = ({ className, rounded = false, ...rest }) => (\n  <img\n    {...rest}\n    className={twMerge(\n      'card-media w-full object-cover',\n      rounded ? 'rounded-xl' : 'rounded-none',\n      rest.height || rest.style ? 'block' : 'block max-h-60',\n      className\n    )}\n    loading={rest.loading ?? 'lazy'}\n  />\n);\n\n/**\n * Container for action buttons inside the card.\n */\nconst CardActions: React.FC<CardSectionProps> = ({ className, ...rest }) => (\n  <div {...rest} className={twMerge('card-actions flex flex-wrap gap-2', className)} />\n);\n\nexport type { CardOverflow, CardProps, CardSectionProps, CardMediaProps, CardTextProps };\n\nconst Card = Object.assign(CardRoot, {\n  Header: CardHeader,\n  Body: CardBody,\n  Footer: CardFooter,\n  Title: CardTitle,\n  Subtitle: CardSubtitle,\n  Text: CardText,\n  Media: CardMedia,\n  Actions: CardActions\n});\n\nexport default Card;\n\nfunction applyDividers(children: ReactNode, dividers: boolean): ReactNode {\n  return Children.map(children, child => {\n    if (!isValidElement(child)) return child;\n\n    if (isDividerSection(child)) {\n      return cloneElement<CardSectionProps>(child, { dividers: child.props.dividers ?? dividers });\n    }\n\n    if (hasNestedChildren(child)) {\n      return cloneElement<{ children?: ReactNode }>(child, {\n        children: applyDividers(child.props.children, dividers)\n      });\n    }\n\n    return child;\n  });\n}\n\nfunction isDividerSection(element: ReactElement): element is ReactElement<CardSectionProps> {\n  return element.type === CardHeader || element.type === CardFooter;\n}\n\nfunction hasNestedChildren(element: ReactElement): element is ReactElement<{ children?: ReactNode }> {\n  const props = element.props as Record<string, unknown>;\n  return 'children' in props;\n}\n"]}

package/dist/card.d.cts

@@ -1,4 +1,4 @@
-import { G as GlobalVariant } from './global.types-E2uVLemv.cjs';
+import { G as GlobalVariant, b as GlobalElevation } from './global.types-DJiKqSJa.cjs';
 import * as react from 'react';
 
 type CardPadding = 'none' | 'sm' | 'md' | 'lg';
@@ -33,6 +33,8 @@ declare const Card: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDiv
     overflow?: CardOverflow;
     interactive?: boolean;
     dividers?: boolean;
+} & {
+    elevation?: GlobalElevation;
 } & react.RefAttributes<HTMLDivElement>> & {
     Header: react.FC<CardSectionProps>;
     Body: react.FC<CardSectionProps>;

package/dist/card.d.ts

@@ -1,4 +1,4 @@
-import { G as GlobalVariant } from './global.types-E2uVLemv.js';
+import { G as GlobalVariant, b as GlobalElevation } from './global.types-DJiKqSJa.js';
 import * as react from 'react';
 
 type CardPadding = 'none' | 'sm' | 'md' | 'lg';
@@ -33,6 +33,8 @@ declare const Card: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDiv
     overflow?: CardOverflow;
     interactive?: boolean;
     dividers?: boolean;
+} & {
+    elevation?: GlobalElevation;
 } & react.RefAttributes<HTMLDivElement>> & {
     Header: react.FC<CardSectionProps>;
     Body: react.FC<CardSectionProps>;

package/dist/card.js

@@ -1,3 +1,3 @@
-export { Card_default as default } from './chunk-GSYVZCP3.js';
+export { Card_default as default } from './chunk-5NWM6RVD.js';
 //# sourceMappingURL=card.js.map
 //# sourceMappingURL=card.js.map

package/dist/chip.d.cts

@@ -1,4 +1,4 @@
-import { G as GlobalVariant, a as GlobalSize, P as Palette, b as PropIcon } from './global.types-E2uVLemv.cjs';
+import { G as GlobalVariant, a as GlobalSize, P as Palette, c as PropIcon } from './global.types-DJiKqSJa.cjs';
 import * as react from 'react';
 
 type ChipVariant = GlobalVariant;
@@ -82,6 +82,9 @@ declare const Chip: react.ForwardRefExoticComponent<{
     slot?: string | undefined | undefined;
     style?: react.CSSProperties | undefined;
     title?: string | undefined | undefined;
+    className?: string | undefined | undefined;
+    children?: react.ReactNode;
+    onClick?: react.MouseEventHandler<HTMLSpanElement> | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -89,7 +92,6 @@ declare const Chip: react.ForwardRefExoticComponent<{
     accessKey?: string | undefined | undefined;
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
     autoFocus?: boolean | undefined | undefined;
-    className?: string | undefined | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
@@ -186,7 +188,6 @@ declare const Chip: react.ForwardRefExoticComponent<{
     "aria-valuemin"?: number | undefined | undefined;
     "aria-valuenow"?: number | undefined | undefined;
     "aria-valuetext"?: string | undefined | undefined;
-    children?: react.ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined | undefined;
@@ -274,7 +275,6 @@ declare const Chip: react.ForwardRefExoticComponent<{
     onWaitingCapture?: react.ReactEventHandler<HTMLSpanElement> | undefined;
     onAuxClick?: react.MouseEventHandler<HTMLSpanElement> | undefined;
     onAuxClickCapture?: react.MouseEventHandler<HTMLSpanElement> | undefined;
-    onClick?: react.MouseEventHandler<HTMLSpanElement> | undefined;
     onClickCapture?: react.MouseEventHandler<HTMLSpanElement> | undefined;
     onContextMenu?: react.MouseEventHandler<HTMLSpanElement> | undefined;
     onContextMenuCapture?: react.MouseEventHandler<HTMLSpanElement> | undefined;

package/dist/chip.d.ts

@@ -1,4 +1,4 @@
-import { G as GlobalVariant, a as GlobalSize, P as Palette, b as PropIcon } from './global.types-E2uVLemv.js';
+import { G as GlobalVariant, a as GlobalSize, P as Palette, c as PropIcon } from './global.types-DJiKqSJa.js';
 import * as react from 'react';
 
 type ChipVariant = GlobalVariant;
@@ -82,6 +82,9 @@ declare const Chip: react.ForwardRefExoticComponent<{
     slot?: string | undefined | undefined;
     style?: react.CSSProperties | undefined;
     title?: string | undefined | undefined;
+    className?: string | undefined | undefined;
+    children?: react.ReactNode;
+    onClick?: react.MouseEventHandler<HTMLSpanElement> | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -89,7 +92,6 @@ declare const Chip: react.ForwardRefExoticComponent<{
     accessKey?: string | undefined | undefined;
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
     autoFocus?: boolean | undefined | undefined;
-    className?: string | undefined | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
@@ -186,7 +188,6 @@ declare const Chip: react.ForwardRefExoticComponent<{
     "aria-valuemin"?: number | undefined | undefined;
     "aria-valuenow"?: number | undefined | undefined;
     "aria-valuetext"?: string | undefined | undefined;
-    children?: react.ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined | undefined;
@@ -274,7 +275,6 @@ declare const Chip: react.ForwardRefExoticComponent<{
     onWaitingCapture?: react.ReactEventHandler<HTMLSpanElement> | undefined;
     onAuxClick?: react.MouseEventHandler<HTMLSpanElement> | undefined;
     onAuxClickCapture?: react.MouseEventHandler<HTMLSpanElement> | undefined;
-    onClick?: react.MouseEventHandler<HTMLSpanElement> | undefined;
     onClickCapture?: react.MouseEventHandler<HTMLSpanElement> | undefined;
     onContextMenu?: react.MouseEventHandler<HTMLSpanElement> | undefined;
     onContextMenuCapture?: react.MouseEventHandler<HTMLSpanElement> | undefined;

package/dist/{chunk-GSYVZCP3.js → chunk-5NWM6RVD.js}

@@ -15,28 +15,33 @@ var overflowClasses = {
 };
 var cardBase = "card-base relative w-full bg-white text-gray-900 transition-colors dark:bg-slate-900 dark:text-slate-100";
 var variantClasses = {
-  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",
-  outline: "rounded-2xl border-2 border-black bg-white shadow-none dark:border-black dark:bg-slate-900",
-  text: "rounded-2xl border border-transparent bg-transparent shadow-none dark:border-transparent dark:bg-transparent",
-  ghost: "rounded-2xl border border-transparent bg-gray-50 shadow-none dark:border-transparent dark:bg-slate-800",
-  filled: "rounded-2xl border border-gray-200 bg-gray-50 shadow-sm dark:border-slate-800 dark:bg-slate-800 dark:shadow-black/20",
-  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",
-  rounded: "rounded-3xl border border-gray-200 bg-white shadow-md dark:border-slate-800 dark:bg-slate-900 dark:shadow-black/25",
-  sharp: "rounded-none border border-gray-200 bg-white shadow-md dark:border-slate-800 dark:bg-slate-900 dark:shadow-black/25"
+  solid: "rounded-2xl border border-gray-200 bg-white dark:border-slate-800 dark:bg-slate-900",
+  outline: "rounded-2xl border-2 border-black bg-white dark:border-black dark:bg-slate-900",
+  ghost: "rounded-2xl border border-transparent bg-gray-50 dark:border-transparent dark:bg-slate-800",
+  text: "rounded-2xl border border-transparent bg-transparent dark:border-transparent dark:bg-transparent",
+  filled: "rounded-2xl border border-gray-200 bg-gray-50 dark:border-slate-800 dark:bg-slate-800",
+  underlined: " border border-transparent border-b border-b-gray-200 dark:border-transparent dark:border-b-slate-700 dark:bg-transparent",
+  rounded: "rounded-3xl border border-gray-200 bg-white dark:border-slate-800 dark:bg-slate-900",
+  sharp: "rounded-none border border-gray-200 bg-white dark:border-slate-800 dark:bg-slate-900"
 };
-var CardRoot = forwardRef(function Card({
-  className,
-  children,
-  variant = "solid",
-  padding = "md",
-  overflow = "hidden",
-  interactive = false,
-  dividers = true,
-  ...rest
-}, ref) {
+var elevationClasses = {
+  0: "shadow-none",
+  1: "shadow-sm",
+  2: "shadow",
+  3: "shadow-md",
+  4: "shadow-lg",
+  5: "shadow-xl",
+  6: "shadow-2xl",
+  7: "shadow-2xl",
+  8: "shadow-2xl",
+  9: "shadow-2xl",
+  10: "shadow-2xl"
+};
+var CardRoot = forwardRef(function Card({ className, children, variant = "solid", padding = "md", overflow = "hidden", interactive = false, dividers = true, elevation = 0, ...rest }, ref) {
   const variantClass = variantClasses[variant] ?? variantClasses.solid;
   const paddingClass = paddingClasses[padding] ?? paddingClasses.md;
   const overflowClass = overflowClasses[overflow] ?? overflowClasses.hidden;
+  const elevationClass = elevationClasses[elevation] ?? elevationClasses[0];
   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;
   const tabIndexValue = interactive && rest.tabIndex === void 0 ? 0 : rest.tabIndex;
   const content = applyDividers(children, dividers);
@@ -46,14 +51,7 @@ var CardRoot = forwardRef(function Card({
       ...rest,
       ref,
       tabIndex: tabIndexValue,
-      className: twMerge(
-        cardBase,
-        variantClass,
-        paddingClass,
-        overflowClass,
-        interactiveClass,
-        className
-      ),
+      className: twMerge(cardBase, variantClass, paddingClass, overflowClass, elevationClass, interactiveClass, className),
       children: content
     }
   );
@@ -81,33 +79,9 @@ var CardFooter = ({ className, dividers = true, ...rest }) => /* @__PURE__ */ js
     )
   }
 );
-var CardTitle = ({ className, ...rest }) => /* @__PURE__ */ jsx(
-  "h3",
-  {
-    ...rest,
-    className: twMerge(
-      "card-title text-lg font-semibold text-gray-900 dark:text-slate-50",
-      className
-    )
-  }
-);
-var CardSubtitle = ({ className, ...rest }) => /* @__PURE__ */ jsx(
-  "p",
-  {
-    ...rest,
-    className: twMerge(
-      "card-subtitle text-sm font-medium text-gray-600 dark:text-slate-300",
-      className
-    )
-  }
-);
-var CardText = ({ className, ...rest }) => /* @__PURE__ */ jsx(
-  "p",
-  {
-    ...rest,
-    className: twMerge("card-text text-sm text-gray-700 dark:text-slate-200", className)
-  }
-);
+var CardTitle = ({ className, ...rest }) => /* @__PURE__ */ jsx("h3", { ...rest, className: twMerge("card-title text-lg font-semibold text-gray-900 dark:text-slate-50", className) });
+var CardSubtitle = ({ className, ...rest }) => /* @__PURE__ */ jsx("p", { ...rest, className: twMerge("card-subtitle text-sm font-medium text-gray-600 dark:text-slate-300", className) });
+var CardText = ({ className, ...rest }) => /* @__PURE__ */ jsx("p", { ...rest, className: twMerge("card-text text-sm text-gray-700 dark:text-slate-200", className) });
 var CardMedia = ({ className, rounded = false, ...rest }) => /* @__PURE__ */ jsx(
   "img",
   {
@@ -156,5 +130,5 @@ function hasNestedChildren(element) {
 }
 
 export { Card_default };
-//# sourceMappingURL=chunk-GSYVZCP3.js.map
-//# sourceMappingURL=chunk-GSYVZCP3.js.map
+//# sourceMappingURL=chunk-5NWM6RVD.js.map
+//# sourceMappingURL=chunk-5NWM6RVD.js.map

package/dist/chunk-5NWM6RVD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Blocks/Card/index.tsx"],"names":["Card"],"mappings":"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","file":"chunk-5NWM6RVD.js","sourcesContent":["import { Children, cloneElement, forwardRef, isValidElement } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport type { GlobalElevation, GlobalVariant } from '@lindle/linoardo/global.types';\nimport { twMerge } from 'tailwind-merge';\nimport type { CardMediaProps, CardOverflow, CardProps, CardSectionProps, CardTextProps } from './types.card';\n\nconst paddingClasses: Record<Exclude<CardProps['padding'], undefined>, string> = {\n  none: 'p-0',\n  sm: 'p-3',\n  md: 'p-4',\n  lg: 'p-6'\n};\n\nconst overflowClasses: Record<Exclude<CardProps['overflow'], undefined>, string> = {\n  hidden: 'overflow-hidden',\n  visible: 'overflow-visible'\n};\n\nconst cardBase = 'card-base relative w-full bg-white text-gray-900 transition-colors dark:bg-slate-900 dark:text-slate-100';\n\nconst variantClasses: Record<GlobalVariant, string> = {\n  solid: 'rounded-2xl border border-gray-200 bg-white dark:border-slate-800 dark:bg-slate-900',\n  outline: 'rounded-2xl border-2 border-black bg-white dark:border-black dark:bg-slate-900',\n  ghost: 'rounded-2xl border border-transparent bg-gray-50 dark:border-transparent dark:bg-slate-800',\n  text: 'rounded-2xl border border-transparent bg-transparent dark:border-transparent dark:bg-transparent',\n  filled: 'rounded-2xl border border-gray-200 bg-gray-50 dark:border-slate-800 dark:bg-slate-800',\n  underlined: ' border border-transparent border-b border-b-gray-200 dark:border-transparent dark:border-b-slate-700 dark:bg-transparent',\n  rounded: 'rounded-3xl border border-gray-200 bg-white dark:border-slate-800 dark:bg-slate-900',\n  sharp: 'rounded-none border border-gray-200 bg-white dark:border-slate-800 dark:bg-slate-900'\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\n/**\n * Card container with optional padding, variants and interactive focus/hover styles.\n */\nconst CardRoot = forwardRef<HTMLDivElement, CardProps & { elevation?: GlobalElevation }>(function Card(\n  { className, children, variant = 'solid', padding = 'md', overflow = 'hidden', interactive = false, dividers = true, elevation = 0, ...rest },\n  ref\n) {\n  const variantClass = variantClasses[variant as GlobalVariant] ?? variantClasses.solid;\n  const paddingClass = paddingClasses[padding] ?? paddingClasses.md;\n  const overflowClass = overflowClasses[overflow] ?? overflowClasses.hidden;\n  const elevationClass = elevationClasses[elevation] ?? elevationClasses[0];\n  const interactiveClass = interactive\n    ? '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'\n    : undefined;\n  const tabIndexValue = interactive && rest.tabIndex === undefined ? 0 : rest.tabIndex;\n  const content = applyDividers(children, dividers);\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      tabIndex={tabIndexValue}\n      className={twMerge(cardBase, variantClass, paddingClass, overflowClass, elevationClass, interactiveClass, className)}\n    >\n      {content}\n    </div>\n  );\n});\n\n/**\n * Section for placing the card title, subtitle or actions at the top of the card.\n */\nconst CardHeader: React.FC<CardSectionProps> = ({ className, dividers = true, ...rest }) => (\n  <div\n    {...rest}\n    className={twMerge(\n      'card-header mb-2 flex flex-col gap-1 pb-3',\n      dividers ? 'border-b border-gray-100 dark:border-slate-800' : undefined,\n      className\n    )}\n  />\n);\n\n/**\n * Primary content area of the card.\n */\nconst CardBody: React.FC<CardSectionProps> = ({ className, ...rest }) => (\n  <div {...rest} className={twMerge('card-body flex flex-col gap-3', className)} />\n);\n\n/**\n * Footer area for actions or supplemental information.\n */\nconst CardFooter: React.FC<CardSectionProps> = ({ className, dividers = true, ...rest }) => (\n  <div\n    {...rest}\n    className={twMerge(\n      'card-footer mt-3 flex flex-wrap items-center gap-3 pt-3',\n      dividers ? 'border-t border-gray-100 dark:border-slate-800' : undefined,\n      className\n    )}\n  />\n);\n\n/**\n * Stylized heading for the card.\n */\nconst CardTitle: React.FC<CardSectionProps> = ({ className, ...rest }) => (\n  <h3 {...rest} className={twMerge('card-title text-lg font-semibold text-gray-900 dark:text-slate-50', className)} />\n);\n\n/**\n * Subtitle text for secondary information under the title.\n */\nconst CardSubtitle: React.FC<CardSectionProps> = ({ className, ...rest }) => (\n  <p {...rest} className={twMerge('card-subtitle text-sm font-medium text-gray-600 dark:text-slate-300', className)} />\n);\n\n/**\n * Body text with default card typography.\n */\nconst CardText: React.FC<CardTextProps> = ({ className, ...rest }) => (\n  <p {...rest} className={twMerge('card-text text-sm text-gray-700 dark:text-slate-200', className)} />\n);\n\n/**\n * Media region for images, retaining card spacing and optional rounded corners.\n */\nconst CardMedia: React.FC<CardMediaProps> = ({ className, rounded = false, ...rest }) => (\n  <img\n    {...rest}\n    className={twMerge(\n      'card-media w-full object-cover',\n      rounded ? 'rounded-xl' : 'rounded-none',\n      rest.height || rest.style ? 'block' : 'block max-h-60',\n      className\n    )}\n    loading={rest.loading ?? 'lazy'}\n  />\n);\n\n/**\n * Container for action buttons inside the card.\n */\nconst CardActions: React.FC<CardSectionProps> = ({ className, ...rest }) => (\n  <div {...rest} className={twMerge('card-actions flex flex-wrap gap-2', className)} />\n);\n\nexport type { CardOverflow, CardProps, CardSectionProps, CardMediaProps, CardTextProps };\n\nconst Card = Object.assign(CardRoot, {\n  Header: CardHeader,\n  Body: CardBody,\n  Footer: CardFooter,\n  Title: CardTitle,\n  Subtitle: CardSubtitle,\n  Text: CardText,\n  Media: CardMedia,\n  Actions: CardActions\n});\n\nexport default Card;\n\nfunction applyDividers(children: ReactNode, dividers: boolean): ReactNode {\n  return Children.map(children, child => {\n    if (!isValidElement(child)) return child;\n\n    if (isDividerSection(child)) {\n      return cloneElement<CardSectionProps>(child, { dividers: child.props.dividers ?? dividers });\n    }\n\n    if (hasNestedChildren(child)) {\n      return cloneElement<{ children?: ReactNode }>(child, {\n        children: applyDividers(child.props.children, dividers)\n      });\n    }\n\n    return child;\n  });\n}\n\nfunction isDividerSection(element: ReactElement): element is ReactElement<CardSectionProps> {\n  return element.type === CardHeader || element.type === CardFooter;\n}\n\nfunction hasNestedChildren(element: ReactElement): element is ReactElement<{ children?: ReactNode }> {\n  const props = element.props as Record<string, unknown>;\n  return 'children' in props;\n}\n"]}

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

@@ -3,14 +3,27 @@ import { twMerge } from 'tailwind-merge';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var variantMap = {
-  solid: "bg-white text-gray-900 border border-gray-200 shadow-lg shadow-gray-200/60",
+  solid: "bg-white text-gray-900 border border-gray-200",
   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",
+  filled: "bg-slate-900 text-white",
   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"
+  rounded: "bg-white text-gray-900 border border-gray-200 rounded-3xl",
+  sharp: "bg-white text-gray-900 border border-gray-200 rounded-none"
+};
+var elevationClasses = {
+  0: "shadow-none",
+  1: "shadow-sm",
+  2: "shadow",
+  3: "shadow-md",
+  4: "shadow-lg",
+  5: "shadow-xl",
+  6: "shadow-2xl",
+  7: "shadow-2xl",
+  8: "shadow-2xl",
+  9: "shadow-2xl",
+  10: "shadow-2xl"
 };
 var cardRadiusMap = {
   solid: "rounded-2xl",
@@ -33,26 +46,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 +66,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,
@@ -95,6 +77,7 @@ var ProfileCard = ({
   badges,
   layout = "classic",
   variant = "solid",
+  elevation = 0,
   className,
   ...rest
 }) => {
@@ -104,6 +87,7 @@ var ProfileCard = ({
   const dark = isDarkVariant(variant);
   const muted = dark ? "text-white/70" : "text-gray-600";
   const accent = dark ? "text-white" : "text-gray-900";
+  const elevationClass = elevationClasses[elevation] ?? elevationClasses[0];
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
@@ -156,6 +140,7 @@ var ProfileCard = ({
         "profile-card relative overflow-hidden p-6 transition duration-200 hover:-translate-y-0.5 hover:shadow-xl",
         baseVariant,
         cardRadius,
+        elevationClass,
         className
       ),
       children: layoutMap[layout] ?? layoutMap.classic
@@ -166,5 +151,5 @@ ProfileCard.displayName = "ProfileCard";
 var ProfileCard_default = ProfileCard;
 
 export { ProfileCard_default };
-//# sourceMappingURL=chunk-NEYVJE67.js.map
-//# sourceMappingURL=chunk-NEYVJE67.js.map
+//# sourceMappingURL=chunk-YRY7DJK2.js.map
+//# sourceMappingURL=chunk-YRY7DJK2.js.map