@iit/precision-ui 0.2.0 → 0.4.0

package/dist/index.es23.js

@@ -1,22 +1,55 @@
-import m, { forwardRef as c } from "react";
-import { typeVariants as f } from "./index.es40.js";
-const e = c(
-  ({ level: a, as: n, className: t = "", children: r, ...o }, i) => {
-    const s = n || `h${a}`, d = f({ variant: `h${a}` });
-    return /* @__PURE__ */ m.createElement(
-      s,
+import i from "./index.es24.js";
+import p from "./index.es26.js";
+import e from "react";
+import r from "./index.es27.js";
+import { getAdapter as d } from "./index.es9.js";
+const g = [
+  "/partners/rostelekom.svg",
+  "/partners/mts.svg",
+  "/partners/uralsib.svg",
+  "/partners/sberbank.svg",
+  "/partners/rosbank.svg",
+  "/partners/pochtabank.svg",
+  "/partners/vtb.svg",
+  "/partners/alfa.svg",
+  "/partners/otkrytie.svg"
+  // "МТС",
+  // "Уралсиб",
+  // "Сбербанк",
+  // "Росбанк",
+  // "Почта Банк",
+  // "ВТБ",
+  // "РосБанк",
+  // "Открытие",
+], v = ({
+  variant: a,
+  withoutTopPadding: s,
+  withoutBottomPadding: n,
+  withTopMargin: l,
+  withBottomMargin: o
+}) => {
+  const c = d("ImageWrapper");
+  return /* @__PURE__ */ e.createElement(
+    i,
+    {
+      title: "",
+      variant: a,
+      withoutTopPadding: s,
+      withoutBottomPadding: n,
+      withTopMargin: l,
+      withBottomMargin: o
+    },
+    /* @__PURE__ */ e.createElement("div", { className: "grid grid-cols-2 auto-rows-[222px] sm:grid-cols-3 lg:grid-cols-6 gap-3 mt-4" }, /* @__PURE__ */ e.createElement("div", { className: "p-6 bg-whitish rounded-lg col-span-3 row-start-1 row-end-3 flex flex-col justify-between" }, /* @__PURE__ */ e.createElement(p, { level: 2 }, "Более 500", " ", /* @__PURE__ */ e.createElement("span", { className: "text-navy-opacity-40" }, "компаний работают с нами")), /* @__PURE__ */ e.createElement(r, { variant: "body", className: "w-[87.5%]" }, "Среди наших клиентов — крупнейшие холдинги, государственные учреждения, финансовые и производственные компании, а также более 50 000 представителей малого и среднего бизнеса.")), g.map((t, m) => /* @__PURE__ */ e.createElement(
+      "div",
       {
-        ref: i,
-        className: `${d}${t ? ` ${t}` : ""}`,
-        ...o
+        key: m,
+        className: "rounded-lg border border-navy-opacity-16 flex align-middle justify-center"
       },
-      r
-    );
-  }
-);
-e.displayName = "Heading";
-const g = e;
+      /* @__PURE__ */ e.createElement(c, { src: t, width: 160, height: 64, alt: t })
+    )), /* @__PURE__ */ e.createElement("div", { className: "bg-whitish rounded-lg flex items-center justify-center" }, /* @__PURE__ */ e.createElement(r, { variant: "body", className: "text-navy-opacity-40" }, "500+")))
+  );
+}, x = v;
 export {
-  g as default
+  x as default
 };
 //# sourceMappingURL=index.es23.js.map

