@kuzenbo/core 0.0.1-alpha.4 → 0.0.1

package/dist/pill-status-CZugGAo0.js

@@ -0,0 +1,75 @@
+import { Button } from "./button.js";
+import { i as AvatarFallback, t as AvatarImage } from "./avatar-image-QGDvWzq_.js";
+import { Avatar } from "./avatar.js";
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDown01Icon, ArrowUp01Icon, MinusSignIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+
+//#region src/ui/pill/pill-avatar.tsx
+const PillAvatar = ({ fallback, className, ...props }) => /* @__PURE__ */ jsxs(Avatar, {
+	className: cn("-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", className),
+	children: [/* @__PURE__ */ jsx(AvatarImage, { ...props }), /* @__PURE__ */ jsx(AvatarFallback, { children: fallback })]
+});
+
+//#endregion
+//#region src/ui/pill/pill-avatar-group.tsx
+const PillAvatarGroup = ({ children, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("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", "[&>*:not(:first-of-type)]:[mask-image:radial-gradient(circle_9px_at_-4px_50%,transparent_99%,white_100%)]", className),
+	...props,
+	children
+});
+
+//#endregion
+//#region src/ui/pill/pill-button.tsx
+const PillButton = ({ className, ...props }) => /* @__PURE__ */ jsx(Button, {
+	className: cn("-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", className),
+	size: "icon",
+	variant: "ghost",
+	...props
+});
+
+//#endregion
+//#region src/ui/pill/pill-delta.tsx
+const PillDelta = ({ className, delta }) => {
+	const sizeClasses = "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";
+	if (!delta) return /* @__PURE__ */ jsx(HugeiconsIcon, {
+		className: cn(sizeClasses, "text-muted-foreground", className),
+		icon: MinusSignIcon
+	});
+	if (delta > 0) return /* @__PURE__ */ jsx(HugeiconsIcon, {
+		className: cn(sizeClasses, "text-success-foreground", className),
+		icon: ArrowUp01Icon
+	});
+	return /* @__PURE__ */ jsx(HugeiconsIcon, {
+		className: cn(sizeClasses, "text-danger-foreground", className),
+		icon: ArrowDown01Icon
+	});
+};
+
+//#endregion
+//#region src/ui/pill/pill-icon.tsx
+const PillIcon = ({ icon, className, ...props }) => /* @__PURE__ */ jsx(HugeiconsIcon, {
+	className: cn("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", className),
+	icon,
+	...props
+});
+
+//#endregion
+//#region src/ui/pill/pill-indicator.tsx
+const PillIndicator = ({ variant = "success", pulse = false }) => /* @__PURE__ */ jsxs("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",
+	children: [pulse && /* @__PURE__ */ jsx("span", { className: cn("absolute inline-flex h-full w-full animate-ping rounded-full opacity-75", variant === "success" && "bg-success/70", variant === "error" && "bg-danger/70", variant === "warning" && "bg-warning/70", variant === "info" && "bg-info/70") }), /* @__PURE__ */ jsx("span", { className: cn("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", variant === "success" && "bg-success", variant === "error" && "bg-danger", variant === "warning" && "bg-warning", variant === "info" && "bg-info") })]
+});
+
+//#endregion
+//#region src/ui/pill/pill-status.tsx
+const PillStatus = ({ children, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("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", className),
+	...props,
+	children
+});
+
+//#endregion
+export { PillButton as a, PillDelta as i, PillIndicator as n, PillAvatarGroup as o, PillIcon as r, PillAvatar as s, PillStatus as t };
+//# sourceMappingURL=pill-status-CZugGAo0.js.map

package/dist/pill-status-CZugGAo0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pill-status-CZugGAo0.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"],"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"],"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"}

package/dist/pill.d.ts

@@ -1,6 +1,6 @@
 import { Badge } from "./badge.js";
