@iit/precision-ui 0.1.0

package/dist/index.es4.js

@@ -0,0 +1,76 @@
+import t from "react";
+import { Button as c } from "./index.es2.js";
+import { ArrowRight16X16 as u } from "@iit/precision-ui-icons";
+import { cva as h } from "class-variance-authority";
+import { cn as a } from "./index.es11.js";
+const p = h(
+  "bg-white text-navy hover:bg-whitish-opacity-80 cursor-pointer",
+  {
+    variants: {
+      theme: {
+        default: "",
+        opacity: "bg-whitish-opacity-16 text-white hover:bg-whitish-opacity-24",
+        sapphire: "bg-sapphire text-white hover:bg-sapphire-hover"
+      },
+      size: {
+        default: "h-14 px-8 py-4 pr-2 gap-8 group",
+        defaultWithoutIcon: "h-14 px-4 py-4"
+      }
+    },
+    defaultVariants: {
+      theme: "default",
+      size: "default"
+    }
+  }
+), m = h(
+  "rounded-full bg-navy-opacity-4 h-10 w-10 inline-flex items-center justify-center group-hover:bg-transparent duration-200",
+  {
+    variants: {
+      theme: {
+        default: "",
+        opacity: "bg-whitish-opacity-8",
+        sapphire: "bg-whitish-opacity-32"
+      },
+      iconDirection: {
+        default: "",
+        down: "rotate-90"
+      }
+    },
+    defaultVariants: {
+      theme: "default",
+      iconDirection: "default"
+    }
+  }
+), d = ({
+  className: r,
+  linkClassName: f,
+  children: i,
+  theme: e,
+  iconDirection: n,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  size: y,
+  href: o,
+  // asChild = false,
+  ...s
+}) => {
+  const l = "flex justify-between items-center gap-8 w-full";
+  return o ? /* @__PURE__ */ t.createElement("a", { href: o, className: f }, /* @__PURE__ */ t.createElement(c, { className: a(p({ theme: e, className: r })), ...s }, /* @__PURE__ */ t.createElement("div", { className: l }, i, /* @__PURE__ */ t.createElement(
+    "div",
+    {
+      className: a(m({ theme: e, iconDirection: n }))
+    },
+    /* @__PURE__ */ t.createElement(u, null)
+  )))) : /* @__PURE__ */ t.createElement(
+    c,
+    {
+      className: a(p({ theme: e, className: r })),
+      asChild: !0,
+      ...s
+    },
+    /* @__PURE__ */ t.createElement("div", { className: l }, i, /* @__PURE__ */ t.createElement("div", { className: a(m({ theme: e, iconDirection: n })) }, /* @__PURE__ */ t.createElement(u, null)))
+  );
+}, x = d;
+export {
+  x as default
+};
+//# sourceMappingURL=index.es4.js.map