package/dist/index.es23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es23.js","sources":["../src/components/core/typography/Heading.tsx"],"sourcesContent":["import React, { ElementType, ReactNode, forwardRef } from \"react\";\r\n\r\nimport { typeVariants } from \"./typeVariants\";\r\n\r\ninterface HeadingProps {\r\n  level: 1 | 2 | 3 | 4 | 5 | 6;\r\n  as?: ElementType;\r\n  className?: string;\r\n  children: ReactNode;\r\n}\r\n\r\nconst Heading = forwardRef<HTMLHeadingElement, HeadingProps>(\r\n  ({ level, as, className = \"\", children, ...props }, ref) => {\r\n    const Component = as || `h${level}`;\r\n    const variantClass = typeVariants({ variant: `h${level}` });\r\n\r\n    return (\r\n      <Component\r\n        ref={ref}\r\n        className={`${variantClass}${className ? ` ${className}` : \"\"}`}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </Component>\r\n    );\r\n  }\r\n);\r\n\r\nHeading.displayName = \"Heading\";\r\n\r\nexport default Heading;\r\n"],"names":["Heading","forwardRef","level","as","className","children","props","ref","Component","variantClass","typeVariants","React","Heading$1"],"mappings":";;AAWA,MAAMA,IAAUC;AAAA,EACd,CAAC,EAAE,OAAAC,GAAO,IAAAC,GAAI,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MAAQ;AACpD,UAAAC,IAAYL,KAAM,IAAID,CAAK,IAC3BO,IAAeC,EAAa,EAAE,SAAS,IAAIR,CAAK,IAAI;AAGxD,WAAAS,gBAAAA,EAAA;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,KAAAD;AAAA,QACA,WAAW,GAAGE,CAAY,GAAGL,IAAY,IAAIA,CAAS,KAAK,EAAE;AAAA,QAC5D,GAAGE;AAAA,MAAA;AAAA,MAEHD;AAAA,IAAA;AAAA,EAGP;AACF;AAEAL,EAAQ,cAAc;AAEtB,MAAAY,IAAeZ;"}
+{"version":3,"file":"index.es23.js","sources":["../src/sections/Partners.tsx"],"sourcesContent":["import Section, { SectionProps } from './Section'\r\n\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nconst partners = [\r\n  '/partners/rostelekom.svg',\r\n  '/partners/mts.svg',\r\n  '/partners/uralsib.svg',\r\n  '/partners/sberbank.svg',\r\n  '/partners/rosbank.svg',\r\n  '/partners/pochtabank.svg',\r\n  '/partners/vtb.svg',\r\n  '/partners/alfa.svg',\r\n  '/partners/otkrytie.svg',\r\n  // \"МТС\",\r\n  // \"Уралсиб\",\r\n  // \"Сбербанк\",\r\n  // \"Росбанк\",\r\n  // \"Почта Банк\",\r\n  // \"ВТБ\",\r\n  // \"РосБанк\",\r\n  // \"Открытие\",\r\n]\r\n\r\nexport interface PartnersProps {\r\n  variant?: SectionProps['variant']\r\n  withoutTopPadding?: boolean\r\n  withoutBottomPadding?: boolean\r\n  withTopMargin?: boolean\r\n  withBottomMargin?: boolean\r\n}\r\n\r\nconst Partners: React.FC<PartnersProps> = ({\r\n  variant,\r\n  withoutTopPadding,\r\n  withoutBottomPadding,\r\n  withTopMargin,\r\n  withBottomMargin,\r\n}) => {\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  return (\r\n    <Section\r\n      title=\"\"\r\n      variant={variant}\r\n      withoutTopPadding={withoutTopPadding}\r\n      withoutBottomPadding={withoutBottomPadding}\r\n      withTopMargin={withTopMargin}\r\n      withBottomMargin={withBottomMargin}\r\n    >\r\n      <div className=\"grid grid-cols-2 auto-rows-[222px] sm:grid-cols-3 lg:grid-cols-6 gap-3 mt-4\">\r\n        <div className=\"p-6 bg-whitish rounded-lg col-span-3 row-start-1 row-end-3 flex flex-col justify-between\">\r\n          <Heading level={2}>\r\n            Более 500{' '}\r\n            <span className=\"text-navy-opacity-40\">\r\n              компаний работают с нами\r\n            </span>\r\n          </Heading>\r\n\r\n          <Text variant=\"body\" className=\"w-[87.5%]\">\r\n            Среди наших клиентов — крупнейшие холдинги, государственные\r\n            учреждения, финансовые и производственные компании, а также более 50\r\n            000 представителей малого и среднего бизнеса.\r\n          </Text>\r\n        </div>\r\n        {partners.map((partner, index) => (\r\n          <div\r\n            key={index}\r\n            className=\"rounded-lg border border-navy-opacity-16 flex align-middle justify-center\"\r\n          >\r\n            <ImageWrapper src={partner} width={160} height={64} alt={partner} />\r\n          </div>\r\n        ))}\r\n        <div className=\"bg-whitish rounded-lg flex items-center justify-center\">\r\n          <Text variant=\"body\" className=\"text-navy-opacity-40\">\r\n            500+\r\n          </Text>\r\n        </div>\r\n      </div>\r\n    </Section>\r\n  )\r\n}\r\n\r\nexport default Partners\r\n"],"names":["partners","Partners","variant","withoutTopPadding","withoutBottomPadding","withTopMargin","withBottomMargin","ImageWrapper","getAdapter","React","Section","Heading","Text","partner","index","Partners$1"],"mappings":";;;;;AAOA,MAAMA,IAAW;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASF,GAUMC,IAAoC,CAAC;AAAA,EACzC,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACE,QAAAC,IAAeC,EAAW,cAAc;AAG5C,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAAR;AAAA,MACA,mBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA;AAAA,IAECG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,8EAAA,mCACZ,OAAI,EAAA,WAAU,8FACbA,gBAAAA,EAAA,cAACE,KAAQ,OAAO,KAAG,aACP,qCACT,QAAK,EAAA,WAAU,uBAAuB,GAAA,0BAEvC,CACF,GAECF,gBAAAA,EAAA,cAAAG,GAAA,EAAK,SAAQ,QAAO,WAAU,YAAY,GAAA,gLAI3C,CACF,GACCZ,EAAS,IAAI,CAACa,GAASC,MACtBL,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKK;AAAA,QACL,WAAU;AAAA,MAAA;AAAA,MAEVL,gBAAAA,EAAA,cAACF,KAAa,KAAKM,GAAS,OAAO,KAAK,QAAQ,IAAI,KAAKA,EAAS,CAAA;AAAA,IAAA,CAErE,GACAJ,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,yDACb,GAAAA,gBAAAA,EAAA,cAACG,GAAK,EAAA,SAAQ,QAAO,WAAU,uBAAuB,GAAA,MAEtD,CACF,CACF;AAAA,EAAA;AAGN,GAEAG,IAAed;"}

package/dist/index.es24.js

@@ -1,22 +1,60 @@
-import c, { forwardRef as f } from "react";
-import { typeVariants as d } from "./index.es40.js";
-const e = f(
-  ({ variant: a = "body", as: o, className: t = "", children: r, ...n }, s) => {
-    const m = o || "p", p = d({ variant: a });
-    return /* @__PURE__ */ c.createElement(
-      m,
-      {
-        ref: s,
-        className: `${p}${t ? ` ${t}` : ""}`,
-        ...n
-      },
-      r
-    );
+import e from "react";
+import { cva as u } from "class-variance-authority";
+import { cn as y } from "./index.es29.js";
+import v from "./index.es26.js";
+import E from "./index.es27.js";
+import N from "./index.es4.js";
+const b = u("space-y-12", {
+  variants: {
+    variant: {
+      default: "py-[120px]",
+      muted: "bg-grey-2 py-[88px] px-6"
+    },
+    corners: {
+      default: "rounded-2xl",
+      onlyTop: "rounded-t-2xl",
+      onlyBottom: "rounded-b-2xl"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    corners: "default"
   }
-);
-e.displayName = "Text";
-const x = e;
+}), g = ({
+  title: t,
+  desc: a,
+  children: n,
+  moreLink: r,
+  moreText: l = "Подробнее",
+  withTopMargin: o = !1,
+  withBottomMargin: s = !1,
+  withoutTopPadding: c = !1,
+  withoutBottomPadding: m = !1,
+  variant: i,
+  corners: f,
+  className: p
+}) => {
+  const d = [
+    "container",
+    o && "mt-6",
+    s && "mb-6"
+  ].filter(Boolean).map((x) => x).join(" ").trim();
+  return /* @__PURE__ */ e.createElement("section", { className: d }, /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: y(
+        b({ variant: i, corners: f }),
+        c && "pt-0",
+        m && "pb-0",
+        p
+      )
+    },
+    t && /* @__PURE__ */ e.createElement("div", { className: "space-y-4 flex flex-col items-center" }, /* @__PURE__ */ e.createElement(v, { level: 2, className: "text-center max-w-[900px]" }, t), a && /* @__PURE__ */ e.createElement(E, { className: "text-center max-w-6xl" }, a)),
+    n,
+    r && /* @__PURE__ */ e.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ e.createElement(N, { href: r }, l))
+  ));
+}, _ = g;
 export {
-  x as default
+  _ as default
 };
 //# sourceMappingURL=index.es24.js.map

