@axtec/components 0.1.0

package/dist/index7.js

@@ -0,0 +1,80 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { cn as e } from "./index3.js";
+import { InformationCircleIcon as m, ExclamationTriangleIcon as d, ExclamationCircleIcon as x, CheckCircleIcon as b, XMarkIcon as f } from "@heroicons/react/20/solid";
+const g = {
+  success: {
+    container: "bg-green-50 border-green-200",
+    icon: "text-green-500",
+    title: "text-green-800",
+    content: "text-green-700"
+  },
+  error: {
+    container: "bg-red-50 border-red-200",
+    icon: "text-red-500",
+    title: "text-red-800",
+    content: "text-red-700"
+  },
+  warning: {
+    container: "bg-yellow-50 border-yellow-200",
+    icon: "text-yellow-500",
+    title: "text-yellow-800",
+    content: "text-yellow-700"
+  },
+  info: {
+    container: "bg-blue-50 border-blue-200",
+    icon: "text-blue-500",
+    title: "text-blue-800",
+    content: "text-blue-700"
+  }
+}, u = {
+  success: b,
+  error: x,
+  warning: d,
+  info: m
+};
+function y({
+  variant: c = "info",
+  title: o,
+  children: l,
+  onClose: i,
+  className: s
+}) {
+  const n = g[c], a = u[c];
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: e(
+        "flex gap-3 p-4 rounded-lg border",
+        n.container,
+        s
+      ),
+      role: "alert",
+      children: [
+        /* @__PURE__ */ t(a, { className: e("h-5 w-5 flex-shrink-0 mt-0.5", n.icon) }),
+        /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
+          o && /* @__PURE__ */ t("h3", { className: e("text-sm font-semibold", n.title), children: o }),
+          l && /* @__PURE__ */ t("div", { className: e("text-sm", n.content, o && "mt-1"), children: l })
+        ] }),
+        i && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            onClick: i,
+            className: e(
+              "flex-shrink-0 p-1 rounded-lg transition-colors duration-200",
+              "hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-slate-500"
+            ),
+            children: [
+              /* @__PURE__ */ t(f, { className: e("h-5 w-5", n.icon) }),
+              /* @__PURE__ */ t("span", { className: "sr-only", children: "Dismiss" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  y as Alert
+};
+//# sourceMappingURL=index7.js.map

package/dist/index7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index7.js","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport {\n  CheckCircleIcon,\n  ExclamationCircleIcon,\n  ExclamationTriangleIcon,\n  InformationCircleIcon,\n  XMarkIcon,\n} from '@heroicons/react/20/solid'\nimport type { ReactNode } from 'react'\n\nexport interface AlertProps {\n  variant?: 'success' | 'error' | 'warning' | 'info'\n  title?: string\n  children?: ReactNode\n  onClose?: () => void\n  className?: string\n}\n\nconst variantStyles = {\n  success: {\n    container: 'bg-green-50 border-green-200',\n    icon: 'text-green-500',\n    title: 'text-green-800',\n    content: 'text-green-700',\n  },\n  error: {\n    container: 'bg-red-50 border-red-200',\n    icon: 'text-red-500',\n    title: 'text-red-800',\n    content: 'text-red-700',\n  },\n  warning: {\n    container: 'bg-yellow-50 border-yellow-200',\n    icon: 'text-yellow-500',\n    title: 'text-yellow-800',\n    content: 'text-yellow-700',\n  },\n  info: {\n    container: 'bg-blue-50 border-blue-200',\n    icon: 'text-blue-500',\n    title: 'text-blue-800',\n    content: 'text-blue-700',\n  },\n}\n\nconst icons = {\n  success: CheckCircleIcon,\n  error: ExclamationCircleIcon,\n  warning: ExclamationTriangleIcon,\n  info: InformationCircleIcon,\n}\n\nexport function Alert({\n  variant = 'info',\n  title,\n  children,\n  onClose,\n  className,\n}: AlertProps) {\n  const styles = variantStyles[variant]\n  const Icon = icons[variant]\n\n  return (\n    <div\n      className={cn(\n        'flex gap-3 p-4 rounded-lg border',\n        styles.container,\n        className\n      )}\n      role=\"alert\"\n    >\n      <Icon className={cn('h-5 w-5 flex-shrink-0 mt-0.5', styles.icon)} />\n      <div className=\"flex-1 min-w-0\">\n        {title && (\n          <h3 className={cn('text-sm font-semibold', styles.title)}>{title}</h3>\n        )}\n        {children && (\n          <div className={cn('text-sm', styles.content, title && 'mt-1')}>\n            {children}\n          </div>\n        )}\n      </div>\n      {onClose && (\n        <button\n          type=\"button\"\n          onClick={onClose}\n          className={cn(\n            'flex-shrink-0 p-1 rounded-lg transition-colors duration-200',\n            'hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-slate-500'\n          )}\n        >\n          <XMarkIcon className={cn('h-5 w-5', styles.icon)} />\n          <span className=\"sr-only\">Dismiss</span>\n        </button>\n      )}\n    </div>\n  )\n}\n"],"names":["variantStyles","icons","CheckCircleIcon","ExclamationCircleIcon","ExclamationTriangleIcon","InformationCircleIcon","Alert","variant","title","children","onClose","className","styles","Icon","jsxs","cn","jsx","XMarkIcon"],"mappings":";;;AAkBA,MAAMA,IAAgB;AAAA,EACpB,SAAS;AAAA,IACP,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAAA,EAEX,OAAO;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAAA,EAEX,SAAS;AAAA,IACP,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAAA,EAEX,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EAAA;AAEb,GAEMC,IAAQ;AAAA,EACZ,SAASC;AAAA,EACT,OAAOC;AAAA,EACP,SAASC;AAAA,EACT,MAAMC;AACR;AAEO,SAASC,EAAM;AAAA,EACpB,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAAe;AACb,QAAMC,IAASZ,EAAcO,CAAO,GAC9BM,IAAOZ,EAAMM,CAAO;AAE1B,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAH,EAAO;AAAA,QACPD;AAAA,MAAA;AAAA,MAEF,MAAK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAK,EAACH,KAAK,WAAWE,EAAG,gCAAgCH,EAAO,IAAI,GAAG;AAAA,QAClE,gBAAAE,EAAC,OAAA,EAAI,WAAU,kBACZ,UAAA;AAAA,UAAAN,KACC,gBAAAQ,EAAC,QAAG,WAAWD,EAAG,yBAAyBH,EAAO,KAAK,GAAI,UAAAJ,EAAA,CAAM;AAAA,UAElEC,KACC,gBAAAO,EAAC,OAAA,EAAI,WAAWD,EAAG,WAAWH,EAAO,SAASJ,KAAS,MAAM,GAC1D,UAAAC,EAAA,CACH;AAAA,QAAA,GAEJ;AAAA,QACCC,KACC,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAASJ;AAAA,YACT,WAAWK;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAGF,UAAA;AAAA,cAAA,gBAAAC,EAACC,KAAU,WAAWF,EAAG,WAAWH,EAAO,IAAI,GAAG;AAAA,cAClD,gBAAAI,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,UAAA,CAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACnC;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/index70.js

@@ -0,0 +1,39 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { cn as x } from "./index3.js";
+import { ArrowTrendingUpIcon as d, ArrowTrendingDownIcon as l, MinusIcon as a } from "@heroicons/react/24/solid";
+const p = {
+  sm: { text: "text-xs", icon: "w-3 h-3" },
+  md: { text: "text-sm", icon: "w-4 h-4" },
+  lg: { text: "text-base", icon: "w-5 h-5" }
+}, w = {
+  up: "text-green-600",
+  down: "text-red-500",
+  stable: "text-slate-500"
+}, u = ({
+  direction: t,
+  value: e,
+  showIcon: s = !0,
+  size: r = "md",
+  className: c
+}) => {
+  const n = p[r], i = t === "up" ? d : t === "down" ? l : a;
+  return /* @__PURE__ */ m(
+    "span",
+    {
+      className: x(
+        "inline-flex items-center gap-1 font-medium",
+        n.text,
+        w[t],
+        c
+      ),
+      children: [
+        s && /* @__PURE__ */ o(i, { className: n.icon }),
+        e !== void 0 && /* @__PURE__ */ o("span", { children: e })
+      ]
+    }
+  );
+};
+export {
+  u as TrendIndicator
+};
+//# sourceMappingURL=index70.js.map

package/dist/index70.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index70.js","sources":["../src/components/TrendIndicator/TrendIndicator.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport { ArrowTrendingUpIcon, ArrowTrendingDownIcon, MinusIcon } from '@heroicons/react/24/solid'\n\nexport interface TrendIndicatorProps {\n  direction: 'up' | 'down' | 'stable'\n  value?: string | number\n  showIcon?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  className?: string\n}\n\nconst sizeStyles = {\n  sm: { text: 'text-xs', icon: 'w-3 h-3' },\n  md: { text: 'text-sm', icon: 'w-4 h-4' },\n  lg: { text: 'text-base', icon: 'w-5 h-5' },\n}\n\nconst directionStyles = {\n  up: 'text-green-600',\n  down: 'text-red-500',\n  stable: 'text-slate-500',\n}\n\nexport const TrendIndicator = ({\n  direction,\n  value,\n  showIcon = true,\n  size = 'md',\n  className,\n}: TrendIndicatorProps) => {\n  const styles = sizeStyles[size]\n\n  const Icon = direction === 'up'\n    ? ArrowTrendingUpIcon\n    : direction === 'down'\n      ? ArrowTrendingDownIcon\n      : MinusIcon\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1 font-medium',\n        styles.text,\n        directionStyles[direction],\n        className\n      )}\n    >\n      {showIcon && <Icon className={styles.icon} />}\n      {value !== undefined && <span>{value}</span>}\n    </span>\n  )\n}\n"],"names":["sizeStyles","directionStyles","TrendIndicator","direction","value","showIcon","size","className","styles","Icon","ArrowTrendingUpIcon","ArrowTrendingDownIcon","MinusIcon","jsxs","cn","jsx"],"mappings":";;;AAWA,MAAMA,IAAa;AAAA,EACjB,IAAI,EAAE,MAAM,WAAW,MAAM,UAAA;AAAA,EAC7B,IAAI,EAAE,MAAM,WAAW,MAAM,UAAA;AAAA,EAC7B,IAAI,EAAE,MAAM,aAAa,MAAM,UAAA;AACjC,GAEMC,IAAkB;AAAA,EACtB,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,QAAQ;AACV,GAEaC,IAAiB,CAAC;AAAA,EAC7B,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,MAA2B;AACzB,QAAMC,IAASR,EAAWM,CAAI,GAExBG,IAAON,MAAc,OACvBO,IACAP,MAAc,SACZQ,IACAC;AAEN,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAN,EAAO;AAAA,QACPP,EAAgBE,CAAS;AAAA,QACzBI;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAF,KAAY,gBAAAU,EAACN,GAAA,EAAK,WAAWD,EAAO,MAAM;AAAA,QAC1CJ,MAAU,UAAa,gBAAAW,EAAC,QAAA,EAAM,UAAAX,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3C;"}

package/dist/index71.js

@@ -0,0 +1,17 @@
+function i(r) {
+  var f, n, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (f = 0; f < o; f++) r[f] && (n = i(r[f])) && (t && (t += " "), t += n);
+  } else for (n in r) r[n] && (t && (t += " "), t += n);
+  return t;
+}
+function a() {
+  for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = i(r)) && (t && (t += " "), t += f);
+  return t;
+}
+export {
+  a as clsx
+};
+//# sourceMappingURL=index71.js.map

package/dist/index71.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index71.js","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","f","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAEC,GAAEC,IAAE;AAAG,MAAa,OAAOH,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAG,KAAGH;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAI,IAAEA,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAE,GAAEA,IAAI,CAAAD,EAAEC,CAAC,MAAIC,IAAEH,EAAEC,EAAEC,CAAC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAA,EAAE,MAAM,MAAIA,KAAKF,EAAE,CAAAA,EAAEE,CAAC,MAAIC,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQJ,GAAEC,GAAEC,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAOD,IAAE,GAAEA,IAAI,EAACF,IAAE,UAAUE,CAAC,OAAKD,IAAEF,EAAEC,CAAC,OAAKG,MAAIA,KAAG,MAAKA,KAAGF;AAAG,SAAOE;AAAC;","x_google_ignoreList":[0]}