commerce-toolkit 0.5.0 → 0.6.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/accordion-trigger-CpTcclGS.cjs +2 -0
- package/dist/accordion-trigger-CpTcclGS.cjs.map +1 -0
- package/dist/accordion-trigger-DFuN29lS.js +455 -0
- package/dist/accordion-trigger-DFuN29lS.js.map +1 -0
- package/dist/accordion.cjs +1 -1
- package/dist/accordion.js +7 -8
- package/dist/blog-post-card-author-CBXo2FqS.cjs +2 -0
- package/dist/blog-post-card-author-CBXo2FqS.cjs.map +1 -0
- package/dist/{blog-post-card-author-C1GuND4f.js → blog-post-card-author-VkGle9g8.js} +30 -24
- package/dist/blog-post-card-author-VkGle9g8.js.map +1 -0
- package/dist/blog-post-card.cjs +1 -1
- package/dist/blog-post-card.cjs.map +1 -1
- package/dist/blog-post-card.js +28 -34
- package/dist/blog-post-card.js.map +1 -1
- package/dist/carousel-next-C6jpZTlN.js +1480 -0
- package/dist/carousel-next-C6jpZTlN.js.map +1 -0
- package/dist/carousel-next-DEHDO98_.cjs +2 -0
- package/dist/{carousel-next-BGIZglEF.cjs.map → carousel-next-DEHDO98_.cjs.map} +1 -1
- package/dist/carousel.cjs +1 -1
- package/dist/carousel.js +1 -1
- package/dist/category-card-link-BXoWFETv.cjs +2 -0
- package/dist/category-card-link-BXoWFETv.cjs.map +1 -0
- package/dist/category-card-link-D85RfMpf.js +186 -0
- package/dist/category-card-link-D85RfMpf.js.map +1 -0
- package/dist/category-card.cjs +1 -1
- package/dist/category-card.cjs.map +1 -1
- package/dist/category-card.js +23 -27
- package/dist/category-card.js.map +1 -1
- package/dist/compare-card.cjs +1 -1
- package/dist/compare-card.js +2 -2
- package/dist/components/accordion/accordion.d.ts +1 -2
- package/dist/components/accordion/accordion.d.ts.map +1 -1
- package/dist/components/accordion/primitives/accordion-chevron.d.ts.map +1 -1
- package/dist/components/accordion/primitives/accordion-content-area.d.ts.map +1 -1
- package/dist/components/accordion/primitives/accordion-item.d.ts.map +1 -1
- package/dist/components/accordion/primitives/accordion-root.d.ts +2 -10
- package/dist/components/accordion/primitives/accordion-root.d.ts.map +1 -1
- package/dist/components/accordion/primitives/accordion-title.d.ts.map +1 -1
- package/dist/components/accordion/primitives.d.ts +1 -1
- package/dist/components/accordion/primitives.d.ts.map +1 -1
- package/dist/components/blog-post-card/blog-post-card.d.ts +2 -1
- package/dist/components/blog-post-card/blog-post-card.d.ts.map +1 -1
- package/dist/components/blog-post-card/primitives/blog-post-card-root.d.ts +2 -1
- package/dist/components/blog-post-card/primitives/blog-post-card-root.d.ts.map +1 -1
- package/dist/components/blog-post-card/primitives/blog-post-card-skeleton.d.ts +2 -4
- package/dist/components/blog-post-card/primitives/blog-post-card-skeleton.d.ts.map +1 -1
- package/dist/components/blog-post-card/primitives/blog-post-card-thumbnail.d.ts.map +1 -1
- package/dist/components/calendar/calendar.d.ts +2 -4
- package/dist/components/calendar/calendar.d.ts.map +1 -1
- package/dist/components/carousel/primitives/carousel-controls.d.ts.map +1 -1
- package/dist/components/carousel/primitives/carousel-root.d.ts +1 -3
- package/dist/components/carousel/primitives/carousel-root.d.ts.map +1 -1
- package/dist/components/carousel/primitives/carousel-scrollbar.d.ts.map +1 -1
- package/dist/components/category-card/category-card.d.ts +2 -4
- package/dist/components/category-card/category-card.d.ts.map +1 -1
- package/dist/components/category-card/primitives/category-card-fallback.d.ts.map +1 -1
- package/dist/components/category-card/primitives/category-card-icon.d.ts.map +1 -1
- package/dist/components/category-card/primitives/category-card-image.d.ts.map +1 -1
- package/dist/components/category-card/primitives/category-card-link.d.ts.map +1 -1
- package/dist/components/category-card/primitives/category-card-overlay.d.ts.map +1 -1
- package/dist/components/category-card/primitives/category-card-root.d.ts +2 -14
- package/dist/components/category-card/primitives/category-card-root.d.ts.map +1 -1
- package/dist/components/category-card/primitives/category-card-skeleton.d.ts.map +1 -1
- package/dist/components/category-card/primitives/category-card-thumbnail.d.ts.map +1 -1
- package/dist/components/category-card/primitives/category-card-title.d.ts.map +1 -1
- package/dist/components/category-card/primitives.d.ts +1 -1
- package/dist/components/category-card/primitives.d.ts.map +1 -1
- package/dist/components/price/price.d.ts +1 -1
- package/dist/components/price/price.d.ts.map +1 -1
- package/dist/components/price/primitives/price-root.d.ts +2 -4
- package/dist/components/price/primitives/price-root.d.ts.map +1 -1
- package/dist/components/product-card/primitives/product-card-checkbox.d.ts.map +1 -1
- package/dist/components/product-card/primitives/product-card-fallback.d.ts.map +1 -1
- package/dist/components/product-card/primitives/product-card-image.d.ts.map +1 -1
- package/dist/components/product-card/primitives/product-card-label.d.ts.map +1 -1
- package/dist/components/product-card/primitives/product-card-link.d.ts.map +1 -1
- package/dist/components/product-card/primitives/product-card-price.d.ts.map +1 -1
- package/dist/components/product-card/primitives/product-card-root.d.ts +2 -10
- package/dist/components/product-card/primitives/product-card-root.d.ts.map +1 -1
- package/dist/components/product-card/primitives/product-card-skeleton.d.ts.map +1 -1
- package/dist/components/product-card/primitives/product-card-subtitle.d.ts.map +1 -1
- package/dist/components/product-card/primitives/product-card-thumbnail.d.ts.map +1 -1
- package/dist/components/product-card/primitives/product-card-title.d.ts.map +1 -1
- package/dist/components/product-card/primitives.d.ts +1 -1
- package/dist/components/product-card/primitives.d.ts.map +1 -1
- package/dist/components/product-card/product-card.d.ts +2 -3
- package/dist/components/product-card/product-card.d.ts.map +1 -1
- package/dist/components/range-input/range-input.d.ts +0 -1
- package/dist/components/range-input/range-input.d.ts.map +1 -1
- package/dist/index.cjs +3 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +415 -476
- package/dist/index.js.map +1 -1
- package/dist/{price-strike-Ciakdz8c.js → price-strike-D9Pzzzkr.js} +9 -18
- package/dist/price-strike-D9Pzzzkr.js.map +1 -0
- package/dist/price-strike-DqOP577f.cjs +2 -0
- package/dist/price-strike-DqOP577f.cjs.map +1 -0
- package/dist/price.cjs +1 -1
- package/dist/price.js +1 -1
- package/dist/product-card-label-CP4yzMhB.js +244 -0
- package/dist/product-card-label-CP4yzMhB.js.map +1 -0
- package/dist/product-card-label-DHKOJFTo.cjs +2 -0
- package/dist/product-card-label-DHKOJFTo.cjs.map +1 -0
- package/dist/product-card-root-BnBOoYFY.js +27 -0
- package/dist/product-card-root-BnBOoYFY.js.map +1 -0
- package/dist/product-card-root-DNqlSx52.cjs +2 -0
- package/dist/product-card-root-DNqlSx52.cjs.map +1 -0
- package/dist/product-card-skeleton-BgN1OCwY.cjs +2 -0
- package/dist/product-card-skeleton-BgN1OCwY.cjs.map +1 -0
- package/dist/product-card-skeleton-C-xXJrKi.js +29 -0
- package/dist/product-card-skeleton-C-xXJrKi.js.map +1 -0
- package/dist/product-card.cjs +1 -1
- package/dist/product-card.js +19 -20
- package/package.json +1 -1
- package/dist/accordion-trigger-Bj1Laf6l.cjs +0 -2
- package/dist/accordion-trigger-Bj1Laf6l.cjs.map +0 -1
- package/dist/accordion-trigger-Cdkd0tWD.js +0 -494
- package/dist/accordion-trigger-Cdkd0tWD.js.map +0 -1
- package/dist/blog-post-card-author-B55DKFff.cjs +0 -2
- package/dist/blog-post-card-author-B55DKFff.cjs.map +0 -1
- package/dist/blog-post-card-author-C1GuND4f.js.map +0 -1
- package/dist/carousel-next-BGIZglEF.cjs +0 -2
- package/dist/carousel-next-BzKOs3K-.js +0 -1495
- package/dist/carousel-next-BzKOs3K-.js.map +0 -1
- package/dist/category-card-link-BSmQDScF.cjs +0 -2
- package/dist/category-card-link-BSmQDScF.cjs.map +0 -1
- package/dist/category-card-link-mgtggmo_.js +0 -211
- package/dist/category-card-link-mgtggmo_.js.map +0 -1
- package/dist/price-strike-BTE4S5Na.cjs +0 -2
- package/dist/price-strike-BTE4S5Na.cjs.map +0 -1
- package/dist/price-strike-Ciakdz8c.js.map +0 -1
- package/dist/product-card-label-BQeJxNcX.cjs +0 -2
- package/dist/product-card-label-BQeJxNcX.cjs.map +0 -1
- package/dist/product-card-label-C6D-fYjj.js +0 -285
- package/dist/product-card-label-C6D-fYjj.js.map +0 -1
- package/dist/product-card-root-BGUa-vQ_.js +0 -43
- package/dist/product-card-root-BGUa-vQ_.js.map +0 -1
- package/dist/product-card-root-Q5lwSPd8.cjs +0 -2
- package/dist/product-card-root-Q5lwSPd8.cjs.map +0 -1
- package/dist/product-card-skeleton-B8DGleVJ.js +0 -33
- package/dist/product-card-skeleton-B8DGleVJ.js.map +0 -1
- package/dist/product-card-skeleton-CCbWpq16.cjs +0 -2
- package/dist/product-card-skeleton-CCbWpq16.cjs.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"category-card-link-BXoWFETv.cjs","sources":["../src/components/category-card/primitives/category-card-root.tsx","../src/components/category-card/primitives/category-card-icon.tsx","../src/components/category-card/primitives/category-card-thumbnail.tsx","../src/components/category-card/primitives/category-card-image.tsx","../src/components/category-card/primitives/category-card-fallback.tsx","../src/components/category-card/primitives/category-card-overlay.tsx","../src/components/category-card/primitives/category-card-title.tsx","../src/components/category-card/primitives/category-card-link.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardRootProps<E extends ElementType = 'article'> = Omit<\n ComponentProps<E>,\n 'as'\n> & {\n as?: E;\n aspectRatio?: '5/6' | '3/4' | '1/1';\n textSize?: 'small' | 'medium' | 'large' | 'x-large';\n showOverlay?: boolean;\n};\n\nexport function CategoryCardRoot<T extends ElementType = 'article'>({\n className,\n children,\n as,\n aspectRatio = '5/6',\n textSize = 'small',\n showOverlay = true,\n ...props\n}: CategoryCardRootProps<T>) {\n const CategoryCardRootElement = as ?? 'article';\n\n return (\n <CategoryCardRootElement\n className={cn(\n 'group/category-card relative flex w-full max-w-md cursor-pointer flex-col rounded-[var(--category-card-border-radius,1rem)] font-[var(--category-card-font-family,var(--font-family-body))] @container',\n // Text size gap variants\n 'data-[text-size=small]:gap-2',\n 'data-[text-size=medium]:gap-3',\n 'data-[text-size=large]:gap-4',\n 'data-[text-size=x-large]:gap-5',\n className,\n )}\n data-aspect-ratio={aspectRatio}\n data-show-overlay={showOverlay}\n data-slot=\"category-card-root\"\n data-text-size={textSize}\n {...props}\n >\n {children}\n </CategoryCardRootElement>\n );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardIconProps = ComponentProps<typeof Slot>;\n\nexport function CategoryCardIcon({ className, children, ...props }: CategoryCardIconProps) {\n return (\n <Slot\n className={cn(\n 'absolute right-5 top-5 z-10 text-[var(--category-card-light-icon,hsl(var(--foreground)))] transition-transform duration-700 ease-out',\n // Group hover state\n 'group-hover/category-card:-translate-y-1.5 group-hover/category-card:translate-x-1.5',\n className,\n )}\n data-slot=\"category-card-icon\"\n {...props}\n >\n {children}\n </Slot>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardThumbnailProps = ComponentProps<'div'>;\n\nexport function CategoryCardThumbnail({\n className,\n children,\n ...props\n}: CategoryCardThumbnailProps) {\n return (\n <div\n className={cn(\n 'relative overflow-hidden rounded-[inherit] bg-[var(--category-card-light-background,hsl(var(--contrast-100)))]',\n // Group focus state\n 'group-focus/category-card:ring-[var(--category-card-focus,hsl(var(--primary)))]',\n // Group focus-visible state\n 'group-focus-visible/category-card:ring-2',\n // Aspect ratio variants\n 'group-data-[aspect-ratio=1/1]/category-card:aspect-square',\n 'group-data-[aspect-ratio=3/4]/category-card:aspect-[3/4]',\n 'group-data-[aspect-ratio=5/6]/category-card:aspect-[5/6]',\n className,\n )}\n data-slot=\"category-card-thumbnail\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardImageProps = ComponentProps<'img'> & {\n asChild?: boolean;\n};\n\nexport function CategoryCardImage({\n className,\n children,\n asChild = false,\n ...props\n}: CategoryCardImageProps) {\n const Component = asChild ? Slot : 'img';\n\n return (\n <Component\n className={cn(\n 'h-full w-full scale-100 select-none bg-[var(--category-card-light-background,hsl(var(--contrast-100)))] object-cover transition-transform duration-500 ease-out',\n // Group hover state\n 'group-hover/category-card:scale-110',\n className,\n )}\n data-slot=\"category-card-image\"\n {...props}\n />\n );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardFallbackProps = ComponentProps<'div'>;\n\nexport function CategoryCardFallback({ className, children, ...props }: CategoryCardFallbackProps) {\n return (\n <div\n className={cn(\n 'break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out [color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)]',\n // Group hover state\n 'group-hover/category-card:scale-105',\n className,\n )}\n data-slot=\"category-card-fallback\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardOverlayProps = ComponentProps<'div'>;\n\nexport function CategoryCardOverlay({ children, className, ...props }: CategoryCardOverlayProps) {\n return (\n <div\n className={cn(\n 'absolute inset-0 flex items-end p-6',\n // Show overlay gradient\n 'group-data-[show-overlay=true]/category-card:bg-gradient-to-b',\n 'group-data-[show-overlay=true]/category-card:from-foreground/0 group-data-[show-overlay=true]/category-card:from-50%',\n 'group-data-[show-overlay=true]/category-card:via-foreground/0 group-data-[show-overlay=true]/category-card:via-50%',\n 'group-data-[show-overlay=true]/category-card:to-foreground/50 group-data-[show-overlay=true]/category-card:to-100%',\n // Container query\n '@xs:p-8',\n className,\n )}\n data-slot=\"category-card-overlay\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardTitleProps = ComponentProps<'h3'>;\n\nexport function CategoryCardTitle({ children, className, ...props }: CategoryCardTitleProps) {\n return (\n <h3\n className={cn(\n 'font-semibold leading-tight text-[var(--category-card-light-text,hsl(var(--foreground)))]',\n // Text size: small\n 'group-data-[text-size=small]/category-card:text-lg group-data-[text-size=small]/category-card:tracking-normal',\n 'group-data-[text-size=small]/category-card:@xs:text-xl',\n // Text size: medium\n 'group-data-[text-size=medium]/category-card:text-xl group-data-[text-size=medium]/category-card:tracking-normal',\n 'group-data-[text-size=medium]/category-card:@xs:text-2xl',\n // Text size: large\n 'group-data-[text-size=large]/category-card:text-2xl group-data-[text-size=large]/category-card:tracking-tight',\n 'group-data-[text-size=large]/category-card:@xs:text-3xl',\n // Text size: x-large\n 'group-data-[text-size=x-large]/category-card:text-3xl group-data-[text-size=x-large]/category-card:tracking-tight',\n 'group-data-[text-size=x-large]/category-card:@xs:text-4xl',\n className,\n )}\n data-slot=\"category-card-title\"\n {...props}\n >\n {children}\n </h3>\n );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface CategoryCardLinkProps extends ComponentProps<'a'> {\n asChild?: boolean;\n}\n\nexport function CategoryCardLink({ asChild = false, className, ...props }: CategoryCardLinkProps) {\n const Component = asChild ? Slot : 'a';\n\n return (\n <Component\n className={cn(\n 'absolute inset-0 rounded-[var(--category-card-border-radius,1rem)] ring-offset-[var(--category-card-light-offset,hsl(var(--background)))]',\n // Focus state\n 'focus:outline-none',\n // Focus-visible state\n 'focus-visible:ring-2 focus-visible:ring-[var(--category-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4',\n className,\n )}\n data-slot=\"category-card-link\"\n {...props}\n />\n );\n}\n"],"names":["CategoryCardRoot","className","children","as","aspectRatio","textSize","showOverlay","props","CategoryCardRootElement","jsx","cn","CategoryCardIcon","Slot","CategoryCardThumbnail","CategoryCardImage","asChild","Component","CategoryCardFallback","CategoryCardOverlay","CategoryCardTitle","CategoryCardLink"],"mappings":"sHAgBO,SAASA,EAAoD,CAClE,UAAAC,EACA,SAAAC,EACA,GAAAC,EACA,YAAAC,EAAc,MACd,SAAAC,EAAW,QACX,YAAAC,EAAc,GACd,GAAGC,CACL,EAA6B,CAC3B,MAAMC,EAA0BL,GAAM,UAEtC,OACEM,EAAAA,IAACD,EAAA,CACC,UAAWE,EAAAA,GACT,yMAEA,+BACA,gCACA,+BACA,iCACAT,CAAA,EAEF,oBAAmBG,EACnB,oBAAmBE,EACnB,YAAU,qBACV,iBAAgBD,EACf,GAAGE,EAEH,SAAAL,CAAA,CAAA,CAGP,CCtCO,SAASS,EAAiB,CAAE,UAAAV,EAAW,SAAAC,EAAU,GAAGK,GAAgC,CACzF,OACEE,EAAAA,IAACG,EAAAA,KAAA,CACC,UAAWF,EAAAA,GACT,uIAEA,uFACAT,CAAA,EAEF,YAAU,qBACT,GAAGM,EAEH,SAAAL,CAAA,CAAA,CAGP,CClBO,SAASW,EAAsB,CACpC,UAAAZ,EACA,SAAAC,EACA,GAAGK,CACL,EAA+B,CAC7B,OACEE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,iHAEA,kFAEA,2CAEA,4DACA,2DACA,2DACAT,CAAA,EAEF,YAAU,0BACT,GAAGM,EAEH,SAAAL,CAAA,CAAA,CAGP,CCpBO,SAASY,EAAkB,CAChC,UAAAb,EACA,SAAAC,EACA,QAAAa,EAAU,GACV,GAAGR,CACL,EAA2B,CACzB,MAAMS,EAAYD,EAAUH,EAAAA,KAAO,MAEnC,OACEH,EAAAA,IAACO,EAAA,CACC,UAAWN,EAAAA,GACT,kKAEA,sCACAT,CAAA,EAEF,YAAU,sBACT,GAAGM,CAAA,CAAA,CAGV,CCvBO,SAASU,EAAqB,CAAE,UAAAhB,EAAW,SAAAC,EAAU,GAAGK,GAAoC,CACjG,OACEE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,+KAEA,sCACAT,CAAA,EAEF,YAAU,yBACT,GAAGM,EAEH,SAAAL,CAAA,CAAA,CAGP,CCjBO,SAASgB,EAAoB,CAAE,SAAAhB,EAAU,UAAAD,EAAW,GAAGM,GAAmC,CAC/F,OACEE,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,sCAEA,gEACA,uHACA,qHACA,qHAEA,UACAT,CAAA,EAEF,YAAU,wBACT,GAAGM,EAEH,SAAAL,CAAA,CAAA,CAGP,CCpBO,SAASiB,EAAkB,CAAE,SAAAjB,EAAU,UAAAD,EAAW,GAAGM,GAAiC,CAC3F,OACEE,EAAAA,IAAC,KAAA,CACC,UAAWC,EAAAA,GACT,4FAEA,gHACA,yDAEA,kHACA,2DAEA,gHACA,0DAEA,oHACA,4DACAT,CAAA,EAEF,YAAU,sBACT,GAAGM,EAEH,SAAAL,CAAA,CAAA,CAGP,CCpBO,SAASkB,EAAiB,CAAE,QAAAL,EAAU,GAAO,UAAAd,EAAW,GAAGM,GAAgC,CAChG,MAAMS,EAAYD,EAAUH,EAAAA,KAAO,IAEnC,OACEH,EAAAA,IAACO,EAAA,CACC,UAAWN,EAAAA,GACT,4IAEA,qBAEA,uHACAT,CAAA,EAEF,YAAU,qBACT,GAAGM,CAAA,CAAA,CAGV"}
|
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { c as o } from "./utils-CRiPKpXj.js";
|
|
3
|
+
import { S as g } from "./index-DD8W7cMj.js";
|
|
4
|
+
function m({
|
|
5
|
+
className: a,
|
|
6
|
+
children: t,
|
|
7
|
+
as: r,
|
|
8
|
+
aspectRatio: c = "5/6",
|
|
9
|
+
textSize: d = "small",
|
|
10
|
+
showOverlay: s = !0,
|
|
11
|
+
...l
|
|
12
|
+
}) {
|
|
13
|
+
return /* @__PURE__ */ e(
|
|
14
|
+
r ?? "article",
|
|
15
|
+
{
|
|
16
|
+
className: o(
|
|
17
|
+
"group/category-card relative flex w-full max-w-md cursor-pointer flex-col rounded-[var(--category-card-border-radius,1rem)] font-[var(--category-card-font-family,var(--font-family-body))] @container",
|
|
18
|
+
// Text size gap variants
|
|
19
|
+
"data-[text-size=small]:gap-2",
|
|
20
|
+
"data-[text-size=medium]:gap-3",
|
|
21
|
+
"data-[text-size=large]:gap-4",
|
|
22
|
+
"data-[text-size=x-large]:gap-5",
|
|
23
|
+
a
|
|
24
|
+
),
|
|
25
|
+
"data-aspect-ratio": c,
|
|
26
|
+
"data-show-overlay": s,
|
|
27
|
+
"data-slot": "category-card-root",
|
|
28
|
+
"data-text-size": d,
|
|
29
|
+
...l,
|
|
30
|
+
children: t
|
|
31
|
+
}
|
|
32
|
+
);
|
|
33
|
+
}
|
|
34
|
+
function p({ className: a, children: t, ...r }) {
|
|
35
|
+
return /* @__PURE__ */ e(
|
|
36
|
+
g,
|
|
37
|
+
{
|
|
38
|
+
className: o(
|
|
39
|
+
"absolute right-5 top-5 z-10 text-[var(--category-card-light-icon,hsl(var(--foreground)))] transition-transform duration-700 ease-out",
|
|
40
|
+
// Group hover state
|
|
41
|
+
"group-hover/category-card:-translate-y-1.5 group-hover/category-card:translate-x-1.5",
|
|
42
|
+
a
|
|
43
|
+
),
|
|
44
|
+
"data-slot": "category-card-icon",
|
|
45
|
+
...r,
|
|
46
|
+
children: t
|
|
47
|
+
}
|
|
48
|
+
);
|
|
49
|
+
}
|
|
50
|
+
function f({
|
|
51
|
+
className: a,
|
|
52
|
+
children: t,
|
|
53
|
+
...r
|
|
54
|
+
}) {
|
|
55
|
+
return /* @__PURE__ */ e(
|
|
56
|
+
"div",
|
|
57
|
+
{
|
|
58
|
+
className: o(
|
|
59
|
+
"relative overflow-hidden rounded-[inherit] bg-[var(--category-card-light-background,hsl(var(--contrast-100)))]",
|
|
60
|
+
// Group focus state
|
|
61
|
+
"group-focus/category-card:ring-[var(--category-card-focus,hsl(var(--primary)))]",
|
|
62
|
+
// Group focus-visible state
|
|
63
|
+
"group-focus-visible/category-card:ring-2",
|
|
64
|
+
// Aspect ratio variants
|
|
65
|
+
"group-data-[aspect-ratio=1/1]/category-card:aspect-square",
|
|
66
|
+
"group-data-[aspect-ratio=3/4]/category-card:aspect-[3/4]",
|
|
67
|
+
"group-data-[aspect-ratio=5/6]/category-card:aspect-[5/6]",
|
|
68
|
+
a
|
|
69
|
+
),
|
|
70
|
+
"data-slot": "category-card-thumbnail",
|
|
71
|
+
...r,
|
|
72
|
+
children: t
|
|
73
|
+
}
|
|
74
|
+
);
|
|
75
|
+
}
|
|
76
|
+
function x({
|
|
77
|
+
className: a,
|
|
78
|
+
children: t,
|
|
79
|
+
asChild: r = !1,
|
|
80
|
+
...c
|
|
81
|
+
}) {
|
|
82
|
+
return /* @__PURE__ */ e(
|
|
83
|
+
r ? g : "img",
|
|
84
|
+
{
|
|
85
|
+
className: o(
|
|
86
|
+
"h-full w-full scale-100 select-none bg-[var(--category-card-light-background,hsl(var(--contrast-100)))] object-cover transition-transform duration-500 ease-out",
|
|
87
|
+
// Group hover state
|
|
88
|
+
"group-hover/category-card:scale-110",
|
|
89
|
+
a
|
|
90
|
+
),
|
|
91
|
+
"data-slot": "category-card-image",
|
|
92
|
+
...c
|
|
93
|
+
}
|
|
94
|
+
);
|
|
95
|
+
}
|
|
96
|
+
function v({ className: a, children: t, ...r }) {
|
|
97
|
+
return /* @__PURE__ */ e(
|
|
98
|
+
"div",
|
|
99
|
+
{
|
|
100
|
+
className: o(
|
|
101
|
+
"break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out [color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)]",
|
|
102
|
+
// Group hover state
|
|
103
|
+
"group-hover/category-card:scale-105",
|
|
104
|
+
a
|
|
105
|
+
),
|
|
106
|
+
"data-slot": "category-card-fallback",
|
|
107
|
+
...r,
|
|
108
|
+
children: t
|
|
109
|
+
}
|
|
110
|
+
);
|
|
111
|
+
}
|
|
112
|
+
function h({ children: a, className: t, ...r }) {
|
|
113
|
+
return /* @__PURE__ */ e(
|
|
114
|
+
"div",
|
|
115
|
+
{
|
|
116
|
+
className: o(
|
|
117
|
+
"absolute inset-0 flex items-end p-6",
|
|
118
|
+
// Show overlay gradient
|
|
119
|
+
"group-data-[show-overlay=true]/category-card:bg-gradient-to-b",
|
|
120
|
+
"group-data-[show-overlay=true]/category-card:from-foreground/0 group-data-[show-overlay=true]/category-card:from-50%",
|
|
121
|
+
"group-data-[show-overlay=true]/category-card:via-foreground/0 group-data-[show-overlay=true]/category-card:via-50%",
|
|
122
|
+
"group-data-[show-overlay=true]/category-card:to-foreground/50 group-data-[show-overlay=true]/category-card:to-100%",
|
|
123
|
+
// Container query
|
|
124
|
+
"@xs:p-8",
|
|
125
|
+
t
|
|
126
|
+
),
|
|
127
|
+
"data-slot": "category-card-overlay",
|
|
128
|
+
...r,
|
|
129
|
+
children: a
|
|
130
|
+
}
|
|
131
|
+
);
|
|
132
|
+
}
|
|
133
|
+
function b({ children: a, className: t, ...r }) {
|
|
134
|
+
return /* @__PURE__ */ e(
|
|
135
|
+
"h3",
|
|
136
|
+
{
|
|
137
|
+
className: o(
|
|
138
|
+
"font-semibold leading-tight text-[var(--category-card-light-text,hsl(var(--foreground)))]",
|
|
139
|
+
// Text size: small
|
|
140
|
+
"group-data-[text-size=small]/category-card:text-lg group-data-[text-size=small]/category-card:tracking-normal",
|
|
141
|
+
"group-data-[text-size=small]/category-card:@xs:text-xl",
|
|
142
|
+
// Text size: medium
|
|
143
|
+
"group-data-[text-size=medium]/category-card:text-xl group-data-[text-size=medium]/category-card:tracking-normal",
|
|
144
|
+
"group-data-[text-size=medium]/category-card:@xs:text-2xl",
|
|
145
|
+
// Text size: large
|
|
146
|
+
"group-data-[text-size=large]/category-card:text-2xl group-data-[text-size=large]/category-card:tracking-tight",
|
|
147
|
+
"group-data-[text-size=large]/category-card:@xs:text-3xl",
|
|
148
|
+
// Text size: x-large
|
|
149
|
+
"group-data-[text-size=x-large]/category-card:text-3xl group-data-[text-size=x-large]/category-card:tracking-tight",
|
|
150
|
+
"group-data-[text-size=x-large]/category-card:@xs:text-4xl",
|
|
151
|
+
t
|
|
152
|
+
),
|
|
153
|
+
"data-slot": "category-card-title",
|
|
154
|
+
...r,
|
|
155
|
+
children: a
|
|
156
|
+
}
|
|
157
|
+
);
|
|
158
|
+
}
|
|
159
|
+
function C({ asChild: a = !1, className: t, ...r }) {
|
|
160
|
+
return /* @__PURE__ */ e(
|
|
161
|
+
a ? g : "a",
|
|
162
|
+
{
|
|
163
|
+
className: o(
|
|
164
|
+
"absolute inset-0 rounded-[var(--category-card-border-radius,1rem)] ring-offset-[var(--category-card-light-offset,hsl(var(--background)))]",
|
|
165
|
+
// Focus state
|
|
166
|
+
"focus:outline-none",
|
|
167
|
+
// Focus-visible state
|
|
168
|
+
"focus-visible:ring-2 focus-visible:ring-[var(--category-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4",
|
|
169
|
+
t
|
|
170
|
+
),
|
|
171
|
+
"data-slot": "category-card-link",
|
|
172
|
+
...r
|
|
173
|
+
}
|
|
174
|
+
);
|
|
175
|
+
}
|
|
176
|
+
export {
|
|
177
|
+
m as C,
|
|
178
|
+
p as a,
|
|
179
|
+
f as b,
|
|
180
|
+
x as c,
|
|
181
|
+
v as d,
|
|
182
|
+
h as e,
|
|
183
|
+
b as f,
|
|
184
|
+
C as g
|
|
185
|
+
};
|
|
186
|
+
//# sourceMappingURL=category-card-link-D85RfMpf.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"category-card-link-D85RfMpf.js","sources":["../src/components/category-card/primitives/category-card-root.tsx","../src/components/category-card/primitives/category-card-icon.tsx","../src/components/category-card/primitives/category-card-thumbnail.tsx","../src/components/category-card/primitives/category-card-image.tsx","../src/components/category-card/primitives/category-card-fallback.tsx","../src/components/category-card/primitives/category-card-overlay.tsx","../src/components/category-card/primitives/category-card-title.tsx","../src/components/category-card/primitives/category-card-link.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardRootProps<E extends ElementType = 'article'> = Omit<\n ComponentProps<E>,\n 'as'\n> & {\n as?: E;\n aspectRatio?: '5/6' | '3/4' | '1/1';\n textSize?: 'small' | 'medium' | 'large' | 'x-large';\n showOverlay?: boolean;\n};\n\nexport function CategoryCardRoot<T extends ElementType = 'article'>({\n className,\n children,\n as,\n aspectRatio = '5/6',\n textSize = 'small',\n showOverlay = true,\n ...props\n}: CategoryCardRootProps<T>) {\n const CategoryCardRootElement = as ?? 'article';\n\n return (\n <CategoryCardRootElement\n className={cn(\n 'group/category-card relative flex w-full max-w-md cursor-pointer flex-col rounded-[var(--category-card-border-radius,1rem)] font-[var(--category-card-font-family,var(--font-family-body))] @container',\n // Text size gap variants\n 'data-[text-size=small]:gap-2',\n 'data-[text-size=medium]:gap-3',\n 'data-[text-size=large]:gap-4',\n 'data-[text-size=x-large]:gap-5',\n className,\n )}\n data-aspect-ratio={aspectRatio}\n data-show-overlay={showOverlay}\n data-slot=\"category-card-root\"\n data-text-size={textSize}\n {...props}\n >\n {children}\n </CategoryCardRootElement>\n );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardIconProps = ComponentProps<typeof Slot>;\n\nexport function CategoryCardIcon({ className, children, ...props }: CategoryCardIconProps) {\n return (\n <Slot\n className={cn(\n 'absolute right-5 top-5 z-10 text-[var(--category-card-light-icon,hsl(var(--foreground)))] transition-transform duration-700 ease-out',\n // Group hover state\n 'group-hover/category-card:-translate-y-1.5 group-hover/category-card:translate-x-1.5',\n className,\n )}\n data-slot=\"category-card-icon\"\n {...props}\n >\n {children}\n </Slot>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardThumbnailProps = ComponentProps<'div'>;\n\nexport function CategoryCardThumbnail({\n className,\n children,\n ...props\n}: CategoryCardThumbnailProps) {\n return (\n <div\n className={cn(\n 'relative overflow-hidden rounded-[inherit] bg-[var(--category-card-light-background,hsl(var(--contrast-100)))]',\n // Group focus state\n 'group-focus/category-card:ring-[var(--category-card-focus,hsl(var(--primary)))]',\n // Group focus-visible state\n 'group-focus-visible/category-card:ring-2',\n // Aspect ratio variants\n 'group-data-[aspect-ratio=1/1]/category-card:aspect-square',\n 'group-data-[aspect-ratio=3/4]/category-card:aspect-[3/4]',\n 'group-data-[aspect-ratio=5/6]/category-card:aspect-[5/6]',\n className,\n )}\n data-slot=\"category-card-thumbnail\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardImageProps = ComponentProps<'img'> & {\n asChild?: boolean;\n};\n\nexport function CategoryCardImage({\n className,\n children,\n asChild = false,\n ...props\n}: CategoryCardImageProps) {\n const Component = asChild ? Slot : 'img';\n\n return (\n <Component\n className={cn(\n 'h-full w-full scale-100 select-none bg-[var(--category-card-light-background,hsl(var(--contrast-100)))] object-cover transition-transform duration-500 ease-out',\n // Group hover state\n 'group-hover/category-card:scale-110',\n className,\n )}\n data-slot=\"category-card-image\"\n {...props}\n />\n );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardFallbackProps = ComponentProps<'div'>;\n\nexport function CategoryCardFallback({ className, children, ...props }: CategoryCardFallbackProps) {\n return (\n <div\n className={cn(\n 'break-words p-4 text-4xl font-bold leading-none tracking-tight transition-transform duration-500 ease-out [color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)]',\n // Group hover state\n 'group-hover/category-card:scale-105',\n className,\n )}\n data-slot=\"category-card-fallback\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardOverlayProps = ComponentProps<'div'>;\n\nexport function CategoryCardOverlay({ children, className, ...props }: CategoryCardOverlayProps) {\n return (\n <div\n className={cn(\n 'absolute inset-0 flex items-end p-6',\n // Show overlay gradient\n 'group-data-[show-overlay=true]/category-card:bg-gradient-to-b',\n 'group-data-[show-overlay=true]/category-card:from-foreground/0 group-data-[show-overlay=true]/category-card:from-50%',\n 'group-data-[show-overlay=true]/category-card:via-foreground/0 group-data-[show-overlay=true]/category-card:via-50%',\n 'group-data-[show-overlay=true]/category-card:to-foreground/50 group-data-[show-overlay=true]/category-card:to-100%',\n // Container query\n '@xs:p-8',\n className,\n )}\n data-slot=\"category-card-overlay\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type CategoryCardTitleProps = ComponentProps<'h3'>;\n\nexport function CategoryCardTitle({ children, className, ...props }: CategoryCardTitleProps) {\n return (\n <h3\n className={cn(\n 'font-semibold leading-tight text-[var(--category-card-light-text,hsl(var(--foreground)))]',\n // Text size: small\n 'group-data-[text-size=small]/category-card:text-lg group-data-[text-size=small]/category-card:tracking-normal',\n 'group-data-[text-size=small]/category-card:@xs:text-xl',\n // Text size: medium\n 'group-data-[text-size=medium]/category-card:text-xl group-data-[text-size=medium]/category-card:tracking-normal',\n 'group-data-[text-size=medium]/category-card:@xs:text-2xl',\n // Text size: large\n 'group-data-[text-size=large]/category-card:text-2xl group-data-[text-size=large]/category-card:tracking-tight',\n 'group-data-[text-size=large]/category-card:@xs:text-3xl',\n // Text size: x-large\n 'group-data-[text-size=x-large]/category-card:text-3xl group-data-[text-size=x-large]/category-card:tracking-tight',\n 'group-data-[text-size=x-large]/category-card:@xs:text-4xl',\n className,\n )}\n data-slot=\"category-card-title\"\n {...props}\n >\n {children}\n </h3>\n );\n}\n","'use client';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport interface CategoryCardLinkProps extends ComponentProps<'a'> {\n asChild?: boolean;\n}\n\nexport function CategoryCardLink({ asChild = false, className, ...props }: CategoryCardLinkProps) {\n const Component = asChild ? Slot : 'a';\n\n return (\n <Component\n className={cn(\n 'absolute inset-0 rounded-[var(--category-card-border-radius,1rem)] ring-offset-[var(--category-card-light-offset,hsl(var(--background)))]',\n // Focus state\n 'focus:outline-none',\n // Focus-visible state\n 'focus-visible:ring-2 focus-visible:ring-[var(--category-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4',\n className,\n )}\n data-slot=\"category-card-link\"\n {...props}\n />\n );\n}\n"],"names":["CategoryCardRoot","className","children","as","aspectRatio","textSize","showOverlay","props","jsx","cn","CategoryCardIcon","Slot","CategoryCardThumbnail","CategoryCardImage","asChild","CategoryCardFallback","CategoryCardOverlay","CategoryCardTitle","CategoryCardLink"],"mappings":";;;AAgBO,SAASA,EAAoD;AAAA,EAClE,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAA6B;AAG3B,SACE,gBAAAC;AAAA,IAH8BL,KAAM;AAAA,IAGnC;AAAA,MACC,WAAWM;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAR;AAAA,MAAA;AAAA,MAEF,qBAAmBG;AAAA,MACnB,qBAAmBE;AAAA,MACnB,aAAU;AAAA,MACV,kBAAgBD;AAAA,MACf,GAAGE;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;ACtCO,SAASQ,EAAiB,EAAE,WAAAT,GAAW,UAAAC,GAAU,GAAGK,KAAgC;AACzF,SACE,gBAAAC;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACAR;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGM;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;AClBO,SAASU,EAAsB;AAAA,EACpC,WAAAX;AAAA,EACA,UAAAC;AAAA,EACA,GAAGK;AACL,GAA+B;AAC7B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACAR;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGM;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;ACpBO,SAASW,EAAkB;AAAA,EAChC,WAAAZ;AAAA,EACA,UAAAC;AAAA,EACA,SAAAY,IAAU;AAAA,EACV,GAAGP;AACL,GAA2B;AAGzB,SACE,gBAAAC;AAAA,IAHgBM,IAAUH,IAAO;AAAA,IAGhC;AAAA,MACC,WAAWF;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACAR;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGM;AAAA,IAAA;AAAA,EAAA;AAGV;ACvBO,SAASQ,EAAqB,EAAE,WAAAd,GAAW,UAAAC,GAAU,GAAGK,KAAoC;AACjG,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACAR;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGM;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;ACjBO,SAASc,EAAoB,EAAE,UAAAd,GAAU,WAAAD,GAAW,GAAGM,KAAmC;AAC/F,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACAR;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGM;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;ACpBO,SAASe,EAAkB,EAAE,UAAAf,GAAU,WAAAD,GAAW,GAAGM,KAAiC;AAC3F,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACAR;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGM;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;ACpBO,SAASgB,EAAiB,EAAE,SAAAJ,IAAU,IAAO,WAAAb,GAAW,GAAGM,KAAgC;AAGhG,SACE,gBAAAC;AAAA,IAHgBM,IAAUH,IAAO;AAAA,IAGhC;AAAA,MACC,WAAWF;AAAA,QACT;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACAR;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGM;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
package/dist/category-card.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./category-card-link-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./category-card-link-BXoWFETv.cjs"),a=require("react/jsx-runtime"),r=require("./utils-DoxiiusW.cjs"),c=require("./skeleton-box-BsY5q4RG.cjs"),n=require("./skeleton-text-BxefRRo2.cjs");function s({className:t,...o}){return a.jsxs("div",{className:r.cn("@container",t),...o,"data-slot":"category-card-skeleton",children:[a.jsx(c.SkeletonBox,{className:r.cn("rounded-[var(--category-card-border-radius,1rem)]","group-data-[aspect-ratio=1/1]/category-card:aspect-square","group-data-[aspect-ratio=3/4]/category-card:aspect-[3/4]","group-data-[aspect-ratio=5/6]/category-card:aspect-[5/6]")}),a.jsx("div",{className:"mt-3",children:a.jsx(n.SkeletonText,{characterCount:10,className:"rounded text-lg"})})]})}exports.Fallback=e.CategoryCardFallback;exports.Icon=e.CategoryCardIcon;exports.Image=e.CategoryCardImage;exports.Link=e.CategoryCardLink;exports.Overlay=e.CategoryCardOverlay;exports.Root=e.CategoryCardRoot;exports.Thumbnail=e.CategoryCardThumbnail;exports.Title=e.CategoryCardTitle;exports.Skeleton=s;
|
|
2
2
|
//# sourceMappingURL=category-card.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"category-card.cjs","sources":["../src/components/category-card/primitives/category-card-skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\
|
|
1
|
+
{"version":3,"file":"category-card.cjs","sources":["../src/components/category-card/primitives/category-card-skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\nexport type CategoryCardSkeletonProps = ComponentProps<'div'>;\n\nexport function CategoryCardSkeleton({ className, ...props }: CategoryCardSkeletonProps) {\n return (\n <div className={cn('@container', className)} {...props} data-slot=\"category-card-skeleton\">\n <SkeletonPrimitive.Box\n className={cn(\n 'rounded-[var(--category-card-border-radius,1rem)]',\n // Aspect ratio variants\n 'group-data-[aspect-ratio=1/1]/category-card:aspect-square',\n 'group-data-[aspect-ratio=3/4]/category-card:aspect-[3/4]',\n 'group-data-[aspect-ratio=5/6]/category-card:aspect-[5/6]',\n )}\n />\n <div className=\"mt-3\">\n <SkeletonPrimitive.Text characterCount={10} className=\"rounded text-lg\" />\n </div>\n </div>\n );\n}\n"],"names":["CategoryCardSkeleton","className","props","jsxs","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":"yRAOO,SAASA,EAAqB,CAAE,UAAAC,EAAW,GAAGC,GAAoC,CACvF,OACEC,OAAC,MAAA,CAAI,UAAWC,EAAAA,GAAG,aAAcH,CAAS,EAAI,GAAGC,EAAO,YAAU,yBAChE,SAAA,CAAAG,EAAAA,IAACC,EAAAA,YAAA,CACC,UAAWF,EAAAA,GACT,oDAEA,4DACA,2DACA,0DAAA,CACF,CAAA,EAEFC,EAAAA,IAAC,MAAA,CAAI,UAAU,OACb,SAAAA,EAAAA,IAACE,EAAAA,aAAA,CAAuB,eAAgB,GAAI,UAAU,iBAAA,CAAkB,CAAA,CAC1E,CAAA,EACF,CAEJ"}
|
package/dist/category-card.js
CHANGED
|
@@ -1,38 +1,34 @@
|
|
|
1
|
-
import { u as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { S as
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const { aspectRatio: t } = s();
|
|
9
|
-
return /* @__PURE__ */ c("div", { className: e("@container", r), ...o, "data-slot": "category-card-skeleton", children: [
|
|
1
|
+
import { d as u, a as f, c as k, g as x, e as y, C as S, b, f as h } from "./category-card-link-D85RfMpf.js";
|
|
2
|
+
import { jsxs as o, jsx as a } from "react/jsx-runtime";
|
|
3
|
+
import { c as r } from "./utils-CRiPKpXj.js";
|
|
4
|
+
import { S as s } from "./skeleton-box-D0XcgPLs.js";
|
|
5
|
+
import { S as c } from "./skeleton-text-BCsnfhcU.js";
|
|
6
|
+
function m({ className: e, ...t }) {
|
|
7
|
+
return /* @__PURE__ */ o("div", { className: r("@container", e), ...t, "data-slot": "category-card-skeleton", children: [
|
|
10
8
|
/* @__PURE__ */ a(
|
|
11
|
-
|
|
9
|
+
s,
|
|
12
10
|
{
|
|
13
|
-
className:
|
|
11
|
+
className: r(
|
|
14
12
|
"rounded-[var(--category-card-border-radius,1rem)]",
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}[t]
|
|
13
|
+
// Aspect ratio variants
|
|
14
|
+
"group-data-[aspect-ratio=1/1]/category-card:aspect-square",
|
|
15
|
+
"group-data-[aspect-ratio=3/4]/category-card:aspect-[3/4]",
|
|
16
|
+
"group-data-[aspect-ratio=5/6]/category-card:aspect-[5/6]"
|
|
20
17
|
)
|
|
21
18
|
}
|
|
22
19
|
),
|
|
23
|
-
/* @__PURE__ */ a("div", { className: "mt-3", children: /* @__PURE__ */ a(
|
|
20
|
+
/* @__PURE__ */ a("div", { className: "mt-3", children: /* @__PURE__ */ a(c, { characterCount: 10, className: "rounded text-lg" }) })
|
|
24
21
|
] });
|
|
25
22
|
}
|
|
26
23
|
export {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
s as useCategoryCard
|
|
24
|
+
u as Fallback,
|
|
25
|
+
f as Icon,
|
|
26
|
+
k as Image,
|
|
27
|
+
x as Link,
|
|
28
|
+
y as Overlay,
|
|
29
|
+
S as Root,
|
|
30
|
+
m as Skeleton,
|
|
31
|
+
b as Thumbnail,
|
|
32
|
+
h as Title
|
|
37
33
|
};
|
|
38
34
|
//# sourceMappingURL=category-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"category-card.js","sources":["../src/components/category-card/primitives/category-card-skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\
|
|
1
|
+
{"version":3,"file":"category-card.js","sources":["../src/components/category-card/primitives/category-card-skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\nexport type CategoryCardSkeletonProps = ComponentProps<'div'>;\n\nexport function CategoryCardSkeleton({ className, ...props }: CategoryCardSkeletonProps) {\n return (\n <div className={cn('@container', className)} {...props} data-slot=\"category-card-skeleton\">\n <SkeletonPrimitive.Box\n className={cn(\n 'rounded-[var(--category-card-border-radius,1rem)]',\n // Aspect ratio variants\n 'group-data-[aspect-ratio=1/1]/category-card:aspect-square',\n 'group-data-[aspect-ratio=3/4]/category-card:aspect-[3/4]',\n 'group-data-[aspect-ratio=5/6]/category-card:aspect-[5/6]',\n )}\n />\n <div className=\"mt-3\">\n <SkeletonPrimitive.Text characterCount={10} className=\"rounded text-lg\" />\n </div>\n </div>\n );\n}\n"],"names":["CategoryCardSkeleton","className","props","jsxs","cn","jsx","SkeletonPrimitive.Box","SkeletonPrimitive.Text"],"mappings":";;;;;AAOO,SAASA,EAAqB,EAAE,WAAAC,GAAW,GAAGC,KAAoC;AACvF,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAG,cAAcH,CAAS,GAAI,GAAGC,GAAO,aAAU,0BAChE,UAAA;AAAA,IAAA,gBAAAG;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWF;AAAA,UACT;AAAA;AAAA,UAEA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,IAEF,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACb,UAAA,gBAAAA,EAACE,GAAA,EAAuB,gBAAgB,IAAI,WAAU,kBAAA,CAAkB,EAAA,CAC1E;AAAA,EAAA,GACF;AAEJ;"}
|
package/dist/compare-card.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./compare-card-specs-empty-D42h8BPm.cjs"),r=require("react/jsx-runtime"),n=require("./product-card-root-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./compare-card-specs-empty-D42h8BPm.cjs"),r=require("react/jsx-runtime"),n=require("./product-card-root-DNqlSx52.cjs"),c=require("./utils-DoxiiusW.cjs"),d=require("./product-card-skeleton-BgN1OCwY.cjs"),s=require("./skeleton-box-BsY5q4RG.cjs"),a=require("./skeleton-text-BxefRRo2.cjs");function i({href:t,children:o}){return r.jsx(e.ButtonLink,{className:"w-full","data-slot":"compare-card-link",href:t,size:"medium",children:o})}function p({className:t,...o}){return r.jsxs("div",{className:c.cn("w-full max-w-md divide-y divide-[var(--compare-card-divider,hsl(var(--contrast-100)))] @container",t),"data-slot":"compare-card-skeleton",...o,children:[r.jsxs("div",{className:"mb-2 space-y-4 pb-4",children:[r.jsx(n.ProductCardRoot,{children:r.jsx(d.ProductCardSkeleton,{})}),r.jsx(s.SkeletonBox,{className:"h-12 rounded-full"})]}),r.jsxs("div",{className:"space-y-4 py-4 text-xs",children:[r.jsx(a.SkeletonText,{characterCount:10,className:"rounded"}),r.jsx(s.SkeletonBox,{className:"h-6 w-32 rounded"})]}),r.jsxs("div",{className:"space-y-4 py-4 text-xs",children:[r.jsx(a.SkeletonText,{characterCount:12,className:"rounded"}),r.jsxs("div",{className:"text-sm",children:[r.jsx(a.SkeletonText,{characterCount:"full",className:"rounded"}),r.jsx(a.SkeletonText,{characterCount:45,className:"rounded"}),r.jsx(a.SkeletonText,{characterCount:40,className:"rounded"})]})]})]})}exports.Description=e.CompareCardDescription;exports.DescriptionContent=e.CompareCardDescriptionContent;exports.DescriptionEmpty=e.CompareCardDescriptionEmpty;exports.DescriptionLabel=e.CompareCardDescriptionLabel;exports.Form=e.CompareCardForm;exports.FormInput=e.CompareCardFormInput;exports.Product=e.CompareCardProduct;exports.Rating=e.CompareCardRating;exports.RatingEmpty=e.CompareCardRatingEmpty;exports.RatingLabel=e.CompareCardRatingLabel;exports.Root=e.CompareCardRoot;exports.Specs=e.CompareCardSpecs;exports.SpecsDefinition=e.CompareCardSpecsDefinition;exports.SpecsEmpty=e.CompareCardSpecsEmpty;exports.SpecsLabel=e.CompareCardSpecsLabel;exports.SpecsList=e.CompareCardSpecsList;exports.SpecsTerm=e.CompareCardSpecsTerm;exports.Link=i;exports.Skeleton=p;
|
|
2
2
|
//# sourceMappingURL=compare-card.cjs.map
|
package/dist/compare-card.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { B as c } from "./compare-card-specs-empty-n4gOqNXU.js";
|
|
2
2
|
import { g as v, i as y, j as L, h as b, a as D, b as P, c as R, d as g, f as w, e as j, C as B, k as E, o as F, p as T, l as z, m as I, n as q } from "./compare-card-specs-empty-n4gOqNXU.js";
|
|
3
3
|
import { jsx as a, jsxs as e } from "react/jsx-runtime";
|
|
4
|
-
import { P as n } from "./product-card-root-
|
|
4
|
+
import { P as n } from "./product-card-root-BnBOoYFY.js";
|
|
5
5
|
import { c as i } from "./utils-CRiPKpXj.js";
|
|
6
|
-
import { P as d } from "./product-card-skeleton-
|
|
6
|
+
import { P as d } from "./product-card-skeleton-C-xXJrKi.js";
|
|
7
7
|
import { S as o } from "./skeleton-box-D0XcgPLs.js";
|
|
8
8
|
import { S as s } from "./skeleton-text-BCsnfhcU.js";
|
|
9
9
|
function N({ href: r, children: t }) {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
2
|
interface BaseAccordionProps {
|
|
3
3
|
className?: string;
|
|
4
|
-
colorScheme?: 'light' | 'dark';
|
|
5
4
|
items: Array<{
|
|
6
5
|
title: string;
|
|
7
6
|
content: ReactNode;
|
|
@@ -42,6 +41,6 @@ export type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
|
|
|
42
41
|
* }
|
|
43
42
|
* ```
|
|
44
43
|
*/
|
|
45
|
-
export declare function Accordion({ className,
|
|
44
|
+
export declare function Accordion({ className, items, ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
|
|
46
45
|
export {};
|
|
47
46
|
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,SAAS,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;CACJ;AAED,UAAU,oBAAqB,SAAQ,kBAAkB;IACvD,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,sBAAuB,SAAQ,kBAAkB;IACzD,IAAI,EAAE,UAAU,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,sBAAsB,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAkBvE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-chevron.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/primitives/accordion-chevron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"accordion-chevron.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/primitives/accordion-chevron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1D,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAgC9E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-content-area.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/primitives/accordion-content-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"accordion-content-area.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/primitives/accordion-content-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9D,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,yBAAyB,2CAchG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/primitives/accordion-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/primitives/accordion-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAEhF,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAalF"}
|
|
@@ -1,13 +1,5 @@
|
|
|
1
1
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
2
2
|
import type { ComponentProps } from 'react';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}
|
|
6
|
-
export declare const AccordionContext: import("react").Context<AccordionContext | undefined>;
|
|
7
|
-
export type AccordionRootProps = ComponentProps<typeof AccordionPrimitive.Root> & {
|
|
8
|
-
colorScheme?: 'light' | 'dark';
|
|
9
|
-
};
|
|
10
|
-
export declare function AccordionRoot({ className, colorScheme, children, ...props }: AccordionRootProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export declare function useAccordion(): AccordionContext;
|
|
12
|
-
export {};
|
|
3
|
+
export type AccordionRootProps = ComponentProps<typeof AccordionPrimitive.Root>;
|
|
4
|
+
export declare function AccordionRoot({ className, children, ...props }: AccordionRootProps): import("react/jsx-runtime").JSX.Element;
|
|
13
5
|
//# sourceMappingURL=accordion-root.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-root.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/primitives/accordion-root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"accordion-root.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/primitives/accordion-root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAEhF,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAMlF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-title.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/primitives/accordion-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"accordion-title.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/primitives/accordion-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExD,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAYpF"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { AccordionItem as Item, type AccordionItemProps as ItemProps, } from './primitives/accordion-item';
|
|
2
|
-
export { AccordionRoot as Root, type AccordionRootProps as RootProps,
|
|
2
|
+
export { AccordionRoot as Root, type AccordionRootProps as RootProps, } from './primitives/accordion-root';
|
|
3
3
|
export { AccordionContent as Content, type AccordionContentProps as ContentProps, } from './primitives/accordion-content';
|
|
4
4
|
export { AccordionContentArea as ContentArea, type AccordionContentAreaProps as ContentAreaProps, } from './primitives/accordion-content-area';
|
|
5
5
|
export { AccordionHeader as Header, type AccordionHeaderProps as HeaderProps, } from './primitives/accordion-header';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/primitives.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,IAAI,IAAI,EACrB,KAAK,kBAAkB,IAAI,SAAS,GACrC,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EACL,aAAa,IAAI,IAAI,EACrB,KAAK,kBAAkB,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/primitives.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,IAAI,IAAI,EACrB,KAAK,kBAAkB,IAAI,SAAS,GACrC,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EACL,aAAa,IAAI,IAAI,EACrB,KAAK,kBAAkB,IAAI,SAAS,GACrC,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EACL,gBAAgB,IAAI,OAAO,EAC3B,KAAK,qBAAqB,IAAI,YAAY,GAC3C,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EACL,oBAAoB,IAAI,WAAW,EACnC,KAAK,yBAAyB,IAAI,gBAAgB,GACnD,MAAM,0DAA0D,CAAC;AAClE,OAAO,EACL,eAAe,IAAI,MAAM,EACzB,KAAK,oBAAoB,IAAI,WAAW,GACzC,MAAM,oDAAoD,CAAC;AAC5D,OAAO,EACL,cAAc,IAAI,KAAK,EACvB,KAAK,mBAAmB,IAAI,UAAU,GACvC,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EACL,gBAAgB,IAAI,OAAO,EAC3B,KAAK,qBAAqB,IAAI,YAAY,GAC3C,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EACL,gBAAgB,IAAI,OAAO,EAC3B,KAAK,qBAAqB,IAAI,YAAY,GAC3C,MAAM,qDAAqD,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export interface BlogPostCardProps {
|
|
2
2
|
className?: string;
|
|
3
|
+
aspectRatio?: '5/6' | '3/4' | '4/3' | '1/1';
|
|
3
4
|
title: string;
|
|
4
5
|
author?: string;
|
|
5
6
|
content: string;
|
|
@@ -31,5 +32,5 @@ export interface BlogPostCardProps {
|
|
|
31
32
|
* }
|
|
32
33
|
* ```
|
|
33
34
|
*/
|
|
34
|
-
export declare function BlogPostCard({ author, content, date, link, image, title, className, }: BlogPostCardProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export declare function BlogPostCard({ author, aspectRatio, content, date, link, image, title, className, }: BlogPostCardProps): import("react/jsx-runtime").JSX.Element;
|
|
35
36
|
//# sourceMappingURL=blog-post-card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"blog-post-card.d.ts","sourceRoot":"","sources":["../../../src/components/blog-post-card/blog-post-card.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,GACV,EAAE,iBAAiB,2CAqBnB"}
|
|
1
|
+
{"version":3,"file":"blog-post-card.d.ts","sourceRoot":"","sources":["../../../src/components/blog-post-card/blog-post-card.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,WAAmB,EACnB,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,GACV,EAAE,iBAAiB,2CAqBnB"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { ComponentProps, ElementType } from 'react';
|
|
2
2
|
export type BlogPostCardRootProps<E extends ElementType = 'article'> = Omit<ComponentProps<E>, 'as'> & {
|
|
3
3
|
as?: E;
|
|
4
|
+
aspectRatio?: '5/6' | '3/4' | '4/3' | '1/1';
|
|
4
5
|
};
|
|
5
|
-
export declare function BlogPostCardRoot<T extends ElementType = 'article'>({ as, className, children, ...props }: BlogPostCardRootProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare function BlogPostCardRoot<T extends ElementType = 'article'>({ as, className, children, aspectRatio, ...props }: BlogPostCardRootProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
6
7
|
//# sourceMappingURL=blog-post-card-root.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"blog-post-card-root.d.ts","sourceRoot":"","sources":["../../../../src/components/blog-post-card/primitives/blog-post-card-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzD,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,WAAW,GAAG,SAAS,IAAI,IAAI,CACzE,cAAc,CAAC,CAAC,CAAC,EACjB,IAAI,CACL,GAAG;IACF,EAAE,CAAC,EAAE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"blog-post-card-root.d.ts","sourceRoot":"","sources":["../../../../src/components/blog-post-card/primitives/blog-post-card-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzD,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,WAAW,GAAG,SAAS,IAAI,IAAI,CACzE,cAAc,CAAC,CAAC,CAAC,EACjB,IAAI,CACL,GAAG;IACF,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,WAAW,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;CAC7C,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,SAAS,EAAE,EAClE,EAAE,EACF,SAAS,EACT,QAAQ,EACR,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAgB1B"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import type { ComponentProps } from 'react';
|
|
2
|
-
export type BlogPostCardSkeletonProps = ComponentProps<'div'
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
export declare function BlogPostCardSkeleton({ className, aspectRatio, ...props }: BlogPostCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export type BlogPostCardSkeletonProps = ComponentProps<'div'>;
|
|
3
|
+
export declare function BlogPostCardSkeleton({ className, ...props }: BlogPostCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
6
4
|
//# sourceMappingURL=blog-post-card-skeleton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"blog-post-card-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/blog-post-card/primitives/blog-post-card-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"blog-post-card-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/blog-post-card/primitives/blog-post-card-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9D,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,yBAAyB,2CAqBtF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"blog-post-card-thumbnail.d.ts","sourceRoot":"","sources":["../../../../src/components/blog-post-card/primitives/blog-post-card-thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE/D,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,0BAA0B,
|
|
1
|
+
{"version":3,"file":"blog-post-card-thumbnail.d.ts","sourceRoot":"","sources":["../../../../src/components/blog-post-card/primitives/blog-post-card-thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE/D,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAiB5B"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import type { ComponentProps } from 'react';
|
|
2
2
|
import { DayPicker } from 'react-day-picker';
|
|
3
|
-
export type CalendarProps = ComponentProps<typeof DayPicker
|
|
4
|
-
colorScheme?: 'light' | 'dark';
|
|
5
|
-
};
|
|
3
|
+
export type CalendarProps = ComponentProps<typeof DayPicker>;
|
|
6
4
|
/**
|
|
7
5
|
* This component supports various CSS variables for theming. Here's a comprehensive list, along
|
|
8
6
|
* with their default values:
|
|
@@ -33,5 +31,5 @@ export type CalendarProps = ComponentProps<typeof DayPicker> & {
|
|
|
33
31
|
* }
|
|
34
32
|
* ```
|
|
35
33
|
*/
|
|
36
|
-
export declare function Calendar({ className,
|
|
34
|
+
export declare function Calendar({ className, classNames, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
|
|
37
35
|
//# sourceMappingURL=calendar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/calendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAQ7C,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/calendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAQ7C,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAwC1E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel-controls.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/primitives/carousel-controls.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"carousel-controls.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/primitives/carousel-controls.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1D,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAaxF"}
|
|
@@ -12,7 +12,6 @@ interface CarouselContext {
|
|
|
12
12
|
scrollNext: () => void;
|
|
13
13
|
canScrollPrev: boolean;
|
|
14
14
|
canScrollNext: boolean;
|
|
15
|
-
colorScheme: 'light' | 'dark';
|
|
16
15
|
hideOverflow: boolean;
|
|
17
16
|
}
|
|
18
17
|
export declare const CarouselContext: import("react").Context<CarouselContext | null>;
|
|
@@ -21,9 +20,8 @@ export interface CarouselRootProps extends ComponentProps<'div'> {
|
|
|
21
20
|
plugins?: CarouselPlugin;
|
|
22
21
|
setApi?: (api: CarouselApi) => void;
|
|
23
22
|
hideOverflow?: boolean;
|
|
24
|
-
colorScheme?: 'light' | 'dark';
|
|
25
23
|
}
|
|
26
|
-
export declare function CarouselRoot({ children, className, opts, plugins, setApi, hideOverflow,
|
|
24
|
+
export declare function CarouselRoot({ children, className, opts, plugins, setApi, hideOverflow, ...props }: CarouselRootProps): import("react/jsx-runtime").JSX.Element;
|
|
27
25
|
export declare function useCarousel(): CarouselContext;
|
|
28
26
|
export {};
|
|
29
27
|
//# sourceMappingURL=carousel-root.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel-root.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/primitives/carousel-root.tsx"],"names":[],"mappings":"AAEA,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,OAAO,CAAC;AAK3D,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAClD,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAE/C,UAAU,eAAe;IACvB,WAAW,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,GAAG,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,
|
|
1
|
+
{"version":3,"file":"carousel-root.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/primitives/carousel-root.tsx"],"names":[],"mappings":"AAEA,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,OAAO,CAAC;AAK3D,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAClD,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAE/C,UAAU,eAAe;IACvB,WAAW,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,GAAG,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,iDAA8C,CAAC;AAE3E,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC9D,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,YAAmB,EACnB,GAAG,KAAK,EACT,EAAE,iBAAiB,2CA4EnB;AAED,wBAAgB,WAAW,oBAQ1B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel-scrollbar.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/primitives/carousel-scrollbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE3D,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE,sBAAsB,
|
|
1
|
+
{"version":3,"file":"carousel-scrollbar.d.ts","sourceRoot":"","sources":["../../../../src/components/carousel/primitives/carousel-scrollbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE3D,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAoGtE"}
|