@axtec/components 0.1.7 → 0.1.10

package/dist/index15.js

@@ -1,42 +1,28 @@
-import { jsx as s } from "react/jsx-runtime";
-import { cn as d } from "./index3.js";
-const m = {
-  default: "bg-slate-100 text-slate-700",
-  primary: "bg-primary-100 text-primary-700",
-  success: "bg-green-100 text-green-700",
-  warning: "bg-yellow-100 text-yellow-700",
-  danger: "bg-red-100 text-red-700",
-  info: "bg-blue-100 text-blue-700"
-}, a = {
-  sm: "px-2 py-0.5 text-xs",
-  md: "px-2.5 py-1 text-sm",
-  lg: "px-3 py-1.5 text-base"
-}, o = {
-  md: "rounded-md",
-  full: "rounded-full"
-};
-function u({
-  children: e,
-  variant: t = "default",
+import { jsxs as a, jsx as o, Fragment as m } from "react/jsx-runtime";
+import { cn as t } from "./index3.js";
+import { StarIcon as x } from "@heroicons/react/24/solid";
+const d = {
+  sm: { icon: "w-4 h-4", text: "text-sm" },
+  md: { icon: "w-5 h-5", text: "text-base" },
+  lg: { icon: "w-6 h-6", text: "text-lg" }
+}, g = ({
+  average: i = "0",
+  numberOfRatings: e,
+  showNumberOfRatings: n = !1,
   size: r = "md",
-  rounded: l = "full",
-  className: n
-}) {
-  return /* @__PURE__ */ s(
-    "span",
-    {
-      className: d(
-        "inline-flex items-center font-medium",
-        m[t],
-        a[r],
-        o[l],
-        n
-      ),
-      children: e
-    }
-  );
-}
+  className: c
+}) => {
+  const l = `${e} Rating${e === "1" || e === 1 ? "" : "s"}`, s = d[r];
+  return /* @__PURE__ */ a("div", { className: t("flex items-center", c), children: [
+    /* @__PURE__ */ o(x, { className: t(s.icon, "text-primary-500 mr-2") }),
+    /* @__PURE__ */ o("span", { className: t(s.text, "font-semibold text-primary-500"), children: String(i) }),
+    n && e !== void 0 && /* @__PURE__ */ a(m, { children: [
+      /* @__PURE__ */ o("span", { className: t(s.text, "font-semibold text-slate-600 mx-2"), children: "•" }),
+      /* @__PURE__ */ o("span", { className: t(s.text, "font-semibold text-slate-600"), children: l })
+    ] })
+  ] });
+};
 export {
-  u as Badge
+  g as AverageRating
 };
 //# sourceMappingURL=index15.js.map

