@iit/precision-ui 0.7.3 → 0.8.0

package/dist/index.es37.js

@@ -1,6 +1,6 @@
 import { Views20X20 as c, TimeToRead20X20 as o, Date20X20 as i } from "@iit/precision-ui-icons";
 import e from "react";
-import m from "./index.es46.js";
+import m from "./index.es47.js";
 const s = (t) => {
   switch (t) {
     case "date":

package/dist/index.es38.js

@@ -1,6 +1,6 @@
 import { CarouselWrapper as m } from "./index.es44.js";
 import r from "react";
-import n from "./index.es46.js";
+import n from "./index.es47.js";
 const p = ({
   items: t,
   renderItem: s,

package/dist/index.es39.js

@@ -1,8 +1,8 @@
-import s from "./index.es45.js";
+import s from "./index.es46.js";
 import { HeroButton as i } from "./index.es40.js";
 import e from "react";
 import n from "./index.es19.js";
-import p from "./index.es46.js";
+import p from "./index.es47.js";
 import { getAdapter as d } from "./index.es9.js";
 const f = ({ title: t, desc: r, img: a, buttons: l }) => {
   const m = d("ImageWrapper");

package/dist/index.es4.js

@@ -2,7 +2,7 @@ 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.es53.js";
+import { cn as a } from "./index.es54.js";
 const p = h(
   "bg-white text-navy hover:bg-whitish-opacity-80 cursor-pointer",
   {

package/dist/index.es40.js

@@ -1,11 +1,11 @@
-import C from "./index.es52.js";
+import C from "./index.es53.js";
 import u from "./index.es4.js";
-import w from "./index.es45.js";
+import w from "./index.es46.js";
 import e from "react";
 import V from "./index.es19.js";
 import k from "./index.es14.js";
-import N from "./index.es46.js";
-import { cn as p } from "./index.es53.js";
+import N from "./index.es47.js";
+import { cn as p } from "./index.es54.js";
 import { cva as f } from "class-variance-authority";
 import { getAdapter as H } from "./index.es9.js";
 const j = f("", {

package/dist/index.es41.js

@@ -1,7 +1,7 @@
 import i from "./index.es42.js";
-import p from "./index.es45.js";
+import p from "./index.es46.js";
 import e from "react";
-import r from "./index.es46.js";
+import r from "./index.es47.js";
 import { getAdapter as d } from "./index.es9.js";
 const g = [
   "/partners/rostelekom.svg",

package/dist/index.es42.js

@@ -1,8 +1,8 @@
 import e from "react";
 import { cva as y } from "class-variance-authority";
-import { cn as v } from "./index.es53.js";
-import E from "./index.es45.js";
-import N from "./index.es46.js";
+import { cn as v } from "./index.es54.js";
+import E from "./index.es46.js";
+import N from "./index.es47.js";
 import b from "./index.es4.js";
 const g = y("space-y-12", {
   variants: {

package/dist/index.es44.js

@@ -1,6 +1,6 @@
-import { Carousel as i, CarouselContent as p, CarouselItem as b } from "./index.es58.js";
+import { Carousel as i, CarouselContent as p, CarouselItem as b } from "./index.es59.js";
 import e from "react";
-import { cn as C } from "./index.es53.js";
+import { cn as C } from "./index.es54.js";
 const E = ({
   items: r,
   renderItem: t,

package/dist/index.es45.js

@@ -1,23 +1,64 @@
-import c, { forwardRef as f } from "react";
-import { typeVariants as p } from "./index.es59.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,
+import { Command as C, CommandInput as b, CommandList as x, CommandEmpty as y, CommandGroup as N, CommandItem as S } from "./index.es60.js";
+import { Popover as w, PopoverTrigger as g, PopoverContent as P } from "./index.es56.js";
+import { Button as j } from "./index.es2.js";
+import { Check as k } from "lucide-react";
+import e from "react";
+import { ScrollArea as I } from "./index.es50.js";
+import { cn as t } from "./index.es54.js";
+const T = ({
+  options: m,
+  defaultValue: c = "",
+  placeholder: s = "Select an option...",
+  searchPlaceholder: p = "Search...",
+  buttonClassName: u = "w-[200px] justify-between",
+  popoverContentClassName: d = "w-[200px] p-0",
+  commandClassName: i = "",
+  onSelect: E,
+  iconComponent: f
+}) => {
+  const [n, r] = e.useState(!1), [l, v] = e.useState(c), h = (a) => {
+    const o = a === l ? "" : a;
+    v(o), E(o), r(!1);
+  };
+  return /* @__PURE__ */ e.createElement(w, { open: n, onOpenChange: r }, /* @__PURE__ */ e.createElement(g, { asChild: !0 }, /* @__PURE__ */ e.createElement(
+    j,
+    {
+      variant: "outline",
+      role: "combobox",
+      "aria-expanded": n,
+      className: t("justify-between px-4 py-2", u)
+    },
+    l ? m.find((a) => a.value === l)?.label : s,
+    f
+  )), /* @__PURE__ */ e.createElement(P, { className: t(d) }, /* @__PURE__ */ e.createElement(C, { className: t(i) }, /* @__PURE__ */ e.createElement(b, { placeholder: p, className: "h-9" }), /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement(
+    I,
+    {
+      className: t(
+        "max-h-[calc(100dvh-1rem)]",
+        m.length > 12 ? "h-96" : ""
+      )
+    },
+    /* @__PURE__ */ e.createElement("div", { className: "p-0" }, /* @__PURE__ */ e.createElement(y, null, "Результаты не найдены."), /* @__PURE__ */ e.createElement(N, null, m.map((a) => /* @__PURE__ */ e.createElement(
+      S,
       {
-        ref: s,
-        id: o,
-        className: `${m}${t ? ` ${t}` : ""}`,
-        ...i
+        key: a.value,
+        value: a.value,
+        onSelect: () => h(a.value)
       },
-      r
-    );
-  }
-);
-e.displayName = "Heading";
-const l = e;
+      a.label,
+      /* @__PURE__ */ e.createElement(
+        k,
+        {
+          className: t(
+            "ml-auto",
+            l === a.value ? "opacity-100" : "opacity-0"
+          )
+        }
+      )
+    ))))
+  )))));
+};
 export {
-  l as default
+  T as Combobox
 };
 //# sourceMappingURL=index.es45.js.map

package/dist/index.es45.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es45.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;"}
+{"version":3,"file":"index.es45.js","sources":["../src/components/ui/combobox.tsx"],"sourcesContent":["import {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from '@/components/ui/command'\r\nimport {\r\n  Popover,\r\n  PopoverContent,\r\n  PopoverTrigger,\r\n} from '@/components/ui/popover'\r\n\r\nimport { Button } from '@/components/ui/button'\r\nimport { Check } from 'lucide-react'\r\nimport React from 'react'\r\nimport { ScrollArea } from './scroll-area'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nexport interface ComboboxOption {\r\n  value: string\r\n  label: string\r\n}\r\n\r\nexport interface ComboboxProps {\r\n  options: ComboboxOption[]\r\n  defaultValue?: string\r\n  placeholder?: string\r\n  searchPlaceholder?: string\r\n  buttonClassName?: string\r\n  popoverContentClassName?: string\r\n  commandClassName?: string\r\n  onSelect: (value: string) => void\r\n  iconComponent?: React.ReactNode\r\n}\r\n\r\nexport const Combobox: React.FC<ComboboxProps> = ({\r\n  options,\r\n  defaultValue = '',\r\n  placeholder = 'Select an option...',\r\n  searchPlaceholder = 'Search...',\r\n  buttonClassName = 'w-[200px] justify-between',\r\n  popoverContentClassName = 'w-[200px] p-0',\r\n  commandClassName = '',\r\n  onSelect,\r\n  iconComponent,\r\n}) => {\r\n  const [open, setOpen] = React.useState(false)\r\n  const [value, setValue] = React.useState(defaultValue)\r\n\r\n  const handleSelect = (currentValue: string) => {\r\n    const newValue = currentValue === value ? '' : currentValue\r\n    setValue(newValue)\r\n    onSelect(newValue)\r\n    setOpen(false)\r\n  }\r\n\r\n  return (\r\n    <Popover open={open} onOpenChange={setOpen}>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          variant=\"outline\"\r\n          role=\"combobox\"\r\n          aria-expanded={open}\r\n          className={cn('justify-between px-4 py-2', buttonClassName)}\r\n        >\r\n          {value\r\n            ? options.find((option) => option.value === value)?.label\r\n            : placeholder}\r\n          {iconComponent}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className={cn(popoverContentClassName)}>\r\n        <Command className={cn(commandClassName)}>\r\n          <CommandInput placeholder={searchPlaceholder} className=\"h-9\" />\r\n          <CommandList>\r\n            <ScrollArea\r\n              className={cn(\r\n                'max-h-[calc(100dvh-1rem)]',\r\n                options.length > 12 ? 'h-96' : ''\r\n              )}\r\n            >\r\n              <div className=\"p-0\">\r\n                <CommandEmpty>Результаты не найдены.</CommandEmpty>\r\n                <CommandGroup>\r\n                  {options.map((option) => (\r\n                    <CommandItem\r\n                      key={option.value}\r\n                      value={option.value}\r\n                      onSelect={() => handleSelect(option.value)}\r\n                    >\r\n                      {option.label}\r\n                      <Check\r\n                        className={cn(\r\n                          'ml-auto',\r\n                          value === option.value ? 'opacity-100' : 'opacity-0'\r\n                        )}\r\n                      />\r\n                    </CommandItem>\r\n                  ))}\r\n                </CommandGroup>\r\n              </div>\r\n            </ScrollArea>\r\n          </CommandList>\r\n        </Command>\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n"],"names":["Combobox","options","defaultValue","placeholder","searchPlaceholder","buttonClassName","popoverContentClassName","commandClassName","onSelect","iconComponent","open","setOpen","React","value","setValue","handleSelect","currentValue","newValue","Popover","PopoverTrigger","Button","cn","option","PopoverContent","Command","CommandInput","CommandList","ScrollArea","CommandEmpty","CommandGroup","CommandItem","Check"],"mappings":";;;;;;;AAqCO,MAAMA,IAAoC,CAAC;AAAA,EAChD,SAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,mBAAAC,IAAoB;AAAA,EACpB,iBAAAC,IAAkB;AAAA,EAClB,yBAAAC,IAA0B;AAAA,EAC1B,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,EAAK,GACtC,CAACC,GAAOC,CAAQ,IAAIF,EAAM,SAASV,CAAY,GAE/Ca,IAAe,CAACC,MAAyB;AACvC,UAAAC,IAAWD,MAAiBH,IAAQ,KAAKG;AAC/C,IAAAF,EAASG,CAAQ,GACjBT,EAASS,CAAQ,GACjBN,EAAQ,EAAK;AAAA,EAAA;AAIb,SAAAC,gBAAAA,EAAA,cAACM,KAAQ,MAAAR,GAAY,cAAcC,KAChCC,gBAAAA,EAAA,cAAAO,GAAA,EAAe,SAAO,GACrB,GAAAP,gBAAAA,EAAA;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,iBAAeV;AAAA,MACf,WAAWW,EAAG,6BAA6BhB,CAAe;AAAA,IAAA;AAAA,IAEzDQ,IACGZ,EAAQ,KAAK,CAACqB,MAAWA,EAAO,UAAUT,CAAK,GAAG,QAClDV;AAAA,IACHM;AAAA,EAEL,CAAA,GACCG,gBAAAA,EAAA,cAAAW,GAAA,EAAe,WAAWF,EAAGf,CAAuB,EACnD,GAAAM,gBAAAA,EAAA,cAACY,GAAQ,EAAA,WAAWH,EAAGd,CAAgB,EAAA,mCACpCkB,GAAa,EAAA,aAAarB,GAAmB,WAAU,MAAA,CAAM,GAC9DQ,gBAAAA,EAAA,cAACc,GACC,MAAAd,gBAAAA,EAAA;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,WAAWN;AAAA,QACT;AAAA,QACApB,EAAQ,SAAS,KAAK,SAAS;AAAA,MACjC;AAAA,IAAA;AAAA,IAECW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,MAAA,GACZA,gBAAAA,EAAA,cAAAgB,GAAA,MAAa,yBAAuB,GACpChB,gBAAAA,EAAA,cAAAiB,GAAA,MACE5B,EAAQ,IAAI,CAACqB,MACZV,gBAAAA,EAAA;AAAA,MAACkB;AAAA,MAAA;AAAA,QACC,KAAKR,EAAO;AAAA,QACZ,OAAOA,EAAO;AAAA,QACd,UAAU,MAAMP,EAAaO,EAAO,KAAK;AAAA,MAAA;AAAA,MAExCA,EAAO;AAAA,MACRV,gBAAAA,EAAA;AAAA,QAACmB;AAAA,QAAA;AAAA,UACC,WAAWV;AAAA,YACT;AAAA,YACAR,MAAUS,EAAO,QAAQ,gBAAgB;AAAA,UAC3C;AAAA,QAAA;AAAA,MACF;AAAA,IAEH,CAAA,CACH,CACF;AAAA,EAAA,CAEJ,CACF,CACF,CACF;AAEJ;"}

package/dist/index.es46.js

@@ -1,22 +1,23 @@
 import c, { forwardRef as f } from "react";
-import { typeVariants as d } from "./index.es59.js";
+import { typeVariants as p } from "./index.es61.js";
 const e = f(
-  ({ variant: a = "body", as: o, className: t = "", children: r, ...n }, s) => {
-    const m = o || "p", p = d({ variant: a });
+  ({ 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(
-      m,
+      d,
       {
         ref: s,
-        className: `${p}${t ? ` ${t}` : ""}`,
-        ...n
+        id: o,
+        className: `${m}${t ? ` ${t}` : ""}`,
+        ...i
       },
       r
     );
   }
 );
-e.displayName = "Text";
-const x = e;
+e.displayName = "Heading";
+const l = e;
 export {
-  x as default
+  l as default
 };
 //# sourceMappingURL=index.es46.js.map

package/dist/index.es46.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es46.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.es46.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.es47.js

@@ -1,94 +1,22 @@
-import * as e from "react";
-import { FormProvider as f, Controller as F, useFormContext as u } from "react-hook-form";
-import { Label as p } from "./index.es17.js";
-import { Slot as I } from "@radix-ui/react-slot";
-import { cn as a } from "./index.es53.js";
-const R = f, c = e.createContext(
-  {}
-), $ = ({
-  ...t
-}) => /* @__PURE__ */ e.createElement(c.Provider, { value: { name: t.name } }, /* @__PURE__ */ e.createElement(F, { ...t })), i = () => {
-  const t = e.useContext(c), o = e.useContext(l), { getFieldState: r, formState: m } = u(), n = r(t.name, m);
-  if (!t)
-    throw new Error("useFormField should be used within <FormField>");
-  const { id: s } = o;
-  return {
-    id: s,
-    name: t.name,
-    formItemId: `${s}-form-item`,
-    formDescriptionId: `${s}-form-item-description`,
-    formMessageId: `${s}-form-item-message`,
-    ...n
-  };
-}, l = e.createContext(
-  {}
-), x = e.forwardRef(({ className: t, ...o }, r) => {
-  const m = e.useId();
-  return /* @__PURE__ */ e.createElement(l.Provider, { value: { id: m } }, /* @__PURE__ */ e.createElement("div", { ref: r, className: a("space-y-2", t), ...o }));
-});
-x.displayName = "FormItem";
-const C = e.forwardRef(({ className: t, ...o }, r) => {
-  const { error: m, formItemId: n } = i();
-  return /* @__PURE__ */ e.createElement(
-    p,
-    {
-      ref: r,
-      className: a(m && "text-destructive", t),
-      htmlFor: n,
-      ...o
-    }
-  );
-});
-C.displayName = "FormLabel";
-const g = e.forwardRef(({ ...t }, o) => {
-  const { error: r, formItemId: m, formDescriptionId: n, formMessageId: s } = i();
-  return /* @__PURE__ */ e.createElement(
-    I,
-    {
-      ref: o,
-      id: m,
-      "aria-describedby": r ? `${n} ${s}` : `${n}`,
-      "aria-invalid": !!r,
-      ...t
-    }
-  );
-});
-g.displayName = "FormControl";
-const v = 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
-    }
-  );
-});
-v.displayName = "FormDescription";
-const E = e.forwardRef(({ className: t, children: o, ...r }, m) => {
-  const { error: n, formMessageId: s } = i(), d = n ? String(n?.message) : o;
-  return d ? /* @__PURE__ */ e.createElement(
-    "p",
-    {
-      ref: m,
-      id: s,
-      className: a("text-sm font-medium text-destructive", t),
-      ...r
-    },
-    d
-  ) : null;
-});
-E.displayName = "FormMessage";
+import c, { forwardRef as f } from "react";
+import { typeVariants as d } from "./index.es61.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
+    );
+  }
+);
+e.displayName = "Text";
+const x = e;
 export {
-  R as Form,
-  g as FormControl,
-  v as FormDescription,
-  $ as FormField,
-  x as FormItem,
-  C as FormLabel,
-  E as FormMessage,
-  i as useFormField
+  x as default
 };
 //# sourceMappingURL=index.es47.js.map

package/dist/index.es47.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es47.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'\nimport { Label, labelVariants } from '@/components/ui/label'\n\nimport { Slot } from '@radix-ui/react-slot'\nimport { VariantProps } from 'class-variance-authority'\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    VariantProps<typeof labelVariants>\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","FormField","props","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","className","ref","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body"],"mappings":"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"}
+{"version":3,"file":"index.es47.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.es48.js

@@ -1,93 +1,94 @@
-import * as a from "@radix-ui/react-dialog";
 import * as e from "react";
-import { ScrollArea as i } from "./index.es49.js";
-import { X as d } from "lucide-react";
-import { cn as l } from "./index.es53.js";
-const D = a.Root, v = a.Trigger, c = a.Portal, E = a.Close, n = e.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e.createElement(
-  a.Overlay,
-  {
-    ref: s,
-    className: l(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      t
-    ),
-    ...o
-  }
-));
-n.displayName = a.Overlay.displayName;
-const m = e.forwardRef(({ className: t, children: o, ...s }, r) => /* @__PURE__ */ e.createElement(c, null, /* @__PURE__ */ e.createElement(n, null), /* @__PURE__ */ e.createElement(
-  a.Content,
-  {
-    ref: r,
-    className: l(
-      "fixed left-[50%] top-[50%] z-50 grid max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg overflow-hidden max-h-[calc(100dvh-0.75rem)] w-[calc(100dvw-0.75rem)] p-0",
-      t
-    ),
-    ...s
-  },
-  /* @__PURE__ */ e.createElement(i, { className: "max-h-[calc(100dvh-1rem)]" }, /* @__PURE__ */ e.createElement("div", { className: "p-6" }, o)),
-  /* @__PURE__ */ e.createElement(a.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" }, /* @__PURE__ */ e.createElement(d, { className: "h-4 w-4" }), /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Close"))
-)));
-m.displayName = a.Content.displayName;
-const f = ({
-  className: t,
-  ...o
-}) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    className: l(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      t
-    ),
-    ...o
-  }
-);
-f.displayName = "DialogHeader";
-const p = ({
-  className: t,
-  ...o
-}) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    className: l(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      t
-    ),
-    ...o
-  }
-);
-p.displayName = "DialogFooter";
-const g = e.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e.createElement(
-  a.Title,
-  {
-    ref: s,
-    className: l(
-      "text-lg font-semibold leading-none tracking-tight",
-      t
-    ),
-    ...o
-  }
-));
-g.displayName = a.Title.displayName;
-const u = e.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e.createElement(
-  a.Description,
-  {
-    ref: s,
-    className: l("text-sm text-muted-foreground", t),
-    ...o
-  }
-));
-u.displayName = a.Description.displayName;
+import { FormProvider as f, Controller as F, useFormContext as u } from "react-hook-form";
+import { Label as p } from "./index.es17.js";
+import { Slot as I } from "@radix-ui/react-slot";
+import { cn as a } from "./index.es54.js";
+const R = f, c = e.createContext(
+  {}
+), $ = ({
+  ...t
+}) => /* @__PURE__ */ e.createElement(c.Provider, { value: { name: t.name } }, /* @__PURE__ */ e.createElement(F, { ...t })), i = () => {
+  const t = e.useContext(c), o = e.useContext(l), { getFieldState: r, formState: m } = u(), n = r(t.name, m);
+  if (!t)
+    throw new Error("useFormField should be used within <FormField>");
+  const { id: s } = o;
+  return {
+    id: s,
+    name: t.name,
+    formItemId: `${s}-form-item`,
+    formDescriptionId: `${s}-form-item-description`,
+    formMessageId: `${s}-form-item-message`,
+    ...n
+  };
+}, l = e.createContext(
+  {}
+), x = e.forwardRef(({ className: t, ...o }, r) => {
+  const m = e.useId();
+  return /* @__PURE__ */ e.createElement(l.Provider, { value: { id: m } }, /* @__PURE__ */ e.createElement("div", { ref: r, className: a("space-y-2", t), ...o }));
+});
+x.displayName = "FormItem";
+const C = e.forwardRef(({ className: t, ...o }, r) => {
+  const { error: m, formItemId: n } = i();
+  return /* @__PURE__ */ e.createElement(
+    p,
+    {
+      ref: r,
+      className: a(m && "text-destructive", t),
+      htmlFor: n,
+      ...o
+    }
+  );
+});
+C.displayName = "FormLabel";
+const g = e.forwardRef(({ ...t }, o) => {
+  const { error: r, formItemId: m, formDescriptionId: n, formMessageId: s } = i();
+  return /* @__PURE__ */ e.createElement(
+    I,
+    {
+      ref: o,
+      id: m,
+      "aria-describedby": r ? `${n} ${s}` : `${n}`,
+      "aria-invalid": !!r,
+      ...t
+    }
+  );
+});
+g.displayName = "FormControl";
+const v = 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
+    }
+  );
+});
+v.displayName = "FormDescription";
+const E = e.forwardRef(({ className: t, children: o, ...r }, m) => {
+  const { error: n, formMessageId: s } = i(), d = n ? String(n?.message) : o;
+  return d ? /* @__PURE__ */ e.createElement(
+    "p",
+    {
+      ref: m,
+      id: s,
+      className: a("text-sm font-medium text-destructive", t),
+      ...r
+    },
+    d
+  ) : null;
+});
+E.displayName = "FormMessage";
 export {
-  D as Dialog,
-  E as DialogClose,
-  m as DialogContent,
-  u as DialogDescription,
-  p as DialogFooter,
-  f as DialogHeader,
-  n as DialogOverlay,
-  c as DialogPortal,
-  g as DialogTitle,
-  v as DialogTrigger
+  R as Form,
+  g as FormControl,
+  v as FormDescription,
+  $ as FormField,
+  x as FormItem,
+  C as FormLabel,
+  E as FormMessage,
+  i as useFormField
 };
 //# sourceMappingURL=index.es48.js.map