@lindle/linoardo 1.0.39 → 1.0.40

package/dist/styles.css

@@ -606,6 +606,9 @@
   .min-h-80 {
     min-height: calc(var(--spacing) * 80);
   }
+  .min-h-112 {
+    min-height: calc(var(--spacing) * 112);
+  }
   .min-h-\[1\.5rem\] {
     min-height: 1.5rem;
   }
@@ -627,9 +630,6 @@
   .min-h-\[18rem\] {
     min-height: 18rem;
   }
-  .min-h-\[28rem\] {
-    min-height: 28rem;
-  }
   .min-h-screen {
     min-height: 100vh;
   }
@@ -858,6 +858,9 @@
   .grid-cols-7 {
     grid-template-columns: repeat(7, minmax(0, 1fr));
   }
+  .grid-cols-\[1fr_auto_1fr\] {
+    grid-template-columns: 1fr auto 1fr;
+  }
   .grid-cols-\[auto_1fr_auto\] {
     grid-template-columns: auto 1fr auto;
   }
@@ -1106,6 +1109,12 @@
   .border-black {
     border-color: var(--color-black);
   }
+  .border-black\/20 {
+    border-color: color-mix(in srgb, #000 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
+    }
+  }
   .border-black\/30 {
     border-color: color-mix(in srgb, #000 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1852,6 +1861,12 @@
   .pl-12 {
     padding-left: calc(var(--spacing) * 12);
   }
+  .pl-14 {
+    padding-left: calc(var(--spacing) * 14);
+  }
+  .pl-16 {
+    padding-left: calc(var(--spacing) * 16);
+  }
   .text-center {
     text-align: center;
   }
@@ -2240,6 +2255,18 @@
       --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 40%, transparent) var(--tw-shadow-alpha), transparent);
     }
   }
+  .ring-amber-500\/20 {
+    --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
+    }
+  }
+  .ring-amber-500\/30 {
+    --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
+    }
+  }
   .ring-black {
     --tw-ring-color: var(--color-black);
   }
@@ -2255,6 +2282,18 @@
       --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
     }
   }
+  .ring-black\/20 {
+    --tw-ring-color: color-mix(in srgb, #000 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-black) 20%, transparent);
+    }
+  }
+  .ring-black\/30 {
+    --tw-ring-color: color-mix(in srgb, #000 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-black) 30%, transparent);
+    }
+  }
   .ring-black\/40 {
     --tw-ring-color: color-mix(in srgb, #000 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2267,6 +2306,84 @@
       --tw-ring-color: color-mix(in oklab, currentcolor 50%, transparent);
     }
   }
+  .ring-emerald-500\/20 {
+    --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
+    }
+  }
+  .ring-emerald-500\/30 {
+    --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
+    }
+  }
+  .ring-gray-300\/20 {
+    --tw-ring-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-gray-300) 20%, transparent);
+    }
+  }
+  .ring-gray-300\/30 {
+    --tw-ring-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-gray-300) 30%, transparent);
+    }
+  }
+  .ring-gray-900\/10 {
+    --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
+    }
+  }
+  .ring-gray-900\/15 {
+    --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 15%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 15%, transparent);
+    }
+  }
+  .ring-gray-900\/20 {
+    --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent);
+    }
+  }
+  .ring-primary\/20 {
+    --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
+    }
+  }
+  .ring-primary\/30 {
+    --tw-ring-color: color-mix(in srgb, oklch(0.62 0.13 250) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
+    }
+  }
+  .ring-red-500\/20 {
+    --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+    }
+  }
+  .ring-red-500\/30 {
+    --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
+    }
+  }
+  .ring-sky-500\/20 {
+    --tw-ring-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
+    }
+  }
+  .ring-sky-500\/30 {
+    --tw-ring-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
+    }
+  }
   .ring-white {
     --tw-ring-color: var(--color-white);
   }
@@ -2618,9 +2735,14 @@
       top: calc(var(--spacing) * 0);
     }
   }
-  .peer-focus\:left-7 {
+  .peer-focus\:left-3 {
+    &:is(:where(.peer):focus ~ *) {
+      left: calc(var(--spacing) * 3);
+    }
+  }
+  .peer-focus\:left-10 {
     &:is(:where(.peer):focus ~ *) {
-      left: calc(var(--spacing) * 7);
+      left: calc(var(--spacing) * 10);
     }
   }
   .peer-focus\:-translate-y-1\/2 {
@@ -3788,6 +3910,11 @@
       background-color: var(--color-gray-100);
     }
   }