package/dist/index15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index15.js","sources":["../src/components/Badge/Badge.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport type { ReactNode } from 'react'\n\nexport interface BadgeProps {\n  children: ReactNode\n  variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info'\n  size?: 'sm' | 'md' | 'lg'\n  rounded?: 'md' | 'full'\n  className?: string\n}\n\nconst variantStyles = {\n  default: 'bg-slate-100 text-slate-700',\n  primary: 'bg-primary-100 text-primary-700',\n  success: 'bg-green-100 text-green-700',\n  warning: 'bg-yellow-100 text-yellow-700',\n  danger: 'bg-red-100 text-red-700',\n  info: 'bg-blue-100 text-blue-700',\n}\n\nconst sizeStyles = {\n  sm: 'px-2 py-0.5 text-xs',\n  md: 'px-2.5 py-1 text-sm',\n  lg: 'px-3 py-1.5 text-base',\n}\n\nconst roundedStyles = {\n  md: 'rounded-md',\n  full: 'rounded-full',\n}\n\nexport function Badge({\n  children,\n  variant = 'default',\n  size = 'md',\n  rounded = 'full',\n  className,\n}: BadgeProps) {\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center font-medium',\n        variantStyles[variant],\n        sizeStyles[size],\n        roundedStyles[rounded],\n        className\n      )}\n    >\n      {children}\n    </span>\n  )\n}\n"],"names":["variantStyles","sizeStyles","roundedStyles","Badge","children","variant","size","rounded","className","jsx","cn"],"mappings":";;AAWA,MAAMA,IAAgB;AAAA,EACpB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AACR,GAEMC,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAgB;AAAA,EACpB,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,SAASC,EAAM;AAAA,EACpB,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC;AACF,GAAe;AACb,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAV,EAAcK,CAAO;AAAA,QACrBJ,EAAWK,CAAI;AAAA,QACfJ,EAAcK,CAAO;AAAA,QACrBC;AAAA,MAAA;AAAA,MAGD,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index15.js","sources":["../src/components/AverageRating/AverageRating.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport { StarIcon } from '@heroicons/react/24/solid'\n\nexport interface AverageRatingProps {\n  average: string | number\n  numberOfRatings?: string | number\n  showNumberOfRatings?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  className?: string\n}\n\nconst sizeStyles = {\n  sm: { icon: 'w-4 h-4', text: 'text-sm' },\n  md: { icon: 'w-5 h-5', text: 'text-base' },\n  lg: { icon: 'w-6 h-6', text: 'text-lg' },\n}\n\nexport const AverageRating = ({\n  average = '0',\n  numberOfRatings,\n  showNumberOfRatings = false,\n  size = 'md',\n  className,\n}: AverageRatingProps) => {\n  const ratingsText = `${numberOfRatings} Rating${numberOfRatings === '1' || numberOfRatings === 1 ? '' : 's'}`\n  const styles = sizeStyles[size]\n\n  return (\n    <div className={cn('flex items-center', className)}>\n      <StarIcon className={cn(styles.icon, 'text-primary-500 mr-2')} />\n      <span className={cn(styles.text, 'font-semibold text-primary-500')}>\n        {String(average)}\n      </span>\n      {showNumberOfRatings && numberOfRatings !== undefined && (\n        <>\n          <span className={cn(styles.text, 'font-semibold text-slate-600 mx-2')}>\n            •\n          </span>\n          <span className={cn(styles.text, 'font-semibold text-slate-600')}>\n            {ratingsText}\n          </span>\n        </>\n      )}\n    </div>\n  )\n}\n"],"names":["sizeStyles","AverageRating","average","numberOfRatings","showNumberOfRatings","size","className","ratingsText","styles","cn","jsx","StarIcon","jsxs","Fragment"],"mappings":";;;AAWA,MAAMA,IAAa;AAAA,EACjB,IAAI,EAAE,MAAM,WAAW,MAAM,UAAA;AAAA,EAC7B,IAAI,EAAE,MAAM,WAAW,MAAM,YAAA;AAAA,EAC7B,IAAI,EAAE,MAAM,WAAW,MAAM,UAAA;AAC/B,GAEaC,IAAgB,CAAC;AAAA,EAC5B,SAAAC,IAAU;AAAA,EACV,iBAAAC;AAAA,EACA,qBAAAC,IAAsB;AAAA,EACtB,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,MAA0B;AACxB,QAAMC,IAAc,GAAGJ,CAAe,UAAUA,MAAoB,OAAOA,MAAoB,IAAI,KAAK,GAAG,IACrGK,IAASR,EAAWK,CAAI;AAE9B,2BACG,OAAA,EAAI,WAAWI,EAAG,qBAAqBH,CAAS,GAC/C,UAAA;AAAA,IAAA,gBAAAI,EAACC,KAAS,WAAWF,EAAGD,EAAO,MAAM,uBAAuB,GAAG;AAAA,IAC/D,gBAAAE,EAAC,QAAA,EAAK,WAAWD,EAAGD,EAAO,MAAM,gCAAgC,GAC9D,UAAA,OAAON,CAAO,EAAA,CACjB;AAAA,IACCE,KAAuBD,MAAoB,UAC1C,gBAAAS,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAH,EAAC,UAAK,WAAWD,EAAGD,EAAO,MAAM,mCAAmC,GAAG,UAAA,KAEvE;AAAA,MACA,gBAAAE,EAAC,UAAK,WAAWD,EAAGD,EAAO,MAAM,8BAA8B,GAC5D,UAAAD,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index16.js

