@kuzenbo/core 0.0.3 → 0.0.5

package/dist/ui/pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"pill.js","names":[],"sources":["../../src/ui/pill/pill-avatar.tsx","../../src/ui/pill/pill-avatar-group.tsx","../../src/ui/pill/pill-button.tsx","../../src/ui/pill/pill-delta.tsx","../../src/ui/pill/pill-icon.tsx","../../src/ui/pill/pill-indicator.tsx","../../src/ui/pill/pill-status.tsx","../../src/ui/pill/pill.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Avatar, AvatarFallback, AvatarImage } from \"../avatar/avatar\";\n\nexport type PillAvatarProps = ComponentProps<typeof AvatarImage> & {\n  fallback?: string;\n};\n\nexport const PillAvatar = ({\n  fallback,\n  className,\n  ...props\n}: PillAvatarProps) => (\n  <Avatar\n    className={cn(\n      \"-ml-1 h-4 w-4 group-data-[size=xs]/badge:h-3 group-data-[size=xs]/badge:w-3 group-data-[size=sm]/badge:h-3.5 group-data-[size=sm]/badge:w-3.5 group-data-[size=md]/badge:h-4 group-data-[size=md]/badge:w-4 group-data-[size=lg]/badge:h-5 group-data-[size=lg]/badge:w-5 group-data-[size=xl]/badge:h-6 group-data-[size=xl]/badge:w-6\",\n      className\n    )}\n  >\n    <AvatarImage {...props} />\n    <AvatarFallback>{fallback}</AvatarFallback>\n  </Avatar>\n);\n","import type { ComponentProps, ReactNode } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport type PillAvatarGroupProps = {\n  children: ReactNode;\n  className?: string;\n} & ComponentProps<\"div\">;\n\nexport const PillAvatarGroup = ({\n  children,\n  className,\n  ...props\n}: PillAvatarGroupProps) => (\n  <div\n    className={cn(\n      \"flex items-center -space-x-1 group-data-[size=xs]/badge:-space-x-0.5 group-data-[size=sm]/badge:-space-x-0.5 group-data-[size=md]/badge:-space-x-1 group-data-[size=lg]/badge:-space-x-1.5 group-data-[size=xl]/badge:-space-x-1.5\",\n      \"[&>*:not(:first-of-type)]:[mask-image:radial-gradient(circle_9px_at_-4px_50%,transparent_99%,white_100%)]\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\n\nexport type PillButtonProps = ComponentProps<typeof Button>;\n\nexport const PillButton = ({ className, ...props }: PillButtonProps) => (\n  <Button\n    className={cn(\n      \"-my-2 -mr-2 size-6 rounded-full p-0.5 hover:bg-foreground/5 group-data-[size=xs]/badge:-my-1.5 group-data-[size=xs]/badge:-mr-1.5 group-data-[size=xs]/badge:size-5 group-data-[size=sm]/badge:-my-1.5 group-data-[size=sm]/badge:-mr-1.5 group-data-[size=sm]/badge:size-6 group-data-[size=md]/badge:-my-2 group-data-[size=md]/badge:-mr-2 group-data-[size=md]/badge:size-6 group-data-[size=lg]/badge:-my-2.5 group-data-[size=lg]/badge:-mr-2.5 group-data-[size=lg]/badge:size-7 group-data-[size=xl]/badge:-my-3 group-data-[size=xl]/badge:-mr-3 group-data-[size=xl]/badge:size-8\",\n      className\n    )}\n    size=\"icon\"\n    variant=\"ghost\"\n    {...props}\n  />\n);\n","import {\n  ArrowDown01Icon,\n  ArrowUp01Icon,\n  MinusSignIcon,\n} from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nexport interface PillDeltaProps {\n  className?: string;\n  delta: number;\n}\n\nexport const PillDelta = ({ className, delta }: PillDeltaProps) => {\n  const sizeClasses =\n    \"size-3 group-data-[size=xs]/badge:size-2.5 group-data-[size=sm]/badge:size-3 group-data-[size=md]/badge:size-3 group-data-[size=lg]/badge:size-3.5 group-data-[size=xl]/badge:size-4\";\n\n  if (!delta) {\n    return (\n      <HugeiconsIcon\n        className={cn(sizeClasses, \"text-muted-foreground\", className)}\n        icon={MinusSignIcon}\n      />\n    );\n  }\n\n  if (delta > 0) {\n    return (\n      <HugeiconsIcon\n        className={cn(sizeClasses, \"text-success-foreground\", className)}\n        icon={ArrowUp01Icon}\n      />\n    );\n  }\n\n  return (\n    <HugeiconsIcon\n      className={cn(sizeClasses, \"text-danger-foreground\", className)}\n      icon={ArrowDown01Icon}\n    />\n  );\n};\n","import type { ComponentProps } from \"react\";\n\nimport { HugeiconsIcon, type HugeiconsProps } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PillIconProps = {\n  icon: NonNullable<HugeiconsProps[\"icon\"]>;\n  className?: string;\n} & ComponentProps<typeof HugeiconsIcon>;\n\nexport const PillIcon = ({ icon, className, ...props }: PillIconProps) => (\n  <HugeiconsIcon\n    className={cn(\n      \"size-3 text-muted-foreground group-data-[size=xs]/badge:size-2.5 group-data-[size=sm]/badge:size-3 group-data-[size=md]/badge:size-3 group-data-[size=lg]/badge:size-3.5 group-data-[size=xl]/badge:size-4\",\n      className\n    )}\n    icon={icon}\n    {...props}\n  />\n);\n","import { cn } from \"tailwind-variants\";\n\nexport interface PillIndicatorProps {\n  variant?: \"success\" | \"error\" | \"warning\" | \"info\";\n  pulse?: boolean;\n}\n\nexport const PillIndicator = ({\n  variant = \"success\",\n  pulse = false,\n}: PillIndicatorProps) => (\n  <span className=\"relative flex size-2 group-data-[size=xs]/badge:size-1.5 group-data-[size=sm]/badge:size-2 group-data-[size=md]/badge:size-2 group-data-[size=lg]/badge:size-2.5 group-data-[size=xl]/badge:size-3\">\n    {pulse && (\n      <span\n        className={cn(\n          \"absolute inline-flex h-full w-full animate-ping rounded-full opacity-75\",\n          variant === \"success\" && \"bg-success/70\",\n          variant === \"error\" && \"bg-danger/70\",\n          variant === \"warning\" && \"bg-warning/70\",\n          variant === \"info\" && \"bg-info/70\"\n        )}\n      />\n    )}\n    <span\n      className={cn(\n        \"relative inline-flex size-2 rounded-full group-data-[size=xs]/badge:size-1.5 group-data-[size=sm]/badge:size-2 group-data-[size=md]/badge:size-2 group-data-[size=lg]/badge:size-2.5 group-data-[size=xl]/badge:size-3\",\n        variant === \"success\" && \"bg-success\",\n        variant === \"error\" && \"bg-danger\",\n        variant === \"warning\" && \"bg-warning\",\n        variant === \"info\" && \"bg-info\"\n      )}\n    />\n  </span>\n);\n","import type { ComponentProps, ReactNode } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport type PillStatusProps = {\n  children: ReactNode;\n  className?: string;\n} & ComponentProps<\"div\">;\n\nexport const PillStatus = ({\n  children,\n  className,\n  ...props\n}: PillStatusProps) => (\n  <div\n    className={cn(\n      \"flex items-center gap-2 border-r pr-2 font-medium group-data-[size=xs]/badge:gap-1 group-data-[size=xs]/badge:pr-1.5 group-data-[size=sm]/badge:gap-1.5 group-data-[size=sm]/badge:pr-2 group-data-[size=md]/badge:gap-2 group-data-[size=md]/badge:pr-2 group-data-[size=lg]/badge:gap-2 group-data-[size=lg]/badge:pr-2.5 group-data-[size=xl]/badge:gap-2.5 group-data-[size=xl]/badge:pr-3\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Badge } from \"../badge/badge\";\nimport { PillAvatar } from \"./pill-avatar\";\nimport { PillAvatarGroup } from \"./pill-avatar-group\";\nimport { PillButton } from \"./pill-button\";\nimport { PillDelta } from \"./pill-delta\";\nimport { PillIcon } from \"./pill-icon\";\nimport { PillIndicator } from \"./pill-indicator\";\nimport { PillStatus } from \"./pill-status\";\n\nexport type PillProps = ComponentProps<typeof Badge>;\n\nconst Pill = ({ variant = \"default\", className, ...props }: PillProps) => (\n  <Badge\n    className={cn(\n      \"rounded-full font-normal data-[size=xs]:gap-1 data-[size=xs]:px-2 data-[size=xs]:py-0.5 data-[size=sm]:gap-1.5 data-[size=sm]:px-2.5 data-[size=sm]:py-1 data-[size=md]:gap-2 data-[size=md]:px-3 data-[size=md]:py-1.5 data-[size=lg]:gap-2.5 data-[size=lg]:px-3.5 data-[size=lg]:py-1.5 data-[size=xl]:gap-3 data-[size=xl]:px-4 data-[size=xl]:py-2\",\n      className\n    )}\n    variant={variant}\n    {...props}\n  />\n);\n\nPill.Avatar = PillAvatar;\nPill.AvatarGroup = PillAvatarGroup;\nPill.Button = PillButton;\nPill.Delta = PillDelta;\nPill.Icon = PillIcon;\nPill.Indicator = PillIndicator;\nPill.Status = PillStatus;\n\nexport {\n  Pill,\n  PillAvatar,\n  PillAvatarGroup,\n  PillButton,\n  PillDelta,\n  PillIcon,\n  PillIndicator,\n  PillStatus,\n};\n\nexport type { PillAvatarProps } from \"./pill-avatar\";\nexport type { PillAvatarGroupProps } from \"./pill-avatar-group\";\nexport type { PillButtonProps } from \"./pill-button\";\nexport type { PillDeltaProps } from \"./pill-delta\";\nexport type { PillIconProps } from \"./pill-icon\";\nexport type { PillIndicatorProps } from \"./pill-indicator\";\nexport type { PillStatusProps } from \"./pill-status\";\n"],"mappings":";;;;;;;;;;AAUA,MAAa,cAAc,EACzB,UACA,WACA,GAAG,YAEH,qBAAC;CACC,WAAW,GACT,2UACA,UACD;YAED,oBAAC,eAAY,GAAI,QAAS,EAC1B,oBAAC,4BAAgB,WAA0B;EACpC;;;;ACdX,MAAa,mBAAmB,EAC9B,UACA,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,sOACA,6GACA,UACD;CACD,GAAI;CAEH;EACG;;;;ACfR,MAAa,cAAc,EAAE,WAAW,GAAG,YACzC,oBAAC;CACC,WAAW,GACT,+jBACA,UACD;CACD,MAAK;CACL,SAAQ;CACR,GAAI;EACJ;;;;ACJJ,MAAa,aAAa,EAAE,WAAW,YAA4B;CACjE,MAAM,cACJ;AAEF,KAAI,CAAC,MACH,QACE,oBAAC;EACC,WAAW,GAAG,aAAa,yBAAyB,UAAU;EAC9D,MAAM;GACN;AAIN,KAAI,QAAQ,EACV,QACE,oBAAC;EACC,WAAW,GAAG,aAAa,2BAA2B,UAAU;EAChE,MAAM;GACN;AAIN,QACE,oBAAC;EACC,WAAW,GAAG,aAAa,0BAA0B,UAAU;EAC/D,MAAM;GACN;;;;;AC7BN,MAAa,YAAY,EAAE,MAAM,WAAW,GAAG,YAC7C,oBAAC;CACC,WAAW,GACT,8MACA,UACD;CACK;CACN,GAAI;EACJ;;;;ACXJ,MAAa,iBAAiB,EAC5B,UAAU,WACV,QAAQ,YAER,qBAAC;CAAK,WAAU;YACb,SACC,oBAAC,UACC,WAAW,GACT,2EACA,YAAY,aAAa,iBACzB,YAAY,WAAW,gBACvB,YAAY,aAAa,iBACzB,YAAY,UAAU,aACvB,GACD,EAEJ,oBAAC,UACC,WAAW,GACT,0NACA,YAAY,aAAa,cACzB,YAAY,WAAW,aACvB,YAAY,aAAa,cACzB,YAAY,UAAU,UACvB,GACD;EACG;;;;ACvBT,MAAa,cAAc,EACzB,UACA,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,kYACA,UACD;CACD,GAAI;CAEH;EACG;;;;ACPR,MAAM,QAAQ,EAAE,UAAU,WAAW,WAAW,GAAG,YACjD,oBAAC;CACC,WAAW,GACT,2VACA,UACD;CACQ;CACT,GAAI;EACJ;AAGJ,KAAK,SAAS;AACd,KAAK,cAAc;AACnB,KAAK,SAAS;AACd,KAAK,QAAQ;AACb,KAAK,OAAO;AACZ,KAAK,YAAY;AACjB,KAAK,SAAS"}
+{"version":3,"file":"pill.js","names":[],"sources":["../../src/ui/pill/pill-avatar.tsx","../../src/ui/pill/pill-avatar-group.tsx","../../src/ui/pill/pill-button.tsx","../../src/ui/pill/pill-delta.tsx","../../src/ui/pill/pill-icon.tsx","../../src/ui/pill/pill-indicator.tsx","../../src/ui/pill/pill-status.tsx","../../src/ui/pill/pill.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Avatar, AvatarFallback, AvatarImage } from \"../avatar/avatar\";\n\nexport type PillAvatarProps = ComponentProps<typeof AvatarImage> & {\n  fallback?: string;\n};\n\nexport const PillAvatar = ({\n  fallback,\n  className,\n  ...props\n}: PillAvatarProps) => (\n  <Avatar\n    className={cn(\n      \"-ml-1 h-4 w-4 group-data-[size=lg]/badge:h-5 group-data-[size=lg]/badge:w-5 group-data-[size=md]/badge:h-4 group-data-[size=md]/badge:w-4 group-data-[size=sm]/badge:h-3.5 group-data-[size=sm]/badge:w-3.5 group-data-[size=xl]/badge:h-6 group-data-[size=xl]/badge:w-6 group-data-[size=xs]/badge:h-3 group-data-[size=xs]/badge:w-3\",\n      className\n    )}\n  >\n    <AvatarImage {...props} />\n    <AvatarFallback>{fallback}</AvatarFallback>\n  </Avatar>\n);\n","import type { ComponentProps, ReactNode } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PillAvatarGroupProps = {\n  children: ReactNode;\n  className?: string;\n} & ComponentProps<\"div\">;\n\nexport const PillAvatarGroup = ({\n  children,\n  className,\n  ...props\n}: PillAvatarGroupProps) => (\n  <div\n    className={cn(\n      \"flex items-center -space-x-1 group-data-[size=lg]/badge:-space-x-1.5 group-data-[size=md]/badge:-space-x-1 group-data-[size=sm]/badge:-space-x-0.5 group-data-[size=xl]/badge:-space-x-1.5 group-data-[size=xs]/badge:-space-x-0.5\",\n      \"[&>*:not(:first-of-type)]:[mask-image:radial-gradient(circle_9px_at_-4px_50%,transparent_99%,white_100%)]\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\n\nexport type PillButtonProps = ComponentProps<typeof Button>;\n\nexport const PillButton = ({ className, ...props }: PillButtonProps) => (\n  <Button\n    className={cn(\n      \"cursor-clickable hover:bg-foreground/5 -my-2 -mr-2 size-6 rounded-full p-0.5 group-data-[size=lg]/badge:-my-2.5 group-data-[size=lg]/badge:-mr-2.5 group-data-[size=lg]/badge:size-7 group-data-[size=md]/badge:-my-2 group-data-[size=md]/badge:-mr-2 group-data-[size=md]/badge:size-6 group-data-[size=sm]/badge:-my-1.5 group-data-[size=sm]/badge:-mr-1.5 group-data-[size=sm]/badge:size-6 group-data-[size=xl]/badge:-my-3 group-data-[size=xl]/badge:-mr-3 group-data-[size=xl]/badge:size-8 group-data-[size=xs]/badge:-my-1.5 group-data-[size=xs]/badge:-mr-1.5 group-data-[size=xs]/badge:size-5\",\n      className\n    )}\n    size=\"icon\"\n    variant=\"ghost\"\n    {...props}\n  />\n);\n","import {\n  ArrowDown01Icon,\n  ArrowUp01Icon,\n  MinusSignIcon,\n} from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn, tv } from \"tailwind-variants\";\n\nexport interface PillDeltaProps {\n  className?: string;\n  delta: number;\n}\n\nconst pillDeltaIconVariants = tv({\n  base: \"size-3 group-data-[size=lg]/badge:size-3.5 group-data-[size=md]/badge:size-3 group-data-[size=sm]/badge:size-3 group-data-[size=xl]/badge:size-4 group-data-[size=xs]/badge:size-2.5\",\n  defaultVariants: {\n    tone: \"neutral\",\n  },\n  variants: {\n    tone: {\n      negative: \"text-danger-foreground\",\n      neutral: \"text-muted-foreground\",\n      positive: \"text-success-foreground\",\n    },\n  },\n});\n\nexport const PillDelta = ({ className, delta }: PillDeltaProps) => {\n  let tone: \"negative\" | \"neutral\" | \"positive\";\n  let icon = MinusSignIcon;\n\n  if (delta === 0) {\n    tone = \"neutral\";\n  } else if (delta > 0) {\n    tone = \"positive\";\n    icon = ArrowUp01Icon;\n  } else {\n    tone = \"negative\";\n    icon = ArrowDown01Icon;\n  }\n\n  return (\n    <HugeiconsIcon\n      className={cn(pillDeltaIconVariants({ tone }), className)}\n      icon={icon}\n    />\n  );\n};\n","import { HugeiconsIcon } from \"@hugeicons/react\";\nimport type { HugeiconsProps } from \"@hugeicons/react\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PillIconProps = {\n  icon: NonNullable<HugeiconsProps[\"icon\"]>;\n  className?: string;\n} & ComponentProps<typeof HugeiconsIcon>;\n\nexport const PillIcon = ({ icon, className, ...props }: PillIconProps) => (\n  <HugeiconsIcon\n    className={cn(\n      \"text-muted-foreground size-3 group-data-[size=lg]/badge:size-3.5 group-data-[size=md]/badge:size-3 group-data-[size=sm]/badge:size-3 group-data-[size=xl]/badge:size-4 group-data-[size=xs]/badge:size-2.5\",\n      className\n    )}\n    icon={icon}\n    {...props}\n  />\n);\n","import { cn } from \"tailwind-variants\";\n\nexport interface PillIndicatorProps {\n  variant?: \"success\" | \"error\" | \"warning\" | \"info\";\n  pulse?: boolean;\n}\n\nexport const PillIndicator = ({\n  variant = \"success\",\n  pulse = false,\n}: PillIndicatorProps) => (\n  <span className=\"relative flex size-2 group-data-[size=lg]/badge:size-2.5 group-data-[size=md]/badge:size-2 group-data-[size=sm]/badge:size-2 group-data-[size=xl]/badge:size-3 group-data-[size=xs]/badge:size-1.5\">\n    {pulse && (\n      <span\n        className={cn(\n          \"absolute inline-flex h-full w-full animate-ping rounded-full opacity-75\",\n          variant === \"success\" && \"bg-success/70\",\n          variant === \"error\" && \"bg-danger/70\",\n          variant === \"warning\" && \"bg-warning/70\",\n          variant === \"info\" && \"bg-info/70\"\n        )}\n      />\n    )}\n    <span\n      className={cn(\n        \"relative inline-flex size-2 rounded-full group-data-[size=lg]/badge:size-2.5 group-data-[size=md]/badge:size-2 group-data-[size=sm]/badge:size-2 group-data-[size=xl]/badge:size-3 group-data-[size=xs]/badge:size-1.5\",\n        variant === \"success\" && \"bg-success\",\n        variant === \"error\" && \"bg-danger\",\n        variant === \"warning\" && \"bg-warning\",\n        variant === \"info\" && \"bg-info\"\n      )}\n    />\n  </span>\n);\n","import type { ComponentProps, ReactNode } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PillStatusProps = {\n  children: ReactNode;\n  className?: string;\n} & ComponentProps<\"div\">;\n\nexport const PillStatus = ({\n  children,\n  className,\n  ...props\n}: PillStatusProps) => (\n  <div\n    className={cn(\n      \"flex items-center gap-2 border-r pr-2 font-medium group-data-[size=lg]/badge:gap-2 group-data-[size=lg]/badge:pr-2.5 group-data-[size=md]/badge:gap-2 group-data-[size=md]/badge:pr-2 group-data-[size=sm]/badge:gap-1.5 group-data-[size=sm]/badge:pr-2 group-data-[size=xl]/badge:gap-2.5 group-data-[size=xl]/badge:pr-3 group-data-[size=xs]/badge:gap-1 group-data-[size=xs]/badge:pr-1.5\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Badge } from \"../badge/badge\";\nimport { PillAvatar } from \"./pill-avatar\";\nimport { PillAvatarGroup } from \"./pill-avatar-group\";\nimport { PillButton } from \"./pill-button\";\nimport { PillDelta } from \"./pill-delta\";\nimport { PillIcon } from \"./pill-icon\";\nimport { PillIndicator } from \"./pill-indicator\";\nimport { PillStatus } from \"./pill-status\";\n\nexport type PillProps = ComponentProps<typeof Badge>;\n\nconst Pill = ({ variant = \"default\", className, ...props }: PillProps) => (\n  <Badge\n    className={cn(\n      \"rounded-full font-normal data-[size=lg]:gap-2.5 data-[size=lg]:px-3.5 data-[size=lg]:py-1.5 data-[size=md]:gap-2 data-[size=md]:px-3 data-[size=md]:py-1.5 data-[size=sm]:gap-1.5 data-[size=sm]:px-2.5 data-[size=sm]:py-1 data-[size=xl]:gap-3 data-[size=xl]:px-4 data-[size=xl]:py-2 data-[size=xs]:gap-1 data-[size=xs]:px-2 data-[size=xs]:py-0.5\",\n      className\n    )}\n    variant={variant}\n    {...props}\n  />\n);\n\nPill.Avatar = PillAvatar;\nPill.AvatarGroup = PillAvatarGroup;\nPill.Button = PillButton;\nPill.Delta = PillDelta;\nPill.Icon = PillIcon;\nPill.Indicator = PillIndicator;\nPill.Status = PillStatus;\n\nexport {\n  Pill,\n  PillAvatar,\n  PillAvatarGroup,\n  PillButton,\n  PillDelta,\n  PillIcon,\n  PillIndicator,\n  PillStatus,\n};\n\nexport type { PillAvatarProps } from \"./pill-avatar\";\nexport type { PillAvatarGroupProps } from \"./pill-avatar-group\";\nexport type { PillButtonProps } from \"./pill-button\";\nexport type { PillDeltaProps } from \"./pill-delta\";\nexport type { PillIconProps } from \"./pill-icon\";\nexport type { PillIndicatorProps } from \"./pill-indicator\";\nexport type { PillStatusProps } from \"./pill-status\";\n"],"mappings":";;;;;;;;;;;AASA,MAAa,cAAc,EACzB,UACA,WACA,GAAG,YAEH,qBAAC,QAAD;CACE,WAAW,GACT,2UACA,UACD;WAJH,CAME,oBAAC,aAAD,EAAa,GAAI,OAAS,GAC1B,oBAAC,gBAAD,YAAiB,UAA0B,EACpC;;;;;ACdX,MAAa,mBAAmB,EAC9B,UACA,WACA,GAAG,YAEH,oBAAC,OAAD;CACE,WAAW,GACT,sOACA,6GACA,UACD;CACD,GAAI;CAEH;CACG;;;;ACfR,MAAa,cAAc,EAAE,WAAW,GAAG,YACzC,oBAAC,QAAD;CACE,WAAW,GACT,glBACA,UACD;CACD,MAAK;CACL,SAAQ;CACR,GAAI;CACJ;;;;ACHJ,MAAM,wBAAwB,GAAG;CAC/B,MAAM;CACN,iBAAiB,EACf,MAAM,WACP;CACD,UAAU,EACR,MAAM;EACJ,UAAU;EACV,SAAS;EACT,UAAU;EACX,EACF;CACF,CAAC;AAEF,MAAa,aAAa,EAAE,WAAW,YAA4B;CACjE,IAAI;CACJ,IAAI,OAAO;AAEX,KAAI,UAAU,EACZ,QAAO;UACE,QAAQ,GAAG;AACpB,SAAO;AACP,SAAO;QACF;AACL,SAAO;AACP,SAAO;;AAGT,QACE,oBAAC,eAAD;EACE,WAAW,GAAG,sBAAsB,EAAE,MAAM,CAAC,EAAE,UAAU;EACnD;EACN;;;;;ACnCN,MAAa,YAAY,EAAE,MAAM,WAAW,GAAG,YAC7C,oBAAC,eAAD;CACE,WAAW,GACT,8MACA,UACD;CACK;CACN,GAAI;CACJ;;;;ACXJ,MAAa,iBAAiB,EAC5B,UAAU,WACV,QAAQ,YAER,qBAAC,QAAD;CAAM,WAAU;WAAhB,CACG,SACC,oBAAC,QAAD,EACE,WAAW,GACT,2EACA,YAAY,aAAa,iBACzB,YAAY,WAAW,gBACvB,YAAY,aAAa,iBACzB,YAAY,UAAU,aACvB,EACD,GAEJ,oBAAC,QAAD,EACE,WAAW,GACT,0NACA,YAAY,aAAa,cACzB,YAAY,WAAW,aACvB,YAAY,aAAa,cACzB,YAAY,UAAU,UACvB,EACD,EACG;;;;;ACxBT,MAAa,cAAc,EACzB,UACA,WACA,GAAG,YAEH,oBAAC,OAAD;CACE,WAAW,GACT,kYACA,UACD;CACD,GAAI;CAEH;CACG;;;;ACLR,MAAM,QAAQ,EAAE,UAAU,WAAW,WAAW,GAAG,YACjD,oBAAC,OAAD;CACE,WAAW,GACT,2VACA,UACD;CACQ;CACT,GAAI;CACJ;AAGJ,KAAK,SAAS;AACd,KAAK,cAAc;AACnB,KAAK,SAAS;AACd,KAAK,QAAQ;AACb,KAAK,OAAO;AACZ,KAAK,YAAY;AACjB,KAAK,SAAS"}