+  .dark\:bg-gray-700 {
+    &:is(.dark &) {
+      background-color: var(--color-gray-700);
+    }
+  }
   .dark\:bg-gray-800 {
     &:is(.dark &) {
       background-color: var(--color-gray-800);

package/dist/timeline.cjs

@@ -0,0 +1,274 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/Feedback/TimeLine/index.tsx
+
+// src/globals.ts
+var iconBaseClasses = {
+  mdi: ["mdi"]
+};
+
+// src/Containment/Chip/states.chip.ts
+var resolveIconClassName = (icon) => {
+  if (!icon) {
+    return void 0;
+  }
+  if (typeof icon === "string") {
+    const trimmed = icon.trim();
+    if (!trimmed) {
+      return void 0;
+    }
+    if (trimmed.includes(" ")) {
+      return trimmed;
+    }
+    const normalized2 = trimmed.startsWith("mdi-") ? trimmed : `mdi-${trimmed}`;
+    return ["mdi", normalized2].join(" ");
+  }
+  const [library, providedName] = icon;
+  const normalizedLibrary = library.trim();
+  const baseClasses = iconBaseClasses[normalizedLibrary] ?? [normalizedLibrary];
+  const iconName = providedName.trim();
+  if (!iconName) {
+    return baseClasses.join(" ");
+  }
+  const normalized = iconName.startsWith("mdi-") ? iconName : `mdi-${iconName}`;
+  return Array.from(/* @__PURE__ */ new Set([...baseClasses, normalized])).join(" ");
+};
+var densityGapClasses = {
+  default: "gap-6",
+  compact: "gap-4"
+};
+var alignClasses = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end"
+};
+var dotSizeClasses = {
+  sm: "h-6 w-6 text-xs",
+  md: "h-8 w-8 text-sm",
+  lg: "h-10 w-10 text-base"
+};
+var paletteDotClasses = {
+  primary: {
+    filled: { dot: "bg-primary text-white border border-primary", ring: "ring-primary/30" },
+    outlined: { dot: "bg-white text-primary border border-primary", ring: "ring-primary/20" },
+    tonal: { dot: "bg-primary/15 text-primary border border-primary/20", ring: "ring-primary/20" }
+  },
+  neutral: {
+    filled: { dot: "bg-gray-900 text-white border border-gray-900", ring: "ring-gray-900/20" },
+    outlined: { dot: "bg-white text-gray-900 border border-gray-900", ring: "ring-gray-900/15" },
+    tonal: { dot: "bg-gray-100 text-gray-800 border border-gray-200", ring: "ring-gray-900/10" }
+  },
+  info: {
+    filled: { dot: "bg-sky-500 text-white border border-sky-500", ring: "ring-sky-500/30" },
+    outlined: { dot: "bg-white text-sky-600 border border-sky-500", ring: "ring-sky-500/20" },
+    tonal: { dot: "bg-sky-100 text-sky-700 border border-sky-200", ring: "ring-sky-500/20" }
+  },
+  success: {
+    filled: { dot: "bg-emerald-500 text-white border border-emerald-500", ring: "ring-emerald-500/30" },
+    outlined: { dot: "bg-white text-emerald-600 border border-emerald-500", ring: "ring-emerald-500/20" },
+    tonal: { dot: "bg-emerald-100 text-emerald-700 border border-emerald-200", ring: "ring-emerald-500/20" }
+  },
+  warning: {
+    filled: { dot: "bg-amber-500 text-white border border-amber-500", ring: "ring-amber-500/30" },
+    outlined: { dot: "bg-white text-amber-700 border border-amber-500", ring: "ring-amber-500/20" },
+    tonal: { dot: "bg-amber-100 text-amber-800 border border-amber-200", ring: "ring-amber-500/20" }
+  },
+  danger: {
+    filled: { dot: "bg-red-500 text-white border border-red-500", ring: "ring-red-500/30" },
+    outlined: { dot: "bg-white text-red-600 border border-red-500", ring: "ring-red-500/20" },
+    tonal: { dot: "bg-red-100 text-red-700 border border-red-200", ring: "ring-red-500/20" }
+  },
+  surface: {
+    filled: { dot: "bg-white text-gray-900 border border-gray-200", ring: "ring-gray-300/30" },
+    outlined: { dot: "bg-white text-gray-900 border border-gray-300", ring: "ring-gray-300/20" },
+    tonal: { dot: "bg-gray-50 text-gray-800 border border-gray-200", ring: "ring-gray-300/20" }
+  },
+  bw: {
+    filled: { dot: "bg-black text-white border border-black", ring: "ring-black/30" },
+    outlined: { dot: "bg-white text-black border border-black", ring: "ring-black/20" },
+    tonal: { dot: "bg-black/10 text-black border border-black/20", ring: "ring-black/20" }
+  }
+};
+var resolveDotPalette = (color, variant) => {
+  const palette = paletteDotClasses[color] ?? paletteDotClasses.primary;
+  return palette[variant] ?? palette.filled;
+};
+var resolveSide = (side, index) => {
+  if (side === "alternate") {
+    return index % 2 === 0 ? "left" : "right";
+  }
+  return side;
+};
+var resolveIconNode = (icon) => {
+  if (!icon) return null;
+  const iconClass = resolveIconClassName(icon);
+  return iconClass ? /* @__PURE__ */ jsxRuntime.jsx("i", { className: iconClass, "aria-hidden": true }) : null;
+};
+var TimeLineItem = React__namespace.forwardRef((props, ref) => {
+  const {
+    title,
+    subtitle,
+    opposite,
+    icon,
+    dot,
+    color,
+    variant = "filled",
+    side,
+    align,
+    hideLine,
+    dotClassName,
+    contentClassName,
+    oppositeClassName,
+    lineClassName,
+    className,
+    children,
+    __timelineSide = "right",
+    __timelineAlign = "center",
+    __timelineDensity = "default",
+    __timelineColor = "primary",
+    __timelineDotSize = "md",
+    __timelineLineColor,
+    __timelineLineWidth = 2,
+    __timelineIndex = 0,
+    __timelineCount = 1,
+    ...rest
+  } = props;
+  const resolvedAlign = align ?? __timelineAlign;
+  const resolvedSide = resolveSide(side ?? __timelineSide, __timelineIndex);
+  const resolvedColor = color ?? __timelineColor;
+  const dotSizeClass = dotSizeClasses[__timelineDotSize] ?? dotSizeClasses.md;
+  const dotPalette = resolveDotPalette(resolvedColor, variant);
+  const iconNode = resolveIconNode(icon);
+  const isLast = __timelineIndex >= __timelineCount - 1;
+  const showLine = !hideLine && !isLast;
+  const lineStyle = {
+    width: __timelineLineWidth,
+    backgroundColor: __timelineLineColor
+  };
+  const baseItemClass = tailwindMerge.twMerge(
+    "timeline-item grid grid-cols-[1fr_auto_1fr] gap-4",
+    alignClasses[resolvedAlign] ?? alignClasses.center,
+    className
+  );
+  const contentNode = children ?? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold text-gray-900", children: title }),
+    subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-gray-500", children: subtitle })
+  ] });
+  const leftContent = resolvedSide === "left" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col text-right", contentClassName), children: contentNode }) : opposite ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col text-right text-sm text-gray-500", oppositeClassName), children: opposite }) : /* @__PURE__ */ jsxRuntime.jsx("div", {});
+  const rightContent = resolvedSide === "right" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col text-left", contentClassName), children: contentNode }) : opposite ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col text-left text-sm text-gray-500", oppositeClassName), children: opposite }) : /* @__PURE__ */ jsxRuntime.jsx("div", {});
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...rest, ref, className: baseItemClass, children: [
+    leftContent,
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-full flex-col items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: tailwindMerge.twMerge(
+            "flex items-center justify-center rounded-full ring-4 ring-white",
+            dotSizeClass,
+            dotPalette.dot,
+            dotPalette.ring,
+            dotClassName
+          ),
+          children: dot ?? iconNode
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: tailwindMerge.twMerge(
+            "mt-3 flex-1 bg-gray-200 dark:bg-gray-700",
+            showLine ? void 0 : "invisible",
+            lineClassName
+          ),
+          style: lineStyle,
+          "aria-hidden": true
+        }
+      )
+    ] }),
+    rightContent
+  ] });
+});
+TimeLineItem.displayName = "TimeLine.Item";
+var isTimeLineItem = (child) => {
+  if (!React__namespace.isValidElement(child)) {
+    return false;
+  }
+  const elementType = child.type;
+  return child.type === TimeLineItem || elementType.displayName === TimeLineItem.displayName;
+};
+var TimeLine = React__namespace.forwardRef((props, ref) => {
+  const {
+    side = "right",
+    align = "center",
+    density = "default",
+    color = "primary",
+    lineColor,
+    lineWidth = 2,
+    dotSize = "md",
+    className,
+    children,
+    ...rest
+  } = props;
+  const resolvedGap = densityGapClasses[density] ?? densityGapClasses.default;
+  const childArray = React__namespace.Children.toArray(children);
+  const resolvedChildren = childArray.map((child, index) => {
+    if (!isTimeLineItem(child)) {
+      return child;
+    }
+    return React__namespace.cloneElement(child, {
+      __timelineSide: side,
+      __timelineAlign: align,
+      __timelineDensity: density,
+      __timelineColor: color,
+      __timelineDotSize: dotSize,
+      __timelineLineColor: lineColor,
+      __timelineLineWidth: lineWidth,
+      __timelineIndex: index,
+      __timelineCount: childArray.length
+    });
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...rest,
+      ref,
+      className: tailwindMerge.twMerge("timeline flex flex-col", resolvedGap, className),
+      children: resolvedChildren
+    }
+  );
+});
+TimeLine.displayName = "TimeLine";
+var TimeLineWithItem = TimeLine;
+TimeLineWithItem.Item = TimeLineItem;
+var TimeLine_default = TimeLineWithItem;
+
+exports.TimeLineItem = TimeLineItem;
+exports.default = TimeLine_default;
+//# sourceMappingURL=timeline.cjs.map
+//# sourceMappingURL=timeline.cjs.map

