@iit/precision-ui 0.8.19 → 0.8.20

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.
@@ -13,7 +13,7 @@ export interface PackageCardProps extends React.HTMLAttributes<HTMLDivElement>,
13
13
  price: string;
14
14
  priceDesc?: string;
15
15
  desc?: string;
16
- link: string;
16
+ link?: string;
17
17
  onClickBuyButton?: (title: string) => void;
18
18
  buttons?: RateButtonProps[];
19
19
  tags?: TagItemProps[];
@@ -1 +1 @@
1
- {"version":3,"file":"Package.d.ts","sourceRoot":"","sources":["../../../src/components/cards/Package.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,QAAQ,CAAA;AACpD,OAAO,EAAO,YAAY,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAK5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,QAAA,MAAM,mBAAmB;;8EAcxB,CAAA;AA0BD,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,OAAO,CAAC,EAAE,eAAe,EAAE,CAAA;IAC3B,IAAI,CAAC,EAAE,YAAY,EAAE,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,qCACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyH3C,CAAA;AAED,eAAe,WAAW,CAAA"}
1
+ {"version":3,"file":"Package.d.ts","sourceRoot":"","sources":["../../../src/components/cards/Package.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,QAAQ,CAAA;AACpD,OAAO,EAAO,YAAY,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAK5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,QAAA,MAAM,mBAAmB;;8EAcxB,CAAA;AA0BD,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,OAAO,CAAC,EAAE,eAAe,EAAE,CAAA;IAC3B,IAAI,CAAC,EAAE,YAAY,EAAE,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,qCACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmI3C,CAAA;AAED,eAAe,WAAW,CAAA"}
@@ -1,14 +1,14 @@
1
1
  import { RateButton as N } from "./index.es34.js";
2
2
  import { Tag as b } from "./index.es22.js";
3
- import { cva as i } from "class-variance-authority";
4
- import k from "./index.es8.js";
5
- import d from "./index.es46.js";
6
- import w from "./index.es18.js";
3
+ import { cva as s } from "class-variance-authority";
4
+ import w from "./index.es8.js";
5
+ import i from "./index.es46.js";
6
+ import k from "./index.es18.js";
7
7
  import e from "react";
8
- import f from "./index.es19.js";
9
- import l from "./index.es47.js";
8
+ import y from "./index.es19.js";
9
+ import m from "./index.es47.js";
10
10
  import { cn as r } from "./index.es55.js";
11
- const V = i(
11
+ const V = s(
12
12
  "group p-6 rounded-lg min-h-[360px] flex flex-col justify-between",
13
13
  {
14
14
  variants: {
@@ -21,7 +21,7 @@ const V = i(
21
21
  variant: "default"
22
22
  }
23
23
  }
24
- ), y = i("", {
24
+ ), h = s("", {
25
25
  variants: {
26
26
  variant: {
27
27
  default: "text-navy-opacity-60",
@@ -31,7 +31,7 @@ const V = i(
31
31
  defaultVariants: {
32
32
  variant: "default"
33
33
  }
34
- }), C = i("w-full h-[1px]", {
34
+ }), C = s("w-full h-[1px]", {
35
35
  variants: {
36
36
  variant: {
37
37
  default: "bg-grey-1",
@@ -44,54 +44,62 @@ const V = i(
44
44
  }), B = ({
45
45
  variant: t,
46
46
  className: E,
47
- title: m,
47
+ title: n,
48
48
  oldPrice: c,
49
- price: h,
50
- priceDesc: s,
51
- desc: o,
52
- link: u,
53
- onClickBuyButton: x,
49
+ price: x,
50
+ priceDesc: o,
51
+ desc: v,
52
+ link: p,
53
+ onClickBuyButton: u,
54
54
  buttons: g,
55
- tags: v,
56
- titleInformer: p
57
- }) => /* @__PURE__ */ e.createElement("div", { className: r(V({ variant: t, className: E })) }, /* @__PURE__ */ e.createElement("div", null, v && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2 mb-6" }, v.map((a, n) => /* @__PURE__ */ e.createElement(b, { key: n, variant: a.color }, a.title))), /* @__PURE__ */ e.createElement("div", { className: "space-y-12 mb-12" }, /* @__PURE__ */ e.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2 items-center relative" }, /* @__PURE__ */ e.createElement(
58
- k,
55
+ tags: d,
56
+ titleInformer: f
57
+ }) => /* @__PURE__ */ e.createElement("div", { className: r(V({ variant: t, className: E })) }, /* @__PURE__ */ e.createElement("div", null, d && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2 mb-6" }, d.map((a, l) => /* @__PURE__ */ e.createElement(b, { key: l, variant: a.color }, a.title))), /* @__PURE__ */ e.createElement("div", { className: "space-y-12 mb-12" }, /* @__PURE__ */ e.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2 items-center relative" }, p ? /* @__PURE__ */ e.createElement(
58
+ w,
59
59
  {
60
- href: u,
60
+ href: p,
61
61
  variant: t === "navy" ? "white" : "navy"
62
62
  },
63
- /* @__PURE__ */ e.createElement(d, { level: 4, as: "span" }, m)
64
- ), p && /* @__PURE__ */ e.createElement(w, { content: p })), /* @__PURE__ */ e.createElement(
65
- l,
63
+ /* @__PURE__ */ e.createElement(i, { level: 4, as: "span" }, n)
64
+ ) : /* @__PURE__ */ e.createElement(
65
+ i,
66
+ {
67
+ level: 4,
68
+ as: "span",
69
+ className: t === "navy" ? "text-whitish" : "text-navy"
70
+ },
71
+ n
72
+ ), f && /* @__PURE__ */ e.createElement(k, { content: f })), /* @__PURE__ */ e.createElement(
73
+ m,
66
74
  {
67
75
  variant: "small-body",
68
76
  as: "div",
69
- className: r(y({ variant: t }), "content")
77
+ className: r(h({ variant: t }), "content")
70
78
  },
71
- o && /* @__PURE__ */ e.createElement(f, { html: o })
79
+ v && /* @__PURE__ */ e.createElement(y, { html: v })
72
80
  )))), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "space-y-6 mb-6" }, /* @__PURE__ */ e.createElement("div", { className: r(C({ variant: t })) }), /* @__PURE__ */ e.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ e.createElement("div", { className: "flex space-x-4 items-baseline" }, c && /* @__PURE__ */ e.createElement(
73
- l,
81
+ m,
74
82
  {
75
83
  variant: "caption",
76
84
  className: "text-navy-opacity-40 line-through"
77
85
  },
78
86
  c
79
- ), /* @__PURE__ */ e.createElement(d, { level: 5, as: "div" }, h)), s && /* @__PURE__ */ e.createElement(
80
- l,
87
+ ), /* @__PURE__ */ e.createElement(i, { level: 5, as: "div" }, x)), o && /* @__PURE__ */ e.createElement(
88
+ m,
81
89
  {
82
90
  variant: "small-body",
83
91
  as: "div",
84
- className: r(y({ variant: t }), "content")
92
+ className: r(h({ variant: t }), "content")
85
93
  },
86
- /* @__PURE__ */ e.createElement(f, { html: s })
87
- ))), /* @__PURE__ */ e.createElement("div", { className: "w-full gap-2 flex" }, g?.map((a, n) => /* @__PURE__ */ e.createElement(
94
+ /* @__PURE__ */ e.createElement(y, { html: o })
95
+ ))), /* @__PURE__ */ e.createElement("div", { className: "w-full gap-2 flex" }, g?.map((a, l) => /* @__PURE__ */ e.createElement(
88
96
  N,
89
97
  {
90
- key: n,
98
+ key: l,
91
99
  variant: a.variant,
92
100
  title: a.title,
93
101
  link: a.link,
94
- onClick: () => a.isBuyButton && x?.(m)
102
+ onClick: () => a.isBuyButton && u?.(n)
95
103
  }
96
104
  ))))), q = B;
97
105
  export {
@@ -1 +1 @@
1
- {"version":3,"file":"index.es31.js","sources":["../src/components/cards/Package.tsx"],"sourcesContent":["import { RateButton, RateButtonProps } from './Rate'\r\nimport { Tag, TagItemProps } from '../ui/Tag'\r\nimport { VariantProps, cva } from 'class-variance-authority'\r\n\r\nimport AppLink from '../ui/Link'\r\nimport Heading from '../core/typography/Heading'\r\nimport Informer from '../Informer'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst packageCardVariants = cva(\r\n 'group p-6 rounded-lg min-h-[360px] flex flex-col justify-between',\r\n {\r\n variants: {\r\n variant: {\r\n default:\r\n 'text-navy bg-whitish hover1:bg-navy-opacity-4 hover1:text-navy',\r\n navy: 'text-whitish bg-gradient-to-b from-navy to-sapphire hover1:from-sapphire hover1:to-navy',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n }\r\n)\r\n\r\nconst descVariants = cva('', {\r\n variants: {\r\n variant: {\r\n default: 'text-navy-opacity-60',\r\n navy: 'text-whitish-opacity-60',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\nconst dividerVariants = cva('w-full h-[1px]', {\r\n variants: {\r\n variant: {\r\n default: 'bg-grey-1',\r\n navy: 'bg-whitish-opacity-16',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\nexport interface PackageCardProps\r\n extends React.HTMLAttributes<HTMLDivElement>,\r\n VariantProps<typeof packageCardVariants> {\r\n className?: string\r\n title: string\r\n oldPrice?: string\r\n price: string\r\n priceDesc?: string\r\n desc?: string\r\n link: string\r\n onClickBuyButton?: (title: string) => void\r\n buttons?: RateButtonProps[]\r\n tags?: TagItemProps[]\r\n titleInformer?: string\r\n}\r\n\r\nexport interface PackageCardPropsWithoutHTMLAttributes\r\n extends Omit<PackageCardProps, keyof React.HTMLAttributes<HTMLDivElement>> {\r\n className?: string\r\n title: string\r\n}\r\n\r\nconst PackageCard: React.FC<PackageCardProps> = ({\r\n variant,\r\n className,\r\n title,\r\n oldPrice,\r\n price,\r\n priceDesc,\r\n desc,\r\n link,\r\n onClickBuyButton,\r\n buttons,\r\n tags,\r\n titleInformer,\r\n}) => {\r\n return (\r\n <div className={cn(packageCardVariants({ variant, className }))}>\r\n <div>\r\n {tags && (\r\n <div className=\"flex space-x-2 mb-6\">\r\n {tags.map((tag, index) => (\r\n <Tag key={index} variant={tag.color}>\r\n {tag.title}\r\n </Tag>\r\n ))}\r\n </div>\r\n )}\r\n\r\n <div className=\"space-y-12 mb-12\">\r\n <div className=\"space-y-6\">\r\n <div className=\"flex space-x-2 items-center relative\">\r\n <AppLink\r\n href={link}\r\n variant={variant === 'navy' ? 'white' : 'navy'}\r\n >\r\n <Heading level={4} as={'span'}>\r\n {title}\r\n </Heading>\r\n </AppLink>\r\n {titleInformer && <Informer content={titleInformer} />}\r\n </div>\r\n <Text\r\n variant=\"small-body\"\r\n as=\"div\"\r\n className={cn(descVariants({ variant }), 'content')}\r\n >\r\n {desc && <SafeHtmlRenderer html={desc} />}\r\n </Text>\r\n </div>\r\n\r\n {/* <div className=\"space-y-6\">\r\n <div className={cn(dividerVariants({ variant }))}></div>\r\n <div className=\"space-y-3\">\r\n <div className=\"flex space-x-4 items-baseline\">\r\n {oldPrice && (\r\n <Text\r\n variant=\"caption\"\r\n className=\"text-navy-opacity-40 line-through\"\r\n >\r\n {oldPrice}\r\n </Text>\r\n )}\r\n <Heading level={5} as={\"div\"}>\r\n {price}\r\n </Heading>\r\n </div>\r\n {priceDesc && (\r\n <Text\r\n variant=\"small-body\"\r\n as=\"div\"\r\n className={cn(descVariants({ variant }), \"content\")}\r\n >\r\n <SafeHtmlRenderer html={priceDesc} />\r\n </Text>\r\n )}\r\n </div>\r\n </div> */}\r\n </div>\r\n </div>\r\n\r\n <div>\r\n <div className=\"space-y-6 mb-6\">\r\n <div className={cn(dividerVariants({ variant }))}></div>\r\n <div className=\"space-y-3\">\r\n <div className=\"flex space-x-4 items-baseline\">\r\n {oldPrice && (\r\n <Text\r\n variant=\"caption\"\r\n className=\"text-navy-opacity-40 line-through\"\r\n >\r\n {oldPrice}\r\n </Text>\r\n )}\r\n <Heading level={5} as={'div'}>\r\n {price}\r\n </Heading>\r\n </div>\r\n {priceDesc && (\r\n <Text\r\n variant=\"small-body\"\r\n as=\"div\"\r\n className={cn(descVariants({ variant }), 'content')}\r\n >\r\n <SafeHtmlRenderer html={priceDesc} />\r\n </Text>\r\n )}\r\n </div>\r\n </div>\r\n <div className=\"w-full gap-2 flex\">\r\n {buttons?.map((button, index) => (\r\n <RateButton\r\n key={index}\r\n variant={button.variant}\r\n title={button.title}\r\n link={button.link}\r\n onClick={() => button.isBuyButton && onClickBuyButton?.(title)}\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default PackageCard\r\n"],"names":["packageCardVariants","cva","descVariants","dividerVariants","PackageCard","variant","className","title","oldPrice","price","priceDesc","desc","link","onClickBuyButton","buttons","tags","titleInformer","React","cn","tag","index","Tag","AppLink","Heading","Informer","Text","SafeHtmlRenderer","button","RateButton","PackageCard$1"],"mappings":"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"}
1
+ {"version":3,"file":"index.es31.js","sources":["../src/components/cards/Package.tsx"],"sourcesContent":["import { RateButton, RateButtonProps } from './Rate'\r\nimport { Tag, TagItemProps } from '../ui/Tag'\r\nimport { VariantProps, cva } from 'class-variance-authority'\r\n\r\nimport AppLink from '../ui/Link'\r\nimport Heading from '../core/typography/Heading'\r\nimport Informer from '../Informer'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst packageCardVariants = cva(\r\n 'group p-6 rounded-lg min-h-[360px] flex flex-col justify-between',\r\n {\r\n variants: {\r\n variant: {\r\n default:\r\n 'text-navy bg-whitish hover1:bg-navy-opacity-4 hover1:text-navy',\r\n navy: 'text-whitish bg-gradient-to-b from-navy to-sapphire hover1:from-sapphire hover1:to-navy',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n }\r\n)\r\n\r\nconst descVariants = cva('', {\r\n variants: {\r\n variant: {\r\n default: 'text-navy-opacity-60',\r\n navy: 'text-whitish-opacity-60',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\nconst dividerVariants = cva('w-full h-[1px]', {\r\n variants: {\r\n variant: {\r\n default: 'bg-grey-1',\r\n navy: 'bg-whitish-opacity-16',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\nexport interface PackageCardProps\r\n extends React.HTMLAttributes<HTMLDivElement>,\r\n VariantProps<typeof packageCardVariants> {\r\n className?: string\r\n title: string\r\n oldPrice?: string\r\n price: string\r\n priceDesc?: string\r\n desc?: string\r\n link?: string\r\n onClickBuyButton?: (title: string) => void\r\n buttons?: RateButtonProps[]\r\n tags?: TagItemProps[]\r\n titleInformer?: string\r\n}\r\n\r\nexport interface PackageCardPropsWithoutHTMLAttributes\r\n extends Omit<PackageCardProps, keyof React.HTMLAttributes<HTMLDivElement>> {\r\n className?: string\r\n title: string\r\n}\r\n\r\nconst PackageCard: React.FC<PackageCardProps> = ({\r\n variant,\r\n className,\r\n title,\r\n oldPrice,\r\n price,\r\n priceDesc,\r\n desc,\r\n link,\r\n onClickBuyButton,\r\n buttons,\r\n tags,\r\n titleInformer,\r\n}) => {\r\n return (\r\n <div className={cn(packageCardVariants({ variant, className }))}>\r\n <div>\r\n {tags && (\r\n <div className=\"flex space-x-2 mb-6\">\r\n {tags.map((tag, index) => (\r\n <Tag key={index} variant={tag.color}>\r\n {tag.title}\r\n </Tag>\r\n ))}\r\n </div>\r\n )}\r\n\r\n <div className=\"space-y-12 mb-12\">\r\n <div className=\"space-y-6\">\r\n <div className=\"flex space-x-2 items-center relative\">\r\n {link ? (\r\n <AppLink\r\n href={link}\r\n variant={variant === 'navy' ? 'white' : 'navy'}\r\n >\r\n <Heading level={4} as={'span'}>\r\n {title}\r\n </Heading>\r\n </AppLink>\r\n ) : (\r\n <Heading\r\n level={4}\r\n as={'span'}\r\n className={variant === 'navy' ? 'text-whitish' : 'text-navy'}\r\n >\r\n {title}\r\n </Heading>\r\n )}\r\n {titleInformer && <Informer content={titleInformer} />}\r\n </div>\r\n <Text\r\n variant=\"small-body\"\r\n as=\"div\"\r\n className={cn(descVariants({ variant }), 'content')}\r\n >\r\n {desc && <SafeHtmlRenderer html={desc} />}\r\n </Text>\r\n </div>\r\n\r\n {/* <div className=\"space-y-6\">\r\n <div className={cn(dividerVariants({ variant }))}></div>\r\n <div className=\"space-y-3\">\r\n <div className=\"flex space-x-4 items-baseline\">\r\n {oldPrice && (\r\n <Text\r\n variant=\"caption\"\r\n className=\"text-navy-opacity-40 line-through\"\r\n >\r\n {oldPrice}\r\n </Text>\r\n )}\r\n <Heading level={5} as={\"div\"}>\r\n {price}\r\n </Heading>\r\n </div>\r\n {priceDesc && (\r\n <Text\r\n variant=\"small-body\"\r\n as=\"div\"\r\n className={cn(descVariants({ variant }), \"content\")}\r\n >\r\n <SafeHtmlRenderer html={priceDesc} />\r\n </Text>\r\n )}\r\n </div>\r\n </div> */}\r\n </div>\r\n </div>\r\n\r\n <div>\r\n <div className=\"space-y-6 mb-6\">\r\n <div className={cn(dividerVariants({ variant }))}></div>\r\n <div className=\"space-y-3\">\r\n <div className=\"flex space-x-4 items-baseline\">\r\n {oldPrice && (\r\n <Text\r\n variant=\"caption\"\r\n className=\"text-navy-opacity-40 line-through\"\r\n >\r\n {oldPrice}\r\n </Text>\r\n )}\r\n <Heading level={5} as={'div'}>\r\n {price}\r\n </Heading>\r\n </div>\r\n {priceDesc && (\r\n <Text\r\n variant=\"small-body\"\r\n as=\"div\"\r\n className={cn(descVariants({ variant }), 'content')}\r\n >\r\n <SafeHtmlRenderer html={priceDesc} />\r\n </Text>\r\n )}\r\n </div>\r\n </div>\r\n <div className=\"w-full gap-2 flex\">\r\n {buttons?.map((button, index) => (\r\n <RateButton\r\n key={index}\r\n variant={button.variant}\r\n title={button.title}\r\n link={button.link}\r\n onClick={() => button.isBuyButton && onClickBuyButton?.(title)}\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default PackageCard\r\n"],"names":["packageCardVariants","cva","descVariants","dividerVariants","PackageCard","variant","className","title","oldPrice","price","priceDesc","desc","link","onClickBuyButton","buttons","tags","titleInformer","React","cn","tag","index","Tag","AppLink","Heading","Informer","Text","SafeHtmlRenderer","button","RateButton","PackageCard$1"],"mappings":"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"}
package/package.json CHANGED
@@ -13,7 +13,7 @@
13
13
  "type": "git",
14
14
  "url": "git+https://github.com/wowxoxo/precision-ui.git"
15
15
  },
16
- "version": "0.8.19",
16
+ "version": "0.8.20",
17
17
  "type": "module",
18
18
  "module": "./dist/index.es.js",
19
19
  "types": "./dist/index.d.ts",