package/dist/index.es24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es24.js","sources":["../src/components/core/typography/Text.tsx"],"sourcesContent":["import React, { ElementType, ReactNode, forwardRef } from \"react\";\r\n\r\nimport { typeVariants } from \"./typeVariants\";\r\n\r\ninterface TextProps {\r\n  variant?:\r\n    | \"factoid\"\r\n    | \"subtitle-1\"\r\n    | \"subtitle-2\"\r\n    | \"overline\"\r\n    | \"lead-text\"\r\n    | \"body\"\r\n    | \"small-body\"\r\n    | \"caption\"\r\n    | \"button\"\r\n    | \"link\";\r\n  as?: ElementType;\r\n  className?: string;\r\n  children: ReactNode;\r\n}\r\n\r\nconst Text = forwardRef<HTMLParagraphElement, TextProps>(\r\n  ({ variant = \"body\", as, className = \"\", children, ...props }, ref) => {\r\n    const Component = as || \"p\";\r\n    const variantClass = typeVariants({ variant });\r\n\r\n    return (\r\n      <Component\r\n        ref={ref}\r\n        className={`${variantClass}${className ? ` ${className}` : \"\"}`}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </Component>\r\n    );\r\n  }\r\n);\r\n\r\nText.displayName = \"Text\";\r\n\r\nexport default Text;\r\n"],"names":["Text","forwardRef","variant","as","className","children","props","ref","Component","variantClass","typeVariants","React","Text$1"],"mappings":";;AAqBA,MAAMA,IAAOC;AAAA,EACX,CAAC,EAAE,SAAAC,IAAU,QAAQ,IAAAC,GAAI,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MAAQ;AACrE,UAAMC,IAAYL,KAAM,KAClBM,IAAeC,EAAa,EAAE,SAAAR,EAAS,CAAA;AAG3C,WAAAS,gBAAAA,EAAA;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,KAAAD;AAAA,QACA,WAAW,GAAGE,CAAY,GAAGL,IAAY,IAAIA,CAAS,KAAK,EAAE;AAAA,QAC5D,GAAGE;AAAA,MAAA;AAAA,MAEHD;AAAA,IAAA;AAAA,EAGP;AACF;AAEAL,EAAK,cAAc;AAEnB,MAAAY,IAAeZ;"}
+{"version":3,"file":"index.es24.js","sources":["../src/sections/Section.tsx"],"sourcesContent":["import React from 'react'\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport Text from '@/components/core/typography/Text'\r\nimport ButtonPrimary from '@/components/ui/button/ButtonPrimary'\r\n\r\nconst sectionVariants = cva('space-y-12', {\r\n  variants: {\r\n    variant: {\r\n      default: 'py-[120px]',\r\n      muted: 'bg-grey-2 py-[88px] px-6',\r\n    },\r\n    corners: {\r\n      default: 'rounded-2xl',\r\n      onlyTop: 'rounded-t-2xl',\r\n      onlyBottom: 'rounded-b-2xl',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\r\n    corners: 'default',\r\n  },\r\n})\r\n\r\nexport interface SectionProps\r\n  extends React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof sectionVariants> {\r\n  title: string\r\n  desc?: string\r\n  children?: React.ReactNode\r\n  moreLink?: string\r\n  moreText?: string\r\n  withTopMargin?: boolean\r\n  withBottomMargin?: boolean\r\n  withoutTopPadding?: boolean\r\n  withoutBottomPadding?: boolean\r\n  className?: string\r\n}\r\n\r\nconst Section: React.FC<SectionProps> = ({\r\n  title,\r\n  desc,\r\n  children,\r\n  moreLink,\r\n  moreText = 'Подробнее',\r\n  withTopMargin = false,\r\n  withBottomMargin = false,\r\n  withoutTopPadding = false,\r\n  withoutBottomPadding = false,\r\n  variant,\r\n  corners,\r\n  className,\r\n}) => {\r\n  const sectionClasses = [\r\n    'container',\r\n    withTopMargin && 'mt-6',\r\n    withBottomMargin && 'mb-6',\r\n  ]\r\n    .filter(Boolean)\r\n    .map((item) => item)\r\n    .join(' ')\r\n    .trim()\r\n\r\n  return (\r\n    <section className={sectionClasses}>\r\n      <div\r\n        className={cn(\r\n          sectionVariants({ variant, corners }),\r\n          withoutTopPadding && 'pt-0',\r\n          withoutBottomPadding && 'pb-0',\r\n          className\r\n        )}\r\n      >\r\n        {title && (\r\n          <div className=\"space-y-4 flex flex-col items-center\">\r\n            <Heading level={2} className=\"text-center max-w-[900px]\">\r\n              {title}\r\n            </Heading>\r\n            {desc && <Text className=\"text-center max-w-6xl\">{desc}</Text>}\r\n          </div>\r\n        )}\r\n        {children}\r\n        {moreLink && (\r\n          <div className=\"flex justify-center\">\r\n            <ButtonPrimary href={moreLink}>{moreText}</ButtonPrimary>\r\n          </div>\r\n        )}\r\n      </div>\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default Section\r\n"],"names":["sectionVariants","cva","Section","title","desc","children","moreLink","moreText","withTopMargin","withBottomMargin","withoutTopPadding","withoutBottomPadding","variant","corners","className","sectionClasses","item","React","cn","Heading","Text","ButtonPrimary","Section$1"],"mappings":";;;;;;AAOA,MAAMA,IAAkBC,EAAI,cAAc;AAAA,EACxC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF,CAAC,GAiBKC,IAAkC,CAAC;AAAA,EACvC,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,mBAAAC,IAAoB;AAAA,EACpB,sBAAAC,IAAuB;AAAA,EACvB,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAiB;AAAA,IACrB;AAAA,IACAP,KAAiB;AAAA,IACjBC,KAAoB;AAAA,EAEnB,EAAA,OAAO,OAAO,EACd,IAAI,CAACO,MAASA,CAAI,EAClB,KAAK,GAAG,EACR,KAAK;AAGN,SAAAC,gBAAAA,EAAA,cAAC,WAAQ,EAAA,WAAWF,EAClB,GAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTlB,EAAgB,EAAE,SAAAY,GAAS,SAAAC,GAAS;AAAA,QACpCH,KAAqB;AAAA,QACrBC,KAAwB;AAAA,QACxBG;AAAA,MACF;AAAA,IAAA;AAAA,IAECX,KACEc,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,uCACb,GAAAA,gBAAAA,EAAA,cAACE,KAAQ,OAAO,GAAG,WAAU,4BAC1B,GAAAhB,CACH,GACCC,KAAQa,gBAAAA,EAAA,cAACG,KAAK,WAAU,wBAAA,GAAyBhB,CAAK,CACzD;AAAA,IAEDC;AAAA,IACAC,KACEW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,sBAAA,mCACZI,GAAc,EAAA,MAAMf,EAAW,GAAAC,CAAS,CAC3C;AAAA,EAAA,CAGN;AAEJ,GAEAe,IAAepB;"}

