@lindle/linoardo 1.0.20 → 1.0.22

package/dist/progress.cjs

@@ -0,0 +1,314 @@
+'use strict';
+
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/Feedback/Progress/index.tsx
+var clampPercent = (value) => {
+  if (value === void 0 || value === null || Number.isNaN(value)) {
+    return 0;
+  }
+  return Math.min(100, Math.max(0, value));
+};
+var statusIconMap = {
+  success: "mdi mdi-check",
+  exception: "mdi mdi-alert"
+};
+var strokeColorByStatus = {
+  normal: "rgb(99 102 241)",
+  active: "rgb(99 102 241)",
+  success: "rgb(16 185 129)",
+  exception: "rgb(239 68 68)"
+};
+var trailColorDefault = "rgb(229 231 235)";
+var resolveStroke = (status, strokeColor, gradientId) => {
+  if (!strokeColor) {
+    return { color: strokeColorByStatus[status] };
+  }
+  if (typeof strokeColor === "string") {
+    return { color: strokeColor };
+  }
+  const id = gradientId ?? `progress-gradient-${Math.random().toString(16).slice(2)}`;
+  return {
+    color: `url(#${id})`,
+    gradient: { id, from: strokeColor.from, to: strokeColor.to },
+    cssGradient: `linear-gradient(90deg, ${strokeColor.from}, ${strokeColor.to})`
+  };
+};
+var resolveRotation = (gapPosition) => {
+  switch (gapPosition) {
+    case "bottom":
+      return 90;
+    case "left":
+      return 180;
+    case "right":
+      return 0;
+    case "top":
+    default:
+      return -90;
+  }
+};
+var buildGradientId = (strokeColor) => {
+  if (strokeColor && typeof strokeColor !== "string") {
+    const from = strokeColor.from.replace(/\W+/g, "");
+    const to = strokeColor.to.replace(/\W+/g, "");
+    return `progress-gradient-${from}-${to}`;
+  }
+  return void 0;
+};
+var InfoNode = ({ status, percent, successPercent, format }) => {
+  const iconClass = status === "success" || status === "exception" ? statusIconMap[status] : void 0;
+  const content = typeof format === "function" ? format(percent, successPercent) : iconClass ? /* @__PURE__ */ jsxRuntime.jsx("i", { className: iconClass, "aria-hidden": true }) : `${Math.round(percent)}%`;
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-200", children: content });
+};
+var renderSteps = (percent, steps, status, strokeStyle, trailColor, height) => {
+  const filled = Math.round(percent / 100 * steps);
+  const stepStyle = height ? { height } : {};
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full items-center gap-1", style: stepStyle, children: Array.from({ length: steps }).map((_, idx) => {
+    const isFilled = idx < filled;
+    const resolvedStyle = {
+      ...isFilled ? strokeStyle : { backgroundColor: trailColor ?? trailColorDefault },
+      height
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: tailwindMerge.twMerge(
+          "flex-1 rounded-full",
+          isFilled ? void 0 : "bg-gray-200 dark:bg-gray-800",
+          status === "active" && isFilled ? "animate-pulse" : void 0
+        ),
+        style: resolvedStyle
+      },
+      idx
+    );
+  }) });
+};
+var LineProgress = ({
+  percent,
+  status,
+  successPercent,
+  format,
+  showInfo = true,
+  strokeWidth,
+  trailColor,
+  strokeColor,
+  success,
+  size = "default",
+  steps,
+  className,
+  style,
+  ...rest
+}) => {
+  const height = strokeWidth ?? (size === "small" ? 6 : size === "large" ? 12 : 8);
+  const gradientId = buildGradientId(strokeColor);
+  const { color, gradient, cssGradient } = resolveStroke(status, strokeColor, gradientId);
+  const stepStrokeStyle = gradient ? { backgroundImage: cssGradient } : { backgroundColor: color };
+  const lineStyle = {
+    height,
+    backgroundColor: trailColor ?? trailColorDefault
+  };
+  const barStyle = {
+    width: `${percent}%`,
+    height,
+    backgroundColor: color,
+    background: gradient ? cssGradient : color
+  };
+  const successWidth = successPercent ? Math.min(successPercent, percent) : 0;
+  const successColor = success?.strokeColor ?? "rgb(16 185 129)";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tailwindMerge.twMerge("flex w-full items-center gap-3", className), style, ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-hidden rounded-full", style: lineStyle, children: typeof steps === "number" && steps > 1 ? renderSteps(percent, steps, status, stepStrokeStyle, trailColor, height) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: tailwindMerge.twMerge(
+            "h-full rounded-full transition-[width] duration-300 ease-out",
+            status === "active" ? "animate-pulse" : void 0
+          ),
+          style: barStyle
+        }
+      ),
+      successWidth > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "absolute inset-y-0 left-0 rounded-full transition-[width] duration-300 ease-out",
+          style: { width: `${successWidth}%`, height, backgroundColor: successColor }
+        }
+      ) : null
+    ] }) }),
+    showInfo ? /* @__PURE__ */ jsxRuntime.jsx(InfoNode, { status, percent, successPercent, format }) : null
+  ] });
+};
+var CircleProgress = ({
+  percent,
+  status,
+  successPercent,
+  format,
+  showInfo = true,
+  strokeWidth,
+  trailColor,
+  strokeColor,
+  success,
+  width = 120,
+  type,
+  gapDegree,
+  gapPosition = "top",
+  className,
+  style,
+  ...rest
+}) => {
+  const stroke = strokeWidth ?? 10;
+  const radius = (width - stroke) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const gap = type === "dashboard" ? gapDegree ?? 75 : gapDegree ?? 0;
+  const perimeter = circumference - gap / 360 * circumference;
+  const dashOffsetBase = gap / 360 * circumference / 2;
+  const dashArray = `${perimeter} ${circumference}`;
+  const gradientId = buildGradientId(strokeColor);
+  const { color, gradient } = resolveStroke(status, strokeColor, gradientId);
+  const rotation = resolveRotation(gapPosition);
+  const successColor = success?.strokeColor ?? "rgb(16 185 129)";
+  const progressDashOffset = (100 - percent) / 100 * perimeter + dashOffsetBase;
+  const successDashOffset = (100 - successPercent) / 100 * perimeter + dashOffsetBase;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("inline-flex flex-col items-center justify-center", className), style, ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center justify-center", style: { width, height: width }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        width,
+        height: width,
+        viewBox: `0 0 ${width} ${width}`,
+        className: "absolute inset-0 overflow-visible",
+        style: { transform: `rotate(${rotation}deg)` },
+        children: [
+          gradient ? /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: gradient.id, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: gradient.from }),
+            /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: gradient.to })
+          ] }) }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "circle",
+            {
+              cx: width / 2,
+              cy: width / 2,
+              r: radius,
+              strokeWidth: stroke,
+              stroke: trailColor ?? trailColorDefault,
+              fill: "none",
+              strokeDasharray: dashArray,
+              strokeDashoffset: dashOffsetBase,
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "circle",
+            {
+              cx: width / 2,
+              cy: width / 2,
+              r: radius,
+              strokeWidth: stroke,
+              stroke: color,
+              fill: "none",
+              strokeDasharray: dashArray,
+              strokeDashoffset: progressDashOffset,
+              strokeLinecap: "round",
+              className: tailwindMerge.twMerge(status === "active" ? "animate-[spin_3s_linear_infinite]" : void 0)
+            }
+          ),
+          successPercent > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+            "circle",
+            {
+              cx: width / 2,
+              cy: width / 2,
+              r: radius,
+              strokeWidth: stroke,
+              stroke: successColor,
+              fill: "none",
+              strokeDasharray: dashArray,
+              strokeDashoffset: successDashOffset,
+              strokeLinecap: "round"
+            }
+          ) : null
+        ]
+      }
+    ),
+    showInfo ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold text-gray-800 dark:text-gray-100", children: /* @__PURE__ */ jsxRuntime.jsx(InfoNode, { status, percent, successPercent, format }) }) }) : null
+  ] }) });
+};
+var Progress = (props) => {
+  const toNumber = (value) => {
+    if (typeof value === "string") {
+      const parsed = Number.parseFloat(value);
+      return Number.isFinite(parsed) ? parsed : void 0;
+    }
+    return value;
+  };
+  const {
+    percent: rawPercent = 0,
+    success,
+    status: providedStatus,
+    type = "line",
+    showInfo = true,
+    format,
+    strokeWidth,
+    trailColor,
+    strokeColor,
+    width,
+    size,
+    steps,
+    gapDegree,
+    gapPosition,
+    className,
+    style,
+    ...restProps
+  } = props;
+  const percent = clampPercent(toNumber(rawPercent));
+  const successPercent = clampPercent(toNumber(success?.percent));
+  const status = providedStatus ?? (percent >= 100 ? "success" : "normal");
+  const resolvedClassName = tailwindMerge.twMerge("min-w-[200px]", className);
+  if (type === "circle" || type === "dashboard") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      CircleProgress,
+      {
+        ...restProps,
+        type,
+        percent,
+        successPercent,
+        success,
+        status,
+        showInfo,
+        className: resolvedClassName,
+        format,
+        strokeWidth,
+        trailColor,
+        strokeColor,
+        width,
+        gapDegree,
+        gapPosition,
+        style
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LineProgress,
+    {
+      percent,
+      successPercent,
+      success,
+      status,
+      showInfo,
+      className: resolvedClassName,
+      format,
+      strokeWidth,
+      trailColor,
+      strokeColor,
+      size,
+      steps,
+      style,
+      ...restProps
+    }
+  );
+};
+var Progress_default = Progress;
+
+module.exports = Progress_default;
+//# sourceMappingURL=progress.cjs.map
+//# sourceMappingURL=progress.cjs.map