package/dist/ui/popover.d.ts

@@ -55,35 +55,36 @@ declare const PopoverBackdrop: ({
 //#region src/ui/popover/popover-close.d.ts
 type PopoverCloseProps = Popover$1.Close.Props;
 declare const PopoverClose: ({
+  className,
   ...props
 }: PopoverCloseProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/ui/popover/popover-popup.d.ts
 declare const popoverPopupVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "z-50 flex origin-(--transform-origin) flex-col bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", {
+}, undefined, "z-overlay bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 flex origin-(--transform-origin) flex-col shadow-md ring-1 outline-hidden duration-100", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "z-50 flex origin-(--transform-origin) flex-col bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", unknown, unknown, undefined>>;
+}, undefined, "z-overlay bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 flex origin-(--transform-origin) flex-col shadow-md ring-1 outline-hidden duration-100", unknown, unknown, undefined>>;
 type PopoverPopupVariantProps = Omit<VariantProps<typeof popoverPopupVariants>, "size"> & {
   size?: PopoverSize;
 };
@@ -163,6 +164,7 @@ declare const Popover: {
     ...props
   }: PopoverBackdropProps) => react_jsx_runtime0.JSX.Element;
   Close: ({
+    className,
     ...props
   }: PopoverCloseProps) => react_jsx_runtime0.JSX.Element;
   Popup: ({

package/dist/ui/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","names":[],"sources":["../../src/ui/popover/popover-size-context.ts","../../src/ui/popover/popover-content.tsx","../../src/ui/popover/popover-description.tsx","../../src/ui/popover/popover-header.tsx","../../src/ui/popover/popover-arrow.tsx","../../src/ui/popover/popover-backdrop.tsx","../../src/ui/popover/popover-close.tsx","../../src/ui/popover/popover-popup.tsx","../../src/ui/popover/popover-portal.tsx","../../src/ui/popover/popover-positioner.tsx","../../src/ui/popover/popover-title.tsx","../../src/ui/popover/popover-trigger.tsx","../../src/ui/popover/popover-viewport.tsx","../../src/ui/popover/popover.tsx"],"mappings":";;;;;;;;;KAIY,WAAA,GAAc,MAAA;;;KCQd,mBAAA,GAAsB,SAAA,CAAiB,KAAA,CAAM,KAAA,GACvD,IAAA,CACE,SAAA,CAAiB,UAAA,CAAW,KAAA;EAG5B,IAAA,GAAO,WAAA;AAAA;AAAA,cAGL,cAAA;EAAkB,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,IAAA;EAAA,UAAA;EAAA,IAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GASrB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCzBV,uBAAA,GAA0B,SAAA,CAAiB,WAAA,CAAY,KAAA;AAAA,cAE7D,kBAAA;EAAsB,SAAA;EAAA,GAAA;AAAA,GAGzB,uBAAA,KAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCNd,kBAAA,GAAqB,cAAA;AAAA,cAE3B,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCAtD,iBAAA,GAAoB,SAAA,CAAiB,KAAA,CAAM,KAAA;AAAA,cAEjD,YAAA;EAAgB,SAAA;EAAA,GAAA;AAAA,GAAyB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFpD,oBAAA,GAAuB,SAAA,CAAiB,QAAA,CAAS,KAAA;AAAA,cAEvD,eAAA;EAAmB,SAAA;EAAA,GAAA;AAAA,GAAyB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCH1D,iBAAA,GAAoB,SAAA,CAAiB,KAAA,CAAM,KAAA;AAAA,cAEjD,YAAA;EAAA,GAAgB;AAAA,GAAc,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCG/C,oBAAA,EAcJ,kBAAA,CAdwB,YAAA;;;;;;;;;;;;;;;;cAcxB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,wBAAA,GAA2B,IAAA,CAC9B,YAAA,QAAoB,oBAAA;EAGpB,IAAA,GAAO,WAAA;AAAA;AAAA,KAGG,iBAAA,GAAoB,SAAA,CAAiB,KAAA,CAAM,KAAA,GACrD,wBAAA;AAAA,cAEI,YAAA;EAAgB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KC/B1D,kBAAA,GAAqB,SAAA,CAAiB,MAAA,CAAO,KAAA;AAAA,cAEnD,aAAA;EAAA,GAAiB;AAAA,GAAc,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCD3C,sBAAA,GAAyB,SAAA,CAAiB,UAAA,CAAW,KAAA;AAAA,cAE3D,iBAAA;EAAqB,SAAA;EAAA,GAAA;AAAA,GAAyB,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCH9D,iBAAA,GAAoB,SAAA,CAAiB,KAAA,CAAM,KAAA;AAAA,cAEjD,YAAA;EAAgB,SAAA;EAAA,GAAA;AAAA,GAAyB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFpD,mBAAA,GAAsB,SAAA,CAAiB,OAAA,CAAQ,KAAA;AAAA,cAErD,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAAyB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFxD,oBAAA,GAAuB,SAAA,CAAiB,QAAA,CAAS,KAAA;AAAA,cAEvD,eAAA;EAAA,GAAmB;AAAA,GAAc,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCY/C,YAAA,GAAe,SAAA,CAAiB,IAAA,CAAK,KAAA;EAC/C,IAAA,GAAO,WAAA;AAAA;AAAA,cAGH,OAAA;EAAA;;;KAA6C,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"popover.d.ts","names":[],"sources":["../../src/ui/popover/popover-size-context.ts","../../src/ui/popover/popover-content.tsx","../../src/ui/popover/popover-description.tsx","../../src/ui/popover/popover-header.tsx","../../src/ui/popover/popover-arrow.tsx","../../src/ui/popover/popover-backdrop.tsx","../../src/ui/popover/popover-close.tsx","../../src/ui/popover/popover-popup.tsx","../../src/ui/popover/popover-portal.tsx","../../src/ui/popover/popover-positioner.tsx","../../src/ui/popover/popover-title.tsx","../../src/ui/popover/popover-trigger.tsx","../../src/ui/popover/popover-viewport.tsx","../../src/ui/popover/popover.tsx"],"mappings":"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"}

package/dist/ui/popover.js

@@ -1,14 +1,15 @@
 "use client";
 
 import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
-import { t as createSizeContext } from "../size-context-BjRwqlSg.js";
+import { t as createSizeContext } from "../size-context-CvLl3pMC.js";
+import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 
 //#region src/ui/popover/popover-arrow.tsx
 const PopoverArrow = ({ className, ...props }) => /* @__PURE__ */ jsx(Popover$1.Arrow, {
-	className: cn("z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-popover fill-popover data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5", className),
+	className: cn("z-overlay bg-popover fill-popover size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5", className),
 	"data-slot": "popover-arrow",
 	...props
 });
@@ -16,14 +17,15 @@ const PopoverArrow = ({ className, ...props }) => /* @__PURE__ */ jsx(Popover$1.
 //#endregion
 //#region src/ui/popover/popover-backdrop.tsx
 const PopoverBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(Popover$1.Backdrop, {
-	className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 supports-backdrop-filter:backdrop-blur-xs", className),
+	className: cn("z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs", className),
 	"data-slot": "popover-backdrop",
 	...props
 });
 
 //#endregion
 //#region src/ui/popover/popover-close.tsx
-const PopoverClose = ({ ...props }) => /* @__PURE__ */ jsx(Popover$1.Close, {
+const PopoverClose = ({ className, ...props }) => /* @__PURE__ */ jsx(Popover$1.Close, {
+	className: cn("cursor-clickable", className),
 	"data-slot": "popover-close",
 	...props
 });
@@ -35,15 +37,15 @@ const { SizeContext: PopoverSizeContext, useResolvedSize: useResolvedPopoverSize
 //#endregion
 //#region src/ui/popover/popover-popup.tsx
 const popoverPopupVariants = tv({
-	base: "z-50 flex origin-(--transform-origin) flex-col bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+	base: "z-overlay bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 flex origin-(--transform-origin) flex-col shadow-md ring-1 outline-hidden duration-100",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "w-64 gap-1.5 rounded-[min(var(--radius-md),8px)] p-2 text-xs",
-		sm: "w-72 gap-2 rounded-[min(var(--radius-md),10px)] p-3 text-sm",
-		md: "w-80 gap-3 rounded-md p-4 text-sm",
 		lg: "w-96 gap-3.5 rounded-md p-5 text-sm",
-		xl: "w-[28rem] gap-4 rounded-md p-6 text-base"
-	} },
-	defaultVariants: { size: "md" }
+		md: "w-80 gap-3 rounded-md p-4 text-sm",
+		sm: "w-72 gap-2 rounded-[min(var(--radius-md),10px)] p-3 text-sm",
+		xl: "w-[28rem] gap-4 rounded-md p-6 text-base",
+		xs: "w-64 gap-1.5 rounded-[min(var(--radius-md),8px)] p-2 text-xs"
+	} }
 });
 const PopoverPopup = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedPopoverSize(size);
@@ -65,7 +67,7 @@ const PopoverPortal = ({ ...props }) => /* @__PURE__ */ jsx(Popover$1.Portal, {
 //#endregion
 //#region src/ui/popover/popover-positioner.tsx
 const PopoverPositioner = ({ className, ...props }) => /* @__PURE__ */ jsx(Popover$1.Positioner, {
-	className: cn("isolate z-50", className),
+	className: cn("z-overlay isolate", className),
 	"data-slot": "popover-positioner",
 	...props
 });
@@ -124,7 +126,7 @@ const PopoverTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(Popover$1.
 //#endregion
 //#region src/ui/popover/popover-trigger.tsx
 const PopoverTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Popover$1.Trigger, {
-	className: cn("cursor-pointer", className),
+	className: cn("cursor-clickable", className),
 	"data-slot": "popover-trigger",
 	...props
 });
@@ -133,8 +135,9 @@ const PopoverTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Popover$
 //#region src/ui/popover/popover.tsx
 const Popover = ({ size: providedSize, ...props }) => {
 	const size = useComponentSize(providedSize);
+	const contextValue = useMemo(() => ({ size }), [size]);
 	return /* @__PURE__ */ jsx(PopoverSizeContext.Provider, {
-		value: { size },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx(Popover$1.Root, {
 			"data-size": size,
 			"data-slot": "popover",

package/dist/ui/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":["PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive"],"sources":["../../src/ui/popover/popover-arrow.tsx","../../src/ui/popover/popover-backdrop.tsx","../../src/ui/popover/popover-close.tsx","../../src/ui/popover/popover-size-context.ts","../../src/ui/popover/popover-popup.tsx","../../src/ui/popover/popover-portal.tsx","../../src/ui/popover/popover-positioner.tsx","../../src/ui/popover/popover-viewport.tsx","../../src/ui/popover/popover-content.tsx","../../src/ui/popover/popover-description.tsx","../../src/ui/popover/popover-header.tsx","../../src/ui/popover/popover-title.tsx","../../src/ui/popover/popover-trigger.tsx","../../src/ui/popover/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PopoverArrowProps = PopoverPrimitive.Arrow.Props;\n\nconst PopoverArrow = ({ className, ...props }: PopoverArrowProps) => (\n  <PopoverPrimitive.Arrow\n    className={cn(\n      \"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-popover fill-popover data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\",\n      className\n    )}\n    data-slot=\"popover-arrow\"\n    {...props}\n  />\n);\n\nexport { PopoverArrow };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PopoverBackdropProps = PopoverPrimitive.Backdrop.Props;\n\nconst PopoverBackdrop = ({ className, ...props }: PopoverBackdropProps) => (\n  <PopoverPrimitive.Backdrop\n    className={cn(\n      \"fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 supports-backdrop-filter:backdrop-blur-xs\",\n      className\n    )}\n    data-slot=\"popover-backdrop\"\n    {...props}\n  />\n);\n\nexport { PopoverBackdrop };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nexport type PopoverCloseProps = PopoverPrimitive.Close.Props;\n\nconst PopoverClose = ({ ...props }: PopoverCloseProps) => (\n  <PopoverPrimitive.Close data-slot=\"popover-close\" {...props} />\n);\n\nexport { PopoverClose };\n","import type { UISize } from \"../shared/size/size-system\";\n\nimport { createSizeContext } from \"../shared/size/size-context\";\n\nexport type PopoverSize = UISize;\n\nconst {\n  SizeContext: PopoverSizeContext,\n  useResolvedSize: useResolvedPopoverSize,\n} = createSizeContext();\n\nexport { PopoverSizeContext, useResolvedPopoverSize };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { PopoverSize } from \"./popover-size-context\";\n\nimport { useResolvedPopoverSize } from \"./popover-size-context\";\n\nconst popoverPopupVariants = tv({\n  base: \"z-50 flex origin-(--transform-origin) flex-col bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n  variants: {\n    size: {\n      xs: \"w-64 gap-1.5 rounded-[min(var(--radius-md),8px)] p-2 text-xs\",\n      sm: \"w-72 gap-2 rounded-[min(var(--radius-md),10px)] p-3 text-sm\",\n      md: \"w-80 gap-3 rounded-md p-4 text-sm\",\n      lg: \"w-96 gap-3.5 rounded-md p-5 text-sm\",\n      xl: \"w-[28rem] gap-4 rounded-md p-6 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype PopoverPopupVariantProps = Omit<\n  VariantProps<typeof popoverPopupVariants>,\n  \"size\"\n> & {\n  size?: PopoverSize;\n};\n\nexport type PopoverPopupProps = PopoverPrimitive.Popup.Props &\n  PopoverPopupVariantProps;\n\nconst PopoverPopup = ({ className, size, ...props }: PopoverPopupProps) => {\n  const resolvedSize = useResolvedPopoverSize(size);\n\n  return (\n    <PopoverPrimitive.Popup\n      className={cn(popoverPopupVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"popover-popup\"\n      {...props}\n    />\n  );\n};\n\nexport { PopoverPopup };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nexport type PopoverPortalProps = PopoverPrimitive.Portal.Props;\n\nconst PopoverPortal = ({ ...props }: PopoverPortalProps) => (\n  <PopoverPrimitive.Portal data-slot=\"popover-portal\" {...props} />\n);\n\nexport { PopoverPortal };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PopoverPositionerProps = PopoverPrimitive.Positioner.Props;\n\nconst PopoverPositioner = ({ className, ...props }: PopoverPositionerProps) => (\n  <PopoverPrimitive.Positioner\n    className={cn(\"isolate z-50\", className)}\n    data-slot=\"popover-positioner\"\n    {...props}\n  />\n);\n\nexport { PopoverPositioner };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nexport type PopoverViewportProps = PopoverPrimitive.Viewport.Props;\n\nconst PopoverViewport = ({ ...props }: PopoverViewportProps) => (\n  <PopoverPrimitive.Viewport data-slot=\"popover-viewport\" {...props} />\n);\n\nexport { PopoverViewport };\n","\"use client\";\n\nimport type { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nimport { PopoverPopup } from \"./popover-popup\";\nimport { PopoverPortal } from \"./popover-portal\";\nimport { PopoverPositioner } from \"./popover-positioner\";\nimport {\n  useResolvedPopoverSize,\n  type PopoverSize,\n} from \"./popover-size-context\";\nimport { PopoverViewport } from \"./popover-viewport\";\nexport type PopoverContentProps = PopoverPrimitive.Popup.Props &\n  Pick<\n    PopoverPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  > & {\n    size?: PopoverSize;\n  };\n\nconst PopoverContent = ({\n  className,\n  align = \"center\",\n  alignOffset = 0,\n  side = \"bottom\",\n  sideOffset = 4,\n  size,\n  children,\n  ...props\n}: PopoverContentProps) => {\n  const resolvedSize = useResolvedPopoverSize(size);\n\n  return (\n    <PopoverPortal>\n      <PopoverPositioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <PopoverPopup\n          className={className}\n          data-size={resolvedSize}\n          data-slot=\"popover-content\"\n          size={resolvedSize}\n          {...props}\n        >\n          <PopoverViewport>{children}</PopoverViewport>\n        </PopoverPopup>\n      </PopoverPositioner>\n    </PopoverPortal>\n  );\n};\n\nexport { PopoverContent };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\nexport type PopoverDescriptionProps = PopoverPrimitive.Description.Props;\n\nconst PopoverDescription = ({\n  className,\n  ...props\n}: PopoverDescriptionProps) => (\n  <PopoverPrimitive.Description\n    className={cn(\"text-muted-foreground\", className)}\n    data-slot=\"popover-description\"\n    {...props}\n  />\n);\n\nexport { PopoverDescription };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type PopoverHeaderProps = ComponentProps<\"div\">;\n\nconst PopoverHeader = ({ className, ...props }: PopoverHeaderProps) => (\n  <div\n    className={cn(\"flex flex-col gap-0.5 text-sm\", className)}\n    data-slot=\"popover-header\"\n    {...props}\n  />\n);\n\nexport { PopoverHeader };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\nexport type PopoverTitleProps = PopoverPrimitive.Title.Props;\n\nconst PopoverTitle = ({ className, ...props }: PopoverTitleProps) => (\n  <PopoverPrimitive.Title\n    className={cn(\"font-medium\", className)}\n    data-slot=\"popover-title\"\n    {...props}\n  />\n);\n\nexport { PopoverTitle };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\nexport type PopoverTriggerProps = PopoverPrimitive.Trigger.Props;\n\nconst PopoverTrigger = ({ className, ...props }: PopoverTriggerProps) => (\n  <PopoverPrimitive.Trigger\n    className={cn(\"cursor-pointer\", className)}\n    data-slot=\"popover-trigger\"\n    {...props}\n  />\n);\n\nexport { PopoverTrigger };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { PopoverArrow } from \"./popover-arrow\";\nimport { PopoverBackdrop } from \"./popover-backdrop\";\nimport { PopoverClose } from \"./popover-close\";\nimport { PopoverContent } from \"./popover-content\";\nimport { PopoverDescription } from \"./popover-description\";\nimport { PopoverHeader } from \"./popover-header\";\nimport { PopoverPopup } from \"./popover-popup\";\nimport { PopoverPortal } from \"./popover-portal\";\nimport { PopoverPositioner } from \"./popover-positioner\";\nimport { PopoverSizeContext, type PopoverSize } from \"./popover-size-context\";\nimport { PopoverTitle } from \"./popover-title\";\nimport { PopoverTrigger } from \"./popover-trigger\";\nimport { PopoverViewport } from \"./popover-viewport\";\nexport type PopoverProps = PopoverPrimitive.Root.Props & {\n  size?: PopoverSize;\n};\n\nconst Popover = ({ size: providedSize, ...props }: PopoverProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <PopoverSizeContext.Provider value={{ size }}>\n      <PopoverPrimitive.Root data-size={size} data-slot=\"popover\" {...props} />\n    </PopoverSizeContext.Provider>\n  );\n};\n\nPopover.Content = PopoverContent;\nPopover.Description = PopoverDescription;\nPopover.Header = PopoverHeader;\nPopover.Arrow = PopoverArrow;\nPopover.Backdrop = PopoverBackdrop;\nPopover.Close = PopoverClose;\nPopover.Popup = PopoverPopup;\nPopover.Portal = PopoverPortal;\nPopover.Positioner = PopoverPositioner;\nPopover.Title = PopoverTitle;\nPopover.Trigger = PopoverTrigger;\nPopover.Viewport = PopoverViewport;\n\nexport type { PopoverArrowProps } from \"./popover-arrow\";\nexport type { PopoverBackdropProps } from \"./popover-backdrop\";\nexport type { PopoverCloseProps } from \"./popover-close\";\nexport type { PopoverPopupProps } from \"./popover-popup\";\nexport type { PopoverPortalProps } from \"./popover-portal\";\nexport type { PopoverPositionerProps } from \"./popover-positioner\";\nexport type { PopoverViewportProps } from \"./popover-viewport\";\n\nexport {\n  Popover,\n  PopoverArrow,\n  PopoverBackdrop,\n  PopoverClose,\n  PopoverContent,\n  PopoverDescription,\n  PopoverHeader,\n  PopoverPopup,\n  PopoverPortal,\n  PopoverPositioner,\n  PopoverTitle,\n  PopoverTrigger,\n  PopoverViewport,\n};\n\nexport type { PopoverContentProps } from \"./popover-content\";\nexport type { PopoverDescriptionProps } from \"./popover-description\";\nexport type { PopoverHeaderProps } from \"./popover-header\";\nexport type { PopoverSize } from \"./popover-size-context\";\nexport type { PopoverTitleProps } from \"./popover-title\";\nexport type { PopoverTriggerProps } from \"./popover-trigger\";\n"],"mappings":"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"}
+{"version":3,"file":"popover.js","names":["PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive"],"sources":["../../src/ui/popover/popover-arrow.tsx","../../src/ui/popover/popover-backdrop.tsx","../../src/ui/popover/popover-close.tsx","../../src/ui/popover/popover-size-context.ts","../../src/ui/popover/popover-popup.tsx","../../src/ui/popover/popover-portal.tsx","../../src/ui/popover/popover-positioner.tsx","../../src/ui/popover/popover-viewport.tsx","../../src/ui/popover/popover-content.tsx","../../src/ui/popover/popover-description.tsx","../../src/ui/popover/popover-header.tsx","../../src/ui/popover/popover-title.tsx","../../src/ui/popover/popover-trigger.tsx","../../src/ui/popover/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PopoverArrowProps = PopoverPrimitive.Arrow.Props;\n\nconst PopoverArrow = ({ className, ...props }: PopoverArrowProps) => (\n  <PopoverPrimitive.Arrow\n    className={cn(\n      \"z-overlay bg-popover fill-popover size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\",\n      className\n    )}\n    data-slot=\"popover-arrow\"\n    {...props}\n  />\n);\n\nexport { PopoverArrow };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PopoverBackdropProps = PopoverPrimitive.Backdrop.Props;\n\nconst PopoverBackdrop = ({ className, ...props }: PopoverBackdropProps) => (\n  <PopoverPrimitive.Backdrop\n    className={cn(\n      \"z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs\",\n      className\n    )}\n    data-slot=\"popover-backdrop\"\n    {...props}\n  />\n);\n\nexport { PopoverBackdrop };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PopoverCloseProps = PopoverPrimitive.Close.Props;\n\nconst PopoverClose = ({ className, ...props }: PopoverCloseProps) => (\n  <PopoverPrimitive.Close\n    className={cn(\"cursor-clickable\", className)}\n    data-slot=\"popover-close\"\n    {...props}\n  />\n);\n\nexport { PopoverClose };\n","import { createSizeContext } from \"../shared/size/size-context\";\nimport type { UISize } from \"../shared/size/size-system\";\n\nexport type PopoverSize = UISize;\n\nconst {\n  SizeContext: PopoverSizeContext,\n  useResolvedSize: useResolvedPopoverSize,\n} = createSizeContext();\n\nexport { PopoverSizeContext, useResolvedPopoverSize };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { PopoverSize } from \"./popover-size-context\";\nimport { useResolvedPopoverSize } from \"./popover-size-context\";\n\nconst popoverPopupVariants = tv({\n  base: \"z-overlay bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 flex origin-(--transform-origin) flex-col shadow-md ring-1 outline-hidden duration-100\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"w-96 gap-3.5 rounded-md p-5 text-sm\",\n      md: \"w-80 gap-3 rounded-md p-4 text-sm\",\n      sm: \"w-72 gap-2 rounded-[min(var(--radius-md),10px)] p-3 text-sm\",\n      xl: \"w-[28rem] gap-4 rounded-md p-6 text-base\",\n      xs: \"w-64 gap-1.5 rounded-[min(var(--radius-md),8px)] p-2 text-xs\",\n    },\n  },\n});\n\ntype PopoverPopupVariantProps = Omit<\n  VariantProps<typeof popoverPopupVariants>,\n  \"size\"\n> & {\n  size?: PopoverSize;\n};\n\nexport type PopoverPopupProps = PopoverPrimitive.Popup.Props &\n  PopoverPopupVariantProps;\n\nconst PopoverPopup = ({ className, size, ...props }: PopoverPopupProps) => {\n  const resolvedSize = useResolvedPopoverSize(size);\n\n  return (\n    <PopoverPrimitive.Popup\n      className={cn(popoverPopupVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"popover-popup\"\n      {...props}\n    />\n  );\n};\n\nexport { PopoverPopup };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nexport type PopoverPortalProps = PopoverPrimitive.Portal.Props;\n\nconst PopoverPortal = ({ ...props }: PopoverPortalProps) => (\n  <PopoverPrimitive.Portal data-slot=\"popover-portal\" {...props} />\n);\n\nexport { PopoverPortal };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PopoverPositionerProps = PopoverPrimitive.Positioner.Props;\n\nconst PopoverPositioner = ({ className, ...props }: PopoverPositionerProps) => (\n  <PopoverPrimitive.Positioner\n    className={cn(\"z-overlay isolate\", className)}\n    data-slot=\"popover-positioner\"\n    {...props}\n  />\n);\n\nexport { PopoverPositioner };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nexport type PopoverViewportProps = PopoverPrimitive.Viewport.Props;\n\nconst PopoverViewport = ({ ...props }: PopoverViewportProps) => (\n  <PopoverPrimitive.Viewport data-slot=\"popover-viewport\" {...props} />\n);\n\nexport { PopoverViewport };\n","\"use client\";\n\nimport type { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nimport { PopoverPopup } from \"./popover-popup\";\nimport { PopoverPortal } from \"./popover-portal\";\nimport { PopoverPositioner } from \"./popover-positioner\";\nimport { useResolvedPopoverSize } from \"./popover-size-context\";\nimport type { PopoverSize } from \"./popover-size-context\";\nimport { PopoverViewport } from \"./popover-viewport\";\nexport type PopoverContentProps = PopoverPrimitive.Popup.Props &\n  Pick<\n    PopoverPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  > & {\n    size?: PopoverSize;\n  };\n\nconst PopoverContent = ({\n  className,\n  align = \"center\",\n  alignOffset = 0,\n  side = \"bottom\",\n  sideOffset = 4,\n  size,\n  children,\n  ...props\n}: PopoverContentProps) => {\n  const resolvedSize = useResolvedPopoverSize(size);\n\n  return (\n    <PopoverPortal>\n      <PopoverPositioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <PopoverPopup\n          className={className}\n          data-size={resolvedSize}\n          data-slot=\"popover-content\"\n          size={resolvedSize}\n          {...props}\n        >\n          <PopoverViewport>{children}</PopoverViewport>\n        </PopoverPopup>\n      </PopoverPositioner>\n    </PopoverPortal>\n  );\n};\n\nexport { PopoverContent };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\nexport type PopoverDescriptionProps = PopoverPrimitive.Description.Props;\n\nconst PopoverDescription = ({\n  className,\n  ...props\n}: PopoverDescriptionProps) => (\n  <PopoverPrimitive.Description\n    className={cn(\"text-muted-foreground\", className)}\n    data-slot=\"popover-description\"\n    {...props}\n  />\n);\n\nexport { PopoverDescription };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type PopoverHeaderProps = ComponentProps<\"div\">;\n\nconst PopoverHeader = ({ className, ...props }: PopoverHeaderProps) => (\n  <div\n    className={cn(\"flex flex-col gap-0.5 text-sm\", className)}\n    data-slot=\"popover-header\"\n    {...props}\n  />\n);\n\nexport { PopoverHeader };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\nexport type PopoverTitleProps = PopoverPrimitive.Title.Props;\n\nconst PopoverTitle = ({ className, ...props }: PopoverTitleProps) => (\n  <PopoverPrimitive.Title\n    className={cn(\"font-medium\", className)}\n    data-slot=\"popover-title\"\n    {...props}\n  />\n);\n\nexport { PopoverTitle };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\nexport type PopoverTriggerProps = PopoverPrimitive.Trigger.Props;\n\nconst PopoverTrigger = ({ className, ...props }: PopoverTriggerProps) => (\n  <PopoverPrimitive.Trigger\n    className={cn(\"cursor-clickable\", className)}\n    data-slot=\"popover-trigger\"\n    {...props}\n  />\n);\n\nexport { PopoverTrigger };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { useMemo } from \"react\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { PopoverArrow } from \"./popover-arrow\";\nimport { PopoverBackdrop } from \"./popover-backdrop\";\nimport { PopoverClose } from \"./popover-close\";\nimport { PopoverContent } from \"./popover-content\";\nimport { PopoverDescription } from \"./popover-description\";\nimport { PopoverHeader } from \"./popover-header\";\nimport { PopoverPopup } from \"./popover-popup\";\nimport { PopoverPortal } from \"./popover-portal\";\nimport { PopoverPositioner } from \"./popover-positioner\";\nimport { PopoverSizeContext } from \"./popover-size-context\";\nimport type { PopoverSize } from \"./popover-size-context\";\nimport { PopoverTitle } from \"./popover-title\";\nimport { PopoverTrigger } from \"./popover-trigger\";\nimport { PopoverViewport } from \"./popover-viewport\";\nexport type PopoverProps = PopoverPrimitive.Root.Props & {\n  size?: PopoverSize;\n};\n\nconst Popover = ({ size: providedSize, ...props }: PopoverProps) => {\n  const size = useComponentSize(providedSize);\n  const contextValue = useMemo(() => ({ size }), [size]);\n\n  return (\n    <PopoverSizeContext.Provider value={contextValue}>\n      <PopoverPrimitive.Root data-size={size} data-slot=\"popover\" {...props} />\n    </PopoverSizeContext.Provider>\n  );\n};\n\nPopover.Content = PopoverContent;\nPopover.Description = PopoverDescription;\nPopover.Header = PopoverHeader;\nPopover.Arrow = PopoverArrow;\nPopover.Backdrop = PopoverBackdrop;\nPopover.Close = PopoverClose;\nPopover.Popup = PopoverPopup;\nPopover.Portal = PopoverPortal;\nPopover.Positioner = PopoverPositioner;\nPopover.Title = PopoverTitle;\nPopover.Trigger = PopoverTrigger;\nPopover.Viewport = PopoverViewport;\n\nexport type { PopoverArrowProps } from \"./popover-arrow\";\nexport type { PopoverBackdropProps } from \"./popover-backdrop\";\nexport type { PopoverCloseProps } from \"./popover-close\";\nexport type { PopoverPopupProps } from \"./popover-popup\";\nexport type { PopoverPortalProps } from \"./popover-portal\";\nexport type { PopoverPositionerProps } from \"./popover-positioner\";\nexport type { PopoverViewportProps } from \"./popover-viewport\";\n\nexport {\n  Popover,\n  PopoverArrow,\n  PopoverBackdrop,\n  PopoverClose,\n  PopoverContent,\n  PopoverDescription,\n  PopoverHeader,\n  PopoverPopup,\n  PopoverPortal,\n  PopoverPositioner,\n  PopoverTitle,\n  PopoverTrigger,\n  PopoverViewport,\n};\n\nexport type { PopoverContentProps } from \"./popover-content\";\nexport type { PopoverDescriptionProps } from \"./popover-description\";\nexport type { PopoverHeaderProps } from \"./popover-header\";\nexport type { PopoverSize } from \"./popover-size-context\";\nexport type { PopoverTitleProps } from \"./popover-title\";\nexport type { PopoverTriggerProps } from \"./popover-trigger\";\n"],"mappings":"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"}

package/dist/ui/portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal.d.ts","names":[],"sources":["../../src/ui/portal/portal.tsx"],"mappings":";;;;KAiCY,eAAA,GAAkB,wBAAA;;;AAA9B;EAIE,MAAA,GAAS,WAAA,YAAuB,SAAA,CAAU,WAAA;;;;;EAK1C,eAAA;AAAA;AAAA,KAGU,WAAA,GAAc,eAAA;EAZI;;;EAgB5B,QAAA,EAAU,SAAA;AAAA;AAAA,cAwCC,MAAA;EAAU,QAAA;EAAA,MAAA;EAAA,eAAA;EAAA,GAAA;AAAA,GAKpB,WAAA,KAAW,KAAA,CAAA,WAAA"}
+{"version":3,"file":"portal.d.ts","names":[],"sources":["../../src/ui/portal/portal.tsx"],"mappings":";;;;KA4BY,eAAA,GAAkB,wBAAA;;;AAA9B;EAIE,MAAA,GAAS,WAAA,YAAuB,SAAA,CAAU,WAAA;;;;;EAK1C,eAAA;AAAA;AAAA,KAGU,WAAA,GAAc,eAAA;EAZI;;;EAgB5B,QAAA,EAAU,SAAA;AAAA;AAAA,cAoFC,MAAA;EAAU,QAAA;EAAA,MAAA;EAAA,eAAA;EAAA,GAAA;AAAA,GAKpB,WAAA,KAAW,KAAA,CAAA,WAAA"}

package/dist/ui/portal.js

@@ -15,33 +15,74 @@ const createPortalNode = (props) => {
 };
 const getTargetNode = ({ target, reuseTargetNode, ...others }) => {
 	if (target) {
-		if (typeof target === "string") return document.querySelector(target) ?? createPortalNode(others);
-		if ("current" in target) return target.current ?? createPortalNode(others);
-		if (target instanceof HTMLElement) return target;
+		if (typeof target === "string") {
+			const existing = document.querySelector(target);
+			if (existing) return {
+				node: existing,
+				shouldAppend: false,
+				shouldCleanup: false
+			};
+			return {
+				node: createPortalNode(others),
+				shouldAppend: true,
+				shouldCleanup: true
+			};
+		}
+		if ("current" in target) {
+			if (target.current) return {
+				node: target.current,
+				shouldAppend: false,
+				shouldCleanup: false
+			};
+			return {
+				node: createPortalNode(others),
+				shouldAppend: true,
+				shouldCleanup: true
+			};
+		}
+		if (target instanceof HTMLElement) return {
+			node: target,
+			shouldAppend: false,
+			shouldCleanup: false
+		};
 	}
 	if (reuseTargetNode) {
 		const existingNode = document.querySelector("[data-labs-shared-portal-node]");
-		if (existingNode) return existingNode;
+		if (existingNode) return {
+			node: existingNode,
+			shouldAppend: false,
+			shouldCleanup: false
+		};
 		const node = createPortalNode(others);
 		node.dataset.labsSharedPortalNode = "true";
-		document.body.append(node);
-		return node;
+		return {
+			node,
+			shouldAppend: true,
+			shouldCleanup: false
+		};
 	}
-	return createPortalNode(others);
+	return {
+		node: createPortalNode(others),
+		shouldAppend: true,
+		shouldCleanup: true
+	};
 };
 const Portal = ({ children, target, reuseTargetNode = true, ...others }) => {
 	const [mounted, setMounted] = useState(false);
 	const nodeRef = useRef(null);
+	const shouldCleanupRef = useRef(false);
 	useIsomorphicEffect(() => {
 		setMounted(true);
-		nodeRef.current = getTargetNode({
-			target,
+		const resolvedNode = getTargetNode({
 			reuseTargetNode,
+			target,
 			...others
 		});
-		if (!(target || reuseTargetNode) && nodeRef.current) document.body.append(nodeRef.current);
+		nodeRef.current = resolvedNode.node;
+		shouldCleanupRef.current = resolvedNode.shouldCleanup;
+		if (resolvedNode.shouldAppend) document.body.append(resolvedNode.node);
 		return () => {
-			if (!(target || reuseTargetNode) && nodeRef.current) nodeRef.current.remove();
+			if (shouldCleanupRef.current && nodeRef.current) nodeRef.current.remove();
 		};
 	}, [target, reuseTargetNode]);
 	if (!(mounted && nodeRef.current)) return null;

package/dist/ui/portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal.js","names":[],"sources":["../../src/ui/portal/portal.tsx"],"sourcesContent":["\"use client\";\n\nimport { useIsomorphicEffect } from \"@kuzenbo/hooks/use-isomorphic-effect\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  type RefObject,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nconst createPortalNode = (\n  props: ComponentPropsWithoutRef<\"div\">\n): HTMLElement => {\n  const node = document.createElement(\"div\");\n  node.dataset.portal = \"true\";\n\n  if (typeof props.className === \"string\") {\n    node.classList.add(...props.className.split(\" \").filter(Boolean));\n  }\n\n  if (typeof props.style === \"object\" && props.style) {\n    Object.assign(node.style, props.style);\n  }\n\n  if (typeof props.id === \"string\") {\n    node.setAttribute(\"id\", props.id);\n  }\n\n  return node;\n};\n\nexport type BasePortalProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Element inside which portal should be created, by default a new div element is created and appended to the `document.body`\n   */\n  target?: HTMLElement | string | RefObject<HTMLElement | null>;\n  /**\n   * If set, all portals are rendered in the same DOM node\n   * @default true\n   */\n  reuseTargetNode?: boolean;\n};\n\nexport type PortalProps = BasePortalProps & {\n  /**\n   * Portal children, for example, custom modal or popover\n   */\n  children: ReactNode;\n};\n\nconst getTargetNode = ({\n  target,\n  reuseTargetNode,\n  ...others\n}: BasePortalProps): HTMLElement | null => {\n  if (target) {\n    if (typeof target === \"string\") {\n      return (\n        document.querySelector<HTMLElement>(target) ?? createPortalNode(others)\n      );\n    }\n    // Handle React refs\n    if (\"current\" in target) {\n      return target.current ?? createPortalNode(others);\n    }\n    // Handle HTMLElement directly\n    if (target instanceof HTMLElement) {\n      return target;\n    }\n  }\n\n  if (reuseTargetNode) {\n    const existingNode = document.querySelector<HTMLElement>(\n      \"[data-labs-shared-portal-node]\"\n    );\n    if (existingNode) {\n      return existingNode;\n    }\n    const node = createPortalNode(others);\n    node.dataset.labsSharedPortalNode = \"true\";\n    document.body.append(node);\n    return node;\n  }\n\n  return createPortalNode(others);\n};\n\nexport const Portal = ({\n  children,\n  target,\n  reuseTargetNode = true,\n  ...others\n}: PortalProps) => {\n  const [mounted, setMounted] = useState(false);\n  const nodeRef = useRef<HTMLElement | null>(null);\n\n  useIsomorphicEffect(() => {\n    setMounted(true);\n    nodeRef.current = getTargetNode({ target, reuseTargetNode, ...others });\n\n    if (!(target || reuseTargetNode) && nodeRef.current) {\n      document.body.append(nodeRef.current);\n    }\n\n    return () => {\n      if (!(target || reuseTargetNode) && nodeRef.current) {\n        nodeRef.current.remove();\n      }\n    };\n  }, [target, reuseTargetNode]);\n\n  if (!(mounted && nodeRef.current)) {\n    return null;\n  }\n\n  return createPortal(children, nodeRef.current);\n};\n"],"mappings":";;;;;;;AAYA,MAAM,oBACJ,UACgB;CAChB,MAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,MAAK,QAAQ,SAAS;AAEtB,KAAI,OAAO,MAAM,cAAc,SAC7B,MAAK,UAAU,IAAI,GAAG,MAAM,UAAU,MAAM,IAAI,CAAC,OAAO,QAAQ,CAAC;AAGnE,KAAI,OAAO,MAAM,UAAU,YAAY,MAAM,MAC3C,QAAO,OAAO,KAAK,OAAO,MAAM,MAAM;AAGxC,KAAI,OAAO,MAAM,OAAO,SACtB,MAAK,aAAa,MAAM,MAAM,GAAG;AAGnC,QAAO;;AAsBT,MAAM,iBAAiB,EACrB,QACA,iBACA,GAAG,aACsC;AACzC,KAAI,QAAQ;AACV,MAAI,OAAO,WAAW,SACpB,QACE,SAAS,cAA2B,OAAO,IAAI,iBAAiB,OAAO;AAI3E,MAAI,aAAa,OACf,QAAO,OAAO,WAAW,iBAAiB,OAAO;AAGnD,MAAI,kBAAkB,YACpB,QAAO;;AAIX,KAAI,iBAAiB;EACnB,MAAM,eAAe,SAAS,cAC5B,iCACD;AACD,MAAI,aACF,QAAO;EAET,MAAM,OAAO,iBAAiB,OAAO;AACrC,OAAK,QAAQ,uBAAuB;AACpC,WAAS,KAAK,OAAO,KAAK;AAC1B,SAAO;;AAGT,QAAO,iBAAiB,OAAO;;AAGjC,MAAa,UAAU,EACrB,UACA,QACA,kBAAkB,MAClB,GAAG,aACc;CACjB,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,UAAU,OAA2B,KAAK;AAEhD,2BAA0B;AACxB,aAAW,KAAK;AAChB,UAAQ,UAAU,cAAc;GAAE;GAAQ;GAAiB,GAAG;GAAQ,CAAC;AAEvE,MAAI,EAAE,UAAU,oBAAoB,QAAQ,QAC1C,UAAS,KAAK,OAAO,QAAQ,QAAQ;AAGvC,eAAa;AACX,OAAI,EAAE,UAAU,oBAAoB,QAAQ,QAC1C,SAAQ,QAAQ,QAAQ;;IAG3B,CAAC,QAAQ,gBAAgB,CAAC;AAE7B,KAAI,EAAE,WAAW,QAAQ,SACvB,QAAO;AAGT,QAAO,aAAa,UAAU,QAAQ,QAAQ"}
+{"version":3,"file":"portal.js","names":[],"sources":["../../src/ui/portal/portal.tsx"],"sourcesContent":["\"use client\";\n\nimport { useIsomorphicEffect } from \"@kuzenbo/hooks/use-isomorphic-effect\";\nimport { useRef, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode, RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nconst createPortalNode = (\n  props: ComponentPropsWithoutRef<\"div\">\n): HTMLElement => {\n  const node = document.createElement(\"div\");\n  node.dataset.portal = \"true\";\n\n  if (typeof props.className === \"string\") {\n    node.classList.add(...props.className.split(\" \").filter(Boolean));\n  }\n\n  if (typeof props.style === \"object\" && props.style) {\n    Object.assign(node.style, props.style);\n  }\n\n  if (typeof props.id === \"string\") {\n    node.setAttribute(\"id\", props.id);\n  }\n\n  return node;\n};\n\nexport type BasePortalProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Element inside which portal should be created, by default a new div element is created and appended to the `document.body`\n   */\n  target?: HTMLElement | string | RefObject<HTMLElement | null>;\n  /**\n   * If set, all portals are rendered in the same DOM node\n   * @default true\n   */\n  reuseTargetNode?: boolean;\n};\n\nexport type PortalProps = BasePortalProps & {\n  /**\n   * Portal children, for example, custom modal or popover\n   */\n  children: ReactNode;\n};\n\ninterface ResolvedTargetNode {\n  node: HTMLElement;\n  shouldAppend: boolean;\n  shouldCleanup: boolean;\n}\n\nconst getTargetNode = ({\n  target,\n  reuseTargetNode,\n  ...others\n}: BasePortalProps): ResolvedTargetNode => {\n  if (target) {\n    if (typeof target === \"string\") {\n      const existing = document.querySelector<HTMLElement>(target);\n      if (existing) {\n        return {\n          node: existing,\n          shouldAppend: false,\n          shouldCleanup: false,\n        };\n      }\n\n      return {\n        node: createPortalNode(others),\n        shouldAppend: true,\n        shouldCleanup: true,\n      };\n    }\n    // Handle React refs\n    if (\"current\" in target) {\n      if (target.current) {\n        return {\n          node: target.current,\n          shouldAppend: false,\n          shouldCleanup: false,\n        };\n      }\n\n      return {\n        node: createPortalNode(others),\n        shouldAppend: true,\n        shouldCleanup: true,\n      };\n    }\n    // Handle HTMLElement directly\n    if (target instanceof HTMLElement) {\n      return {\n        node: target,\n        shouldAppend: false,\n        shouldCleanup: false,\n      };\n    }\n  }\n\n  if (reuseTargetNode) {\n    const existingNode = document.querySelector<HTMLElement>(\n      \"[data-labs-shared-portal-node]\"\n    );\n    if (existingNode) {\n      return {\n        node: existingNode,\n        shouldAppend: false,\n        shouldCleanup: false,\n      };\n    }\n    const node = createPortalNode(others);\n    node.dataset.labsSharedPortalNode = \"true\";\n    return {\n      node,\n      shouldAppend: true,\n      shouldCleanup: false,\n    };\n  }\n\n  return {\n    node: createPortalNode(others),\n    shouldAppend: true,\n    shouldCleanup: true,\n  };\n};\n\nexport const Portal = ({\n  children,\n  target,\n  reuseTargetNode = true,\n  ...others\n}: PortalProps) => {\n  const [mounted, setMounted] = useState(false);\n  const nodeRef = useRef<HTMLElement | null>(null);\n  const shouldCleanupRef = useRef(false);\n\n  useIsomorphicEffect(() => {\n    setMounted(true);\n    const resolvedNode = getTargetNode({ reuseTargetNode, target, ...others });\n    nodeRef.current = resolvedNode.node;\n    shouldCleanupRef.current = resolvedNode.shouldCleanup;\n\n    if (resolvedNode.shouldAppend) {\n      document.body.append(resolvedNode.node);\n    }\n\n    return () => {\n      if (shouldCleanupRef.current && nodeRef.current) {\n        nodeRef.current.remove();\n      }\n    };\n  }, [target, reuseTargetNode]);\n\n  if (!(mounted && nodeRef.current)) {\n    return null;\n  }\n\n  return createPortal(children, nodeRef.current);\n};\n"],"mappings":";;;;;;;AAOA,MAAM,oBACJ,UACgB;CAChB,MAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,MAAK,QAAQ,SAAS;AAEtB,KAAI,OAAO,MAAM,cAAc,SAC7B,MAAK,UAAU,IAAI,GAAG,MAAM,UAAU,MAAM,IAAI,CAAC,OAAO,QAAQ,CAAC;AAGnE,KAAI,OAAO,MAAM,UAAU,YAAY,MAAM,MAC3C,QAAO,OAAO,KAAK,OAAO,MAAM,MAAM;AAGxC,KAAI,OAAO,MAAM,OAAO,SACtB,MAAK,aAAa,MAAM,MAAM,GAAG;AAGnC,QAAO;;AA4BT,MAAM,iBAAiB,EACrB,QACA,iBACA,GAAG,aACsC;AACzC,KAAI,QAAQ;AACV,MAAI,OAAO,WAAW,UAAU;GAC9B,MAAM,WAAW,SAAS,cAA2B,OAAO;AAC5D,OAAI,SACF,QAAO;IACL,MAAM;IACN,cAAc;IACd,eAAe;IAChB;AAGH,UAAO;IACL,MAAM,iBAAiB,OAAO;IAC9B,cAAc;IACd,eAAe;IAChB;;AAGH,MAAI,aAAa,QAAQ;AACvB,OAAI,OAAO,QACT,QAAO;IACL,MAAM,OAAO;IACb,cAAc;IACd,eAAe;IAChB;AAGH,UAAO;IACL,MAAM,iBAAiB,OAAO;IAC9B,cAAc;IACd,eAAe;IAChB;;AAGH,MAAI,kBAAkB,YACpB,QAAO;GACL,MAAM;GACN,cAAc;GACd,eAAe;GAChB;;AAIL,KAAI,iBAAiB;EACnB,MAAM,eAAe,SAAS,cAC5B,iCACD;AACD,MAAI,aACF,QAAO;GACL,MAAM;GACN,cAAc;GACd,eAAe;GAChB;EAEH,MAAM,OAAO,iBAAiB,OAAO;AACrC,OAAK,QAAQ,uBAAuB;AACpC,SAAO;GACL;GACA,cAAc;GACd,eAAe;GAChB;;AAGH,QAAO;EACL,MAAM,iBAAiB,OAAO;EAC9B,cAAc;EACd,eAAe;EAChB;;AAGH,MAAa,UAAU,EACrB,UACA,QACA,kBAAkB,MAClB,GAAG,aACc;CACjB,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,UAAU,OAA2B,KAAK;CAChD,MAAM,mBAAmB,OAAO,MAAM;AAEtC,2BAA0B;AACxB,aAAW,KAAK;EAChB,MAAM,eAAe,cAAc;GAAE;GAAiB;GAAQ,GAAG;GAAQ,CAAC;AAC1E,UAAQ,UAAU,aAAa;AAC/B,mBAAiB,UAAU,aAAa;AAExC,MAAI,aAAa,aACf,UAAS,KAAK,OAAO,aAAa,KAAK;AAGzC,eAAa;AACX,OAAI,iBAAiB,WAAW,QAAQ,QACtC,SAAQ,QAAQ,QAAQ;;IAG3B,CAAC,QAAQ,gBAAgB,CAAC;AAE7B,KAAI,EAAE,WAAW,QAAQ,SACvB,QAAO;AAGT,QAAO,aAAa,UAAU,QAAQ,QAAQ"}

package/dist/ui/preview-card.js

@@ -6,7 +6,7 @@ import { PreviewCard as PreviewCard$1 } from "@base-ui/react/preview-card";
 
 //#region src/ui/preview-card/preview-card-arrow.tsx
 const PreviewCardArrow = ({ className, ...props }) => /* @__PURE__ */ jsx(PreviewCard$1.Arrow, {
-	className: cn("z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-popover fill-popover data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5", className),
+	className: cn("z-overlay bg-popover fill-popover size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5", className),
 	"data-slot": "preview-card-arrow",
 	...props
 });
@@ -14,7 +14,7 @@ const PreviewCardArrow = ({ className, ...props }) => /* @__PURE__ */ jsx(Previe
 //#endregion
 //#region src/ui/preview-card/preview-card-backdrop.tsx
 const PreviewCardBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(PreviewCard$1.Backdrop, {
-	className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 supports-backdrop-filter:backdrop-blur-xs", className),
+	className: cn("z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs", className),
 	"data-slot": "preview-card-backdrop",
 	...props
 });
@@ -22,7 +22,7 @@ const PreviewCardBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(Pre
 //#endregion
 //#region src/ui/preview-card/preview-card-popup.tsx
 const PreviewCardPopup = ({ className, ...props }) => /* @__PURE__ */ jsx(PreviewCard$1.Popup, {
-	className: cn("z-50 w-64 origin-(--transform-origin) rounded-lg bg-popover p-4 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+	className: cn("z-overlay bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 w-64 origin-(--transform-origin) rounded-lg p-4 text-sm shadow-md ring-1 outline-hidden duration-100", className),
 	"data-slot": "preview-card-popup",
 	...props
 });
@@ -37,7 +37,7 @@ const PreviewCardPortal = ({ ...props }) => /* @__PURE__ */ jsx(PreviewCard$1.Po
 //#endregion
 //#region src/ui/preview-card/preview-card-positioner.tsx
 const PreviewCardPositioner = ({ className, ...props }) => /* @__PURE__ */ jsx(PreviewCard$1.Positioner, {
-	className: cn("isolate z-50", className),
+	className: cn("z-overlay isolate", className),
 	"data-slot": "preview-card-positioner",
 	...props
 });
@@ -67,7 +67,7 @@ const PreviewCardContent = ({ className, side = "bottom", sideOffset = 4, align
 //#endregion
 //#region src/ui/preview-card/preview-card-trigger.tsx
 const PreviewCardTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(PreviewCard$1.Trigger, {
-	className: cn("cursor-pointer", className),
+	className: cn("cursor-clickable", className),
 	"data-slot": "preview-card-trigger",
 	...props
 });

package/dist/ui/preview-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"preview-card.js","names":["PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive"],"sources":["../../src/ui/preview-card/preview-card-arrow.tsx","../../src/ui/preview-card/preview-card-backdrop.tsx","../../src/ui/preview-card/preview-card-popup.tsx","../../src/ui/preview-card/preview-card-portal.tsx","../../src/ui/preview-card/preview-card-positioner.tsx","../../src/ui/preview-card/preview-card-viewport.tsx","../../src/ui/preview-card/preview-card-content.tsx","../../src/ui/preview-card/preview-card-trigger.tsx","../../src/ui/preview-card/preview-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardArrowProps = PreviewCardPrimitive.Arrow.Props;\n\nconst PreviewCardArrow = ({ className, ...props }: PreviewCardArrowProps) => (\n  <PreviewCardPrimitive.Arrow\n    className={cn(\n      \"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-popover fill-popover data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\",\n      className\n    )}\n    data-slot=\"preview-card-arrow\"\n    {...props}\n  />\n);\n\nexport { PreviewCardArrow };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardBackdropProps = PreviewCardPrimitive.Backdrop.Props;\n\nconst PreviewCardBackdrop = ({\n  className,\n  ...props\n}: PreviewCardBackdropProps) => (\n  <PreviewCardPrimitive.Backdrop\n    className={cn(\n      \"fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 supports-backdrop-filter:backdrop-blur-xs\",\n      className\n    )}\n    data-slot=\"preview-card-backdrop\"\n    {...props}\n  />\n);\n\nexport { PreviewCardBackdrop };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardPopupProps = PreviewCardPrimitive.Popup.Props;\n\nconst PreviewCardPopup = ({ className, ...props }: PreviewCardPopupProps) => (\n  <PreviewCardPrimitive.Popup\n    className={cn(\n      \"z-50 w-64 origin-(--transform-origin) rounded-lg bg-popover p-4 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n      className\n    )}\n    data-slot=\"preview-card-popup\"\n    {...props}\n  />\n);\n\nexport { PreviewCardPopup };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nexport type PreviewCardPortalProps = PreviewCardPrimitive.Portal.Props;\n\nconst PreviewCardPortal = ({ ...props }: PreviewCardPortalProps) => (\n  <PreviewCardPrimitive.Portal data-slot=\"preview-card-portal\" {...props} />\n);\n\nexport { PreviewCardPortal };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardPositionerProps = PreviewCardPrimitive.Positioner.Props;\n\nconst PreviewCardPositioner = ({\n  className,\n  ...props\n}: PreviewCardPositionerProps) => (\n  <PreviewCardPrimitive.Positioner\n    className={cn(\"isolate z-50\", className)}\n    data-slot=\"preview-card-positioner\"\n    {...props}\n  />\n);\n\nexport { PreviewCardPositioner };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nexport type PreviewCardViewportProps = PreviewCardPrimitive.Viewport.Props;\n\nconst PreviewCardViewport = ({ ...props }: PreviewCardViewportProps) => (\n  <PreviewCardPrimitive.Viewport data-slot=\"preview-card-viewport\" {...props} />\n);\n\nexport { PreviewCardViewport };\n","\"use client\";\n\nimport type { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nimport { PreviewCardArrow } from \"./preview-card-arrow\";\nimport { PreviewCardPopup } from \"./preview-card-popup\";\nimport { PreviewCardPortal } from \"./preview-card-portal\";\nimport { PreviewCardPositioner } from \"./preview-card-positioner\";\nimport { PreviewCardViewport } from \"./preview-card-viewport\";\n\nexport type PreviewCardContentProps = PreviewCardPrimitive.Popup.Props &\n  Pick<\n    PreviewCardPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  > & {\n    showArrow?: boolean;\n  };\n\nconst PreviewCardContent = ({\n  className,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 4,\n  showArrow = true,\n  children,\n  ...props\n}: PreviewCardContentProps) => (\n  <PreviewCardPortal>\n    <PreviewCardPositioner\n      align={align}\n      alignOffset={alignOffset}\n      side={side}\n      sideOffset={sideOffset}\n    >\n      <PreviewCardPopup\n        className={className}\n        data-slot=\"preview-card-content\"\n        {...props}\n      >\n        {showArrow ? <PreviewCardArrow /> : null}\n        <PreviewCardViewport>{children}</PreviewCardViewport>\n      </PreviewCardPopup>\n    </PreviewCardPositioner>\n  </PreviewCardPortal>\n);\n\nexport { PreviewCardContent };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardTriggerProps = PreviewCardPrimitive.Trigger.Props;\n\nconst PreviewCardTrigger = ({\n  className,\n  ...props\n}: PreviewCardTriggerProps) => (\n  <PreviewCardPrimitive.Trigger\n    className={cn(\"cursor-pointer\", className)}\n    data-slot=\"preview-card-trigger\"\n    {...props}\n  />\n);\n\nexport { PreviewCardTrigger };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nimport { PreviewCardArrow } from \"./preview-card-arrow\";\nimport { PreviewCardBackdrop } from \"./preview-card-backdrop\";\nimport { PreviewCardContent } from \"./preview-card-content\";\nimport { PreviewCardPopup } from \"./preview-card-popup\";\nimport { PreviewCardPortal } from \"./preview-card-portal\";\nimport { PreviewCardPositioner } from \"./preview-card-positioner\";\nimport { PreviewCardTrigger } from \"./preview-card-trigger\";\nimport { PreviewCardViewport } from \"./preview-card-viewport\";\nexport type PreviewCardProps = PreviewCardPrimitive.Root.Props;\n\nconst PreviewCard = ({ ...props }: PreviewCardProps) => (\n  <PreviewCardPrimitive.Root data-slot=\"preview-card\" {...props} />\n);\n\nPreviewCard.Arrow = PreviewCardArrow;\nPreviewCard.Backdrop = PreviewCardBackdrop;\nPreviewCard.Content = PreviewCardContent;\nPreviewCard.Popup = PreviewCardPopup;\nPreviewCard.Portal = PreviewCardPortal;\nPreviewCard.Positioner = PreviewCardPositioner;\nPreviewCard.Trigger = PreviewCardTrigger;\nPreviewCard.Viewport = PreviewCardViewport;\nPreviewCard.createHandle = PreviewCardPrimitive.createHandle;\n\nconst createPreviewCardHandle = PreviewCardPrimitive.createHandle;\n\nexport type { PreviewCardArrowProps } from \"./preview-card-arrow\";\nexport type { PreviewCardBackdropProps } from \"./preview-card-backdrop\";\nexport type { PreviewCardContentProps } from \"./preview-card-content\";\nexport type { PreviewCardPopupProps } from \"./preview-card-popup\";\nexport type { PreviewCardPortalProps } from \"./preview-card-portal\";\nexport type { PreviewCardPositionerProps } from \"./preview-card-positioner\";\nexport type { PreviewCardTriggerProps } from \"./preview-card-trigger\";\nexport type { PreviewCardViewportProps } from \"./preview-card-viewport\";\n\nexport {\n  PreviewCard,\n  PreviewCardArrow,\n  PreviewCardBackdrop,\n  PreviewCardContent,\n  PreviewCardPopup,\n  PreviewCardPortal,\n  PreviewCardPositioner,\n  PreviewCardTrigger,\n  PreviewCardViewport,\n  createPreviewCardHandle,\n};\n"],"mappings":";;;;;;;AAOA,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAACA,cAAqB;CACpB,WAAW,GACT,mUACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,uBAAuB,EAC3B,WACA,GAAG,YAEH,oBAACC,cAAqB;CACpB,WAAW,GACT,yLACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACXJ,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAACC,cAAqB;CACpB,WAAW,GACT,ocACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACTJ,MAAM,qBAAqB,EAAE,GAAG,YAC9B,oBAACC,cAAqB;CAAO,aAAU;CAAsB,GAAI;EAAS;;;;ACA5E,MAAM,yBAAyB,EAC7B,WACA,GAAG,YAEH,oBAACC,cAAqB;CACpB,WAAW,GAAG,gBAAgB,UAAU;CACxC,aAAU;CACV,GAAI;EACJ;;;;ACTJ,MAAM,uBAAuB,EAAE,GAAG,YAChC,oBAACC,cAAqB;CAAS,aAAU;CAAwB,GAAI;EAAS;;;;ACWhF,MAAM,sBAAsB,EAC1B,WACA,OAAO,UACP,aAAa,GACb,QAAQ,UACR,cAAc,GACd,YAAY,MACZ,UACA,GAAG,YAEH,oBAAC,+BACC,oBAAC;CACQ;CACM;CACP;CACM;WAEZ,qBAAC;EACY;EACX,aAAU;EACV,GAAI;aAEH,YAAY,oBAAC,qBAAmB,GAAG,MACpC,oBAAC,uBAAqB,WAA+B;GACpC;EACG,GACN;;;;ACrCtB,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,oBAACC,cAAqB;CACpB,WAAW,GAAG,kBAAkB,UAAU;CAC1C,aAAU;CACV,GAAI;EACJ;;;;ACDJ,MAAM,eAAe,EAAE,GAAG,YACxB,oBAACC,cAAqB;CAAK,aAAU;CAAe,GAAI;EAAS;AAGnE,YAAY,QAAQ;AACpB,YAAY,WAAW;AACvB,YAAY,UAAU;AACtB,YAAY,QAAQ;AACpB,YAAY,SAAS;AACrB,YAAY,aAAa;AACzB,YAAY,UAAU;AACtB,YAAY,WAAW;AACvB,YAAY,eAAeA,cAAqB;AAEhD,MAAM,0BAA0BA,cAAqB"}
+{"version":3,"file":"preview-card.js","names":["PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive"],"sources":["../../src/ui/preview-card/preview-card-arrow.tsx","../../src/ui/preview-card/preview-card-backdrop.tsx","../../src/ui/preview-card/preview-card-popup.tsx","../../src/ui/preview-card/preview-card-portal.tsx","../../src/ui/preview-card/preview-card-positioner.tsx","../../src/ui/preview-card/preview-card-viewport.tsx","../../src/ui/preview-card/preview-card-content.tsx","../../src/ui/preview-card/preview-card-trigger.tsx","../../src/ui/preview-card/preview-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardArrowProps = PreviewCardPrimitive.Arrow.Props;\n\nconst PreviewCardArrow = ({ className, ...props }: PreviewCardArrowProps) => (\n  <PreviewCardPrimitive.Arrow\n    className={cn(\n      \"z-overlay bg-popover fill-popover size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\",\n      className\n    )}\n    data-slot=\"preview-card-arrow\"\n    {...props}\n  />\n);\n\nexport { PreviewCardArrow };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardBackdropProps = PreviewCardPrimitive.Backdrop.Props;\n\nconst PreviewCardBackdrop = ({\n  className,\n  ...props\n}: PreviewCardBackdropProps) => (\n  <PreviewCardPrimitive.Backdrop\n    className={cn(\n      \"z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs\",\n      className\n    )}\n    data-slot=\"preview-card-backdrop\"\n    {...props}\n  />\n);\n\nexport { PreviewCardBackdrop };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardPopupProps = PreviewCardPrimitive.Popup.Props;\n\nconst PreviewCardPopup = ({ className, ...props }: PreviewCardPopupProps) => (\n  <PreviewCardPrimitive.Popup\n    className={cn(\n      \"z-overlay bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 w-64 origin-(--transform-origin) rounded-lg p-4 text-sm shadow-md ring-1 outline-hidden duration-100\",\n      className\n    )}\n    data-slot=\"preview-card-popup\"\n    {...props}\n  />\n);\n\nexport { PreviewCardPopup };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nexport type PreviewCardPortalProps = PreviewCardPrimitive.Portal.Props;\n\nconst PreviewCardPortal = ({ ...props }: PreviewCardPortalProps) => (\n  <PreviewCardPrimitive.Portal data-slot=\"preview-card-portal\" {...props} />\n);\n\nexport { PreviewCardPortal };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardPositionerProps = PreviewCardPrimitive.Positioner.Props;\n\nconst PreviewCardPositioner = ({\n  className,\n  ...props\n}: PreviewCardPositionerProps) => (\n  <PreviewCardPrimitive.Positioner\n    className={cn(\"z-overlay isolate\", className)}\n    data-slot=\"preview-card-positioner\"\n    {...props}\n  />\n);\n\nexport { PreviewCardPositioner };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nexport type PreviewCardViewportProps = PreviewCardPrimitive.Viewport.Props;\n\nconst PreviewCardViewport = ({ ...props }: PreviewCardViewportProps) => (\n  <PreviewCardPrimitive.Viewport data-slot=\"preview-card-viewport\" {...props} />\n);\n\nexport { PreviewCardViewport };\n","\"use client\";\n\nimport type { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nimport { PreviewCardArrow } from \"./preview-card-arrow\";\nimport { PreviewCardPopup } from \"./preview-card-popup\";\nimport { PreviewCardPortal } from \"./preview-card-portal\";\nimport { PreviewCardPositioner } from \"./preview-card-positioner\";\nimport { PreviewCardViewport } from \"./preview-card-viewport\";\n\nexport type PreviewCardContentProps = PreviewCardPrimitive.Popup.Props &\n  Pick<\n    PreviewCardPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  > & {\n    showArrow?: boolean;\n  };\n\nconst PreviewCardContent = ({\n  className,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 4,\n  showArrow = true,\n  children,\n  ...props\n}: PreviewCardContentProps) => (\n  <PreviewCardPortal>\n    <PreviewCardPositioner\n      align={align}\n      alignOffset={alignOffset}\n      side={side}\n      sideOffset={sideOffset}\n    >\n      <PreviewCardPopup\n        className={className}\n        data-slot=\"preview-card-content\"\n        {...props}\n      >\n        {showArrow ? <PreviewCardArrow /> : null}\n        <PreviewCardViewport>{children}</PreviewCardViewport>\n      </PreviewCardPopup>\n    </PreviewCardPositioner>\n  </PreviewCardPortal>\n);\n\nexport { PreviewCardContent };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardTriggerProps = PreviewCardPrimitive.Trigger.Props;\n\nconst PreviewCardTrigger = ({\n  className,\n  ...props\n}: PreviewCardTriggerProps) => (\n  <PreviewCardPrimitive.Trigger\n    className={cn(\"cursor-clickable\", className)}\n    data-slot=\"preview-card-trigger\"\n    {...props}\n  />\n);\n\nexport { PreviewCardTrigger };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nimport { PreviewCardArrow } from \"./preview-card-arrow\";\nimport { PreviewCardBackdrop } from \"./preview-card-backdrop\";\nimport { PreviewCardContent } from \"./preview-card-content\";\nimport { PreviewCardPopup } from \"./preview-card-popup\";\nimport { PreviewCardPortal } from \"./preview-card-portal\";\nimport { PreviewCardPositioner } from \"./preview-card-positioner\";\nimport { PreviewCardTrigger } from \"./preview-card-trigger\";\nimport { PreviewCardViewport } from \"./preview-card-viewport\";\nexport type PreviewCardProps = PreviewCardPrimitive.Root.Props;\n\nconst PreviewCard = ({ ...props }: PreviewCardProps) => (\n  <PreviewCardPrimitive.Root data-slot=\"preview-card\" {...props} />\n);\n\nPreviewCard.Arrow = PreviewCardArrow;\nPreviewCard.Backdrop = PreviewCardBackdrop;\nPreviewCard.Content = PreviewCardContent;\nPreviewCard.Popup = PreviewCardPopup;\nPreviewCard.Portal = PreviewCardPortal;\nPreviewCard.Positioner = PreviewCardPositioner;\nPreviewCard.Trigger = PreviewCardTrigger;\nPreviewCard.Viewport = PreviewCardViewport;\nPreviewCard.createHandle = PreviewCardPrimitive.createHandle;\n\nconst createPreviewCardHandle = PreviewCardPrimitive.createHandle;\n\nexport type { PreviewCardArrowProps } from \"./preview-card-arrow\";\nexport type { PreviewCardBackdropProps } from \"./preview-card-backdrop\";\nexport type { PreviewCardContentProps } from \"./preview-card-content\";\nexport type { PreviewCardPopupProps } from \"./preview-card-popup\";\nexport type { PreviewCardPortalProps } from \"./preview-card-portal\";\nexport type { PreviewCardPositionerProps } from \"./preview-card-positioner\";\nexport type { PreviewCardTriggerProps } from \"./preview-card-trigger\";\nexport type { PreviewCardViewportProps } from \"./preview-card-viewport\";\n\nexport {\n  PreviewCard,\n  PreviewCardArrow,\n  PreviewCardBackdrop,\n  PreviewCardContent,\n  PreviewCardPopup,\n  PreviewCardPortal,\n  PreviewCardPositioner,\n  PreviewCardTrigger,\n  PreviewCardViewport,\n  createPreviewCardHandle,\n};\n"],"mappings":";;;;;;;AAOA,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAACA,cAAqB,OAAtB;CACE,WAAW,GACT,wUACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAM,uBAAuB,EAC3B,WACA,GAAG,YAEH,oBAACC,cAAqB,UAAtB;CACE,WAAW,GACT,8LACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACXJ,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAACC,cAAqB,OAAtB;CACE,WAAW,GACT,ycACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACTJ,MAAM,qBAAqB,EAAE,GAAG,YAC9B,oBAACC,cAAqB,QAAtB;CAA6B,aAAU;CAAsB,GAAI;CAAS;;;;ACA5E,MAAM,yBAAyB,EAC7B,WACA,GAAG,YAEH,oBAACC,cAAqB,YAAtB;CACE,WAAW,GAAG,qBAAqB,UAAU;CAC7C,aAAU;CACV,GAAI;CACJ;;;;ACTJ,MAAM,uBAAuB,EAAE,GAAG,YAChC,oBAACC,cAAqB,UAAtB;CAA+B,aAAU;CAAwB,GAAI;CAAS;;;;ACWhF,MAAM,sBAAsB,EAC1B,WACA,OAAO,UACP,aAAa,GACb,QAAQ,UACR,cAAc,GACd,YAAY,MACZ,UACA,GAAG,YAEH,oBAAC,mBAAD,YACE,oBAAC,uBAAD;CACS;CACM;CACP;CACM;WAEZ,qBAAC,kBAAD;EACa;EACX,aAAU;EACV,GAAI;YAHN,CAKG,YAAY,oBAAC,kBAAD,EAAoB,IAAG,MACpC,oBAAC,qBAAD,EAAsB,UAA+B,EACpC;;CACG,GACN;;;;ACrCtB,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,oBAACC,cAAqB,SAAtB;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACDJ,MAAM,eAAe,EAAE,GAAG,YACxB,oBAACC,cAAqB,MAAtB;CAA2B,aAAU;CAAe,GAAI;CAAS;AAGnE,YAAY,QAAQ;AACpB,YAAY,WAAW;AACvB,YAAY,UAAU;AACtB,YAAY,QAAQ;AACpB,YAAY,SAAS;AACrB,YAAY,aAAa;AACzB,YAAY,UAAU;AACtB,YAAY,WAAW;AACvB,YAAY,eAAeA,cAAqB;AAEhD,MAAM,0BAA0BA,cAAqB"}

package/dist/ui/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","names":["ProgressPrimitive","ProgressPrimitive","ProgressPrimitive","ProgressPrimitive","ProgressPrimitive"],"sources":["../../src/ui/progress/progress-indicator.tsx","../../src/ui/progress/progress-label.tsx","../../src/ui/progress/progress-track.tsx","../../src/ui/progress/progress-value.tsx","../../src/ui/progress/progress.tsx"],"sourcesContent":["\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type ProgressIndicatorProps = ProgressPrimitive.Indicator.Props;\n\nconst ProgressIndicator = ({ className, ...props }: ProgressIndicatorProps) => (\n  <ProgressPrimitive.Indicator\n    className={mergeBaseUIClassName<ProgressPrimitive.Root.State>(\n      \"h-full bg-primary transition-all\",\n      className\n    )}\n    data-slot=\"progress-indicator\"\n    {...props}\n  />\n);\n\nexport { ProgressIndicator };\n","\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type ProgressLabelProps = ProgressPrimitive.Label.Props;\n\nconst ProgressLabel = ({ className, ...props }: ProgressLabelProps) => (\n  <ProgressPrimitive.Label\n    className={mergeBaseUIClassName<ProgressPrimitive.Root.State>(\n      \"text-sm font-medium\",\n      className\n    )}\n    data-slot=\"progress-label\"\n    {...props}\n  />\n);\n\nexport { ProgressLabel };\n","\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type ProgressTrackProps = ProgressPrimitive.Track.Props;\n\nconst ProgressTrack = ({ className, ...props }: ProgressTrackProps) => (\n  <ProgressPrimitive.Track\n    className={mergeBaseUIClassName<ProgressPrimitive.Root.State>(\n      \"relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted\",\n      className\n    )}\n    data-slot=\"progress-track\"\n    {...props}\n  />\n);\n\nexport { ProgressTrack };\n","\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type ProgressValueProps = ProgressPrimitive.Value.Props;\n\nconst ProgressValue = ({ className, ...props }: ProgressValueProps) => (\n  <ProgressPrimitive.Value\n    className={mergeBaseUIClassName<ProgressPrimitive.Root.State>(\n      \"ml-auto text-sm text-muted-foreground tabular-nums\",\n      className\n    )}\n    data-slot=\"progress-value\"\n    {...props}\n  />\n);\n\nexport { ProgressValue };\n","\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { ProgressIndicator } from \"./progress-indicator\";\nimport { ProgressLabel } from \"./progress-label\";\nimport { ProgressTrack } from \"./progress-track\";\nimport { ProgressValue } from \"./progress-value\";\nexport type ProgressProps = ProgressPrimitive.Root.Props;\n\nconst Progress = ({ className, children, value, ...props }: ProgressProps) => (\n  <ProgressPrimitive.Root\n    className={mergeBaseUIClassName<ProgressPrimitive.Root.State>(\n      \"flex flex-wrap gap-3\",\n      className\n    )}\n    data-slot=\"progress\"\n    value={value}\n    {...props}\n  >\n    {children}\n    <ProgressTrack>\n      <ProgressIndicator />\n    </ProgressTrack>\n  </ProgressPrimitive.Root>\n);\n\nProgress.Indicator = ProgressIndicator;\nProgress.Label = ProgressLabel;\nProgress.Track = ProgressTrack;\nProgress.Value = ProgressValue;\n\nexport {\n  Progress,\n  ProgressIndicator,\n  ProgressLabel,\n  ProgressTrack,\n  ProgressValue,\n};\n\nexport type { ProgressIndicatorProps } from \"./progress-indicator\";\nexport type { ProgressLabelProps } from \"./progress-label\";\nexport type { ProgressTrackProps } from \"./progress-track\";\nexport type { ProgressValueProps } from \"./progress-value\";\n"],"mappings":";;;;;;;AAOA,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAACA,WAAkB;CACjB,WAAW,qBACT,oCACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACC,WAAkB;CACjB,WAAW,qBACT,uBACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACC,WAAkB;CACjB,WAAW,qBACT,iFACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACC,WAAkB;CACjB,WAAW,qBACT,sDACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACJJ,MAAM,YAAY,EAAE,WAAW,UAAU,OAAO,GAAG,YACjD,qBAACC,WAAkB;CACjB,WAAW,qBACT,wBACA,UACD;CACD,aAAU;CACH;CACP,GAAI;YAEH,UACD,oBAAC,2BACC,oBAAC,sBAAoB,GACP;EACO;AAG3B,SAAS,YAAY;AACrB,SAAS,QAAQ;AACjB,SAAS,QAAQ;AACjB,SAAS,QAAQ"}
+{"version":3,"file":"progress.js","names":["ProgressPrimitive","ProgressPrimitive","ProgressPrimitive","ProgressPrimitive","ProgressPrimitive"],"sources":["../../src/ui/progress/progress-indicator.tsx","../../src/ui/progress/progress-label.tsx","../../src/ui/progress/progress-track.tsx","../../src/ui/progress/progress-value.tsx","../../src/ui/progress/progress.tsx"],"sourcesContent":["\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type ProgressIndicatorProps = ProgressPrimitive.Indicator.Props;\n\nconst ProgressIndicator = ({ className, ...props }: ProgressIndicatorProps) => (\n  <ProgressPrimitive.Indicator\n    className={mergeBaseUIClassName<ProgressPrimitive.Root.State>(\n      \"h-full bg-primary transition-all\",\n      className\n    )}\n    data-slot=\"progress-indicator\"\n    {...props}\n  />\n);\n\nexport { ProgressIndicator };\n","\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type ProgressLabelProps = ProgressPrimitive.Label.Props;\n\nconst ProgressLabel = ({ className, ...props }: ProgressLabelProps) => (\n  <ProgressPrimitive.Label\n    className={mergeBaseUIClassName<ProgressPrimitive.Root.State>(\n      \"text-sm font-medium\",\n      className\n    )}\n    data-slot=\"progress-label\"\n    {...props}\n  />\n);\n\nexport { ProgressLabel };\n","\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type ProgressTrackProps = ProgressPrimitive.Track.Props;\n\nconst ProgressTrack = ({ className, ...props }: ProgressTrackProps) => (\n  <ProgressPrimitive.Track\n    className={mergeBaseUIClassName<ProgressPrimitive.Root.State>(\n      \"relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted\",\n      className\n    )}\n    data-slot=\"progress-track\"\n    {...props}\n  />\n);\n\nexport { ProgressTrack };\n","\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type ProgressValueProps = ProgressPrimitive.Value.Props;\n\nconst ProgressValue = ({ className, ...props }: ProgressValueProps) => (\n  <ProgressPrimitive.Value\n    className={mergeBaseUIClassName<ProgressPrimitive.Root.State>(\n      \"ml-auto text-sm text-muted-foreground tabular-nums\",\n      className\n    )}\n    data-slot=\"progress-value\"\n    {...props}\n  />\n);\n\nexport { ProgressValue };\n","\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { ProgressIndicator } from \"./progress-indicator\";\nimport { ProgressLabel } from \"./progress-label\";\nimport { ProgressTrack } from \"./progress-track\";\nimport { ProgressValue } from \"./progress-value\";\nexport type ProgressProps = ProgressPrimitive.Root.Props;\n\nconst Progress = ({ className, children, value, ...props }: ProgressProps) => (\n  <ProgressPrimitive.Root\n    className={mergeBaseUIClassName<ProgressPrimitive.Root.State>(\n      \"flex flex-wrap gap-3\",\n      className\n    )}\n    data-slot=\"progress\"\n    value={value}\n    {...props}\n  >\n    {children}\n    <ProgressTrack>\n      <ProgressIndicator />\n    </ProgressTrack>\n  </ProgressPrimitive.Root>\n);\n\nProgress.Indicator = ProgressIndicator;\nProgress.Label = ProgressLabel;\nProgress.Track = ProgressTrack;\nProgress.Value = ProgressValue;\n\nexport {\n  Progress,\n  ProgressIndicator,\n  ProgressLabel,\n  ProgressTrack,\n  ProgressValue,\n};\n\nexport type { ProgressIndicatorProps } from \"./progress-indicator\";\nexport type { ProgressLabelProps } from \"./progress-label\";\nexport type { ProgressTrackProps } from \"./progress-track\";\nexport type { ProgressValueProps } from \"./progress-value\";\n"],"mappings":";;;;;;;AAOA,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAACA,WAAkB,WAAnB;CACE,WAAW,qBACT,oCACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACC,WAAkB,OAAnB;CACE,WAAW,qBACT,uBACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACC,WAAkB,OAAnB;CACE,WAAW,qBACT,iFACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACC,WAAkB,OAAnB;CACE,WAAW,qBACT,sDACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACJJ,MAAM,YAAY,EAAE,WAAW,UAAU,OAAO,GAAG,YACjD,qBAACC,WAAkB,MAAnB;CACE,WAAW,qBACT,wBACA,UACD;CACD,aAAU;CACH;CACP,GAAI;WAPN,CASG,UACD,oBAAC,eAAD,YACE,oBAAC,mBAAD,EAAqB,GACP,EACO;;AAG3B,SAAS,YAAY;AACrB,SAAS,QAAQ;AACjB,SAAS,QAAQ;AACjB,SAAS,QAAQ"}

package/dist/ui/qr-code.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"qr-code.d.ts","names":[],"sources":["../../src/ui/qr-code/qr-code.tsx"],"mappings":";;;;KASY,WAAA,GAAc,cAAA;EACxB,IAAA;EACA,UAAA;EACA,UAAA;EACA,UAAA;AAAA;AAAA,cAmBW,MAAA;EAAU,IAAA;EAAA,UAAA;EAAA,UAAA;EAAA,UAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAOpB,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"qr-code.d.ts","names":[],"sources":["../../src/ui/qr-code/qr-code.tsx"],"mappings":";;;;KAQY,WAAA,GAAc,cAAA;EACxB,IAAA;EACA,UAAA;EACA,UAAA;EACA,UAAA;AAAA;AAAA,cAmBW,MAAA;EAAU,IAAA;EAAA,UAAA;EAAA,UAAA;EAAA,UAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAOpB,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/qr-code.js

@@ -11,14 +11,14 @@ const oklchRegex = /oklch\(([0-9.]+)\s+([0-9.]+)\s+([0-9.]+)\)/;
 const getOklch = (color, fallback) => {
 	const oklchMatch = color.match(oklchRegex);
 	if (!oklchMatch) return {
-		l: fallback[0],
 		c: fallback[1],
-		h: fallback[2]
+		h: fallback[2],
+		l: fallback[0]
 	};
 	return {
-		l: Number.parseFloat(oklchMatch[1] ?? "0"),
 		c: Number.parseFloat(oklchMatch[2] ?? "0"),
-		h: Number.parseFloat(oklchMatch[3] ?? "0")
+		h: Number.parseFloat(oklchMatch[3] ?? "0"),
+		l: Number.parseFloat(oklchMatch[1] ?? "0")
 	};
 };
 const QRCode = ({ data, foreground, background, robustness = "M", className, ...props }) => {
@@ -40,7 +40,6 @@ const QRCode = ({ data, foreground, background, robustness = "M", className, ...
 					0
 				]);
 				setSVG(await QR.toString(data, {
-					type: "svg",
 					color: {
 						dark: formatHex(oklch({
 							mode: "oklch",
@@ -51,9 +50,10 @@ const QRCode = ({ data, foreground, background, robustness = "M", className, ...
 							...backgroundOklch
 						}))
 					},
-					width: 200,
 					errorCorrectionLevel: robustness,
-					margin: 0
+					margin: 0,
+					type: "svg",
+					width: 200
 				}));
 			} catch (error) {
 				console.error(error);