@@ -1,76 +1,22 @@
-import { jsx as e, jsxs as n, Fragment as f } from "react/jsx-runtime";
-import { HomeIcon as c, ChevronRightIcon as x } from "@heroicons/react/20/solid";
-import { cn as N } from "./index3.js";
-function g({
-  items: a,
-  showHome: i = !0,
-  homeHref: h = "/",
-  onHomeClick: s,
-  separator: m,
-  className: d
-}) {
-  const o = () => /* @__PURE__ */ e("span", { className: "mx-2 text-slate-400", children: m || /* @__PURE__ */ e(x, { className: "h-4 w-4" }) }), u = (t, r) => {
-    const l = /* @__PURE__ */ e(
-      "span",
-      {
-        className: N(
-          "text-sm",
-          r ? "font-medium text-slate-900" : "text-slate-500 hover:text-slate-700"
-        ),
-        children: t.label
-      }
-    );
-    return r ? l : t.href ? /* @__PURE__ */ e(
-      "a",
-      {
-        href: t.href,
-        className: "transition-colors duration-150",
-        onClick: t.onClick,
-        children: l
-      }
-    ) : t.onClick ? /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        onClick: t.onClick,
-        className: "transition-colors duration-150",
-        children: l
-      }
-    ) : l;
-  };
-  return /* @__PURE__ */ e("nav", { "aria-label": "Breadcrumb", className: d, children: /* @__PURE__ */ n("ol", { className: "flex items-center", children: [
-    i && /* @__PURE__ */ n(f, { children: [
-      /* @__PURE__ */ e("li", { children: s ? /* @__PURE__ */ n(
-        "button",
-        {
-          type: "button",
-          onClick: s,
-          className: "text-slate-400 hover:text-slate-600 transition-colors duration-150",
-          children: [
-            /* @__PURE__ */ e(c, { className: "h-5 w-5" }),
-            /* @__PURE__ */ e("span", { className: "sr-only", children: "Home" })
-          ]
-        }
-      ) : /* @__PURE__ */ n(
-        "a",
-        {
-          href: h,
-          className: "text-slate-400 hover:text-slate-600 transition-colors duration-150",
-          children: [
-            /* @__PURE__ */ e(c, { className: "h-5 w-5" }),
-            /* @__PURE__ */ e("span", { className: "sr-only", children: "Home" })
-          ]
-        }
-      ) }),
-      a.length > 0 && /* @__PURE__ */ e(o, {})
-    ] }),
-    a.map((t, r) => /* @__PURE__ */ n("li", { className: "flex items-center", children: [
-      u(t, r === a.length - 1),
-      r < a.length - 1 && /* @__PURE__ */ e(o, {})
-    ] }, r))
-  ] }) });
+import { jsx as m } from "react/jsx-runtime";
+import { cn as s } from "./index3.js";
+const c = {
+  sm: "h-8",
+  md: "h-10",
+  lg: "h-14",
+  xl: "h-20"
+};
+function l({ size: o = "md", className: t }) {
+  return /* @__PURE__ */ m(
+    "img",
+    {
+      src: "/logos/axtec-logo.png",
+      alt: "Axtec",
+      className: s(c[o], "w-auto", t)
+    }
+  );
 }
 export {
-  g as Breadcrumbs
+  l as AxtecLogo
 };
 //# sourceMappingURL=index16.js.map

package/dist/index16.js.map

