@lindle/linoardo 1.0.20 → 1.0.21

package/dist/index.d.cts

@@ -7,8 +7,8 @@ export { default as Dialog, DialogProps } from './dialog.cjs';
 export { default as ToolTip, ToolTipPlacement, ToolTipProps } from './tooltip.cjs';
 export { default as Card, CardMediaProps, CardProps, CardSectionProps, CardTextProps } from './card.cjs';
 export { default as Masonry, MasonryProps, MasonryRenderItem } from './masonry.cjs';
-import { G as GlobalVariant } from './global.types-E2uVLemv.cjs';
-import * as react from 'react';
+export { default as Hero, HeroProps } from './hero.cjs';
+export { Avatar, Badge, default as ProfileCard, ProfileCardLayout, ProfileCardProps, SocialLink } from './profileCard.cjs';
 export { default as Input } from './input.cjs';
 export { default as Select, SelectOption, SelectOptionObject, SelectProps } from './select.cjs';
 export { default as Slider } from './slider.cjs';
@@ -16,61 +16,6 @@ export { default as Switch } from './switch.cjs';
 export { default as Icon } from './icon.cjs';
 export { e as ExpansionPanelDensity, E as ExpansionPanelItem, a as ExpansionPanelItemProps, b as ExpansionPanelProps, f as ExpansionPanelRounded, c as ExpansionPanelValue, d as ExpansionPanelVariant } from './ExpansionPanelItem-Bd6ZWGkR.cjs';
 export { c as ListDensity, L as ListItem, a as ListItemProps, d as ListLines, e as ListRounded, b as ListVariant } from './index-B5n8tN2G.cjs';
+import 'react';
+import './global.types-E2uVLemv.cjs';
 import './types-BCqIOkp1.cjs';
-
-type HeroAction = {
-    label: string;
-    href?: string;
-    variant?: 'primary' | 'secondary';
-    onClick?: react.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
-};
-type HeroStat = {
-    value: string;
-    label: string;
-};
-type HeroLogo = {
-    src: string;
-    alt?: string;
-};
-type HeroImage = {
-    src: string;
-    alt?: string;
-};
-type HeroProps = react.HTMLAttributes<HTMLElement> & {
-    title: react.ReactNode;
-    description?: react.ReactNode;
-    eyebrow?: string;
-    actions?: HeroAction[];
-    stats?: HeroStat[];
-    logos?: HeroLogo[];
-    image?: HeroImage;
-    variant?: GlobalVariant;
-};
-declare const Hero: react.FC<HeroProps>;
-
-type SocialLink = {
-    icon: string;
-    href: string;
-    label?: string;
-};
-type Badge = {
-    label: string;
-};
-type Avatar = {
-    src: string;
-    alt?: string;
-};
-type ProfileCardLayout = 'classic' | 'split' | 'spotlight';
-type ProfileCardProps = react.HTMLAttributes<HTMLElement> & {
-    name: string;
-    role?: string;
-    description?: react.ReactNode;
-    avatar: Avatar;
-    socials?: SocialLink[];
-    badges?: Badge[];
-    layout?: ProfileCardLayout;
-    variant?: GlobalVariant;
-};
-declare const ProfileCard: react.FC<ProfileCardProps>;
-
-export { Hero, type HeroProps, ProfileCard, type ProfileCardLayout, type ProfileCardProps };

package/dist/index.d.ts

@@ -7,8 +7,8 @@ export { default as Dialog, DialogProps } from './dialog.js';
 export { default as ToolTip, ToolTipPlacement, ToolTipProps } from './tooltip.js';
 export { default as Card, CardMediaProps, CardProps, CardSectionProps, CardTextProps } from './card.js';
 export { default as Masonry, MasonryProps, MasonryRenderItem } from './masonry.js';
-import { G as GlobalVariant } from './global.types-E2uVLemv.js';
-import * as react from 'react';
+export { default as Hero, HeroProps } from './hero.js';
+export { Avatar, Badge, default as ProfileCard, ProfileCardLayout, ProfileCardProps, SocialLink } from './profileCard.js';
 export { default as Input } from './input.js';
 export { default as Select, SelectOption, SelectOptionObject, SelectProps } from './select.js';
 export { default as Slider } from './slider.js';
@@ -16,61 +16,6 @@ export { default as Switch } from './switch.js';
 export { default as Icon } from './icon.js';
 export { e as ExpansionPanelDensity, E as ExpansionPanelItem, a as ExpansionPanelItemProps, b as ExpansionPanelProps, f as ExpansionPanelRounded, c as ExpansionPanelValue, d as ExpansionPanelVariant } from './ExpansionPanelItem-DOjgDeB6.js';
 export { c as ListDensity, L as ListItem, a as ListItemProps, d as ListLines, e as ListRounded, b as ListVariant } from './index-D4-O-oJt.js';
+import 'react';
+import './global.types-E2uVLemv.js';
 import './types-ChXN4u7x.js';
-
-type HeroAction = {
-    label: string;
-    href?: string;
-    variant?: 'primary' | 'secondary';
-    onClick?: react.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
-};
-type HeroStat = {
-    value: string;
-    label: string;
-};
-type HeroLogo = {
-    src: string;
-    alt?: string;
-};
-type HeroImage = {
-    src: string;
-    alt?: string;
-};
-type HeroProps = react.HTMLAttributes<HTMLElement> & {
-    title: react.ReactNode;
-    description?: react.ReactNode;
-    eyebrow?: string;
-    actions?: HeroAction[];
-    stats?: HeroStat[];
-    logos?: HeroLogo[];
-    image?: HeroImage;
-    variant?: GlobalVariant;
-};
-declare const Hero: react.FC<HeroProps>;
-
-type SocialLink = {
-    icon: string;
-    href: string;
-    label?: string;
-};
-type Badge = {
-    label: string;
-};
-type Avatar = {
-    src: string;
-    alt?: string;
-};
-type ProfileCardLayout = 'classic' | 'split' | 'spotlight';
-type ProfileCardProps = react.HTMLAttributes<HTMLElement> & {
-    name: string;
-    role?: string;
-    description?: react.ReactNode;
-    avatar: Avatar;
-    socials?: SocialLink[];
-    badges?: Badge[];
-    layout?: ProfileCardLayout;
-    variant?: GlobalVariant;
-};
-declare const ProfileCard: react.FC<ProfileCardProps>;
-
-export { Hero, type HeroProps, ProfileCard, type ProfileCardLayout, type ProfileCardProps };