package/dist/timeline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/globals.ts","../src/Containment/Chip/states.chip.ts","../src/Feedback/TimeLine/index.tsx"],"names":["normalized","jsx","React","twMerge","jsxs"],"mappings":"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","file":"timeline.cjs","sourcesContent":["export const iconBaseClasses = {\n  mdi: ['mdi']\n} as const;\n","import { iconBaseClasses } from '@lindle/linoardo/globals';\nimport { Palette, PropIcon } from '@lindle/linoardo/global.types';\nimport { ChipSize, ChipVariant } from './types.chip';\n\nexport const chipBaseClasses =\n  'inline-flex items-center gap-1.5 border font-medium leading-tight transition-all duration-200 select-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2';\n\nexport const chipSizeClasses: Record<ChipSize, string> = {\n  small: 'text-xs px-3 py-1 min-h-[1.5rem]',\n  medium: 'text-sm px-4 py-1.5 min-h-[2rem]',\n  large: 'text-base px-5 py-2 min-h-[2.5rem]'\n};\n\nexport const closeButtonClasses =\n  'ml-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-transparent text-current/70 transition-colors duration-200 hover:bg-current/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-current/30 focus-visible:ring-offset-2';\n\nconst blackAndWhitePaletteClasses = {\n  solid: 'bg-black text-white border border-black hover:bg-black/90 focus-visible:ring-black/40 focus-visible:ring-offset-white',\n  outline:\n    'bg-white text-black border-2 border-black hover:bg-black hover:text-white focus-visible:ring-black/40 focus-visible:ring-offset-white',\n  ghost:\n    'bg-neutral-200 text-black border border-transparent hover:bg-neutral-300 focus-visible:ring-black/20',\n  text:\n    'bg-transparent text-black border border-transparent hover:bg-neutral-200 focus-visible:ring-black/20',\n  filled:\n    'bg-black/10 text-black border border-black/30 hover:bg-black/20 focus-visible:ring-black/20',\n  underlined:\n    'bg-transparent text-black border-0 border-b-2 border-black px-0 rounded-none hover:text-black/80 focus-visible:ring-black/20',\n  rounded:\n    'rounded-full bg-white text-black border-2 border-black hover:bg-black hover:text-white focus-visible:ring-black/40 focus-visible:ring-offset-white',\n  sharp:\n    'rounded-none bg-black text-white border border-black hover:bg-black/90 focus-visible:ring-black/40 focus-visible:ring-offset-white'\n} satisfies Record<ChipVariant, string>;\n\nconst paletteVariantClasses: Record<Palette, Record<ChipVariant, string>> = {\n  primary: {\n    solid: 'bg-primary text-white border border-primary hover:bg-primary/90',\n    sharp: 'rounded-none bg-primary text-white border border-primary hover:bg-primary/90',\n    outline: 'bg-transparent text-primary border border-primary hover:bg-primary/10',\n    ghost: 'bg-primary/15 text-primary border border-transparent hover:bg-primary/25',\n    text: 'bg-transparent text-primary border border-transparent hover:text-primary/80',\n    filled: 'bg-primary/10 text-primary border border-primary/30 hover:bg-primary/20',\n    underlined: 'bg-transparent text-primary border-0 border-b-2 border-primary px-0 rounded-none hover:text-primary/80',\n    rounded: 'bg-white text-primary border border-primary/40 shadow-sm hover:bg-primary/5'\n  },\n  neutral: {\n    solid: 'bg-gray-900 text-white border border-gray-900 hover:bg-gray-800',\n    sharp: 'rounded-none bg-gray-900 text-white border border-gray-900 hover:bg-gray-800',\n    outline: 'bg-transparent text-gray-900 border border-gray-500 hover:bg-gray-100',\n    ghost: 'bg-gray-100 text-gray-900 border border-transparent hover:bg-gray-200',\n    text: 'bg-transparent text-gray-900 border border-transparent hover:text-gray-700',\n    filled: 'bg-gray-200 text-gray-900 border border-gray-300 hover:bg-gray-300',\n    underlined: 'bg-transparent text-gray-900 border-0 border-b-2 border-gray-500 px-0 rounded-none hover:text-gray-700',\n    rounded: 'bg-white text-gray-900 border border-gray-300 shadow-sm hover:bg-gray-100'\n  },\n  info: {\n    solid: 'bg-sky-500 text-white border border-sky-500 hover:bg-sky-600',\n    sharp: 'rounded-none bg-sky-500 text-white border border-sky-500 hover:bg-sky-600',\n    outline: 'bg-transparent text-sky-600 border border-sky-500 hover:bg-sky-50',\n    ghost: 'bg-sky-100 text-sky-700 border border-transparent hover:bg-sky-200',\n    text: 'bg-transparent text-sky-600 border border-transparent hover:text-sky-700',\n    filled: 'bg-sky-100 text-sky-700 border border-sky-200 hover:bg-sky-200',\n    underlined: 'bg-transparent text-sky-600 border-0 border-b-2 border-sky-500 px-0 rounded-none hover:text-sky-700',\n    rounded: 'bg-white text-sky-700 border border-sky-200 shadow-sm hover:bg-sky-50'\n  },\n  success: {\n    solid: 'bg-emerald-500 text-white border border-emerald-500 hover:bg-emerald-600',\n    sharp: 'rounded-none bg-emerald-500 text-white border border-emerald-500 hover:bg-emerald-600',\n    outline: 'bg-transparent text-emerald-600 border border-emerald-500 hover:bg-emerald-50',\n    ghost: 'bg-emerald-100 text-emerald-700 border border-transparent hover:bg-emerald-200',\n    text: 'bg-transparent text-emerald-600 border border-transparent hover:text-emerald-700',\n    filled: 'bg-emerald-100 text-emerald-700 border border-emerald-200 hover:bg-emerald-200',\n    underlined:\n      'bg-transparent text-emerald-600 border-0 border-b-2 border-emerald-500 px-0 rounded-none hover:text-emerald-700',\n    rounded: 'bg-white text-emerald-700 border border-emerald-200 shadow-sm hover:bg-emerald-50'\n  },\n  warning: {\n    solid: 'bg-amber-500 text-white border border-amber-500 hover:bg-amber-600',\n    sharp: 'rounded-none bg-amber-500 text-white border border-amber-500 hover:bg-amber-600',\n    outline: 'bg-transparent text-amber-700 border border-amber-500 hover:bg-amber-50',\n    ghost: 'bg-amber-100 text-amber-800 border border-transparent hover:bg-amber-200',\n    text: 'bg-transparent text-amber-700 border border-transparent hover:text-amber-800',\n    filled: 'bg-amber-100 text-amber-800 border border-amber-200 hover:bg-amber-200',\n    underlined:\n      'bg-transparent text-amber-700 border-0 border-b-2 border-amber-500 px-0 rounded-none hover:text-amber-800',\n    rounded: 'bg-white text-amber-700 border border-amber-200 shadow-sm hover:bg-amber-50'\n  },\n  danger: {\n    solid: 'bg-red-500 text-white border border-red-500 hover:bg-red-600',\n    sharp: 'rounded-none bg-red-500 text-white border border-red-500 hover:bg-red-600',\n    outline: 'bg-transparent text-red-600 border border-red-500 hover:bg-red-50',\n    ghost: 'bg-red-100 text-red-700 border border-transparent hover:bg-red-200',\n    text: 'bg-transparent text-red-600 border border-transparent hover:text-red-700',\n    filled: 'bg-red-100 text-red-700 border border-red-200 hover:bg-red-200',\n    underlined: 'bg-transparent text-red-600 border-0 border-b-2 border-red-500 px-0 rounded-none hover:text-red-700',\n    rounded: 'bg-white text-red-600 border border-red-200 shadow-sm hover:bg-red-50'\n  },\n  surface: {\n    solid: 'bg-white text-gray-900 border border-gray-200 hover:bg-gray-50',\n    sharp: 'rounded-none bg-white text-gray-900 border border-gray-200 hover:bg-gray-50',\n    outline: 'bg-transparent text-gray-900 border border-gray-300 hover:bg-gray-50',\n    ghost: 'bg-gray-100 text-gray-900 border border-transparent hover:bg-gray-200',\n    text: 'bg-transparent text-gray-900 border border-transparent hover:text-gray-600',\n    filled: 'bg-gray-50 text-gray-900 border border-gray-200 hover:bg-white',\n    underlined: 'bg-transparent text-gray-900 border-0 border-b-2 border-gray-400 px-0 rounded-none hover:text-gray-600',\n    rounded: 'bg-white text-gray-900 border border-gray-200 shadow-sm hover:bg-gray-50'\n  },\n  bw: blackAndWhitePaletteClasses\n};\n\nexport const resolveVariantClass = (variant: ChipVariant, palette: Palette) => {\n  const variants = paletteVariantClasses[palette] ?? paletteVariantClasses.primary;\n  return variants[variant] ?? variants.solid;\n};\n\nexport const resolveIconClassName = (icon?: PropIcon) => {\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 normalized = trimmed.startsWith('mdi-') ? trimmed : `mdi-${trimmed}`;\n    return ['mdi', normalized].join(' ');\n  }\n\n  const [library, providedName] = icon;\n  const normalizedLibrary = library.trim();\n  const baseClasses = iconBaseClasses[normalizedLibrary as keyof typeof iconBaseClasses] ?? [normalizedLibrary];\n  const iconName = providedName.trim();\n  if (!iconName) {\n    return baseClasses.join(' ');\n  }\n\n  const normalized = iconName.startsWith('mdi-') ? iconName : `mdi-${iconName}`;\n  return Array.from(new Set([...baseClasses, normalized])).join(' ');\n};\n","import * as React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport type { Palette, PropIcon } from '@lindle/linoardo/global.types';\nimport { resolveIconClassName } from '../../Containment/Chip/states.chip';\nimport type {\n  TimeLineAlign,\n  TimeLineDensity,\n  TimeLineDotSize,\n  TimeLineDotVariant,\n  TimeLineItemProps,\n  TimeLineProps,\n  TimeLineSide\n} from './types.timeline';\n\nconst densityGapClasses: Record<TimeLineDensity, string> = {\n  default: 'gap-6',\n  compact: 'gap-4'\n};\n\nconst alignClasses: Record<TimeLineAlign, string> = {\n  start: 'items-start',\n  center: 'items-center',\n  end: 'items-end'\n};\n\nconst dotSizeClasses: Record<TimeLineDotSize, string> = {\n  sm: 'h-6 w-6 text-xs',\n  md: 'h-8 w-8 text-sm',\n  lg: 'h-10 w-10 text-base'\n};\n\nconst paletteDotClasses: Record<\n  Palette,\n  Record<TimeLineDotVariant, { dot: string; ring: string }>\n> = {\n  primary: {\n    filled: { dot: 'bg-primary text-white border border-primary', ring: 'ring-primary/30' },\n    outlined: { dot: 'bg-white text-primary border border-primary', ring: 'ring-primary/20' },\n    tonal: { dot: 'bg-primary/15 text-primary border border-primary/20', ring: 'ring-primary/20' }\n  },\n  neutral: {\n    filled: { dot: 'bg-gray-900 text-white border border-gray-900', ring: 'ring-gray-900/20' },\n    outlined: { dot: 'bg-white text-gray-900 border border-gray-900', ring: 'ring-gray-900/15' },\n    tonal: { dot: 'bg-gray-100 text-gray-800 border border-gray-200', ring: 'ring-gray-900/10' }\n  },\n  info: {\n    filled: { dot: 'bg-sky-500 text-white border border-sky-500', ring: 'ring-sky-500/30' },\n    outlined: { dot: 'bg-white text-sky-600 border border-sky-500', ring: 'ring-sky-500/20' },\n    tonal: { dot: 'bg-sky-100 text-sky-700 border border-sky-200', ring: 'ring-sky-500/20' }\n  },\n  success: {\n    filled: { dot: 'bg-emerald-500 text-white border border-emerald-500', ring: 'ring-emerald-500/30' },\n    outlined: { dot: 'bg-white text-emerald-600 border border-emerald-500', ring: 'ring-emerald-500/20' },\n    tonal: { dot: 'bg-emerald-100 text-emerald-700 border border-emerald-200', ring: 'ring-emerald-500/20' }\n  },\n  warning: {\n    filled: { dot: 'bg-amber-500 text-white border border-amber-500', ring: 'ring-amber-500/30' },\n    outlined: { dot: 'bg-white text-amber-700 border border-amber-500', ring: 'ring-amber-500/20' },\n    tonal: { dot: 'bg-amber-100 text-amber-800 border border-amber-200', ring: 'ring-amber-500/20' }\n  },\n  danger: {\n    filled: { dot: 'bg-red-500 text-white border border-red-500', ring: 'ring-red-500/30' },\n    outlined: { dot: 'bg-white text-red-600 border border-red-500', ring: 'ring-red-500/20' },\n    tonal: { dot: 'bg-red-100 text-red-700 border border-red-200', ring: 'ring-red-500/20' }\n  },\n  surface: {\n    filled: { dot: 'bg-white text-gray-900 border border-gray-200', ring: 'ring-gray-300/30' },\n    outlined: { dot: 'bg-white text-gray-900 border border-gray-300', ring: 'ring-gray-300/20' },\n    tonal: { dot: 'bg-gray-50 text-gray-800 border border-gray-200', ring: 'ring-gray-300/20' }\n  },\n  bw: {\n    filled: { dot: 'bg-black text-white border border-black', ring: 'ring-black/30' },\n    outlined: { dot: 'bg-white text-black border border-black', ring: 'ring-black/20' },\n    tonal: { dot: 'bg-black/10 text-black border border-black/20', ring: 'ring-black/20' }\n  }\n};\n\nconst resolveDotPalette = (\n  color: Palette,\n  variant: TimeLineDotVariant\n) => {\n  const palette = paletteDotClasses[color] ?? paletteDotClasses.primary;\n  return palette[variant] ?? palette.filled;\n};\n\nconst resolveSide = (\n  side: TimeLineSide,\n  index: number\n): Exclude<TimeLineSide, 'alternate'> => {\n  if (side === 'alternate') {\n    return index % 2 === 0 ? 'left' : 'right';\n  }\n  return side;\n};\n\nconst resolveIconNode = (icon?: PropIcon) => {\n  if (!icon) return null;\n  const iconClass = resolveIconClassName(icon);\n  return iconClass ? <i className={iconClass} aria-hidden /> : null;\n};\n\ntype InternalItemProps = TimeLineItemProps & {\n  __timelineSide?: TimeLineSide;\n  __timelineAlign?: TimeLineAlign;\n  __timelineDensity?: TimeLineDensity;\n  __timelineColor?: Palette;\n  __timelineDotSize?: TimeLineDotSize;\n  __timelineLineColor?: string;\n  __timelineLineWidth?: number;\n  __timelineIndex?: number;\n  __timelineCount?: number;\n};\n\n/**\n * Single timeline item with dot, optional icon and left/right content slots.\n */\nconst TimeLineItem = React.forwardRef<HTMLDivElement, InternalItemProps>((props, ref) => {\n  const {\n    title,\n    subtitle,\n    opposite,\n    icon,\n    dot,\n    color,\n    variant = 'filled',\n    side,\n    align,\n    hideLine,\n    dotClassName,\n    contentClassName,\n    oppositeClassName,\n    lineClassName,\n    className,\n    children,\n    __timelineSide = 'right',\n    __timelineAlign = 'center',\n    __timelineDensity = 'default',\n    __timelineColor = 'primary',\n    __timelineDotSize = 'md',\n    __timelineLineColor,\n    __timelineLineWidth = 2,\n    __timelineIndex = 0,\n    __timelineCount = 1,\n    ...rest\n  } = props;\n\n  const resolvedAlign = align ?? __timelineAlign;\n  const resolvedSide = resolveSide(side ?? __timelineSide, __timelineIndex);\n  const resolvedColor = color ?? __timelineColor;\n  const dotSizeClass = dotSizeClasses[__timelineDotSize] ?? dotSizeClasses.md;\n  const dotPalette = resolveDotPalette(resolvedColor, variant);\n  const iconNode = resolveIconNode(icon);\n  const isLast = __timelineIndex >= __timelineCount - 1;\n  const showLine = !hideLine && !isLast;\n  const lineStyle: React.CSSProperties = {\n    width: __timelineLineWidth,\n    backgroundColor: __timelineLineColor\n  };\n\n  const baseItemClass = twMerge(\n    'timeline-item grid grid-cols-[1fr_auto_1fr] gap-4',\n    alignClasses[resolvedAlign] ?? alignClasses.center,\n    className\n  );\n\n  const contentNode = children ?? (\n    <div className='space-y-1'>\n      {title && <div className='text-sm font-semibold text-gray-900'>{title}</div>}\n      {subtitle && <div className='text-sm text-gray-500'>{subtitle}</div>}\n    </div>\n  );\n\n  const leftContent =\n    resolvedSide === 'left' ? (\n      <div className={twMerge('flex flex-col text-right', contentClassName)}>{contentNode}</div>\n    ) : opposite ? (\n      <div className={twMerge('flex flex-col text-right text-sm text-gray-500', oppositeClassName)}>\n        {opposite}\n      </div>\n    ) : (\n      <div />\n    );\n\n  const rightContent =\n    resolvedSide === 'right' ? (\n      <div className={twMerge('flex flex-col text-left', contentClassName)}>{contentNode}</div>\n    ) : opposite ? (\n      <div className={twMerge('flex flex-col text-left text-sm text-gray-500', oppositeClassName)}>\n        {opposite}\n      </div>\n    ) : (\n      <div />\n    );\n\n  return (\n    <div {...rest} ref={ref} className={baseItemClass}>\n      {leftContent}\n      <div className='relative flex h-full flex-col items-center'>\n        <span\n          className={twMerge(\n            'flex items-center justify-center rounded-full ring-4 ring-white',\n            dotSizeClass,\n            dotPalette.dot,\n            dotPalette.ring,\n            dotClassName\n          )}\n        >\n          {dot ?? iconNode}\n        </span>\n        <span\n          className={twMerge(\n            'mt-3 flex-1 bg-gray-200 dark:bg-gray-700',\n            showLine ? undefined : 'invisible',\n            lineClassName\n          )}\n          style={lineStyle}\n          aria-hidden\n        />\n      </div>\n      {rightContent}\n    </div>\n  );\n});\n\nTimeLineItem.displayName = 'TimeLine.Item';\n\nconst isTimeLineItem = (child: React.ReactNode): child is React.ReactElement<InternalItemProps> => {\n  if (!React.isValidElement(child)) {\n    return false;\n  }\n\n  const elementType = child.type as { displayName?: string };\n  return child.type === TimeLineItem || elementType.displayName === TimeLineItem.displayName;\n};\n\n/**\n * Vuetify-inspired timeline container with optional alternating layout.\n */\nconst TimeLine = React.forwardRef<HTMLDivElement, TimeLineProps>((props, ref) => {\n  const {\n    side = 'right',\n    align = 'center',\n    density = 'default',\n    color = 'primary',\n    lineColor,\n    lineWidth = 2,\n    dotSize = 'md',\n    className,\n    children,\n    ...rest\n  } = props;\n\n  const resolvedGap = densityGapClasses[density] ?? densityGapClasses.default;\n  const childArray = React.Children.toArray(children);\n\n  const resolvedChildren = childArray.map((child, index) => {\n    if (!isTimeLineItem(child)) {\n      return child;\n    }\n\n    return React.cloneElement(child, {\n      __timelineSide: side,\n      __timelineAlign: align,\n      __timelineDensity: density,\n      __timelineColor: color,\n      __timelineDotSize: dotSize,\n      __timelineLineColor: lineColor,\n      __timelineLineWidth: lineWidth,\n      __timelineIndex: index,\n      __timelineCount: childArray.length\n    });\n  });\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      className={twMerge('timeline flex flex-col', resolvedGap, className)}\n    >\n      {resolvedChildren}\n    </div>\n  );\n});\n\nTimeLine.displayName = 'TimeLine';\n\ntype TimeLineComponent = React.ForwardRefExoticComponent<\n  TimeLineProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Item: typeof TimeLineItem;\n};\n\nconst TimeLineWithItem = TimeLine as TimeLineComponent;\nTimeLineWithItem.Item = TimeLineItem;\n\nexport { TimeLineItem };\nexport type {\n  TimeLineProps,\n  TimeLineItemProps,\n  TimeLineSide,\n  TimeLineAlign,\n  TimeLineDensity,\n  TimeLineDotVariant,\n  TimeLineDotSize\n};\nexport default TimeLineWithItem;\n"]}

