@iit/precision-ui 0.8.43 → 0.9.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.
- package/dist/index.es40.js +10 -9
- package/dist/index.es40.js.map +1 -1
- package/dist/index.es41.js +12 -12
- package/dist/index.es41.js.map +1 -1
- package/dist/index.es44.js +3 -3
- package/dist/index.es44.js.map +1 -1
- package/dist/index.es52.js +17 -17
- package/dist/index.es52.js.map +1 -1
- package/dist/sections/Hero.d.ts.map +1 -1
- package/dist/styles.css +26 -3
- package/package.json +1 -1
package/dist/index.es40.js
CHANGED
|
@@ -89,7 +89,7 @@ const W = f("", {
|
|
|
89
89
|
className: i(m)
|
|
90
90
|
},
|
|
91
91
|
a
|
|
92
|
-
),
|
|
92
|
+
), F = (a) => {
|
|
93
93
|
switch (a) {
|
|
94
94
|
case "search-news":
|
|
95
95
|
return /* @__PURE__ */ e.createElement(
|
|
@@ -112,7 +112,7 @@ const W = f("", {
|
|
|
112
112
|
default:
|
|
113
113
|
return null;
|
|
114
114
|
}
|
|
115
|
-
},
|
|
115
|
+
}, R = ({
|
|
116
116
|
title: a,
|
|
117
117
|
contentContainerSize: r,
|
|
118
118
|
contentContainerBottomSize: c,
|
|
@@ -122,8 +122,8 @@ const W = f("", {
|
|
|
122
122
|
image: o,
|
|
123
123
|
buttons: s,
|
|
124
124
|
childrenComponentType: d,
|
|
125
|
-
breadcrumbs:
|
|
126
|
-
bottomButtons:
|
|
125
|
+
breadcrumbs: h,
|
|
126
|
+
bottomButtons: g,
|
|
127
127
|
size: n = "default",
|
|
128
128
|
imageSize: p,
|
|
129
129
|
linesImage: w,
|
|
@@ -159,13 +159,14 @@ const W = f("", {
|
|
|
159
159
|
})
|
|
160
160
|
)
|
|
161
161
|
},
|
|
162
|
-
/* @__PURE__ */ e.createElement("div", { className: "right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block" },
|
|
162
|
+
/* @__PURE__ */ e.createElement("div", { className: "right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block" }, h && /* @__PURE__ */ e.createElement(k, { list: h })),
|
|
163
163
|
/* @__PURE__ */ e.createElement(
|
|
164
164
|
"div",
|
|
165
165
|
{
|
|
166
166
|
className: i(
|
|
167
167
|
"w-auto sm:p-10 pt-10 sm:pt-32 flex flex-col justify-center items-start col-span-7 border-[1px] border-t-0 border-r-0 border-b-0 border-l-0 lg:border-l-[1px] border-whitish-opacity-16 border-solid pb-4",
|
|
168
|
-
_({ size: n })
|
|
168
|
+
_({ size: n }),
|
|
169
|
+
g ? "pb-[60px]" : ""
|
|
169
170
|
)
|
|
170
171
|
},
|
|
171
172
|
/* @__PURE__ */ e.createElement(
|
|
@@ -204,9 +205,9 @@ const W = f("", {
|
|
|
204
205
|
onClick: () => v?.(t.uniqId)
|
|
205
206
|
}
|
|
206
207
|
)))),
|
|
207
|
-
d && /* @__PURE__ */ e.createElement("div", { className: "mt-5" },
|
|
208
|
+
d && /* @__PURE__ */ e.createElement("div", { className: "mt-5" }, F(d))
|
|
208
209
|
)
|
|
209
|
-
),
|
|
210
|
+
), g && /* @__PURE__ */ e.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4 absolute bottom-8 z-30 w-[96%] left-1/2 -translate-x-1/2" }, g.map((t) => /* @__PURE__ */ e.createElement(
|
|
210
211
|
V,
|
|
211
212
|
{
|
|
212
213
|
key: t.text,
|
|
@@ -236,7 +237,7 @@ const W = f("", {
|
|
|
236
237
|
objectFit: "contain"
|
|
237
238
|
}
|
|
238
239
|
))));
|
|
239
|
-
}, Q =
|
|
240
|
+
}, Q = R;
|
|
240
241
|
export {
|
|
241
242
|
V as HeroButton,
|
|
242
243
|
Q as default
|
package/dist/index.es40.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es40.js","sources":["../src/sections/Hero.tsx"],"sourcesContent":["import { BreadcrumbProps, Breadcrumbs } from '@/components/breadcrumbs'\r\n\r\nimport { ButtonPrimary } from '@/components/ui/button'\r\nimport { CommonButtonProps } from './common'\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '@/components/SafeHtml'\r\nimport SearchInputWithButton from '@/components/ui/input/SearchInputWithButton'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { cva } from 'class-variance-authority'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\n// import { SearchInput } from '@/components/ui/input'\r\n\r\nconst contentContainerVariants = cva('', {\r\n variants: {\r\n size: {\r\n default: 'sm:pb-32',\r\n medium: 'sm:pb-[116px]',\r\n large: 'sm:pb-32', // not used, copy from default\r\n smaller: 'sm:pb-16',\r\n small: 'sm:pb-10',\r\n },\r\n },\r\n defaultVariants: {\r\n size: 'default',\r\n },\r\n})\r\n\r\nconst sliderContentVariants = cva('', {\r\n variants: {\r\n size: {\r\n default: 'sm:pb-[80px]',\r\n medium: 'sm:pb-6',\r\n small: 'sm:pb-6',\r\n },\r\n },\r\n defaultVariants: {\r\n size: 'default',\r\n },\r\n})\r\n\r\nconst titleVariants = cva('', {\r\n variants: {\r\n contentContainerSize: {\r\n default: 'mb-5 lg:max-w-[700px]',\r\n medium: 'lg:max-w-[590px]',\r\n large: 'lg:max-w-5xl',\r\n small: 'lg:max-w-[700px]', // not used, copy from default\r\n },\r\n },\r\n defaultVariants: {\r\n contentContainerSize: 'default',\r\n },\r\n})\r\n\r\nconst descVariants = cva('', {\r\n variants: {\r\n contentContainerSize: {\r\n default: 'lg:max-w-[460px]',\r\n medium: 'lg:max-w-[370px]',\r\n large: 'lg:max-w-2xl',\r\n small: 'lg:max-w-[460px]', // not used, copy from default\r\n },\r\n },\r\n defaultVariants: {\r\n contentContainerSize: 'default',\r\n },\r\n})\r\n\r\nexport interface HeroProps {\r\n title: string\r\n desc?: string\r\n price?: string\r\n oldPrice?: string\r\n image?: string\r\n buttons?: CommonButtonProps[]\r\n childrenComponentType?: 'search-news'\r\n breadcrumbs?: BreadcrumbProps[]\r\n bottomButtons?: CommonButtonProps[]\r\n size?: 'default' | 'small' | 'medium'\r\n contentContainerSize?: 'default' | 'medium' | 'small' | 'large'\r\n contentContainerBottomSize?: 'default' | 'small' | 'smaller'\r\n imageSize?: 'default' | 'small' | 'medium'\r\n linesImage?: string\r\n onButtonClick?: (uniqId?: string) => void\r\n}\r\n\r\nexport const HeroButton: React.FC<CommonButtonProps> = ({\r\n text,\r\n href,\r\n target,\r\n anchor,\r\n theme,\r\n className,\r\n linkClassName,\r\n iconDirection,\r\n onClick,\r\n}) => {\r\n if (href) {\r\n return (\r\n <ButtonPrimary\r\n href={href}\r\n theme={theme}\r\n className={cn(className)}\r\n linkClassName={linkClassName}\r\n iconDirection={iconDirection}\r\n target={target}\r\n >\r\n {text}\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n if (anchor) {\r\n // TODO: the whole button is not clickable, but it should be\r\n return (\r\n <ButtonPrimary asChild theme={theme} iconDirection={iconDirection}>\r\n <a href={href}>{text}</a>\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n if (target) {\r\n return (\r\n <ButtonPrimary asChild theme={theme} iconDirection={iconDirection}>\r\n <a href={href} target={target} rel=\"noopener noreferrer\">\r\n {text}\r\n </a>\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n return (\r\n <ButtonPrimary\r\n theme={theme}\r\n iconDirection={iconDirection}\r\n onClick={onClick}\r\n className={cn(className)}\r\n >\r\n {text}\r\n </ButtonPrimary>\r\n )\r\n}\r\n\r\nconst childrenComponent = (componentType: 'search-news') => {\r\n switch (componentType) {\r\n case 'search-news':\r\n return (\r\n <div\r\n data-test-id=\"search-news\"\r\n className=\"w-full h-full flex justify-center items-center\"\r\n >\r\n <SearchInputWithButton\r\n placeholder=\"Фильтр по тарифам\"\r\n onChange={(event) => {\r\n console.log(event.target.value)\r\n }}\r\n className=\"w-[456px]\"\r\n // className=\"h-16 w-72 mt-2 bg-whitish\"\r\n />\r\n </div>\r\n )\r\n\r\n default:\r\n return null\r\n }\r\n}\r\n\r\nconst Hero: React.FC<HeroProps> = ({\r\n title,\r\n contentContainerSize,\r\n contentContainerBottomSize,\r\n desc,\r\n price,\r\n oldPrice,\r\n image,\r\n buttons,\r\n childrenComponentType,\r\n breadcrumbs,\r\n bottomButtons,\r\n size = 'default',\r\n imageSize,\r\n linesImage,\r\n onButtonClick,\r\n}) => {\r\n const imageWidth = (size: 'small' | 'medium' | 'default') => {\r\n switch (size) {\r\n case 'small':\r\n return 448\r\n case 'medium':\r\n return 552\r\n default:\r\n return 664\r\n }\r\n }\r\n const imageHeight = (size: 'small' | 'medium' | 'default') => {\r\n switch (size) {\r\n case 'small':\r\n return 336\r\n case 'medium':\r\n return 456\r\n default:\r\n return 544\r\n }\r\n }\r\n\r\n const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n return (\r\n <section className=\"container relative\">\r\n <div className=\"mx-auto w-full h-[606px]1 bg-gradient-to-b from-navy to-sapphire text-white rounded-2xl px-6 relative overflow-hidden\">\r\n <div\r\n data-test-id=\"content-container\"\r\n className={cn(\r\n 'w-full relative z-20 grid grid-cols-1 sm:grid-cols-9 pb-12',\r\n contentContainerVariants({\r\n size: contentContainerBottomSize || size,\r\n })\r\n )}\r\n >\r\n {/* Navigation */}\r\n <div className=\"right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block\">\r\n {breadcrumbs && <Breadcrumbs list={breadcrumbs} />}\r\n </div>\r\n\r\n {/* Slider Content */}\r\n <div\r\n className={cn(\r\n 'w-auto sm:p-10 pt-10 sm:pt-32 flex flex-col justify-center items-start col-span-7 border-[1px] border-t-0 border-r-0 border-b-0 border-l-0 lg:border-l-[1px] border-whitish-opacity-16 border-solid pb-4',\r\n sliderContentVariants({ size })\r\n )}\r\n >\r\n <Heading\r\n level={1}\r\n as={'h1'}\r\n className={cn('', titleVariants({ contentContainerSize }))}\r\n >\r\n <SafeHtmlRenderer html={title} />\r\n </Heading>\r\n\r\n <div className=\"space-y-8\">\r\n <Text\r\n variant=\"body\"\r\n className={cn(\r\n descVariants({ contentContainerSize }),\r\n 'text-whitish-opacity-60'\r\n )}\r\n >\r\n {desc}\r\n </Text>\r\n\r\n {(price || oldPrice) && (\r\n <div className=\"flex space-x-5 items-baseline\">\r\n {oldPrice && (\r\n <Text\r\n variant=\"lead-text\"\r\n className=\"text-whitish-opacity-32 line-through\"\r\n >\r\n {oldPrice}\r\n </Text>\r\n )}\r\n <Heading level={3} as={'div'}>\r\n {price}\r\n </Heading>\r\n </div>\r\n )}\r\n\r\n {buttons && (\r\n <div className=\"flex gap-4 mt-12 w-full\">\r\n {buttons.map((button) => (\r\n <HeroButton\r\n key={button.text}\r\n className=\"w-fit\"\r\n target={button.target}\r\n {...button}\r\n onClick={() => onButtonClick?.(button.uniqId)}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {childrenComponentType && (\r\n <div className=\"mt-5\">\r\n {childrenComponent(childrenComponentType)}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n\r\n {bottomButtons && (\r\n <div className=\"flex gap-4 absolute bottom-8 z-30 w-[96%] mx-auto\">\r\n {bottomButtons.map((button) => (\r\n <HeroButton\r\n key={button.text}\r\n theme=\"opacity\"\r\n {...button}\r\n className=\"w-full backdrop-blur-[8px]\"\r\n linkClassName=\"w-full\"\r\n onClick={() => onButtonClick?.(button.uniqId)}\r\n target={button.target}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n\r\n {image && (\r\n <div className=\"hidden sm:block absolute bottom-0 right-6 floating\">\r\n <ImageWrapper\r\n src={image}\r\n alt={title}\r\n // width={size === \"default\" ? 664 : 448}\r\n // height={size === \"default\" ? 544 : 336}\r\n width={imageWidth(imageSize || size)}\r\n height={imageHeight(imageSize || size)}\r\n objectFit=\"contain\"\r\n />\r\n </div>\r\n )}\r\n\r\n {linesImage && (\r\n <div className=\"absolute bottom-0 right-6 fadeLines\">\r\n <ImageWrapper\r\n src={linesImage}\r\n alt={title}\r\n // width={size === \"default\" ? 664 : 448}\r\n // height={size === \"default\" ? 544 : 336}\r\n width={imageWidth(imageSize || size)}\r\n height={imageHeight(imageSize || size)}\r\n objectFit=\"contain\"\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </section>\r\n )\r\n}\r\n\r\nexport default Hero\r\n"],"names":["contentContainerVariants","cva","sliderContentVariants","titleVariants","descVariants","HeroButton","text","href","target","anchor","theme","className","linkClassName","iconDirection","onClick","React","ButtonPrimary","cn","childrenComponent","componentType","SearchInputWithButton","event","Hero","title","contentContainerSize","contentContainerBottomSize","desc","price","oldPrice","image","buttons","childrenComponentType","breadcrumbs","bottomButtons","size","imageSize","linesImage","onButtonClick","imageWidth","imageHeight","ImageWrapper","getAdapter","Breadcrumbs","Heading","SafeHtmlRenderer","Text","button","Hero$1"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.es40.js","sources":["../src/sections/Hero.tsx"],"sourcesContent":["import { BreadcrumbProps, Breadcrumbs } from '@/components/breadcrumbs'\r\n\r\nimport { ButtonPrimary } from '@/components/ui/button'\r\nimport { CommonButtonProps } from './common'\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '@/components/SafeHtml'\r\nimport SearchInputWithButton from '@/components/ui/input/SearchInputWithButton'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { cva } from 'class-variance-authority'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\n// import { SearchInput } from '@/components/ui/input'\r\n\r\nconst contentContainerVariants = cva('', {\r\n variants: {\r\n size: {\r\n default: 'sm:pb-32',\r\n medium: 'sm:pb-[116px]',\r\n large: 'sm:pb-32', // not used, copy from default\r\n smaller: 'sm:pb-16',\r\n small: 'sm:pb-10',\r\n },\r\n },\r\n defaultVariants: {\r\n size: 'default',\r\n },\r\n})\r\n\r\nconst sliderContentVariants = cva('', {\r\n variants: {\r\n size: {\r\n default: 'sm:pb-[80px]',\r\n medium: 'sm:pb-6',\r\n small: 'sm:pb-6',\r\n },\r\n },\r\n defaultVariants: {\r\n size: 'default',\r\n },\r\n})\r\n\r\nconst titleVariants = cva('', {\r\n variants: {\r\n contentContainerSize: {\r\n default: 'mb-5 lg:max-w-[700px]',\r\n medium: 'lg:max-w-[590px]',\r\n large: 'lg:max-w-5xl',\r\n small: 'lg:max-w-[700px]', // not used, copy from default\r\n },\r\n },\r\n defaultVariants: {\r\n contentContainerSize: 'default',\r\n },\r\n})\r\n\r\nconst descVariants = cva('', {\r\n variants: {\r\n contentContainerSize: {\r\n default: 'lg:max-w-[460px]',\r\n medium: 'lg:max-w-[370px]',\r\n large: 'lg:max-w-2xl',\r\n small: 'lg:max-w-[460px]', // not used, copy from default\r\n },\r\n },\r\n defaultVariants: {\r\n contentContainerSize: 'default',\r\n },\r\n})\r\n\r\nexport interface HeroProps {\r\n title: string\r\n desc?: string\r\n price?: string\r\n oldPrice?: string\r\n image?: string\r\n buttons?: CommonButtonProps[]\r\n childrenComponentType?: 'search-news'\r\n breadcrumbs?: BreadcrumbProps[]\r\n bottomButtons?: CommonButtonProps[]\r\n size?: 'default' | 'small' | 'medium'\r\n contentContainerSize?: 'default' | 'medium' | 'small' | 'large'\r\n contentContainerBottomSize?: 'default' | 'small' | 'smaller'\r\n imageSize?: 'default' | 'small' | 'medium'\r\n linesImage?: string\r\n onButtonClick?: (uniqId?: string) => void\r\n}\r\n\r\nexport const HeroButton: React.FC<CommonButtonProps> = ({\r\n text,\r\n href,\r\n target,\r\n anchor,\r\n theme,\r\n className,\r\n linkClassName,\r\n iconDirection,\r\n onClick,\r\n}) => {\r\n if (href) {\r\n return (\r\n <ButtonPrimary\r\n href={href}\r\n theme={theme}\r\n className={cn(className)}\r\n linkClassName={linkClassName}\r\n iconDirection={iconDirection}\r\n target={target}\r\n >\r\n {text}\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n if (anchor) {\r\n // TODO: the whole button is not clickable, but it should be\r\n return (\r\n <ButtonPrimary asChild theme={theme} iconDirection={iconDirection}>\r\n <a href={href}>{text}</a>\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n if (target) {\r\n return (\r\n <ButtonPrimary asChild theme={theme} iconDirection={iconDirection}>\r\n <a href={href} target={target} rel=\"noopener noreferrer\">\r\n {text}\r\n </a>\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n return (\r\n <ButtonPrimary\r\n theme={theme}\r\n iconDirection={iconDirection}\r\n onClick={onClick}\r\n className={cn(className)}\r\n >\r\n {text}\r\n </ButtonPrimary>\r\n )\r\n}\r\n\r\nconst childrenComponent = (componentType: 'search-news') => {\r\n switch (componentType) {\r\n case 'search-news':\r\n return (\r\n <div\r\n data-test-id=\"search-news\"\r\n className=\"w-full h-full flex justify-center items-center\"\r\n >\r\n <SearchInputWithButton\r\n placeholder=\"Фильтр по тарифам\"\r\n onChange={(event) => {\r\n console.log(event.target.value)\r\n }}\r\n className=\"w-[456px]\"\r\n // className=\"h-16 w-72 mt-2 bg-whitish\"\r\n />\r\n </div>\r\n )\r\n\r\n default:\r\n return null\r\n }\r\n}\r\n\r\nconst Hero: React.FC<HeroProps> = ({\r\n title,\r\n contentContainerSize,\r\n contentContainerBottomSize,\r\n desc,\r\n price,\r\n oldPrice,\r\n image,\r\n buttons,\r\n childrenComponentType,\r\n breadcrumbs,\r\n bottomButtons,\r\n size = 'default',\r\n imageSize,\r\n linesImage,\r\n onButtonClick,\r\n}) => {\r\n const imageWidth = (size: 'small' | 'medium' | 'default') => {\r\n switch (size) {\r\n case 'small':\r\n return 448\r\n case 'medium':\r\n return 552\r\n default:\r\n return 664\r\n }\r\n }\r\n const imageHeight = (size: 'small' | 'medium' | 'default') => {\r\n switch (size) {\r\n case 'small':\r\n return 336\r\n case 'medium':\r\n return 456\r\n default:\r\n return 544\r\n }\r\n }\r\n\r\n const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n return (\r\n <section className=\"container relative\">\r\n <div className=\"mx-auto w-full h-[606px]1 bg-gradient-to-b from-navy to-sapphire text-white rounded-2xl px-6 relative overflow-hidden\">\r\n <div\r\n data-test-id=\"content-container\"\r\n className={cn(\r\n 'w-full relative z-20 grid grid-cols-1 sm:grid-cols-9 pb-12',\r\n contentContainerVariants({\r\n size: contentContainerBottomSize || size,\r\n })\r\n )}\r\n >\r\n {/* Navigation */}\r\n <div className=\"right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block\">\r\n {breadcrumbs && <Breadcrumbs list={breadcrumbs} />}\r\n </div>\r\n\r\n {/* Slider Content */}\r\n <div\r\n className={cn(\r\n 'w-auto sm:p-10 pt-10 sm:pt-32 flex flex-col justify-center items-start col-span-7 border-[1px] border-t-0 border-r-0 border-b-0 border-l-0 lg:border-l-[1px] border-whitish-opacity-16 border-solid pb-4',\r\n sliderContentVariants({ size }),\r\n bottomButtons ? 'pb-[60px]' : ''\r\n )}\r\n >\r\n <Heading\r\n level={1}\r\n as={'h1'}\r\n className={cn('', titleVariants({ contentContainerSize }))}\r\n >\r\n <SafeHtmlRenderer html={title} />\r\n </Heading>\r\n\r\n <div className=\"space-y-8\">\r\n <Text\r\n variant=\"body\"\r\n className={cn(\r\n descVariants({ contentContainerSize }),\r\n 'text-whitish-opacity-60'\r\n )}\r\n >\r\n {desc}\r\n </Text>\r\n\r\n {(price || oldPrice) && (\r\n <div className=\"flex space-x-5 items-baseline\">\r\n {oldPrice && (\r\n <Text\r\n variant=\"lead-text\"\r\n className=\"text-whitish-opacity-32 line-through\"\r\n >\r\n {oldPrice}\r\n </Text>\r\n )}\r\n <Heading level={3} as={'div'}>\r\n {price}\r\n </Heading>\r\n </div>\r\n )}\r\n\r\n {buttons && (\r\n <div className=\"flex gap-4 mt-12 w-full\">\r\n {buttons.map((button) => (\r\n <HeroButton\r\n key={button.text}\r\n className=\"w-fit\"\r\n target={button.target}\r\n {...button}\r\n onClick={() => onButtonClick?.(button.uniqId)}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {childrenComponentType && (\r\n <div className=\"mt-5\">\r\n {childrenComponent(childrenComponentType)}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n\r\n {bottomButtons && (\r\n <div className=\"grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4 absolute bottom-8 z-30 w-[96%] left-1/2 -translate-x-1/2\">\r\n {bottomButtons.map((button) => (\r\n <HeroButton\r\n key={button.text}\r\n theme=\"opacity\"\r\n {...button}\r\n className=\"w-full backdrop-blur-[8px]\"\r\n linkClassName=\"w-full\"\r\n onClick={() => onButtonClick?.(button.uniqId)}\r\n target={button.target}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n\r\n {image && (\r\n <div className=\"hidden sm:block absolute bottom-0 right-6 floating\">\r\n <ImageWrapper\r\n src={image}\r\n alt={title}\r\n // width={size === \"default\" ? 664 : 448}\r\n // height={size === \"default\" ? 544 : 336}\r\n width={imageWidth(imageSize || size)}\r\n height={imageHeight(imageSize || size)}\r\n objectFit=\"contain\"\r\n />\r\n </div>\r\n )}\r\n\r\n {linesImage && (\r\n <div className=\"absolute bottom-0 right-6 fadeLines\">\r\n <ImageWrapper\r\n src={linesImage}\r\n alt={title}\r\n // width={size === \"default\" ? 664 : 448}\r\n // height={size === \"default\" ? 544 : 336}\r\n width={imageWidth(imageSize || size)}\r\n height={imageHeight(imageSize || size)}\r\n objectFit=\"contain\"\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </section>\r\n )\r\n}\r\n\r\nexport default Hero\r\n"],"names":["contentContainerVariants","cva","sliderContentVariants","titleVariants","descVariants","HeroButton","text","href","target","anchor","theme","className","linkClassName","iconDirection","onClick","React","ButtonPrimary","cn","childrenComponent","componentType","SearchInputWithButton","event","Hero","title","contentContainerSize","contentContainerBottomSize","desc","price","oldPrice","image","buttons","childrenComponentType","breadcrumbs","bottomButtons","size","imageSize","linesImage","onButtonClick","imageWidth","imageHeight","ImageWrapper","getAdapter","Breadcrumbs","Heading","SafeHtmlRenderer","Text","button","Hero$1"],"mappings":"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"}
|
package/dist/index.es41.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import c from "./index.es42.js";
|
|
2
2
|
import p from "./index.es46.js";
|
|
3
3
|
import e from "react";
|
|
4
4
|
import r from "./index.es47.js";
|
|
@@ -26,30 +26,30 @@ const g = [
|
|
|
26
26
|
withoutTopPadding: s,
|
|
27
27
|
withoutBottomPadding: n,
|
|
28
28
|
withTopMargin: l,
|
|
29
|
-
withBottomMargin:
|
|
29
|
+
withBottomMargin: m
|
|
30
30
|
}) => {
|
|
31
|
-
const
|
|
31
|
+
const o = d("ImageWrapper");
|
|
32
32
|
return /* @__PURE__ */ e.createElement(
|
|
33
|
-
|
|
33
|
+
c,
|
|
34
34
|
{
|
|
35
35
|
title: "",
|
|
36
36
|
variant: a,
|
|
37
37
|
withoutTopPadding: s,
|
|
38
38
|
withoutBottomPadding: n,
|
|
39
39
|
withTopMargin: l,
|
|
40
|
-
withBottomMargin:
|
|
40
|
+
withBottomMargin: m
|
|
41
41
|
},
|
|
42
|
-
/* @__PURE__ */ e.createElement("div", { className: "grid grid-cols-
|
|
42
|
+
/* @__PURE__ */ e.createElement("div", { className: "grid 2xs:grid-cols-2 2xs:auto-rows-[222px] sm:grid-cols-3 lg:grid-cols-6 gap-3 mt-4" }, /* @__PURE__ */ e.createElement("div", { className: "p-6 bg-whitish rounded-lg 2xs:col-span-2 sm:col-span-3 row-start-1 row-end-3 flex flex-col justify-between" }, /* @__PURE__ */ e.createElement(p, { level: 2 }, "Более 50 000", " ", /* @__PURE__ */ e.createElement("span", { className: "text-navy-opacity-40" }, "компаний работают с нами")), /* @__PURE__ */ e.createElement(r, { variant: "body", className: "w-[87.5%]" }, "Среди наших клиентов — крупнейшие холдинги, государственные учреждения, финансовые и производственные компании, а также более 50 000 представителей малого и среднего бизнеса.")), g.map((t, i) => /* @__PURE__ */ e.createElement(
|
|
43
43
|
"div",
|
|
44
44
|
{
|
|
45
|
-
key:
|
|
46
|
-
className: "rounded-lg border border-solid border-navy-opacity-16 flex align-middle justify-center items-center"
|
|
45
|
+
key: i,
|
|
46
|
+
className: "rounded-lg border border-solid border-navy-opacity-16 flex align-middle justify-center items-center min-h-[120px] 2xs:min-h-0"
|
|
47
47
|
},
|
|
48
|
-
/* @__PURE__ */ e.createElement(
|
|
49
|
-
)), /* @__PURE__ */ e.createElement("div", { className: "bg-whitish rounded-lg flex items-center justify-center" }, /* @__PURE__ */ e.createElement(r, { variant: "body", className: "text-navy-opacity-40 py-6 sm:py-0" }, "50 000+")))
|
|
48
|
+
/* @__PURE__ */ e.createElement(o, { src: t, width: 160, height: 64, alt: t })
|
|
49
|
+
)), /* @__PURE__ */ e.createElement("div", { className: "bg-whitish rounded-lg flex items-center justify-center min-h-[120px] 2xs:min-h-0" }, /* @__PURE__ */ e.createElement(r, { variant: "body", className: "text-navy-opacity-40 py-6 sm:py-0" }, "50 000+")))
|
|
50
50
|
);
|
|
51
|
-
},
|
|
51
|
+
}, u = v;
|
|
52
52
|
export {
|
|
53
|
-
|
|
53
|
+
u as default
|
|
54
54
|
};
|
|
55
55
|
//# sourceMappingURL=index.es41.js.map
|
package/dist/index.es41.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es41.js","sources":["../src/sections/Partners.tsx"],"sourcesContent":["import Section, { SectionProps } from './Section'\r\n\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nconst partners = [\r\n '/partners/rostelekom.svg',\r\n '/partners/mts.svg',\r\n '/partners/uralsib.svg',\r\n '/partners/sberbank.svg',\r\n '/partners/rosbank.svg',\r\n '/partners/pochtabank.svg',\r\n '/partners/vtb.svg',\r\n '/partners/alfa.svg',\r\n '/partners/otkrytie.svg',\r\n // \"МТС\",\r\n // \"Уралсиб\",\r\n // \"Сбербанк\",\r\n // \"Росбанк\",\r\n // \"Почта Банк\",\r\n // \"ВТБ\",\r\n // \"РосБанк\",\r\n // \"Открытие\",\r\n]\r\n\r\nexport interface PartnersProps {\r\n variant?: SectionProps['variant']\r\n withoutTopPadding?: boolean\r\n withoutBottomPadding?: boolean\r\n withTopMargin?: boolean\r\n withBottomMargin?: boolean\r\n}\r\n\r\nconst Partners: React.FC<PartnersProps> = ({\r\n variant,\r\n withoutTopPadding,\r\n withoutBottomPadding,\r\n withTopMargin,\r\n withBottomMargin,\r\n}) => {\r\n const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n return (\r\n <Section\r\n title=\"\"\r\n variant={variant}\r\n withoutTopPadding={withoutTopPadding}\r\n withoutBottomPadding={withoutBottomPadding}\r\n withTopMargin={withTopMargin}\r\n withBottomMargin={withBottomMargin}\r\n >\r\n <div className=\"grid grid-cols-
|
|
1
|
+
{"version":3,"file":"index.es41.js","sources":["../src/sections/Partners.tsx"],"sourcesContent":["import Section, { SectionProps } from './Section'\r\n\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nconst partners = [\r\n '/partners/rostelekom.svg',\r\n '/partners/mts.svg',\r\n '/partners/uralsib.svg',\r\n '/partners/sberbank.svg',\r\n '/partners/rosbank.svg',\r\n '/partners/pochtabank.svg',\r\n '/partners/vtb.svg',\r\n '/partners/alfa.svg',\r\n '/partners/otkrytie.svg',\r\n // \"МТС\",\r\n // \"Уралсиб\",\r\n // \"Сбербанк\",\r\n // \"Росбанк\",\r\n // \"Почта Банк\",\r\n // \"ВТБ\",\r\n // \"РосБанк\",\r\n // \"Открытие\",\r\n]\r\n\r\nexport interface PartnersProps {\r\n variant?: SectionProps['variant']\r\n withoutTopPadding?: boolean\r\n withoutBottomPadding?: boolean\r\n withTopMargin?: boolean\r\n withBottomMargin?: boolean\r\n}\r\n\r\nconst Partners: React.FC<PartnersProps> = ({\r\n variant,\r\n withoutTopPadding,\r\n withoutBottomPadding,\r\n withTopMargin,\r\n withBottomMargin,\r\n}) => {\r\n const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n return (\r\n <Section\r\n title=\"\"\r\n variant={variant}\r\n withoutTopPadding={withoutTopPadding}\r\n withoutBottomPadding={withoutBottomPadding}\r\n withTopMargin={withTopMargin}\r\n withBottomMargin={withBottomMargin}\r\n >\r\n <div className=\"grid 2xs:grid-cols-2 2xs:auto-rows-[222px] sm:grid-cols-3 lg:grid-cols-6 gap-3 mt-4\">\r\n <div className=\"p-6 bg-whitish rounded-lg 2xs:col-span-2 sm:col-span-3 row-start-1 row-end-3 flex flex-col justify-between\">\r\n <Heading level={2}>\r\n Более 50 000{' '}\r\n <span className=\"text-navy-opacity-40\">\r\n компаний работают с нами\r\n </span>\r\n </Heading>\r\n\r\n <Text variant=\"body\" className=\"w-[87.5%]\">\r\n Среди наших клиентов — крупнейшие холдинги, государственные\r\n учреждения, финансовые и производственные компании, а также\r\n более 50 000 представителей малого и среднего бизнеса.\r\n </Text>\r\n </div>\r\n {partners.map((partner, index) => (\r\n <div\r\n key={index}\r\n className=\"rounded-lg border border-solid border-navy-opacity-16 flex align-middle justify-center items-center min-h-[120px] 2xs:min-h-0\"\r\n >\r\n <ImageWrapper src={partner} width={160} height={64} alt={partner} />\r\n </div>\r\n ))}\r\n <div className=\"bg-whitish rounded-lg flex items-center justify-center min-h-[120px] 2xs:min-h-0\">\r\n <Text variant=\"body\" className=\"text-navy-opacity-40 py-6 sm:py-0\">\r\n 50 000+\r\n </Text>\r\n </div>\r\n </div>\r\n </Section>\r\n )\r\n}\r\n\r\nexport default Partners\r\n"],"names":["partners","Partners","variant","withoutTopPadding","withoutBottomPadding","withTopMargin","withBottomMargin","ImageWrapper","getAdapter","React","Section","Heading","Text","partner","index","Partners$1"],"mappings":";;;;;AAOA,MAAMA,IAAW;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASF,GAUMC,IAAoC,CAAC;AAAA,EACzC,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACE,QAAAC,IAAeC,EAAW,cAAc;AAG5C,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAAR;AAAA,MACA,mBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA;AAAA,IAECG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,sFAAA,mCACZ,OAAI,EAAA,WAAU,gHACbA,gBAAAA,EAAA,cAACE,KAAQ,OAAO,KAAG,gBACJ,qCACZ,QAAK,EAAA,WAAU,uBAAuB,GAAA,0BAEvC,CACF,GAECF,gBAAAA,EAAA,cAAAG,GAAA,EAAK,SAAQ,QAAO,WAAU,YAAY,GAAA,gLAI3C,CACF,GACCZ,EAAS,IAAI,CAACa,GAASC,MACtBL,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKK;AAAA,QACL,WAAU;AAAA,MAAA;AAAA,MAEVL,gBAAAA,EAAA,cAACF,KAAa,KAAKM,GAAS,OAAO,KAAK,QAAQ,IAAI,KAAKA,EAAS,CAAA;AAAA,IAAA,CAErE,GACAJ,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,mFACb,GAAAA,gBAAAA,EAAA,cAACG,GAAK,EAAA,SAAQ,QAAO,WAAU,oCAAoC,GAAA,SAEnE,CACF,CACF;AAAA,EAAA;AAGN,GAEAG,IAAed;"}
|
package/dist/index.es44.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Carousel as b, CarouselContent as C, CarouselItem as f } from "./index.es60.js";
|
|
2
2
|
import e from "react";
|
|
3
|
-
import { cn as
|
|
3
|
+
import { cn as g } from "./index.es55.js";
|
|
4
4
|
const w = ({
|
|
5
5
|
items: r,
|
|
6
6
|
renderItem: t,
|
|
@@ -30,12 +30,12 @@ const w = ({
|
|
|
30
30
|
opts: {
|
|
31
31
|
align: "start"
|
|
32
32
|
},
|
|
33
|
-
className:
|
|
33
|
+
className: g("my-carousel w-full -mt-3", o),
|
|
34
34
|
hideControlsOnDesktop: m,
|
|
35
35
|
variant: u,
|
|
36
36
|
controlsAlign: n
|
|
37
37
|
},
|
|
38
|
-
/* @__PURE__ */ e.createElement(C, { className: "
|
|
38
|
+
/* @__PURE__ */ e.createElement(C, { className: "lg:-ml-4 pt-3" }, r.map((s, a) => /* @__PURE__ */ e.createElement(
|
|
39
39
|
f,
|
|
40
40
|
{
|
|
41
41
|
key: a,
|
package/dist/index.es44.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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 itemClassName,\r\n variant,\r\n controlsAlign,\r\n lastCustomNode,\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 itemClassName?: string\r\n variant?: 'default' | 'white'\r\n controlsAlign?: 'left' | 'center'\r\n lastCustomNode?: React.ReactNode\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=\"
|
|
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 itemClassName,\r\n variant,\r\n controlsAlign,\r\n lastCustomNode,\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 itemClassName?: string\r\n variant?: 'default' | 'white'\r\n controlsAlign?: 'left' | 'center'\r\n lastCustomNode?: React.ReactNode\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=\"lg:-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 )} ${itemClassName}`}\r\n >\r\n {renderItem(item, index)}\r\n </CarouselItem>\r\n ))}\r\n {lastCustomNode}\r\n </CarouselContent>\r\n </Carousel>\r\n )\r\n}\r\n"],"names":["CarouselWrapper","items","renderItem","columns","hideControlsOnDesktop","className","itemClassName","variant","controlsAlign","lastCustomNode","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,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AACF,MAUM;AACE,QAAAC,IAAyB,CAACC,MAAkB;AAChD,YAAQA,KAAQR,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,SAAAS,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,MACA,WAAWC,EAAG,4BAA4BT,CAAS;AAAA,MACnD,uBAAAD;AAAA,MACA,SAAAG;AAAA,MACA,eAAAC;AAAA,IAAA;AAAA,IAEAI,gBAAAA,EAAA,cAACG,KAAgB,WAAU,gBAAA,GACxBd,EAAM,IAAI,CAACe,GAAMC,MAChBL,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,KAAKD;AAAA,QACL,WAAW,QAAQP;AAAA,UAChBM,EAA2B;AAAA;AAAA,QAAA,CAC7B,IAAIV,CAAa;AAAA,MAAA;AAAA,MAEjBJ,EAAWc,GAAMC,CAAK;AAAA,IAE1B,CAAA,GACAR,CACH;AAAA,EAAA;AAGN;"}
|
package/dist/index.es52.js
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
import * as t from "react";
|
|
2
2
|
import * as e from "@radix-ui/react-tabs";
|
|
3
|
-
import { cn as
|
|
4
|
-
const
|
|
3
|
+
import { cn as s } from "./index.es55.js";
|
|
4
|
+
const d = e.Root, r = t.forwardRef(({ className: i, ...a }, n) => /* @__PURE__ */ t.createElement(
|
|
5
5
|
e.List,
|
|
6
6
|
{
|
|
7
|
-
ref:
|
|
8
|
-
className:
|
|
9
|
-
"inline-flex h1-10 items-center justify-center rounded-lg p-1 text-muted-foreground border border-navy-opacity-16 typo_variant_button",
|
|
7
|
+
ref: n,
|
|
8
|
+
className: s(
|
|
9
|
+
"inline-flex h1-10 items-center justify-center rounded-lg lg:p-1 text-muted-foreground border border-navy-opacity-16 typo_variant_button",
|
|
10
10
|
i
|
|
11
11
|
),
|
|
12
12
|
...a
|
|
13
13
|
}
|
|
14
14
|
));
|
|
15
|
-
|
|
16
|
-
const
|
|
15
|
+
r.displayName = e.List.displayName;
|
|
16
|
+
const o = t.forwardRef(({ className: i, ...a }, n) => /* @__PURE__ */ t.createElement(
|
|
17
17
|
e.Trigger,
|
|
18
18
|
{
|
|
19
|
-
ref:
|
|
20
|
-
className:
|
|
21
|
-
"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-[45px] py-[15px] xl:min-w-[224px] typo_variant_button text-navy ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-navy data-[state=active]:shadow-sm",
|
|
19
|
+
ref: n,
|
|
20
|
+
className: s(
|
|
21
|
+
"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-[45px] py-[15px] xl:min-w-[224px] typo_variant_button text-navy ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-navy data-[state=active]:shadow-sm border border-navy-opacity-16 lg:border-transparent",
|
|
22
22
|
i
|
|
23
23
|
),
|
|
24
24
|
...a
|
|
25
25
|
}
|
|
26
26
|
));
|
|
27
|
-
|
|
28
|
-
const c = t.forwardRef(({ className: i, ...a },
|
|
27
|
+
o.displayName = e.Trigger.displayName;
|
|
28
|
+
const c = t.forwardRef(({ className: i, ...a }, n) => /* @__PURE__ */ t.createElement(
|
|
29
29
|
e.Content,
|
|
30
30
|
{
|
|
31
|
-
ref:
|
|
32
|
-
className:
|
|
31
|
+
ref: n,
|
|
32
|
+
className: s(
|
|
33
33
|
"mt-7 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
|
|
34
34
|
i
|
|
35
35
|
),
|
|
@@ -38,9 +38,9 @@ const c = t.forwardRef(({ className: i, ...a }, s) => /* @__PURE__ */ t.createEl
|
|
|
38
38
|
));
|
|
39
39
|
c.displayName = e.Content.displayName;
|
|
40
40
|
export {
|
|
41
|
-
|
|
41
|
+
d as Tabs,
|
|
42
42
|
c as TabsContent,
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
r as TabsList,
|
|
44
|
+
o as TabsTrigger
|
|
45
45
|
};
|
|
46
46
|
//# sourceMappingURL=index.es52.js.map
|
package/dist/index.es52.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es52.js","sources":["../src/components/ui/tabs.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\r\n\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst Tabs = TabsPrimitive.Root\r\n\r\nconst TabsList = React.forwardRef<\r\n React.ElementRef<typeof TabsPrimitive.List>,\r\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\r\n>(({ className, ...props }, ref) => (\r\n <TabsPrimitive.List\r\n ref={ref}\r\n className={cn(\r\n 'inline-flex h1-10 items-center justify-center rounded-lg p-1 text-muted-foreground border border-navy-opacity-16 typo_variant_button',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nTabsList.displayName = TabsPrimitive.List.displayName\r\n\r\nconst TabsTrigger = React.forwardRef<\r\n React.ElementRef<typeof TabsPrimitive.Trigger>,\r\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\r\n>(({ className, ...props }, ref) => (\r\n <TabsPrimitive.Trigger\r\n ref={ref}\r\n className={cn(\r\n 'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-[45px] py-[15px] xl:min-w-[224px] typo_variant_button text-navy ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-navy data-[state=active]:shadow-sm',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\r\n\r\nconst TabsContent = React.forwardRef<\r\n React.ElementRef<typeof TabsPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\r\n>(({ className, ...props }, ref) => (\r\n <TabsPrimitive.Content\r\n ref={ref}\r\n className={cn(\r\n 'mt-7 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nTabsContent.displayName = TabsPrimitive.Content.displayName\r\n\r\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\r\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","cn","TabsTrigger","TabsContent"],"mappings":";;;AAKA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAEpC,MAAAO,IAAcL,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAY,cAAcP,EAAc,QAAQ;AAE1C,MAAAQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;"}
|
|
1
|
+
{"version":3,"file":"index.es52.js","sources":["../src/components/ui/tabs.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\r\n\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst Tabs = TabsPrimitive.Root\r\n\r\nconst TabsList = React.forwardRef<\r\n React.ElementRef<typeof TabsPrimitive.List>,\r\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\r\n>(({ className, ...props }, ref) => (\r\n <TabsPrimitive.List\r\n ref={ref}\r\n className={cn(\r\n 'inline-flex h1-10 items-center justify-center rounded-lg lg:p-1 text-muted-foreground border border-navy-opacity-16 typo_variant_button',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nTabsList.displayName = TabsPrimitive.List.displayName\r\n\r\nconst TabsTrigger = React.forwardRef<\r\n React.ElementRef<typeof TabsPrimitive.Trigger>,\r\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\r\n>(({ className, ...props }, ref) => (\r\n <TabsPrimitive.Trigger\r\n ref={ref}\r\n className={cn(\r\n 'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-[45px] py-[15px] xl:min-w-[224px] typo_variant_button text-navy ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-navy data-[state=active]:shadow-sm border border-navy-opacity-16 lg:border-transparent',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\r\n\r\nconst TabsContent = React.forwardRef<\r\n React.ElementRef<typeof TabsPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\r\n>(({ className, ...props }, ref) => (\r\n <TabsPrimitive.Content\r\n ref={ref}\r\n className={cn(\r\n 'mt-7 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nTabsContent.displayName = TabsPrimitive.Content.displayName\r\n\r\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\r\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","cn","TabsTrigger","TabsContent"],"mappings":";;;AAKA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAEpC,MAAAO,IAAcL,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAY,cAAcP,EAAc,QAAQ;AAE1C,MAAAQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/sections/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAe,MAAM,0BAA0B,CAAA;AAGvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAkEzB,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC7B,qBAAqB,CAAC,EAAE,aAAa,CAAA;IACrC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IAC/B,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IACrC,oBAAoB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAA;IAC/D,0BAA0B,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;IAC5D,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuDlD,CAAA;AA0BD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/sections/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAe,MAAM,0BAA0B,CAAA;AAGvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAkEzB,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC7B,qBAAqB,CAAC,EAAE,aAAa,CAAA;IACrC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IAC/B,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IACrC,oBAAoB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAA;IAC/D,0BAA0B,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;IAC5D,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuDlD,CAAA;AA0BD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAyK7B,CAAA;AAED,eAAe,IAAI,CAAA"}
|
package/dist/styles.css
CHANGED
|
@@ -1388,6 +1388,9 @@ body{
|
|
|
1388
1388
|
.pb-\[4px\]{
|
|
1389
1389
|
padding-bottom: 4px;
|
|
1390
1390
|
}
|
|
1391
|
+
.pb-\[60px\]{
|
|
1392
|
+
padding-bottom: 60px;
|
|
1393
|
+
}
|
|
1391
1394
|
.pl-10{
|
|
1392
1395
|
padding-left: 2.5rem;
|
|
1393
1396
|
}
|
|
@@ -3134,6 +3137,20 @@ html {
|
|
|
3134
3137
|
.dark\:border-destructive:is([data-mode="dark"] *){
|
|
3135
3138
|
border-color: hsl(var(--precision-ui-tw-destructive));
|
|
3136
3139
|
}
|
|
3140
|
+
@media (min-width: 500px){
|
|
3141
|
+
.\32xs\:col-span-2{
|
|
3142
|
+
grid-column: span 2 / span 2;
|
|
3143
|
+
}
|
|
3144
|
+
.\32xs\:min-h-0{
|
|
3145
|
+
min-height: 0px;
|
|
3146
|
+
}
|
|
3147
|
+
.\32xs\:auto-rows-\[222px\]{
|
|
3148
|
+
grid-auto-rows: 222px;
|
|
3149
|
+
}
|
|
3150
|
+
.\32xs\:grid-cols-2{
|
|
3151
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
3152
|
+
}
|
|
3153
|
+
}
|
|
3137
3154
|
@media (min-width: 640px){
|
|
3138
3155
|
.sm\:col-span-1{
|
|
3139
3156
|
grid-column: span 1 / span 1;
|
|
@@ -3165,9 +3182,6 @@ html {
|
|
|
3165
3182
|
.sm\:max-w-xs{
|
|
3166
3183
|
max-width: 20rem;
|
|
3167
3184
|
}
|
|
3168
|
-
.sm\:auto-rows-\[222px\]{
|
|
3169
|
-
grid-auto-rows: 222px;
|
|
3170
|
-
}
|
|
3171
3185
|
.sm\:grid-cols-2{
|
|
3172
3186
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
3173
3187
|
}
|
|
@@ -3244,6 +3258,9 @@ html {
|
|
|
3244
3258
|
.lg\:col-span-3{
|
|
3245
3259
|
grid-column: span 3 / span 3;
|
|
3246
3260
|
}
|
|
3261
|
+
.lg\:-ml-4{
|
|
3262
|
+
margin-left: -1rem;
|
|
3263
|
+
}
|
|
3247
3264
|
.lg\:block{
|
|
3248
3265
|
display: block;
|
|
3249
3266
|
}
|
|
@@ -3292,6 +3309,12 @@ html {
|
|
|
3292
3309
|
.lg\:border-l-\[1px\]{
|
|
3293
3310
|
border-left-width: 1px;
|
|
3294
3311
|
}
|
|
3312
|
+
.lg\:border-transparent{
|
|
3313
|
+
border-color: transparent;
|
|
3314
|
+
}
|
|
3315
|
+
.lg\:p-1{
|
|
3316
|
+
padding: 0.25rem;
|
|
3317
|
+
}
|
|
3295
3318
|
.lg\:pr-8{
|
|
3296
3319
|
padding-right: 2rem;
|
|
3297
3320
|
}
|