@iit/precision-ui 0.7.2 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (90) hide show
  1. package/dist/components/cards/License.d.ts.map +1 -1
  2. package/dist/components/ui/carousel.d.ts +3 -1
  3. package/dist/components/ui/carousel.d.ts.map +1 -1
  4. package/dist/components/ui/combobox.d.ts +19 -0
  5. package/dist/components/ui/combobox.d.ts.map +1 -0
  6. package/dist/components/ui/command.d.ts +81 -0
  7. package/dist/components/ui/command.d.ts.map +1 -0
  8. package/dist/decorators/CarouselWrapper.d.ts +2 -1
  9. package/dist/decorators/CarouselWrapper.d.ts.map +1 -1
  10. package/dist/index.d.ts +4 -2
  11. package/dist/index.d.ts.map +1 -1
  12. package/dist/index.es.js +66 -62
  13. package/dist/index.es.js.map +1 -1
  14. package/dist/index.es10.js +1 -1
  15. package/dist/index.es11.js +1 -1
  16. package/dist/index.es14.js +1 -1
  17. package/dist/index.es15.js +1 -1
  18. package/dist/index.es17.js +1 -1
  19. package/dist/index.es18.js +2 -2
  20. package/dist/index.es2.js +1 -1
  21. package/dist/index.es20.js +1 -1
  22. package/dist/index.es21.js +1 -1
  23. package/dist/index.es22.js +1 -1
  24. package/dist/index.es23.js +2 -2
  25. package/dist/index.es24.js +3 -3
  26. package/dist/index.es25.js +3 -3
  27. package/dist/index.es26.js +3 -3
  28. package/dist/index.es27.js +1 -1
  29. package/dist/index.es28.js +1 -1
  30. package/dist/index.es29.js +3 -3
  31. package/dist/index.es3.js +2 -2
  32. package/dist/index.es30.js +10 -9
  33. package/dist/index.es30.js.map +1 -1
  34. package/dist/index.es31.js +3 -3
  35. package/dist/index.es32.js +3 -3
  36. package/dist/index.es33.js +3 -3
  37. package/dist/index.es34.js +3 -3
  38. package/dist/index.es35.js +1 -1
  39. package/dist/index.es36.js +1 -1
  40. package/dist/index.es37.js +1 -1
  41. package/dist/index.es38.js +2 -2
  42. package/dist/index.es39.js +2 -2
  43. package/dist/index.es4.js +1 -1
  44. package/dist/index.es40.js +4 -4
  45. package/dist/index.es41.js +2 -2
  46. package/dist/index.es42.js +3 -3
  47. package/dist/index.es44.js +47 -18
  48. package/dist/index.es44.js.map +1 -1
  49. package/dist/index.es45.js +59 -17
  50. package/dist/index.es45.js.map +1 -1
  51. package/dist/index.es46.js +20 -91
  52. package/dist/index.es46.js.map +1 -1
  53. package/dist/index.es47.js +17 -88
  54. package/dist/index.es47.js.map +1 -1
  55. package/dist/index.es48.js +90 -32
  56. package/dist/index.es48.js.map +1 -1
  57. package/dist/index.es49.js +81 -68
  58. package/dist/index.es49.js.map +1 -1
  59. package/dist/index.es5.js +1 -1
  60. package/dist/index.es50.js +28 -38
  61. package/dist/index.es50.js.map +1 -1
  62. package/dist/index.es51.js +75 -9
  63. package/dist/index.es51.js.map +1 -1
  64. package/dist/index.es52.js +43 -6
  65. package/dist/index.es52.js.map +1 -1
  66. package/dist/index.es53.js +11 -22
  67. package/dist/index.es53.js.map +1 -1
  68. package/dist/index.es54.js +6 -20
  69. package/dist/index.es54.js.map +1 -1
  70. package/dist/index.es55.js +21 -19
  71. package/dist/index.es55.js.map +1 -1
  72. package/dist/index.es56.js +20 -47
  73. package/dist/index.es56.js.map +1 -1
  74. package/dist/index.es57.js +19 -26
  75. package/dist/index.es57.js.map +1 -1
  76. package/dist/index.es58.js +4 -16
  77. package/dist/index.es58.js.map +1 -1
  78. package/dist/index.es59.js +80 -72
  79. package/dist/index.es59.js.map +1 -1
  80. package/dist/index.es6.js +1 -1
  81. package/dist/index.es60.js +86 -4
  82. package/dist/index.es60.js.map +1 -1
  83. package/dist/index.es61.js +30 -0
  84. package/dist/index.es61.js.map +1 -0
  85. package/dist/index.es62.js +19 -0
  86. package/dist/index.es62.js.map +1 -0
  87. package/dist/index.es7.js +1 -1
  88. package/dist/index.es8.js +1 -1
  89. package/dist/styles.css +128 -0
  90. package/package.json +3 -2