package/dist/timeline.d.cts

@@ -0,0 +1,54 @@
+import * as react from 'react';
+import { P as Palette, b as PropIcon } from './global.types-D-o85tuX.cjs';
+
+type TimeLineSide = 'left' | 'right' | 'alternate';
+type TimeLineAlign = 'start' | 'center' | 'end';
+type TimeLineDensity = 'default' | 'compact';
+type TimeLineDotSize = 'sm' | 'md' | 'lg';
+type TimeLineDotVariant = 'filled' | 'outlined' | 'tonal';
+interface TimeLineProps extends react.HTMLAttributes<HTMLDivElement> {
+    side?: TimeLineSide;
+    align?: TimeLineAlign;
+    density?: TimeLineDensity;
+    color?: Palette;
+    lineColor?: string;
+    lineWidth?: number;
+    dotSize?: TimeLineDotSize;
+}
+interface TimeLineItemProps extends Omit<react.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: react.ReactNode;
+    subtitle?: react.ReactNode;
+    opposite?: react.ReactNode;
+    icon?: PropIcon;
+    dot?: react.ReactNode;
+    color?: Palette;
+    variant?: TimeLineDotVariant;
+    side?: Exclude<TimeLineSide, 'alternate'>;
+    align?: TimeLineAlign;
+    hideLine?: boolean;
+    dotClassName?: string;
+    contentClassName?: string;
+    oppositeClassName?: string;
+    lineClassName?: string;
+}
+
+/**
+ * Single timeline item with dot, optional icon and left/right content slots.
+ */
+declare const TimeLineItem: react.ForwardRefExoticComponent<TimeLineItemProps & {
+    __timelineSide?: TimeLineSide;
+    __timelineAlign?: TimeLineAlign;
+    __timelineDensity?: TimeLineDensity;
+    __timelineColor?: Palette;
+    __timelineDotSize?: TimeLineDotSize;
+    __timelineLineColor?: string;
+    __timelineLineWidth?: number;
+    __timelineIndex?: number;
+    __timelineCount?: number;
+} & react.RefAttributes<HTMLDivElement>>;
+type TimeLineComponent = react.ForwardRefExoticComponent<TimeLineProps & react.RefAttributes<HTMLDivElement>> & {
+    Item: typeof TimeLineItem;
+};
+declare const TimeLineWithItem: TimeLineComponent;
+
+export { type TimeLineAlign, type TimeLineDensity, type TimeLineDotSize, type TimeLineDotVariant, TimeLineItem, type TimeLineItemProps, type TimeLineProps, type TimeLineSide, TimeLineWithItem as default };