package/dist/index.js

@@ -1,300 +1,21 @@
 export { Icon_default as Icon } from './chunk-HEXJCQRO.js';
+export { Hero_default as Hero } from './chunk-VPF7M2PB.js';
+export { ProfileCard_default as ProfileCard } from './chunk-QRBJFDV5.js';
 export { Dialog_default as Dialog } from './chunk-LIEBZOLG.js';
 export { ToolTip_default as ToolTip } from './chunk-U2AL7XFY.js';
-export { Card_default as Card } from './chunk-B5FW33K3.js';
+export { Card_default as Card } from './chunk-2UL3S6KC.js';
 export { Masonry_default as Masonry } from './chunk-HAXGOTZO.js';
-export { Input_default as Input } from './chunk-MFLH36XK.js';
+export { Input_default as Input } from './chunk-JGEXEDKS.js';
 export { Slider_default as Slider } from './chunk-GMDNSU26.js';
 export { Switch_default as Switch } from './chunk-5LWU5T2C.js';
-export { Select_default as Select } from './chunk-36T6I3XH.js';
-export { Button_default as Button } from './chunk-SZU6OYLS.js';
-export { Chip_default as Chip } from './chunk-5PBPURGP.js';
+export { Select_default as Select } from './chunk-SAGQYMS3.js';
+export { Button_default as Button } from './chunk-RFPNVLAD.js';
+export { Chip_default as Chip } from './chunk-DSZ3EOQB.js';
 import './chunk-IEILIKS2.js';
 export { List_default as List } from './chunk-AK7LFJI4.js';
 export { Item_default as ListItem } from './chunk-5WQW6YSJ.js';
 export { Menu_default as Menu } from './chunk-T37VPLS4.js';
 export { ExpansionPanel_default as ExpansionPanel } from './chunk-LYP7V32H.js';
 export { ExpansionPanelItem_default as ExpansionPanelItem } from './chunk-KRYWWWXR.js';