-import "./avatar-image-DPunh5Hd.js";
-import { a as PillIcon, c as PillDeltaProps, d as PillAvatarGroup, f as PillAvatarGroupProps, i as PillIndicatorProps, l as PillButton, m as PillAvatarProps, n as PillStatusProps, o as PillIconProps, p as PillAvatar, r as PillIndicator, s as PillDelta, t as PillStatus, u as PillButtonProps } from "./pill-status-BS75xd9Z.js";
+import "./avatar-image-BpYCNLxP.js";
+import { a as PillIcon, c as PillDeltaProps, d as PillAvatarGroup, f as PillAvatarGroupProps, i as PillIndicatorProps, l as PillButton, m as PillAvatarProps, n as PillStatusProps, o as PillIconProps, p as PillAvatar, r as PillIndicator, s as PillDelta, t as PillStatus, u as PillButtonProps } from "./pill-status-B0H8oDjy.js";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 

package/dist/pill.js

@@ -1,11 +1,11 @@
 import { Badge } from "./badge.js";
-import { a as PillButton, i as PillDelta, n as PillIndicator, o as PillAvatarGroup, r as PillIcon, s as PillAvatar, t as PillStatus } from "./pill-status-BIPaa4o3.js";
+import { a as PillButton, i as PillDelta, n as PillIndicator, o as PillAvatarGroup, r as PillIcon, s as PillAvatar, t as PillStatus } from "./pill-status-CZugGAo0.js";
 import { cn } from "tailwind-variants";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/ui/pill/pill.tsx
 const Pill = ({ variant = "default", className, ...props }) => /* @__PURE__ */ jsx(Badge, {
-	className: cn("gap-2 rounded-full px-3 py-1.5 font-normal", className),
+	className: cn("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", className),
 	variant,
 	...props
 });

package/dist/pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"pill.js","names":[],"sources":["../src/ui/pill/pill.tsx"],"sourcesContent":["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(\"gap-2 rounded-full px-3 py-1.5 font-normal\", className)}\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":";;;;;;AAeA,MAAM,QAAQ,EAAE,UAAU,WAAW,WAAW,GAAG,YACjD,oBAAC;CACC,WAAW,GAAG,8CAA8C,UAAU;CAC7D;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.tsx"],"sourcesContent":["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":";;;;;;AAeA,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"}

package/dist/popover-trigger-YoOfFIQY.js