@@ -1,30 +1,31 @@
1
- import { Dialog as r, DialogTrigger as m, DialogContent as c, DialogTitle as s } from "./index.es47.js";
1
+ import { Dialog as r, DialogTrigger as m, DialogContent as c, DialogTitle as s } from "./index.es49.js";
2
2
  import i from "./index.es37.js";
3
3
  import e from "react";
4
- import n from "./index.es45.js";
5
- const o = ({ title: a, date: l, img: t }) => /* @__PURE__ */ e.createElement("div", { "data-test-id": "license-card", className: "bg-whitish rounded-lg" }, l && /* @__PURE__ */ e.createElement(
4
+ import n from "./index.es47.js";
5
+ import o from "./index.es58.js";
6
+ const d = ({ title: a, date: t, img: l }) => /* @__PURE__ */ e.createElement("div", { "data-test-id": "license-card", className: "bg-whitish rounded-lg" }, t && /* @__PURE__ */ e.createElement(
6
7
  i,
7
8
  {
8
9
  icon: "date",
9
- label: l,
10
+ label: t,
10
11
  className: "p-4 border-b border-navy-opacity-16"
11
12
  }
12
- ), /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(m, { asChild: !0 }, /* @__PURE__ */ e.createElement("div", { className: "p-8 gap-4 flex flex-col hover:cursor-pointer" }, /* @__PURE__ */ e.createElement(n, { variant: "small-body" }, a), /* @__PURE__ */ e.createElement("div", { className: "bg-navy-opacity-4 rounded-sm" }, /* @__PURE__ */ e.createElement("div", { className: "relative mx-auto w-1/3 my-4 max-w-32 bg-sapphire" }, /* @__PURE__ */ e.createElement(
13
+ ), /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(m, { asChild: !0 }, /* @__PURE__ */ e.createElement("div", { className: "p-8 gap-4 flex flex-col hover:cursor-pointer" }, /* @__PURE__ */ e.createElement(n, { variant: "small-body" }, o(a, 229)), /* @__PURE__ */ e.createElement("div", { className: "bg-navy-opacity-4 rounded-sm" }, /* @__PURE__ */ e.createElement("div", { className: "relative mx-auto w-1/3 my-4 max-w-32 bg-sapphire" }, /* @__PURE__ */ e.createElement(
13
14
  "img",
14
15
  {
15
- src: t,
16
+ src: l,
16
17
  alt: a,
17
18
  className: "grayscale1 mix-blend-luminosity min-h-[150px] w-full"
18
19
  }
19
20
  ))))), /* @__PURE__ */ e.createElement(c, { className: "sm:max-w-[480px]" }, /* @__PURE__ */ e.createElement(s, null, a.slice(0, 50).concat("...")), /* @__PURE__ */ e.createElement(
20
21
  "img",
21
22
  {
22
- src: t,
23
+ src: l,
23
24
  alt: `Изображение для ${a}`,
24
25
  className: "max-w-full"
25
26
  }
26
- )))), E = o;
27
+ )))), f = d;
27
28
  export {
28
- E as default
29
+ f as default
29
30
  };
30
31
  //# sourceMappingURL=index.es30.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es30.js","sources":["../src/components/cards/License.tsx"],"sourcesContent":["import { Dialog, DialogContent, DialogTitle, DialogTrigger } from '../ui/dialog'\r\n\r\nimport ArticlePreviewTag from '../ArticlePreviewTag'\r\nimport React from 'react'\r\nimport Text from '../core/typography/Text'\r\n\r\nexport interface LicenseCardProps {\r\n title: string\r\n date?: string\r\n img: string\r\n}\r\n\r\nconst LicenseCard: React.FC<LicenseCardProps> = ({ title, date, img }) => {\r\n return (\r\n <div data-test-id=\"license-card\" className=\"bg-whitish rounded-lg\">\r\n {date && (\r\n <ArticlePreviewTag\r\n icon=\"date\"\r\n label={date}\r\n className=\"p-4 border-b border-navy-opacity-16\"\r\n />\r\n )}\r\n\r\n <Dialog>\r\n <DialogTrigger asChild>\r\n <div className=\"p-8 gap-4 flex flex-col hover:cursor-pointer\">\r\n <Text variant=\"small-body\">{title}</Text>\r\n <div className=\"bg-navy-opacity-4 rounded-sm\">\r\n <div className=\"relative mx-auto w-1/3 my-4 max-w-32 bg-sapphire\">\r\n {/* <div\r\n className={`bg-[url('/licenses/license-1.png')] bg-cover w-[130px] h-[180px] bg-no-repeat background-tint mx-auto`}\r\n /> */}\r\n <img\r\n src={img}\r\n alt={title}\r\n className=\"grayscale1 mix-blend-luminosity min-h-[150px] w-full\"\r\n />\r\n {/* <div className=\"absolute top-0 left-0 w-full h-full bg-navy-opacity-401\"></div> */}\r\n </div>\r\n </div>\r\n </div>\r\n </DialogTrigger>\r\n <DialogContent className=\"sm:max-w-[480px]\">\r\n <DialogTitle>{title.slice(0, 50).concat('...')}</DialogTitle>\r\n <img\r\n src={img}\r\n alt={`Изображение для ${title}`}\r\n className=\"max-w-full\"\r\n />\r\n </DialogContent>\r\n </Dialog>\r\n </div>\r\n )\r\n}\r\n\r\nexport default LicenseCard\r\n"],"names":["LicenseCard","title","date","img","React","ArticlePreviewTag","Dialog","DialogTrigger","Text","DialogContent","DialogTitle","LicenseCard$1"],"mappings":";;;;AAYA,MAAMA,IAA0C,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,KAAAC,wCAE3D,OAAI,EAAA,gBAAa,gBAAe,WAAU,2BACxCD,KACCE,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,OAAOH;AAAA,IACP,WAAU;AAAA,EAAA;AAAA,GAIbE,gBAAAA,EAAA,cAAAE,GAAA,MACEF,gBAAAA,EAAA,cAAAG,GAAA,EAAc,SAAO,MACpBH,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,+CACb,GAAAA,gBAAAA,EAAA,cAACI,KAAK,SAAQ,gBAAcP,CAAM,GACjCG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,kCACbA,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,mDAIb,GAAAA,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAKD;AAAA,IACL,KAAKF;AAAA,IACL,WAAU;AAAA,EAAA;AAAA,CAGd,CACF,CACF,CACF,GACAG,gBAAAA,EAAA,cAACK,KAAc,WAAU,sDACtBC,GAAa,MAAAT,EAAM,MAAM,GAAG,EAAE,EAAE,OAAO,KAAK,CAAE,GAC/CG,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAKD;AAAA,IACL,KAAK,mBAAmBF,CAAK;AAAA,IAC7B,WAAU;AAAA,EAAA;AAEd,CAAA,CACF,CACF,GAIJU,IAAeX;"}
1
+ {"version":3,"file":"index.es30.js","sources":["../src/components/cards/License.tsx"],"sourcesContent":["import { Dialog, DialogContent, DialogTitle, DialogTrigger } from '../ui/dialog'\r\n\r\nimport ArticlePreviewTag from '../ArticlePreviewTag'\r\nimport React from 'react'\r\nimport Text from '../core/typography/Text'\r\nimport truncateText from '@/lib/utils/truncateText'\r\n\r\nexport interface LicenseCardProps {\r\n title: string\r\n date?: string\r\n img: string\r\n}\r\n\r\nconst LicenseCard: React.FC<LicenseCardProps> = ({ title, date, img }) => {\r\n return (\r\n <div data-test-id=\"license-card\" className=\"bg-whitish rounded-lg\">\r\n {date && (\r\n <ArticlePreviewTag\r\n icon=\"date\"\r\n label={date}\r\n className=\"p-4 border-b border-navy-opacity-16\"\r\n />\r\n )}\r\n\r\n <Dialog>\r\n <DialogTrigger asChild>\r\n <div className=\"p-8 gap-4 flex flex-col hover:cursor-pointer\">\r\n <Text variant=\"small-body\">{truncateText(title, 229)}</Text>\r\n <div className=\"bg-navy-opacity-4 rounded-sm\">\r\n <div className=\"relative mx-auto w-1/3 my-4 max-w-32 bg-sapphire\">\r\n {/* <div\r\n className={`bg-[url('/licenses/license-1.png')] bg-cover w-[130px] h-[180px] bg-no-repeat background-tint mx-auto`}\r\n /> */}\r\n <img\r\n src={img}\r\n alt={title}\r\n className=\"grayscale1 mix-blend-luminosity min-h-[150px] w-full\"\r\n />\r\n {/* <div className=\"absolute top-0 left-0 w-full h-full bg-navy-opacity-401\"></div> */}\r\n </div>\r\n </div>\r\n </div>\r\n </DialogTrigger>\r\n <DialogContent className=\"sm:max-w-[480px]\">\r\n <DialogTitle>{title.slice(0, 50).concat('...')}</DialogTitle>\r\n <img\r\n src={img}\r\n alt={`Изображение для ${title}`}\r\n className=\"max-w-full\"\r\n />\r\n </DialogContent>\r\n </Dialog>\r\n </div>\r\n )\r\n}\r\n\r\nexport default LicenseCard\r\n"],"names":["LicenseCard","title","date","img","React","ArticlePreviewTag","Dialog","DialogTrigger","Text","truncateText","DialogContent","DialogTitle","LicenseCard$1"],"mappings":";;;;;AAaA,MAAMA,IAA0C,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,KAAAC,wCAE3D,OAAI,EAAA,gBAAa,gBAAe,WAAU,2BACxCD,KACCE,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,OAAOH;AAAA,IACP,WAAU;AAAA,EAAA;AAAA,GAIbE,gBAAAA,EAAA,cAAAE,GAAA,MACEF,gBAAAA,EAAA,cAAAG,GAAA,EAAc,SAAO,GAAA,GACnBH,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,+CAAA,GACZA,gBAAAA,EAAA,cAAAI,GAAA,EAAK,SAAQ,aAAA,GAAcC,EAAaR,GAAO,GAAG,CAAE,GACrDG,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,+BACb,GAAAA,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,sDAIbA,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAKD;AAAA,IACL,KAAKF;AAAA,IACL,WAAU;AAAA,EAAA;AAAA,CAGd,CACF,CACF,CACF,GACAG,gBAAAA,EAAA,cAACM,KAAc,WAAU,sDACtBC,GAAa,MAAAV,EAAM,MAAM,GAAG,EAAE,EAAE,OAAO,KAAK,CAAE,GAC/CG,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAKD;AAAA,IACL,KAAK,mBAAmBF,CAAK;AAAA,IAC7B,WAAU;AAAA,EAAA;AAEd,CAAA,CACF,CACF,GAIJW,IAAeZ;"}
@@ -2,12 +2,12 @@ import { RateButton as N } from "./index.es34.js";
2
2
  import { Tag as b } from "./index.es22.js";
3
3
  import { cva as i } from "class-variance-authority";
4
4
  import k from "./index.es8.js";
5
- import d from "./index.es44.js";
5
+ import d from "./index.es46.js";
6
6
  import w from "./index.es18.js";
7
7
  import e from "react";
8
8
  import f from "./index.es19.js";
9
- import l from "./index.es45.js";
10
- import { cn as r } from "./index.es52.js";
9
+ import l from "./index.es47.js";
10
+ import { cn as r } from "./index.es54.js";
11
11
  const V = i(
12
12
  "group p-6 rounded-lg min-h-[360px] flex flex-col justify-between",
13
13
  {
@@ -1,10 +1,10 @@
1
1
  import { cva as n } from "class-variance-authority";
2
2
  import p from "./index.es6.js";
3
- import f from "./index.es44.js";
3
+ import f from "./index.es46.js";
4
4
  import e from "react";
5
5
  import d from "./index.es19.js";
6
- import h from "./index.es45.js";
7
- import { cn as a } from "./index.es52.js";
6
+ import h from "./index.es47.js";
7
+ import { cn as a } from "./index.es54.js";
8
8
  import { getAdapter as u } from "./index.es9.js";
9
9
  const l = n("rounded-lg p-6 min-h-[190px] h-full", {
10
10
  variants: {
@@ -1,9 +1,9 @@
1
1
  import { cva as d } from "class-variance-authority";
2
2
  import s from "./index.es6.js";
3
- import y from "./index.es44.js";
3
+ import y from "./index.es46.js";
4
4
  import e from "react";
5
- import g from "./index.es45.js";
6
- import { cn as o } from "./index.es52.js";
5
+ import g from "./index.es47.js";
6
+ import { cn as o } from "./index.es54.js";
7
7
  import { getAdapter as m } from "./index.es9.js";
8
8
  const x = d(
9
9
  "group p-6 rounded-lg min-h-[300px] flex flex-col justify-between gap-12 items-start relative hover:scale1-[1.005] h-full",
@@ -1,8 +1,8 @@
1
1
  import e from "react";
2
2
  import { cva as o } from "class-variance-authority";
3
- import { cn as s } from "./index.es52.js";
4
- import f from "./index.es44.js";
5
- import d from "./index.es45.js";
3
+ import { cn as s } from "./index.es54.js";
4
+ import f from "./index.es46.js";
5
+ import d from "./index.es47.js";
6
6
  import E from "./index.es5.js";
7
7
  import x from "./index.es8.js";
8
8
  import { Tag as g } from "./index.es22.js";
@@ -1,4 +1,4 @@
1
- import { AccordionTrigger as e } from "./index.es49.js";
1
+ import { AccordionTrigger as e } from "./index.es51.js";
2
2
  import o from "react";
3
3
  const a = ({
4
4
  children: r
@@ -1,6 +1,6 @@
1
1
  import t from "react";
2
2
  import { cva as s } from "class-variance-authority";
3
- import { cn as o } from "./index.es52.js";
3
+ import { cn as o } from "./index.es54.js";
4
4
  import { getAdapter as u } from "./index.es9.js";
5
5
  const n = s(
6
6
  "inline-flex items-center rounded-sm pt-[9px] pb-[4px] px-[13px] typo_variant_caption cursor-pointer duration-200 backdrop-blur-[8px]",
@@ -1,6 +1,6 @@
1
1
  import { Views20X20 as c, TimeToRead20X20 as o, Date20X20 as i } from "@iit/precision-ui-icons";
2
2
  import e from "react";
3
- import m from "./index.es45.js";
3
+ import m from "./index.es47.js";
4
4
  const s = (t) => {
5
5
  switch (t) {
6
6
  case "date":
@@ -1,6 +1,6 @@
1
- import { CarouselWrapper as m } from "./index.es56.js";
1
+ import { CarouselWrapper as m } from "./index.es44.js";
2
2
  import r from "react";
3
- import n from "./index.es45.js";
3
+ import n from "./index.es47.js";
4
4
  const p = ({
5
5
  items: t,
6
6
  renderItem: s,
@@ -1,8 +1,8 @@
1
- import s from "./index.es44.js";
1
+ import s from "./index.es46.js";
2
2
  import { HeroButton as i } from "./index.es40.js";
3
3
  import e from "react";
4
4
  import n from "./index.es19.js";
5
- import p from "./index.es45.js";
5
+ import p from "./index.es47.js";
6
6
  import { getAdapter as d } from "./index.es9.js";
7
7
  const f = ({ title: t, desc: r, img: a, buttons: l }) => {
8
8
  const m = d("ImageWrapper");
package/dist/index.es4.js CHANGED
@@ -2,7 +2,7 @@ import t from "react";
2
2
  import { Button as c } from "./index.es2.js";
3
3
  import { ArrowRight16X16 as u } from "@iit/precision-ui-icons";
4
4
  import { cva as h } from "class-variance-authority";
5
- import { cn as a } from "./index.es52.js";
5
+ import { cn as a } from "./index.es54.js";
6
6
  const p = h(
7
7
  "bg-white text-navy hover:bg-whitish-opacity-80 cursor-pointer",
8
8
  {
@@ -1,11 +1,11 @@
1
- import C from "./index.es51.js";
1
+ import C from "./index.es53.js";
2
2
  import u from "./index.es4.js";
3
- import w from "./index.es44.js";
3
+ import w from "./index.es46.js";
4
4
  import e from "react";
5
5
  import V from "./index.es19.js";
6
6
  import k from "./index.es14.js";
7
- import N from "./index.es45.js";
8
- import { cn as p } from "./index.es52.js";
7
+ import N from "./index.es47.js";
8
+ import { cn as p } from "./index.es54.js";
9
9
  import { cva as f } from "class-variance-authority";
10
10
  import { getAdapter as H } from "./index.es9.js";
11
11
  const j = f("", {
@@ -1,7 +1,7 @@
1
1
  import i from "./index.es42.js";
2
- import p from "./index.es44.js";
2
+ import p from "./index.es46.js";
3
3
  import e from "react";
4
- import r from "./index.es45.js";
4
+ import r from "./index.es47.js";
5
5
  import { getAdapter as d } from "./index.es9.js";
6
6
  const g = [
7
7
  "/partners/rostelekom.svg",
@@ -1,8 +1,8 @@
1
1
  import e from "react";
2
2
  import { cva as y } from "class-variance-authority";
3
- import { cn as v } from "./index.es52.js";
4
- import E from "./index.es44.js";
5
- import N from "./index.es45.js";
3
+ import { cn as v } from "./index.es54.js";
4
+ import E from "./index.es46.js";
5
+ import N from "./index.es47.js";
6
6
  import b from "./index.es4.js";
7
7
  const g = y("space-y-12", {
8
8
  variants: {
@@ -1,23 +1,52 @@
1
- import c, { forwardRef as f } from "react";
2
- import { typeVariants as p } from "./index.es57.js";
3
- const e = f(
4
- ({ level: a, as: n, className: t = "", children: r, id: o, ...i }, s) => {
5
- const d = n || `h${a}`, m = p({ variant: `h${a}` });
6
- return /* @__PURE__ */ c.createElement(
7
- d,
1
+ import { Carousel as i, CarouselContent as p, CarouselItem as b } from "./index.es59.js";
2
+ import e from "react";
3
+ import { cn as C } from "./index.es54.js";
4
+ const E = ({
5
+ items: r,
6
+ renderItem: t,
7
+ columns: l,
8
+ hideControlsOnDesktop: m,
9
+ className: o,
10
+ variant: c,
11
+ controlsAlign: u
12
+ }) => {
13
+ const n = (s) => {
14
+ switch (s ?? l) {
15
+ case 2:
16
+ return "md:basis-1/2 lg:basis-1/2";
17
+ case 3:
18
+ return "md:basis-1/2 lg:basis-1/3";
19
+ case 4:
20
+ return "md:basis-1/2 lg:basis-1/4";
21
+ default:
22
+ return "md:basis-1/2 lg:basis-1/3";
23
+ }
24
+ };
25
+ return /* @__PURE__ */ e.createElement(
26
+ i,
27
+ {
28
+ opts: {
29
+ align: "start"
30
+ },
31
+ className: C("my-carousel w-full -mt-3", o),
32
+ hideControlsOnDesktop: m,
33
+ variant: c,
34
+ controlsAlign: u
35
+ },
36
+ /* @__PURE__ */ e.createElement(p, { className: "-ml-4 pt-3" }, r.map((s, a) => /* @__PURE__ */ e.createElement(
37
+ b,
8
38
  {
9
- ref: s,
10
- id: o,
11
- className: `${m}${t ? ` ${t}` : ""}`,
12
- ...i
39
+ key: a,
40
+ className: `pl-4 ${n(
41
+ s.size
42
+ // Safely access `size` property
43
+ )}`
13
44
  },
14
- r
15
- );
16
- }
17
- );
18
- e.displayName = "Heading";
19
- const l = e;
45
+ t(s, a)
46
+ )))
47
+ );
48
+ };
20
49
  export {
21
- l as default
50
+ E as CarouselWrapper
22
51
  };
23
52
  //# sourceMappingURL=index.es44.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es44.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;"}
1
+ {"version":3,"file":"index.es44.js","sources":["../src/decorators/CarouselWrapper.tsx"],"sourcesContent":["import {\r\n Carousel,\r\n CarouselContent,\r\n CarouselItem,\r\n} from '@/components/ui/carousel'\r\n\r\nimport React from 'react'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nexport const CarouselWrapper = <T,>({\r\n items,\r\n renderItem,\r\n columns,\r\n hideControlsOnDesktop,\r\n className,\r\n variant,\r\n controlsAlign,\r\n}: {\r\n items: T[]\r\n renderItem: (item: T, index: number) => React.ReactNode\r\n columns: number\r\n hideControlsOnDesktop: boolean\r\n className?: string\r\n variant?: 'default' | 'white'\r\n controlsAlign?: 'left' | 'center'\r\n}) => {\r\n const carouselColumnsClasses = (size?: number) => {\r\n switch (size ?? columns) {\r\n case 2:\r\n return 'md:basis-1/2 lg:basis-1/2'\r\n case 3:\r\n return 'md:basis-1/2 lg:basis-1/3'\r\n case 4:\r\n return 'md:basis-1/2 lg:basis-1/4'\r\n default:\r\n return 'md:basis-1/2 lg:basis-1/3'\r\n }\r\n }\r\n\r\n return (\r\n <Carousel\r\n opts={{\r\n align: 'start',\r\n }}\r\n className={cn('my-carousel w-full -mt-3', className)}\r\n hideControlsOnDesktop={hideControlsOnDesktop}\r\n variant={variant}\r\n controlsAlign={controlsAlign}\r\n >\r\n <CarouselContent className=\"-ml-4 pt-3\">\r\n {items.map((item, index) => (\r\n <CarouselItem\r\n key={index}\r\n className={`pl-4 ${carouselColumnsClasses(\r\n (item as { size?: number }).size // Safely access `size` property\r\n )}`}\r\n >\r\n {renderItem(item, index)}\r\n </CarouselItem>\r\n ))}\r\n </CarouselContent>\r\n </Carousel>\r\n )\r\n}\r\n"],"names":["CarouselWrapper","items","renderItem","columns","hideControlsOnDesktop","className","variant","controlsAlign","carouselColumnsClasses","size","React","Carousel","cn","CarouselContent","item","index","CarouselItem"],"mappings":";;;AASO,MAAMA,IAAkB,CAAK;AAAA,EAClC,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AACF,MAQM;AACE,QAAAC,IAAyB,CAACC,MAAkB;AAChD,YAAQA,KAAQN,GAAS;AAAA,MACvB,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EAAA;AAIA,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,MACA,WAAWC,EAAG,4BAA4BP,CAAS;AAAA,MACnD,uBAAAD;AAAA,MACA,SAAAE;AAAA,MACA,eAAAC;AAAA,IAAA;AAAA,IAEAG,gBAAAA,EAAA,cAACG,KAAgB,WAAU,aAAA,GACxBZ,EAAM,IAAI,CAACa,GAAMC,MAChBL,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,KAAKD;AAAA,QACL,WAAW,QAAQP;AAAA,UAChBM,EAA2B;AAAA;AAAA,QAAA,CAC7B;AAAA,MAAA;AAAA,MAEAZ,EAAWY,GAAMC,CAAK;AAAA,IAAA,CAE1B,CACH;AAAA,EAAA;AAGN;"}
@@ -1,22 +1,64 @@
1
- import c, { forwardRef as f } from "react";
2
- import { typeVariants as d } from "./index.es57.js";
3
- const e = f(
4
- ({ variant: a = "body", as: o, className: t = "", children: r, ...n }, s) => {
5
- const m = o || "p", p = d({ variant: a });
6
- return /* @__PURE__ */ c.createElement(
7
- m,
1
+ import { Command as C, CommandInput as b, CommandList as x, CommandEmpty as y, CommandGroup as N, CommandItem as S } from "./index.es60.js";
2
+ import { Popover as w, PopoverTrigger as g, PopoverContent as P } from "./index.es56.js";
3
+ import { Button as j } from "./index.es2.js";
4
+ import { Check as k } from "lucide-react";
5
+ import e from "react";
6
+ import { ScrollArea as I } from "./index.es50.js";
7
+ import { cn as t } from "./index.es54.js";
8
+ const T = ({
9
+ options: m,
10
+ defaultValue: c = "",
11
+ placeholder: s = "Select an option...",
12
+ searchPlaceholder: p = "Search...",
13
+ buttonClassName: u = "w-[200px] justify-between",
14
+ popoverContentClassName: d = "w-[200px] p-0",
15
+ commandClassName: i = "",
16
+ onSelect: E,
17
+ iconComponent: f
18
+ }) => {
19
+ const [n, r] = e.useState(!1), [l, v] = e.useState(c), h = (a) => {
20
+ const o = a === l ? "" : a;
21
+ v(o), E(o), r(!1);
22
+ };
23
+ return /* @__PURE__ */ e.createElement(w, { open: n, onOpenChange: r }, /* @__PURE__ */ e.createElement(g, { asChild: !0 }, /* @__PURE__ */ e.createElement(
24
+ j,
25
+ {
26
+ variant: "outline",
27
+ role: "combobox",
28
+ "aria-expanded": n,
29
+ className: t("justify-between px-4 py-2", u)
30
+ },
31
+ l ? m.find((a) => a.value === l)?.label : s,
32
+ f
33
+ )), /* @__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(
34
+ I,
35
+ {
36
+ className: t(
37
+ "max-h-[calc(100dvh-1rem)]",
38
+ m.length > 12 ? "h-96" : ""
39
+ )
40
+ },
41
+ /* @__PURE__ */ e.createElement("div", { className: "p-0" }, /* @__PURE__ */ e.createElement(y, null, "Результаты не найдены."), /* @__PURE__ */ e.createElement(N, null, m.map((a) => /* @__PURE__ */ e.createElement(
42
+ S,
8
43
  {
9
- ref: s,
10
- className: `${p}${t ? ` ${t}` : ""}`,
11
- ...n
44
+ key: a.value,
45
+ value: a.value,
46
+ onSelect: () => h(a.value)
12
47
  },
13
- r
14
- );
15
- }
16
- );
17
- e.displayName = "Text";
18
- const x = e;
48
+ a.label,
49
+ /* @__PURE__ */ e.createElement(
50
+ k,
51
+ {
52
+ className: t(
53
+ "ml-auto",
54
+ l === a.value ? "opacity-100" : "opacity-0"
55
+ )
56
+ }
57
+ )
58
+ ))))
59
+ )))));
60
+ };
19
61
  export {
20
- x as default
62
+ T as Combobox
21
63
  };
22
64
  //# sourceMappingURL=index.es45.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es45.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;"}
1
+ {"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;"}
@@ -1,94 +1,23 @@
1
- import * as e from "react";
2
- import { FormProvider as f, Controller as F, useFormContext as u } from "react-hook-form";
3
- import { Label as p } from "./index.es17.js";
4
- import { Slot as I } from "@radix-ui/react-slot";
5
- import { cn as a } from "./index.es52.js";
6
- const R = f, c = e.createContext(
7
- {}
8
- ), $ = ({
9
- ...t
10
- }) => /* @__PURE__ */ e.createElement(c.Provider, { value: { name: t.name } }, /* @__PURE__ */ e.createElement(F, { ...t })), i = () => {
11
- const t = e.useContext(c), o = e.useContext(l), { getFieldState: r, formState: m } = u(), n = r(t.name, m);
12
- if (!t)
13
- throw new Error("useFormField should be used within <FormField>");
14
- const { id: s } = o;
15
- return {
16
- id: s,
17
- name: t.name,
18
- formItemId: `${s}-form-item`,
19
- formDescriptionId: `${s}-form-item-description`,
20
- formMessageId: `${s}-form-item-message`,
21
- ...n
22
- };
23
- }, l = e.createContext(
24
- {}
25
- ), x = e.forwardRef(({ className: t, ...o }, r) => {
26
- const m = e.useId();
27
- return /* @__PURE__ */ e.createElement(l.Provider, { value: { id: m } }, /* @__PURE__ */ e.createElement("div", { ref: r, className: a("space-y-2", t), ...o }));
28
- });
29
- x.displayName = "FormItem";
30
- const C = e.forwardRef(({ className: t, ...o }, r) => {
31
- const { error: m, formItemId: n } = i();
32
- return /* @__PURE__ */ e.createElement(
33
- p,
34
- {
35
- ref: r,
36
- className: a(m && "text-destructive", t),
37
- htmlFor: n,
38
- ...o
39
- }
40
- );
41
- });
42
- C.displayName = "FormLabel";
43
- const g = e.forwardRef(({ ...t }, o) => {
44
- const { error: r, formItemId: m, formDescriptionId: n, formMessageId: s } = i();
45
- return /* @__PURE__ */ e.createElement(
46
- I,
47
- {
48
- ref: o,
49
- id: m,
50
- "aria-describedby": r ? `${n} ${s}` : `${n}`,
51
- "aria-invalid": !!r,
52
- ...t
53
- }
54
- );
55
- });
56
- g.displayName = "FormControl";
57
- const v = e.forwardRef(({ className: t, ...o }, r) => {
58
- const { formDescriptionId: m } = i();
59
- return /* @__PURE__ */ e.createElement(
60
- "p",
61
- {
62
- ref: r,
63
- id: m,
64
- className: a("text-sm text-muted-foreground", t),
65
- ...o
66
- }
67
- );
68
- });
69
- v.displayName = "FormDescription";
70
- const E = e.forwardRef(({ className: t, children: o, ...r }, m) => {
71
- const { error: n, formMessageId: s } = i(), d = n ? String(n?.message) : o;
72
- return d ? /* @__PURE__ */ e.createElement(
73
- "p",
74
- {
75
- ref: m,
76
- id: s,
77
- className: a("text-sm font-medium text-destructive", t),
78
- ...r
79
- },
80
- d
81
- ) : null;
82
- });
83
- E.displayName = "FormMessage";
1
+ import c, { forwardRef as f } from "react";
2
+ import { typeVariants as p } from "./index.es61.js";
3
+ const e = f(
4
+ ({ level: a, as: n, className: t = "", children: r, id: o, ...i }, s) => {
5
+ const d = n || `h${a}`, m = p({ variant: `h${a}` });
6
+ return /* @__PURE__ */ c.createElement(
7
+ d,
8
+ {
9
+ ref: s,
10
+ id: o,
11
+ className: `${m}${t ? ` ${t}` : ""}`,
12
+ ...i
13
+ },
14
+ r
15
+ );
16
+ }
17
+ );
18
+ e.displayName = "Heading";
19
+ const l = e;
84
20
  export {
85
- R as Form,
86
- g as FormControl,
87
- v as FormDescription,
88
- $ as FormField,
89
- x as FormItem,
90
- C as FormLabel,
91
- E as FormMessage,
92
- i as useFormField
21
+ l as default
93
22
  };
94
23
  //# sourceMappingURL=index.es46.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es46.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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"}
1
+ {"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;"}