commerce-toolkit 0.1.1 → 0.2.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/category-card-link-BqMAG9Op.js +211 -0
- package/dist/category-card-link-BqMAG9Op.js.map +1 -0
- package/dist/category-card-link-BwSFHFcd.cjs +2 -0
- package/dist/category-card-link-BwSFHFcd.cjs.map +1 -0
- package/dist/category-card.cjs +1 -1
- package/dist/category-card.cjs.map +1 -1
- package/dist/category-card.js +23 -218
- package/dist/category-card.js.map +1 -1
- package/dist/checkbox-indicator-GNoyS6OL.cjs +2 -0
- package/dist/checkbox-indicator-GNoyS6OL.cjs.map +1 -0
- package/dist/checkbox-indicator-os50dewx.js +18 -0
- package/dist/checkbox-indicator-os50dewx.js.map +1 -0
- package/dist/{checkbox-indicator-Cfw9uH_b.js → checkbox-root-B9W2Y8rY.js} +74 -85
- package/dist/checkbox-root-B9W2Y8rY.js.map +1 -0
- package/dist/checkbox-root-g9HcYZCP.cjs +2 -0
- package/dist/checkbox-root-g9HcYZCP.cjs.map +1 -0
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +5 -4
- package/dist/checkbox.js.map +1 -1
- package/dist/compare-card-specs-empty-BMLUSqQL.js +281 -0
- package/dist/compare-card-specs-empty-BMLUSqQL.js.map +1 -0
- package/dist/compare-card-specs-empty-ar5CneZv.cjs +2 -0
- package/dist/compare-card-specs-empty-ar5CneZv.cjs.map +1 -0
- package/dist/compare-card.cjs +2 -0
- package/dist/compare-card.cjs.map +1 -0
- package/dist/compare-card.js +65 -0
- package/dist/compare-card.js.map +1 -0
- package/dist/components/accordion/index.d.ts.map +1 -1
- package/dist/components/alert/index.d.ts.map +1 -1
- package/dist/components/banner/index.d.ts.map +1 -1
- package/dist/components/blog-post-card/index.d.ts.map +1 -1
- package/dist/components/card/index.d.ts.map +1 -1
- package/dist/components/carousel/index.d.ts.map +1 -1
- package/dist/components/checkbox/index.d.ts.map +1 -1
- package/dist/components/chip/index.d.ts.map +1 -1
- package/dist/components/compare-card/compare-card.d.ts +45 -0
- package/dist/components/compare-card/compare-card.d.ts.map +1 -0
- package/dist/components/compare-card/index.d.ts +3 -0
- package/dist/components/compare-card/index.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-description-content.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-description-content.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-description-empty.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-description-empty.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-description-label.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-description-label.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-description.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-description.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-form-input.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-form-input.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-form.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-form.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-link.d.ts +5 -0
- package/dist/components/compare-card/primitives/compare-card-link.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-product.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-product.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-rating-empty.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-rating-empty.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-rating-label.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-rating-label.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-rating.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-rating.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-root.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-root.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-skeleton.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-skeleton.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-specs-definition.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-specs-definition.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-specs-empty.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-specs-empty.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-specs-label.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-specs-label.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-specs-list.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-specs-list.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-specs-term.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-specs-term.d.ts.map +1 -0
- package/dist/components/compare-card/primitives/compare-card-specs.d.ts +4 -0
- package/dist/components/compare-card/primitives/compare-card-specs.d.ts.map +1 -0
- package/dist/components/compare-card/primitives.d.ts +20 -0
- package/dist/components/compare-card/primitives.d.ts.map +1 -0
- package/dist/components/compare-drawer/index.d.ts.map +1 -1
- package/dist/components/cursor-pagination/index.d.ts +1 -1
- package/dist/components/cursor-pagination/index.d.ts.map +1 -1
- package/dist/components/dropdown-menu/index.d.ts.map +1 -1
- package/dist/components/favorite/index.d.ts.map +1 -1
- package/dist/components/icon/index.d.ts.map +1 -1
- package/dist/components/label/index.d.ts.map +1 -1
- package/dist/components/logo/index.d.ts.map +1 -1
- package/dist/components/modal/index.d.ts.map +1 -1
- package/dist/components/offset-pagination/index.d.ts +1 -1
- package/dist/components/offset-pagination/index.d.ts.map +1 -1
- package/dist/components/price/index.d.ts.map +1 -1
- package/dist/components/product-card/index.d.ts.map +1 -1
- package/dist/components/rating/index.d.ts.map +1 -1
- package/dist/components/reveal/index.d.ts.map +1 -1
- package/dist/components/scroll-area/index.d.ts.map +1 -1
- package/dist/components/skeleton/index.d.ts.map +1 -1
- package/dist/components/tabs/index.d.ts.map +1 -1
- package/dist/index.cjs +10 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +26 -19
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1274 -1132
- package/dist/index.js.map +1 -1
- package/dist/lib/index.d.ts.map +1 -1
- package/dist/offset-pagination-ellipsis-DWDhFCgW.js +79 -0
- package/dist/offset-pagination-ellipsis-DWDhFCgW.js.map +1 -0
- package/dist/offset-pagination-ellipsis-MCFHXB-5.cjs +2 -0
- package/dist/offset-pagination-ellipsis-MCFHXB-5.cjs.map +1 -0
- package/dist/offset-pagination.cjs +1 -1
- package/dist/offset-pagination.cjs.map +1 -1
- package/dist/offset-pagination.js +6 -76
- package/dist/offset-pagination.js.map +1 -1
- package/dist/product-card-label-CJmC9ICf.js +312 -0
- package/dist/product-card-label-CJmC9ICf.js.map +1 -0
- package/dist/product-card-label-D43AXtRL.cjs +2 -0
- package/dist/product-card-label-D43AXtRL.cjs.map +1 -0
- package/dist/product-card-root-4Xz4-pdL.js +43 -0
- package/dist/product-card-root-4Xz4-pdL.js.map +1 -0
- package/dist/product-card-root-BMTVhhFp.cjs +2 -0
- package/dist/product-card-root-BMTVhhFp.cjs.map +1 -0
- package/dist/product-card-skeleton-CCQkDMNl.cjs +2 -0
- package/dist/product-card-skeleton-CCQkDMNl.cjs.map +1 -0
- package/dist/product-card-skeleton-Dkqf-bfA.js +34 -0
- package/dist/product-card-skeleton-Dkqf-bfA.js.map +1 -0
- package/dist/product-card.cjs +1 -1
- package/dist/product-card.cjs.map +1 -1
- package/dist/product-card.js +25 -326
- package/dist/product-card.js.map +1 -1
- package/dist/side-panel-close-Bjcn4BEE.cjs +2 -0
- package/dist/side-panel-close-Bjcn4BEE.cjs.map +1 -0
- package/dist/side-panel-close-DVJwOxdM.js +86 -0
- package/dist/side-panel-close-DVJwOxdM.js.map +1 -0
- package/dist/side-panel.cjs +1 -1
- package/dist/side-panel.cjs.map +1 -1
- package/dist/side-panel.js +9 -82
- package/dist/side-panel.js.map +1 -1
- package/package.json +11 -1
- package/dist/arrow-up-right-Cfau6CiE.cjs +0 -7
- package/dist/arrow-up-right-Cfau6CiE.cjs.map +0 -1
- package/dist/arrow-up-right-D7smpXBs.js +0 -16
- package/dist/arrow-up-right-D7smpXBs.js.map +0 -1
- package/dist/checkbox-indicator-BgXRGvAh.cjs +0 -2
- package/dist/checkbox-indicator-BgXRGvAh.cjs.map +0 -1
- package/dist/checkbox-indicator-Cfw9uH_b.js.map +0 -1
- package/dist/price-BwaeTmkR.js +0 -53
- package/dist/price-BwaeTmkR.js.map +0 -1
- package/dist/price-CdK2ye4P.cjs +0 -2
- package/dist/price-CdK2ye4P.cjs.map +0 -1
- package/dist/primitives--2McVg9Z.js +0 -15
- package/dist/primitives--2McVg9Z.js.map +0 -1
- package/dist/primitives-DmqzDKi2.cjs +0 -2
- package/dist/primitives-DmqzDKi2.cjs.map +0 -1
package/dist/product-card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"product-card.js","sources":["../src/components/product-card/primitives/product-card-root.tsx","../src/components/product-card/primitives/product-card-content.tsx","../src/components/product-card/primitives/product-card-preview.tsx","../src/components/product-card/primitives/product-card-thumbnail.tsx","../src/components/product-card/primitives/product-card-image.tsx","../src/components/product-card/primitives/product-card-badge.tsx","../src/components/product-card/primitives/product-card-fallback.tsx","../src/components/product-card/primitives/product-card-link.tsx","../src/components/product-card/primitives/product-card-details.tsx","../src/components/product-card/primitives/product-card-header.tsx","../src/components/product-card/primitives/product-card-title.tsx","../src/components/product-card/primitives/product-card-subtitle.tsx","../src/components/product-card/primitives/product-card-price.tsx","../src/components/product-card/primitives/product-card-skeleton.tsx","../src/components/product-card/primitives/product-card-compare.tsx","../src/components/checkbox/checkbox.tsx","../src/components/product-card/primitives/product-card-checkbox.tsx","../node_modules/.pnpm/@radix-ui+react-label@2.1.7_@types+react-dom@19.2.2_@types+react@19.2.2__@types+react@19.2.2__h3esd6u5mwikxnlir43mok2s5m/node_modules/@radix-ui/react-label/dist/index.mjs","../src/components/label/label.tsx","../src/components/product-card/primitives/product-card-label.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, use, useMemo } from 'react';\nimport type { ComponentProps, ElementType } from 'react';\n\nimport { cn } from '@/lib';\n\ninterface ProductCardContext {\n colorScheme: 'light' | 'dark';\n aspectRatio: '5:6' | '3:4' | '1:1';\n}\n\nexport const ProductCardContext = createContext<ProductCardContext | undefined>(undefined);\n\nexport type ProductCardRootProps<E extends ElementType = 'article'> = Omit<\n ComponentProps<E>,\n 'as'\n> & {\n as?: E;\n colorScheme?: 'light' | 'dark';\n aspectRatio?: '5:6' | '3:4' | '1:1';\n};\n\nexport function ProductCardRoot<T extends ElementType = 'article'>({\n className,\n children,\n as,\n colorScheme = 'light',\n aspectRatio = '5:6',\n ...props\n}: ProductCardRootProps<T>) {\n const ProductCardRootElement = as ?? 'article';\n\n const contextValues = useMemo(\n () => ({\n colorScheme,\n aspectRatio,\n }),\n [colorScheme, aspectRatio],\n );\n\n return (\n <ProductCardContext.Provider value={contextValues}>\n <ProductCardRootElement\n className={cn(\n 'group w-full max-w-md font-[var(--product-card-font-family,var(--font-family-body))] @container',\n className,\n )}\n data-slot=\"product-card-root\"\n {...props}\n >\n {children}\n </ProductCardRootElement>\n </ProductCardContext.Provider>\n );\n}\n\nexport function useProductCard() {\n const context = use(ProductCardContext);\n\n if (context === undefined) {\n throw new Error('useProductCard must be used within an ProductCardRoot');\n }\n\n return context;\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardContentProps = ComponentProps<'div'>;\n\nexport function ProductCardContent({ className, children, ...props }: ProductCardContentProps) {\n return (\n <div className={cn('relative', className)} data-slot=\"product-card-content\" {...props}>\n {children}\n </div>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardPreviewProps = ComponentProps<'div'>;\n\nexport function ProductCardPreview({ className, children, ...props }: ProductCardPreviewProps) {\n return (\n <div className={cn('relative', className)} data-slot=\"product-card-preview\" {...props}>\n {children}\n </div>\n );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useProductCard } from '@/components/product-card';\nimport { cn } from '@/lib';\n\nexport type ProductCardThumbnailProps = ComponentProps<'div'>;\n\nexport function ProductCardThumbnail({ className, children, ...props }: ProductCardThumbnailProps) {\n const { aspectRatio, colorScheme } = useProductCard();\n\n return (\n <div\n className={cn(\n 'relative overflow-hidden rounded-[var(--product-card-border-radius,1rem)]',\n {\n '5:6': 'aspect-[5/6]',\n '3:4': 'aspect-[3/4]',\n '1:1': 'aspect-square',\n }[aspectRatio],\n {\n light: 'bg-[var(--product-card-light-background,hsl(var(--contrast-100)))]',\n dark: 'bg-[var(--product-card-dark-background,hsl(var(--contrast-500)))]',\n }[colorScheme],\n className,\n )}\n data-slot=\"product-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 { useProductCard } from '@/components/product-card';\nimport { cn } from '@/lib';\n\nexport interface ProductCardImageProps extends ComponentProps<'img'> {\n asChild?: boolean;\n}\n\nexport function ProductCardImage({\n className,\n children,\n asChild = false,\n ...props\n}: ProductCardImageProps) {\n const { colorScheme } = useProductCard();\n\n const Component = asChild ? Slot : 'img';\n\n return (\n <Component\n className={cn(\n 'h-full w-full scale-100 select-none object-cover transition-transform duration-500 ease-out group-hover:scale-110',\n {\n light: 'bg-[var(--product-card-light-background,hsl(var(--contrast-100)))]',\n dark: 'bg-[var(--product-card-dark-background,hsl(var(--contrast-500)))]',\n }[colorScheme],\n className,\n )}\n data-slot=\"product-card-image\"\n {...props}\n />\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { Badge } from '@/components/badge';\nimport { cn } from '@/lib';\n\nexport type ProductCardBadgeProps = ComponentProps<typeof Badge>;\n\nexport function ProductCardBadge({ className, children, ...props }: ProductCardBadgeProps) {\n return (\n <Badge\n className={cn('absolute left-3 top-3', className)}\n data-slot=\"product-card-badge\"\n shape=\"rounded\"\n {...props}\n >\n {children}\n </Badge>\n );\n}\n","'use client';\n\nimport { ComponentProps } from 'react';\n\nimport { useProductCard } from '@/components/product-card';\nimport { cn } from '@/lib';\n\nexport type ProductCardFallbackProps = ComponentProps<'div'>;\n\nexport function ProductCardFallback({ className, children, ...props }: ProductCardFallbackProps) {\n const { colorScheme } = useProductCard();\n\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 group-hover:scale-105',\n {\n light: '[color:color-mix(in_oklab,hsl(var(--foreground))_30%,transparent)]',\n dark: '[color:color-mix(in_oklab,hsl(var(--background))_30%,transparent)]',\n }[colorScheme],\n className,\n )}\n data-slot=\"product-card-fallback\"\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 { useProductCard } from '@/components/product-card';\nimport { cn } from '@/lib';\n\nexport interface ProductCardLinkProps extends ComponentProps<'a'> {\n asChild?: boolean;\n}\n\nexport function ProductCardLink({ asChild = false, className, ...props }: ProductCardLinkProps) {\n const { colorScheme } = useProductCard();\n\n const Component = asChild ? Slot : 'a';\n\n return (\n <Component\n className={cn(\n 'absolute inset-0 rounded-[var(--product-card-border-radius,1rem)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--product-card-focus,hsl(var(--primary)))] focus-visible:ring-offset-4',\n {\n light: 'ring-offset-[var(--product-card-light-offset,hsl(var(--background)))]',\n dark: 'ring-offset-[var(--product-card-dark-offset,hsl(var(--foreground)))]',\n }[colorScheme],\n className,\n )}\n data-slot=\"product-card-link\"\n {...props}\n />\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardDetailsProps = ComponentProps<'div'>;\n\nexport function ProductCardDetails({ children, className, ...props }: ProductCardDetailsProps) {\n return (\n <div\n className={cn(\n 'mt-2 flex flex-col items-start gap-x-4 gap-y-3 px-1 @xs:mt-3 @xs:flex-row',\n className,\n )}\n data-slot=\"product-card-details\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardHeaderProps = ComponentProps<'div'>;\n\nexport function ProductCardHeader({ children, className, ...props }: ProductCardHeaderProps) {\n return (\n <div\n className={cn('relative flex-1 text-sm @[16rem]:text-base', className)}\n data-slot=\"product-card-header\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useProductCard } from '@/components/product-card';\nimport { cn } from '@/lib';\n\nexport type ProductCardTitleProps = ComponentProps<'h3'>;\n\nexport function ProductCardTitle({ className, children, ...props }: ProductCardTitleProps) {\n const { colorScheme } = useProductCard();\n\n return (\n <h3\n className={cn(\n 'block font-semibold',\n {\n light: 'text-[var(--product-card-light-title,hsl(var(--foreground)))]',\n dark: 'text-[var(--product-card-dark-title,hsl(var(--background)))]',\n }[colorScheme],\n )}\n data-slot=\"product-card-title\"\n {...props}\n >\n {children}\n </h3>\n );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { useProductCard } from '@/components/product-card';\nimport { cn } from '@/lib';\n\nexport type ProductCardSubtitleProps = ComponentProps<'span'>;\n\nexport function ProductCardSubtitle({ children, className, ...props }: ProductCardSubtitleProps) {\n const { colorScheme } = useProductCard();\n\n return (\n <span\n className={cn(\n 'block text-sm font-normal',\n {\n light:\n 'text-[var(--product-card-light-subtitle,color-mix(in_oklab,hsl(var(--foreground))_75%,transparent))]',\n dark: 'text-[var(--product-card-dark-subtitle,color-mix(in_oklab,hsl(var(--background))_75%,transparent))]',\n }[colorScheme],\n className,\n )}\n data-slot=\"product-card-subtitle\"\n {...props}\n >\n {children}\n </span>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { Price } from '@/components/price';\nimport { useProductCard } from '@/components/product-card';\nimport { cn } from '@/lib';\n\nexport type ProductCardPriceProps = ComponentProps<typeof Price>;\n\nexport function ProductCardPrice({ className, price, ...props }: ProductCardPriceProps) {\n const { colorScheme } = useProductCard();\n\n return (\n <Price\n className={cn('mt-2', className)}\n colorScheme={colorScheme}\n data-slot=\"product-card-price\"\n price={price}\n {...props}\n />\n );\n}\n","import { ComponentProps } from 'react';\n\nimport { useProductCard } from '@/components/product-card';\nimport * as SkeletonPrimitive from '@/components/skeleton';\nimport { cn } from '@/lib';\n\nexport type ProductCardSkeletonProps = ComponentProps<typeof SkeletonPrimitive.Root>;\n\nexport function ProductCardSkeleton({ className, ...props }: ProductCardSkeletonProps) {\n const { aspectRatio } = useProductCard();\n\n return (\n <SkeletonPrimitive.Root className={cn(className)} data-slot=\"product-card-skeleton\" {...props}>\n <SkeletonPrimitive.Box\n className={cn(\n 'rounded-[var(--product-card-border-radius,1rem)]',\n {\n '5:6': 'aspect-[5/6]',\n '3:4': 'aspect-[3/4]',\n '1:1': 'aspect-square',\n }[aspectRatio],\n )}\n />\n <div className=\"mt-2 flex flex-col items-start gap-x-4 gap-y-3 px-1 @xs:mt-3 @xs:flex-row\">\n <div className=\"flex-1 text-sm @[16rem]:text-base\">\n <SkeletonPrimitive.Text characterCount={10} className=\"rounded\" />\n <SkeletonPrimitive.Text characterCount={8} className=\"rounded\" />\n <SkeletonPrimitive.Text characterCount={6} className=\"rounded\" />\n </div>\n </div>\n </SkeletonPrimitive.Root>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardCompareProps = ComponentProps<'div'>;\n\nexport function ProductCardCompare({ className, children, ...props }: ProductCardCompareProps) {\n return (\n <div\n className={cn(\n 'font-(family-name:--checkbox-font-family,var(--font-family-body)) flex shrink-0 items-center gap-2',\n className,\n )}\n data-slot=\"product-card-compare\"\n {...props}\n >\n {children}\n </div>\n );\n}\n","'use client';\n\nimport { Check } from 'lucide-react';\nimport type { ComponentProps } from 'react';\n\nimport * as CheckboxPrimitive from '@/components/checkbox';\n\nexport type CheckboxProps = ComponentProps<typeof CheckboxPrimitive.Root>;\n\n/**\n * This component supports various CSS variables for theming. Here's a comprehensive list, along\n * with their default values:\n *\n * ```css\n * :root {\n * --checkbox-focus: var(--primary);\n * --checkbox-light-label: var(--foreground);\n * --checkbox-light-error: var(--error);\n * --checkbox-light-unchecked-border: var(--contrast-200);\n * --checkbox-light-unchecked-border-hover: var(--contrast-300);\n * --checkbox-light-unchecked-background: var(--background);\n * --checkbox-light-unchecked-icon: var(--foreground);\n * --checkbox-light-checked-border: var(--foreground);\n * --checkbox-light-checked-border-hover: var(--foreground);\n * --checkbox-light-checked-background: var(--foreground);\n * --checkbox-light-checked-icon: var(--background);\n * --checkbox-light-disabled-border: var(--contrast-200);\n * --checkbox-light-disabled-background: var(--contrast-100);\n * --checkbox-light-disabled-icon: var(--contrast-300);\n * --checkbox-dark-label: var(--background);\n * --checkbox-dark-error: var(--error);\n * --checkbox-dark-unchecked-border: var(--contrast-400);\n * --checkbox-dark-unchecked-border-hover: var(--contrast-300);\n * --checkbox-dark-unchecked-background: var(--foreground);\n * --checkbox-dark-unchecked-icon: var(--background);\n * --checkbox-dark-checked-border: var(--background);\n * --checkbox-dark-checked-border-hover: var(--background);\n * --checkbox-dark-checked-background: var(--foreground);\n * --checkbox-dark-checked-icon: var(--foreground);\n * --checkbox-dark-disabled-border: var(--contrast-200);\n * --checkbox-dark-disabled-background: var(--contrast-100);\n * --checkbox-dark-disabled-icon: var(--contrast-300);\n * --checkbox-font-family: var(--font-family-body);\n * }\n * ```\n */\nexport function Checkbox({ className, colorScheme = 'light', ...props }: CheckboxProps) {\n return (\n <CheckboxPrimitive.Root className={className} colorScheme={colorScheme} {...props}>\n <CheckboxPrimitive.Indicator>\n <Check className=\"h-4 w-4\" color=\"currentColor\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n );\n}\n","'use client';\n\nimport type { ComponentProps } from 'react';\n\nimport { Checkbox } from '@/components/checkbox';\nimport { cn } from '@/lib';\n\nexport type ProductCardCheckboxProps = ComponentProps<typeof Checkbox>;\n\nexport function ProductCardCheckbox({ className, ...props }: ProductCardCheckboxProps) {\n return <Checkbox className={cn(className)} data-slot=\"product-card-checkbox\" {...props} />;\n}\n","\"use client\";\n\n// src/label.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Label\";\nvar Label = React.forwardRef((props, forwardedRef) => {\n return /* @__PURE__ */ jsx(\n Primitive.label,\n {\n ...props,\n ref: forwardedRef,\n onMouseDown: (event) => {\n const target = event.target;\n if (target.closest(\"button, input, select, textarea\")) return;\n props.onMouseDown?.(event);\n if (!event.defaultPrevented && event.detail > 1) event.preventDefault();\n }\n }\n );\n});\nLabel.displayName = NAME;\nvar Root = Label;\nexport {\n Label,\n Root\n};\n//# sourceMappingURL=index.mjs.map\n","import * as LabelPrimitive from '@radix-ui/react-label';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type LabelProps = ComponentProps<typeof LabelPrimitive.Root> & {\n colorScheme?: 'light' | 'dark';\n};\n\nexport function Label({ className, children, colorScheme = 'light', ...props }: LabelProps) {\n return (\n <LabelPrimitive.Root\n className={cn(\n 'cursor-pointer text-sm peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n {\n light: 'text-[var(--checkbox-light-label,hsl(var(--foreground)))]',\n dark: 'text-[var(--checkbox-dark-label,hsl(var(--background)))]',\n }[colorScheme],\n )}\n data-slot=\"label\"\n {...props}\n >\n {children}\n </LabelPrimitive.Root>\n );\n}\n","'use client';\n\nimport { ComponentProps } from 'react';\n\nimport { Label } from '@/components/label';\nimport { useProductCard } from '@/components/product-card';\nimport { cn } from '@/lib';\n\nexport type ProductCardLabelProps = ComponentProps<typeof Label>;\n\nexport function ProductCardLabel({ className, children, ...props }: ProductCardLabelProps) {\n const { colorScheme } = useProductCard();\n\n return (\n <Label\n className={cn(className)}\n colorScheme={colorScheme}\n data-slot=\"product-card-label\"\n {...props}\n >\n {children}\n </Label>\n );\n}\n"],"names":["ProductCardContext","createContext","ProductCardRoot","className","children","as","colorScheme","aspectRatio","props","ProductCardRootElement","contextValues","useMemo","jsx","cn","useProductCard","context","use","ProductCardContent","ProductCardPreview","ProductCardThumbnail","ProductCardImage","asChild","Slot","ProductCardBadge","Badge","ProductCardFallback","ProductCardLink","ProductCardDetails","ProductCardHeader","ProductCardTitle","ProductCardSubtitle","ProductCardPrice","price","Price","ProductCardSkeleton","jsxs","SkeletonPrimitive.Root","SkeletonPrimitive.Box","SkeletonPrimitive.Text","ProductCardCompare","Checkbox","CheckboxPrimitive.Root","CheckboxPrimitive.Indicator","Check","ProductCardCheckbox","NAME","Label","React","forwardedRef","Primitive","event","Root","LabelPrimitive.Root","ProductCardLabel"],"mappings":"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","x_google_ignoreList":[17]}
|
|
1
|
+
{"version":3,"file":"product-card.js","sources":["../src/components/product-card/primitives/product-card-content.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type ProductCardContentProps = ComponentProps<'div'>;\n\nexport function ProductCardContent({ className, children, ...props }: ProductCardContentProps) {\n return (\n <div className={cn('relative', className)} data-slot=\"product-card-content\" {...props}>\n {children}\n </div>\n );\n}\n"],"names":["ProductCardContent","className","children","props","jsx","cn"],"mappings":";;;;;AAMO,SAASA,EAAmB,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAAkC;AAC7F,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAG,YAAYJ,CAAS,GAAG,aAAU,wBAAwB,GAAGE,GAC7E,UAAAD,EAAA,CACH;AAEJ;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const n=require("react/jsx-runtime"),i=require("./index-BppAzNV8.cjs"),l=require("./utils-LBH114_M.cjs");function o({...e}){return n.jsx(i.Root,{"data-slot":"side-panel-root",...e})}function r({...e}){return n.jsx(i.Trigger,{"data-slot":"side-panel-trigger",...e})}function d({children:e,...t}){return n.jsx(i.Portal,{"data-slot":"side-panel-portal",...t,children:e})}function s({children:e,className:t,...a}){return n.jsx(i.Overlay,{className:l.cn("fixed inset-0 z-30 overflow-hidden bg-[var(--side-panel-overlay-background,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))] @container",t),"data-slot":"side-panel-overlay",...a,children:e})}function c({children:e,className:t,...a}){return n.jsx(i.Content,{className:l.cn("fixed inset-y-0 right-0 flex w-96 max-w-full flex-col bg-[var(--side-panel-background,hsl(var(--background)))] font-[var(--side-panel-content-font-family,var(--font-family-body))] transition duration-500 [animation-timing-function:cubic-bezier(0.25,1,0,1)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",t),"data-slot":"side-panel-content",...a,children:e})}function u({children:e,className:t,...a}){return n.jsx("div",{className:l.cn("px-6 pb-6 @md:px-8 @md:pb-8",t),...a,children:e})}function f({children:e,className:t,...a}){return n.jsx("header",{className:l.cn("flex items-center justify-between gap-2 px-6 pb-4 pt-4 @md:px-8 @md:pt-7",t),"data-slot":"side-panel-header",...a,children:e})}function x({children:e,className:t,...a}){return n.jsx(i.Title,{className:l.cn("text-2xl font-medium text-[var(--side-panel-title-text,hsl(var(--foreground)))] [font-family:var(--side-panel-title-font-family,var(--font-family-heading))] @lg:text-3xl",t),"data-slot":"side-panel-title",...a,children:e})}function p({children:e,className:t,...a}){return n.jsx(i.Close,{className:l.cn(t),"data-slot":"side-panel-close",...a,children:e})}exports.SidePanelBody=u;exports.SidePanelClose=p;exports.SidePanelContent=c;exports.SidePanelHeader=f;exports.SidePanelOverlay=s;exports.SidePanelPortal=d;exports.SidePanelRoot=o;exports.SidePanelTitle=x;exports.SidePanelTrigger=r;
|
|
2
|
+
//# sourceMappingURL=side-panel-close-Bjcn4BEE.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"side-panel-close-Bjcn4BEE.cjs","sources":["../src/components/side-panel/primitives/side-panel-root.tsx","../src/components/side-panel/primitives/side-panel-trigger.tsx","../src/components/side-panel/primitives/side-panel-portal.tsx","../src/components/side-panel/primitives/side-panel-overlay.tsx","../src/components/side-panel/primitives/side-panel-content.tsx","../src/components/side-panel/primitives/side-panel-body.tsx","../src/components/side-panel/primitives/side-panel-header.tsx","../src/components/side-panel/primitives/side-panel-title.tsx","../src/components/side-panel/primitives/side-panel-close.tsx"],"sourcesContent":["import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nexport type SidePanelRootProps = ComponentProps<typeof Dialog.Root>;\n\nexport function SidePanelRoot({ ...props }: SidePanelRootProps) {\n return <Dialog.Root data-slot=\"side-panel-root\" {...props} />;\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nexport type SidePanelTriggerProps = ComponentProps<typeof Dialog.Trigger>;\n\nexport function SidePanelTrigger({ ...props }: SidePanelTriggerProps) {\n return <Dialog.Trigger data-slot=\"side-panel-trigger\" {...props} />;\n}\n","'use client';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nexport type SidePanelPortalProps = ComponentProps<typeof Dialog.Portal>;\n\nexport function SidePanelPortal({ children, ...props }: SidePanelPortalProps) {\n return (\n <Dialog.Portal data-slot=\"side-panel-portal\" {...props}>\n {children}\n </Dialog.Portal>\n );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelOverlayProps = ComponentProps<typeof Dialog.Overlay>;\n\nexport function SidePanelOverlay({ children, className, ...props }: SidePanelOverlayProps) {\n return (\n <Dialog.Overlay\n className={cn(\n 'fixed inset-0 z-30 overflow-hidden bg-[var(--side-panel-overlay-background,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))] @container',\n className,\n )}\n data-slot=\"side-panel-overlay\"\n {...props}\n >\n {children}\n </Dialog.Overlay>\n );\n}\n","'use client';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelContentProps = ComponentProps<typeof Dialog.Content>;\n\nexport function SidePanelContent({ children, className, ...props }: SidePanelContentProps) {\n return (\n <Dialog.Content\n className={cn(\n 'fixed inset-y-0 right-0 flex w-96 max-w-full flex-col bg-[var(--side-panel-background,hsl(var(--background)))] font-[var(--side-panel-content-font-family,var(--font-family-body))] transition duration-500 [animation-timing-function:cubic-bezier(0.25,1,0,1)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right',\n className,\n )}\n data-slot=\"side-panel-content\"\n {...props}\n >\n {children}\n </Dialog.Content>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelBodyProps = ComponentProps<'div'>;\n\nexport function SidePanelBody({ children, className, ...props }: SidePanelBodyProps) {\n return (\n <div className={cn('px-6 pb-6 @md:px-8 @md:pb-8', className)} {...props}>\n {children}\n </div>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelHeaderProps = ComponentProps<'div'>;\n\nexport function SidePanelHeader({ children, className, ...props }: SidePanelHeaderProps) {\n return (\n <header\n className={cn(\n 'flex items-center justify-between gap-2 px-6 pb-4 pt-4 @md:px-8 @md:pt-7',\n className,\n )}\n data-slot=\"side-panel-header\"\n {...props}\n >\n {children}\n </header>\n );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelTitleProps = ComponentProps<typeof Dialog.Title>;\n\nexport function SidePanelTitle({ children, className, ...props }: SidePanelTitleProps) {\n return (\n <Dialog.Title\n className={cn(\n 'text-2xl font-medium text-[var(--side-panel-title-text,hsl(var(--foreground)))] [font-family:var(--side-panel-title-font-family,var(--font-family-heading))] @lg:text-3xl',\n className,\n )}\n data-slot=\"side-panel-title\"\n {...props}\n >\n {children}\n </Dialog.Title>\n );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelCloseProps = ComponentProps<typeof Dialog.Close>;\n\nexport function SidePanelClose({ children, className, ...props }: SidePanelCloseProps) {\n return (\n <Dialog.Close className={cn(className)} data-slot=\"side-panel-close\" {...props}>\n {children}\n </Dialog.Close>\n );\n}\n"],"names":["SidePanelRoot","props","Dialog.Root","SidePanelTrigger","Dialog.Trigger","SidePanelPortal","children","jsx","Dialog.Portal","SidePanelOverlay","className","Dialog.Overlay","cn","SidePanelContent","Dialog.Content","SidePanelBody","SidePanelHeader","SidePanelTitle","Dialog.Title","SidePanelClose","Dialog.Close"],"mappings":"sHAKO,SAASA,EAAc,CAAE,GAAGC,GAA6B,CAC9D,aAAQC,EAAAA,KAAA,CAAY,YAAU,kBAAmB,GAAGD,EAAO,CAC7D,CCFO,SAASE,EAAiB,CAAE,GAAGF,GAAgC,CACpE,aAAQG,EAAAA,QAAA,CAAe,YAAU,qBAAsB,GAAGH,EAAO,CACnE,CCAO,SAASI,EAAgB,CAAE,SAAAC,EAAU,GAAGL,GAA+B,CAC5E,OACEM,EAAAA,IAACC,EAAAA,OAAA,CAAc,YAAU,oBAAqB,GAAGP,EAC9C,SAAAK,EACH,CAEJ,CCNO,SAASG,EAAiB,CAAE,SAAAH,EAAU,UAAAI,EAAW,GAAGT,GAAgC,CACzF,OACEM,EAAAA,IAACI,EAAAA,QAAA,CACC,UAAWC,EAAAA,GACT,qJACAF,CAAA,EAEF,YAAU,qBACT,GAAGT,EAEH,SAAAK,CAAA,CAAA,CAGP,CCXO,SAASO,EAAiB,CAAE,SAAAP,EAAU,UAAAI,EAAW,GAAGT,GAAgC,CACzF,OACEM,EAAAA,IAACO,EAAAA,QAAA,CACC,UAAWF,EAAAA,GACT,6YACAF,CAAA,EAEF,YAAU,qBACT,GAAGT,EAEH,SAAAK,CAAA,CAAA,CAGP,CChBO,SAASS,EAAc,CAAE,SAAAT,EAAU,UAAAI,EAAW,GAAGT,GAA6B,CACnF,OACEM,MAAC,OAAI,UAAWK,EAAAA,GAAG,8BAA+BF,CAAS,EAAI,GAAGT,EAC/D,SAAAK,EACH,CAEJ,CCNO,SAASU,EAAgB,CAAE,SAAAV,EAAU,UAAAI,EAAW,GAAGT,GAA+B,CACvF,OACEM,EAAAA,IAAC,SAAA,CACC,UAAWK,EAAAA,GACT,2EACAF,CAAA,EAEF,YAAU,oBACT,GAAGT,EAEH,SAAAK,CAAA,CAAA,CAGP,CCZO,SAASW,EAAe,CAAE,SAAAX,EAAU,UAAAI,EAAW,GAAGT,GAA8B,CACrF,OACEM,EAAAA,IAACW,EAAAA,MAAA,CACC,UAAWN,EAAAA,GACT,4KACAF,CAAA,EAEF,YAAU,mBACT,GAAGT,EAEH,SAAAK,CAAA,CAAA,CAGP,CCbO,SAASa,EAAe,CAAE,SAAAb,EAAU,UAAAI,EAAW,GAAGT,GAA8B,CACrF,OACEM,MAACa,EAAAA,MAAA,CAAa,UAAWR,EAAAA,GAAGF,CAAS,EAAG,YAAU,mBAAoB,GAAGT,EACtE,SAAAK,CAAA,CACH,CAEJ"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { R as o, T as l, P as r, O as s, C as d, a as f, b as c } from "./index-ChSlzMYI.js";
|
|
3
|
+
import { c as i } from "./utils-BOGlfttm.js";
|
|
4
|
+
function g({ ...e }) {
|
|
5
|
+
return /* @__PURE__ */ n(o, { "data-slot": "side-panel-root", ...e });
|
|
6
|
+
}
|
|
7
|
+
function x({ ...e }) {
|
|
8
|
+
return /* @__PURE__ */ n(l, { "data-slot": "side-panel-trigger", ...e });
|
|
9
|
+
}
|
|
10
|
+
function v({ children: e, ...a }) {
|
|
11
|
+
return /* @__PURE__ */ n(r, { "data-slot": "side-panel-portal", ...a, children: e });
|
|
12
|
+
}
|
|
13
|
+
function b({ children: e, className: a, ...t }) {
|
|
14
|
+
return /* @__PURE__ */ n(
|
|
15
|
+
s,
|
|
16
|
+
{
|
|
17
|
+
className: i(
|
|
18
|
+
"fixed inset-0 z-30 overflow-hidden bg-[var(--side-panel-overlay-background,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))] @container",
|
|
19
|
+
a
|
|
20
|
+
),
|
|
21
|
+
"data-slot": "side-panel-overlay",
|
|
22
|
+
...t,
|
|
23
|
+
children: e
|
|
24
|
+
}
|
|
25
|
+
);
|
|
26
|
+
}
|
|
27
|
+
function y({ children: e, className: a, ...t }) {
|
|
28
|
+
return /* @__PURE__ */ n(
|
|
29
|
+
d,
|
|
30
|
+
{
|
|
31
|
+
className: i(
|
|
32
|
+
"fixed inset-y-0 right-0 flex w-96 max-w-full flex-col bg-[var(--side-panel-background,hsl(var(--background)))] font-[var(--side-panel-content-font-family,var(--font-family-body))] transition duration-500 [animation-timing-function:cubic-bezier(0.25,1,0,1)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",
|
|
33
|
+
a
|
|
34
|
+
),
|
|
35
|
+
"data-slot": "side-panel-content",
|
|
36
|
+
...t,
|
|
37
|
+
children: e
|
|
38
|
+
}
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
|
+
function P({ children: e, className: a, ...t }) {
|
|
42
|
+
return /* @__PURE__ */ n("div", { className: i("px-6 pb-6 @md:px-8 @md:pb-8", a), ...t, children: e });
|
|
43
|
+
}
|
|
44
|
+
function h({ children: e, className: a, ...t }) {
|
|
45
|
+
return /* @__PURE__ */ n(
|
|
46
|
+
"header",
|
|
47
|
+
{
|
|
48
|
+
className: i(
|
|
49
|
+
"flex items-center justify-between gap-2 px-6 pb-4 pt-4 @md:px-8 @md:pt-7",
|
|
50
|
+
a
|
|
51
|
+
),
|
|
52
|
+
"data-slot": "side-panel-header",
|
|
53
|
+
...t,
|
|
54
|
+
children: e
|
|
55
|
+
}
|
|
56
|
+
);
|
|
57
|
+
}
|
|
58
|
+
function S({ children: e, className: a, ...t }) {
|
|
59
|
+
return /* @__PURE__ */ n(
|
|
60
|
+
f,
|
|
61
|
+
{
|
|
62
|
+
className: i(
|
|
63
|
+
"text-2xl font-medium text-[var(--side-panel-title-text,hsl(var(--foreground)))] [font-family:var(--side-panel-title-font-family,var(--font-family-heading))] @lg:text-3xl",
|
|
64
|
+
a
|
|
65
|
+
),
|
|
66
|
+
"data-slot": "side-panel-title",
|
|
67
|
+
...t,
|
|
68
|
+
children: e
|
|
69
|
+
}
|
|
70
|
+
);
|
|
71
|
+
}
|
|
72
|
+
function N({ children: e, className: a, ...t }) {
|
|
73
|
+
return /* @__PURE__ */ n(c, { className: i(a), "data-slot": "side-panel-close", ...t, children: e });
|
|
74
|
+
}
|
|
75
|
+
export {
|
|
76
|
+
g as S,
|
|
77
|
+
x as a,
|
|
78
|
+
v as b,
|
|
79
|
+
b as c,
|
|
80
|
+
y as d,
|
|
81
|
+
P as e,
|
|
82
|
+
h as f,
|
|
83
|
+
S as g,
|
|
84
|
+
N as h
|
|
85
|
+
};
|
|
86
|
+
//# sourceMappingURL=side-panel-close-DVJwOxdM.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"side-panel-close-DVJwOxdM.js","sources":["../src/components/side-panel/primitives/side-panel-root.tsx","../src/components/side-panel/primitives/side-panel-trigger.tsx","../src/components/side-panel/primitives/side-panel-portal.tsx","../src/components/side-panel/primitives/side-panel-overlay.tsx","../src/components/side-panel/primitives/side-panel-content.tsx","../src/components/side-panel/primitives/side-panel-body.tsx","../src/components/side-panel/primitives/side-panel-header.tsx","../src/components/side-panel/primitives/side-panel-title.tsx","../src/components/side-panel/primitives/side-panel-close.tsx"],"sourcesContent":["import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nexport type SidePanelRootProps = ComponentProps<typeof Dialog.Root>;\n\nexport function SidePanelRoot({ ...props }: SidePanelRootProps) {\n return <Dialog.Root data-slot=\"side-panel-root\" {...props} />;\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nexport type SidePanelTriggerProps = ComponentProps<typeof Dialog.Trigger>;\n\nexport function SidePanelTrigger({ ...props }: SidePanelTriggerProps) {\n return <Dialog.Trigger data-slot=\"side-panel-trigger\" {...props} />;\n}\n","'use client';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nexport type SidePanelPortalProps = ComponentProps<typeof Dialog.Portal>;\n\nexport function SidePanelPortal({ children, ...props }: SidePanelPortalProps) {\n return (\n <Dialog.Portal data-slot=\"side-panel-portal\" {...props}>\n {children}\n </Dialog.Portal>\n );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelOverlayProps = ComponentProps<typeof Dialog.Overlay>;\n\nexport function SidePanelOverlay({ children, className, ...props }: SidePanelOverlayProps) {\n return (\n <Dialog.Overlay\n className={cn(\n 'fixed inset-0 z-30 overflow-hidden bg-[var(--side-panel-overlay-background,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))] @container',\n className,\n )}\n data-slot=\"side-panel-overlay\"\n {...props}\n >\n {children}\n </Dialog.Overlay>\n );\n}\n","'use client';\n\nimport * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelContentProps = ComponentProps<typeof Dialog.Content>;\n\nexport function SidePanelContent({ children, className, ...props }: SidePanelContentProps) {\n return (\n <Dialog.Content\n className={cn(\n 'fixed inset-y-0 right-0 flex w-96 max-w-full flex-col bg-[var(--side-panel-background,hsl(var(--background)))] font-[var(--side-panel-content-font-family,var(--font-family-body))] transition duration-500 [animation-timing-function:cubic-bezier(0.25,1,0,1)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right',\n className,\n )}\n data-slot=\"side-panel-content\"\n {...props}\n >\n {children}\n </Dialog.Content>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelBodyProps = ComponentProps<'div'>;\n\nexport function SidePanelBody({ children, className, ...props }: SidePanelBodyProps) {\n return (\n <div className={cn('px-6 pb-6 @md:px-8 @md:pb-8', className)} {...props}>\n {children}\n </div>\n );\n}\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelHeaderProps = ComponentProps<'div'>;\n\nexport function SidePanelHeader({ children, className, ...props }: SidePanelHeaderProps) {\n return (\n <header\n className={cn(\n 'flex items-center justify-between gap-2 px-6 pb-4 pt-4 @md:px-8 @md:pt-7',\n className,\n )}\n data-slot=\"side-panel-header\"\n {...props}\n >\n {children}\n </header>\n );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelTitleProps = ComponentProps<typeof Dialog.Title>;\n\nexport function SidePanelTitle({ children, className, ...props }: SidePanelTitleProps) {\n return (\n <Dialog.Title\n className={cn(\n 'text-2xl font-medium text-[var(--side-panel-title-text,hsl(var(--foreground)))] [font-family:var(--side-panel-title-font-family,var(--font-family-heading))] @lg:text-3xl',\n className,\n )}\n data-slot=\"side-panel-title\"\n {...props}\n >\n {children}\n </Dialog.Title>\n );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib';\n\nexport type SidePanelCloseProps = ComponentProps<typeof Dialog.Close>;\n\nexport function SidePanelClose({ children, className, ...props }: SidePanelCloseProps) {\n return (\n <Dialog.Close className={cn(className)} data-slot=\"side-panel-close\" {...props}>\n {children}\n </Dialog.Close>\n );\n}\n"],"names":["SidePanelRoot","props","Dialog.Root","SidePanelTrigger","Dialog.Trigger","SidePanelPortal","children","jsx","Dialog.Portal","SidePanelOverlay","className","Dialog.Overlay","cn","SidePanelContent","Dialog.Content","SidePanelBody","SidePanelHeader","SidePanelTitle","Dialog.Title","SidePanelClose","Dialog.Close"],"mappings":";;;AAKO,SAASA,EAAc,EAAE,GAAGC,KAA6B;AAC9D,2BAAQC,GAAA,EAAY,aAAU,mBAAmB,GAAGD,GAAO;AAC7D;ACFO,SAASE,EAAiB,EAAE,GAAGF,KAAgC;AACpE,2BAAQG,GAAA,EAAe,aAAU,sBAAsB,GAAGH,GAAO;AACnE;ACAO,SAASI,EAAgB,EAAE,UAAAC,GAAU,GAAGL,KAA+B;AAC5E,SACE,gBAAAM,EAACC,GAAA,EAAc,aAAU,qBAAqB,GAAGP,GAC9C,UAAAK,GACH;AAEJ;ACNO,SAASG,EAAiB,EAAE,UAAAH,GAAU,WAAAI,GAAW,GAAGT,KAAgC;AACzF,SACE,gBAAAM;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGT;AAAA,MAEH,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;ACXO,SAASO,EAAiB,EAAE,UAAAP,GAAU,WAAAI,GAAW,GAAGT,KAAgC;AACzF,SACE,gBAAAM;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGT;AAAA,MAEH,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;AChBO,SAASS,EAAc,EAAE,UAAAT,GAAU,WAAAI,GAAW,GAAGT,KAA6B;AACnF,SACE,gBAAAM,EAAC,SAAI,WAAWK,EAAG,+BAA+BF,CAAS,GAAI,GAAGT,GAC/D,UAAAK,GACH;AAEJ;ACNO,SAASU,EAAgB,EAAE,UAAAV,GAAU,WAAAI,GAAW,GAAGT,KAA+B;AACvF,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWK;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGT;AAAA,MAEH,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;ACZO,SAASW,EAAe,EAAE,UAAAX,GAAU,WAAAI,GAAW,GAAGT,KAA8B;AACrF,SACE,gBAAAM;AAAA,IAACW;AAAAA,IAAA;AAAA,MACC,WAAWN;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACT,GAAGT;AAAA,MAEH,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;ACbO,SAASa,EAAe,EAAE,UAAAb,GAAU,WAAAI,GAAW,GAAGT,KAA8B;AACrF,SACE,gBAAAM,EAACa,GAAA,EAAa,WAAWR,EAAGF,CAAS,GAAG,aAAU,oBAAoB,GAAGT,GACtE,UAAAK,EAAA,CACH;AAEJ;"}
|
package/dist/side-panel.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./side-panel-close-Bjcn4BEE.cjs");exports.Body=e.SidePanelBody;exports.Close=e.SidePanelClose;exports.Content=e.SidePanelContent;exports.Header=e.SidePanelHeader;exports.Overlay=e.SidePanelOverlay;exports.Portal=e.SidePanelPortal;exports.Root=e.SidePanelRoot;exports.Title=e.SidePanelTitle;exports.Trigger=e.SidePanelTrigger;
|
|
2
2
|
//# sourceMappingURL=side-panel.cjs.map
|
package/dist/side-panel.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-panel.cjs","sources":[
|
|
1
|
+
{"version":3,"file":"side-panel.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/side-panel.js
CHANGED
|
@@ -1,86 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { R as i, T as l, P as r, O as s, C as d, a as f, b as c } from "./index-ChSlzMYI.js";
|
|
3
|
-
import { c as o } from "./utils-BOGlfttm.js";
|
|
4
|
-
function g({ ...e }) {
|
|
5
|
-
return /* @__PURE__ */ n(i, { "data-slot": "side-panel-root", ...e });
|
|
6
|
-
}
|
|
7
|
-
function x({ ...e }) {
|
|
8
|
-
return /* @__PURE__ */ n(l, { "data-slot": "side-panel-trigger", ...e });
|
|
9
|
-
}
|
|
10
|
-
function v({ children: e, ...a }) {
|
|
11
|
-
return /* @__PURE__ */ n(r, { "data-slot": "side-panel-portal", ...a, children: e });
|
|
12
|
-
}
|
|
13
|
-
function y({ children: e, className: a, ...t }) {
|
|
14
|
-
return /* @__PURE__ */ n(
|
|
15
|
-
s,
|
|
16
|
-
{
|
|
17
|
-
className: o(
|
|
18
|
-
"fixed inset-0 z-30 overflow-hidden bg-[var(--side-panel-overlay-background,color-mix(in_oklab,hsl(var(--foreground))_50%,transparent))] @container",
|
|
19
|
-
a
|
|
20
|
-
),
|
|
21
|
-
"data-slot": "side-panel-overlay",
|
|
22
|
-
...t,
|
|
23
|
-
children: e
|
|
24
|
-
}
|
|
25
|
-
);
|
|
26
|
-
}
|
|
27
|
-
function b({ children: e, className: a, ...t }) {
|
|
28
|
-
return /* @__PURE__ */ n(
|
|
29
|
-
d,
|
|
30
|
-
{
|
|
31
|
-
className: o(
|
|
32
|
-
"fixed inset-y-0 right-0 flex w-96 max-w-full flex-col bg-[var(--side-panel-background,hsl(var(--background)))] font-[var(--side-panel-content-font-family,var(--font-family-body))] transition duration-500 [animation-timing-function:cubic-bezier(0.25,1,0,1)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",
|
|
33
|
-
a
|
|
34
|
-
),
|
|
35
|
-
"data-slot": "side-panel-content",
|
|
36
|
-
...t,
|
|
37
|
-
children: e
|
|
38
|
-
}
|
|
39
|
-
);
|
|
40
|
-
}
|
|
41
|
-
function P({ children: e, className: a, ...t }) {
|
|
42
|
-
return /* @__PURE__ */ n("div", { className: o("px-6 pb-6 @md:px-8 @md:pb-8", a), ...t, children: e });
|
|
43
|
-
}
|
|
44
|
-
function h({ children: e, className: a, ...t }) {
|
|
45
|
-
return /* @__PURE__ */ n(
|
|
46
|
-
"header",
|
|
47
|
-
{
|
|
48
|
-
className: o(
|
|
49
|
-
"flex items-center justify-between gap-2 px-6 pb-4 pt-4 @md:px-8 @md:pt-7",
|
|
50
|
-
a
|
|
51
|
-
),
|
|
52
|
-
"data-slot": "side-panel-header",
|
|
53
|
-
...t,
|
|
54
|
-
children: e
|
|
55
|
-
}
|
|
56
|
-
);
|
|
57
|
-
}
|
|
58
|
-
function S({ children: e, className: a, ...t }) {
|
|
59
|
-
return /* @__PURE__ */ n(
|
|
60
|
-
f,
|
|
61
|
-
{
|
|
62
|
-
className: o(
|
|
63
|
-
"text-2xl font-medium text-[var(--side-panel-title-text,hsl(var(--foreground)))] [font-family:var(--side-panel-title-font-family,var(--font-family-heading))] @lg:text-3xl",
|
|
64
|
-
a
|
|
65
|
-
),
|
|
66
|
-
"data-slot": "side-panel-title",
|
|
67
|
-
...t,
|
|
68
|
-
children: e
|
|
69
|
-
}
|
|
70
|
-
);
|
|
71
|
-
}
|
|
72
|
-
function C({ children: e, className: a, ...t }) {
|
|
73
|
-
return /* @__PURE__ */ n(c, { className: o(a), "data-slot": "side-panel-close", ...t, children: e });
|
|
74
|
-
}
|
|
1
|
+
import { e, h as o, d as r, f as t, c as l, b as d, S as g, g as f, a as i } from "./side-panel-close-DVJwOxdM.js";
|
|
75
2
|
export {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
3
|
+
e as Body,
|
|
4
|
+
o as Close,
|
|
5
|
+
r as Content,
|
|
6
|
+
t as Header,
|
|
7
|
+
l as Overlay,
|
|
8
|
+
d as Portal,
|
|
82
9
|
g as Root,
|
|
83
|
-
|
|
84
|
-
|
|
10
|
+
f as Title,
|
|
11
|
+
i as Trigger
|
|
85
12
|
};
|
|
86
13
|
//# sourceMappingURL=side-panel.js.map
|
package/dist/side-panel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-panel.js","sources":[
|
|
1
|
+
{"version":3,"file":"side-panel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "commerce-toolkit",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"description": "A collection of modern, accessible commerce UI components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -107,6 +107,16 @@
|
|
|
107
107
|
"default": "./dist/chip.cjs"
|
|
108
108
|
}
|
|
109
109
|
},
|
|
110
|
+
"./compare-card": {
|
|
111
|
+
"import": {
|
|
112
|
+
"types": "./dist/components/compare-card/primitives.d.ts",
|
|
113
|
+
"default": "./dist/compare-card.js"
|
|
114
|
+
},
|
|
115
|
+
"require": {
|
|
116
|
+
"types": "./dist/components/compare-card/primitives.d.ts",
|
|
117
|
+
"default": "./dist/compare-card.cjs"
|
|
118
|
+
}
|
|
119
|
+
},
|
|
110
120
|
"./compare-drawer": {
|
|
111
121
|
"import": {
|
|
112
122
|
"types": "./dist/components/compare-drawer/primitives.d.ts",
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./createLucideIcon-CpmcoNn-.cjs");/**
|
|
2
|
-
* @license lucide-react v0.545.0 - ISC
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the ISC license.
|
|
5
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const e=[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]],o=t.createLucideIcon("arrow-up-right",e);exports.__iconNode=e;exports.default=o;
|
|
7
|
-
//# sourceMappingURL=arrow-up-right-Cfau6CiE.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"arrow-up-right-Cfau6CiE.cjs","sources":["../node_modules/.pnpm/lucide-react@0.545.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/arrow-up-right.js"],"sourcesContent":["/**\n * @license lucide-react v0.545.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"M7 7h10v10\", key: \"1tivn9\" }],\n [\"path\", { d: \"M7 17 17 7\", key: \"1vkiza\" }]\n];\nconst ArrowUpRight = createLucideIcon(\"arrow-up-right\", __iconNode);\n\nexport { __iconNode, ArrowUpRight as default };\n//# sourceMappingURL=arrow-up-right.js.map\n"],"names":["__iconNode","ArrowUpRight","createLucideIcon"],"mappings":"mIAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASK,MAACA,EAAa,CACjB,CAAC,OAAQ,CAAE,EAAG,aAAc,IAAK,QAAQ,CAAE,EAC3C,CAAC,OAAQ,CAAE,EAAG,aAAc,IAAK,QAAQ,CAAE,CAC7C,EACMC,EAAeC,EAAAA,iBAAiB,iBAAkBF,CAAU","x_google_ignoreList":[0]}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { c as t } from "./createLucideIcon-DU8bVqFn.js";
|
|
2
|
-
/**
|
|
3
|
-
* @license lucide-react v0.545.0 - ISC
|
|
4
|
-
*
|
|
5
|
-
* This source code is licensed under the ISC license.
|
|
6
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
7
|
-
*/
|
|
8
|
-
const o = [
|
|
9
|
-
["path", { d: "M7 7h10v10", key: "1tivn9" }],
|
|
10
|
-
["path", { d: "M7 17 17 7", key: "1vkiza" }]
|
|
11
|
-
], a = t("arrow-up-right", o);
|
|
12
|
-
export {
|
|
13
|
-
o as __iconNode,
|
|
14
|
-
a as default
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=arrow-up-right-D7smpXBs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"arrow-up-right-D7smpXBs.js","sources":["../node_modules/.pnpm/lucide-react@0.545.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/arrow-up-right.js"],"sourcesContent":["/**\n * @license lucide-react v0.545.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"M7 7h10v10\", key: \"1tivn9\" }],\n [\"path\", { d: \"M7 17 17 7\", key: \"1vkiza\" }]\n];\nconst ArrowUpRight = createLucideIcon(\"arrow-up-right\", __iconNode);\n\nexport { __iconNode, ArrowUpRight as default };\n//# sourceMappingURL=arrow-up-right.js.map\n"],"names":["__iconNode","ArrowUpRight","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASK,MAACA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAAA,EAC3C,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAC7C,GACMC,IAAeC,EAAiB,kBAAkBF,CAAU;","x_google_ignoreList":[0]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";const d=require("react/jsx-runtime"),P=require("react"),R=require("./utils-LBH114_M.cjs"),N=require("./index-_XxjJPRD.cjs"),S=require("./index-CnXYiTkW.cjs"),q=require("./index-BqyOu62e.cjs"),G=require("./index-BwVkw1mh.cjs"),K=require("./index-6tKkLrHE.cjs"),j=require("./index-Bw7_huW8.cjs");function U(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=U(P);function X(e){const r=s.useRef({value:e,previous:e});return s.useMemo(()=>(r.current.value!==e&&(r.current.previous=r.current.value,r.current.value=e),r.current.previous),[e])}var _="Checkbox",[V]=S.createContextScope(_),[J,I]=V(_);function Q(e){const{__scopeCheckbox:r,checked:t,children:o,defaultChecked:a,disabled:c,form:b,name:k,onCheckedChange:u,required:x,value:f="on",internal_do_not_use_render:h}=e,[l,C]=G.useControllableState({prop:t,defaultProp:a??!1,onChange:u,caller:_}),[p,g]=s.useState(null),[m,n]=s.useState(null),i=s.useRef(!1),y=p?!!b||!!p.closest("form"):!0,E={checked:l,disabled:c,setChecked:C,control:p,setControl:g,name:k,form:b,value:f,hasConsumerStoppedPropagationRef:i,required:x,defaultChecked:v(a)?!1:a,isFormControl:y,bubbleInput:m,setBubbleInput:n};return d.jsx(J,{scope:r,...E,children:W(h)?h(E):o})}var M="CheckboxTrigger",O=s.forwardRef(({__scopeCheckbox:e,onKeyDown:r,onClick:t,...o},a)=>{const{control:c,value:b,disabled:k,checked:u,required:x,setControl:f,setChecked:h,hasConsumerStoppedPropagationRef:l,isFormControl:C,bubbleInput:p}=I(M,e),g=N.useComposedRefs(a,f),m=s.useRef(u);return s.useEffect(()=>{const n=c?.form;if(n){const i=()=>h(m.current);return n.addEventListener("reset",i),()=>n.removeEventListener("reset",i)}},[c,h]),d.jsx(j.Primitive.button,{type:"button",role:"checkbox","aria-checked":v(u)?"mixed":u,"aria-required":x,"data-state":F(u),"data-disabled":k?"":void 0,disabled:k,value:b,...o,ref:g,onKeyDown:q.composeEventHandlers(r,n=>{n.key==="Enter"&&n.preventDefault()}),onClick:q.composeEventHandlers(t,n=>{h(i=>v(i)?!0:!i),p&&C&&(l.current=n.isPropagationStopped(),l.current||n.stopPropagation())})})});O.displayName=M;var B=s.forwardRef((e,r)=>{const{__scopeCheckbox:t,name:o,checked:a,defaultChecked:c,required:b,disabled:k,value:u,onCheckedChange:x,form:f,...h}=e;return d.jsx(Q,{__scopeCheckbox:t,checked:a,defaultChecked:c,disabled:k,required:b,onCheckedChange:x,name:o,form:f,value:u,internal_do_not_use_render:({isFormControl:l})=>d.jsxs(d.Fragment,{children:[d.jsx(O,{...h,ref:r,__scopeCheckbox:t}),l&&d.jsx(A,{__scopeCheckbox:t})]})})});B.displayName=_;var T="CheckboxIndicator",D=s.forwardRef((e,r)=>{const{__scopeCheckbox:t,forceMount:o,...a}=e,c=I(T,t);return d.jsx(S.Presence,{present:o||v(c.checked)||c.checked===!0,children:d.jsx(j.Primitive.span,{"data-state":F(c.checked),"data-disabled":c.disabled?"":void 0,...a,ref:r,style:{pointerEvents:"none",...e.style}})})});D.displayName=T;var $="CheckboxBubbleInput",A=s.forwardRef(({__scopeCheckbox:e,...r},t)=>{const{control:o,hasConsumerStoppedPropagationRef:a,checked:c,defaultChecked:b,required:k,disabled:u,name:x,value:f,form:h,bubbleInput:l,setBubbleInput:C}=I($,e),p=N.useComposedRefs(t,C),g=X(c),m=K.useSize(o);s.useEffect(()=>{const i=l;if(!i)return;const y=window.HTMLInputElement.prototype,w=Object.getOwnPropertyDescriptor(y,"checked").set,L=!a.current;if(g!==c&&w){const z=new Event("click",{bubbles:L});i.indeterminate=v(c),w.call(i,v(c)?!1:c),i.dispatchEvent(z)}},[l,g,c,a]);const n=s.useRef(v(c)?!1:c);return d.jsx(j.Primitive.input,{type:"checkbox","aria-hidden":!0,defaultChecked:b??n.current,required:k,disabled:u,name:x,value:f,form:h,...r,tabIndex:-1,ref:p,style:{...r.style,...m,position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"}})});A.displayName=$;function W(e){return typeof e=="function"}function v(e){return e==="indeterminate"}function F(e){return v(e)?"indeterminate":e?"checked":"unchecked"}const H=P.createContext(void 0);function Y({children:e,className:r,colorScheme:t="light",...o}){const a=P.useMemo(()=>({colorScheme:t}),[t]);return d.jsx(H.Provider,{value:a,children:d.jsx(B,{className:R.cn("peer flex h-5 w-5 items-center justify-center rounded-md border transition-colors duration-150 focus-visible:outline-0 focus-visible:ring-2 focus-visible:ring-[var(--checkbox-focus,hsl(var(--primary)))] disabled:cursor-not-allowed",{light:R.cn("disabled:border-[var(--checkbox-light-disabled-border,hsl(var(--contrast-200)))] disabled:bg-[var(--checkbox-light-disabled-background,hsl(var(--contrast-100)))] disabled:text-[var(--checkbox-light-disabled-icon,hsl(var(--contrast-300)))]","enabled:data-[state=checked]:border-[var(--checkbox-light-checked-border,hsl(var(--foreground)))] enabled:data-[state=unchecked]:border-[var(--checkbox-light-unchecked-border,hsl(var(--contrast-200)))] enabled:data-[state=checked]:bg-[var(--checkbox-light-checked-background,hsl(var(--foreground)))] enabled:data-[state=unchecked]:bg-[var(--checkbox-light-unchecked-background,hsl(var(--background)))] enabled:data-[state=checked]:text-[var(--checkbox-light-checked-text,hsl(var(--background)))] enabled:data-[state=unchecked]:text-[var(--checkbox-light-unchecked-text,hsl(var(--foreground)))]","enabled:data-[state=checked]:hover:border-[var(--checkbox-light-checked-border-hover,hsl(var(--foreground)))] enabled:data-[state=unchecked]:hover:border-[var(--checkbox-light-unchecked-border-hover,hsl(var(--contrast-300)))]","aria-invalid:border-[var(--checkbox-light-error,hsl(var(--error)))]"),dark:R.cn("disabled:border-[var(--checkbox-dark-disabled-border,hsl(var(--contrast-200)))] disabled:bg-[var(--checkbox-dark-disabled-background,hsl(var(--contrast-100)))] disabled:text-[var(--checkbox-dark-disabled-icon,hsl(var(--contrast-300)))]","enabled:data-[state=checked]:border-[var(--checkbox-dark-checked-border,hsl(var(--background)))] enabled:data-[state=unchecked]:border-[var(--checkbox-dark-unchecked-border,hsl(var(--contrast-400)))] enabled:data-[state=checked]:bg-[var(--checkbox-dark-checked-background,hsl(var(--foreground)))] enabled:data-[state=unchecked]:bg-[var(--checkbox-dark-unchecked-background,hsl(var(--foreground)))] enabled:data-[state=checked]:text-[var(--checkbox-dark-checked-text,hsl(var(--background)))] enabled:data-[state=unchecked]:text-[var(--checkbox-dark-unchecked-text,hsl(var(--background)))]","enabled:data-[state=checked]:hover:border-[var(--checkbox-dark-checked-border-hover,hsl(var(--background)))] enabled:data-[state=unchecked]:hover:border-[var(--checkbox-dark-unchecked-border-hover,hsl(var(--contrast-300)))]","aria-invalid:border-[var(--checkbox-dark-error,hsl(var(--error)))]")}[t]),"data-slot":"checkbox-root",...o,children:e})})}function Z(){const e=P.use(H);if(e===void 0)throw new Error("useCheckbox must be used within an CheckboxRoot");return e}function ee({className:e,children:r,...t}){return d.jsx(D,{className:R.cn(e),"data-slot":"checkbox-indicator",...t,children:r})}exports.CheckboxIndicator=ee;exports.CheckboxRoot=Y;exports.useCheckbox=Z;
|
|
2
|
-
//# sourceMappingURL=checkbox-indicator-BgXRGvAh.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-indicator-BgXRGvAh.cjs","sources":["../node_modules/.pnpm/@radix-ui+react-use-previous@1.1.1_@types+react@19.2.2_react@19.2.0/node_modules/@radix-ui/react-use-previous/dist/index.mjs","../node_modules/.pnpm/@radix-ui+react-checkbox@1.3.3_@types+react-dom@19.2.2_@types+react@19.2.2__@types+react@19.2_pia3geztaxdtc7a3vc4d2dm3y4/node_modules/@radix-ui/react-checkbox/dist/index.mjs","../src/components/checkbox/primitives/checkbox-root.tsx","../src/components/checkbox/primitives/checkbox-indicator.tsx"],"sourcesContent":["// packages/react/use-previous/src/use-previous.tsx\nimport * as React from \"react\";\nfunction usePrevious(value) {\n const ref = React.useRef({ value, previous: value });\n return React.useMemo(() => {\n if (ref.current.value !== value) {\n ref.current.previous = ref.current.value;\n ref.current.value = value;\n }\n return ref.current.previous;\n }, [value]);\n}\nexport {\n usePrevious\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// src/checkbox.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nvar CHECKBOX_NAME = \"Checkbox\";\nvar [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\nvar [CheckboxProviderImpl, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);\nfunction CheckboxProvider(props) {\n const {\n __scopeCheckbox,\n checked: checkedProp,\n children,\n defaultChecked,\n disabled,\n form,\n name,\n onCheckedChange,\n required,\n value = \"on\",\n // @ts-expect-error\n internal_do_not_use_render\n } = props;\n const [checked, setChecked] = useControllableState({\n prop: checkedProp,\n defaultProp: defaultChecked ?? false,\n onChange: onCheckedChange,\n caller: CHECKBOX_NAME\n });\n const [control, setControl] = React.useState(null);\n const [bubbleInput, setBubbleInput] = React.useState(null);\n const hasConsumerStoppedPropagationRef = React.useRef(false);\n const isFormControl = control ? !!form || !!control.closest(\"form\") : (\n // We set this to true by default so that events bubble to forms without JS (SSR)\n true\n );\n const context = {\n checked,\n disabled,\n setChecked,\n control,\n setControl,\n name,\n form,\n value,\n hasConsumerStoppedPropagationRef,\n required,\n defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked,\n isFormControl,\n bubbleInput,\n setBubbleInput\n };\n return /* @__PURE__ */ jsx(\n CheckboxProviderImpl,\n {\n scope: __scopeCheckbox,\n ...context,\n children: isFunction(internal_do_not_use_render) ? internal_do_not_use_render(context) : children\n }\n );\n}\nvar TRIGGER_NAME = \"CheckboxTrigger\";\nvar CheckboxTrigger = React.forwardRef(\n ({ __scopeCheckbox, onKeyDown, onClick, ...checkboxProps }, forwardedRef) => {\n const {\n control,\n value,\n disabled,\n checked,\n required,\n setControl,\n setChecked,\n hasConsumerStoppedPropagationRef,\n isFormControl,\n bubbleInput\n } = useCheckboxContext(TRIGGER_NAME, __scopeCheckbox);\n const composedRefs = useComposedRefs(forwardedRef, setControl);\n const initialCheckedStateRef = React.useRef(checked);\n React.useEffect(() => {\n const form = control?.form;\n if (form) {\n const reset = () => setChecked(initialCheckedStateRef.current);\n form.addEventListener(\"reset\", reset);\n return () => form.removeEventListener(\"reset\", reset);\n }\n }, [control, setChecked]);\n return /* @__PURE__ */ jsx(\n Primitive.button,\n {\n type: \"button\",\n role: \"checkbox\",\n \"aria-checked\": isIndeterminate(checked) ? \"mixed\" : checked,\n \"aria-required\": required,\n \"data-state\": getState(checked),\n \"data-disabled\": disabled ? \"\" : void 0,\n disabled,\n value,\n ...checkboxProps,\n ref: composedRefs,\n onKeyDown: composeEventHandlers(onKeyDown, (event) => {\n if (event.key === \"Enter\") event.preventDefault();\n }),\n onClick: composeEventHandlers(onClick, (event) => {\n setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);\n if (bubbleInput && isFormControl) {\n hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n }\n })\n }\n );\n }\n);\nCheckboxTrigger.displayName = TRIGGER_NAME;\nvar Checkbox = React.forwardRef(\n (props, forwardedRef) => {\n const {\n __scopeCheckbox,\n name,\n checked,\n defaultChecked,\n required,\n disabled,\n value,\n onCheckedChange,\n form,\n ...checkboxProps\n } = props;\n return /* @__PURE__ */ jsx(\n CheckboxProvider,\n {\n __scopeCheckbox,\n checked,\n defaultChecked,\n disabled,\n required,\n onCheckedChange,\n name,\n form,\n value,\n internal_do_not_use_render: ({ isFormControl }) => /* @__PURE__ */ jsxs(Fragment, { children: [\n /* @__PURE__ */ jsx(\n CheckboxTrigger,\n {\n ...checkboxProps,\n ref: forwardedRef,\n __scopeCheckbox\n }\n ),\n isFormControl && /* @__PURE__ */ jsx(\n CheckboxBubbleInput,\n {\n __scopeCheckbox\n }\n )\n ] })\n }\n );\n }\n);\nCheckbox.displayName = CHECKBOX_NAME;\nvar INDICATOR_NAME = \"CheckboxIndicator\";\nvar CheckboxIndicator = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n return /* @__PURE__ */ jsx(\n Presence,\n {\n present: forceMount || isIndeterminate(context.checked) || context.checked === true,\n children: /* @__PURE__ */ jsx(\n Primitive.span,\n {\n \"data-state\": getState(context.checked),\n \"data-disabled\": context.disabled ? \"\" : void 0,\n ...indicatorProps,\n ref: forwardedRef,\n style: { pointerEvents: \"none\", ...props.style }\n }\n )\n }\n );\n }\n);\nCheckboxIndicator.displayName = INDICATOR_NAME;\nvar BUBBLE_INPUT_NAME = \"CheckboxBubbleInput\";\nvar CheckboxBubbleInput = React.forwardRef(\n ({ __scopeCheckbox, ...props }, forwardedRef) => {\n const {\n control,\n hasConsumerStoppedPropagationRef,\n checked,\n defaultChecked,\n required,\n disabled,\n name,\n value,\n form,\n bubbleInput,\n setBubbleInput\n } = useCheckboxContext(BUBBLE_INPUT_NAME, __scopeCheckbox);\n const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);\n const prevChecked = usePrevious(checked);\n const controlSize = useSize(control);\n React.useEffect(() => {\n const input = bubbleInput;\n if (!input) return;\n const inputProto = window.HTMLInputElement.prototype;\n const descriptor = Object.getOwnPropertyDescriptor(\n inputProto,\n \"checked\"\n );\n const setChecked = descriptor.set;\n const bubbles = !hasConsumerStoppedPropagationRef.current;\n if (prevChecked !== checked && setChecked) {\n const event = new Event(\"click\", { bubbles });\n input.indeterminate = isIndeterminate(checked);\n setChecked.call(input, isIndeterminate(checked) ? false : checked);\n input.dispatchEvent(event);\n }\n }, [bubbleInput, prevChecked, checked, hasConsumerStoppedPropagationRef]);\n const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);\n return /* @__PURE__ */ jsx(\n Primitive.input,\n {\n type: \"checkbox\",\n \"aria-hidden\": true,\n defaultChecked: defaultChecked ?? defaultCheckedRef.current,\n required,\n disabled,\n name,\n value,\n form,\n ...props,\n tabIndex: -1,\n ref: composedRefs,\n style: {\n ...props.style,\n ...controlSize,\n position: \"absolute\",\n pointerEvents: \"none\",\n opacity: 0,\n margin: 0,\n // We transform because the input is absolutely positioned but we have\n // rendered it **after** the button. This pulls it back to sit on top\n // of the button.\n transform: \"translateX(-100%)\"\n }\n }\n );\n }\n);\nCheckboxBubbleInput.displayName = BUBBLE_INPUT_NAME;\nfunction isFunction(value) {\n return typeof value === \"function\";\n}\nfunction isIndeterminate(checked) {\n return checked === \"indeterminate\";\n}\nfunction getState(checked) {\n return isIndeterminate(checked) ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\";\n}\nexport {\n Checkbox,\n CheckboxIndicator,\n CheckboxIndicator as Indicator,\n Checkbox as Root,\n createCheckboxScope,\n CheckboxBubbleInput as unstable_BubbleInput,\n CheckboxBubbleInput as unstable_CheckboxBubbleInput,\n CheckboxProvider as unstable_CheckboxProvider,\n CheckboxTrigger as unstable_CheckboxTrigger,\n CheckboxProvider as unstable_Provider,\n CheckboxTrigger as unstable_Trigger\n};\n//# sourceMappingURL=index.mjs.map\n","'use client';\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { createContext, use, useMemo } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib/utils';\n\ninterface CheckboxContext {\n colorScheme: 'light' | 'dark';\n}\n\nexport const CheckboxContext = createContext<CheckboxContext | undefined>(undefined);\n\nexport type CheckboxRootProps = ComponentProps<typeof CheckboxPrimitive.Root> & {\n colorScheme?: 'light' | 'dark';\n};\n\nexport function CheckboxRoot({\n children,\n className,\n colorScheme = 'light',\n ...props\n}: CheckboxRootProps) {\n const contextValues = useMemo(\n () => ({\n colorScheme,\n }),\n [colorScheme],\n );\n\n return (\n <CheckboxContext.Provider value={contextValues}>\n <CheckboxPrimitive.Root\n className={cn(\n 'peer flex h-5 w-5 items-center justify-center rounded-md border transition-colors duration-150 focus-visible:outline-0 focus-visible:ring-2 focus-visible:ring-[var(--checkbox-focus,hsl(var(--primary)))] disabled:cursor-not-allowed',\n {\n light: cn(\n // Disabled states\n 'disabled:border-[var(--checkbox-light-disabled-border,hsl(var(--contrast-200)))] disabled:bg-[var(--checkbox-light-disabled-background,hsl(var(--contrast-100)))] disabled:text-[var(--checkbox-light-disabled-icon,hsl(var(--contrast-300)))]',\n // Normal states\n 'enabled:data-[state=checked]:border-[var(--checkbox-light-checked-border,hsl(var(--foreground)))] enabled:data-[state=unchecked]:border-[var(--checkbox-light-unchecked-border,hsl(var(--contrast-200)))] enabled:data-[state=checked]:bg-[var(--checkbox-light-checked-background,hsl(var(--foreground)))] enabled:data-[state=unchecked]:bg-[var(--checkbox-light-unchecked-background,hsl(var(--background)))] enabled:data-[state=checked]:text-[var(--checkbox-light-checked-text,hsl(var(--background)))] enabled:data-[state=unchecked]:text-[var(--checkbox-light-unchecked-text,hsl(var(--foreground)))]',\n // Hover states (only apply when checkbox is enabled)\n 'enabled:data-[state=checked]:hover:border-[var(--checkbox-light-checked-border-hover,hsl(var(--foreground)))] enabled:data-[state=unchecked]:hover:border-[var(--checkbox-light-unchecked-border-hover,hsl(var(--contrast-300)))]',\n // Invalid states\n 'aria-invalid:border-[var(--checkbox-light-error,hsl(var(--error)))]',\n ),\n dark: cn(\n // Disabled states\n 'disabled:border-[var(--checkbox-dark-disabled-border,hsl(var(--contrast-200)))] disabled:bg-[var(--checkbox-dark-disabled-background,hsl(var(--contrast-100)))] disabled:text-[var(--checkbox-dark-disabled-icon,hsl(var(--contrast-300)))]',\n // Normal states\n 'enabled:data-[state=checked]:border-[var(--checkbox-dark-checked-border,hsl(var(--background)))] enabled:data-[state=unchecked]:border-[var(--checkbox-dark-unchecked-border,hsl(var(--contrast-400)))] enabled:data-[state=checked]:bg-[var(--checkbox-dark-checked-background,hsl(var(--foreground)))] enabled:data-[state=unchecked]:bg-[var(--checkbox-dark-unchecked-background,hsl(var(--foreground)))] enabled:data-[state=checked]:text-[var(--checkbox-dark-checked-text,hsl(var(--background)))] enabled:data-[state=unchecked]:text-[var(--checkbox-dark-unchecked-text,hsl(var(--background)))]',\n // Hover states (only apply when checkbox is enabled)\n 'enabled:data-[state=checked]:hover:border-[var(--checkbox-dark-checked-border-hover,hsl(var(--background)))] enabled:data-[state=unchecked]:hover:border-[var(--checkbox-dark-unchecked-border-hover,hsl(var(--contrast-300)))]',\n // Invalid states\n 'aria-invalid:border-[var(--checkbox-dark-error,hsl(var(--error)))]',\n ),\n }[colorScheme],\n )}\n data-slot=\"checkbox-root\"\n {...props}\n >\n {children}\n </CheckboxPrimitive.Root>\n </CheckboxContext.Provider>\n );\n}\n\nexport function useCheckbox() {\n const context = use(CheckboxContext);\n\n if (context === undefined) {\n throw new Error('useCheckbox must be used within an CheckboxRoot');\n }\n\n return context;\n}\n","'use client';\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type CheckboxIndicatorProps = ComponentProps<typeof CheckboxPrimitive.Indicator>;\n\nexport function CheckboxIndicator({ className, children, ...props }: CheckboxIndicatorProps) {\n return (\n <CheckboxPrimitive.Indicator\n className={cn(className)}\n data-slot=\"checkbox-indicator\"\n {...props}\n >\n {children}\n </CheckboxPrimitive.Indicator>\n );\n}\n"],"names":["usePrevious","value","ref","React","CHECKBOX_NAME","createCheckboxContext","createContextScope","CheckboxProviderImpl","useCheckboxContext","CheckboxProvider","props","__scopeCheckbox","checkedProp","children","defaultChecked","disabled","form","name","onCheckedChange","required","internal_do_not_use_render","checked","setChecked","useControllableState","control","setControl","bubbleInput","setBubbleInput","hasConsumerStoppedPropagationRef","isFormControl","context","isIndeterminate","jsx","isFunction","TRIGGER_NAME","CheckboxTrigger","onKeyDown","onClick","checkboxProps","forwardedRef","composedRefs","useComposedRefs","initialCheckedStateRef","reset","Primitive","getState","composeEventHandlers","event","prevChecked","Checkbox","jsxs","Fragment","CheckboxBubbleInput","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","Presence","BUBBLE_INPUT_NAME","controlSize","useSize","input","inputProto","bubbles","defaultCheckedRef","CheckboxContext","createContext","CheckboxRoot","className","colorScheme","contextValues","useMemo","CheckboxPrimitive.Root","cn","useCheckbox","use","CheckboxPrimitive.Indicator"],"mappings":"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","x_google_ignoreList":[0,1]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-indicator-Cfw9uH_b.js","sources":["../node_modules/.pnpm/@radix-ui+react-use-previous@1.1.1_@types+react@19.2.2_react@19.2.0/node_modules/@radix-ui/react-use-previous/dist/index.mjs","../node_modules/.pnpm/@radix-ui+react-checkbox@1.3.3_@types+react-dom@19.2.2_@types+react@19.2.2__@types+react@19.2_pia3geztaxdtc7a3vc4d2dm3y4/node_modules/@radix-ui/react-checkbox/dist/index.mjs","../src/components/checkbox/primitives/checkbox-root.tsx","../src/components/checkbox/primitives/checkbox-indicator.tsx"],"sourcesContent":["// packages/react/use-previous/src/use-previous.tsx\nimport * as React from \"react\";\nfunction usePrevious(value) {\n const ref = React.useRef({ value, previous: value });\n return React.useMemo(() => {\n if (ref.current.value !== value) {\n ref.current.previous = ref.current.value;\n ref.current.value = value;\n }\n return ref.current.previous;\n }, [value]);\n}\nexport {\n usePrevious\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// src/checkbox.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nvar CHECKBOX_NAME = \"Checkbox\";\nvar [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\nvar [CheckboxProviderImpl, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);\nfunction CheckboxProvider(props) {\n const {\n __scopeCheckbox,\n checked: checkedProp,\n children,\n defaultChecked,\n disabled,\n form,\n name,\n onCheckedChange,\n required,\n value = \"on\",\n // @ts-expect-error\n internal_do_not_use_render\n } = props;\n const [checked, setChecked] = useControllableState({\n prop: checkedProp,\n defaultProp: defaultChecked ?? false,\n onChange: onCheckedChange,\n caller: CHECKBOX_NAME\n });\n const [control, setControl] = React.useState(null);\n const [bubbleInput, setBubbleInput] = React.useState(null);\n const hasConsumerStoppedPropagationRef = React.useRef(false);\n const isFormControl = control ? !!form || !!control.closest(\"form\") : (\n // We set this to true by default so that events bubble to forms without JS (SSR)\n true\n );\n const context = {\n checked,\n disabled,\n setChecked,\n control,\n setControl,\n name,\n form,\n value,\n hasConsumerStoppedPropagationRef,\n required,\n defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked,\n isFormControl,\n bubbleInput,\n setBubbleInput\n };\n return /* @__PURE__ */ jsx(\n CheckboxProviderImpl,\n {\n scope: __scopeCheckbox,\n ...context,\n children: isFunction(internal_do_not_use_render) ? internal_do_not_use_render(context) : children\n }\n );\n}\nvar TRIGGER_NAME = \"CheckboxTrigger\";\nvar CheckboxTrigger = React.forwardRef(\n ({ __scopeCheckbox, onKeyDown, onClick, ...checkboxProps }, forwardedRef) => {\n const {\n control,\n value,\n disabled,\n checked,\n required,\n setControl,\n setChecked,\n hasConsumerStoppedPropagationRef,\n isFormControl,\n bubbleInput\n } = useCheckboxContext(TRIGGER_NAME, __scopeCheckbox);\n const composedRefs = useComposedRefs(forwardedRef, setControl);\n const initialCheckedStateRef = React.useRef(checked);\n React.useEffect(() => {\n const form = control?.form;\n if (form) {\n const reset = () => setChecked(initialCheckedStateRef.current);\n form.addEventListener(\"reset\", reset);\n return () => form.removeEventListener(\"reset\", reset);\n }\n }, [control, setChecked]);\n return /* @__PURE__ */ jsx(\n Primitive.button,\n {\n type: \"button\",\n role: \"checkbox\",\n \"aria-checked\": isIndeterminate(checked) ? \"mixed\" : checked,\n \"aria-required\": required,\n \"data-state\": getState(checked),\n \"data-disabled\": disabled ? \"\" : void 0,\n disabled,\n value,\n ...checkboxProps,\n ref: composedRefs,\n onKeyDown: composeEventHandlers(onKeyDown, (event) => {\n if (event.key === \"Enter\") event.preventDefault();\n }),\n onClick: composeEventHandlers(onClick, (event) => {\n setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);\n if (bubbleInput && isFormControl) {\n hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n }\n })\n }\n );\n }\n);\nCheckboxTrigger.displayName = TRIGGER_NAME;\nvar Checkbox = React.forwardRef(\n (props, forwardedRef) => {\n const {\n __scopeCheckbox,\n name,\n checked,\n defaultChecked,\n required,\n disabled,\n value,\n onCheckedChange,\n form,\n ...checkboxProps\n } = props;\n return /* @__PURE__ */ jsx(\n CheckboxProvider,\n {\n __scopeCheckbox,\n checked,\n defaultChecked,\n disabled,\n required,\n onCheckedChange,\n name,\n form,\n value,\n internal_do_not_use_render: ({ isFormControl }) => /* @__PURE__ */ jsxs(Fragment, { children: [\n /* @__PURE__ */ jsx(\n CheckboxTrigger,\n {\n ...checkboxProps,\n ref: forwardedRef,\n __scopeCheckbox\n }\n ),\n isFormControl && /* @__PURE__ */ jsx(\n CheckboxBubbleInput,\n {\n __scopeCheckbox\n }\n )\n ] })\n }\n );\n }\n);\nCheckbox.displayName = CHECKBOX_NAME;\nvar INDICATOR_NAME = \"CheckboxIndicator\";\nvar CheckboxIndicator = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n return /* @__PURE__ */ jsx(\n Presence,\n {\n present: forceMount || isIndeterminate(context.checked) || context.checked === true,\n children: /* @__PURE__ */ jsx(\n Primitive.span,\n {\n \"data-state\": getState(context.checked),\n \"data-disabled\": context.disabled ? \"\" : void 0,\n ...indicatorProps,\n ref: forwardedRef,\n style: { pointerEvents: \"none\", ...props.style }\n }\n )\n }\n );\n }\n);\nCheckboxIndicator.displayName = INDICATOR_NAME;\nvar BUBBLE_INPUT_NAME = \"CheckboxBubbleInput\";\nvar CheckboxBubbleInput = React.forwardRef(\n ({ __scopeCheckbox, ...props }, forwardedRef) => {\n const {\n control,\n hasConsumerStoppedPropagationRef,\n checked,\n defaultChecked,\n required,\n disabled,\n name,\n value,\n form,\n bubbleInput,\n setBubbleInput\n } = useCheckboxContext(BUBBLE_INPUT_NAME, __scopeCheckbox);\n const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);\n const prevChecked = usePrevious(checked);\n const controlSize = useSize(control);\n React.useEffect(() => {\n const input = bubbleInput;\n if (!input) return;\n const inputProto = window.HTMLInputElement.prototype;\n const descriptor = Object.getOwnPropertyDescriptor(\n inputProto,\n \"checked\"\n );\n const setChecked = descriptor.set;\n const bubbles = !hasConsumerStoppedPropagationRef.current;\n if (prevChecked !== checked && setChecked) {\n const event = new Event(\"click\", { bubbles });\n input.indeterminate = isIndeterminate(checked);\n setChecked.call(input, isIndeterminate(checked) ? false : checked);\n input.dispatchEvent(event);\n }\n }, [bubbleInput, prevChecked, checked, hasConsumerStoppedPropagationRef]);\n const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);\n return /* @__PURE__ */ jsx(\n Primitive.input,\n {\n type: \"checkbox\",\n \"aria-hidden\": true,\n defaultChecked: defaultChecked ?? defaultCheckedRef.current,\n required,\n disabled,\n name,\n value,\n form,\n ...props,\n tabIndex: -1,\n ref: composedRefs,\n style: {\n ...props.style,\n ...controlSize,\n position: \"absolute\",\n pointerEvents: \"none\",\n opacity: 0,\n margin: 0,\n // We transform because the input is absolutely positioned but we have\n // rendered it **after** the button. This pulls it back to sit on top\n // of the button.\n transform: \"translateX(-100%)\"\n }\n }\n );\n }\n);\nCheckboxBubbleInput.displayName = BUBBLE_INPUT_NAME;\nfunction isFunction(value) {\n return typeof value === \"function\";\n}\nfunction isIndeterminate(checked) {\n return checked === \"indeterminate\";\n}\nfunction getState(checked) {\n return isIndeterminate(checked) ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\";\n}\nexport {\n Checkbox,\n CheckboxIndicator,\n CheckboxIndicator as Indicator,\n Checkbox as Root,\n createCheckboxScope,\n CheckboxBubbleInput as unstable_BubbleInput,\n CheckboxBubbleInput as unstable_CheckboxBubbleInput,\n CheckboxProvider as unstable_CheckboxProvider,\n CheckboxTrigger as unstable_CheckboxTrigger,\n CheckboxProvider as unstable_Provider,\n CheckboxTrigger as unstable_Trigger\n};\n//# sourceMappingURL=index.mjs.map\n","'use client';\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { createContext, use, useMemo } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib/utils';\n\ninterface CheckboxContext {\n colorScheme: 'light' | 'dark';\n}\n\nexport const CheckboxContext = createContext<CheckboxContext | undefined>(undefined);\n\nexport type CheckboxRootProps = ComponentProps<typeof CheckboxPrimitive.Root> & {\n colorScheme?: 'light' | 'dark';\n};\n\nexport function CheckboxRoot({\n children,\n className,\n colorScheme = 'light',\n ...props\n}: CheckboxRootProps) {\n const contextValues = useMemo(\n () => ({\n colorScheme,\n }),\n [colorScheme],\n );\n\n return (\n <CheckboxContext.Provider value={contextValues}>\n <CheckboxPrimitive.Root\n className={cn(\n 'peer flex h-5 w-5 items-center justify-center rounded-md border transition-colors duration-150 focus-visible:outline-0 focus-visible:ring-2 focus-visible:ring-[var(--checkbox-focus,hsl(var(--primary)))] disabled:cursor-not-allowed',\n {\n light: cn(\n // Disabled states\n 'disabled:border-[var(--checkbox-light-disabled-border,hsl(var(--contrast-200)))] disabled:bg-[var(--checkbox-light-disabled-background,hsl(var(--contrast-100)))] disabled:text-[var(--checkbox-light-disabled-icon,hsl(var(--contrast-300)))]',\n // Normal states\n 'enabled:data-[state=checked]:border-[var(--checkbox-light-checked-border,hsl(var(--foreground)))] enabled:data-[state=unchecked]:border-[var(--checkbox-light-unchecked-border,hsl(var(--contrast-200)))] enabled:data-[state=checked]:bg-[var(--checkbox-light-checked-background,hsl(var(--foreground)))] enabled:data-[state=unchecked]:bg-[var(--checkbox-light-unchecked-background,hsl(var(--background)))] enabled:data-[state=checked]:text-[var(--checkbox-light-checked-text,hsl(var(--background)))] enabled:data-[state=unchecked]:text-[var(--checkbox-light-unchecked-text,hsl(var(--foreground)))]',\n // Hover states (only apply when checkbox is enabled)\n 'enabled:data-[state=checked]:hover:border-[var(--checkbox-light-checked-border-hover,hsl(var(--foreground)))] enabled:data-[state=unchecked]:hover:border-[var(--checkbox-light-unchecked-border-hover,hsl(var(--contrast-300)))]',\n // Invalid states\n 'aria-invalid:border-[var(--checkbox-light-error,hsl(var(--error)))]',\n ),\n dark: cn(\n // Disabled states\n 'disabled:border-[var(--checkbox-dark-disabled-border,hsl(var(--contrast-200)))] disabled:bg-[var(--checkbox-dark-disabled-background,hsl(var(--contrast-100)))] disabled:text-[var(--checkbox-dark-disabled-icon,hsl(var(--contrast-300)))]',\n // Normal states\n 'enabled:data-[state=checked]:border-[var(--checkbox-dark-checked-border,hsl(var(--background)))] enabled:data-[state=unchecked]:border-[var(--checkbox-dark-unchecked-border,hsl(var(--contrast-400)))] enabled:data-[state=checked]:bg-[var(--checkbox-dark-checked-background,hsl(var(--foreground)))] enabled:data-[state=unchecked]:bg-[var(--checkbox-dark-unchecked-background,hsl(var(--foreground)))] enabled:data-[state=checked]:text-[var(--checkbox-dark-checked-text,hsl(var(--background)))] enabled:data-[state=unchecked]:text-[var(--checkbox-dark-unchecked-text,hsl(var(--background)))]',\n // Hover states (only apply when checkbox is enabled)\n 'enabled:data-[state=checked]:hover:border-[var(--checkbox-dark-checked-border-hover,hsl(var(--background)))] enabled:data-[state=unchecked]:hover:border-[var(--checkbox-dark-unchecked-border-hover,hsl(var(--contrast-300)))]',\n // Invalid states\n 'aria-invalid:border-[var(--checkbox-dark-error,hsl(var(--error)))]',\n ),\n }[colorScheme],\n )}\n data-slot=\"checkbox-root\"\n {...props}\n >\n {children}\n </CheckboxPrimitive.Root>\n </CheckboxContext.Provider>\n );\n}\n\nexport function useCheckbox() {\n const context = use(CheckboxContext);\n\n if (context === undefined) {\n throw new Error('useCheckbox must be used within an CheckboxRoot');\n }\n\n return context;\n}\n","'use client';\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type CheckboxIndicatorProps = ComponentProps<typeof CheckboxPrimitive.Indicator>;\n\nexport function CheckboxIndicator({ className, children, ...props }: CheckboxIndicatorProps) {\n return (\n <CheckboxPrimitive.Indicator\n className={cn(className)}\n data-slot=\"checkbox-indicator\"\n {...props}\n >\n {children}\n </CheckboxPrimitive.Indicator>\n );\n}\n"],"names":["usePrevious","value","ref","React","CHECKBOX_NAME","createCheckboxContext","createContextScope","CheckboxProviderImpl","useCheckboxContext","CheckboxProvider","props","__scopeCheckbox","checkedProp","children","defaultChecked","disabled","form","name","onCheckedChange","required","internal_do_not_use_render","checked","setChecked","useControllableState","control","setControl","bubbleInput","setBubbleInput","hasConsumerStoppedPropagationRef","isFormControl","context","isIndeterminate","jsx","isFunction","TRIGGER_NAME","CheckboxTrigger","onKeyDown","onClick","checkboxProps","forwardedRef","composedRefs","useComposedRefs","initialCheckedStateRef","reset","Primitive","getState","composeEventHandlers","event","prevChecked","Checkbox","jsxs","Fragment","CheckboxBubbleInput","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","Presence","BUBBLE_INPUT_NAME","controlSize","useSize","input","inputProto","bubbles","defaultCheckedRef","CheckboxContext","createContext","CheckboxRoot","className","colorScheme","contextValues","useMemo","CheckboxPrimitive.Root","cn","useCheckbox","use","CheckboxPrimitive.Indicator"],"mappings":";;;;;;;;;;AAEA,SAASA,EAAYC,GAAO;AAC1B,QAAMC,IAAMC,EAAM,OAAO,EAAE,OAAAF,GAAO,UAAUA,GAAO;AACnD,SAAOE,EAAM,QAAQ,OACfD,EAAI,QAAQ,UAAUD,MACxBC,EAAI,QAAQ,WAAWA,EAAI,QAAQ,OACnCA,EAAI,QAAQ,QAAQD,IAEfC,EAAI,QAAQ,WAClB,CAACD,CAAK,CAAC;AACZ;ACEA,IAAIG,IAAgB,YAChB,CAACC,CAA0C,IAAIC,EAAmBF,CAAa,GAC/E,CAACG,GAAsBC,CAAkB,IAAIH,EAAsBD,CAAa;AACpF,SAASK,GAAiBC,GAAO;AAC/B,QAAM;AAAA,IACJ,iBAAAC;AAAA,IACA,SAASC;AAAA,IACT,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAlB,IAAQ;AAAA;AAAA,IAER,4BAAAmB;AAAA,EACJ,IAAMV,GACE,CAACW,GAASC,CAAU,IAAIC,EAAqB;AAAA,IACjD,MAAMX;AAAA,IACN,aAAaE,KAAkB;AAAA,IAC/B,UAAUI;AAAA,IACV,QAAQd;AAAA,EACZ,CAAG,GACK,CAACoB,GAASC,CAAU,IAAItB,EAAM,SAAS,IAAI,GAC3C,CAACuB,GAAaC,CAAc,IAAIxB,EAAM,SAAS,IAAI,GACnDyB,IAAmCzB,EAAM,OAAO,EAAK,GACrD0B,IAAgBL,IAAU,CAAC,CAACR,KAAQ,CAAC,CAACQ,EAAQ,QAAQ,MAAM;AAAA;AAAA,IAEhE;AAAA,KAEIM,IAAU;AAAA,IACd,SAAAT;AAAA,IACA,UAAAN;AAAA,IACA,YAAAO;AAAA,IACA,SAAAE;AAAA,IACA,YAAAC;AAAA,IACA,MAAAR;AAAA,IACA,MAAAD;AAAA,IACA,OAAAf;AAAA,IACA,kCAAA2B;AAAA,IACA,UAAAT;AAAA,IACA,gBAAgBY,EAAgBjB,CAAc,IAAI,KAAQA;AAAA,IAC1D,eAAAe;AAAA,IACA,aAAAH;AAAA,IACA,gBAAAC;AAAA,EACJ;AACE,SAAuB,gBAAAK;AAAA,IACrBzB;AAAA,IACA;AAAA,MACE,OAAOI;AAAA,MACP,GAAGmB;AAAA,MACH,UAAUG,GAAWb,CAA0B,IAAIA,EAA2BU,CAAO,IAAIjB;AAAA,IAC/F;AAAA,EACA;AACA;AACA,IAAIqB,IAAe,mBACfC,IAAkBhC,EAAM;AAAA,EAC1B,CAAC,EAAE,iBAAAQ,GAAiB,WAAAyB,GAAW,SAAAC,GAAS,GAAGC,EAAa,GAAIC,MAAiB;AAC3E,UAAM;AAAA,MACJ,SAAAf;AAAA,MACA,OAAAvB;AAAA,MACA,UAAAc;AAAA,MACA,SAAAM;AAAA,MACA,UAAAF;AAAA,MACA,YAAAM;AAAA,MACA,YAAAH;AAAA,MACA,kCAAAM;AAAA,MACA,eAAAC;AAAA,MACA,aAAAH;AAAA,IACN,IAAQlB,EAAmB0B,GAAcvB,CAAe,GAC9C6B,IAAeC,EAAgBF,GAAcd,CAAU,GACvDiB,IAAyBvC,EAAM,OAAOkB,CAAO;AACnD,WAAAlB,EAAM,UAAU,MAAM;AACpB,YAAMa,IAAOQ,GAAS;AACtB,UAAIR,GAAM;AACR,cAAM2B,IAAQ,MAAMrB,EAAWoB,EAAuB,OAAO;AAC7D,eAAA1B,EAAK,iBAAiB,SAAS2B,CAAK,GAC7B,MAAM3B,EAAK,oBAAoB,SAAS2B,CAAK;AAAA,MACtD;AAAA,IACF,GAAG,CAACnB,GAASF,CAAU,CAAC,GACD,gBAAAU;AAAA,MACrBY,EAAU;AAAA,MACV;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,gBAAgBb,EAAgBV,CAAO,IAAI,UAAUA;AAAA,QACrD,iBAAiBF;AAAA,QACjB,cAAc0B,EAASxB,CAAO;AAAA,QAC9B,iBAAiBN,IAAW,KAAK;AAAA,QACjC,UAAAA;AAAA,QACA,OAAAd;AAAA,QACA,GAAGqC;AAAA,QACH,KAAKE;AAAA,QACL,WAAWM,EAAqBV,GAAW,CAACW,MAAU;AACpD,UAAIA,EAAM,QAAQ,WAASA,EAAM,eAAc;AAAA,QACjD,CAAC;AAAA,QACD,SAASD,EAAqBT,GAAS,CAACU,MAAU;AAChD,UAAAzB,EAAW,CAAC0B,MAAgBjB,EAAgBiB,CAAW,IAAI,KAAO,CAACA,CAAW,GAC1EtB,KAAeG,MACjBD,EAAiC,UAAUmB,EAAM,qBAAoB,GAChEnB,EAAiC,WAASmB,EAAM,gBAAe;AAAA,QAExE,CAAC;AAAA,MACT;AAAA,IACA;AAAA,EACE;AACF;AACAZ,EAAgB,cAAcD;AAC9B,IAAIe,IAAW9C,EAAM;AAAA,EACnB,CAACO,GAAO6B,MAAiB;AACvB,UAAM;AAAA,MACJ,iBAAA5B;AAAA,MACA,MAAAM;AAAA,MACA,SAAAI;AAAA,MACA,gBAAAP;AAAA,MACA,UAAAK;AAAA,MACA,UAAAJ;AAAA,MACA,OAAAd;AAAA,MACA,iBAAAiB;AAAA,MACA,MAAAF;AAAA,MACA,GAAGsB;AAAA,IACT,IAAQ5B;AACJ,WAAuB,gBAAAsB;AAAA,MACrBvB;AAAA,MACA;AAAA,QACE,iBAAAE;AAAA,QACA,SAAAU;AAAA,QACA,gBAAAP;AAAA,QACA,UAAAC;AAAA,QACA,UAAAI;AAAA,QACA,iBAAAD;AAAA,QACA,MAAAD;AAAA,QACA,MAAAD;AAAA,QACA,OAAAf;AAAA,QACA,4BAA4B,CAAC,EAAE,eAAA4B,EAAa,MAAuB,gBAAAqB,EAAKC,GAAU,EAAE,UAAU;AAAA,UAC5E,gBAAAnB;AAAA,YACdG;AAAA,YACA;AAAA,cACE,GAAGG;AAAA,cACH,KAAKC;AAAA,cACL,iBAAA5B;AAAA,YACd;AAAA,UACA;AAAA,UACUkB,KAAiC,gBAAAG;AAAA,YAC/BoB;AAAA,YACA;AAAA,cACE,iBAAAzC;AAAA,YACd;AAAA,UACA;AAAA,QACA,EAAS,CAAE;AAAA,MACX;AAAA,IACA;AAAA,EACE;AACF;AACAsC,EAAS,cAAc7C;AACvB,IAAIiD,IAAiB,qBACjBC,IAAoBnD,EAAM;AAAA,EAC5B,CAACO,GAAO6B,MAAiB;AACvB,UAAM,EAAE,iBAAA5B,GAAiB,YAAA4C,GAAY,GAAGC,EAAc,IAAK9C,GACrDoB,IAAUtB,EAAmB6C,GAAgB1C,CAAe;AAClE,WAAuB,gBAAAqB;AAAA,MACrByB;AAAA,MACA;AAAA,QACE,SAASF,KAAcxB,EAAgBD,EAAQ,OAAO,KAAKA,EAAQ,YAAY;AAAA,QAC/E,UAA0B,gBAAAE;AAAA,UACxBY,EAAU;AAAA,UACV;AAAA,YACE,cAAcC,EAASf,EAAQ,OAAO;AAAA,YACtC,iBAAiBA,EAAQ,WAAW,KAAK;AAAA,YACzC,GAAG0B;AAAA,YACH,KAAKjB;AAAA,YACL,OAAO,EAAE,eAAe,QAAQ,GAAG7B,EAAM,MAAK;AAAA,UAC1D;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACE;AACF;AACA4C,EAAkB,cAAcD;AAChC,IAAIK,IAAoB,uBACpBN,IAAsBjD,EAAM;AAAA,EAC9B,CAAC,EAAE,iBAAAQ,GAAiB,GAAGD,EAAK,GAAI6B,MAAiB;AAC/C,UAAM;AAAA,MACJ,SAAAf;AAAA,MACA,kCAAAI;AAAA,MACA,SAAAP;AAAA,MACA,gBAAAP;AAAA,MACA,UAAAK;AAAA,MACA,UAAAJ;AAAA,MACA,MAAAE;AAAA,MACA,OAAAhB;AAAA,MACA,MAAAe;AAAA,MACA,aAAAU;AAAA,MACA,gBAAAC;AAAA,IACN,IAAQnB,EAAmBkD,GAAmB/C,CAAe,GACnD6B,IAAeC,EAAgBF,GAAcZ,CAAc,GAC3DqB,IAAchD,EAAYqB,CAAO,GACjCsC,IAAcC,EAAQpC,CAAO;AACnC,IAAArB,EAAM,UAAU,MAAM;AACpB,YAAM0D,IAAQnC;AACd,UAAI,CAACmC,EAAO;AACZ,YAAMC,IAAa,OAAO,iBAAiB,WAKrCxC,IAJa,OAAO;AAAA,QACxBwC;AAAA,QACA;AAAA,MACR,EACoC,KACxBC,IAAU,CAACnC,EAAiC;AAClD,UAAIoB,MAAgB3B,KAAWC,GAAY;AACzC,cAAMyB,IAAQ,IAAI,MAAM,SAAS,EAAE,SAAAgB,EAAO,CAAE;AAC5C,QAAAF,EAAM,gBAAgB9B,EAAgBV,CAAO,GAC7CC,EAAW,KAAKuC,GAAO9B,EAAgBV,CAAO,IAAI,KAAQA,CAAO,GACjEwC,EAAM,cAAcd,CAAK;AAAA,MAC3B;AAAA,IACF,GAAG,CAACrB,GAAasB,GAAa3B,GAASO,CAAgC,CAAC;AACxE,UAAMoC,IAAoB7D,EAAM,OAAO4B,EAAgBV,CAAO,IAAI,KAAQA,CAAO;AACjF,WAAuB,gBAAAW;AAAA,MACrBY,EAAU;AAAA,MACV;AAAA,QACE,MAAM;AAAA,QACN,eAAe;AAAA,QACf,gBAAgB9B,KAAkBkD,EAAkB;AAAA,QACpD,UAAA7C;AAAA,QACA,UAAAJ;AAAA,QACA,MAAAE;AAAA,QACA,OAAAhB;AAAA,QACA,MAAAe;AAAA,QACA,GAAGN;AAAA,QACH,UAAU;AAAA,QACV,KAAK8B;AAAA,QACL,OAAO;AAAA,UACL,GAAG9B,EAAM;AAAA,UACT,GAAGiD;AAAA,UACH,UAAU;AAAA,UACV,eAAe;AAAA,UACf,SAAS;AAAA,UACT,QAAQ;AAAA;AAAA;AAAA;AAAA,UAIR,WAAW;AAAA,QACrB;AAAA,MACA;AAAA,IACA;AAAA,EACE;AACF;AACAP,EAAoB,cAAcM;AAClC,SAASzB,GAAWhC,GAAO;AACzB,SAAO,OAAOA,KAAU;AAC1B;AACA,SAAS8B,EAAgBV,GAAS;AAChC,SAAOA,MAAY;AACrB;AACA,SAASwB,EAASxB,GAAS;AACzB,SAAOU,EAAgBV,CAAO,IAAI,kBAAkBA,IAAU,YAAY;AAC5E;ACjQO,MAAM4C,IAAkBC,EAA2C,MAAS;AAM5E,SAASC,GAAa;AAAA,EAC3B,UAAAtD;AAAA,EACA,WAAAuD;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAG3D;AACL,GAAsB;AACpB,QAAM4D,IAAgBC;AAAA,IACpB,OAAO;AAAA,MACL,aAAAF;AAAA,IAAA;AAAA,IAEF,CAACA,CAAW;AAAA,EAAA;AAGd,SACE,gBAAArC,EAACiC,EAAgB,UAAhB,EAAyB,OAAOK,GAC/B,UAAA,gBAAAtC;AAAA,IAACwC;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAOA;AAAA;AAAA,YAEL;AAAA;AAAA,YAEA;AAAA;AAAA,YAEA;AAAA;AAAA,YAEA;AAAA,UAAA;AAAA,UAEF,MAAMA;AAAA;AAAA,YAEJ;AAAA;AAAA,YAEA;AAAA;AAAA,YAEA;AAAA;AAAA,YAEA;AAAA,UAAA;AAAA,QACF,EACAJ,CAAW;AAAA,MAAA;AAAA,MAEf,aAAU;AAAA,MACT,GAAG3D;AAAA,MAEH,UAAAG;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEO,SAAS6D,KAAc;AAC5B,QAAM5C,IAAU6C,EAAIV,CAAe;AAEnC,MAAInC,MAAY;AACd,UAAM,IAAI,MAAM,iDAAiD;AAGnE,SAAOA;AACT;ACnEO,SAASwB,GAAkB,EAAE,WAAAc,GAAW,UAAAvD,GAAU,GAAGH,KAAiC;AAC3F,SACE,gBAAAsB;AAAA,IAAC4C;AAAAA,IAAA;AAAA,MACC,WAAWH,EAAGL,CAAS;AAAA,MACvB,aAAU;AAAA,MACT,GAAG1D;AAAA,MAEH,UAAAG;AAAA,IAAA;AAAA,EAAA;AAGP;","x_google_ignoreList":[0,1]}
|
package/dist/price-BwaeTmkR.js
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { jsx as a, jsxs as l, Fragment as t } from "react/jsx-runtime";
|
|
2
|
-
import { c as s } from "./utils-BOGlfttm.js";
|
|
3
|
-
import { P as c, a as e, b as u } from "./price-strike-Br_Yriv9.js";
|
|
4
|
-
function h({
|
|
5
|
-
children: n,
|
|
6
|
-
shape: o = "rounded",
|
|
7
|
-
className: r,
|
|
8
|
-
variant: i = "primary",
|
|
9
|
-
...d
|
|
10
|
-
}) {
|
|
11
|
-
return /* @__PURE__ */ a(
|
|
12
|
-
"span",
|
|
13
|
-
{
|
|
14
|
-
className: s(
|
|
15
|
-
"px-2 py-0.5 text-xs uppercase tracking-tighter text-[var(--badge-text,hsl(var(--foreground)))] [font-family:var(--badge-font-family,var(--font-family-mono))]",
|
|
16
|
-
{
|
|
17
|
-
pill: "rounded-full",
|
|
18
|
-
rounded: "rounded"
|
|
19
|
-
}[o],
|
|
20
|
-
{
|
|
21
|
-
primary: "bg-[var(--badge-primary-background,color-mix(in_oklab,hsl(var(--primary)),white_75%))]",
|
|
22
|
-
warning: "bg-[var(--badge-warning-background,color-mix(in_oklab,hsl(var(--warning)),white_75%))]",
|
|
23
|
-
error: "bg-[var(--badge-error-background,color-mix(in_oklab,hsl(var(--error)),white_75%))]",
|
|
24
|
-
success: "bg-[var(--badge-success-background,color-mix(in_oklab,hsl(var(--success)),white_75%))]",
|
|
25
|
-
info: "bg-[var(--badge-info-background,color-mix(in_oklab,hsl(var(--info)),white_75%))]"
|
|
26
|
-
}[i],
|
|
27
|
-
r
|
|
28
|
-
),
|
|
29
|
-
...d,
|
|
30
|
-
children: n
|
|
31
|
-
}
|
|
32
|
-
);
|
|
33
|
-
}
|
|
34
|
-
function f({ className: n, colorScheme: o = "light", price: r, ...i }) {
|
|
35
|
-
return /* @__PURE__ */ l(c, { className: n, colorScheme: o, ...i, children: [
|
|
36
|
-
r.type === "range" && /* @__PURE__ */ l(t, { children: [
|
|
37
|
-
/* @__PURE__ */ a(e, { children: r.minValue }),
|
|
38
|
-
" – ",
|
|
39
|
-
/* @__PURE__ */ a(e, { children: r.maxValue })
|
|
40
|
-
] }),
|
|
41
|
-
r.type === "sale" && /* @__PURE__ */ l(t, { children: [
|
|
42
|
-
/* @__PURE__ */ a(u, { children: r.currentValue }),
|
|
43
|
-
" ",
|
|
44
|
-
/* @__PURE__ */ a(e, { children: r.previousValue })
|
|
45
|
-
] }),
|
|
46
|
-
r.type === "default" && /* @__PURE__ */ a(e, { children: r.value })
|
|
47
|
-
] });
|
|
48
|
-
}
|
|
49
|
-
export {
|
|
50
|
-
h as B,
|
|
51
|
-
f as P
|
|
52
|
-
};
|
|
53
|
-
//# sourceMappingURL=price-BwaeTmkR.js.map
|