@lindle/linoardo 1.0.35 → 1.0.36

package/dist/expansion-panel.d.ts

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

package/dist/{global.types-E2uVLemv.d.cts → global.types-DJiKqSJa.d.cts}

@@ -3,5 +3,6 @@ type GlobalVariant = 'solid' | 'outline' | 'text' | 'ghost' | 'filled' | 'underl
 type GlobalSize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
 type IconLibrary = 'mdi';
 type PropIcon = string | readonly [IconLibrary, string];
+type GlobalElevation = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
 
-export type { GlobalVariant as G, Palette as P, GlobalSize as a, PropIcon as b };
+export type { GlobalVariant as G, Palette as P, GlobalSize as a, GlobalElevation as b, PropIcon as c };

package/dist/{global.types-E2uVLemv.d.ts → global.types-DJiKqSJa.d.ts}

@@ -3,5 +3,6 @@ type GlobalVariant = 'solid' | 'outline' | 'text' | 'ghost' | 'filled' | 'underl
 type GlobalSize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
 type IconLibrary = 'mdi';
 type PropIcon = string | readonly [IconLibrary, string];
+type GlobalElevation = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
 
-export type { GlobalVariant as G, Palette as P, GlobalSize as a, PropIcon as b };
+export type { GlobalVariant as G, Palette as P, GlobalSize as a, GlobalElevation as b, PropIcon as c };

package/dist/hero.d.cts

@@ -1,4 +1,4 @@
-import { G as GlobalVariant } from './global.types-E2uVLemv.cjs';
+import { G as GlobalVariant } from './global.types-DJiKqSJa.cjs';
 import * as react from 'react';
 
 type HeroAction = {

package/dist/hero.d.ts

@@ -1,4 +1,4 @@
-import { G as GlobalVariant } from './global.types-E2uVLemv.js';
+import { G as GlobalVariant } from './global.types-DJiKqSJa.js';
 import * as react from 'react';
 
 type HeroAction = {

package/dist/icon.d.cts

@@ -1,4 +1,4 @@
-import { a as GlobalSize, P as Palette } from './global.types-E2uVLemv.cjs';
+import { a as GlobalSize, P as Palette } from './global.types-DJiKqSJa.cjs';
 
 type IconGroup = 'mdi';
 type IconSet = [IconGroup, string];

package/dist/icon.d.ts

@@ -1,4 +1,4 @@
-import { a as GlobalSize, P as Palette } from './global.types-E2uVLemv.js';
+import { a as GlobalSize, P as Palette } from './global.types-DJiKqSJa.js';
 
 type IconGroup = 'mdi';
 type IconSet = [IconGroup, string];

package/dist/{index-BzLTSsBv.d.ts → index-BoPiZNIB.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { G as GlobalVariant, P as Palette } from './global.types-E2uVLemv.js';
+import { G as GlobalVariant, P as Palette } from './global.types-DJiKqSJa.js';
 
 type ListVariant = GlobalVariant;
 type ListDensity = 'default' | 'comfortable' | 'compact';

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

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { G as GlobalVariant, P as Palette } from './global.types-E2uVLemv.cjs';
+import { G as GlobalVariant, P as Palette } from './global.types-DJiKqSJa.cjs';
 
 type ListVariant = GlobalVariant;
 type ListDensity = 'default' | 'comfortable' | 'compact';

package/dist/index.cjs

@@ -1586,28 +1586,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"
-};
-var CardRoot = React4.forwardRef(function Card({
-  className,
-  children,
-  variant = "solid",
-  padding = "md",
-  overflow = "hidden",
-  interactive = false,
-  dividers = true,
-  ...rest
-}, ref) {
+  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 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 = React4.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);
@@ -1617,14 +1622,7 @@ var CardRoot = React4.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
     }
   );
@@ -1652,33 +1650,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",
   {
@@ -2120,14 +2094,27 @@ var Hero = ({
 Hero.displayName = "Hero";
 var Hero_default = Hero;
 var variantMap = {
-  solid: "bg-white text-gray-900 border border-gray-200 shadow-lg shadow-gray-200/60",
+  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 elevationClasses2 = {
+  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",
@@ -2181,6 +2168,7 @@ var ProfileCard = ({
   badges,
   layout = "classic",
   variant = "solid",
+  elevation = 0,
   className,
   ...rest
 }) => {
@@ -2190,6 +2178,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 = elevationClasses2[elevation] ?? elevationClasses2[0];
   const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
@@ -2242,6 +2231,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