package/dist/index.es25.js

@@ -1,9 +1,62 @@
-import { clsx as o } from "clsx";
-import { twMerge as t } from "tailwind-merge";
-function n(...r) {
-  return t(o(r));
-}
+import A from "./index.es24.js";
+import e from "./index.es35.js";
+import E from "./index.es36.js";
+import G from "./index.es37.js";
+import R from "./index.es38.js";
+import S from "./index.es39.js";
+import I from "./index.es40.js";
+import _ from "./index.es41.js";
+import t from "react";
+const k = {
+  Advantage: e,
+  Advantage2: E,
+  Rate: _,
+  Product: I,
+  FeaturedCard: G,
+  Plate: S
+}, x = ({
+  title: r,
+  desc: o,
+  items: a,
+  component: m = "Advantage",
+  withoutTopPadding: n = !1,
+  withTopMargin: d = !1,
+  withBottomMargin: f = !1,
+  withoutBottomPadding: i = !1,
+  variant: c,
+  corners: p,
+  columns: l,
+  showControlsOnDesktop: s,
+  withoutCarousel: C,
+  footnote: u
+}) => {
+  const P = k[m] || e;
+  return /* @__PURE__ */ t.createElement(
+    A,
+    {
+      title: r,
+      desc: o,
+      variant: c,
+      corners: p,
+      withoutTopPadding: n,
+      withTopMargin: d,
+      withBottomMargin: f,
+      withoutBottomPadding: i
+    },
+    /* @__PURE__ */ t.createElement(
+      R,
+      {
+        items: a,
+        columns: l,
+        showControlsOnDesktop: s,
+        withoutCarousel: C,
+        renderItem: (g, v) => /* @__PURE__ */ t.createElement(P, { key: v, ...g }),
+        footnote: u
+      }
+    )
+  );
+}, z = x;
 export {
-  n as cn
+  z as default
 };
 //# sourceMappingURL=index.es25.js.map