@@ -0,0 +1,131 @@
+import { t as createSizeContext } from "./size-context-rJNE33WZ.js";
+import { cn, tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+
+//#region src/ui/popover/popover-arrow.tsx
+const PopoverArrow = ({ className, ...props }) => /* @__PURE__ */ jsx(Popover.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),
+	"data-slot": "popover-arrow",
+	...props
+});
+
+//#endregion
+//#region src/ui/popover/popover-backdrop.tsx
+const PopoverBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(Popover.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),
+	"data-slot": "popover-backdrop",
+	...props
+});
+
+//#endregion
+//#region src/ui/popover/popover-close.tsx
+const PopoverClose = ({ ...props }) => /* @__PURE__ */ jsx(Popover.Close, {
+	"data-slot": "popover-close",
+	...props
+});
+
+//#endregion
+//#region src/ui/popover/popover-size-context.ts
+const { SizeContext: PopoverSizeContext, useResolvedSize: useResolvedPopoverSize } = createSizeContext();
+
+//#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",
+	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" }
+});
+const PopoverPopup = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedPopoverSize(size);
+	return /* @__PURE__ */ jsx(Popover.Popup, {
+		className: cn(popoverPopupVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "popover-popup",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/popover/popover-portal.tsx
+const PopoverPortal = ({ ...props }) => /* @__PURE__ */ jsx(Popover.Portal, {
+	"data-slot": "popover-portal",
+	...props
+});
+
+//#endregion
+//#region src/ui/popover/popover-positioner.tsx
+const PopoverPositioner = ({ className, ...props }) => /* @__PURE__ */ jsx(Popover.Positioner, {
+	className: cn("isolate z-50", className),
+	"data-slot": "popover-positioner",
+	...props
+});
+
+//#endregion
+//#region src/ui/popover/popover-viewport.tsx
+const PopoverViewport = ({ ...props }) => /* @__PURE__ */ jsx(Popover.Viewport, {
+	"data-slot": "popover-viewport",
+	...props
+});
+
+//#endregion
+//#region src/ui/popover/popover-content.tsx
+const PopoverContent = ({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, size, children, ...props }) => {
+	const resolvedSize = useResolvedPopoverSize(size);
+	return /* @__PURE__ */ jsx(PopoverPortal, { children: /* @__PURE__ */ jsx(PopoverPositioner, {
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		children: /* @__PURE__ */ jsx(PopoverPopup, {
+			className,
+			"data-size": resolvedSize,
+			"data-slot": "popover-content",
+			size: resolvedSize,
+			...props,
+			children: /* @__PURE__ */ jsx(PopoverViewport, { children })
+		})
+	}) });
+};
+
+//#endregion
+//#region src/ui/popover/popover-description.tsx
+const PopoverDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(Popover.Description, {
+	className: cn("text-muted-foreground", className),
+	"data-slot": "popover-description",
+	...props
+});
+
+//#endregion
+//#region src/ui/popover/popover-header.tsx
+const PopoverHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col gap-0.5 text-sm", className),
+	"data-slot": "popover-header",
+	...props
+});
+
+//#endregion
+//#region src/ui/popover/popover-title.tsx
+const PopoverTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(Popover.Title, {
+	className: cn("font-medium", className),
+	"data-slot": "popover-title",
+	...props
+});
+
+//#endregion
+//#region src/ui/popover/popover-trigger.tsx
+const PopoverTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Popover.Trigger, {
+	className: cn("cursor-pointer", className),
+	"data-slot": "popover-trigger",
+	...props
+});
+
+//#endregion
+export { PopoverContent as a, PopoverPortal as c, PopoverClose as d, PopoverBackdrop as f, PopoverDescription as i, PopoverPopup as l, PopoverTitle as n, PopoverViewport as o, PopoverArrow as p, PopoverHeader as r, PopoverPositioner as s, PopoverTrigger as t, PopoverSizeContext as u };
+//# sourceMappingURL=popover-trigger-YoOfFIQY.js.map

package/dist/popover-trigger-YoOfFIQY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-trigger-YoOfFIQY.js","names":["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"],"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"],"mappings":";;;;;;AAOA,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAACA,QAAiB;CAChB,WAAW,GACT,mUACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,mBAAmB,EAAE,WAAW,GAAG,YACvC,oBAACC,QAAiB;CAChB,WAAW,GACT,yLACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACTJ,MAAM,gBAAgB,EAAE,GAAG,YACzB,oBAACC,QAAiB;CAAM,aAAU;CAAgB,GAAI;EAAS;;;;ACDjE,MAAM,EACJ,aAAa,oBACb,iBAAiB,2BACf,mBAAmB;;;;ACAvB,MAAM,uBAAuB,GAAG;CAC9B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAM,gBAAgB,EAAE,WAAW,MAAM,GAAG,YAA+B;CACzE,MAAM,eAAe,uBAAuB,KAAK;AAEjD,QACE,oBAACC,QAAiB;EAChB,WAAW,GAAG,qBAAqB,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EACtE,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACtCN,MAAM,iBAAiB,EAAE,GAAG,YAC1B,oBAACC,QAAiB;CAAO,aAAU;CAAiB,GAAI;EAAS;;;;ACAnE,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAACC,QAAiB;CAChB,WAAW,GAAG,gBAAgB,UAAU;CACxC,aAAU;CACV,GAAI;EACJ;;;;ACNJ,MAAM,mBAAmB,EAAE,GAAG,YAC5B,oBAACC,QAAiB;CAAS,aAAU;CAAmB,GAAI;EAAS;;;;ACavE,MAAM,kBAAkB,EACtB,WACA,QAAQ,UACR,cAAc,GACd,OAAO,UACP,aAAa,GACb,MACA,UACA,GAAG,YACsB;CACzB,MAAM,eAAe,uBAAuB,KAAK;AAEjD,QACE,oBAAC,2BACC,oBAAC;EACQ;EACM;EACP;EACM;YAEZ,oBAAC;GACY;GACX,aAAW;GACX,aAAU;GACV,MAAM;GACN,GAAI;aAEJ,oBAAC,mBAAiB,WAA2B;IAChC;GACG,GACN;;;;;AC5CpB,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,oBAACC,QAAiB;CAChB,WAAW,GAAG,yBAAyB,UAAU;CACjD,aAAU;CACV,GAAI;EACJ;;;;ACTJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAAC;CACC,WAAW,GAAG,iCAAiC,UAAU;CACzD,aAAU;CACV,GAAI;EACJ;;;;ACJJ,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAACC,QAAiB;CAChB,WAAW,GAAG,eAAe,UAAU;CACvC,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACC,QAAiB;CAChB,WAAW,GAAG,kBAAkB,UAAU;CAC1C,aAAU;CACV,GAAI;EACJ"}