@@ -1 +1 @@
-{"version":3,"file":"index16.js","sources":["../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { ChevronRightIcon, HomeIcon } from '@heroicons/react/20/solid'\nimport { cn } from '@/lib/utils'\nimport type { ReactNode } from 'react'\n\nexport interface BreadcrumbItem {\n  label: ReactNode\n  href?: string\n  onClick?: () => void\n}\n\nexport interface BreadcrumbsProps {\n  items: BreadcrumbItem[]\n  showHome?: boolean\n  homeHref?: string\n  onHomeClick?: () => void\n  separator?: ReactNode\n  className?: string\n}\n\nexport function Breadcrumbs({\n  items,\n  showHome = true,\n  homeHref = '/',\n  onHomeClick,\n  separator,\n  className,\n}: BreadcrumbsProps) {\n  const Separator = () => (\n    <span className=\"mx-2 text-slate-400\">\n      {separator || <ChevronRightIcon className=\"h-4 w-4\" />}\n    </span>\n  )\n\n  const renderItem = (item: BreadcrumbItem, isLast: boolean) => {\n    const content = (\n      <span\n        className={cn(\n          'text-sm',\n          isLast\n            ? 'font-medium text-slate-900'\n            : 'text-slate-500 hover:text-slate-700'\n        )}\n      >\n        {item.label}\n      </span>\n    )\n\n    if (isLast) {\n      return content\n    }\n\n    if (item.href) {\n      return (\n        <a\n          href={item.href}\n          className=\"transition-colors duration-150\"\n          onClick={item.onClick}\n        >\n          {content}\n        </a>\n      )\n    }\n\n    if (item.onClick) {\n      return (\n        <button\n          type=\"button\"\n          onClick={item.onClick}\n          className=\"transition-colors duration-150\"\n        >\n          {content}\n        </button>\n      )\n    }\n\n    return content\n  }\n\n  return (\n    <nav aria-label=\"Breadcrumb\" className={className}>\n      <ol className=\"flex items-center\">\n        {showHome && (\n          <>\n            <li>\n              {onHomeClick ? (\n                <button\n                  type=\"button\"\n                  onClick={onHomeClick}\n                  className=\"text-slate-400 hover:text-slate-600 transition-colors duration-150\"\n                >\n                  <HomeIcon className=\"h-5 w-5\" />\n                  <span className=\"sr-only\">Home</span>\n                </button>\n              ) : (\n                <a\n                  href={homeHref}\n                  className=\"text-slate-400 hover:text-slate-600 transition-colors duration-150\"\n                >\n                  <HomeIcon className=\"h-5 w-5\" />\n                  <span className=\"sr-only\">Home</span>\n                </a>\n              )}\n            </li>\n            {items.length > 0 && <Separator />}\n          </>\n        )}\n        {items.map((item, index) => (\n          <li key={index} className=\"flex items-center\">\n            {renderItem(item, index === items.length - 1)}\n            {index < items.length - 1 && <Separator />}\n          </li>\n        ))}\n      </ol>\n    </nav>\n  )\n}\n"],"names":["Breadcrumbs","items","showHome","homeHref","onHomeClick","separator","className","Separator","jsx","ChevronRightIcon","renderItem","item","isLast","content","cn","jsxs","Fragment","HomeIcon","index"],"mappings":";;;AAmBO,SAASA,EAAY;AAAA,EAC1B,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AACF,GAAqB;AACnB,QAAMC,IAAY,MAChB,gBAAAC,EAAC,QAAA,EAAK,WAAU,uBACb,UAAAH,KAAa,gBAAAG,EAACC,GAAA,EAAiB,WAAU,UAAA,CAAU,EAAA,CACtD,GAGIC,IAAa,CAACC,GAAsBC,MAAoB;AAC5D,UAAMC,IACJ,gBAAAL;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWM;AAAA,UACT;AAAA,UACAF,IACI,+BACA;AAAA,QAAA;AAAA,QAGL,UAAAD,EAAK;AAAA,MAAA;AAAA,IAAA;AAIV,WAAIC,IACKC,IAGLF,EAAK,OAEL,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAMG,EAAK;AAAA,QACX,WAAU;AAAA,QACV,SAASA,EAAK;AAAA,QAEb,UAAAE;AAAA,MAAA;AAAA,IAAA,IAKHF,EAAK,UAEL,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAASG,EAAK;AAAA,QACd,WAAU;AAAA,QAET,UAAAE;AAAA,MAAA;AAAA,IAAA,IAKAA;AAAA,EACT;AAEA,SACE,gBAAAL,EAAC,SAAI,cAAW,cAAa,WAAAF,GAC3B,UAAA,gBAAAS,EAAC,MAAA,EAAG,WAAU,qBACX,UAAA;AAAA,IAAAb,KACC,gBAAAa,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAR,EAAC,QACE,UAAAJ,IACC,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAASX;AAAA,UACT,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAI,EAACS,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,YAC9B,gBAAAT,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,IAGhC,gBAAAO;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMZ;AAAA,UACN,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAK,EAACS,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,YAC9B,gBAAAT,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAGpC;AAAA,MACCP,EAAM,SAAS,KAAK,gBAAAO,EAACD,GAAA,CAAA,CAAU;AAAA,IAAA,GAClC;AAAA,IAEDN,EAAM,IAAI,CAACU,GAAMO,MAChB,gBAAAH,EAAC,MAAA,EAAe,WAAU,qBACvB,UAAA;AAAA,MAAAL,EAAWC,GAAMO,MAAUjB,EAAM,SAAS,CAAC;AAAA,MAC3CiB,IAAQjB,EAAM,SAAS,uBAAMM,GAAA,CAAA,CAAU;AAAA,IAAA,EAAA,GAFjCW,CAGT,CACD;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"index16.js","sources":["../src/components/Logo/AxtecLogo.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface AxtecLogoProps {\n  size?: 'sm' | 'md' | 'lg' | 'xl'\n  className?: string\n}\n\nconst sizeStyles = {\n  sm: 'h-8',\n  md: 'h-10',\n  lg: 'h-14',\n  xl: 'h-20',\n}\n\nexport function AxtecLogo({ size = 'md', className }: AxtecLogoProps) {\n  return (\n    <img\n      src=\"/logos/axtec-logo.png\"\n      alt=\"Axtec\"\n      className={cn(sizeStyles[size], 'w-auto', className)}\n    />\n  )\n}\n"],"names":["sizeStyles","AxtecLogo","size","className","jsx","cn"],"mappings":";;AAOA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,SAASC,EAAU,EAAE,MAAAC,IAAO,MAAM,WAAAC,KAA6B;AACpE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAI;AAAA,MACJ,KAAI;AAAA,MACJ,WAAWC,EAAGL,EAAWE,CAAI,GAAG,UAAUC,CAAS;AAAA,IAAA;AAAA,EAAA;AAGzD;"}

package/dist/index17.js

@@ -1,53 +1,42 @@
-import { jsx as e, jsxs as d, Fragment as m } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { cn as b } from "./index3.js";
-import { Loader as f } from "./index35.js";
-const u = {
-  primary: "bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700 focus:ring-primary-500",
-  secondary: "bg-slate-100 text-slate-900 hover:bg-slate-200 active:bg-slate-300 focus:ring-slate-500",
-  outline: "border border-slate-300 bg-transparent text-slate-700 hover:bg-slate-50 active:bg-slate-100 focus:ring-slate-500",
-  ghost: "bg-transparent text-slate-700 hover:bg-slate-100 active:bg-slate-200 focus:ring-slate-500",
-  danger: "bg-red-500 text-white hover:bg-red-600 active:bg-red-700 focus:ring-red-500"
-}, x = {
-  sm: "px-3 py-1.5 text-sm gap-1.5",
-  md: "px-4 py-2 text-base gap-2",
-  lg: "px-6 py-3 text-lg gap-2.5"
-}, y = p(
-  ({
-    className: o,
-    variant: i = "primary",
-    size: t = "md",
-    isLoading: r = !1,
-    leftIcon: s,
-    rightIcon: a,
-    disabled: n,
-    children: l,
-    ...c
-  }, g) => /* @__PURE__ */ e(
-    "button",
+import { jsx as s } from "react/jsx-runtime";
+import { cn as d } from "./index3.js";
+const m = {
+  default: "bg-slate-100 text-slate-700",
+  primary: "bg-primary-100 text-primary-700",
+  success: "bg-green-100 text-green-700",
+  warning: "bg-yellow-100 text-yellow-700",
+  danger: "bg-red-100 text-red-700",
+  info: "bg-blue-100 text-blue-700"
+}, a = {
+  sm: "px-2 py-0.5 text-xs",
+  md: "px-2.5 py-1 text-sm",
+  lg: "px-3 py-1.5 text-base"
+}, o = {
+  md: "rounded-md",
+  full: "rounded-full"
+};
+function u({
+  children: e,
+  variant: t = "default",
+  size: r = "md",
+  rounded: l = "full",
+  className: n
+}) {
+  return /* @__PURE__ */ s(
+    "span",
     {
-      ref: g,
-      className: b(
-        "inline-flex items-center justify-center font-semibold rounded-lg",
-        "transition-colors duration-200",
-        "focus:outline-none focus:ring-2 focus:ring-offset-2",
-        "disabled:opacity-50 disabled:cursor-not-allowed",
-        u[i],
-        x[t],
-        o
+      className: d(
+        "inline-flex items-center font-medium",
+        m[t],
+        a[r],
+        o[l],
+        n
       ),
-      disabled: n || r,
-      ...c,
-      children: r ? /* @__PURE__ */ e(f, { size: t === "lg" ? "md" : "sm", color: "current" }) : /* @__PURE__ */ d(m, { children: [
-        s && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: s }),
-        l,
-        a && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: a })
-      ] })
+      children: e
     }
-  )
-);
-y.displayName = "Button";
+  );
+}
 export {
-  y as Button
+  u as Badge
 };
 //# sourceMappingURL=index17.js.map