-import { twMerge } from 'tailwind-merge';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var containerVariants = {
-  solid: "bg-gradient-to-br from-primary via-primary/90 to-indigo-600 text-white shadow-2xl shadow-primary/30",
-  outline: "border border-gray-200 bg-white text-gray-900",
-  text: "bg-transparent text-gray-900",
-  ghost: "bg-primary/5 text-gray-900 border border-primary/10",
-  filled: "bg-slate-900 text-white shadow-2xl shadow-slate-900/40",
-  underlined: "border-b-4 border-primary/70 bg-white text-gray-900",
-  rounded: "rounded-3xl border border-gray-100 bg-white text-gray-900 shadow-xl",
-  sharp: "rounded-none border border-gray-200 bg-white text-gray-900 shadow"
-};
-var frameRadii = {
-  solid: "rounded-3xl",
-  outline: "rounded-2xl",
-  text: "rounded-2xl",
-  ghost: "rounded-2xl",
-  filled: "rounded-3xl",
-  underlined: "rounded-2xl",
-  rounded: "rounded-3xl",
-  sharp: "rounded-none"
-};
-var badgeVariants = {
-  solid: "bg-white/10 text-white border border-white/20",
-  outline: "bg-primary/10 text-primary border border-primary/20",
-  text: "bg-primary/10 text-primary border border-primary/20",
-  ghost: "bg-primary/15 text-primary border border-primary/25",
-  filled: "bg-white/10 text-white border border-white/20",
-  underlined: "bg-primary/10 text-primary border border-primary/20",
-  rounded: "bg-primary/10 text-primary border border-primary/20",
-  sharp: "bg-primary/10 text-primary border border-primary/20"
-};
-var Hero = ({
-  title,
-  description,
-  eyebrow,
-  actions = [],
-  stats = [],
-  logos = [],
-  image,
-  variant = "solid",
-  className,
-  ...rest
-}) => {
-  const containerClass = twMerge(
-    "hero-block relative isolate overflow-hidden",
-    containerVariants[variant] ?? containerVariants.solid,
-    className
-  );
-  const badgeClass = twMerge(
-    "inline-flex items-center gap-2 rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-wide",
-    badgeVariants[variant] ?? badgeVariants.solid
-  );
-  const isDark = variant === "solid" || variant === "filled";
-  const subdued = isDark ? "text-white/80" : "text-gray-600";
-  const statMuted = isDark ? "text-white/70" : "text-gray-500";
-  const actionPrimary = isDark ? "bg-white text-gray-900 hover:bg-white/90 focus-visible:outline-white/70" : "bg-primary text-white hover:bg-primary/90 focus-visible:outline-primary/50";
-  const actionSecondary = isDark ? "border border-white/40 text-white hover:bg-white/10 focus-visible:outline-white/60" : "border border-gray-300 text-gray-900 hover:border-primary/60 hover:text-primary focus-visible:outline-primary/50";
-  const frameRadius = frameRadii[variant] ?? "rounded-2xl";
-  const frameDecoration = isDark ? "border-white/10 bg-white/10 shadow-2xl shadow-black/20" : "border-gray-200 bg-white shadow-2xl shadow-gray-200/60";
-  const renderAction = (action, index) => {
-    const { href, label, onClick, variant: actionVariant = "primary" } = action;
-    const Component = href ? "a" : "button";
-    const resolvedClass = actionVariant === "secondary" ? twMerge("bg-white/70", actionSecondary) : twMerge("shadow-lg shadow-primary/25", actionPrimary);
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        href,
-        onClick,
-        className: twMerge(
-          "inline-flex items-center gap-2 rounded-xl px-4 py-3 text-sm font-semibold transition focus-visible:outline  focus-visible:outline-offset-2",
-          resolvedClass
-        ),
-        children: label
-      },
-      `${label}-${index}`
-    );
-  };
-  return /* @__PURE__ */ jsxs("section", { ...rest, className: containerClass, children: [
-    /* @__PURE__ */ jsxs("div", { className: "pointer-events-none absolute inset-0 overflow-hidden", children: [
-      /* @__PURE__ */ jsx("div", { className: "absolute left-24 top-10 h-64 w-64 rounded-full bg-primary/15 blur-3xl" }),
-      /* @__PURE__ */ jsx("div", { className: "absolute -right-16 -bottom-10 h-80 w-80 rounded-full bg-primary/20 blur-3xl" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-6xl flex-col gap-12 px-6 py-16 lg:px-10 lg:py-24", children: [
-      /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-          eyebrow && /* @__PURE__ */ jsx("span", { className: badgeClass, children: eyebrow }),
-          /* @__PURE__ */ jsx(
-            "h1",
-            {
-              className: twMerge(
-                "text-4xl font-semibold leading-tight sm:text-5xl",
-                isDark ? "text-white" : "text-gray-900"
-              ),
-              children: title
-            }
-          ),
-          description && /* @__PURE__ */ jsx("p", { className: twMerge("text-lg leading-relaxed", subdued), children: description }),
-          actions.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-3", children: actions.map(renderAction) }),
-          stats.length > 0 && /* @__PURE__ */ jsx("dl", { className: "grid gap-6 sm:grid-cols-3", children: stats.map((stat) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsx("dd", { className: twMerge("text-3xl font-semibold", isDark ? "text-white" : "text-gray-900"), children: stat.value }),
-            /* @__PURE__ */ jsx("dt", { className: twMerge("text-sm font-medium", statMuted), children: stat.label })
-          ] }, stat.label)) })
-        ] }),
-        image && /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs("div", { className: twMerge("relative overflow-hidden backdrop-blur", frameDecoration, frameRadius), children: [
-          /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: image.src,
-              alt: image.alt ?? "",
-              className: twMerge("h-full w-full object-cover", frameRadius),
-              loading: "lazy"
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 bg-linear-to-t from-black/30 via-transparent to-transparent" })
-        ] }) })
-      ] }),
-      logos.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-6 lg:items-center lg:gap-10", children: [
-        /* @__PURE__ */ jsx("span", { className: twMerge("text-sm font-semibold tracking-wide", subdued), children: "Duveruji nam" }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-4 opacity-80", children: logos.map((logo) => /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: logo.src,
-            alt: logo.alt ?? "",
-            className: "h-8 w-auto grayscale transition hover:grayscale-0",
-            loading: "lazy"
-          },
-          logo.src
-        )) })
-      ] })
-    ] })
-  ] });
-};
-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",
-  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",
-  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"
-};
-var radiusMap = {
-  solid: "rounded-2xl",
-  outline: "rounded-2xl",
-  text: "rounded-2xl",
-  ghost: "rounded-2xl",
-  filled: "rounded-3xl",
-  underlined: "rounded-2xl",
-  rounded: "rounded-3xl",
-  sharp: "rounded-none"
-};
-var isDarkVariant = (variant) => variant === "filled";
-var SocialIcons = ({ socials = [], dark }) => {
-  if (socials.length === 0) return null;
-  const iconBase = 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) => /* @__PURE__ */ jsx("a", { href: link.href, "aria-label": link.label ?? link.icon, className: iconBase, children: /* @__PURE__ */ jsx("i", { className: twMerge("mdi", link.icon), "aria-hidden": true }) }, link.href)) });
-};
-var Badges = ({ badges = [], dark }) => {
-  if (badges.length === 0) return null;
-  const badgeBase = twMerge(
-    "inline-flex items-center rounded-full px-3 py-1 mb-2 text-xs font-semibold",
-    dark ? "bg-white/10 text-white border border-white/20" : "bg-primary/10 text-primary border border-primary/15"
-  );
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: badges.map((badge) => /* @__PURE__ */ jsx("span", { className: badgeBase, children: badge.label }, badge.label)) });
-};
-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-gradient-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,
-  role,
-  description,
-  avatar,
-  socials,
-  badges,
-  layout = "classic",
-  variant = "solid",
-  className,
-  ...rest
-}) => {
-  const baseVariant = variantMap[variant] ?? variantMap.solid;
-  const radius = radiusMap[variant] ?? "rounded-2xl";
-  const dark = isDarkVariant(variant);
-  const muted = dark ? "text-white/70" : "text-gray-600";
-  const accent = dark ? "text-white" : "text-gray-900";
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx(AvatarFrame, { avatar, radius }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h3", { className: twMerge("text-xl font-semibold", accent), children: name }),
-          role && /* @__PURE__ */ jsx("p", { className: twMerge("text-sm font-medium", muted), children: role })
-        ] })
-      ] }),
-      description && /* @__PURE__ */ jsx("p", { className: twMerge("text-sm leading-relaxed", muted), children: description }),
-      /* @__PURE__ */ jsx(Badges, { badges, dark })
-    ] }),
-    /* @__PURE__ */ jsx(SocialIcons, { socials, dark })
-  ] });
-  const spotlightContent = /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden", children: [
-    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-primary/10 via-transparent to-primary/20 blur-3xl" }),
-    /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col gap-6 md:flex-row md:items-center", children: [
-      /* @__PURE__ */ jsx(AvatarFrame, { avatar, size: "lg", ring: true, radius }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx("h3", { className: twMerge("text-2xl font-semibold", accent), children: name }),
-        role && /* @__PURE__ */ jsx("p", { className: twMerge("text-sm font-medium uppercase tracking-wide", muted), children: role }),
-        description && /* @__PURE__ */ jsx("p", { className: twMerge("text-sm leading-relaxed", muted), children: description }),
-        /* @__PURE__ */ jsx(Badges, { badges, dark }),
-        /* @__PURE__ */ jsx(SocialIcons, { socials, dark })
-      ] })
-    ] })
-  ] });
-  const splitContent = /* @__PURE__ */ jsxs("div", { className: "grid gap-6 md:grid-cols-[auto,1fr] md:items-center", children: [
-    /* @__PURE__ */ jsx(AvatarFrame, { avatar, size: "lg", ring: true, radius }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h3", { className: twMerge("text-2xl font-semibold", accent), children: name }),
-        role && /* @__PURE__ */ jsx("p", { className: twMerge("text-sm font-medium", muted), children: role })
-      ] }),
-      description && /* @__PURE__ */ jsx("p", { className: twMerge("text-sm leading-relaxed", muted), children: description }),
-      /* @__PURE__ */ jsx(Badges, { badges, dark }),
-      /* @__PURE__ */ jsx(SocialIcons, { socials, dark })
-    ] })
-  ] });
-  const layoutMap = {
-    classic: content,
-    split: splitContent,
-    spotlight: spotlightContent
-  };
-  return /* @__PURE__ */ jsx(
-    "article",
-    {
-      ...rest,
-      className: twMerge(
-        "profile-card relative overflow-hidden p-6 transition duration-200 hover:-translate-y-0.5 hover:shadow-xl",
-        baseVariant,
-        radius,
-        className
-      ),
-      children: layoutMap[layout] ?? layoutMap.classic
-    }
-  );
-};
-ProfileCard.displayName = "ProfileCard";
-var ProfileCard_default = ProfileCard;
-
-export { Hero_default as Hero, ProfileCard_default as ProfileCard };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Blocks/Hero/index.tsx","../src/Blocks/ProfileCard/index.tsx"],"names":["twMerge","jsx","jsxs"],"mappings":"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","file":"index.js","sourcesContent":["import type { GlobalVariant } from '@lindle/linoardo/global.types';\nimport * as React from 'react';\nimport { twMerge } from 'tailwind-merge';\n\ntype HeroAction = {\n  label: string;\n  href?: string;\n  variant?: 'primary' | 'secondary';\n  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;\n};\n\ntype HeroStat = {\n  value: string;\n  label: string;\n};\n\ntype HeroLogo = {\n  src: string;\n  alt?: string;\n};\n\ntype HeroImage = {\n  src: string;\n  alt?: string;\n};\n\nexport type HeroProps = React.HTMLAttributes<HTMLElement> & {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  eyebrow?: string;\n  actions?: HeroAction[];\n  stats?: HeroStat[];\n  logos?: HeroLogo[];\n  image?: HeroImage;\n  variant?: GlobalVariant;\n};\n\nconst containerVariants: Record<GlobalVariant, string> = {\n  solid: 'bg-gradient-to-br from-primary via-primary/90 to-indigo-600 text-white shadow-2xl shadow-primary/30',\n  outline: 'border border-gray-200 bg-white text-gray-900',\n  text: 'bg-transparent text-gray-900',\n  ghost: 'bg-primary/5 text-gray-900 border border-primary/10',\n  filled: 'bg-slate-900 text-white shadow-2xl shadow-slate-900/40',\n  underlined: 'border-b-4 border-primary/70 bg-white text-gray-900',\n  rounded: 'rounded-3xl border border-gray-100 bg-white text-gray-900 shadow-xl',\n  sharp: 'rounded-none border border-gray-200 bg-white text-gray-900 shadow'\n};\n\nconst frameRadii: Record<GlobalVariant, string> = {\n  solid: 'rounded-3xl',\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 badgeVariants: Record<GlobalVariant, string> = {\n  solid: 'bg-white/10 text-white border border-white/20',\n  outline: 'bg-primary/10 text-primary border border-primary/20',\n  text: 'bg-primary/10 text-primary border border-primary/20',\n  ghost: 'bg-primary/15 text-primary border border-primary/25',\n  filled: 'bg-white/10 text-white border border-white/20',\n  underlined: 'bg-primary/10 text-primary border border-primary/20',\n  rounded: 'bg-primary/10 text-primary border border-primary/20',\n  sharp: 'bg-primary/10 text-primary border border-primary/20'\n};\n\nconst Hero: React.FC<HeroProps> = ({\n  title,\n  description,\n  eyebrow,\n  actions = [],\n  stats = [],\n  logos = [],\n  image,\n  variant = 'solid',\n  className,\n  ...rest\n}) => {\n  const containerClass = twMerge(\n    'hero-block relative isolate overflow-hidden',\n    containerVariants[variant] ?? containerVariants.solid,\n    className\n  );\n  const badgeClass = twMerge(\n    'inline-flex items-center gap-2 rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-wide',\n    badgeVariants[variant] ?? badgeVariants.solid\n  );\n  const isDark = variant === 'solid' || variant === 'filled';\n  const subdued = isDark ? 'text-white/80' : 'text-gray-600';\n  const statMuted = isDark ? 'text-white/70' : 'text-gray-500';\n  const actionPrimary = isDark\n    ? 'bg-white text-gray-900 hover:bg-white/90 focus-visible:outline-white/70'\n    : 'bg-primary text-white hover:bg-primary/90 focus-visible:outline-primary/50';\n  const actionSecondary = isDark\n    ? 'border border-white/40 text-white hover:bg-white/10 focus-visible:outline-white/60'\n    : 'border border-gray-300 text-gray-900 hover:border-primary/60 hover:text-primary focus-visible:outline-primary/50';\n  const frameRadius = frameRadii[variant] ?? 'rounded-2xl';\n  const frameDecoration = isDark\n    ? 'border-white/10 bg-white/10 shadow-2xl shadow-black/20'\n    : 'border-gray-200 bg-white shadow-2xl shadow-gray-200/60';\n\n  const renderAction = (action: HeroAction, index: number) => {\n    const { href, label, onClick, variant: actionVariant = 'primary' } = action;\n    const Component = href ? 'a' : 'button';\n    const resolvedClass =\n      actionVariant === 'secondary'\n        ? twMerge('bg-white/70', actionSecondary)\n        : twMerge('shadow-lg shadow-primary/25', actionPrimary);\n\n    return (\n      <Component\n        key={`${label}-${index}`}\n        href={href}\n        onClick={onClick as never}\n        className={twMerge(\n          'inline-flex items-center gap-2 rounded-xl px-4 py-3 text-sm font-semibold transition focus-visible:outline  focus-visible:outline-offset-2',\n          resolvedClass\n        )}\n      >\n        {label}\n      </Component>\n    );\n  };\n\n  return (\n    <section {...rest} className={containerClass}>\n      <div className='pointer-events-none absolute inset-0 overflow-hidden'>\n        <div className='absolute left-24 top-10 h-64 w-64 rounded-full bg-primary/15 blur-3xl' />\n        <div className='absolute -right-16 -bottom-10 h-80 w-80 rounded-full bg-primary/20 blur-3xl' />\n      </div>\n      <div className='mx-auto flex max-w-6xl flex-col gap-12 px-6 py-16 lg:px-10 lg:py-24'>\n        <div className='grid items-center gap-12 lg:grid-cols-2'>\n          <div className='space-y-6'>\n            {eyebrow && <span className={badgeClass}>{eyebrow}</span>}\n            <h1\n              className={twMerge(\n                'text-4xl font-semibold leading-tight sm:text-5xl',\n                isDark ? 'text-white' : 'text-gray-900'\n              )}\n            >\n              {title}\n            </h1>\n            {description && <p className={twMerge('text-lg leading-relaxed', subdued)}>{description}</p>}\n            {actions.length > 0 && <div className='flex flex-wrap gap-3'>{actions.map(renderAction)}</div>}\n            {stats.length > 0 && (\n              <dl className='grid gap-6 sm:grid-cols-3'>\n                {stats.map(stat => (\n                  <div key={stat.label} className='space-y-1'>\n                    <dd className={twMerge('text-3xl font-semibold', isDark ? 'text-white' : 'text-gray-900')}>\n                      {stat.value}\n                    </dd>\n                    <dt className={twMerge('text-sm font-medium', statMuted)}>{stat.label}</dt>\n                  </div>\n                ))}\n              </dl>\n            )}\n          </div>\n          {image && (\n            <div className='relative'>\n              <div className={twMerge('relative overflow-hidden backdrop-blur', frameDecoration, frameRadius)}>\n                <img\n                  src={image.src}\n                  alt={image.alt ?? ''}\n                  className={twMerge('h-full w-full object-cover', frameRadius)}\n                  loading='lazy'\n                />\n                <div className='pointer-events-none absolute inset-0 bg-linear-to-t from-black/30 via-transparent to-transparent' />\n              </div>\n            </div>\n          )}\n        </div>\n        {logos.length > 0 && (\n          <div className='flex flex-wrap items-center gap-6 lg:items-center lg:gap-10'>\n            <span className={twMerge('text-sm font-semibold tracking-wide', subdued)}>Duveruji nam</span>\n            <div className='flex flex-wrap items-center gap-4 opacity-80'>\n              {logos.map(logo => (\n                <img\n                  key={logo.src}\n                  src={logo.src}\n                  alt={logo.alt ?? ''}\n                  className='h-8 w-auto grayscale transition hover:grayscale-0'\n                  loading='lazy'\n                />\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n    </section>\n  );\n};\n\nHero.displayName = 'Hero';\n\nexport default Hero;\n","import type { GlobalVariant } from '@lindle/linoardo/global.types';\nimport * as React from 'react';\nimport { twMerge } from 'tailwind-merge';\n\ntype SocialLink = {\n  icon: string;\n  href: string;\n  label?: string;\n};\n\ntype Badge = {\n  label: string;\n};\n\ntype 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[];\n  badges?: Badge[];\n  layout?: ProfileCardLayout;\n  variant?: GlobalVariant;\n};\n\nconst variantMap: Record<GlobalVariant, string> = {\n  solid: 'bg-white text-gray-900 border border-gray-200 shadow-lg shadow-gray-200/60',\n  outline: 'bg-white text-gray-900 border border-gray-300',\n  text: 'bg-transparent text-gray-900',\n  ghost: 'bg-slate-50 text-gray-900 border border-slate-100',\n  filled: 'bg-slate-900 text-white shadow-2xl shadow-slate-900/30',\n  underlined: 'bg-white text-gray-900 border-b-4 border-primary/70',\n  rounded: 'bg-white text-gray-900 border border-gray-200 rounded-3xl shadow-md',\n  sharp: 'bg-white text-gray-900 border border-gray-200 rounded-none shadow'\n};\n\nconst radiusMap: 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[]; dark?: boolean }> = ({ socials = [], dark }) => {\n  if (socials.length === 0) return null;\n\n  const iconBase = twMerge(\n    'flex h-10 w-10 items-center justify-center rounded-full border text-lg transition',\n    dark\n      ? 'border-white/30 text-white hover:bg-white/10'\n      : 'border-gray-200 text-gray-600 hover:border-primary/50 hover:text-primary'\n  );\n\n  return (\n    <div className='flex flex-wrap gap-2'>\n      {socials.map(link => (\n        <a key={link.href} href={link.href} aria-label={link.label ?? link.icon} className={iconBase}>\n          <i className={twMerge('mdi', link.icon)} aria-hidden />\n        </a>\n      ))}\n    </div>\n  );\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<{ avatar: Avatar; size?: 'md' | 'lg'; ring?: boolean; radius: string }> = ({\n  avatar,\n  size = 'md',\n  ring,\n  radius\n}) => {\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\n      className={twMerge(\n        'overflow-hidden bg-gradient-to-br from-primary/10 to-primary/30',\n        radius,\n        dimension,\n        ringClass\n      )}\n    >\n      <img\n        src={avatar.src}\n        alt={avatar.alt ?? ''}\n        className={twMerge('h-full w-full object-cover', radius)}\n        loading='lazy'\n      />\n    </div>\n  );\n};\n\nconst ProfileCard: React.FC<ProfileCardProps> = ({\n  name,\n  role,\n  description,\n  avatar,\n  socials,\n  badges,\n  layout = 'classic',\n  variant = 'solid',\n  className,\n  ...rest\n}) => {\n  const baseVariant = variantMap[variant] ?? variantMap.solid;\n  const radius = radiusMap[variant] ?? 'rounded-2xl';\n  const dark = isDarkVariant(variant);\n  const muted = dark ? 'text-white/70' : 'text-gray-600';\n  const accent = dark ? 'text-white' : 'text-gray-900';\n\n  const content = (\n    <>\n      <div className='space-y-2'>\n        <div className='flex items-center gap-3'>\n          <AvatarFrame avatar={avatar} radius={radius} />\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-gradient-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={radius} />\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={radius} />\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        radius,\n        className\n      )}\n    >\n      {layoutMap[layout] ?? layoutMap.classic}\n    </article>\n  );\n};\n\nProfileCard.displayName = 'ProfileCard';\n\nexport default ProfileCard;\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/input.cjs

@@ -63,7 +63,7 @@ var Input = ({
   const variantClasses = {
     solid: "rounded border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40",
     sharp: "rounded-none border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40",
-    outline: "rounded border border-gray-300 bg-transparent focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-transparent dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40",
+    outline: "rounded border-2 border-black bg-white focus-visible:border-black focus-visible:ring-2 focus-visible:ring-black/30 dark:border-black dark:bg-transparent dark:focus-visible:border-black dark:focus-visible:ring-black/40",
     text: "rounded-none border-0 border-b border-transparent px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70",
     ghost: "rounded border border-transparent bg-gray-50 text-gray-900 focus-visible:bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/15 dark:bg-slate-800 dark:text-gray-100 dark:focus-visible:bg-slate-700 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/25",
     filled: "rounded border border-gray-200 bg-gray-100 focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25 dark:border-gray-700 dark:bg-slate-800 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/30",

package/dist/input.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/globals.ts","../src/Form/Input/states.input.ts","../src/Form/Input/index.tsx"],"names":["normalizedName","React","twMerge","jsxs","jsx"],"mappings":"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","file":"input.cjs","sourcesContent":["export const iconBaseClasses = {\n  mdi: ['mdi']\n} as const;\n","import { iconBaseClasses } from '@lindle/linoardo/globals';\nimport { InputProp } from './types';\n\nexport const resolveIconClassName = (icon?: InputProp['icon']) => {\n  if (!icon) {\n    return undefined;\n  }\n\n  if (typeof icon === 'string') {\n    const trimmed = icon.trim();\n    if (!trimmed) {\n      return undefined;\n    }\n\n    if (trimmed.includes(' ')) {\n      return trimmed;\n    }\n\n    const normalizedName = trimmed.startsWith('mdi-') ? trimmed : `mdi-${trimmed}`;\n    return ['mdi', normalizedName].join(' ');\n  }\n\n  const [library, iconNameRaw] = icon;\n  const baseClasses = iconBaseClasses[library] ?? [library];\n  const iconName = iconNameRaw.trim();\n  if (!iconName) {\n    return baseClasses.join(' ');\n  }\n  const normalizedName = iconName.startsWith('mdi-') ? iconName : `mdi-${iconName}`;\n  const classes = [...baseClasses, normalizedName];\n  return Array.from(new Set(classes)).join(' ');\n};\n","import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { InputProp, InputVariant, InputSize } from './types';\nimport { resolveIconClassName } from './states.input';\n\n/**\n * Text input with multiple visual variants and inline status or icon adornments.\n * Label is purely CSS-driven (peer + placeholder-shown + focus), no hooks used.\n */\nconst Input: React.FC<InputProp> = ({\n  variant = 'outline',\n  size = 'medium',\n  success,\n  error,\n  warn,\n  icon,\n  className,\n  wrapperClassName,\n  label,\n  ...props\n}) => {\n  const { placeholder, onFocus, onBlur, ...inputProps } = props;\n  const reactId = React.useId();\n  const hasLabel = Boolean(label);\n  const hasProvidedPlaceholder = typeof placeholder === 'string' && placeholder.trim().length > 0;\n  const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder;\n  const [isFocused, setIsFocused] = React.useState(false);\n  const classBase =\n    'input-base focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed w-full text-gray-900 dark:text-gray-100 placeholder:text-gray-500 dark:placeholder:text-gray-400';\n  const variantClasses = {\n    solid:\n      'rounded border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40',\n    sharp:\n      'rounded-none border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40',\n    outline:\n      'rounded border border-gray-300 bg-transparent focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-transparent dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40',\n    text: 'rounded-none border-0 border-b border-transparent px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70',\n    ghost:\n      'rounded border border-transparent bg-gray-50 text-gray-900 focus-visible:bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/15 dark:bg-slate-800 dark:text-gray-100 dark:focus-visible:bg-slate-700 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/25',\n    filled:\n      'rounded border border-gray-200 bg-gray-100 focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25 dark:border-gray-700 dark:bg-slate-800 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/30',\n    underlined:\n      'rounded-none border-0 border-b border-gray-300 px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70',\n    rounded:\n      'rounded-full px-4 border border-gray-300 bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/20 shadow-sm dark:border-gray-600 dark:bg-slate-900 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/30 dark:shadow-black/20'\n  } satisfies Record<InputVariant, string>;\n  const sizeClasses = {\n    'x-small': { paddingNoIcon: 'px-2 py-2', paddingWithIcon: 'pl-8 pr-2 py-2', text: 'text-xs' },\n    small: {\n      paddingNoIcon: 'px-2.5 py-2.5',\n      paddingWithIcon: 'pl-9 pr-2.5 py-2.5',\n      text: 'text-sm'\n    },\n    medium: { paddingNoIcon: 'px-3 py-3', paddingWithIcon: 'pl-10 pr-3 py-3', text: 'text-base' },\n    large: {\n      paddingNoIcon: 'px-3.5 py-3.5',\n      paddingWithIcon: 'pl-11 pr-3.5 py-3.5',\n      text: 'text-lg'\n    },\n    'x-large': { paddingNoIcon: 'px-4 py-4', paddingWithIcon: 'pl-12 pr-4 py-4', text: 'text-xl' }\n  } satisfies Record<InputSize, { paddingNoIcon: string; paddingWithIcon: string; text: string }>;\n\n  const status = error\n    ? { tone: 'error' as const, message: error }\n    : warn\n    ? { tone: 'warn' as const, message: warn }\n    : success\n    ? { tone: 'success' as const, message: success }\n    : undefined;\n\n  const statusClasses = {\n    error: 'border-red-500 focus:border-red-500 focus:ring-red-400',\n    warn: 'border-amber-500 focus:border-amber-500 focus:ring-amber-400',\n    success: 'border-emerald-500 focus:border-emerald-500 focus:ring-emerald-400'\n  } as const;\n\n  const statusMessageClasses = {\n    error: 'text-red-600 dark:text-red-300',\n    warn: 'text-amber-600 dark:text-amber-300',\n    success: 'text-emerald-600 dark:text-emerald-300'\n  } as const;\n\n  const variantClass = variantClasses[variant] ?? variantClasses.outline;\n  const toneClass = status ? statusClasses[status.tone] : undefined;\n  let prependIconClass = resolveIconClassName(icon);\n  const sizeConfig = sizeClasses[size] ?? sizeClasses.medium;\n  const sizeClass = [\n    prependIconClass ? sizeConfig.paddingWithIcon : sizeConfig.paddingNoIcon,\n    sizeConfig.text\n  ].join(' ');\n\n  // useId keeps SSR/CSR ids consistent while still providing a fallback name\n  const inputName = inputProps.name || reactId;\n\n  // Ensure placeholder is present when label exists so :placeholder-shown works.\n  // Label stays primary; placeholder only appears on focus when the field is empty.\n  const basePlaceholder = placeholder ?? (hasLabel ? ' ' : undefined);\n  const placeholderValue = hidePlaceholderUntilFocus\n    ? isFocused\n      ? placeholder\n      : ' '\n    : basePlaceholder;\n  const placeholderClass = hidePlaceholderUntilFocus\n    ? 'placeholder-transparent focus:placeholder-gray-500 focus:dark:placeholder-gray-400'\n    : undefined;\n\n  // Label left offset depends on icon presence\n  const labelLeftClass = prependIconClass ? 'left-10' : 'left-3';\n\n  // Background for floated label — keep transparent for outline/text/underlined variants\n  const labelBgDefault = ['outline', 'text', 'underlined'].includes(variant)\n    ? 'bg-transparent'\n    : 'bg-white/90 dark:bg-slate-900';\n\n  const handleFocus: React.FocusEventHandler<HTMLInputElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(true);\n    onFocus?.(event);\n  };\n\n  const handleBlur: React.FocusEventHandler<HTMLInputElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(false);\n    onBlur?.(event);\n  };\n\n  return (\n    <div className={twMerge('flex flex-col gap-1', wrapperClassName)}>\n      <div className='relative flex items-center'>\n        {prependIconClass && (\n          <i\n            className={twMerge(\n              'pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-gray-500 dark:text-gray-400',\n              (status?.tone && statusMessageClasses[status?.tone]) || '',\n              prependIconClass\n            )}\n            aria-hidden\n          />\n        )}\n\n        {/* input is peer so label can react with peer-* utilities */}\n        <input\n          {...inputProps}\n          id={inputName}\n          name={inputName}\n          placeholder={placeholderValue}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          className={twMerge(\n            'peer',\n            classBase,\n            variantClass,\n            toneClass,\n            sizeClass,\n            placeholderClass,\n            className\n          )}\n        />\n\n        {label && (\n          <label\n            htmlFor={inputName}\n            className={twMerge(\n              'absolute transition-all duration-150 pointer-events-none text-gray-700 dark:text-gray-200',\n              labelLeftClass,\n              // Floated state: center label's vertical middle on the top border line\n              'top-0 -translate-y-2/3 text-xs px-1',\n              labelBgDefault,\n              // focus state mirrors floated state (keeps center on border)\n              'peer-focus:top-0 peer-focus:-translate-y-1/2 peer-focus:text-xs peer-focus:px-1 peer-focus:bg-white/90 peer-focus:text-gray-600 dark:peer-focus:bg-slate-900 dark:peer-focus:text-gray-300',\n              // when input is empty (placeholder shown) -> center label inside input\n              'peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:text-sm peer-placeholder-shown:bg-transparent peer-placeholder-shown:text-gray-500 dark:peer-placeholder-shown:text-gray-400'\n            )}\n          >\n            {label}\n          </label>\n        )}\n\n        {/* {appendIconClass && (\n          <i className={twMerge('pointer-events-none absolute right-3 text-gray-500', appendIconClass)} aria-hidden />\n        )} */}\n      </div>\n      {status?.message && (\n        <span className={twMerge('text-sm', statusMessageClasses[status.tone])}>\n          {status.message}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default Input;\n"]}
+{"version":3,"sources":["../src/globals.ts","../src/Form/Input/states.input.ts","../src/Form/Input/index.tsx"],"names":["normalizedName","React","twMerge","jsxs","jsx"],"mappings":"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","file":"input.cjs","sourcesContent":["export const iconBaseClasses = {\n  mdi: ['mdi']\n} as const;\n","import { iconBaseClasses } from '@lindle/linoardo/globals';\nimport { InputProp } from './types';\n\nexport const resolveIconClassName = (icon?: InputProp['icon']) => {\n  if (!icon) {\n    return undefined;\n  }\n\n  if (typeof icon === 'string') {\n    const trimmed = icon.trim();\n    if (!trimmed) {\n      return undefined;\n    }\n\n    if (trimmed.includes(' ')) {\n      return trimmed;\n    }\n\n    const normalizedName = trimmed.startsWith('mdi-') ? trimmed : `mdi-${trimmed}`;\n    return ['mdi', normalizedName].join(' ');\n  }\n\n  const [library, iconNameRaw] = icon;\n  const baseClasses = iconBaseClasses[library] ?? [library];\n  const iconName = iconNameRaw.trim();\n  if (!iconName) {\n    return baseClasses.join(' ');\n  }\n  const normalizedName = iconName.startsWith('mdi-') ? iconName : `mdi-${iconName}`;\n  const classes = [...baseClasses, normalizedName];\n  return Array.from(new Set(classes)).join(' ');\n};\n","import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { InputProp, InputVariant, InputSize } from './types';\nimport { resolveIconClassName } from './states.input';\n\n/**\n * Text input with multiple visual variants and inline status or icon adornments.\n * Label is purely CSS-driven (peer + placeholder-shown + focus), no hooks used.\n */\nconst Input: React.FC<InputProp> = ({\n  variant = 'outline',\n  size = 'medium',\n  success,\n  error,\n  warn,\n  icon,\n  className,\n  wrapperClassName,\n  label,\n  ...props\n}) => {\n  const { placeholder, onFocus, onBlur, ...inputProps } = props;\n  const reactId = React.useId();\n  const hasLabel = Boolean(label);\n  const hasProvidedPlaceholder = typeof placeholder === 'string' && placeholder.trim().length > 0;\n  const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder;\n  const [isFocused, setIsFocused] = React.useState(false);\n  const classBase =\n    'input-base focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed w-full text-gray-900 dark:text-gray-100 placeholder:text-gray-500 dark:placeholder:text-gray-400';\n  const variantClasses = {\n    solid:\n      'rounded border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40',\n    sharp:\n      'rounded-none border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40',\n    outline:\n      'rounded border-2 border-black bg-white focus-visible:border-black focus-visible:ring-2 focus-visible:ring-black/30 dark:border-black dark:bg-transparent dark:focus-visible:border-black dark:focus-visible:ring-black/40',\n    text: 'rounded-none border-0 border-b border-transparent px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70',\n    ghost:\n      'rounded border border-transparent bg-gray-50 text-gray-900 focus-visible:bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/15 dark:bg-slate-800 dark:text-gray-100 dark:focus-visible:bg-slate-700 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/25',\n    filled:\n      'rounded border border-gray-200 bg-gray-100 focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25 dark:border-gray-700 dark:bg-slate-800 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/30',\n    underlined:\n      'rounded-none border-0 border-b border-gray-300 px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70',\n    rounded:\n      'rounded-full px-4 border border-gray-300 bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/20 shadow-sm dark:border-gray-600 dark:bg-slate-900 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/30 dark:shadow-black/20'\n  } satisfies Record<InputVariant, string>;\n  const sizeClasses = {\n    'x-small': { paddingNoIcon: 'px-2 py-2', paddingWithIcon: 'pl-8 pr-2 py-2', text: 'text-xs' },\n    small: {\n      paddingNoIcon: 'px-2.5 py-2.5',\n      paddingWithIcon: 'pl-9 pr-2.5 py-2.5',\n      text: 'text-sm'\n    },\n    medium: { paddingNoIcon: 'px-3 py-3', paddingWithIcon: 'pl-10 pr-3 py-3', text: 'text-base' },\n    large: {\n      paddingNoIcon: 'px-3.5 py-3.5',\n      paddingWithIcon: 'pl-11 pr-3.5 py-3.5',\n      text: 'text-lg'\n    },\n    'x-large': { paddingNoIcon: 'px-4 py-4', paddingWithIcon: 'pl-12 pr-4 py-4', text: 'text-xl' }\n  } satisfies Record<InputSize, { paddingNoIcon: string; paddingWithIcon: string; text: string }>;\n\n  const status = error\n    ? { tone: 'error' as const, message: error }\n    : warn\n    ? { tone: 'warn' as const, message: warn }\n    : success\n    ? { tone: 'success' as const, message: success }\n    : undefined;\n\n  const statusClasses = {\n    error: 'border-red-500 focus:border-red-500 focus:ring-red-400',\n    warn: 'border-amber-500 focus:border-amber-500 focus:ring-amber-400',\n    success: 'border-emerald-500 focus:border-emerald-500 focus:ring-emerald-400'\n  } as const;\n\n  const statusMessageClasses = {\n    error: 'text-red-600 dark:text-red-300',\n    warn: 'text-amber-600 dark:text-amber-300',\n    success: 'text-emerald-600 dark:text-emerald-300'\n  } as const;\n\n  const variantClass = variantClasses[variant] ?? variantClasses.outline;\n  const toneClass = status ? statusClasses[status.tone] : undefined;\n  let prependIconClass = resolveIconClassName(icon);\n  const sizeConfig = sizeClasses[size] ?? sizeClasses.medium;\n  const sizeClass = [\n    prependIconClass ? sizeConfig.paddingWithIcon : sizeConfig.paddingNoIcon,\n    sizeConfig.text\n  ].join(' ');\n\n  // useId keeps SSR/CSR ids consistent while still providing a fallback name\n  const inputName = inputProps.name || reactId;\n\n  // Ensure placeholder is present when label exists so :placeholder-shown works.\n  // Label stays primary; placeholder only appears on focus when the field is empty.\n  const basePlaceholder = placeholder ?? (hasLabel ? ' ' : undefined);\n  const placeholderValue = hidePlaceholderUntilFocus\n    ? isFocused\n      ? placeholder\n      : ' '\n    : basePlaceholder;\n  const placeholderClass = hidePlaceholderUntilFocus\n    ? 'placeholder-transparent focus:placeholder-gray-500 focus:dark:placeholder-gray-400'\n    : undefined;\n\n  // Label left offset depends on icon presence\n  const labelLeftClass = prependIconClass ? 'left-10' : 'left-3';\n\n  // Background for floated label — keep transparent for outline/text/underlined variants\n  const labelBgDefault = ['outline', 'text', 'underlined'].includes(variant)\n    ? 'bg-transparent'\n    : 'bg-white/90 dark:bg-slate-900';\n\n  const handleFocus: React.FocusEventHandler<HTMLInputElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(true);\n    onFocus?.(event);\n  };\n\n  const handleBlur: React.FocusEventHandler<HTMLInputElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(false);\n    onBlur?.(event);\n  };\n\n  return (\n    <div className={twMerge('flex flex-col gap-1', wrapperClassName)}>\n      <div className='relative flex items-center'>\n        {prependIconClass && (\n          <i\n            className={twMerge(\n              'pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-gray-500 dark:text-gray-400',\n              (status?.tone && statusMessageClasses[status?.tone]) || '',\n              prependIconClass\n            )}\n            aria-hidden\n          />\n        )}\n\n        {/* input is peer so label can react with peer-* utilities */}\n        <input\n          {...inputProps}\n          id={inputName}\n          name={inputName}\n          placeholder={placeholderValue}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          className={twMerge(\n            'peer',\n            classBase,\n            variantClass,\n            toneClass,\n            sizeClass,\n            placeholderClass,\n            className\n          )}\n        />\n\n        {label && (\n          <label\n            htmlFor={inputName}\n            className={twMerge(\n              'absolute transition-all duration-150 pointer-events-none text-gray-700 dark:text-gray-200',\n              labelLeftClass,\n              // Floated state: center label's vertical middle on the top border line\n              'top-0 -translate-y-2/3 text-xs px-1',\n              labelBgDefault,\n              // focus state mirrors floated state (keeps center on border)\n              'peer-focus:top-0 peer-focus:-translate-y-1/2 peer-focus:text-xs peer-focus:px-1 peer-focus:bg-white/90 peer-focus:text-gray-600 dark:peer-focus:bg-slate-900 dark:peer-focus:text-gray-300',\n              // when input is empty (placeholder shown) -> center label inside input\n              'peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:text-sm peer-placeholder-shown:bg-transparent peer-placeholder-shown:text-gray-500 dark:peer-placeholder-shown:text-gray-400'\n            )}\n          >\n            {label}\n          </label>\n        )}\n\n        {/* {appendIconClass && (\n          <i className={twMerge('pointer-events-none absolute right-3 text-gray-500', appendIconClass)} aria-hidden />\n        )} */}\n      </div>\n      {status?.message && (\n        <span className={twMerge('text-sm', statusMessageClasses[status.tone])}>\n          {status.message}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default Input;\n"]}

package/dist/input.js

@@ -1,4 +1,4 @@
-export { Input_default as default } from './chunk-MFLH36XK.js';
+export { Input_default as default } from './chunk-JGEXEDKS.js';
 import './chunk-IEILIKS2.js';
 //# sourceMappingURL=input.js.map
 //# sourceMappingURL=input.js.map