package/dist/progress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Feedback/Progress/index.tsx"],"names":["jsx","twMerge","jsxs","Fragment"],"mappings":"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","file":"progress.cjs","sourcesContent":["import * as React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport type { ProgressProps, ProgressStatus, ProgressType } from './types.progress';\n\nconst clampPercent = (value?: number) => {\n  if (value === undefined || value === null || Number.isNaN(value)) {\n    return 0;\n  }\n  return Math.min(100, Math.max(0, value));\n};\n\nconst statusIconMap: Record<Exclude<ProgressStatus, 'normal' | 'active'>, string> = {\n  success: 'mdi mdi-check',\n  exception: 'mdi mdi-alert'\n};\n\nconst strokeColorByStatus: Record<ProgressStatus, string> = {\n  normal: 'rgb(99 102 241)',\n  active: 'rgb(99 102 241)',\n  success: 'rgb(16 185 129)',\n  exception: 'rgb(239 68 68)'\n};\n\nconst trailColorDefault = 'rgb(229 231 235)';\n\nconst resolveStroke = (\n  status: ProgressStatus,\n  strokeColor?: ProgressProps['strokeColor'],\n  gradientId?: string\n): { color: string; gradient?: { id: string; from: string; to: string }; cssGradient?: string } => {\n  if (!strokeColor) {\n    return { color: strokeColorByStatus[status] };\n  }\n  if (typeof strokeColor === 'string') {\n    return { color: strokeColor };\n  }\n  const id = gradientId ?? `progress-gradient-${Math.random().toString(16).slice(2)}`;\n  return {\n    color: `url(#${id})`,\n    gradient: { id, from: strokeColor.from, to: strokeColor.to },\n    cssGradient: `linear-gradient(90deg, ${strokeColor.from}, ${strokeColor.to})`\n  };\n};\n\nconst resolveRotation = (gapPosition: NonNullable<ProgressProps['gapPosition']>) => {\n  switch (gapPosition) {\n    case 'bottom':\n      return 90;\n    case 'left':\n      return 180;\n    case 'right':\n      return 0;\n    case 'top':\n    default:\n      return -90;\n  }\n};\n\nconst buildGradientId = (strokeColor?: ProgressProps['strokeColor']) => {\n  if (strokeColor && typeof strokeColor !== 'string') {\n    const from = strokeColor.from.replace(/\\W+/g, '');\n    const to = strokeColor.to.replace(/\\W+/g, '');\n    return `progress-gradient-${from}-${to}`;\n  }\n  return undefined;\n};\n\nconst InfoNode: React.FC<{\n  status: ProgressStatus;\n  percent: number;\n  successPercent: number;\n  format?: ProgressProps['format'];\n}> = ({ status, percent, successPercent, format }) => {\n  const iconClass =\n    status === 'success' || status === 'exception' ? statusIconMap[status] : undefined;\n\n  const content =\n    typeof format === 'function'\n      ? format(percent, successPercent)\n      : iconClass\n      ? <i className={iconClass} aria-hidden />\n      : `${Math.round(percent)}%`;\n\n  return <span className='text-sm font-medium text-gray-700 dark:text-gray-200'>{content}</span>;\n};\n\nconst renderSteps = (\n  percent: number,\n  steps: number,\n  status: ProgressStatus,\n  strokeStyle: { backgroundColor?: string; backgroundImage?: string },\n  trailColor?: string,\n  height?: number\n) => {\n  const filled = Math.round((percent / 100) * steps);\n  const stepStyle: React.CSSProperties = height ? { height } : {};\n\n  return (\n    <div className='flex w-full items-center gap-1' style={stepStyle}>\n      {Array.from({ length: steps }).map((_, idx) => {\n        const isFilled = idx < filled;\n        const resolvedStyle: React.CSSProperties = {\n          ...(isFilled ? strokeStyle : { backgroundColor: trailColor ?? trailColorDefault }),\n          height\n        };\n        return (\n          <span\n            key={idx}\n            className={twMerge(\n              'flex-1 rounded-full',\n              isFilled ? undefined : 'bg-gray-200 dark:bg-gray-800',\n              status === 'active' && isFilled ? 'animate-pulse' : undefined\n            )}\n            style={resolvedStyle}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nconst LineProgress: React.FC<ProgressProps & { percent: number; status: ProgressStatus; successPercent: number }> = ({\n  percent,\n  status,\n  successPercent,\n  format,\n  showInfo = true,\n  strokeWidth,\n  trailColor,\n  strokeColor,\n  success,\n  size = 'default',\n  steps,\n  className,\n  style,\n  ...rest\n}) => {\n  const height = strokeWidth ?? (size === 'small' ? 6 : size === 'large' ? 12 : 8);\n  const gradientId = buildGradientId(strokeColor);\n  const { color, gradient, cssGradient } = resolveStroke(status, strokeColor, gradientId);\n  const stepStrokeStyle = gradient ? { backgroundImage: cssGradient } : { backgroundColor: color };\n  const lineStyle: React.CSSProperties = {\n    height,\n    backgroundColor: trailColor ?? trailColorDefault\n  };\n  const barStyle: React.CSSProperties = {\n    width: `${percent}%`,\n    height,\n    backgroundColor: color,\n    background: gradient ? cssGradient : color\n  };\n\n  const successWidth = successPercent ? Math.min(successPercent, percent) : 0;\n  const successColor = success?.strokeColor ?? 'rgb(16 185 129)';\n\n  return (\n    <div className={twMerge('flex w-full items-center gap-3', className)} style={style} {...rest}>\n      <div className='relative w-full overflow-hidden rounded-full' style={lineStyle}>\n        {typeof steps === 'number' && steps > 1\n          ? renderSteps(percent, steps, status, stepStrokeStyle, trailColor, height)\n          : (\n            <>\n              <div\n                className={twMerge(\n                  'h-full rounded-full transition-[width] duration-300 ease-out',\n                  status === 'active' ? 'animate-pulse' : undefined\n                )}\n                style={barStyle}\n              />\n              {successWidth > 0 ? (\n                <div\n                  className='absolute inset-y-0 left-0 rounded-full transition-[width] duration-300 ease-out'\n                  style={{ width: `${successWidth}%`, height, backgroundColor: successColor }}\n                />\n              ) : null}\n            </>\n            )}\n      </div>\n      {showInfo ? <InfoNode status={status} percent={percent} successPercent={successPercent} format={format} /> : null}\n    </div>\n  );\n};\n\nconst CircleProgress: React.FC<ProgressProps & { percent: number; status: ProgressStatus; successPercent: number }> = ({\n  percent,\n  status,\n  successPercent,\n  format,\n  showInfo = true,\n  strokeWidth,\n  trailColor,\n  strokeColor,\n  success,\n  width = 120,\n  type,\n  gapDegree,\n  gapPosition = 'top',\n  className,\n  style,\n  ...rest\n}) => {\n  const stroke = strokeWidth ?? 10;\n  const radius = (width - stroke) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const gap = type === 'dashboard' ? gapDegree ?? 75 : gapDegree ?? 0;\n  const perimeter = circumference - (gap / 360) * circumference;\n  const dashOffsetBase = (gap / 360) * circumference / 2;\n  const dashArray = `${perimeter} ${circumference}`;\n  const gradientId = buildGradientId(strokeColor);\n  const { color, gradient } = resolveStroke(status, strokeColor, gradientId);\n  const rotation = resolveRotation(gapPosition);\n  const successColor = success?.strokeColor ?? 'rgb(16 185 129)';\n\n  const progressDashOffset = ((100 - percent) / 100) * perimeter + dashOffsetBase;\n  const successDashOffset = ((100 - successPercent) / 100) * perimeter + dashOffsetBase;\n\n  return (\n    <div className={twMerge('inline-flex flex-col items-center justify-center', className)} style={style} {...rest}>\n      <div className='relative flex items-center justify-center' style={{ width, height: width }}>\n        <svg\n          width={width}\n          height={width}\n          viewBox={`0 0 ${width} ${width}`}\n          className='absolute inset-0 overflow-visible'\n          style={{ transform: `rotate(${rotation}deg)` }}\n        >\n          {gradient ? (\n            <defs>\n              <linearGradient id={gradient.id} x1='0%' y1='0%' x2='100%' y2='0%'>\n                <stop offset='0%' stopColor={gradient.from} />\n                <stop offset='100%' stopColor={gradient.to} />\n              </linearGradient>\n            </defs>\n          ) : null}\n          <circle\n            cx={width / 2}\n            cy={width / 2}\n            r={radius}\n            strokeWidth={stroke}\n            stroke={trailColor ?? trailColorDefault}\n            fill='none'\n            strokeDasharray={dashArray}\n            strokeDashoffset={dashOffsetBase}\n            strokeLinecap='round'\n          />\n          <circle\n            cx={width / 2}\n            cy={width / 2}\n            r={radius}\n            strokeWidth={stroke}\n            stroke={color}\n            fill='none'\n            strokeDasharray={dashArray}\n            strokeDashoffset={progressDashOffset}\n            strokeLinecap='round'\n            className={twMerge(status === 'active' ? 'animate-[spin_3s_linear_infinite]' : undefined)}\n          />\n          {successPercent > 0 ? (\n            <circle\n              cx={width / 2}\n              cy={width / 2}\n              r={radius}\n              strokeWidth={stroke}\n              stroke={successColor}\n              fill='none'\n              strokeDasharray={dashArray}\n              strokeDashoffset={successDashOffset}\n              strokeLinecap='round'\n            />\n          ) : null}\n        </svg>\n        {showInfo ? (\n          <div className='absolute inset-0 flex items-center justify-center'>\n            <div className='text-sm font-semibold text-gray-800 dark:text-gray-100'>\n              <InfoNode status={status} percent={percent} successPercent={successPercent} format={format} />\n            </div>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nconst Progress: React.FC<ProgressProps> = props => {\n  const toNumber = (value?: number | string) => {\n    if (typeof value === 'string') {\n      const parsed = Number.parseFloat(value);\n      return Number.isFinite(parsed) ? parsed : undefined;\n    }\n    return value;\n  };\n\n  const {\n    percent: rawPercent = 0,\n    success,\n    status: providedStatus,\n    type = 'line',\n    showInfo = true,\n    format,\n    strokeWidth,\n    trailColor,\n    strokeColor,\n    width,\n    size,\n    steps,\n    gapDegree,\n    gapPosition,\n    className,\n    style,\n    ...restProps\n  } = props;\n\n  const percent = clampPercent(toNumber(rawPercent));\n  const successPercent = clampPercent(toNumber(success?.percent));\n  const status: ProgressStatus = providedStatus ?? (percent >= 100 ? 'success' : 'normal');\n  const resolvedClassName = twMerge('min-w-[200px]', className);\n\n  if (type === 'circle' || type === 'dashboard') {\n    return (\n      <CircleProgress\n        {...restProps}\n        type={type}\n        percent={percent}\n        successPercent={successPercent}\n        success={success}\n        status={status}\n        showInfo={showInfo}\n        className={resolvedClassName}\n        format={format}\n        strokeWidth={strokeWidth}\n        trailColor={trailColor}\n        strokeColor={strokeColor}\n        width={width}\n        gapDegree={gapDegree}\n        gapPosition={gapPosition}\n        style={style}\n      />\n    );\n  }\n\n  return (\n    <LineProgress\n      percent={percent}\n      successPercent={successPercent}\n      success={success}\n      status={status}\n      showInfo={showInfo}\n      className={resolvedClassName}\n      format={format}\n      strokeWidth={strokeWidth}\n      trailColor={trailColor}\n      strokeColor={strokeColor}\n      size={size}\n      steps={steps}\n      style={style}\n      {...restProps}\n    />\n  );\n};\n\nexport type { ProgressProps, ProgressStatus, ProgressType } from './types.progress';\nexport default Progress;\n"]}

package/dist/progress.d.cts

@@ -0,0 +1,30 @@
+import * as react from 'react';
+
+type ProgressType = 'line' | 'circle' | 'dashboard';
+type ProgressStatus = 'normal' | 'active' | 'success' | 'exception';
+interface ProgressProps extends react.HTMLAttributes<HTMLDivElement> {
+    percent?: number;
+    type?: ProgressType;
+    status?: ProgressStatus;
+    showInfo?: boolean;
+    format?: (percent?: number, successPercent?: number) => react.ReactNode;
+    strokeWidth?: number;
+    trailColor?: string;
+    strokeColor?: string | {
+        from: string;
+        to: string;
+    };
+    width?: number;
+    size?: 'small' | 'default' | 'large';
+    steps?: number;
+    success?: {
+        percent?: number;
+        strokeColor?: string;
+    };
+    gapDegree?: number;
+    gapPosition?: 'top' | 'bottom' | 'left' | 'right';
+}
+
+declare const Progress: react.FC<ProgressProps>;
+
+export { type ProgressProps, type ProgressStatus, type ProgressType, Progress as default };

package/dist/progress.d.ts

@@ -0,0 +1,30 @@
+import * as react from 'react';
+
+type ProgressType = 'line' | 'circle' | 'dashboard';
+type ProgressStatus = 'normal' | 'active' | 'success' | 'exception';
+interface ProgressProps extends react.HTMLAttributes<HTMLDivElement> {
+    percent?: number;
+    type?: ProgressType;
+    status?: ProgressStatus;
+    showInfo?: boolean;
+    format?: (percent?: number, successPercent?: number) => react.ReactNode;
+    strokeWidth?: number;
+    trailColor?: string;
+    strokeColor?: string | {
+        from: string;
+        to: string;
+    };
+    width?: number;
+    size?: 'small' | 'default' | 'large';
+    steps?: number;
+    success?: {
+        percent?: number;
+        strokeColor?: string;
+    };
+    gapDegree?: number;
+    gapPosition?: 'top' | 'bottom' | 'left' | 'right';
+}
+
+declare const Progress: react.FC<ProgressProps>;
+
+export { type ProgressProps, type ProgressStatus, type ProgressType, Progress as default };

package/dist/progress.js

@@ -0,0 +1,3 @@
+export { Progress_default as default } from './chunk-Z5A2OIDI.js';
+//# sourceMappingURL=progress.js.map
+//# sourceMappingURL=progress.js.map

package/dist/progress.js.map

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

package/dist/select.cjs

@@ -20,16 +20,16 @@ function generateString(length = 5) {
   }
   return result;
 }
-var baseClass = "select-base w-full appearance-none focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed bg-white text-gray-900";
+var baseClass = "select-base w-full appearance-none focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed bg-white text-gray-900 placeholder:text-gray-500 dark:bg-slate-900 dark:text-gray-100 dark:placeholder:text-gray-400";
 var variantClasses = {
-  solid: "rounded border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30",
-  sharp: "rounded-none border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30",
-  outline: "rounded border border-gray-300 bg-transparent focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30",
-  text: "rounded-none border-0 border-b border-transparent pl-0 pr-10 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent",
-  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",
-  filled: "rounded border border-gray-200 bg-gray-100 focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25",
-  underlined: "rounded-none border-0 border-b border-gray-300 pl-0 pr-10 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent",
-  rounded: "rounded-full pl-4 pr-10 border border-gray-300 bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/20 shadow-sm"
+  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-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 pl-0 pr-10 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",
+  underlined: "rounded-none border-0 border-b border-gray-300 pl-0 pr-10 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",
+  rounded: "rounded-full pl-4 pr-10 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"
 };
 var sizeClasses = {
   "x-small": { padding: "pl-2 pr-8 py-2", text: "text-xs" },
@@ -111,7 +111,7 @@ var Select = ({
   const shouldRenderPlaceholder = !multiple && placeholderText !== void 0;
   const labelShouldFloat = hasValue || isFocused;
   const labelLeftClass = "left-3";
-  const labelBgDefault = ["outline", "text", "underlined"].includes(variant) ? "bg-transparent" : "bg-white/90";
+  const labelBgDefault = ["outline", "text", "underlined"].includes(variant) ? "bg-transparent" : "bg-white/90 dark:bg-slate-900";
   const handleFocus = (event) => {
     if (hidePlaceholderUntilFocus) setIsFocused(true);
     onFocus?.(event);
@@ -147,13 +147,13 @@ var Select = ({
         ]
       }
     ),
-    !multiple && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500", children: /* @__PURE__ */ jsxRuntime.jsx("i", { className: "mdi mdi-chevron-down text-base leading-none", "aria-hidden": true }) }),
+    !multiple && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500 dark:text-gray-300", children: /* @__PURE__ */ jsxRuntime.jsx("i", { className: "mdi mdi-chevron-down text-base leading-none", "aria-hidden": true }) }),
     label && /* @__PURE__ */ jsxRuntime.jsx(
       "label",
       {
         htmlFor: selectId,
         className: tailwindMerge.twMerge(
-          "absolute transition-all duration-150 pointer-events-none text-gray-700",
+          "absolute transition-all duration-150 pointer-events-none text-gray-700 dark:text-gray-200",
           labelLeftClass,
           labelShouldFloat ? [
             "top-0 text-xs px-1",

package/dist/select.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/helpers/randomStr.ts","../src/Form/Select/index.tsx"],"names":["React","jsx","twMerge","jsxs"],"mappings":"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","file":"select.cjs","sourcesContent":["const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n\nexport function generateString(length = 5) {\n  let result: string = '';\n  const charactersLength = characters.length;\n  for (let i = 0; i < length; i++) {\n    result += characters.charAt(Math.floor(Math.random() * charactersLength));\n  }\n\n  return result;\n}\n","import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { generateString } from '../../utils/helpers/randomStr';\nimport type { GlobalSize } from '@lindle/linoardo/global.types';\nimport type { InputVariant } from '../Input/types';\nimport type { SelectOption, SelectOptionObject, SelectProps } from './types.select';\n\nconst baseClass =\n  'select-base w-full appearance-none focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed bg-white text-gray-900';\n\nconst 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',\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',\n  outline:\n    'rounded border border-gray-300 bg-transparent focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30',\n  text: 'rounded-none border-0 border-b border-transparent pl-0 pr-10 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent',\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',\n  filled:\n    'rounded border border-gray-200 bg-gray-100 focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25',\n  underlined:\n    'rounded-none border-0 border-b border-gray-300 pl-0 pr-10 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent',\n  rounded:\n    'rounded-full pl-4 pr-10 border border-gray-300 bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/20 shadow-sm'\n} satisfies Record<InputVariant, string>;\n\nconst sizeClasses = {\n  'x-small': { padding: 'pl-2 pr-8 py-2', text: 'text-xs' },\n  small: { padding: 'pl-2.5 pr-9 py-2.5', text: 'text-sm' },\n  medium: { padding: 'pl-3 pr-10 py-3', text: 'text-base' },\n  large: { padding: 'pl-3.5 pr-11 py-3.5', text: 'text-lg' },\n  'x-large': { padding: 'pl-4 pr-12 py-4', text: 'text-xl' }\n} satisfies Record<GlobalSize, { padding: string; text: string }>;\n\nconst normalizeOption = (option: SelectOption): SelectOptionObject => {\n  if (typeof option === 'string') {\n    return { label: option, value: option };\n  }\n\n  return option;\n};\n\n/**\n * Native select styled with the same visual variants as Input.\n * Accepts options as string[] or { label, value }[] for convenience.\n */\nconst Select: React.FC<SelectProps> = ({\n  options,\n  label,\n  placeholder,\n  variant = 'outline',\n  size = 'medium',\n  className,\n  wrapperClassName,\n  id,\n  name,\n  multiple,\n  onFocus,\n  onBlur,\n  onChange,\n  value,\n  defaultValue,\n  ...props\n}) => {\n  const selectId = id || name || generateString();\n  const selectName = name || selectId;\n  const variantClass = variantClasses[variant] ?? variantClasses.outline;\n  const sizeConfig = sizeClasses[size] ?? sizeClasses.medium;\n  const sizeClass = `${sizeConfig.padding} ${sizeConfig.text}`;\n  const normalizedOptions = options.map(normalizeOption);\n  const hasLabel = Boolean(label);\n  const hasProvidedPlaceholder = typeof placeholder === 'string' && placeholder.trim().length > 0;\n  const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder && !multiple;\n  const placeholderText = placeholder ?? (hasLabel ? ' ' : undefined);\n  const [isFocused, setIsFocused] = React.useState(false);\n  const [hasValue, setHasValue] = React.useState(() => {\n    const initial = value ?? defaultValue;\n    if (initial === undefined || initial === null) return false;\n    if (multiple) {\n      if (Array.isArray(initial)) return initial.length > 0;\n      return String(initial).length > 0;\n    }\n    if (Array.isArray(initial)) {\n      if (initial.length === 0) return false;\n      return String(initial[0]).length > 0;\n    }\n    return String(initial).length > 0;\n  });\n  const isControlled = value !== undefined;\n\n  React.useEffect(() => {\n    if (!isControlled) return;\n    if (value === undefined || value === null) {\n      setHasValue(false);\n      return;\n    }\n    if (multiple) {\n      if (Array.isArray(value)) {\n        setHasValue(value.length > 0);\n      } else {\n        setHasValue(String(value).length > 0);\n      }\n      return;\n    }\n    if (Array.isArray(value)) {\n      setHasValue(value.length > 0 ? String(value[0]).length > 0 : false);\n      return;\n    }\n    setHasValue(String(value).length > 0);\n  }, [isControlled, multiple, value]);\n\n  const placeholderOptionLabel = hidePlaceholderUntilFocus && !isFocused ? ' ' : placeholderText;\n  const shouldRenderPlaceholder = !multiple && placeholderText !== undefined;\n  const labelShouldFloat = hasValue || isFocused;\n  const labelLeftClass = 'left-3';\n  const labelBgDefault = ['outline', 'text', 'underlined'].includes(variant) ? 'bg-transparent' : 'bg-white/90';\n\n  const handleFocus: React.FocusEventHandler<HTMLSelectElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(true);\n    onFocus?.(event);\n  };\n\n  const handleBlur: React.FocusEventHandler<HTMLSelectElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(false);\n    onBlur?.(event);\n  };\n\n  const handleChange: React.ChangeEventHandler<HTMLSelectElement> = event => {\n    if (!isControlled) {\n      const nextHasValue = multiple ? event.target.selectedOptions.length > 0 : event.target.value !== '';\n      setHasValue(nextHasValue);\n    }\n    onChange?.(event);\n  };\n\n  return (\n    <div className={twMerge('flex flex-col gap-1', wrapperClassName)}>\n      <div className='relative flex items-center'>\n        <select\n          {...props}\n          id={selectId}\n          name={selectName}\n          multiple={multiple}\n          value={value}\n          defaultValue={value === undefined ? defaultValue : undefined}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          className={twMerge('peer', baseClass, variantClass, sizeClass, className)}\n        >\n          {shouldRenderPlaceholder && (\n            <option value='' disabled={props.required} hidden={hasValue}>\n              {placeholderOptionLabel}\n            </option>\n          )}\n          {normalizedOptions.map((option, index) => (\n            <option key={`${selectId}-${option.value}-${index}`} value={option.value} disabled={option.disabled}>\n              {option.label}\n            </option>\n          ))}\n        </select>\n        {!multiple && (\n          <span className='pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500'>\n            <i className='mdi mdi-chevron-down text-base leading-none' aria-hidden />\n          </span>\n        )}\n        {label && (\n          <label\n            htmlFor={selectId}\n            className={twMerge(\n              'absolute transition-all duration-150 pointer-events-none text-gray-700',\n              labelLeftClass,\n              labelShouldFloat\n                ? [\n                    'top-0 text-xs px-1',\n                    isFocused ? '-translate-y-1/2 text-gray-600' : '-translate-y-2/3',\n                    labelBgDefault\n                  ].join(' ')\n                : 'top-1/2 -translate-y-1/2 text-sm text-gray-500'\n            )}\n          >\n            {label}\n          </label>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default Select;\nexport type { SelectProps, SelectOption, SelectOptionObject } from './types.select';\n"]}
+{"version":3,"sources":["../src/utils/helpers/randomStr.ts","../src/Form/Select/index.tsx"],"names":["React","jsx","twMerge","jsxs"],"mappings":";;;;;;;;;;;;;AAAA,IAAM,UAAA,GAAa,gEAAA;AAEZ,SAAS,cAAA,CAAe,SAAS,CAAA,EAAG;AACzC,EAAA,IAAI,MAAA,GAAiB,EAAA;AACrB,EAAA,MAAM,mBAAmB,UAAA,CAAW,MAAA;AACpC,EAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,MAAA,EAAQ,CAAA,EAAA,EAAK;AAC/B,IAAA,MAAA,IAAU,UAAA,CAAW,OAAO,IAAA,CAAK,KAAA,CAAM,KAAK,MAAA,EAAO,GAAI,gBAAgB,CAAC,CAAA;AAAA,EAC1E;AAEA,EAAA,OAAO,MAAA;AACT;ACHA,IAAM,SAAA,GACJ,8RAAA;AAEF,IAAM,cAAA,GAAiB;AAAA,EACrB,KAAA,EACE,uQAAA;AAAA,EACF,KAAA,EACE,4QAAA;AAAA,EACF,OAAA,EACE,2NAAA;AAAA,EACF,IAAA,EAAM,0NAAA;AAAA,EACN,KAAA,EACE,gTAAA;AAAA,EACF,MAAA,EACE,2OAAA;AAAA,EACF,UAAA,EACE,uNAAA;AAAA,EACF,OAAA,EACE;AACJ,CAAA;AAEA,IAAM,WAAA,GAAc;AAAA,EAClB,SAAA,EAAW,EAAE,OAAA,EAAS,gBAAA,EAAkB,MAAM,SAAA,EAAU;AAAA,EACxD,KAAA,EAAO,EAAE,OAAA,EAAS,oBAAA,EAAsB,MAAM,SAAA,EAAU;AAAA,EACxD,MAAA,EAAQ,EAAE,OAAA,EAAS,iBAAA,EAAmB,MAAM,WAAA,EAAY;AAAA,EACxD,KAAA,EAAO,EAAE,OAAA,EAAS,qBAAA,EAAuB,MAAM,SAAA,EAAU;AAAA,EACzD,SAAA,EAAW,EAAE,OAAA,EAAS,iBAAA,EAAmB,MAAM,SAAA;AACjD,CAAA;AAEA,IAAM,eAAA,GAAkB,CAAC,MAAA,KAA6C;AACpE,EAAA,IAAI,OAAO,WAAW,QAAA,EAAU;AAC9B,IAAA,OAAO,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAO;AAAA,EACxC;AAEA,EAAA,OAAO,MAAA;AACT,CAAA;AAMA,IAAM,SAAgC,CAAC;AAAA,EACrC,OAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,IAAA,GAAO,QAAA;AAAA,EACP,SAAA;AAAA,EACA,gBAAA;AAAA,EACA,EAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,QAAA,GAAW,EAAA,IAAM,IAAA,IAAQ,cAAA,EAAe;AAC9C,EAAA,MAAM,aAAa,IAAA,IAAQ,QAAA;AAC3B,EAAA,MAAM,YAAA,GAAe,cAAA,CAAe,OAAO,CAAA,IAAK,cAAA,CAAe,OAAA;AAC/D,EAAA,MAAM,UAAA,GAAa,WAAA,CAAY,IAAI,CAAA,IAAK,WAAA,CAAY,MAAA;AACpD,EAAA,MAAM,YAAY,CAAA,EAAG,UAAA,CAAW,OAAO,CAAA,CAAA,EAAI,WAAW,IAAI,CAAA,CAAA;AAC1D,EAAA,MAAM,iBAAA,GAAoB,OAAA,CAAQ,GAAA,CAAI,eAAe,CAAA;AACrD,EAAA,MAAM,QAAA,GAAW,QAAQ,KAAK,CAAA;AAC9B,EAAA,MAAM,yBAAyB,OAAO,WAAA,KAAgB,YAAY,WAAA,CAAY,IAAA,GAAO,MAAA,GAAS,CAAA;AAC9F,EAAA,MAAM,yBAAA,GAA4B,QAAA,IAAY,sBAAA,IAA0B,CAAC,QAAA;AACzE,EAAA,MAAM,eAAA,GAAkB,WAAA,KAAgB,QAAA,GAAW,GAAA,GAAM,MAAA,CAAA;AACzD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,sBAAA,CAAM,SAAS,KAAK,CAAA;AACtD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,sBAAA,CAAM,SAAS,MAAM;AACnD,IAAA,MAAM,UAAU,KAAA,IAAS,YAAA;AACzB,IAAA,IAAI,OAAA,KAAY,MAAA,IAAa,OAAA,KAAY,IAAA,EAAM,OAAO,KAAA;AACtD,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,IAAI,MAAM,OAAA,CAAQ,OAAO,CAAA,EAAG,OAAO,QAAQ,MAAA,GAAS,CAAA;AACpD,MAAA,OAAO,MAAA,CAAO,OAAO,CAAA,CAAE,MAAA,GAAS,CAAA;AAAA,IAClC;AACA,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA,EAAG;AAC1B,MAAA,IAAI,OAAA,CAAQ,MAAA,KAAW,CAAA,EAAG,OAAO,KAAA;AACjC,MAAA,OAAO,MAAA,CAAO,OAAA,CAAQ,CAAC,CAAC,EAAE,MAAA,GAAS,CAAA;AAAA,IACrC;AACA,IAAA,OAAO,MAAA,CAAO,OAAO,CAAA,CAAE,MAAA,GAAS,CAAA;AAAA,EAClC,CAAC,CAAA;AACD,EAAA,MAAM,eAAe,KAAA,KAAU,MAAA;AAE/B,EAAAA,sBAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,CAAC,YAAA,EAAc;AACnB,IAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,KAAU,IAAA,EAAM;AACzC,MAAA,WAAA,CAAY,KAAK,CAAA;AACjB,MAAA;AAAA,IACF;AACA,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG;AACxB,QAAA,WAAA,CAAY,KAAA,CAAM,SAAS,CAAC,CAAA;AAAA,MAC9B,CAAA,MAAO;AACL,QAAA,WAAA,CAAY,MAAA,CAAO,KAAK,CAAA,CAAE,MAAA,GAAS,CAAC,CAAA;AAAA,MACtC;AACA,MAAA;AAAA,IACF;AACA,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG;AACxB,MAAA,WAAA,CAAY,KAAA,CAAM,MAAA,GAAS,CAAA,GAAI,MAAA,CAAO,KAAA,CAAM,CAAC,CAAC,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,KAAK,CAAA;AAClE,MAAA;AAAA,IACF;AACA,IAAA,WAAA,CAAY,MAAA,CAAO,KAAK,CAAA,CAAE,MAAA,GAAS,CAAC,CAAA;AAAA,EACtC,CAAA,EAAG,CAAC,YAAA,EAAc,QAAA,EAAU,KAAK,CAAC,CAAA;AAElC,EAAA,MAAM,sBAAA,GAAyB,yBAAA,IAA6B,CAAC,SAAA,GAAY,GAAA,GAAM,eAAA;AAC/E,EAAA,MAAM,uBAAA,GAA0B,CAAC,QAAA,IAAY,eAAA,KAAoB,MAAA;AACjE,EAAA,MAAM,mBAAmB,QAAA,IAAY,SAAA;AACrC,EAAA,MAAM,cAAA,GAAiB,QAAA;AACvB,EAAA,MAAM,cAAA,GAAiB,CAAC,SAAA,EAAW,MAAA,EAAQ,YAAY,CAAA,CAAE,QAAA,CAAS,OAAO,CAAA,GACrE,gBAAA,GACA,+BAAA;AAEJ,EAAA,MAAM,cAA0D,CAAA,KAAA,KAAS;AACvE,IAAA,IAAI,yBAAA,eAAwC,IAAI,CAAA;AAChD,IAAA,OAAA,GAAU,KAAK,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,MAAM,aAAyD,CAAA,KAAA,KAAS;AACtE,IAAA,IAAI,yBAAA,eAAwC,KAAK,CAAA;AACjD,IAAA,MAAA,GAAS,KAAK,CAAA;AAAA,EAChB,CAAA;AAEA,EAAA,MAAM,eAA4D,CAAA,KAAA,KAAS;AACzE,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,MAAM,YAAA,GAAe,WAAW,KAAA,CAAM,MAAA,CAAO,gBAAgB,MAAA,GAAS,CAAA,GAAI,KAAA,CAAM,MAAA,CAAO,KAAA,KAAU,EAAA;AACjG,MAAA,WAAA,CAAY,YAAY,CAAA;AAAA,IAC1B;AACA,IAAA,QAAA,GAAW,KAAK,CAAA;AAAA,EAClB,CAAA;AAEA,EAAA,uBACEC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,qBAAA,CAAQ,qBAAA,EAAuB,gBAAgB,CAAA,EAC7D,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,EAAA,EAAI,QAAA;AAAA,QACJ,IAAA,EAAM,UAAA;AAAA,QACN,QAAA;AAAA,QACA,KAAA;AAAA,QACA,YAAA,EAAc,KAAA,KAAU,MAAA,GAAY,YAAA,GAAe,MAAA;AAAA,QACnD,OAAA,EAAS,WAAA;AAAA,QACT,MAAA,EAAQ,UAAA;AAAA,QACR,QAAA,EAAU,YAAA;AAAA,QACV,WAAWD,qBAAA,CAAQ,MAAA,EAAQ,SAAA,EAAW,YAAA,EAAc,WAAW,SAAS,CAAA;AAAA,QAEvE,QAAA,EAAA;AAAA,UAAA,uBAAA,oBACCD,cAAA,CAAC,YAAO,KAAA,EAAM,EAAA,EAAG,UAAU,KAAA,CAAM,QAAA,EAAU,MAAA,EAAQ,QAAA,EAChD,QAAA,EAAA,sBAAA,EACH,CAAA;AAAA,UAED,iBAAA,CAAkB,IAAI,CAAC,MAAA,EAAQ,0BAC9BA,cAAA,CAAC,QAAA,EAAA,EAAoD,KAAA,EAAO,MAAA,CAAO,KAAA,EAAO,QAAA,EAAU,OAAO,QAAA,EACxF,QAAA,EAAA,MAAA,CAAO,KAAA,EAAA,EADG,CAAA,EAAG,QAAQ,CAAA,CAAA,EAAI,OAAO,KAAK,CAAA,CAAA,EAAI,KAAK,CAAA,CAEjD,CACD;AAAA;AAAA;AAAA,KACH;AAAA,IACC,CAAC,QAAA,oBACAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mGAAA,EACd,QAAA,kBAAAA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6CAAA,EAA8C,aAAA,EAAW,IAAA,EAAC,CAAA,EACzE,CAAA;AAAA,IAED,KAAA,oBACCA,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,QAAA;AAAA,QACT,SAAA,EAAWC,qBAAA;AAAA,UACT,2FAAA;AAAA,UACA,cAAA;AAAA,UACA,gBAAA,GACI;AAAA,YACE,oBAAA;AAAA,YACA,YAAY,gCAAA,GAAmC,kBAAA;AAAA,YAC/C;AAAA,WACF,CAAE,IAAA,CAAK,GAAG,CAAA,GACV;AAAA,SACN;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EAEJ,CAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,GAAQ","file":"select.cjs","sourcesContent":["const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n\nexport function generateString(length = 5) {\n  let result: string = '';\n  const charactersLength = characters.length;\n  for (let i = 0; i < length; i++) {\n    result += characters.charAt(Math.floor(Math.random() * charactersLength));\n  }\n\n  return result;\n}\n","import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport type { GlobalSize } from '@lindle/linoardo/global.types';\nimport type { InputVariant } from '../Input/types';\nimport type { SelectOption, SelectOptionObject, SelectProps } from './types.select';\nimport { generateString } from '../../utils/helpers/randomStr';\n\nconst baseClass =\n  'select-base w-full appearance-none focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed bg-white text-gray-900 placeholder:text-gray-500 dark:bg-slate-900 dark:text-gray-100 dark:placeholder:text-gray-400';\n\nconst 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 pl-0 pr-10 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 pl-0 pr-10 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 pl-4 pr-10 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\nconst sizeClasses = {\n  'x-small': { padding: 'pl-2 pr-8 py-2', text: 'text-xs' },\n  small: { padding: 'pl-2.5 pr-9 py-2.5', text: 'text-sm' },\n  medium: { padding: 'pl-3 pr-10 py-3', text: 'text-base' },\n  large: { padding: 'pl-3.5 pr-11 py-3.5', text: 'text-lg' },\n  'x-large': { padding: 'pl-4 pr-12 py-4', text: 'text-xl' }\n} satisfies Record<GlobalSize, { padding: string; text: string }>;\n\nconst normalizeOption = (option: SelectOption): SelectOptionObject => {\n  if (typeof option === 'string') {\n    return { label: option, value: option };\n  }\n\n  return option;\n};\n\n/**\n * Native select styled with the same visual variants as Input.\n * Accepts options as string[] or { label, value }[] for convenience.\n */\nconst Select: React.FC<SelectProps> = ({\n  options,\n  label,\n  placeholder,\n  variant = 'outline',\n  size = 'medium',\n  className,\n  wrapperClassName,\n  id,\n  name,\n  multiple,\n  onFocus,\n  onBlur,\n  onChange,\n  value,\n  defaultValue,\n  ...props\n}) => {\n  const selectId = id || name || generateString();\n  const selectName = name || selectId;\n  const variantClass = variantClasses[variant] ?? variantClasses.outline;\n  const sizeConfig = sizeClasses[size] ?? sizeClasses.medium;\n  const sizeClass = `${sizeConfig.padding} ${sizeConfig.text}`;\n  const normalizedOptions = options.map(normalizeOption);\n  const hasLabel = Boolean(label);\n  const hasProvidedPlaceholder = typeof placeholder === 'string' && placeholder.trim().length > 0;\n  const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder && !multiple;\n  const placeholderText = placeholder ?? (hasLabel ? ' ' : undefined);\n  const [isFocused, setIsFocused] = React.useState(false);\n  const [hasValue, setHasValue] = React.useState(() => {\n    const initial = value ?? defaultValue;\n    if (initial === undefined || initial === null) return false;\n    if (multiple) {\n      if (Array.isArray(initial)) return initial.length > 0;\n      return String(initial).length > 0;\n    }\n    if (Array.isArray(initial)) {\n      if (initial.length === 0) return false;\n      return String(initial[0]).length > 0;\n    }\n    return String(initial).length > 0;\n  });\n  const isControlled = value !== undefined;\n\n  React.useEffect(() => {\n    if (!isControlled) return;\n    if (value === undefined || value === null) {\n      setHasValue(false);\n      return;\n    }\n    if (multiple) {\n      if (Array.isArray(value)) {\n        setHasValue(value.length > 0);\n      } else {\n        setHasValue(String(value).length > 0);\n      }\n      return;\n    }\n    if (Array.isArray(value)) {\n      setHasValue(value.length > 0 ? String(value[0]).length > 0 : false);\n      return;\n    }\n    setHasValue(String(value).length > 0);\n  }, [isControlled, multiple, value]);\n\n  const placeholderOptionLabel = hidePlaceholderUntilFocus && !isFocused ? ' ' : placeholderText;\n  const shouldRenderPlaceholder = !multiple && placeholderText !== undefined;\n  const labelShouldFloat = hasValue || isFocused;\n  const labelLeftClass = 'left-3';\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<HTMLSelectElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(true);\n    onFocus?.(event);\n  };\n\n  const handleBlur: React.FocusEventHandler<HTMLSelectElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(false);\n    onBlur?.(event);\n  };\n\n  const handleChange: React.ChangeEventHandler<HTMLSelectElement> = event => {\n    if (!isControlled) {\n      const nextHasValue = multiple ? event.target.selectedOptions.length > 0 : event.target.value !== '';\n      setHasValue(nextHasValue);\n    }\n    onChange?.(event);\n  };\n\n  return (\n    <div className={twMerge('flex flex-col gap-1', wrapperClassName)}>\n      <div className='relative flex items-center'>\n        <select\n          {...props}\n          id={selectId}\n          name={selectName}\n          multiple={multiple}\n          value={value}\n          defaultValue={value === undefined ? defaultValue : undefined}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          className={twMerge('peer', baseClass, variantClass, sizeClass, className)}\n        >\n          {shouldRenderPlaceholder && (\n            <option value='' disabled={props.required} hidden={hasValue}>\n              {placeholderOptionLabel}\n            </option>\n          )}\n          {normalizedOptions.map((option, index) => (\n            <option key={`${selectId}-${option.value}-${index}`} value={option.value} disabled={option.disabled}>\n              {option.label}\n            </option>\n          ))}\n        </select>\n        {!multiple && (\n          <span className='pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500 dark:text-gray-300'>\n            <i className='mdi mdi-chevron-down text-base leading-none' aria-hidden />\n          </span>\n        )}\n        {label && (\n          <label\n            htmlFor={selectId}\n            className={twMerge(\n              'absolute transition-all duration-150 pointer-events-none text-gray-700 dark:text-gray-200',\n              labelLeftClass,\n              labelShouldFloat\n                ? [\n                    'top-0 text-xs px-1',\n                    isFocused ? '-translate-y-1/2 text-gray-600' : '-translate-y-2/3',\n                    labelBgDefault\n                  ].join(' ')\n                : 'top-1/2 -translate-y-1/2 text-sm text-gray-500'\n            )}\n          >\n            {label}\n          </label>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default Select;\nexport type { SelectProps, SelectOption, SelectOptionObject } from './types.select';\n"]}

package/dist/select.js

@@ -1,3 +1,3 @@
-export { Select_default as default } from './chunk-36T6I3XH.js';
+export { Select_default as default } from './chunk-SAGQYMS3.js';
 //# sourceMappingURL=select.js.map
 //# sourceMappingURL=select.js.map