@shopify/shop-minis-react 0.0.16 → 0.0.18

package/src/components/atoms/icon-button.tsx

@@ -0,0 +1,42 @@
+import {LucideIcon} from 'lucide-react'
+
+import {cn} from '../../lib/utils'
+
+import {Button} from './button'
+
+export function IconButton({
+  onClick,
+  filled = false,
+  size = 'default',
+  Icon,
+  buttonStyles,
+  iconStyles,
+}: {
+  onClick?: () => void
+  filled?: boolean
+  size?: 'default' | 'sm' | 'lg'
+  Icon: LucideIcon
+  buttonStyles?: string
+  iconStyles?: string
+}) {
+  const sizeMap = {
+    sm: 'size-3',
+    default: 'size-4',
+    lg: 'size-6',
+  }
+
+  return (
+    <Button
+      onClick={onClick}
+      variant="icon"
+      size={size}
+      className={cn('bg-primary', buttonStyles)}
+      stopPropagation
+    >
+      <Icon
+        fill={filled ? 'currentColor' : 'none'}
+        className={cn('text-primary-foreground', sizeMap[size], iconStyles)}
+      />
+    </Button>
+  )
+}

package/src/components/atoms/touchable.tsx

@@ -14,6 +14,10 @@ export const Touchable = ({
   const ref = React.useRef<HTMLDivElement>(null)
   const controls = useAnimationControls()
 
+  // Filter out props that shouldn't be passed to motion.div
+  // Any other custom props that get added to the component interface should be filtered here
+  const {ref: _, ...motionProps} = props
+
   const handleClick = React.useCallback(
     (event: React.MouseEvent<HTMLDivElement>) => {
       if (stopPropagation) event.stopPropagation()
@@ -75,7 +79,7 @@ export const Touchable = ({
       style={{
         touchAction: stopPropagation ? 'manipulation' : undefined,
       }}
-      {...props} // TODO: We may need to filter out some props, as we only need motion props
+      {...motionProps}
     >
       {children}
     </motion.div>

package/src/components/commerce/merchant-card.tsx

@@ -250,15 +250,4 @@ export const MerchantCardPrimitive = Object.assign(MerchantCardRoot, {
   Rating: MerchantCardRating,
 })
 
-export {
-  // Composed component
-  MerchantCard,
-  // Primitive components for custom composition
-  MerchantCardRoot,
-  MerchantCardImageContainer,
-  MerchantCardImage,
-  MerchantCardLogo,
-  MerchantCardInfo,
-  MerchantCardName,
-  MerchantCardRating,
-}
+export {MerchantCard}

package/src/components/commerce/product-card.tsx

@@ -9,9 +9,9 @@ import {useShopNavigation} from '../../hooks/navigation/useShopNavigation'
 import {useSavedProductsActions} from '../../hooks/user/useSavedProductsActions'
 import {formatMoney} from '../../lib/formatMoney'
 import {cn} from '../../lib/utils'
-import {Badge} from '../atoms/badge'
-import {Button} from '../atoms/button'
+import {FavoriteButton} from '../atoms/favorite-button'
 import {Touchable} from '../atoms/touchable'
+import {Badge} from '../ui/badge'
 
 const productCardVariants = cva(
   'relative w-full overflow-hidden rounded-xl border border-gray-200',
@@ -167,21 +167,7 @@ function ProductCardFavoriteButton({
 }) {
   return (
     <div className={cn('absolute bottom-3 right-3 z-10', className)} {...props}>
-      <Button
-        onClick={onPress}
-        variant="secondary"
-        size="icon"
-        className={cn(
-          'h-8 w-8 rounded-full border-0 shadow-sm',
-          filled ? 'bg-primary' : 'bg-grayscale-l6/60 backdrop-blur-sm'
-        )}
-        stopPropagation
-      >
-        <Heart
-          fill={filled ? 'currentColor' : 'none'}
-          className="h-4 w-4 text-white"
-        />
-      </Button>
+      <FavoriteButton onClick={onPress} filled={filled} />
     </div>
   )
 }
@@ -416,18 +402,4 @@ function ProductCard({
   )
 }
 
-export {
-  // Composed component
-  ProductCard,
-  // Primitive components for custom composition
-  ProductCardRoot,
-  ProductCardImageContainer,
-  ProductCardImage,
-  ProductCardBadge,
-  ProductCardFavoriteButton,
-  ProductCardInfo,
-  ProductCardTitle,
-  ProductCardPrice,
-  ProductCardCurrentPrice,
-  ProductCardOriginalPrice,
-}
+export {ProductCard}

package/src/components/commerce/product-link.tsx

@@ -2,16 +2,16 @@ import * as React from 'react'
 
 import {type Product} from '@shopify/shop-minis-platform'
 import {cva, type VariantProps} from 'class-variance-authority'
-import {Heart, Star} from 'lucide-react'
+import {Star} from 'lucide-react'
 import {Slot as SlotPrimitive} from 'radix-ui'
 
 import {useShopNavigation} from '../../hooks/navigation/useShopNavigation'
 import {useSavedProductsActions} from '../../hooks/user/useSavedProductsActions'
 import {formatMoney} from '../../lib/formatMoney'
 import {cn} from '../../lib/utils'
-import {Button} from '../atoms/button'
-import {Card, CardContent, CardAction} from '../atoms/card'
+import {FavoriteButton} from '../atoms/favorite-button'
 import {Touchable} from '../atoms/touchable'
+import {Card, CardContent, CardAction} from '../ui/card'
 
 const productLinkVariants = cva('', {
   variants: {
@@ -193,11 +193,11 @@ function ProductLinkRating({className, ...props}: React.ComponentProps<'div'>) {
 
 function ProductLinkActions({
   className,
-  onActionPress,
+  onPress,
   filled = false,
   ...props
 }: React.ComponentProps<typeof CardAction> & {
-  onActionPress?: () => void
+  onPress?: () => void
   filled?: boolean
 }) {
   return (
@@ -207,20 +207,14 @@ function ProductLinkActions({
     >
       <Touchable
         stopPropagation
-        onClick={onActionPress}
+        onClick={onPress}
         whileTap={{opacity: 0.7, scale: 0.95}}
         transition={{
           opacity: {type: 'tween', duration: 0.08, ease: 'easeInOut'},
           scale: {type: 'tween', duration: 0.08, ease: 'easeInOut'},
         }}
       >
-        <Button
-          variant="borderless"
-          size="icon"
-          className="h-auto w-auto p-0 hover:bg-transparent"
-        >
-          <Heart fill={filled ? 'currentColor' : 'none'} className="h-4 w-4" />
-        </Button>
+        <FavoriteButton filled={filled} onClick={onPress} />
       </Touchable>
     </CardAction>
   )
@@ -368,24 +362,10 @@ function ProductLink({product}: ProductLinkProps) {
 
       <ProductLinkActions
         filled={isFavoritedLocal}
-        onActionPress={handleActionPress}
+        onPress={handleActionPress}
       />
     </ProductLinkRoot>
   )
 }
 
-export {
-  // Composed component
-  ProductLink,
-  // Primitive components for custom composition
-  ProductLinkRoot,
-  ProductLinkImage,
-  ProductLinkInfo,
-  ProductLinkTitle,
-  ProductLinkPrice,
-  ProductLinkCurrentPrice,
-  ProductLinkOriginalPrice,
-  ProductLinkDiscountPrice,
-  ProductLinkRating,
-  ProductLinkActions,
-}
+export {ProductLink}

package/src/components/index.ts

@@ -4,24 +4,27 @@ export * from './commerce/product-card'
 export * from './commerce/product-link'
 export * from './commerce/merchant-card'
 
-export * from './atoms/accordion'
-export * from './atoms/alert'
-export * from './atoms/alert-dialog'
-export * from './atoms/avatar'
-export * from './atoms/badge'
 export * from './atoms/button'
-export * from './atoms/card'
-export * from './atoms/carousel'
-export * from './atoms/checkbox'
-export * from './atoms/dialog'
-export * from './atoms/drawer'
-export * from './atoms/input'
-export * from './atoms/label'
-export * from './atoms/progress'
-export * from './atoms/radio-group'
-export * from './atoms/resizable'
-export * from './atoms/scroll-area'
-export * from './atoms/select'
-export * from './atoms/separator'
-export * from './atoms/sheet'
-export * from './atoms/sonner'
+export * from './atoms/favorite-button'
+export * from './atoms/icon-button'
+export * from './atoms/touchable'
+
+export * from './ui/accordion'
+export * from './ui/alert'
+export * from './ui/alert-dialog'
+export * from './ui/avatar'
+export * from './ui/card'
+export * from './ui/carousel'
+export * from './ui/checkbox'
+export * from './ui/dialog'
+export * from './ui/drawer'
+export * from './ui/input'
+export * from './ui/label'
+export * from './ui/progress'
+export * from './ui/radio-group'
+export * from './ui/resizable'
+export * from './ui/scroll-area'
+export * from './ui/select'
+export * from './ui/separator'
+export * from './ui/sheet'
+export * from './ui/sonner'

package/src/components/{atoms → ui}/alert-dialog.tsx

@@ -130,7 +130,7 @@ function AlertDialogCancel({
 }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {
   return (
     <AlertDialogPrimitive.Cancel
-      className={cn(buttonVariants({variant: 'outlined'}), className)}
+      className={cn(buttonVariants({variant: 'outline'}), className)}
       {...props}
     />
   )

package/src/components/ui/button.tsx

@@ -0,0 +1,77 @@
+import * as React from 'react'
+
+import {cva, type VariantProps} from 'class-variance-authority'
+import {Slot as SlotPrimitive} from 'radix-ui'
+
+import {cn} from '../../lib/utils'
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: 'bg-primary text-primary-foreground',
+        secondary: 'bg-secondary text-secondary-foreground',
+        tertiary: 'bg-tertiary text-tertiary-foreground',
+        destructive: 'bg-destructive text-white dark:bg-destructive/60',
+        outline: 'border bg-background dark:bg-input/30 dark:border-input',
+        ghost: '',
+        link: 'text-primary underline-offset-4',
+        icon: 'flex rounded-full items-center justify-center p-0 aspect-square',
+      },
+      size: {
+        default:
+          'min-h-[32px] rounded-lg px-3 py-2 text-sm leading-[18px] has-[>svg]:px-3',
+        sm: 'min-h-[20px] rounded-lg gap-1.5 px-3 py-1 text-xs leading-4 has-[>svg]:px-2.5',
+        lg: 'min-h-[44px] rounded-xl px-3 py-3 text-base leading-6 has-[>svg]:px-4',
+      },
+    },
+    compoundVariants: [
+      {
+        variant: 'icon',
+        size: 'default',
+        className:
+          'size-8 min-h-0 p-0 rounded-full gap-0 px-0 py-0 has-[>svg]:px-0',
+      },
+      {
+        variant: 'icon',
+        size: 'sm',
+        className:
+          'size-6 min-h-0 p-0 rounded-full gap-0 px-0 py-0 has-[>svg]:px-0',
+      },
+      {
+        variant: 'icon',
+        size: 'lg',
+        className:
+          'size-10 min-h-0 p-0 rounded-full gap-0 px-0 py-0 has-[>svg]:px-0',
+      },
+    ],
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  }
+)
+
+function BaseButton({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}: React.ComponentProps<'button'> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean
+  }) {
+  const Comp = asChild ? SlotPrimitive.Slot : 'button'
+
+  return (
+    <Comp
+      data-slot="button"
+      className={cn(buttonVariants({variant, size, className}))}
+      {...props}
+    />
+  )
+}
+
+export {BaseButton, buttonVariants}

package/src/components/{atoms → ui}/carousel.tsx

@@ -7,7 +7,7 @@ import {ArrowLeft, ArrowRight} from 'lucide-react'
 
 import {cn} from '../../lib/utils'
 
-import {Button} from './button'
+import {BaseButton} from './button'
 
 type CarouselApi = UseEmblaCarouselType[1]
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>
@@ -173,14 +173,14 @@ function CarouselItem({className, ...props}: React.ComponentProps<'div'>) {
 
 function CarouselPrevious({
   className,
-  variant = 'outlined',
-  size = 'icon',
+  variant = 'icon',
+  size = 'default',
   ...props
-}: React.ComponentProps<typeof Button>) {
+}: React.ComponentProps<typeof BaseButton>) {
   const {orientation, scrollPrev, canScrollPrev} = useCarousel()
 
   return (
-    <Button
+    <BaseButton
       data-slot="carousel-previous"
       variant={variant}
       size={size}
@@ -197,20 +197,20 @@ function CarouselPrevious({
     >
       <ArrowLeft />
       <span className="sr-only">Previous slide</span>
-    </Button>
+    </BaseButton>
   )
 }
 
 function CarouselNext({
   className,
-  variant = 'outlined',
-  size = 'icon',
+  variant = 'icon',
+  size = 'default',
   ...props
-}: React.ComponentProps<typeof Button>) {
+}: React.ComponentProps<typeof BaseButton>) {
   const {orientation, scrollNext, canScrollNext} = useCarousel()
 
   return (
-    <Button
+    <BaseButton
       data-slot="carousel-next"
       variant={variant}
       size={size}
@@ -227,7 +227,7 @@ function CarouselNext({
     >
       <ArrowRight />
       <span className="sr-only">Next slide</span>
-    </Button>
+    </BaseButton>
   )
 }
 

package/src/components/{atoms → ui}/drawer.tsx

@@ -48,7 +48,8 @@ function DrawerContent({
   ...props
 }: React.ComponentProps<typeof DrawerPrimitive.Content>) {
   return (
-    <DrawerPortal data-slot="drawer-portal">
+    // vaul's Portal type incorrectly excludes children
+    <DrawerPortal {...({} as any)}>
       <DrawerOverlay />
       <DrawerPrimitive.Content
         data-slot="drawer-content"

package/src/index.css

@@ -1,2 +1,8 @@
-@import './base.css';
-@source '../node_modules/@shopify/shop-minis-react/src/**/*.{js,ts,jsx,tsx}';
+@import 'tailwindcss';
+@import 'tw-animate-css';
+
+@import './styles/theme.css';
+@import './styles/globals.css';
+
+/* When consumed as npm package, this path resolves from the consuming app's location */
+@source '../node_modules/@shopify/shop-minis-react/src';

package/src/styles/globals.css

@@ -0,0 +1,41 @@
+/* Global styles and browser behavior */
+
+/* Essential base styles */
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+
+/* Touch and selection styles */
+html,
+body {
+  touch-action: manipulation;
+}
+
+/* Disable text selection */
+body {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+/* Re-enable text selection for input fields */
+input,
+textarea {
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  -ms-user-select: text;
+  user-select: text;
+}
+
+/* Disable image drag */
+img,
+.no-drag {
+  -webkit-user-drag: none;
+  user-drag: none;
+}

package/src/styles/theme.css

@@ -0,0 +1,102 @@
+/* Design tokens and theme configuration */
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  /* Palette Colors - Purple */
+  --purple-d80: #1b163b;
+  --purple-d60: #322c7d;
+  --purple-d50: #4524db;
+  --purple-p40: #5433eb;
+  --purple-l30: #6445ed;
+  --purple-l20: #9c83f8;
+  --purple-l10: #dbd1ff;
+  --purple-l5: #eeeaff;
+  --purple-l2: #f7f5ff;
+
+  /* Palette Colors - Grayscale */
+  --grayscale-d100: #000000;
+  --grayscale-d93: #121212;
+  --grayscale-d90: #1a1a1a;
+  --grayscale-d80: #2a2a2a;
+  --grayscale-d70: #404040;
+  --grayscale-d60: #656667;
+  --grayscale-d50: #6f7071;
+  --grayscale-l40: #a6a8a9;
+  --grayscale-l20: #c9cbcc;
+  --grayscale-l10: #e1e4e5;
+  --grayscale-l6: #eef0f1;
+  --grayscale-l5: #f2f4f5;
+  --grayscale-l0: #ffffff;
+
+  /* Palette Colors - Green */
+  --green-d90: #002e24;
+  --green-d80: #004839;
+  --green-d70: #008552;
+  --green-l30: #92d08d;
+  --green-l20: #baebcb;
+  --green-l10: #d2f2de;
+  --green-l5: #e4f6eb;
+
+  /* Palette Colors - Poppy */
+  --poppy-d80: #481609;
+  --poppy-d70: #832711;
+  --poppy-d50: #d92a0f;
+  --poppy-l40: #f05d38;
+  --poppy-l20: #ff967d;
+  --poppy-l10: #ffd2c2;
+  --poppy-l4: #ffece9;
+
+  /* Palette Colors - Ochre */
+  --ochre-d90: #443600;
+  --ochre-d70: #8c6e01;
+  --ochre-d60: #c29d05;
+  --ochre-l50: #e3be2b;
+  --ochre-l30: #f8db67;
+  --ochre-l20: #ffec9f;
+  --ochre-l10: #fff4cb;
+  --ochre-l6: #fff9e2;
+
+  /* Palette Colors - Brand */
+  --brand-aqua: #8dc0c6;
+  --brand-violet: #a327c2;
+  --brand-magenta: #d354ff;
+  --brand-olive: #8b8f01;
+  --brand-lime: #c7de00;
+  --brand-sage: #d8e59d;
+  --brand-sand: #f4f4ed;
+}
+
+@theme {
+  /* Core theme colors */
+  --color-background: var(--grayscale-l0);
+  --color-foreground: var(--grayscale-d100);
+  --color-card: var(--grayscale-l0);
+  --color-card-foreground: var(--grayscale-d100);
+  --color-popover: var(--grayscale-l0);
+  --color-popover-foreground: var(--grayscale-d100);
+  --color-primary: var(--purple-p40);
+  --color-primary-foreground: var(--grayscale-l0);
+  --color-secondary: var(--grayscale-d100);
+  --color-secondary-foreground: var(--grayscale-l0);
+  --color-tertiary: var(--grayscale-l5);
+  --color-tertiary-foreground: var(--grayscale-d100);
+  --color-muted: var(--grayscale-l5);
+  --color-muted-foreground: var(--grayscale-d50);
+  --color-accent: var(--grayscale-l5);
+  --color-accent-foreground: var(--grayscale-d70);
+  --color-destructive: var(--poppy-d50);
+  --color-border: rgba(0, 0, 0, 0.1);
+  --color-input: var(--grayscale-l20);
+  --color-ring: var(--purple-p40);
+  --color-disabled: var(--grayscale-l6);
+  --color-disabled-foreground: var(--grayscale-l40);
+
+  /* Button theme colors */
+  --color-button-overlay: var(--grayscale-d70);
+}
+
+/* Dark mode overrides - only the palette colors that change */
+.dark {
+  /* TBD */
+}

package/dist/components/atoms/accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion.js","sources":["../../../src/components/atoms/accordion.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {ChevronDownIcon} from 'lucide-react'\nimport {Accordion as AccordionPrimitive} from 'radix-ui'\n\nimport {cn} from '../../lib/utils'\n\nfunction Accordion({\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn('border-b last:border-b-0', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          'focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n      {...props}\n    >\n      <div className={cn('pt-0 pb-4', className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  )\n}\n\nexport {Accordion, AccordionItem, AccordionTrigger, AccordionContent}\n"],"names":["Accordion","props","AccordionPrimitive.Root","AccordionItem","className","jsx","AccordionPrimitive.Item","cn","AccordionTrigger","children","AccordionPrimitive.Header","jsxs","AccordionPrimitive.Trigger","ChevronDownIcon","AccordionContent","AccordionPrimitive.Content"],"mappings":";;;;AAOA,SAASA,EAAU;AAAA,EACjB,GAAGC;AACL,GAAyD;AACvD,2BAAQC,GAAA,EAAwB,aAAU,aAAa,GAAGD,GAAO;AACnE;AAEA,SAASE,EAAc;AAAA,EACrB,WAAAC;AAAA,EACA,GAAGH;AACL,GAAyD;AAErD,SAAA,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,4BAA4BH,CAAS;AAAA,MAClD,GAAGH;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASO,EAAiB;AAAA,EACxB,WAAAJ;AAAA,EACA,UAAAK;AAAA,EACA,GAAGR;AACL,GAA4D;AAC1D,SACG,gBAAAI,EAAAK,GAAA,EAA0B,WAAU,QACnC,UAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWL;AAAA,QACT;AAAA,QACAH;AAAA,MACF;AAAA,MACC,GAAGH;AAAA,MAEH,UAAA;AAAA,QAAAQ;AAAA,QACD,gBAAAJ,EAACQ,GAAgB,EAAA,WAAU,8GAA8G,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE7I;AAEJ;AAEA,SAASC,EAAiB;AAAA,EACxB,WAAAV;AAAA,EACA,UAAAK;AAAA,EACA,GAAGR;AACL,GAA4D;AAExD,SAAA,gBAAAI;AAAA,IAACU;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAGd;AAAA,MAEJ,4BAAC,OAAI,EAAA,WAAWM,EAAG,aAAaH,CAAS,GAAI,UAAAK,EAAS,CAAA;AAAA,IAAA;AAAA,EACxD;AAEJ;"}

package/dist/components/atoms/alert-dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog.js","sources":["../../../src/components/atoms/alert-dialog.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {AlertDialog as AlertDialogPrimitive} from 'radix-ui'\n\nimport {cn} from '../../lib/utils'\n\nimport {buttonVariants} from './button'\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  )\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  )\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn('flex flex-col gap-2 text-center sm:text-left', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn('text-lg font-semibold', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants(), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({variant: 'outlined'}), className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n}\n"],"names":["AlertDialog","props","AlertDialogPrimitive.Root","AlertDialogTrigger","AlertDialogPrimitive.Trigger","AlertDialogPortal","AlertDialogPrimitive.Portal","AlertDialogOverlay","className","jsx","AlertDialogPrimitive.Overlay","cn","AlertDialogContent","AlertDialogPrimitive.Content","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogPrimitive.Title","AlertDialogDescription","AlertDialogPrimitive.Description","AlertDialogAction","AlertDialogPrimitive.Action","buttonVariants","AlertDialogCancel","AlertDialogPrimitive.Cancel"],"mappings":";;;;AAQA,SAASA,EAAY;AAAA,EACnB,GAAGC;AACL,GAA2D;AACzD,2BAAQC,GAAA,EAA0B,aAAU,gBAAgB,GAAGD,GAAO;AACxE;AAEA,SAASE,EAAmB;AAAA,EAC1B,GAAGF;AACL,GAA8D;AAC5D,2BACGG,GAAA,EAA6B,aAAU,wBAAwB,GAAGH,GAAO;AAE9E;AAEA,SAASI,EAAkB;AAAA,EACzB,GAAGJ;AACL,GAA6D;AAC3D,2BACGK,GAAA,EAA4B,aAAU,uBAAuB,GAAGL,GAAO;AAE5E;AAEA,SAASM,EAAmB;AAAA,EAC1B,WAAAC;AAAA,EACA,GAAGP;AACL,GAA8D;AAE1D,SAAA,gBAAAQ;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MACF;AAAA,MACC,GAAGP;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASW,EAAmB;AAAA,EAC1B,WAAAJ;AAAA,EACA,GAAGP;AACL,GAA8D;AAC5D,2BACGI,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAI,EAACF,GAAmB,EAAA;AAAA,IACpB,gBAAAE;AAAA,MAACI;AAAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAWF;AAAA,UACT;AAAA,UACAH;AAAA,QACF;AAAA,QACC,GAAGP;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;AAEA,SAASa,EAAkB,EAAC,WAAAN,GAAW,GAAGP,KAAqC;AAE3E,SAAA,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE,EAAG,gDAAgDH,CAAS;AAAA,MACtE,GAAGP;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASc,EAAkB,EAAC,WAAAP,GAAW,GAAGP,KAAqC;AAE3E,SAAA,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAH;AAAA,MACF;AAAA,MACC,GAAGP;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASe,EAAiB;AAAA,EACxB,WAAAR;AAAA,EACA,GAAGP;AACL,GAA4D;AAExD,SAAA,gBAAAQ;AAAA,IAACQ;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWN,EAAG,yBAAyBH,CAAS;AAAA,MAC/C,GAAGP;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASiB,EAAuB;AAAA,EAC9B,WAAAV;AAAA,EACA,GAAGP;AACL,GAAkE;AAE9D,SAAA,gBAAAQ;AAAA,IAACU;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWR,EAAG,iCAAiCH,CAAS;AAAA,MACvD,GAAGP;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASmB,EAAkB;AAAA,EACzB,WAAAZ;AAAA,EACA,GAAGP;AACL,GAA6D;AAEzD,SAAA,gBAAAQ;AAAA,IAACY;AAAAA,IAAA;AAAA,MACC,WAAWV,EAAGW,EAAe,GAAGd,CAAS;AAAA,MACxC,GAAGP;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASsB,EAAkB;AAAA,EACzB,WAAAf;AAAA,EACA,GAAGP;AACL,GAA6D;AAEzD,SAAA,gBAAAQ;AAAA,IAACe;AAAAA,IAAA;AAAA,MACC,WAAWb,EAAGW,EAAe,EAAC,SAAS,WAAU,CAAC,GAAGd,CAAS;AAAA,MAC7D,GAAGP;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/components/atoms/alert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.js","sources":["../../../src/components/atoms/alert.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {cva, type VariantProps} from 'class-variance-authority'\n\nimport {cn} from '../../lib/utils'\n\nconst alertVariants = cva(\n  'relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-card-foreground',\n        destructive:\n          'text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({variant}), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        'col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        'text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {Alert, AlertTitle, AlertDescription}\n"],"names":["alertVariants","cva","Alert","className","variant","props","jsx","cn","AlertTitle","AlertDescription"],"mappings":";;;AAMA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAqE;AAEjE,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC,EAAGP,EAAc,EAAC,SAAAI,EAAQ,CAAA,GAAGD,CAAS;AAAA,MAChD,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASG,EAAW,EAAC,WAAAL,GAAW,GAAGE,KAAqC;AAEpE,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASI,EAAiB,EAAC,WAAAN,GAAW,GAAGE,KAAqC;AAE1E,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/components/atoms/avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.js","sources":["../../../src/components/atoms/avatar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {Avatar as AvatarPrimitive} from 'radix-ui'\n\nimport {cn} from '../../lib/utils'\n\nfunction Avatar({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(\n        'relative flex size-8 shrink-0 overflow-hidden rounded-full',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn('aspect-square size-full', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        'bg-muted flex size-full items-center justify-center rounded-full',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {Avatar, AvatarImage, AvatarFallback}\n"],"names":["Avatar","className","props","jsx","AvatarPrimitive.Root","cn","AvatarImage","AvatarPrimitive.Image","AvatarFallback","AvatarPrimitive.Fallback"],"mappings":";;;AAMA,SAASA,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,GAAGC;AACL,GAAsD;AAElD,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASI,EAAY;AAAA,EACnB,WAAAL;AAAA,EACA,GAAGC;AACL,GAAuD;AAEnD,SAAA,gBAAAC;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWF,EAAG,2BAA2BJ,CAAS;AAAA,MACjD,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASM,EAAe;AAAA,EACtB,WAAAP;AAAA,EACA,GAAGC;AACL,GAA0D;AAEtD,SAAA,gBAAAC;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWJ;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/components/atoms/badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.js","sources":["../../../src/components/atoms/badge.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {cva, type VariantProps} from 'class-variance-authority'\nimport {Slot as SlotPrimitive} from 'radix-ui'\n\nimport {cn} from '../../lib/utils'\n\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden',\n  {\n    variants: {\n      variant: {\n        default:\n          'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90',\n        secondary:\n          'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',\n        destructive:\n          'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n        outline:\n          'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'span'> &\n  VariantProps<typeof badgeVariants> & {asChild?: boolean}) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'span'\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({variant}), className)}\n      {...props}\n    />\n  )\n}\n\nexport {Badge, badgeVariants}\n"],"names":["badgeVariants","cva","Badge","className","variant","asChild","props","jsx","SlotPrimitive.Slot","cn"],"mappings":";;;;AAOA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAC4D;AAIxD,SAAA,gBAAAC;AAAA,IAHWF,IAAUG,IAAqB;AAAA,IAGzC;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGT,EAAc,EAAC,SAAAI,EAAQ,CAAA,GAAGD,CAAS;AAAA,MAChD,GAAGG;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/components/atoms/card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.js","sources":["../../../src/components/atoms/card.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {cn} from '../../lib/utils'\n\nfunction Card({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(\n        'bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn('leading-none font-semibold', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        'col-start-2 row-span-2 row-start-1 self-start justify-self-end',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn('px-6', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn('flex items-center px-6 [.border-t]:pt-6', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n}\n"],"names":["Card","className","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"mappings":";;AAIA,SAASA,EAAK,EAAC,WAAAC,GAAW,GAAGC,KAAqC;AAE9D,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASG,EAAW,EAAC,WAAAJ,GAAW,GAAGC,KAAqC;AAEpE,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASI,EAAU,EAAC,WAAAL,GAAW,GAAGC,KAAqC;AAEnE,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,8BAA8BH,CAAS;AAAA,MACpD,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASK,EAAgB,EAAC,WAAAN,GAAW,GAAGC,KAAqC;AAEzE,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASM,EAAW,EAAC,WAAAP,GAAW,GAAGC,KAAqC;AAEpE,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASO,EAAY,EAAC,WAAAR,GAAW,GAAGC,KAAqC;AAErE,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,QAAQH,CAAS;AAAA,MAC9B,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,SAASQ,EAAW,EAAC,WAAAT,GAAW,GAAGC,KAAqC;AAEpE,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,2CAA2CH,CAAS;AAAA,MACjE,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;"}