package/dist/index.es4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es4.js","sources":["../src/components/ui/button/ButtonPrimary.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Button } from './button'\r\nimport { ArrowRight16X16 } from '@iit/precision-ui-icons'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst buttonVariants = cva(\r\n  'bg-white text-navy hover:bg-whitish-opacity-80 cursor-pointer',\r\n  {\r\n    variants: {\r\n      theme: {\r\n        default: '',\r\n        opacity: 'bg-whitish-opacity-16 text-white hover:bg-whitish-opacity-24',\r\n        sapphire: 'bg-sapphire text-white hover:bg-sapphire-hover',\r\n      },\r\n      size: {\r\n        default: 'h-14 px-8 py-4 pr-2 gap-8 group',\r\n        defaultWithoutIcon: 'h-14 px-4 py-4',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      theme: 'default',\r\n      size: 'default',\r\n    },\r\n  }\r\n)\r\n\r\nconst arrowContainerVariants = cva(\r\n  'rounded-full bg-navy-opacity-4 h-10 w-10 inline-flex items-center justify-center group-hover:bg-transparent duration-200',\r\n  {\r\n    variants: {\r\n      theme: {\r\n        default: '',\r\n        opacity: 'bg-whitish-opacity-8',\r\n        sapphire: 'bg-whitish-opacity-32',\r\n      },\r\n      iconDirection: {\r\n        default: '',\r\n        down: 'rotate-90',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      theme: 'default',\r\n      iconDirection: 'default',\r\n    },\r\n  }\r\n)\r\n\r\ninterface ArrowContainerPropsToButton {\r\n  iconDirection?: VariantProps<typeof arrowContainerVariants>['iconDirection']\r\n}\r\n\r\nexport interface ButtonPrimaryProps\r\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n    VariantProps<typeof buttonVariants>,\r\n    ArrowContainerPropsToButton {\r\n  className?: string\r\n  linkClassName?: string\r\n  children?: React.ReactNode\r\n  // as?: 'button' | 'a'\r\n  href?: string\r\n  asChild?: boolean\r\n}\r\n\r\nconst ButtonPrimary: React.FC<ButtonPrimaryProps> = ({\r\n  className,\r\n  linkClassName,\r\n  children,\r\n  theme,\r\n  iconDirection,\r\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n  size,\r\n  href,\r\n  // asChild = false,\r\n  ...props\r\n}) => {\r\n  const containerStyles = 'flex justify-between items-center gap-8 w-full'\r\n  if (href) {\r\n    return (\r\n      <a href={href} className={linkClassName}>\r\n        <Button className={cn(buttonVariants({ theme, className }))} {...props}>\r\n          <div className={containerStyles}>\r\n            {children}\r\n            <div\r\n              className={cn(arrowContainerVariants({ theme, iconDirection }))}\r\n            >\r\n              <ArrowRight16X16 />\r\n            </div>\r\n          </div>\r\n        </Button>\r\n      </a>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <Button\r\n      className={cn(buttonVariants({ theme, className }))}\r\n      asChild\r\n      {...props}\r\n    >\r\n      <div className={containerStyles}>\r\n        {children}\r\n        <div className={cn(arrowContainerVariants({ theme, iconDirection }))}>\r\n          <ArrowRight16X16 />\r\n        </div>\r\n      </div>\r\n    </Button>\r\n  )\r\n}\r\n\r\nexport default ButtonPrimary\r\n"],"names":["buttonVariants","cva","arrowContainerVariants","ButtonPrimary","className","linkClassName","children","theme","iconDirection","size","href","props","containerStyles","React","Button","cn","ArrowRight16X16","ButtonPrimary$1"],"mappings":";;;;;AAOA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,oBAAoB;AAAA,MACtB;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEMC,IAAyBD;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,eAAe;AAAA,QACb,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,eAAe;AAAA,IACjB;AAAA,EACF;AACF,GAkBME,IAA8C,CAAC;AAAA,EACnD,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA;AAAA,EAEA,MAAAC;AAAA,EACA,MAAAC;AAAA;AAAA,EAEA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAkB;AACxB,SAAIF,IAEAG,gBAAAA,EAAA,cAAC,OAAE,MAAAH,GAAY,WAAWL,KACvBQ,gBAAAA,EAAA,cAAAC,GAAA,EAAO,WAAWC,EAAGf,EAAe,EAAE,OAAAO,GAAO,WAAAH,EAAU,CAAC,CAAC,GAAI,GAAGO,KAC9DE,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWD,EAAA,GACbN,GACDO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE,EAAGb,EAAuB,EAAE,OAAAK,GAAO,eAAAC,EAAe,CAAA,CAAC;AAAA,IAAA;AAAA,oCAE7DQ,GAAgB,IAAA;AAAA,EAErB,CAAA,CACF,CACF,IAKFH,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGf,EAAe,EAAE,OAAAO,GAAO,WAAAH,EAAW,CAAA,CAAC;AAAA,MAClD,SAAO;AAAA,MACN,GAAGO;AAAA,IAAA;AAAA,oCAEH,OAAI,EAAA,WAAWC,KACbN,GACDO,gBAAAA,EAAA,cAAC,SAAI,WAAWE,EAAGb,EAAuB,EAAE,OAAAK,GAAO,eAAAC,GAAe,CAAC,KAChEK,gBAAAA,EAAA,cAAAG,GAAA,IAAgB,CACnB,CACF;AAAA,EAAA;AAGN,GAEAC,IAAed;"}

package/dist/index.es5.js

@@ -0,0 +1,40 @@
+import t from "react";
+import { Button as p } from "./index.es2.js";
+import { cva as l } from "class-variance-authority";
+import { cn as u } from "./index.es11.js";
+const f = l(
+  "transition-all rounded-lg hover:rounded-[24px] border",
+  {
+    variants: {
+      variant: {
+        default: "bg-navy text-white",
+        white: "bg-white text-navy",
+        outline: "bg-transparent text-navy border border-solid border-navy-opacity-32",
+        outlineWhite: "bg-transparent text-white border border-solid border-whitish-opacity-32"
+      },
+      size: {
+        default: "px-[18px] py-[15px]",
+        sm: "px-[13.5px] py-[11px] hover:bg-white hover:text-navy"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), e = t.forwardRef(({ className: r, children: a, variant: o, size: n, asChild: i = !1, ...d }, s) => /* @__PURE__ */ t.createElement(
+  p,
+  {
+    className: u(f({ variant: o, size: n, className: r })),
+    asChild: i,
+    ref: s,
+    ...d
+  },
+  a
+));
+e.displayName = "ButtonSecondary";
+const m = e;
+export {
+  m as default
+};
+//# sourceMappingURL=index.es5.js.map

package/dist/index.es5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es5.js","sources":["../src/components/ui/button/ButtonSecondary.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Button } from './button'\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst buttonVariants = cva(\r\n  'transition-all rounded-lg hover:rounded-[24px] border',\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: 'bg-navy text-white',\r\n        white: 'bg-white text-navy',\r\n        outline:\r\n          'bg-transparent text-navy border border-solid border-navy-opacity-32',\r\n        outlineWhite:\r\n          'bg-transparent text-white border border-solid border-whitish-opacity-32',\r\n      },\r\n      size: {\r\n        default: 'px-[18px] py-[15px]',\r\n        sm: 'px-[13.5px] py-[11px] hover:bg-white hover:text-navy',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: 'default',\r\n      size: 'default',\r\n    },\r\n  }\r\n)\r\n\r\nexport interface ButtonSecondaryProps\r\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n    VariantProps<typeof buttonVariants> {\r\n  className?: string\r\n  children?: React.ReactNode\r\n  asChild?: boolean\r\n}\r\n\r\nconst ButtonSecondary = React.forwardRef<\r\n  HTMLButtonElement,\r\n  ButtonSecondaryProps\r\n>(({ className, children, variant, size, asChild = false, ...props }, ref) => {\r\n  return (\r\n    <Button\r\n      className={cn(buttonVariants({ variant, size, className }))}\r\n      asChild={asChild}\r\n      ref={ref}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </Button>\r\n  )\r\n})\r\n\r\nButtonSecondary.displayName = 'ButtonSecondary'\r\n\r\nexport default ButtonSecondary\r\n"],"names":["buttonVariants","cva","ButtonSecondary","React","className","children","variant","size","asChild","props","ref","Button","cn","ButtonSecondary$1"],"mappings":";;;;AAKA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,OAAO;AAAA,QACP,SACE;AAAA,QACF,cACE;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAUMC,IAAkBC,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAA,GAASC,MAElEP,gBAAAA,EAAA;AAAA,EAACQ;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGZ,EAAe,EAAE,SAAAM,GAAS,MAAAC,GAAM,WAAAH,EAAA,CAAW,CAAC;AAAA,IAC1D,SAAAI;AAAA,IACA,KAAAE;AAAA,IACC,GAAGD;AAAA,EAAA;AAAA,EAEHJ;AAAA,CAGN;AAEDH,EAAgB,cAAc;AAE9B,MAAAW,IAAeX;"}

package/dist/index.es6.js

@@ -0,0 +1,70 @@
+import t from "react";
+import { Button as s } from "./index.es2.js";
+import { LessLink16X16 as c, MoreLink16X16 as u, ArrowLinkRight16X16 as m } from "@iit/precision-ui-icons";
+import { cva as r } from "class-variance-authority";
+import { cn as n } from "./index.es11.js";
+import { ArrowDownToLine as d } from "lucide-react";
+const f = r("bg-link-gradient-container hover:cursor-pointer", {
+  variants: {
+    variant: {
+      default: "text-navy",
+      white: "text-white"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), p = r("rounded-full p-[5px]", {
+  variants: {
+    variant: {
+      default: "bg-navy-opacity-4",
+      // default: "bg-red-500",
+      white: "bg-whitish-opacity-8"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), v = r("", {
+  variants: {
+    variant: {
+      default: "bg-link-gradient",
+      white: "bg-link-white-gradient"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), h = (e) => {
+  switch (e) {
+    case "arrowRight":
+      return /* @__PURE__ */ t.createElement(m, null);
+    case "plus":
+      return /* @__PURE__ */ t.createElement(u, null);
+    case "minus":
+      return /* @__PURE__ */ t.createElement(c, null);
+    case "download":
+      return /* @__PURE__ */ t.createElement(d, { size: 18 });
+    default:
+      return null;
+  }
+}, w = ({
+  className: e,
+  children: l,
+  variant: a,
+  icon: i,
+  // asChild = false,
+  ...o
+}) => /* @__PURE__ */ t.createElement(
+  s,
+  {
+    className: n(f({ variant: a, className: e })),
+    asChild: !0,
+    ...o
+  },
+  /* @__PURE__ */ t.createElement("div", { className: "gap-2 flex items-center" }, i && /* @__PURE__ */ t.createElement("div", { className: n(p({ variant: a })) }, h(i)), /* @__PURE__ */ t.createElement("div", { className: n(v({ variant: a })) }, l))
+), L = w;
+export {
+  L as default
+};
+//# sourceMappingURL=index.es6.js.map

package/dist/index.es6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es6.js","sources":["../src/components/ui/button/ButtonText.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Button } from './button'\r\nimport {\r\n  ArrowLinkRight16X16,\r\n  MoreLink16X16,\r\n  LessLink16X16,\r\n} from '@iit/precision-ui-icons'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { ArrowDownToLine } from 'lucide-react'\r\n\r\nconst buttonVariants = cva('bg-link-gradient-container hover:cursor-pointer', {\r\n  variants: {\r\n    variant: {\r\n      default: 'text-navy',\r\n      white: 'text-white',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\r\n  },\r\n})\r\n\r\nconst iconContainerVariants = cva('rounded-full p-[5px]', {\r\n  variants: {\r\n    variant: {\r\n      default: 'bg-navy-opacity-4',\r\n      // default: \"bg-red-500\",\r\n      white: 'bg-whitish-opacity-8',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\r\n  },\r\n})\r\n\r\nconst textContainerVariants = cva('', {\r\n  variants: {\r\n    variant: {\r\n      default: 'bg-link-gradient',\r\n      white: 'bg-link-white-gradient',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\r\n  },\r\n})\r\n\r\nexport type ButtonTextIconName = 'arrowRight' | 'plus' | 'minus' | 'download'\r\n\r\nconst iconDefiner = (icon?: ButtonTextIconName) => {\r\n  switch (icon) {\r\n    case 'arrowRight':\r\n      return <ArrowLinkRight16X16 />\r\n\r\n    case 'plus':\r\n      return <MoreLink16X16 />\r\n\r\n    case 'minus':\r\n      return <LessLink16X16 />\r\n\r\n    case 'download':\r\n      return <ArrowDownToLine size={18} />\r\n\r\n    default:\r\n      return null\r\n  }\r\n}\r\n\r\ninterface NewProps {\r\n  className?: string\r\n  children?: React.ReactNode\r\n  icon?: ButtonTextIconName\r\n  asChild?: boolean\r\n}\r\n\r\nexport interface ButtonTextProps\r\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n    VariantProps<typeof buttonVariants>,\r\n    NewProps {}\r\n\r\nexport interface ButtonTextPropsWithoutHTMLAttributes\r\n  extends Omit<NewProps, 'children' | 'className'> {\r\n  text: string\r\n}\r\n\r\nconst ButtonText: React.FC<ButtonTextProps> = ({\r\n  className,\r\n  children,\r\n  variant,\r\n  icon,\r\n  // asChild = false,\r\n  ...props\r\n}) => {\r\n  return (\r\n    <Button\r\n      className={cn(buttonVariants({ variant, className }))}\r\n      asChild\r\n      {...props}\r\n    >\r\n      <div className=\"gap-2 flex items-center\">\r\n        {icon && (\r\n          <div className={cn(iconContainerVariants({ variant }))}>\r\n            {iconDefiner(icon)}\r\n          </div>\r\n        )}\r\n        <div className={cn(textContainerVariants({ variant }))}>{children}</div>\r\n      </div>\r\n    </Button>\r\n  )\r\n}\r\n\r\nexport default ButtonText\r\n"],"names":["buttonVariants","cva","iconContainerVariants","textContainerVariants","iconDefiner","icon","ArrowLinkRight16X16","MoreLink16X16","LessLink16X16","React","ArrowDownToLine","ButtonText","className","children","variant","props","Button","cn","ButtonText$1"],"mappings":";;;;;;AAYA,MAAMA,IAAiBC,EAAI,mDAAmD;AAAA,EAC5E,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAEKC,IAAwBD,EAAI,wBAAwB;AAAA,EACxD,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA;AAAA,MAET,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAEKE,IAAwBF,EAAI,IAAI;AAAA,EACpC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAIKG,IAAc,CAACC,MAA8B;AACjD,UAAQA,GAAM;AAAA,IACZ,KAAK;AACH,6CAAQC,GAAoB,IAAA;AAAA,IAE9B,KAAK;AACH,6CAAQC,GAAc,IAAA;AAAA,IAExB,KAAK;AACH,6CAAQC,GAAc,IAAA;AAAA,IAExB,KAAK;AACI,aAAAC,gBAAAA,EAAA,cAACC,GAAgB,EAAA,MAAM,GAAI,CAAA;AAAA,IAEpC;AACS,aAAA;AAAA,EACX;AACF,GAmBMC,IAAwC,CAAC;AAAA,EAC7C,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAT;AAAA;AAAA,EAEA,GAAGU;AACL,MAEIN,gBAAAA,EAAA;AAAA,EAACO;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGjB,EAAe,EAAE,SAAAc,GAAS,WAAAF,EAAW,CAAA,CAAC;AAAA,IACpD,SAAO;AAAA,IACN,GAAGG;AAAA,EAAA;AAAA,EAEHN,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,0BAAA,GACZJ,KACCI,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAWQ,EAAGf,EAAsB,EAAE,SAAAY,EAAS,CAAA,CAAC,EAAA,GAClDV,EAAYC,CAAI,CACnB,GAEDI,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWQ,EAAGd,EAAsB,EAAE,SAAAW,EAAS,CAAA,CAAC,EAAA,GAAID,CAAS,CACpE;AAAA,GAKNK,IAAeP;"}

package/dist/index.es7.js

@@ -0,0 +1,54 @@
+import t from "react";
+import { Button as s } from "./index.es2.js";
+import { ServicesModal16X16 as u, Login16X16 as c } from "@iit/precision-ui-icons";
+import { cva as i } from "class-variance-authority";
+import { cn as n } from "./index.es11.js";
+const m = i("bg-link-gradient-container group cursor-pointer", {
+  variants: {
+    variant: {
+      default: "text-navy",
+      white: "text-white"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), d = i("", {
+  variants: {
+    variant: {
+      default: "bg-link-gradient",
+      white: "bg-link-white-gradient"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), f = (e) => {
+  switch (e) {
+    case "login":
+      return /* @__PURE__ */ t.createElement(c, null);
+    case "services":
+      return /* @__PURE__ */ t.createElement(u, null);
+    default:
+      return null;
+  }
+}, v = ({
+  className: e,
+  children: o,
+  variant: a,
+  icon: r,
+  // asChild = false,
+  ...l
+}) => /* @__PURE__ */ t.createElement(
+  s,
+  {
+    className: n(m({ variant: a, className: e })),
+    asChild: !0,
+    ...l
+  },
+  /* @__PURE__ */ t.createElement("div", { className: "gap-2 flex items-center" }, r && /* @__PURE__ */ t.createElement("div", { className: "group-hover:transform group-hover:scale-125 duration-200" }, f(r)), /* @__PURE__ */ t.createElement("div", { className: n(d({ variant: a })) }, o))
+), x = v;
+export {
+  x as default
+};
+//# sourceMappingURL=index.es7.js.map

package/dist/index.es7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es7.js","sources":["../src/components/ui/button/ButtonUnique.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Button } from './button'\r\nimport { Login16X16, ServicesModal16X16 } from '@iit/precision-ui-icons'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst buttonVariants = cva('bg-link-gradient-container group cursor-pointer', {\r\n  variants: {\r\n    variant: {\r\n      default: 'text-navy',\r\n      white: 'text-white',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\r\n  },\r\n})\r\n\r\nconst textContainerVariants = cva('', {\r\n  variants: {\r\n    variant: {\r\n      default: 'bg-link-gradient',\r\n      white: 'bg-link-white-gradient',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\r\n  },\r\n})\r\n\r\nconst iconDefiner = (icon?: string) => {\r\n  switch (icon) {\r\n    case 'login':\r\n      return <Login16X16 />\r\n\r\n    case 'services':\r\n      return <ServicesModal16X16 />\r\n\r\n    default:\r\n      return null\r\n  }\r\n}\r\n\r\nexport interface ButtonUniqueProps\r\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n    VariantProps<typeof buttonVariants> {\r\n  className?: string\r\n  children?: React.ReactNode\r\n  icon?: string\r\n  asChild?: boolean\r\n}\r\n\r\nconst ButtonUnique: React.FC<ButtonUniqueProps> = ({\r\n  className,\r\n  children,\r\n  variant,\r\n  icon,\r\n  // asChild = false,\r\n  ...props\r\n}) => {\r\n  return (\r\n    <Button\r\n      className={cn(buttonVariants({ variant, className }))}\r\n      asChild\r\n      {...props}\r\n    >\r\n      <div className=\"gap-2 flex items-center\">\r\n        {icon && (\r\n          <div className=\"group-hover:transform group-hover:scale-125 duration-200\">\r\n            {iconDefiner(icon)}\r\n          </div>\r\n        )}\r\n        <div className={cn(textContainerVariants({ variant }))}>{children}</div>\r\n      </div>\r\n    </Button>\r\n  )\r\n}\r\n\r\nexport default ButtonUnique\r\n"],"names":["buttonVariants","cva","textContainerVariants","iconDefiner","icon","Login16X16","ServicesModal16X16","ButtonUnique","className","children","variant","props","React","Button","cn","ButtonUnique$1"],"mappings":";;;;;AAOA,MAAMA,IAAiBC,EAAI,mDAAmD;AAAA,EAC5E,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAEKC,IAAwBD,EAAI,IAAI;AAAA,EACpC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAEKE,IAAc,CAACC,MAAkB;AACrC,UAAQA,GAAM;AAAA,IACZ,KAAK;AACH,6CAAQC,GAAW,IAAA;AAAA,IAErB,KAAK;AACH,6CAAQC,GAAmB,IAAA;AAAA,IAE7B;AACS,aAAA;AAAA,EACX;AACF,GAWMC,IAA4C,CAAC;AAAA,EACjD,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAN;AAAA;AAAA,EAEA,GAAGO;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGd,EAAe,EAAE,SAAAU,GAAS,WAAAF,EAAW,CAAA,CAAC;AAAA,IACpD,SAAO;AAAA,IACN,GAAGG;AAAA,EAAA;AAAA,EAEJC,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,0BACZ,GAAAR,qCACE,OAAI,EAAA,WAAU,2DACZ,GAAAD,EAAYC,CAAI,CACnB,GAEDQ,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWE,EAAGZ,EAAsB,EAAE,SAAAQ,GAAS,CAAC,EAAI,GAAAD,CAAS,CACpE;AAAA,GAKNM,IAAeR;"}

package/dist/index.es8.js

@@ -0,0 +1,41 @@
+import l from "react";
+import { cva as s } from "class-variance-authority";
+import { cn as c } from "./index.es11.js";
+import { getAdapter as f } from "./index.es9.js";
+const m = s("duration-200 transition-colors", {
+  variants: {
+    variant: {
+      default: "text-turquoise link",
+      navy: "text-navy link_navy",
+      white: "text-white link_white"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), k = ({
+  href: r,
+  children: n,
+  className: a,
+  variant: e,
+  target: t,
+  rel: i,
+  ...o
+}) => {
+  const p = f("LinkWrapper");
+  return /* @__PURE__ */ l.createElement(
+    p,
+    {
+      href: r,
+      target: t,
+      rel: i || (t === "_blank" ? "noopener noreferrer" : void 0),
+      className: c(m({ variant: e, className: a })),
+      ...o
+    },
+    n
+  );
+}, x = k;
+export {
+  x as default
+};
+//# sourceMappingURL=index.es8.js.map

package/dist/index.es8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es8.js","sources":["../src/components/ui/Link.tsx"],"sourcesContent":["import React from 'react'\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nconst linkVariants = cva('duration-200 transition-colors', {\r\n  variants: {\r\n    variant: {\r\n      default: 'text-turquoise link',\r\n      navy: 'text-navy link_navy',\r\n      white: 'text-white link_white',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\r\n  },\r\n})\r\n\r\ninterface AppLinkProps\r\n  extends React.HTMLAttributes<HTMLAnchorElement>,\r\n    VariantProps<typeof linkVariants> {\r\n  href: string\r\n  children: React.ReactNode\r\n  className?: string\r\n  target?: string\r\n}\r\n\r\nconst AppLink: React.FC<AppLinkProps> = ({\r\n  href,\r\n  children,\r\n  className,\r\n  variant,\r\n  target,\r\n  rel,\r\n  ...props\r\n}) => {\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n\r\n  return (\r\n    <LinkWrapper\r\n      href={href}\r\n      target={target}\r\n      rel={rel || (target === '_blank' ? 'noopener noreferrer' : undefined)}\r\n      className={cn(linkVariants({ variant, className }))}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </LinkWrapper>\r\n  )\r\n}\r\n\r\nexport default AppLink\r\n"],"names":["linkVariants","cva","AppLink","href","children","className","variant","target","rel","props","LinkWrapper","getAdapter","React","cn","AppLink$1"],"mappings":";;;;AAKA,MAAMA,IAAeC,EAAI,kCAAkC;AAAA,EACzD,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAWKC,IAAkC,CAAC;AAAA,EACvC,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAcC,EAAW,aAAa;AAG1C,SAAAC,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,MAAAP;AAAA,MACA,QAAAI;AAAA,MACA,KAAKC,MAAQD,MAAW,WAAW,wBAAwB;AAAA,MAC3D,WAAWM,EAAGb,EAAa,EAAE,SAAAM,GAAS,WAAAD,EAAW,CAAA,CAAC;AAAA,MACjD,GAAGI;AAAA,IAAA;AAAA,IAEHL;AAAA,EAAA;AAGP,GAEAU,IAAeZ;"}

package/dist/index.es9.js

@@ -0,0 +1,13 @@
+const e = {}, o = (r, t) => {
+  e[r] = t;
+}, s = (r) => {
+  const t = e[r];
+  if (!t)
+    throw new Error(`Adapter for ${r} is not registered.`);
+  return t;
+};
+export {
+  s as getAdapter,
+  o as registerAdapter
+};
+//# sourceMappingURL=index.es9.js.map

package/dist/index.es9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es9.js","sources":["../src/Adapters.tsx"],"sourcesContent":["type ComponentAdapter<TProps = unknown> = React.FC<TProps>\r\n\r\ninterface Adapters {\r\n  LinkWrapper?: ComponentAdapter<{\r\n    href: string\r\n    children: React.ReactNode\r\n    className?: string\r\n    target?: string\r\n    rel?: string\r\n  }>\r\n  ImageWrapper?: ComponentAdapter<{\r\n    src: string\r\n    alt: string\r\n    width?: number\r\n    height?: number\r\n    className?: string\r\n  }>\r\n}\r\n\r\nconst adapters: Adapters = {}\r\n\r\nexport const registerAdapter = <T extends keyof Adapters>(\r\n  key: T,\r\n  adapter: NonNullable<Adapters[T]>\r\n) => {\r\n  adapters[key] = adapter\r\n}\r\n\r\nexport const getAdapter = <T extends keyof Adapters>(\r\n  key: T\r\n): NonNullable<Adapters[T]> => {\r\n  const adapter = adapters[key]\r\n  if (!adapter) {\r\n    throw new Error(`Adapter for ${key} is not registered.`)\r\n  }\r\n  return adapter\r\n}\r\n"],"names":["adapters","registerAdapter","key","adapter","getAdapter"],"mappings":"AAmBA,MAAMA,IAAqB,CAAA,GAEdC,IAAkB,CAC7BC,GACAC,MACG;AACH,EAAAH,EAASE,CAAG,IAAIC;AAClB,GAEaC,IAAa,CACxBF,MAC6B;AACvB,QAAAC,IAAUH,EAASE,CAAG;AAC5B,MAAI,CAACC;AACH,UAAM,IAAI,MAAM,eAAeD,CAAG,qBAAqB;AAElD,SAAAC;AACT;"}

package/dist/lib/utils/cn.d.ts

@@ -0,0 +1,4 @@
+import { ClassValue } from 'clsx';
+
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/lib/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/setupTests.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=setupTests.d.ts.map

package/dist/setupTests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":""}

package/dist/stories/Button.d.ts

@@ -0,0 +1,16 @@
+
+export interface ButtonProps {
+    /** Is this the principal call to action on the page? */
+    primary?: boolean;
+    /** What background color to use */
+    backgroundColor?: string;
+    /** How large should the button be? */
+    size?: 'small' | 'medium' | 'large';
+    /** Button contents */
+    label: string;
+    /** Optional click handler */
+    onClick?: () => void;
+}
+/** Primary UI component for user interaction */
+export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react/jsx-dev-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/stories/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/stories/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAW;IAC1B,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mCAAmC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,gDAAgD;AAChD,eAAO,MAAM,MAAM,wDAMhB,WAAW,gDAYb,CAAC"}

package/dist/stories/Header.d.ts

@@ -0,0 +1,13 @@
+
+type User = {
+    name: string;
+};
+export interface HeaderProps {
+    user?: User;
+    onLogin?: () => void;
+    onLogout?: () => void;
+    onCreateAccount?: () => void;
+}
+export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => import("react/jsx-dev-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Header.d.ts.map

package/dist/stories/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/stories/Header.tsx"],"names":[],"mappings":"AAGA,OAAO,cAAc,CAAC;AAEtB,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,MAAM,iDAAkD,WAAW,gDAuC/E,CAAC"}

package/dist/stories/Page.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+export declare const Page: React.FC;
+//# sourceMappingURL=Page.d.ts.map

package/dist/stories/Page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../src/stories/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,YAAY,CAAC;AAMpB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EA+DxB,CAAC"}