package/dist/index17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index17.js","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from 'react'\nimport { cn } from '@/lib/utils'\nimport { Loader } from '../Loader/Loader'\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger'\n  size?: 'sm' | 'md' | 'lg'\n  isLoading?: boolean\n  leftIcon?: ReactNode\n  rightIcon?: ReactNode\n}\n\nconst variantStyles = {\n  primary:\n    'bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700 focus:ring-primary-500',\n  secondary:\n    'bg-slate-100 text-slate-900 hover:bg-slate-200 active:bg-slate-300 focus:ring-slate-500',\n  outline:\n    'border border-slate-300 bg-transparent text-slate-700 hover:bg-slate-50 active:bg-slate-100 focus:ring-slate-500',\n  ghost:\n    'bg-transparent text-slate-700 hover:bg-slate-100 active:bg-slate-200 focus:ring-slate-500',\n  danger:\n    'bg-red-500 text-white hover:bg-red-600 active:bg-red-700 focus:ring-red-500',\n}\n\nconst sizeStyles = {\n  sm: 'px-3 py-1.5 text-sm gap-1.5',\n  md: 'px-4 py-2 text-base gap-2',\n  lg: 'px-6 py-3 text-lg gap-2.5',\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant = 'primary',\n      size = 'md',\n      isLoading = false,\n      leftIcon,\n      rightIcon,\n      disabled,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <button\n        ref={ref}\n        className={cn(\n          'inline-flex items-center justify-center font-semibold rounded-lg',\n          'transition-colors duration-200',\n          'focus:outline-none focus:ring-2 focus:ring-offset-2',\n          'disabled:opacity-50 disabled:cursor-not-allowed',\n          variantStyles[variant],\n          sizeStyles[size],\n          className\n        )}\n        disabled={disabled || isLoading}\n        {...props}\n      >\n        {isLoading ? (\n          <Loader size={size === 'lg' ? 'md' : 'sm'} color=\"current\" />\n        ) : (\n          <>\n            {leftIcon && <span className=\"flex-shrink-0\">{leftIcon}</span>}\n            {children}\n            {rightIcon && <span className=\"flex-shrink-0\">{rightIcon}</span>}\n          </>\n        )}\n      </button>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n"],"names":["variantStyles","sizeStyles","Button","forwardRef","className","variant","size","isLoading","leftIcon","rightIcon","disabled","children","props","ref","jsx","cn","Loader","jsxs","Fragment"],"mappings":";;;;AAYA,MAAMA,IAAgB;AAAA,EACpB,SACE;AAAA,EACF,WACE;AAAA,EACF,SACE;AAAA,EACF,OACE;AAAA,EACF,QACE;AACJ,GAEMC,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAASC;AAAA,EACpB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAGE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAf,EAAcK,CAAO;AAAA,QACrBJ,EAAWK,CAAI;AAAA,QACfF;AAAA,MAAA;AAAA,MAEF,UAAUM,KAAYH;AAAA,MACrB,GAAGK;AAAA,MAEH,UAAAL,IACC,gBAAAO,EAACE,GAAA,EAAO,MAAMV,MAAS,OAAO,OAAO,MAAM,OAAM,UAAA,CAAU,IAE3D,gBAAAW,EAAAC,GAAA,EACG,UAAA;AAAA,QAAAV,KAAY,gBAAAM,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAN,GAAS;AAAA,QACtDG;AAAA,QACAF,KAAa,gBAAAK,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAL,EAAA,CAAU;AAAA,MAAA,EAAA,CAC3D;AAAA,IAAA;AAAA,EAAA;AAKV;AAEAP,EAAO,cAAc;"}
+{"version":3,"file":"index17.js","sources":["../src/components/Badge/Badge.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport type { ReactNode } from 'react'\n\nexport interface BadgeProps {\n  children: ReactNode\n  variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info'\n  size?: 'sm' | 'md' | 'lg'\n  rounded?: 'md' | 'full'\n  className?: string\n}\n\nconst variantStyles = {\n  default: 'bg-slate-100 text-slate-700',\n  primary: 'bg-primary-100 text-primary-700',\n  success: 'bg-green-100 text-green-700',\n  warning: 'bg-yellow-100 text-yellow-700',\n  danger: 'bg-red-100 text-red-700',\n  info: 'bg-blue-100 text-blue-700',\n}\n\nconst sizeStyles = {\n  sm: 'px-2 py-0.5 text-xs',\n  md: 'px-2.5 py-1 text-sm',\n  lg: 'px-3 py-1.5 text-base',\n}\n\nconst roundedStyles = {\n  md: 'rounded-md',\n  full: 'rounded-full',\n}\n\nexport function Badge({\n  children,\n  variant = 'default',\n  size = 'md',\n  rounded = 'full',\n  className,\n}: BadgeProps) {\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center font-medium',\n        variantStyles[variant],\n        sizeStyles[size],\n        roundedStyles[rounded],\n        className\n      )}\n    >\n      {children}\n    </span>\n  )\n}\n"],"names":["variantStyles","sizeStyles","roundedStyles","Badge","children","variant","size","rounded","className","jsx","cn"],"mappings":";;AAWA,MAAMA,IAAgB;AAAA,EACpB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AACR,GAEMC,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAgB;AAAA,EACpB,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,SAASC,EAAM;AAAA,EACpB,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC;AACF,GAAe;AACb,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAV,EAAcK,CAAO;AAAA,QACrBJ,EAAWK,CAAI;AAAA,QACfJ,EAAcK,CAAO;AAAA,QACrBC;AAAA,MAAA;AAAA,MAGD,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/index18.js

@@ -1,16 +1,76 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as i } from "./index3.js";
-const m = ({ buttons: o, className: e }) => /* @__PURE__ */ r("div", { className: i("flex flex-row items-center justify-end gap-1", e), children: o.map(({ icon: t, onClick: n, label: s }, a) => /* @__PURE__ */ r(
-  "button",
-  {
-    onClick: n,
-    "aria-label": s,
-    className: "cursor-pointer p-2 rounded-md hover:bg-slate-100 transition-colors",
-    children: t
-  },
-  `btnGroup_${a}`
-)) });
+import { jsx as e, jsxs as n, Fragment as f } from "react/jsx-runtime";
+import { HomeIcon as c, ChevronRightIcon as x } from "@heroicons/react/20/solid";
+import { cn as N } from "./index3.js";
+function g({
+  items: a,
+  showHome: i = !0,
+  homeHref: h = "/",
+  onHomeClick: s,
+  separator: m,
+  className: d
+}) {
+  const o = () => /* @__PURE__ */ e("span", { className: "mx-2 text-slate-400", children: m || /* @__PURE__ */ e(x, { className: "h-4 w-4" }) }), u = (t, r) => {
+    const l = /* @__PURE__ */ e(
+      "span",
+      {
+        className: N(
+          "text-sm",
+          r ? "font-medium text-slate-900" : "text-slate-500 hover:text-slate-700"
+        ),
+        children: t.label
+      }
+    );
+    return r ? l : t.href ? /* @__PURE__ */ e(
+      "a",
+      {
+        href: t.href,
+        className: "transition-colors duration-150",
+        onClick: t.onClick,
+        children: l
+      }
+    ) : t.onClick ? /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        onClick: t.onClick,
+        className: "transition-colors duration-150",
+        children: l
+      }
+    ) : l;
+  };
+  return /* @__PURE__ */ e("nav", { "aria-label": "Breadcrumb", className: d, children: /* @__PURE__ */ n("ol", { className: "flex items-center", children: [
+    i && /* @__PURE__ */ n(f, { children: [
+      /* @__PURE__ */ e("li", { children: s ? /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          onClick: s,
+          className: "text-slate-400 hover:text-slate-600 transition-colors duration-150",
+          children: [
+            /* @__PURE__ */ e(c, { className: "h-5 w-5" }),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: "Home" })
+          ]
+        }
+      ) : /* @__PURE__ */ n(
+        "a",
+        {
+          href: h,
+          className: "text-slate-400 hover:text-slate-600 transition-colors duration-150",
+          children: [
+            /* @__PURE__ */ e(c, { className: "h-5 w-5" }),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: "Home" })
+          ]
+        }
+      ) }),
+      a.length > 0 && /* @__PURE__ */ e(o, {})
+    ] }),
+    a.map((t, r) => /* @__PURE__ */ n("li", { className: "flex items-center", children: [
+      u(t, r === a.length - 1),
+      r < a.length - 1 && /* @__PURE__ */ e(o, {})
+    ] }, r))
+  ] }) });
+}
 export {
-  m as ButtonGroup
+  g as Breadcrumbs
 };
 //# sourceMappingURL=index18.js.map