package/dist/timeline.d.ts

@@ -0,0 +1,54 @@
+import * as react from 'react';
+import { P as Palette, b as PropIcon } from './global.types-D-o85tuX.js';
+
+type TimeLineSide = 'left' | 'right' | 'alternate';
+type TimeLineAlign = 'start' | 'center' | 'end';
+type TimeLineDensity = 'default' | 'compact';
+type TimeLineDotSize = 'sm' | 'md' | 'lg';
+type TimeLineDotVariant = 'filled' | 'outlined' | 'tonal';
+interface TimeLineProps extends react.HTMLAttributes<HTMLDivElement> {
+    side?: TimeLineSide;
+    align?: TimeLineAlign;
+    density?: TimeLineDensity;
+    color?: Palette;
+    lineColor?: string;
+    lineWidth?: number;
+    dotSize?: TimeLineDotSize;
+}
+interface TimeLineItemProps extends Omit<react.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: react.ReactNode;
+    subtitle?: react.ReactNode;
+    opposite?: react.ReactNode;
+    icon?: PropIcon;
+    dot?: react.ReactNode;
+    color?: Palette;
+    variant?: TimeLineDotVariant;
+    side?: Exclude<TimeLineSide, 'alternate'>;
+    align?: TimeLineAlign;
+    hideLine?: boolean;
+    dotClassName?: string;
+    contentClassName?: string;
+    oppositeClassName?: string;
+    lineClassName?: string;
+}
+
+/**
+ * Single timeline item with dot, optional icon and left/right content slots.
+ */
+declare const TimeLineItem: react.ForwardRefExoticComponent<TimeLineItemProps & {
+    __timelineSide?: TimeLineSide;
+    __timelineAlign?: TimeLineAlign;
+    __timelineDensity?: TimeLineDensity;
+    __timelineColor?: Palette;
+    __timelineDotSize?: TimeLineDotSize;
+    __timelineLineColor?: string;
+    __timelineLineWidth?: number;
+    __timelineIndex?: number;
+    __timelineCount?: number;
+} & react.RefAttributes<HTMLDivElement>>;
+type TimeLineComponent = react.ForwardRefExoticComponent<TimeLineProps & react.RefAttributes<HTMLDivElement>> & {
+    Item: typeof TimeLineItem;
+};
+declare const TimeLineWithItem: TimeLineComponent;
+
+export { type TimeLineAlign, type TimeLineDensity, type TimeLineDotSize, type TimeLineDotVariant, TimeLineItem, type TimeLineItemProps, type TimeLineProps, type TimeLineSide, TimeLineWithItem as default };

package/dist/timeline.js

@@ -0,0 +1,5 @@
+export { TimeLineItem, TimeLine_default as default } from './chunk-4J3SRVOS.js';
+import './chunk-PSMGRUU5.js';
+import './chunk-IEILIKS2.js';
+//# sourceMappingURL=timeline.js.map
+//# sourceMappingURL=timeline.js.map

package/dist/timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"timeline.js"}