package/dist/index.es25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es25.js","sources":["../src/lib/utils/cn.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx'\r\nimport { twMerge } from 'tailwind-merge'\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs))\r\n}\r\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":";;AAGO,SAASA,KAAMC,GAAsB;AACnC,SAAAC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;"}
+{"version":3,"file":"index.es25.js","sources":["../src/sections/CardsGridSection.tsx"],"sourcesContent":["import Section, { SectionProps } from './Section'\r\n\r\nimport Advantage from '@/components/cards/Advantage'\r\nimport Advantage2 from '@/components/cards/Advantage2'\r\nimport FeaturedCard from '@/components/cards/FeaturedCard'\r\nimport GridIterator from '@/components/GridIterator'\r\nimport Plate from '@/components/cards/Plate'\r\nimport Product from '@/components/cards/Product'\r\nimport Rate from '@/components/cards/Rate'\r\nimport React from 'react'\r\n\r\n// Map component names to actual components\r\nconst componentMap: { [key: string]: React.ElementType } = {\r\n  Advantage,\r\n  Advantage2,\r\n  Rate,\r\n  Product,\r\n  FeaturedCard,\r\n  Plate,\r\n}\r\n\r\ninterface CardsGridSectionProps<T> {\r\n  title: string\r\n  desc?: string\r\n  items: T[]\r\n  component?: string\r\n  withoutTopPadding?: boolean\r\n  withoutBottomPadding?: boolean\r\n  withTopMargin?: boolean\r\n  withBottomMargin?: boolean\r\n  variant?: SectionProps['variant']\r\n  corners?: SectionProps['corners']\r\n  columns?: number\r\n  showControlsOnDesktop?: boolean\r\n  withoutCarousel?: boolean\r\n  footnote?: string\r\n}\r\n\r\nconst CardsGridSection = <T,>({\r\n  title,\r\n  desc,\r\n  items,\r\n  component = 'Advantage',\r\n  withoutTopPadding = false,\r\n  withTopMargin = false,\r\n  withBottomMargin = false,\r\n  withoutBottomPadding = false,\r\n  variant,\r\n  corners,\r\n  columns,\r\n  showControlsOnDesktop,\r\n  withoutCarousel,\r\n  footnote,\r\n}: CardsGridSectionProps<T>) => {\r\n  const Component = componentMap[component] || Advantage\r\n\r\n  return (\r\n    <Section\r\n      title={title}\r\n      desc={desc}\r\n      variant={variant}\r\n      corners={corners}\r\n      withoutTopPadding={withoutTopPadding}\r\n      withTopMargin={withTopMargin}\r\n      withBottomMargin={withBottomMargin}\r\n      withoutBottomPadding={withoutBottomPadding}\r\n    >\r\n      <GridIterator\r\n        items={items}\r\n        columns={columns}\r\n        showControlsOnDesktop={showControlsOnDesktop}\r\n        withoutCarousel={withoutCarousel}\r\n        renderItem={(item, index) => <Component key={index} {...item} />}\r\n        footnote={footnote}\r\n      />\r\n    </Section>\r\n  )\r\n}\r\n\r\nexport default CardsGridSection\r\n"],"names":["componentMap","Advantage","Advantage2","Rate","Product","FeaturedCard","Plate","CardsGridSection","title","desc","items","component","withoutTopPadding","withTopMargin","withBottomMargin","withoutBottomPadding","variant","corners","columns","showControlsOnDesktop","withoutCarousel","footnote","Component","React","Section","GridIterator","item","index","CardsGridSection$1"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAqD;AAAA,EACzD,WAAAC;AAAA,EACA,YAAAC;AAAA,EAAA,MACAC;AAAAA,EAAA,SACAC;AAAAA,EACA,cAAAC;AAAA,EAAA,OACAC;AACF,GAmBMC,IAAmB,CAAK;AAAA,EAC5B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,mBAAAC,IAAoB;AAAA,EACpB,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,sBAAAC,IAAuB;AAAA,EACvB,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AACF,MAAgC;AACxB,QAAAC,IAAYtB,EAAaW,CAAS,KAAKV;AAG3C,SAAAsB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAhB;AAAA,MACA,MAAAC;AAAA,MACA,SAAAO;AAAA,MACA,SAAAC;AAAA,MACA,mBAAAL;AAAA,MACA,eAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,sBAAAC;AAAA,IAAA;AAAA,IAEAQ,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,SAAAQ;AAAA,QACA,uBAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,YAAY,CAACM,GAAMC,sCAAWL,GAAU,EAAA,KAAKK,GAAQ,GAAGD,EAAM,CAAA;AAAA,QAC9D,UAAAL;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GAEAO,IAAerB;"}

package/dist/index.es26.js

@@ -1,25 +1,23 @@
-import { ArrowSliderPrev16X16 as s, ArrowSliderNext16X16 as m, MoreLink16X16 as l, LessLink16X16 as u } from "@iit/precision-ui-icons";
-import { ThumbsUp as f, ThumbsDown as p } from "lucide-react";
-import o from "react";
-const i = "1em", a = (e) => Object.keys(e).reduce((r, t) => (r[t] = ({
-  width: n = i,
-  height: c = i
-}) => o.createElement(e[t], { width: n, height: c }), r), {}), d = {
-  chevronLeft: s,
-  chevronRight: m,
-  plus: l,
-  minus: u,
-  like: f,
-  dislike: p
-}, h = a(d), I = (e, r, t) => {
-  if (e) {
-    const n = h[e];
-    if (n)
-      return n({ width: r, height: t });
+import c, { forwardRef as f } from "react";
+import { typeVariants as p } from "./index.es42.js";
+const e = f(
+  ({ level: a, as: n, className: t = "", children: r, id: o, ...i }, s) => {
+    const d = n || `h${a}`, m = p({ variant: `h${a}` });
+    return /* @__PURE__ */ c.createElement(
+      d,
+      {
+        ref: s,
+        id: o,
+        className: `${m}${t ? ` ${t}` : ""}`,
+        ...i
+      },
+      r
+    );
   }
-  return /* @__PURE__ */ o.createElement(o.Fragment, null);
-};
+);
+e.displayName = "Heading";
+const l = e;
 export {
-  I as iconDefiner
+  l as default
 };
 //# sourceMappingURL=index.es26.js.map

package/dist/index.es26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es26.js","sources":["../src/components/ui/icon.tsx"],"sourcesContent":["import {\r\n  ArrowSliderNext16X16,\r\n  ArrowSliderPrev16X16,\r\n  LessLink16X16,\r\n  MoreLink16X16,\r\n} from '@iit/precision-ui-icons'\r\nimport { ThumbsDown, ThumbsUp } from 'lucide-react'\r\n\r\nimport React from 'react'\r\n\r\nconst DEFAULT_ICON_SIZE = '1em'\r\n\r\nexport type IconName =\r\n  | 'chevronLeft'\r\n  | 'chevronRight'\r\n  | 'plus'\r\n  | 'minus'\r\n  | 'like'\r\n  | 'dislike'\r\n\r\n// TODO: move to separate file\r\n// type IconMap = {\r\n//   [key in IconName]: (props: {\r\n//     width?: number | string\r\n//     height?: number | string\r\n//   }) => React.ReactElement\r\n// }\r\n\r\ninterface IconProps {\r\n  width?: number | string\r\n  height?: number | string\r\n}\r\n\r\nconst generateIconMap = (\r\n  icons: Record<IconName, React.ComponentType<React.SVGProps<SVGSVGElement>>>\r\n) => {\r\n  return Object.keys(icons).reduce<\r\n    Record<IconName, (props: IconProps) => React.ReactElement>\r\n  >((acc, key) => {\r\n    acc[key as IconName] = ({\r\n      width = DEFAULT_ICON_SIZE,\r\n      height = DEFAULT_ICON_SIZE,\r\n    }: IconProps) =>\r\n      React.createElement(icons[key as IconName], { width, height })\r\n    return acc\r\n  }, {} as Record<IconName, (props: IconProps) => React.ReactElement>)\r\n}\r\n\r\nconst icons: Record<\r\n  IconName,\r\n  React.ComponentType<React.SVGProps<SVGSVGElement>>\r\n> = {\r\n  chevronLeft: ArrowSliderPrev16X16,\r\n  chevronRight: ArrowSliderNext16X16,\r\n  plus: MoreLink16X16,\r\n  minus: LessLink16X16,\r\n  like: ThumbsUp,\r\n  dislike: ThumbsDown,\r\n}\r\n\r\nconst iconMap = generateIconMap(icons)\r\nexport const iconDefiner = (\r\n  icon?: IconName,\r\n  width?: number | string,\r\n  height?: number | string\r\n): React.ReactElement => {\r\n  if (icon) {\r\n    const selectedIcon = iconMap[icon]\r\n    if (selectedIcon) {\r\n      return selectedIcon({ width, height })\r\n    }\r\n  }\r\n  return <></>\r\n}\r\n"],"names":["DEFAULT_ICON_SIZE","generateIconMap","icons","acc","key","width","height","React","ArrowSliderPrev16X16","ArrowSliderNext16X16","MoreLink16X16","LessLink16X16","ThumbsUp","ThumbsDown","iconMap","iconDefiner","icon","selectedIcon"],"mappings":";;;AAUA,MAAMA,IAAoB,OAuBpBC,IAAkB,CACtBC,MAEO,OAAO,KAAKA,CAAK,EAAE,OAExB,CAACC,GAAKC,OACFD,EAAAC,CAAe,IAAI,CAAC;AAAA,EACtB,OAAAC,IAAQL;AAAA,EACR,QAAAM,IAASN;AAAA,MAETO,EAAM,cAAcL,EAAME,CAAe,GAAG,EAAE,OAAAC,GAAO,QAAAC,EAAA,CAAQ,GACxDH,IACN,CAAgE,CAAA,GAG/DD,IAGF;AAAA,EACF,aAAaM;AAAA,EACb,cAAcC;AAAA,EACd,MAAMC;AAAA,EACN,OAAOC;AAAA,EACP,MAAMC;AAAA,EACN,SAASC;AACX,GAEMC,IAAUb,EAAgBC,CAAK,GACxBa,IAAc,CACzBC,GACAX,GACAC,MACuB;AACvB,MAAIU,GAAM;AACF,UAAAC,IAAeH,EAAQE,CAAI;AACjC,QAAIC;AACF,aAAOA,EAAa,EAAE,OAAAZ,GAAO,QAAAC,EAAQ,CAAA;AAAA,EAEzC;AACA,SAASC,gBAAAA,EAAA,cAAAA,EAAA,UAAA,IAAA;AACX;"}
+{"version":3,"file":"index.es26.js","sources":["../src/components/core/typography/Heading.tsx"],"sourcesContent":["import React, { ElementType, ReactNode, forwardRef } from \"react\";\r\n\r\nimport { typeVariants } from \"./typeVariants\";\r\n\r\ninterface HeadingProps {\r\n  level: 1 | 2 | 3 | 4 | 5 | 6;\r\n  as?: ElementType;\r\n  className?: string;\r\n  children: ReactNode;\r\n  id?: string;\r\n}\r\n\r\nconst Heading = forwardRef<HTMLHeadingElement, HeadingProps>(\r\n  ({ level, as, className = \"\", children, id, ...props }, ref) => {\r\n    const Component = as || `h${level}`;\r\n    const variantClass = typeVariants({ variant: `h${level}` });\r\n\r\n    return (\r\n      <Component\r\n        ref={ref}\r\n        id={id}\r\n        className={`${variantClass}${className ? ` ${className}` : \"\"}`}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </Component>\r\n    );\r\n  }\r\n);\r\n\r\nHeading.displayName = \"Heading\";\r\n\r\nexport default Heading;\r\n"],"names":["Heading","forwardRef","level","as","className","children","id","props","ref","Component","variantClass","typeVariants","React","Heading$1"],"mappings":";;AAYA,MAAMA,IAAUC;AAAA,EACd,CAAC,EAAE,OAAAC,GAAO,IAAAC,GAAI,WAAAC,IAAY,IAAI,UAAAC,GAAU,IAAAC,GAAI,GAAGC,EAAM,GAAGC,MAAQ;AACxD,UAAAC,IAAYN,KAAM,IAAID,CAAK,IAC3BQ,IAAeC,EAAa,EAAE,SAAS,IAAIT,CAAK,IAAI;AAGxD,WAAAU,gBAAAA,EAAA;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,KAAAD;AAAA,QACA,IAAAF;AAAA,QACA,WAAW,GAAGI,CAAY,GAAGN,IAAY,IAAIA,CAAS,KAAK,EAAE;AAAA,QAC5D,GAAGG;AAAA,MAAA;AAAA,MAEHF;AAAA,IAAA;AAAA,EAGP;AACF;AAEAL,EAAQ,cAAc;AAEtB,MAAAa,IAAeb;"}

package/dist/index.es27.js

@@ -1,30 +1,22 @@
-import * as a from "react";
-import * as t from "@radix-ui/react-label";
-import { cva as l } from "class-variance-authority";
-import { cn as n } from "./index.es25.js";
-const s = l(
-  "typo_variant_h6 leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 duration-200",
-  {
-    variants: {
-      variant: {
-        default: "text-navy",
-        blue: "text-whitish"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
+import c, { forwardRef as f } from "react";
+import { typeVariants as d } from "./index.es42.js";
+const e = f(
+  ({ variant: a = "body", as: o, className: t = "", children: r, ...n }, s) => {
+    const m = o || "p", p = d({ variant: a });
+    return /* @__PURE__ */ c.createElement(
+      m,
+      {
+        ref: s,
+        className: `${p}${t ? ` ${t}` : ""}`,
+        ...n
+      },
+      r
+    );
   }
-), d = a.forwardRef(({ className: e, variant: r, ...o }, i) => /* @__PURE__ */ a.createElement(
-  t.Root,
-  {
-    ref: i,
-    className: n(s({ variant: r }), e),
-    ...o
-  }
-));
-d.displayName = t.Root.displayName;
+);
+e.displayName = "Text";
+const x = e;
 export {
-  d as Label
+  x as default
 };
 //# sourceMappingURL=index.es27.js.map

package/dist/index.es27.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es27.js","sources":["../src/components/ui/label.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@/lib/utils/cn'\n\nconst labelVariants = cva(\n  'typo_variant_h6 leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 duration-200',\n  {\n    variants: {\n      variant: {\n        default: 'text-navy',\n        blue: 'text-whitish',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n)\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n    VariantProps<typeof labelVariants>\n>(({ className, variant, ...props }, ref) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn(labelVariants({ variant }), className)}\n    {...props}\n  />\n))\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n"],"names":["labelVariants","cva","Label","React","className","variant","props","ref","LabelPrimitive","cn"],"mappings":";;;;AAMA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAAQC,EAAM,WAIlB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAM,GAAGC,MACnC,gBAAAJ,EAAA;AAAA,EAACK,EAAe;AAAA,EAAf;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGT,EAAc,EAAE,SAAAK,EAAS,CAAA,GAAGD,CAAS;AAAA,IAClD,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAM,cAAcM,EAAe,KAAK;"}
+{"version":3,"file":"index.es27.js","sources":["../src/components/core/typography/Text.tsx"],"sourcesContent":["import React, { ElementType, ReactNode, forwardRef } from \"react\";\r\n\r\nimport { typeVariants } from \"./typeVariants\";\r\n\r\ninterface TextProps {\r\n  variant?:\r\n    | \"factoid\"\r\n    | \"subtitle-1\"\r\n    | \"subtitle-2\"\r\n    | \"overline\"\r\n    | \"lead-text\"\r\n    | \"body\"\r\n    | \"small-body\"\r\n    | \"caption\"\r\n    | \"button\"\r\n    | \"link\";\r\n  as?: ElementType;\r\n  className?: string;\r\n  children: ReactNode;\r\n}\r\n\r\nconst Text = forwardRef<HTMLParagraphElement, TextProps>(\r\n  ({ variant = \"body\", as, className = \"\", children, ...props }, ref) => {\r\n    const Component = as || \"p\";\r\n    const variantClass = typeVariants({ variant });\r\n\r\n    return (\r\n      <Component\r\n        ref={ref}\r\n        className={`${variantClass}${className ? ` ${className}` : \"\"}`}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </Component>\r\n    );\r\n  }\r\n);\r\n\r\nText.displayName = \"Text\";\r\n\r\nexport default Text;\r\n"],"names":["Text","forwardRef","variant","as","className","children","props","ref","Component","variantClass","typeVariants","React","Text$1"],"mappings":";;AAqBA,MAAMA,IAAOC;AAAA,EACX,CAAC,EAAE,SAAAC,IAAU,QAAQ,IAAAC,GAAI,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MAAQ;AACrE,UAAMC,IAAYL,KAAM,KAClBM,IAAeC,EAAa,EAAE,SAAAR,EAAS,CAAA;AAG3C,WAAAS,gBAAAA,EAAA;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,KAAAD;AAAA,QACA,WAAW,GAAGE,CAAY,GAAGL,IAAY,IAAIA,CAAS,KAAK,EAAE;AAAA,QAC5D,GAAGE;AAAA,MAAA;AAAA,MAEHD;AAAA,IAAA;AAAA,EAGP;AACF;AAEAL,EAAK,cAAc;AAEnB,MAAAY,IAAeZ;"}

package/dist/index.es28.js

@@ -1,5 +1,91 @@
-const t = () => "_" + Math.random().toString(36).substr(2, 9);
+import * as e from "react";
+import { FormProvider as f, useFormContext as l } from "react-hook-form";
+import { Label as F } from "./index.es15.js";
+import { Slot as u } from "@radix-ui/react-slot";
+import { cn as a } from "./index.es29.js";
+const E = f, p = e.createContext(
+  {}
+), i = () => {
+  const t = e.useContext(p), o = e.useContext(c), { getFieldState: r, formState: m } = l(), s = r(t.name, m);
+  if (!t)
+    throw new Error("useFormField should be used within <FormField>");
+  const { id: n } = o;
+  return {
+    id: n,
+    name: t.name,
+    formItemId: `${n}-form-item`,
+    formDescriptionId: `${n}-form-item-description`,
+    formMessageId: `${n}-form-item-message`,
+    ...s
+  };
+}, c = e.createContext(
+  {}
+), I = e.forwardRef(({ className: t, ...o }, r) => {
+  const m = e.useId();
+  return /* @__PURE__ */ e.createElement(c.Provider, { value: { id: m } }, /* @__PURE__ */ e.createElement("div", { ref: r, className: a("space-y-2", t), ...o }));
+});
+I.displayName = "FormItem";
+const x = e.forwardRef(({ className: t, ...o }, r) => {
+  const { error: m, formItemId: s } = i();
+  return /* @__PURE__ */ e.createElement(
+    F,
+    {
+      ref: r,
+      className: a(m && "text-destructive", t),
+      htmlFor: s,
+      ...o
+    }
+  );
+});
+x.displayName = "FormLabel";
+const C = e.forwardRef(({ ...t }, o) => {
+  const { error: r, formItemId: m, formDescriptionId: s, formMessageId: n } = i();
+  return /* @__PURE__ */ e.createElement(
+    u,
+    {
+      ref: o,
+      id: m,
+      "aria-describedby": r ? `${s} ${n}` : `${s}`,
+      "aria-invalid": !!r,
+      ...t
+    }
+  );
+});
+C.displayName = "FormControl";
+const g = e.forwardRef(({ className: t, ...o }, r) => {
+  const { formDescriptionId: m } = i();
+  return /* @__PURE__ */ e.createElement(
+    "p",
+    {
+      ref: r,
+      id: m,
+      className: a("text-sm text-muted-foreground", t),
+      ...o
+    }
+  );
+});
+g.displayName = "FormDescription";
+const N = e.forwardRef(({ className: t, children: o, ...r }, m) => {
+  const { error: s, formMessageId: n } = i(), d = s ? String(s?.message) : o;
+  return d ? /* @__PURE__ */ e.createElement(
+    "p",
+    {
+      ref: m,
+      id: n,
+      className: a("text-sm font-medium text-destructive", t),
+      ...r
+    },
+    d
+  ) : null;
+});
+N.displayName = "FormMessage";
 export {
-  t as uniqueId
+  E as Form,
+  C as FormControl,
+  g as FormDescription,
+  I as FormItem,
+  x as FormLabel,
+  N as FormMessage,
+  i as useFormField
 };
 //# sourceMappingURL=index.es28.js.map

package/dist/index.es28.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es28.js","sources":["../src/utils/unique.ts"],"sourcesContent":["export const uniqueId = () => '_' + Math.random().toString(36).substr(2, 9)\r\n"],"names":["uniqueId"],"mappings":"AAAa,MAAAA,IAAW,MAAM,MAAM,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,OAAO,GAAG,CAAC;"}
+{"version":3,"file":"index.es28.js","sources":["../src/components/ui/form.tsx"],"sourcesContent":["import * as LabelPrimitive from '@radix-ui/react-label'\nimport * as React from 'react'\n\nimport {\n  Controller,\n  ControllerProps,\n  FieldPath,\n  FieldValues,\n  FormProvider,\n  useFormContext,\n} from 'react-hook-form'\n\nimport { Label } from '@/components/ui/label'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cn } from '@/lib/utils/cn'\n\nconst Form = FormProvider\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = {\n  name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue\n)\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  )\n}\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext)\n  const itemContext = React.useContext(FormItemContext)\n  const { getFieldState, formState } = useFormContext()\n\n  const fieldState = getFieldState(fieldContext.name, formState)\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>')\n  }\n\n  const { id } = itemContext\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  }\n}\n\ntype FormItemContextValue = {\n  id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n  {} as FormItemContextValue\n)\n\nconst FormItem = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const id = React.useId()\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div ref={ref} className={cn('space-y-2', className)} {...props} />\n    </FormItemContext.Provider>\n  )\n})\nFormItem.displayName = 'FormItem'\n\nconst FormLabel = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField()\n\n  return (\n    <Label\n      ref={ref}\n      className={cn(error && 'text-destructive', className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  )\n})\nFormLabel.displayName = 'FormLabel'\n\nconst FormControl = React.forwardRef<\n  React.ElementRef<typeof Slot>,\n  React.ComponentPropsWithoutRef<typeof Slot>\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  )\n})\nFormControl.displayName = 'FormControl'\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField()\n\n  return (\n    <p\n      ref={ref}\n      id={formDescriptionId}\n      className={cn('text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  )\n})\nFormDescription.displayName = 'FormDescription'\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField()\n  const body = error ? String(error?.message) : children\n\n  if (!body) {\n    return null\n  }\n\n  return (\n    <p\n      ref={ref}\n      id={formMessageId}\n      className={cn('text-sm font-medium text-destructive', className)}\n      {...props}\n    >\n      {body}\n    </p>\n  )\n})\nFormMessage.displayName = 'FormMessage'\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n}\n"],"names":["Form","FormProvider","FormFieldContext","React","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","className","props","ref","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body"],"mappings":"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"}

package/dist/index.es29.js

@@ -1,23 +1,9 @@
-import * as t from "@radix-ui/react-popover";
-import * as e from "react";
-import { cn as i } from "./index.es25.js";
-const p = t.Root, l = t.Trigger, s = e.forwardRef(({ className: o, align: a = "center", sideOffset: r = 4, ...d }, n) => /* @__PURE__ */ e.createElement(t.Portal, null, /* @__PURE__ */ e.createElement(
-  t.Content,
-  {
-    ref: n,
-    align: a,
-    sideOffset: r,
-    className: i(
-      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      o
-    ),
-    ...d
-  }
-)));
-s.displayName = t.Content.displayName;
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
 export {
-  p as Popover,
-  s as PopoverContent,
-  l as PopoverTrigger
+  n as cn
 };
 //# sourceMappingURL=index.es29.js.map

package/dist/index.es29.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es29.js","sources":["../src/components/ui/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils/cn'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent }\n"],"names":["Popover","PopoverPrimitive","PopoverTrigger","PopoverContent","React","className","align","sideOffset","props","ref","cn"],"mappings":";;;AAKA,MAAMA,IAAUC,EAAiB,MAE3BC,IAAiBD,EAAiB,SAElCE,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,YAAAC,IAAa,GAAG,GAAGC,KAASC,MAC3D,gBAAAL,EAAA,cAAAH,EAAiB,QAAjB,MACC,gBAAAG,EAAA;AAAA,EAACH,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAQ;AAAA,IACA,OAAAH;AAAA,IACA,YAAAC;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,CACF,CACD;AACDL,EAAe,cAAcF,EAAiB,QAAQ;"}
+{"version":3,"file":"index.es29.js","sources":["../src/lib/utils/cn.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx'\r\nimport { twMerge } from 'tailwind-merge'\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs))\r\n}\r\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":";;AAGO,SAASA,KAAMC,GAAsB;AACnC,SAAAC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;"}

package/dist/index.es3.js

@@ -1,8 +1,8 @@
 import e, { Fragment as c } from "react";
 import { Button as h } from "./index.es2.js";
 import { cva as l } from "class-variance-authority";
-import { cn as u } from "./index.es25.js";
-import { iconDefiner as d } from "./index.es26.js";
+import { cn as u } from "./index.es29.js";
+import { iconDefiner as d } from "./index.es30.js";
 const m = l(
   "rounded-lg p-[10px] transition-all hover:rounded-[24px]",
   {