package/dist/index18.js.map

@@ -1 +1 @@
-{"version":3,"file":"index18.js","sources":["../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { type ReactElement } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface ButtonGroupItem {\n  icon: ReactElement\n  onClick: () => void\n  label?: string\n}\n\nexport interface ButtonGroupProps {\n  buttons: ButtonGroupItem[]\n  className?: string\n}\n\nexport const ButtonGroup = ({ buttons, className }: ButtonGroupProps) => {\n  return (\n    <div className={cn('flex flex-row items-center justify-end gap-1', className)}>\n      {buttons.map(({ icon, onClick, label }, index) => (\n        <button\n          key={`btnGroup_${index}`}\n          onClick={onClick}\n          aria-label={label}\n          className=\"cursor-pointer p-2 rounded-md hover:bg-slate-100 transition-colors\"\n        >\n          {icon}\n        </button>\n      ))}\n    </div>\n  )\n}\n"],"names":["ButtonGroup","buttons","className","jsx","cn","icon","onClick","label","index"],"mappings":";;AAcO,MAAMA,IAAc,CAAC,EAAE,SAAAC,GAAS,WAAAC,QAEnC,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAG,gDAAgDF,CAAS,GACzE,UAAAD,EAAQ,IAAI,CAAC,EAAE,MAAAI,GAAM,SAAAC,GAAS,OAAAC,EAAA,GAASC,MACtC,gBAAAL;AAAA,EAAC;AAAA,EAAA;AAAA,IAEC,SAAAG;AAAA,IACA,cAAYC;AAAA,IACZ,WAAU;AAAA,IAET,UAAAF;AAAA,EAAA;AAAA,EALI,YAAYG,CAAK;AAAA,CAOzB,GACH;"}
+{"version":3,"file":"index18.js","sources":["../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { ChevronRightIcon, HomeIcon } from '@heroicons/react/20/solid'\nimport { cn } from '@/lib/utils'\nimport type { ReactNode } from 'react'\n\nexport interface BreadcrumbItem {\n  label: ReactNode\n  href?: string\n  onClick?: () => void\n}\n\nexport interface BreadcrumbsProps {\n  items: BreadcrumbItem[]\n  showHome?: boolean\n  homeHref?: string\n  onHomeClick?: () => void\n  separator?: ReactNode\n  className?: string\n}\n\nexport function Breadcrumbs({\n  items,\n  showHome = true,\n  homeHref = '/',\n  onHomeClick,\n  separator,\n  className,\n}: BreadcrumbsProps) {\n  const Separator = () => (\n    <span className=\"mx-2 text-slate-400\">\n      {separator || <ChevronRightIcon className=\"h-4 w-4\" />}\n    </span>\n  )\n\n  const renderItem = (item: BreadcrumbItem, isLast: boolean) => {\n    const content = (\n      <span\n        className={cn(\n          'text-sm',\n          isLast\n            ? 'font-medium text-slate-900'\n            : 'text-slate-500 hover:text-slate-700'\n        )}\n      >\n        {item.label}\n      </span>\n    )\n\n    if (isLast) {\n      return content\n    }\n\n    if (item.href) {\n      return (\n        <a\n          href={item.href}\n          className=\"transition-colors duration-150\"\n          onClick={item.onClick}\n        >\n          {content}\n        </a>\n      )\n    }\n\n    if (item.onClick) {\n      return (\n        <button\n          type=\"button\"\n          onClick={item.onClick}\n          className=\"transition-colors duration-150\"\n        >\n          {content}\n        </button>\n      )\n    }\n\n    return content\n  }\n\n  return (\n    <nav aria-label=\"Breadcrumb\" className={className}>\n      <ol className=\"flex items-center\">\n        {showHome && (\n          <>\n            <li>\n              {onHomeClick ? (\n                <button\n                  type=\"button\"\n                  onClick={onHomeClick}\n                  className=\"text-slate-400 hover:text-slate-600 transition-colors duration-150\"\n                >\n                  <HomeIcon className=\"h-5 w-5\" />\n                  <span className=\"sr-only\">Home</span>\n                </button>\n              ) : (\n                <a\n                  href={homeHref}\n                  className=\"text-slate-400 hover:text-slate-600 transition-colors duration-150\"\n                >\n                  <HomeIcon className=\"h-5 w-5\" />\n                  <span className=\"sr-only\">Home</span>\n                </a>\n              )}\n            </li>\n            {items.length > 0 && <Separator />}\n          </>\n        )}\n        {items.map((item, index) => (\n          <li key={index} className=\"flex items-center\">\n            {renderItem(item, index === items.length - 1)}\n            {index < items.length - 1 && <Separator />}\n          </li>\n        ))}\n      </ol>\n    </nav>\n  )\n}\n"],"names":["Breadcrumbs","items","showHome","homeHref","onHomeClick","separator","className","Separator","jsx","ChevronRightIcon","renderItem","item","isLast","content","cn","jsxs","Fragment","HomeIcon","index"],"mappings":";;;AAmBO,SAASA,EAAY;AAAA,EAC1B,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AACF,GAAqB;AACnB,QAAMC,IAAY,MAChB,gBAAAC,EAAC,QAAA,EAAK,WAAU,uBACb,UAAAH,KAAa,gBAAAG,EAACC,GAAA,EAAiB,WAAU,UAAA,CAAU,EAAA,CACtD,GAGIC,IAAa,CAACC,GAAsBC,MAAoB;AAC5D,UAAMC,IACJ,gBAAAL;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWM;AAAA,UACT;AAAA,UACAF,IACI,+BACA;AAAA,QAAA;AAAA,QAGL,UAAAD,EAAK;AAAA,MAAA;AAAA,IAAA;AAIV,WAAIC,IACKC,IAGLF,EAAK,OAEL,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAMG,EAAK;AAAA,QACX,WAAU;AAAA,QACV,SAASA,EAAK;AAAA,QAEb,UAAAE;AAAA,MAAA;AAAA,IAAA,IAKHF,EAAK,UAEL,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAASG,EAAK;AAAA,QACd,WAAU;AAAA,QAET,UAAAE;AAAA,MAAA;AAAA,IAAA,IAKAA;AAAA,EACT;AAEA,SACE,gBAAAL,EAAC,SAAI,cAAW,cAAa,WAAAF,GAC3B,UAAA,gBAAAS,EAAC,MAAA,EAAG,WAAU,qBACX,UAAA;AAAA,IAAAb,KACC,gBAAAa,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAR,EAAC,QACE,UAAAJ,IACC,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAASX;AAAA,UACT,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAI,EAACS,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,YAC9B,gBAAAT,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,IAGhC,gBAAAO;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMZ;AAAA,UACN,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAK,EAACS,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,YAC9B,gBAAAT,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAGpC;AAAA,MACCP,EAAM,SAAS,KAAK,gBAAAO,EAACD,GAAA,CAAA,CAAU;AAAA,IAAA,GAClC;AAAA,IAEDN,EAAM,IAAI,CAACU,GAAMO,MAChB,gBAAAH,EAAC,MAAA,EAAe,WAAU,qBACvB,UAAA;AAAA,MAAAL,EAAWC,GAAMO,MAAUjB,EAAM,SAAS,CAAC;AAAA,MAC3CiB,IAAQjB,EAAM,SAAS,uBAAMM,GAAA,CAAA,CAAU;AAAA,IAAA,EAAA,GAFjCW,CAGT,CACD;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}