package/dist/popover-viewport-D0OLhge2.d.ts

@@ -0,0 +1,130 @@
+import { t as UISize } from "./size-system-CMU68sQY.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+
+//#region src/ui/popover/popover-size-context.d.ts
+type PopoverSize = UISize;
+//#endregion
+//#region src/ui/popover/popover-content.d.ts
+type PopoverContentProps = Popover.Popup.Props & Pick<Popover.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset"> & {
+  size?: PopoverSize;
+};
+declare const PopoverContent: ({
+  className,
+  align,
+  alignOffset,
+  side,
+  sideOffset,
+  size,
+  children,
+  ...props
+}: PopoverContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/popover/popover-description.d.ts
+type PopoverDescriptionProps = Popover.Description.Props;
+declare const PopoverDescription: ({
+  className,
+  ...props
+}: PopoverDescriptionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/popover/popover-header.d.ts
+type PopoverHeaderProps = ComponentProps<"div">;
+declare const PopoverHeader: ({
+  className,
+  ...props
+}: PopoverHeaderProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/popover/popover-arrow.d.ts
+type PopoverArrowProps = Popover.Arrow.Props;
+declare const PopoverArrow: ({
+  className,
+  ...props
+}: PopoverArrowProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/popover/popover-backdrop.d.ts
+type PopoverBackdropProps = Popover.Backdrop.Props;
+declare const PopoverBackdrop: ({
+  className,
+  ...props
+}: PopoverBackdropProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/popover/popover-close.d.ts
+type PopoverCloseProps = Popover.Close.Props;
+declare const PopoverClose: ({
+  ...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;
+    xl: 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", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: 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>>;
+type PopoverPopupVariantProps = Omit<VariantProps<typeof popoverPopupVariants>, "size"> & {
+  size?: PopoverSize;
+};
+type PopoverPopupProps = Popover.Popup.Props & PopoverPopupVariantProps;
+declare const PopoverPopup: ({
+  className,
+  size,
+  ...props
+}: PopoverPopupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/popover/popover-portal.d.ts
+type PopoverPortalProps = Popover.Portal.Props;
+declare const PopoverPortal: ({
+  ...props
+}: PopoverPortalProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/popover/popover-positioner.d.ts
+type PopoverPositionerProps = Popover.Positioner.Props;
+declare const PopoverPositioner: ({
+  className,
+  ...props
+}: PopoverPositionerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/popover/popover-title.d.ts
+type PopoverTitleProps = Popover.Title.Props;
+declare const PopoverTitle: ({
+  className,
+  ...props
+}: PopoverTitleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/popover/popover-trigger.d.ts
+type PopoverTriggerProps = Popover.Trigger.Props;
+declare const PopoverTrigger: ({
+  className,
+  ...props
+}: PopoverTriggerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/popover/popover-viewport.d.ts
+type PopoverViewportProps = Popover.Viewport.Props;
+declare const PopoverViewport: ({
+  ...props
+}: PopoverViewportProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PopoverContent as C, PopoverDescriptionProps as S, PopoverSize as T, PopoverArrow as _, PopoverTitle as a, PopoverHeaderProps as b, PopoverPositionerProps as c, PopoverPopup as d, PopoverPopupProps as f, PopoverBackdropProps as g, PopoverBackdrop as h, PopoverTriggerProps as i, PopoverPortal as l, PopoverCloseProps as m, PopoverViewportProps as n, PopoverTitleProps as o, PopoverClose as p, PopoverTrigger as r, PopoverPositioner as s, PopoverViewport as t, PopoverPortalProps as u, PopoverArrowProps as v, PopoverContentProps as w, PopoverDescription as x, PopoverHeader as y };
+//# sourceMappingURL=popover-viewport-D0OLhge2.d.ts.map

package/dist/popover-viewport-D0OLhge2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-viewport-D0OLhge2.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"],"mappings":";;;;;;;;KAIY,WAAA,GAAc,MAAA;;;KCQd,mBAAA,GAAsB,OAAA,CAAiB,KAAA,CAAM,KAAA,GACvD,IAAA,CACE,OAAA,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,OAAA,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,OAAA,CAAiB,KAAA,CAAM,KAAA;AAAA,cAEjD,YAAA;EAAgB,SAAA;EAAA,GAAA;AAAA,GAAyB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFpD,oBAAA,GAAuB,OAAA,CAAiB,QAAA,CAAS,KAAA;AAAA,cAEvD,eAAA;EAAmB,SAAA;EAAA,GAAA;AAAA,GAAyB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCH1D,iBAAA,GAAoB,OAAA,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,OAAA,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,OAAA,CAAiB,MAAA,CAAO,KAAA;AAAA,cAEnD,aAAA;EAAA,GAAiB;AAAA,GAAc,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCD3C,sBAAA,GAAyB,OAAA,CAAiB,UAAA,CAAW,KAAA;AAAA,cAE3D,iBAAA;EAAqB,SAAA;EAAA,GAAA;AAAA,GAAyB,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCH9D,iBAAA,GAAoB,OAAA,CAAiB,KAAA,CAAM,KAAA;AAAA,cAEjD,YAAA;EAAgB,SAAA;EAAA,GAAA;AAAA,GAAyB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFpD,mBAAA,GAAsB,OAAA,CAAiB,OAAA,CAAQ,KAAA;AAAA,cAErD,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAAyB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFxD,oBAAA,GAAuB,OAAA,CAAiB,QAAA,CAAS,KAAA;AAAA,cAEvD,eAAA;EAAA,GAAmB;AAAA,GAAc,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/popover.d.ts

@@ -1,38 +1,70 @@
-import { a as PopoverContent, i as PopoverDescription, n as PopoverTitle, r as PopoverHeader, t as PopoverTrigger } from "./popover-trigger-C8pR26Xp.js";
-import * as react from "react";
+import "./size-context-CPoCTRTV.js";
+import { C as PopoverContent, S as PopoverDescriptionProps, T as PopoverSize, _ as PopoverArrow, a as PopoverTitle, b as PopoverHeaderProps, c as PopoverPositionerProps, d as PopoverPopup, f as PopoverPopupProps, g as PopoverBackdropProps, h as PopoverBackdrop, i as PopoverTriggerProps, l as PopoverPortal, m as PopoverCloseProps, n as PopoverViewportProps, o as PopoverTitleProps, p as PopoverClose, r as PopoverTrigger, s as PopoverPositioner, t as PopoverViewport, u as PopoverPortalProps, v as PopoverArrowProps, w as PopoverContentProps, x as PopoverDescription, y as PopoverHeader } from "./popover-viewport-D0OLhge2.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 
 //#region src/ui/popover/popover.d.ts
+type PopoverProps = Popover$1.Root.Props & {
+  size?: PopoverSize;
+};
 declare const Popover: {
   ({
+    size: providedSize,
     ...props
-  }: Popover$1.Root.Props): react_jsx_runtime0.JSX.Element;
+  }: PopoverProps): react_jsx_runtime0.JSX.Element;
   Content: ({
     className,
     align,
     alignOffset,
     side,
     sideOffset,
+    size,
+    children,
     ...props
-  }: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">) => react_jsx_runtime0.JSX.Element;
+  }: PopoverContentProps) => react_jsx_runtime0.JSX.Element;
   Description: ({
     className,
     ...props
-  }: Popover$1.Description.Props) => react_jsx_runtime0.JSX.Element;
+  }: PopoverDescriptionProps) => react_jsx_runtime0.JSX.Element;
   Header: ({
     className,
     ...props
-  }: react.ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: PopoverHeaderProps) => react_jsx_runtime0.JSX.Element;
+  Arrow: ({
+    className,
+    ...props
+  }: PopoverArrowProps) => react_jsx_runtime0.JSX.Element;
+  Backdrop: ({
+    className,
+    ...props
+  }: PopoverBackdropProps) => react_jsx_runtime0.JSX.Element;
+  Close: ({
+    ...props
+  }: PopoverCloseProps) => react_jsx_runtime0.JSX.Element;
+  Popup: ({
+    className,
+    size,
+    ...props
+  }: PopoverPopupProps) => react_jsx_runtime0.JSX.Element;
+  Portal: ({
+    ...props
+  }: PopoverPortalProps) => react_jsx_runtime0.JSX.Element;
+  Positioner: ({
+    className,
+    ...props
+  }: PopoverPositionerProps) => react_jsx_runtime0.JSX.Element;
   Title: ({
     className,
     ...props
-  }: Popover$1.Title.Props) => react_jsx_runtime0.JSX.Element;
+  }: PopoverTitleProps) => react_jsx_runtime0.JSX.Element;
   Trigger: ({
     className,
     ...props
-  }: Popover$1.Trigger.Props) => react_jsx_runtime0.JSX.Element;
+  }: PopoverTriggerProps) => react_jsx_runtime0.JSX.Element;
+  Viewport: ({
+    ...props
+  }: PopoverViewportProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };
+export { Popover, PopoverArrow, type PopoverArrowProps, PopoverBackdrop, type PopoverBackdropProps, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverHeader, type PopoverHeaderProps, PopoverPopup, type PopoverPopupProps, PopoverPortal, type PopoverPortalProps, PopoverPositioner, type PopoverPositionerProps, PopoverProps, type PopoverSize, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, PopoverViewport, type PopoverViewportProps };
 //# sourceMappingURL=popover.d.ts.map

package/dist/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","names":[],"sources":["../src/ui/popover/popover.tsx"],"mappings":";;;;;;cAUM,OAAA;EAAA;IAAA;KAAyB,SAAA,CAAiB,IAAA,CAAK,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"popover.d.ts","names":[],"sources":["../src/ui/popover/popover.tsx"],"mappings":";;;;;;KAkBY,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"}

package/dist/popover.js

@@ -1,20 +1,35 @@
 "use client";
 
-import { a as PopoverContent, i as PopoverDescription, n as PopoverTitle, r as PopoverHeader, t as PopoverTrigger } from "./popover-trigger-ChgU6NfZ.js";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { a as PopoverContent, c as PopoverPortal, d as PopoverClose, f as PopoverBackdrop, i as PopoverDescription, l as PopoverPopup, n as PopoverTitle, o as PopoverViewport, p as PopoverArrow, r as PopoverHeader, s as PopoverPositioner, t as PopoverTrigger, u as PopoverSizeContext } from "./popover-trigger-YoOfFIQY.js";
 import { jsx } from "react/jsx-runtime";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 
 //#region src/ui/popover/popover.tsx
-const Popover = ({ ...props }) => /* @__PURE__ */ jsx(Popover$1.Root, {
-	"data-slot": "popover",
-	...props
-});
+const Popover = ({ size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(PopoverSizeContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ jsx(Popover$1.Root, {
+			"data-size": size,
+			"data-slot": "popover",
+			...props
+		})
+	});
+};
 Popover.Content = PopoverContent;
 Popover.Description = PopoverDescription;
 Popover.Header = PopoverHeader;
+Popover.Arrow = PopoverArrow;
+Popover.Backdrop = PopoverBackdrop;
+Popover.Close = PopoverClose;
+Popover.Popup = PopoverPopup;
+Popover.Portal = PopoverPortal;
+Popover.Positioner = PopoverPositioner;
 Popover.Title = PopoverTitle;
 Popover.Trigger = PopoverTrigger;
+Popover.Viewport = PopoverViewport;
 
 //#endregion
-export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };
+export { Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger, PopoverViewport };
 //# sourceMappingURL=popover.js.map

package/dist/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":["PopoverPrimitive"],"sources":["../src/ui/popover/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nimport { PopoverContent } from \"./popover-content\";\nimport { PopoverDescription } from \"./popover-description\";\nimport { PopoverHeader } from \"./popover-header\";\nimport { PopoverTitle } from \"./popover-title\";\nimport { PopoverTrigger } from \"./popover-trigger\";\n\nconst Popover = ({ ...props }: PopoverPrimitive.Root.Props) => (\n  <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n);\n\nPopover.Content = PopoverContent;\nPopover.Description = PopoverDescription;\nPopover.Header = PopoverHeader;\nPopover.Title = PopoverTitle;\nPopover.Trigger = PopoverTrigger;\n\nexport {\n  Popover,\n  PopoverContent,\n  PopoverDescription,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverTrigger,\n};\n"],"mappings":";;;;;;;AAUA,MAAM,WAAW,EAAE,GAAG,YACpB,oBAACA,UAAiB;CAAK,aAAU;CAAU,GAAI;EAAS;AAG1D,QAAQ,UAAU;AAClB,QAAQ,cAAc;AACtB,QAAQ,SAAS;AACjB,QAAQ,QAAQ;AAChB,QAAQ,UAAU"}
+{"version":3,"file":"popover.js","names":["PopoverPrimitive"],"sources":["../src/ui/popover/popover.tsx"],"sourcesContent":["\"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":";;;;;;;;AAsBA,MAAM,WAAW,EAAE,MAAM,cAAc,GAAG,YAA0B;CAClE,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,mBAAmB;EAAS,OAAO,EAAE,MAAM;YAC1C,oBAACA,UAAiB;GAAK,aAAW;GAAM,aAAU;GAAU,GAAI;IAAS;GAC7C;;AAIlC,QAAQ,UAAU;AAClB,QAAQ,cAAc;AACtB,QAAQ,SAAS;AACjB,QAAQ,QAAQ;AAChB,QAAQ,WAAW;AACnB,QAAQ,QAAQ;AAChB,QAAQ,QAAQ;AAChB,QAAQ,SAAS;AACjB,QAAQ,aAAa;AACrB,QAAQ,QAAQ;AAChB,QAAQ,UAAU;AAClB,QAAQ,WAAW"}

package/dist/portal.d.ts

@@ -1,5 +1,5 @@
 import * as react from "react";
-import { ComponentPropsWithoutRef, RefObject } from "react";
+import { ComponentPropsWithoutRef, ReactNode, RefObject } from "react";
 
 //#region src/ui/portal/portal.d.ts
 type BasePortalProps = ComponentPropsWithoutRef<"div"> & {
@@ -17,7 +17,7 @@ type PortalProps = BasePortalProps & {
   /**
    * Portal children, for example, custom modal or popover
    */
-  children: React.ReactNode;
+  children: ReactNode;
 };
 declare const Portal: ({
   children,

package/dist/portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal.d.ts","names":[],"sources":["../src/ui/portal/portal.tsx"],"mappings":";;;;KAgCY,eAAA,GAAkB,wBAAA;;;AAA9B;EAIE,MAAA,GAAS,WAAA,YAAuB,SAAA,CAAU,WAAA;;;;;EAK1C,eAAA;AAAA;AAAA,KAGU,WAAA,GAAc,eAAA;EAZI;;;EAgB5B,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,cAwCL,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":";;;;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"}

package/dist/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\";\nimport {\n  type ComponentPropsWithoutRef,\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: React.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":";;;;;;;AAWA,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\";\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"}