@iit/precision-ui 0.8.0 → 0.8.2
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/hooks/useFetch.d.ts +2 -0
- package/dist/hooks/useFetch.d.ts.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +8 -6
- package/dist/index.es.js.map +1 -1
- package/dist/index.es10.js +1 -1
- package/dist/index.es11.js +1 -1
- package/dist/index.es14.js +1 -1
- package/dist/index.es15.js +1 -1
- package/dist/index.es17.js +1 -1
- package/dist/index.es18.js +2 -2
- package/dist/index.es2.js +1 -1
- package/dist/index.es20.js +1 -1
- package/dist/index.es21.js +1 -1
- package/dist/index.es22.js +1 -1
- package/dist/index.es24.js +1 -1
- package/dist/index.es25.js +1 -1
- package/dist/index.es26.js +1 -1
- package/dist/index.es29.js +1 -1
- package/dist/index.es3.js +2 -2
- package/dist/index.es30.js +1 -1
- package/dist/index.es31.js +1 -1
- package/dist/index.es32.js +1 -1
- package/dist/index.es33.js +1 -1
- package/dist/index.es34.js +1 -1
- package/dist/index.es36.js +1 -1
- package/dist/index.es4.js +1 -1
- package/dist/index.es40.js +92 -74
- package/dist/index.es40.js.map +1 -1
- package/dist/index.es42.js +1 -1
- package/dist/index.es44.js +2 -2
- package/dist/index.es45.js +7 -7
- package/dist/index.es45.js.map +1 -1
- package/dist/index.es46.js +1 -1
- package/dist/index.es47.js +1 -1
- package/dist/index.es48.js +1 -1
- package/dist/index.es49.js +1 -1
- package/dist/index.es5.js +1 -1
- package/dist/index.es50.js +5 -5
- package/dist/index.es50.js.map +1 -1
- package/dist/index.es51.js +1 -1
- package/dist/index.es52.js +1 -1
- package/dist/index.es53.js +18 -11
- package/dist/index.es53.js.map +1 -1
- package/dist/index.es54.js +11 -6
- package/dist/index.es54.js.map +1 -1
- package/dist/index.es55.js +6 -22
- package/dist/index.es55.js.map +1 -1
- package/dist/index.es56.js +21 -19
- package/dist/index.es56.js.map +1 -1
- package/dist/index.es57.js +17 -17
- package/dist/index.es57.js.map +1 -1
- package/dist/index.es58.js +20 -4
- package/dist/index.es58.js.map +1 -1
- package/dist/index.es59.js +3 -249
- package/dist/index.es59.js.map +1 -1
- package/dist/index.es6.js +1 -1
- package/dist/index.es60.js +246 -82
- package/dist/index.es60.js.map +1 -1
- package/dist/index.es61.js +85 -26
- package/dist/index.es61.js.map +1 -1
- package/dist/index.es62.js +27 -16
- package/dist/index.es62.js.map +1 -1
- package/dist/index.es63.js +19 -0
- package/dist/index.es63.js.map +1 -0
- package/dist/index.es7.js +1 -1
- package/dist/index.es8.js +1 -1
- package/dist/sections/Hero.d.ts +1 -0
- package/dist/sections/Hero.d.ts.map +1 -1
- package/dist/sections/common.d.ts +2 -0
- package/dist/sections/common.d.ts.map +1 -1
- package/dist/styles.css +12 -12
- package/package.json +1 -1
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 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-[76px]',\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: \"\",\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: \"\",\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' | 'large'\r\n imageSize?: 'default' | 'small' | 'medium'\r\n linesImage?: string\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}) => {\r\n if (href) {\r\n return (\r\n <ButtonPrimary\r\n href={href}\r\n theme={theme}\r\n className={className}\r\n linkClassName={linkClassName}\r\n iconDirection={iconDirection}\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 theme={theme} iconDirection={iconDirection}>\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 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}) => {\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({ size })\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-10\">\r\n <Text\r\n variant=\"body\"\r\n className={cn(\r\n descVariants({ contentContainerSize }),\r\n 'text-whitish-opacity-60 mt-5'\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 key={button.text} {...button} />\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 />\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","React","ButtonPrimary","childrenComponent","componentType","SearchInputWithButton","event","Hero","title","contentContainerSize","desc","price","oldPrice","image","buttons","childrenComponentType","breadcrumbs","bottomButtons","size","imageSize","linesImage","imageWidth","imageHeight","ImageWrapper","getAdapter","cn","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 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-[76px]',\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: \"\",\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: \"\",\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' | 'large'\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={className}\r\n linkClassName={linkClassName}\r\n iconDirection={iconDirection}\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 >\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 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({ size })\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-10\">\r\n <Text\r\n variant=\"body\"\r\n className={cn(\r\n descVariants({ contentContainerSize }),\r\n 'text-whitish-opacity-60 mt-5'\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 {...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 />\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","childrenComponent","componentType","SearchInputWithButton","event","Hero","title","contentContainerSize","desc","price","oldPrice","image","buttons","childrenComponentType","breadcrumbs","bottomButtons","size","imageSize","linesImage","onButtonClick","imageWidth","imageHeight","ImageWrapper","getAdapter","cn","Breadcrumbs","Heading","SafeHtmlRenderer","Text","button","Hero$1"],"mappings":"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"}
|
package/dist/index.es42.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import e from "react";
|
|
2
2
|
import { cva as y } from "class-variance-authority";
|
|
3
|
-
import { cn as v } from "./index.
|
|
3
|
+
import { cn as v } from "./index.es55.js";
|
|
4
4
|
import E from "./index.es46.js";
|
|
5
5
|
import N from "./index.es47.js";
|
|
6
6
|
import b from "./index.es4.js";
|
package/dist/index.es44.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Carousel as i, CarouselContent as p, CarouselItem as b } from "./index.
|
|
1
|
+
import { Carousel as i, CarouselContent as p, CarouselItem as b } from "./index.es60.js";
|
|
2
2
|
import e from "react";
|
|
3
|
-
import { cn as C } from "./index.
|
|
3
|
+
import { cn as C } from "./index.es55.js";
|
|
4
4
|
const E = ({
|
|
5
5
|
items: r,
|
|
6
6
|
renderItem: t,
|
package/dist/index.es45.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { Command as C, CommandInput as b, CommandList as x, CommandEmpty as y, CommandGroup as N, CommandItem as S } from "./index.
|
|
2
|
-
import { Popover as w, PopoverTrigger as g, PopoverContent as P } from "./index.
|
|
1
|
+
import { Command as C, CommandInput as b, CommandList as x, CommandEmpty as y, CommandGroup as N, CommandItem as S } from "./index.es61.js";
|
|
2
|
+
import { Popover as w, PopoverTrigger as g, PopoverContent as P } from "./index.es57.js";
|
|
3
3
|
import { Button as j } from "./index.es2.js";
|
|
4
4
|
import { Check as k } from "lucide-react";
|
|
5
5
|
import e from "react";
|
|
6
6
|
import { ScrollArea as I } from "./index.es50.js";
|
|
7
|
-
import { cn as t } from "./index.
|
|
7
|
+
import { cn as t } from "./index.es55.js";
|
|
8
8
|
const T = ({
|
|
9
9
|
options: m,
|
|
10
10
|
defaultValue: c = "",
|
|
@@ -16,16 +16,16 @@ const T = ({
|
|
|
16
16
|
onSelect: E,
|
|
17
17
|
iconComponent: f
|
|
18
18
|
}) => {
|
|
19
|
-
const [
|
|
19
|
+
const [r, n] = e.useState(!1), [l, v] = e.useState(c), h = (a) => {
|
|
20
20
|
const o = a === l ? "" : a;
|
|
21
|
-
v(o), E(o),
|
|
21
|
+
v(o), E(o), n(!1);
|
|
22
22
|
};
|
|
23
|
-
return /* @__PURE__ */ e.createElement(w, { open:
|
|
23
|
+
return /* @__PURE__ */ e.createElement(w, { open: r, onOpenChange: n, modal: !0 }, /* @__PURE__ */ e.createElement(g, { asChild: !0 }, /* @__PURE__ */ e.createElement(
|
|
24
24
|
j,
|
|
25
25
|
{
|
|
26
26
|
variant: "outline",
|
|
27
27
|
role: "combobox",
|
|
28
|
-
"aria-expanded":
|
|
28
|
+
"aria-expanded": r,
|
|
29
29
|
className: t("justify-between px-4 py-2", u)
|
|
30
30
|
},
|
|
31
31
|
l ? m.find((a) => a.value === l)?.label : s,
|
package/dist/index.es45.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,
|
|
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} modal={true}>\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,GAAQ,EAAA,MAAAR,GAAY,cAAcC,GAAS,OAAO,GACjD,GAAAC,gBAAAA,EAAA,cAACO,GAAe,EAAA,SAAO,GACrB,GAAAP,gBAAAA,EAAA;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,iBAAeV;AAAA,MACf,WAAWW,EAAG,6BAA6BhB,CAAe;AAAA,IAAA;AAAA,IAEzDQ,IACGZ,EAAQ,KAAK,CAACqB,MAAWA,EAAO,UAAUT,CAAK,GAAG,QAClDV;AAAA,IACHM;AAAA,EAEL,CAAA,GACCG,gBAAAA,EAAA,cAAAW,GAAA,EAAe,WAAWF,EAAGf,CAAuB,EACnD,GAAAM,gBAAAA,EAAA,cAACY,GAAQ,EAAA,WAAWH,EAAGd,CAAgB,EAAA,mCACpCkB,GAAa,EAAA,aAAarB,GAAmB,WAAU,MAAA,CAAM,GAC9DQ,gBAAAA,EAAA,cAACc,GACC,MAAAd,gBAAAA,EAAA;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,WAAWN;AAAA,QACT;AAAA,QACApB,EAAQ,SAAS,KAAK,SAAS;AAAA,MACjC;AAAA,IAAA;AAAA,IAECW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,MAAA,GACZA,gBAAAA,EAAA,cAAAgB,GAAA,MAAa,yBAAuB,GACpChB,gBAAAA,EAAA,cAAAiB,GAAA,MACE5B,EAAQ,IAAI,CAACqB,MACZV,gBAAAA,EAAA;AAAA,MAACkB;AAAA,MAAA;AAAA,QACC,KAAKR,EAAO;AAAA,QACZ,OAAOA,EAAO;AAAA,QACd,UAAU,MAAMP,EAAaO,EAAO,KAAK;AAAA,MAAA;AAAA,MAExCA,EAAO;AAAA,MACRV,gBAAAA,EAAA;AAAA,QAACmB;AAAA,QAAA;AAAA,UACC,WAAWV;AAAA,YACT;AAAA,YACAR,MAAUS,EAAO,QAAQ,gBAAgB;AAAA,UAC3C;AAAA,QAAA;AAAA,MACF;AAAA,IAEH,CAAA,CACH,CACF;AAAA,EAAA,CAEJ,CACF,CACF,CACF;AAEJ;"}
|
package/dist/index.es46.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import c, { forwardRef as f } from "react";
|
|
2
|
-
import { typeVariants as p } from "./index.
|
|
2
|
+
import { typeVariants as p } from "./index.es62.js";
|
|
3
3
|
const e = f(
|
|
4
4
|
({ level: a, as: n, className: t = "", children: r, id: o, ...i }, s) => {
|
|
5
5
|
const d = n || `h${a}`, m = p({ variant: `h${a}` });
|
package/dist/index.es47.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import c, { forwardRef as f } from "react";
|
|
2
|
-
import { typeVariants as d } from "./index.
|
|
2
|
+
import { typeVariants as d } from "./index.es62.js";
|
|
3
3
|
const e = f(
|
|
4
4
|
({ variant: a = "body", as: o, className: t = "", children: r, ...n }, s) => {
|
|
5
5
|
const m = o || "p", p = d({ variant: a });
|
package/dist/index.es48.js
CHANGED
|
@@ -2,7 +2,7 @@ import * as e from "react";
|
|
|
2
2
|
import { FormProvider as f, Controller as F, useFormContext as u } from "react-hook-form";
|
|
3
3
|
import { Label as p } from "./index.es17.js";
|
|
4
4
|
import { Slot as I } from "@radix-ui/react-slot";
|
|
5
|
-
import { cn as a } from "./index.
|
|
5
|
+
import { cn as a } from "./index.es55.js";
|
|
6
6
|
const R = f, c = e.createContext(
|
|
7
7
|
{}
|
|
8
8
|
), $ = ({
|
package/dist/index.es49.js
CHANGED
|
@@ -2,7 +2,7 @@ import * as a from "@radix-ui/react-dialog";
|
|
|
2
2
|
import * as e from "react";
|
|
3
3
|
import { ScrollArea as i } from "./index.es50.js";
|
|
4
4
|
import { X as d } from "lucide-react";
|
|
5
|
-
import { cn as l } from "./index.
|
|
5
|
+
import { cn as l } from "./index.es55.js";
|
|
6
6
|
const D = a.Root, v = a.Trigger, c = a.Portal, E = a.Close, n = e.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e.createElement(
|
|
7
7
|
a.Overlay,
|
|
8
8
|
{
|
package/dist/index.es5.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import t from "react";
|
|
2
2
|
import { Button as p } from "./index.es2.js";
|
|
3
3
|
import { cva as l } from "class-variance-authority";
|
|
4
|
-
import { cn as u } from "./index.
|
|
4
|
+
import { cn as u } from "./index.es55.js";
|
|
5
5
|
const f = l(
|
|
6
6
|
"transition-all rounded-lg hover:rounded-[24px] border",
|
|
7
7
|
{
|
package/dist/index.es50.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
2
|
import * as r from "@radix-ui/react-scroll-area";
|
|
3
|
-
import { cn as c } from "./index.
|
|
3
|
+
import { cn as c } from "./index.es55.js";
|
|
4
4
|
const m = e.forwardRef(({ className: a, children: l, ...o }, t) => /* @__PURE__ */ e.createElement(
|
|
5
5
|
r.Root,
|
|
6
6
|
{
|
|
@@ -19,14 +19,14 @@ const n = e.forwardRef(({ className: a, orientation: l = "vertical", ...o }, t)
|
|
|
19
19
|
ref: t,
|
|
20
20
|
orientation: l,
|
|
21
21
|
className: c(
|
|
22
|
-
"flex touch-none select-none transition-colors",
|
|
23
|
-
l === "vertical" && "h-full w-
|
|
24
|
-
l === "horizontal" && "h-
|
|
22
|
+
"flex touch-none select-none transition-colors bg-navy-opacity-16 rounded-md",
|
|
23
|
+
l === "vertical" && "h-full w-1.5 border-l border-l-transparent p-[1px]",
|
|
24
|
+
l === "horizontal" && "h-1.5 flex-col border-t border-t-transparent p-[1px]",
|
|
25
25
|
a
|
|
26
26
|
),
|
|
27
27
|
...o
|
|
28
28
|
},
|
|
29
|
-
/* @__PURE__ */ e.createElement(r.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
|
|
29
|
+
/* @__PURE__ */ e.createElement(r.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border bg-navy" })
|
|
30
30
|
));
|
|
31
31
|
n.displayName = r.ScrollAreaScrollbar.displayName;
|
|
32
32
|
export {
|
package/dist/index.es50.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es50.js","sources":["../src/components/ui/scroll-area.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'\n\nimport { cn } from '@/lib/utils/cn'\n\nconst ScrollArea = React.forwardRef<\n React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n <ScrollAreaPrimitive.Root\n ref={ref}\n className={cn('relative overflow-hidden', className)}\n {...props}\n >\n <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n {children}\n </ScrollAreaPrimitive.Viewport>\n <ScrollBar />\n <ScrollAreaPrimitive.Corner />\n </ScrollAreaPrimitive.Root>\n))\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName\n\nconst ScrollBar = React.forwardRef<\n React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = 'vertical', ...props }, ref) => (\n <ScrollAreaPrimitive.ScrollAreaScrollbar\n ref={ref}\n orientation={orientation}\n className={cn(\n 'flex touch-none select-none transition-colors',\n orientation === 'vertical' &&\n 'h-full w-
|
|
1
|
+
{"version":3,"file":"index.es50.js","sources":["../src/components/ui/scroll-area.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'\n\nimport { cn } from '@/lib/utils/cn'\n\nconst ScrollArea = React.forwardRef<\n React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n <ScrollAreaPrimitive.Root\n ref={ref}\n className={cn('relative overflow-hidden', className)}\n {...props}\n >\n <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n {children}\n </ScrollAreaPrimitive.Viewport>\n <ScrollBar />\n <ScrollAreaPrimitive.Corner />\n </ScrollAreaPrimitive.Root>\n))\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName\n\nconst ScrollBar = React.forwardRef<\n React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = 'vertical', ...props }, ref) => (\n <ScrollAreaPrimitive.ScrollAreaScrollbar\n ref={ref}\n orientation={orientation}\n className={cn(\n 'flex touch-none select-none transition-colors bg-navy-opacity-16 rounded-md',\n orientation === 'vertical' &&\n 'h-full w-1.5 border-l border-l-transparent p-[1px]',\n orientation === 'horizontal' &&\n 'h-1.5 flex-col border-t border-t-transparent p-[1px]',\n className\n )}\n {...props}\n >\n <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border bg-navy\" />\n </ScrollAreaPrimitive.ScrollAreaScrollbar>\n))\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName\n\nexport { ScrollArea, ScrollBar }\n"],"names":["ScrollArea","React","className","children","props","ref","ScrollAreaPrimitive","cn","ScrollBar","orientation"],"mappings":";;;AAKM,MAAAA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MACpC,gBAAAJ,EAAA;AAAA,EAACK,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,4BAA4BL,CAAS;AAAA,IAClD,GAAGE;AAAA,EAAA;AAAA,kCAEHE,EAAoB,UAApB,EAA6B,WAAU,qCACrCH,CACH;AAAA,kCACCK,GAAU,IAAA;AAAA,EACX,gBAAAP,EAAA,cAACK,EAAoB,QAApB,IAA2B;AAC9B,CACD;AACDN,EAAW,cAAcM,EAAoB,KAAK;AAE5C,MAAAE,IAAYP,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,aAAAO,IAAc,YAAY,GAAGL,EAAM,GAAGC,MACpD,gBAAAJ,EAAA;AAAA,EAACK,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAD;AAAA,IACA,aAAAI;AAAA,IACA,WAAWF;AAAA,MACT;AAAA,MACAE,MAAgB,cACd;AAAA,MACFA,MAAgB,gBACd;AAAA,MACFP;AAAA,IACF;AAAA,IACC,GAAGE;AAAA,EAAA;AAAA,EAEH,gBAAAH,EAAA,cAAAK,EAAoB,iBAApB,EAAoC,WAAU,kDAAiD;AAClG,CACD;AACDE,EAAU,cAAcF,EAAoB,oBAAoB;"}
|
package/dist/index.es51.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as a from "@radix-ui/react-accordion";
|
|
2
2
|
import * as e from "react";
|
|
3
3
|
import { Plus as d, Minus as p, ArrowDown as m, ArrowUp as y } from "lucide-react";
|
|
4
|
-
import { cn as l } from "./index.
|
|
4
|
+
import { cn as l } from "./index.es55.js";
|
|
5
5
|
const w = a.Root, u = e.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ e.createElement(
|
|
6
6
|
a.Item,
|
|
7
7
|
{
|
package/dist/index.es52.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as t from "react";
|
|
2
2
|
import * as e from "@radix-ui/react-tabs";
|
|
3
|
-
import { cn as n } from "./index.
|
|
3
|
+
import { cn as n } from "./index.es55.js";
|
|
4
4
|
const f = e.Root, o = t.forwardRef(({ className: i, ...a }, s) => /* @__PURE__ */ t.createElement(
|
|
5
5
|
e.List,
|
|
6
6
|
{
|
package/dist/index.es53.js
CHANGED
|
@@ -1,14 +1,21 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
const
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
import { useState as s, useCallback as i } from "react";
|
|
2
|
+
const f = (e, n) => {
|
|
3
|
+
const [o, t] = s(!!n), [a, r] = s(null), c = i(
|
|
4
|
+
async (...l) => {
|
|
5
|
+
t(!0), r(null);
|
|
6
|
+
try {
|
|
7
|
+
await e(...l);
|
|
8
|
+
} catch (u) {
|
|
9
|
+
r(u.message || "Something went wrong!");
|
|
10
|
+
} finally {
|
|
11
|
+
t(!1);
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
[e]
|
|
15
|
+
);
|
|
16
|
+
return [o, a, c];
|
|
17
|
+
};
|
|
11
18
|
export {
|
|
12
|
-
|
|
19
|
+
f as useFetch
|
|
13
20
|
};
|
|
14
21
|
//# sourceMappingURL=index.es53.js.map
|
package/dist/index.es53.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es53.js","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index.es53.js","sources":["../src/hooks/useFetch.ts"],"sourcesContent":["import { useCallback, useState } from 'react'\r\n\r\ninterface Error {\r\n message?: string\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/ban-types\r\nexport const useFetch = (applyDataFn: Function, loadingByDefault?: boolean) => {\r\n const [isLoading, setIsLoading] = useState(loadingByDefault ? true : false)\r\n const [error, setError] = useState<string | null>(null)\r\n\r\n const sendRequest = useCallback(\r\n async (...args: unknown[]) => {\r\n setIsLoading(true)\r\n setError(null)\r\n try {\r\n await applyDataFn(...args)\r\n } catch (error) {\r\n setError((error as Error).message || 'Something went wrong!')\r\n } finally {\r\n setIsLoading(false)\r\n }\r\n },\r\n [applyDataFn]\r\n )\r\n\r\n return [isLoading, error, sendRequest] as const\r\n}\r\n"],"names":["useFetch","applyDataFn","loadingByDefault","isLoading","setIsLoading","useState","error","setError","sendRequest","useCallback","args"],"mappings":";AAOa,MAAAA,IAAW,CAACC,GAAuBC,MAA+B;AAC7E,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAAH,CAA+B,GACpE,CAACI,GAAOC,CAAQ,IAAIF,EAAwB,IAAI,GAEhDG,IAAcC;AAAA,IAClB,UAAUC,MAAoB;AAC5B,MAAAN,EAAa,EAAI,GACjBG,EAAS,IAAI;AACT,UAAA;AACI,cAAAN,EAAY,GAAGS,CAAI;AAAA,eAClBJ,GAAO;AACJA,QAAAA,EAAAA,EAAgB,WAAW,uBAAuB;AAAA,MAAA,UAC5D;AACA,QAAAF,EAAa,EAAK;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAACH,CAAW;AAAA,EAAA;AAGP,SAAA,CAACE,GAAWG,GAAOE,CAAW;AACvC;"}
|
package/dist/index.es54.js
CHANGED
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import c from "./index.es63.js";
|
|
2
|
+
import e from "react";
|
|
3
|
+
const m = ({ list: t }) => /* @__PURE__ */ e.createElement("ul", { className: "breadcrumbs space-y-2" }, t.map((a, r) => /* @__PURE__ */ e.createElement(
|
|
4
|
+
"li",
|
|
5
|
+
{
|
|
6
|
+
key: r,
|
|
7
|
+
style: { "--counter": r + 1 }
|
|
8
|
+
},
|
|
9
|
+
/* @__PURE__ */ e.createElement(c, { ...a })
|
|
10
|
+
))), u = m;
|
|
6
11
|
export {
|
|
7
|
-
|
|
12
|
+
u as default
|
|
8
13
|
};
|
|
9
14
|
//# sourceMappingURL=index.es54.js.map
|
package/dist/index.es54.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es54.js","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index.es54.js","sources":["../src/components/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import Breadcrumb, { BreadcrumbProps } from \"./Breadcrumb\";\r\n\r\nimport React from \"react\";\r\n\r\ninterface BreadcrumbsProps {\r\n list: BreadcrumbProps[];\r\n}\r\n\r\ninterface CustomInlineStyles extends React.CSSProperties {\r\n \"--counter\"?: number;\r\n}\r\n\r\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = ({ list }) => {\r\n return (\r\n <ul className=\"breadcrumbs space-y-2\">\r\n {list.map((item, index) => (\r\n <li\r\n key={index}\r\n style={{ \"--counter\": index + 1 } as CustomInlineStyles}\r\n >\r\n <Breadcrumb {...item} />\r\n </li>\r\n ))}\r\n </ul>\r\n );\r\n};\r\n\r\nexport default Breadcrumbs;\r\n"],"names":["Breadcrumbs","list","React","item","index","Breadcrumb","Breadcrumbs$1"],"mappings":";;AAYA,MAAMA,IAA0C,CAAC,EAAE,MAAAC,QAE/CC,gBAAAA,EAAA,cAAC,QAAG,WAAU,wBAAA,GACXD,EAAK,IAAI,CAACE,GAAMC,MACfF,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAKE;AAAA,IACL,OAAO,EAAE,aAAaA,IAAQ,EAAE;AAAA,EAAA;AAAA,EAEhCF,gBAAAA,EAAA,cAACG,GAAY,EAAA,GAAGF,EAAM,CAAA;AAEzB,CAAA,CACH,GAIJG,IAAeN;"}
|
package/dist/index.es55.js
CHANGED
|
@@ -1,25 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
height: c = i
|
|
7
|
-
}) => o.createElement(e[t], { width: n, height: c }), r), {}), d = {
|
|
8
|
-
chevronLeft: s,
|
|
9
|
-
chevronRight: m,
|
|
10
|
-
plus: l,
|
|
11
|
-
minus: u,
|
|
12
|
-
like: f,
|
|
13
|
-
dislike: p
|
|
14
|
-
}, h = a(d), I = (e, r, t) => {
|
|
15
|
-
if (e) {
|
|
16
|
-
const n = h[e];
|
|
17
|
-
if (n)
|
|
18
|
-
return n({ width: r, height: t });
|
|
19
|
-
}
|
|
20
|
-
return /* @__PURE__ */ o.createElement(o.Fragment, null);
|
|
21
|
-
};
|
|
1
|
+
import { clsx as o } from "clsx";
|
|
2
|
+
import { twMerge as t } from "tailwind-merge";
|
|
3
|
+
function n(...r) {
|
|
4
|
+
return t(o(r));
|
|
5
|
+
}
|
|
22
6
|
export {
|
|
23
|
-
|
|
7
|
+
n as cn
|
|
24
8
|
};
|
|
25
9
|
//# sourceMappingURL=index.es55.js.map
|
package/dist/index.es55.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es55.js","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index.es55.js","sources":["../src/lib/utils/cn.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx'\r\nimport { twMerge } from 'tailwind-merge'\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n return twMerge(clsx(inputs))\r\n}\r\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":";;AAGO,SAASA,KAAMC,GAAsB;AACnC,SAAAC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;"}
|
package/dist/index.es56.js
CHANGED
|
@@ -1,23 +1,25 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
1
|
+
import { ArrowSliderPrev16X16 as s, ArrowSliderNext16X16 as m, MoreLink16X16 as l, LessLink16X16 as u } from "@iit/precision-ui-icons";
|
|
2
|
+
import { ThumbsUp as f, ThumbsDown as p } from "lucide-react";
|
|
3
|
+
import o from "react";
|
|
4
|
+
const i = "1em", a = (e) => Object.keys(e).reduce((r, t) => (r[t] = ({
|
|
5
|
+
width: n = i,
|
|
6
|
+
height: c = i
|
|
7
|
+
}) => o.createElement(e[t], { width: n, height: c }), r), {}), d = {
|
|
8
|
+
chevronLeft: s,
|
|
9
|
+
chevronRight: m,
|
|
10
|
+
plus: l,
|
|
11
|
+
minus: u,
|
|
12
|
+
like: f,
|
|
13
|
+
dislike: p
|
|
14
|
+
}, h = a(d), I = (e, r, t) => {
|
|
15
|
+
if (e) {
|
|
16
|
+
const n = h[e];
|
|
17
|
+
if (n)
|
|
18
|
+
return n({ width: r, height: t });
|
|
15
19
|
}
|
|
16
|
-
)
|
|
17
|
-
|
|
20
|
+
return /* @__PURE__ */ o.createElement(o.Fragment, null);
|
|
21
|
+
};
|
|
18
22
|
export {
|
|
19
|
-
|
|
20
|
-
s as PopoverContent,
|
|
21
|
-
l as PopoverTrigger
|
|
23
|
+
I as iconDefiner
|
|
22
24
|
};
|
|
23
25
|
//# sourceMappingURL=index.es56.js.map
|
package/dist/index.es56.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es56.js","sources":["../src/components/ui/
|
|
1
|
+
{"version":3,"file":"index.es56.js","sources":["../src/components/ui/icon.tsx"],"sourcesContent":["import {\r\n ArrowSliderNext16X16,\r\n ArrowSliderPrev16X16,\r\n LessLink16X16,\r\n MoreLink16X16,\r\n} from '@iit/precision-ui-icons'\r\nimport { ThumbsDown, ThumbsUp } from 'lucide-react'\r\n\r\nimport React from 'react'\r\n\r\nconst DEFAULT_ICON_SIZE = '1em'\r\n\r\nexport type IconName =\r\n | 'chevronLeft'\r\n | 'chevronRight'\r\n | 'plus'\r\n | 'minus'\r\n | 'like'\r\n | 'dislike'\r\n\r\n// TODO: move to separate file\r\n// type IconMap = {\r\n// [key in IconName]: (props: {\r\n// width?: number | string\r\n// height?: number | string\r\n// }) => React.ReactElement\r\n// }\r\n\r\ninterface IconProps {\r\n width?: number | string\r\n height?: number | string\r\n}\r\n\r\nconst generateIconMap = (\r\n icons: Record<IconName, React.ComponentType<React.SVGProps<SVGSVGElement>>>\r\n) => {\r\n return Object.keys(icons).reduce<\r\n Record<IconName, (props: IconProps) => React.ReactElement>\r\n >((acc, key) => {\r\n acc[key as IconName] = ({\r\n width = DEFAULT_ICON_SIZE,\r\n height = DEFAULT_ICON_SIZE,\r\n }: IconProps) =>\r\n React.createElement(icons[key as IconName], { width, height })\r\n return acc\r\n }, {} as Record<IconName, (props: IconProps) => React.ReactElement>)\r\n}\r\n\r\nconst icons: Record<\r\n IconName,\r\n React.ComponentType<React.SVGProps<SVGSVGElement>>\r\n> = {\r\n chevronLeft: ArrowSliderPrev16X16,\r\n chevronRight: ArrowSliderNext16X16,\r\n plus: MoreLink16X16,\r\n minus: LessLink16X16,\r\n like: ThumbsUp,\r\n dislike: ThumbsDown,\r\n}\r\n\r\nconst iconMap = generateIconMap(icons)\r\nexport const iconDefiner = (\r\n icon?: IconName,\r\n width?: number | string,\r\n height?: number | string\r\n): React.ReactElement => {\r\n if (icon) {\r\n const selectedIcon = iconMap[icon]\r\n if (selectedIcon) {\r\n return selectedIcon({ width, height })\r\n }\r\n }\r\n return <></>\r\n}\r\n"],"names":["DEFAULT_ICON_SIZE","generateIconMap","icons","acc","key","width","height","React","ArrowSliderPrev16X16","ArrowSliderNext16X16","MoreLink16X16","LessLink16X16","ThumbsUp","ThumbsDown","iconMap","iconDefiner","icon","selectedIcon"],"mappings":";;;AAUA,MAAMA,IAAoB,OAuBpBC,IAAkB,CACtBC,MAEO,OAAO,KAAKA,CAAK,EAAE,OAExB,CAACC,GAAKC,OACFD,EAAAC,CAAe,IAAI,CAAC;AAAA,EACtB,OAAAC,IAAQL;AAAA,EACR,QAAAM,IAASN;AAAA,MAETO,EAAM,cAAcL,EAAME,CAAe,GAAG,EAAE,OAAAC,GAAO,QAAAC,EAAA,CAAQ,GACxDH,IACN,CAAgE,CAAA,GAG/DD,IAGF;AAAA,EACF,aAAaM;AAAA,EACb,cAAcC;AAAA,EACd,MAAMC;AAAA,EACN,OAAOC;AAAA,EACP,MAAMC;AAAA,EACN,SAASC;AACX,GAEMC,IAAUb,EAAgBC,CAAK,GACxBa,IAAc,CACzBC,GACAX,GACAC,MACuB;AACvB,MAAIU,GAAM;AACF,UAAAC,IAAeH,EAAQE,CAAI;AACjC,QAAIC;AACF,aAAOA,EAAa,EAAE,OAAAZ,GAAO,QAAAC,EAAQ,CAAA;AAAA,EAEzC;AACA,SAASC,gBAAAA,EAAA,cAAAA,EAAA,UAAA,IAAA;AACX;"}
|
package/dist/index.es57.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import * as t from "react";
|
|
2
|
-
import * as
|
|
3
|
-
import { cn as
|
|
4
|
-
const
|
|
5
|
-
|
|
1
|
+
import * as t from "@radix-ui/react-popover";
|
|
2
|
+
import * as e from "react";
|
|
3
|
+
import { cn as i } from "./index.es55.js";
|
|
4
|
+
const p = t.Root, l = t.Trigger, s = e.forwardRef(({ className: o, align: a = "center", sideOffset: r = 4, ...d }, n) => /* @__PURE__ */ e.createElement(t.Portal, null, /* @__PURE__ */ e.createElement(
|
|
5
|
+
t.Content,
|
|
6
6
|
{
|
|
7
|
-
ref:
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
ref: n,
|
|
8
|
+
align: a,
|
|
9
|
+
sideOffset: r,
|
|
10
|
+
className: i(
|
|
11
|
+
"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
12
|
+
o
|
|
12
13
|
),
|
|
13
|
-
...
|
|
14
|
+
...d
|
|
14
15
|
}
|
|
15
|
-
));
|
|
16
|
-
s.displayName =
|
|
16
|
+
)));
|
|
17
|
+
s.displayName = t.Content.displayName;
|
|
17
18
|
export {
|
|
18
|
-
|
|
19
|
-
s as
|
|
20
|
-
|
|
21
|
-
p as TooltipTrigger
|
|
19
|
+
p as Popover,
|
|
20
|
+
s as PopoverContent,
|
|
21
|
+
l as PopoverTrigger
|
|
22
22
|
};
|
|
23
23
|
//# sourceMappingURL=index.es57.js.map
|
package/dist/index.es57.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es57.js","sources":["../src/components/ui/
|
|
1
|
+
{"version":3,"file":"index.es57.js","sources":["../src/components/ui/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst Popover = PopoverPrimitive.Root\r\n\r\nconst PopoverTrigger = PopoverPrimitive.Trigger\r\n\r\nconst PopoverContent = React.forwardRef<\r\n React.ElementRef<typeof PopoverPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\r\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\r\n <PopoverPrimitive.Portal>\r\n <PopoverPrimitive.Content\r\n ref={ref}\r\n align={align}\r\n sideOffset={sideOffset}\r\n className={cn(\r\n 'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\r\n className\r\n )}\r\n {...props}\r\n />\r\n </PopoverPrimitive.Portal>\r\n))\r\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\r\n\r\nexport { Popover, PopoverTrigger, PopoverContent }\r\n"],"names":["Popover","PopoverPrimitive","PopoverTrigger","PopoverContent","React","className","align","sideOffset","props","ref","cn"],"mappings":";;;AAKA,MAAMA,IAAUC,EAAiB,MAE3BC,IAAiBD,EAAiB,SAElCE,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,YAAAC,IAAa,GAAG,GAAGC,KAASC,MAC3D,gBAAAL,EAAA,cAAAH,EAAiB,QAAjB,MACC,gBAAAG,EAAA;AAAA,EAACH,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAQ;AAAA,IACA,OAAAH;AAAA,IACA,YAAAC;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,CACF,CACD;AACDL,EAAe,cAAcF,EAAiB,QAAQ;"}
|
package/dist/index.es58.js
CHANGED
|
@@ -1,7 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
}
|
|
1
|
+
import * as t from "react";
|
|
2
|
+
import * as o from "@radix-ui/react-tooltip";
|
|
3
|
+
import { cn as r } from "./index.es55.js";
|
|
4
|
+
const n = o.Provider, l = o.Root, p = o.Trigger, s = t.forwardRef(({ className: e, sideOffset: i = 4, ...a }, d) => /* @__PURE__ */ t.createElement(
|
|
5
|
+
o.Content,
|
|
6
|
+
{
|
|
7
|
+
ref: d,
|
|
8
|
+
sideOffset: i,
|
|
9
|
+
className: r(
|
|
10
|
+
"z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
11
|
+
e
|
|
12
|
+
),
|
|
13
|
+
...a
|
|
14
|
+
}
|
|
15
|
+
));
|
|
16
|
+
s.displayName = o.Content.displayName;
|
|
4
17
|
export {
|
|
5
|
-
|
|
18
|
+
l as Tooltip,
|
|
19
|
+
s as TooltipContent,
|
|
20
|
+
n as TooltipProvider,
|
|
21
|
+
p as TooltipTrigger
|
|
6
22
|
};
|
|
7
23
|
//# sourceMappingURL=index.es58.js.map
|
package/dist/index.es58.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es58.js","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index.es58.js","sources":["../src/components/ui/tooltip.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\r\n\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst TooltipProvider = TooltipPrimitive.Provider\r\n\r\nconst Tooltip = TooltipPrimitive.Root\r\n\r\nconst TooltipTrigger = TooltipPrimitive.Trigger\r\n\r\nconst TooltipContent = React.forwardRef<\r\n React.ElementRef<typeof TooltipPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\r\n>(({ className, sideOffset = 4, ...props }, ref) => (\r\n <TooltipPrimitive.Content\r\n ref={ref}\r\n sideOffset={sideOffset}\r\n className={cn(\r\n 'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\r\n\r\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\r\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","sideOffset","props","ref","cn"],"mappings":";;;AAKA,MAAMA,IAAkBC,EAAiB,UAEnCC,IAAUD,EAAiB,MAE3BE,IAAiBF,EAAiB,SAElCG,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,GAAGC,EAAM,GAAGC,MAC1C,gBAAAJ,EAAA;AAAA,EAACJ,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAQ;AAAA,IACA,YAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAe,cAAcH,EAAiB,QAAQ;"}
|