@kuzenbo/core 0.0.2 → 0.0.4

package/dist/ui/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","names":[],"sources":["../../src/ui/pagination/pagination-size-context.ts","../../src/ui/pagination/pagination-content.tsx","../../src/ui/pagination/pagination-ellipsis.tsx","../../src/ui/pagination/pagination-item.tsx","../../src/ui/pagination/pagination-link.tsx","../../src/ui/pagination/pagination-next.tsx","../../src/ui/pagination/pagination-previous.tsx","../../src/ui/pagination/pagination.tsx"],"sourcesContent":["import { createSizeContext } from \"../shared/size/size-context\";\n\nconst {\n  SizeContext: PaginationSizeContext,\n  useResolvedSize: useResolvedPaginationSize,\n} = createSizeContext();\n\nexport { PaginationSizeContext, useResolvedPaginationSize };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedPaginationSize } from \"./pagination-size-context\";\n\nconst paginationContentVariants = tv({\n  base: \"flex items-center\",\n  variants: {\n    size: {\n      xs: \"gap-0.5\",\n      sm: \"gap-0.5\",\n      md: \"gap-0.5\",\n      lg: \"gap-1\",\n      xl: \"gap-1\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype PaginationContentVariantProps = Omit<\n  VariantProps<typeof paginationContentVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type PaginationContentProps = ComponentProps<\"ul\"> &\n  PaginationContentVariantProps;\n\nconst PaginationContent = ({\n  className,\n  size,\n  ...props\n}: PaginationContentProps) => {\n  const resolvedSize = useResolvedPaginationSize(size);\n\n  return (\n    <ul\n      className={cn(\n        paginationContentVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"pagination-content\"\n      {...props}\n    />\n  );\n};\n\nexport { PaginationContent };\n","import type { ComponentProps } from \"react\";\n\nimport { MoreHorizontalCircle01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedPaginationSize } from \"./pagination-size-context\";\n\nconst paginationEllipsisVariants = tv({\n  slots: {\n    icon: \"\",\n    root: \"flex items-center justify-center\",\n  },\n  variants: {\n    size: {\n      xs: {\n        icon: \"size-3\",\n        root: \"size-6\",\n      },\n      sm: {\n        icon: \"size-3.5\",\n        root: \"size-7\",\n      },\n      md: {\n        icon: \"size-4\",\n        root: \"size-8\",\n      },\n      lg: {\n        icon: \"size-4\",\n        root: \"size-9\",\n      },\n      xl: {\n        icon: \"size-5\",\n        root: \"size-10\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype PaginationEllipsisVariantProps = Omit<\n  VariantProps<typeof paginationEllipsisVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type PaginationEllipsisProps = ComponentProps<\"span\"> &\n  PaginationEllipsisVariantProps;\n\nconst PaginationEllipsis = ({\n  className,\n  size,\n  ...props\n}: PaginationEllipsisProps) => {\n  const resolvedSize = useResolvedPaginationSize(size);\n  const { icon, root } = paginationEllipsisVariants({ size: resolvedSize });\n\n  return (\n    <span\n      aria-hidden\n      className={cn(root(), className)}\n      data-size={resolvedSize}\n      data-slot=\"pagination-ellipsis\"\n      {...props}\n    >\n      <HugeiconsIcon\n        className={icon()}\n        icon={MoreHorizontalCircle01Icon}\n        strokeWidth={2}\n      />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n};\n\nexport { PaginationEllipsis };\n","import type { ComponentProps } from \"react\";\nexport type PaginationItemProps = ComponentProps<\"li\">;\n\nconst PaginationItem = ({ ...props }: PaginationItemProps) => (\n  <li data-slot=\"pagination-item\" {...props} />\n);\n\nexport { PaginationItem };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { Button, type ButtonProps } from \"../button/button\";\nimport { useResolvedPaginationSize } from \"./pagination-size-context\";\n\ntype PaginationLinkProps = {\n  kind?: \"default\" | \"icon\";\n  isActive?: boolean;\n  size?: UISize;\n} & ComponentProps<\"a\">;\n\nconst PAGINATION_ICON_BUTTON_SIZE_BY_SIZE: Record<UISize, ButtonProps[\"size\"]> =\n  {\n    xs: \"icon-xs\",\n    sm: \"icon-sm\",\n    md: \"icon\",\n    lg: \"icon-lg\",\n    xl: \"icon-xl\",\n  };\n\nconst PAGINATION_TEXT_BUTTON_SIZE_BY_SIZE: Record<UISize, ButtonProps[\"size\"]> =\n  {\n    xs: \"xs\",\n    sm: \"sm\",\n    md: \"md\",\n    lg: \"lg\",\n    xl: \"xl\",\n  };\n\nconst PaginationLink = ({\n  kind = \"icon\",\n  className,\n  isActive,\n  size,\n  ...props\n}: PaginationLinkProps) => {\n  const resolvedSize = useResolvedPaginationSize(size);\n  const buttonSize =\n    kind === \"icon\"\n      ? PAGINATION_ICON_BUTTON_SIZE_BY_SIZE[resolvedSize]\n      : PAGINATION_TEXT_BUTTON_SIZE_BY_SIZE[resolvedSize];\n\n  return (\n    <Button\n      className={cn(className)}\n      data-size={resolvedSize}\n      nativeButton={false}\n      render={\n        <a\n          aria-current={isActive ? \"page\" : undefined}\n          aria-label=\"pagination link\"\n          data-active={isActive}\n          data-size={resolvedSize}\n          data-slot=\"pagination-link\"\n          {...props}\n        />\n      }\n      size={buttonSize}\n      variant={isActive ? \"outline\" : \"ghost\"}\n    />\n  );\n};\n\nexport { PaginationLink };\nexport type { PaginationLinkProps };\n","import type { ComponentProps } from \"react\";\n\nimport { ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { PaginationLink } from \"./pagination-link\";\nimport { useResolvedPaginationSize } from \"./pagination-size-context\";\n\nconst paginationNextVariants = tv({\n  variants: {\n    size: {\n      xs: \"pr-1!\",\n      sm: \"pr-1!\",\n      md: \"pr-1.5!\",\n      lg: \"pr-2!\",\n      xl: \"pr-2.5!\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype PaginationNextVariantProps = Omit<\n  VariantProps<typeof paginationNextVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type PaginationNextProps = Omit<\n  ComponentProps<typeof PaginationLink>,\n  \"size\"\n> &\n  PaginationNextVariantProps;\n\nconst PaginationNext = ({ className, size, ...props }: PaginationNextProps) => {\n  const resolvedSize = useResolvedPaginationSize(size);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      className={cn(paginationNextVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      kind=\"default\"\n      size={resolvedSize}\n      {...props}\n    >\n      <span className=\"hidden sm:block\">Next</span>\n      <HugeiconsIcon\n        data-icon=\"inline-end\"\n        icon={ArrowRight01Icon}\n        strokeWidth={2}\n      />\n    </PaginationLink>\n  );\n};\n\nexport { PaginationNext };\n","import type { ComponentProps } from \"react\";\n\nimport { ArrowLeft01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { PaginationLink } from \"./pagination-link\";\nimport { useResolvedPaginationSize } from \"./pagination-size-context\";\n\nconst paginationPreviousVariants = tv({\n  variants: {\n    size: {\n      xs: \"pl-1!\",\n      sm: \"pl-1!\",\n      md: \"pl-1.5!\",\n      lg: \"pl-2!\",\n      xl: \"pl-2.5!\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype PaginationPreviousVariantProps = Omit<\n  VariantProps<typeof paginationPreviousVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type PaginationPreviousProps = Omit<\n  ComponentProps<typeof PaginationLink>,\n  \"size\"\n> &\n  PaginationPreviousVariantProps;\n\nconst PaginationPrevious = ({\n  className,\n  size,\n  ...props\n}: PaginationPreviousProps) => {\n  const resolvedSize = useResolvedPaginationSize(size);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      className={cn(\n        paginationPreviousVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      kind=\"default\"\n      size={resolvedSize}\n      {...props}\n    >\n      <HugeiconsIcon\n        data-icon=\"inline-start\"\n        icon={ArrowLeft01Icon}\n        strokeWidth={2}\n      />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  );\n};\n\nexport { PaginationPrevious };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { PaginationContent } from \"./pagination-content\";\nimport { PaginationEllipsis } from \"./pagination-ellipsis\";\nimport { PaginationItem } from \"./pagination-item\";\nimport { PaginationLink } from \"./pagination-link\";\nimport { PaginationNext } from \"./pagination-next\";\nimport { PaginationPrevious } from \"./pagination-previous\";\nimport { PaginationSizeContext } from \"./pagination-size-context\";\nexport type PaginationProps = ComponentProps<\"nav\"> & {\n  size?: UISize;\n};\n\nconst Pagination = ({\n  className,\n  size: providedSize,\n  ...props\n}: PaginationProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <PaginationSizeContext.Provider value={{ size }}>\n      <nav\n        aria-label=\"pagination\"\n        className={cn(\"mx-auto flex w-full justify-center\", className)}\n        data-size={size}\n        data-slot=\"pagination\"\n        {...props}\n      />\n    </PaginationSizeContext.Provider>\n  );\n};\n\nPagination.Content = PaginationContent;\nPagination.Ellipsis = PaginationEllipsis;\nPagination.Item = PaginationItem;\nPagination.Link = PaginationLink;\nPagination.Next = PaginationNext;\nPagination.Previous = PaginationPrevious;\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n\nexport type { PaginationContentProps } from \"./pagination-content\";\nexport type { PaginationEllipsisProps } from \"./pagination-ellipsis\";\nexport type { PaginationItemProps } from \"./pagination-item\";\nexport type { PaginationLinkProps } from \"./pagination-link\";\nexport type { PaginationNextProps } from \"./pagination-next\";\nexport type { PaginationPreviousProps } from \"./pagination-previous\";\n"],"mappings":"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"}

package/dist/ui/pill.d.ts

@@ -0,0 +1,122 @@
+import { Button } from "./button.js";
+import { Badge } from "./badge.js";
+import { t as AvatarImage } from "../avatar-image-Ce26D2fb.js";
+import "./avatar.js";
+import { ComponentProps, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { HugeiconsIcon, HugeiconsProps } from "@hugeicons/react";
+
+//#region src/ui/pill/pill-avatar.d.ts
+type PillAvatarProps = ComponentProps<typeof AvatarImage> & {
+  fallback?: string;
+};
+declare const PillAvatar: ({
+  fallback,
+  className,
+  ...props
+}: PillAvatarProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/pill/pill-avatar-group.d.ts
+type PillAvatarGroupProps = {
+  children: ReactNode;
+  className?: string;
+} & ComponentProps<"div">;
+declare const PillAvatarGroup: ({
+  children,
+  className,
+  ...props
+}: PillAvatarGroupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/pill/pill-button.d.ts
+type PillButtonProps = ComponentProps<typeof Button>;
+declare const PillButton: ({
+  className,
+  ...props
+}: PillButtonProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/pill/pill-delta.d.ts
+interface PillDeltaProps {
+  className?: string;
+  delta: number;
+}
+declare const PillDelta: ({
+  className,
+  delta
+}: PillDeltaProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/pill/pill-icon.d.ts
+type PillIconProps = {
+  icon: NonNullable<HugeiconsProps["icon"]>;
+  className?: string;
+} & ComponentProps<typeof HugeiconsIcon>;
+declare const PillIcon: ({
+  icon,
+  className,
+  ...props
+}: PillIconProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/pill/pill-indicator.d.ts
+interface PillIndicatorProps {
+  variant?: "success" | "error" | "warning" | "info";
+  pulse?: boolean;
+}
+declare const PillIndicator: ({
+  variant,
+  pulse
+}: PillIndicatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/pill/pill-status.d.ts
+type PillStatusProps = {
+  children: ReactNode;
+  className?: string;
+} & ComponentProps<"div">;
+declare const PillStatus: ({
+  children,
+  className,
+  ...props
+}: PillStatusProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/pill/pill.d.ts
+type PillProps = ComponentProps<typeof Badge>;
+declare const Pill: {
+  ({
+    variant,
+    className,
+    ...props
+  }: PillProps): react_jsx_runtime0.JSX.Element;
+  Avatar: ({
+    fallback,
+    className,
+    ...props
+  }: PillAvatarProps) => react_jsx_runtime0.JSX.Element;
+  AvatarGroup: ({
+    children,
+    className,
+    ...props
+  }: PillAvatarGroupProps) => react_jsx_runtime0.JSX.Element;
+  Button: ({
+    className,
+    ...props
+  }: PillButtonProps) => react_jsx_runtime0.JSX.Element;
+  Delta: ({
+    className,
+    delta
+  }: PillDeltaProps) => react_jsx_runtime0.JSX.Element;
+  Icon: ({
+    icon,
+    className,
+    ...props
+  }: PillIconProps) => react_jsx_runtime0.JSX.Element;
+  Indicator: ({
+    variant,
+    pulse
+  }: PillIndicatorProps) => react_jsx_runtime0.JSX.Element;
+  Status: ({
+    children,
+    className,
+    ...props
+  }: PillStatusProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Pill, PillAvatar, PillAvatarGroup, type PillAvatarGroupProps, type PillAvatarProps, PillButton, type PillButtonProps, PillDelta, type PillDeltaProps, PillIcon, type PillIconProps, PillIndicator, type PillIndicatorProps, PillProps, PillStatus, type PillStatusProps };
+//# sourceMappingURL=pill.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pill.d.ts","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"],"mappings":";;;;;;;;;KAMY,eAAA,GAAkB,cAAA,QAAsB,WAAA;EAClD,QAAA;AAAA;AAAA,cAGW,UAAA;EAAc,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAIxB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCVN,oBAAA;EACV,QAAA,EAAU,SAAA;EACV,SAAA;AAAA,IACE,cAAA;AAAA,cAES,eAAA;EAAmB,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAI7B,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCPX,eAAA,GAAkB,cAAA,QAAsB,MAAA;AAAA,cAEvC,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCAlD,cAAA;EACf,SAAA;EACA,KAAA;AAAA;AAAA,cAGW,SAAA;EAAa,SAAA;EAAA;AAAA,GAAsB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCRlD,aAAA;EACV,IAAA,EAAM,WAAA,CAAY,cAAA;EAClB,SAAA;AAAA,IACE,cAAA,QAAsB,aAAA;AAAA,cAEb,QAAA;EAAY,IAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAA+B,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;;;UCRpD,kBAAA;EACf,OAAA;EACA,KAAA;AAAA;AAAA,cAGW,aAAA;EAAiB,OAAA;EAAA;AAAA,GAG3B,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCNT,eAAA;EACV,QAAA,EAAU,SAAA;EACV,SAAA;AAAA,IACE,cAAA;AAAA,cAES,UAAA;EAAc,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAIxB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCAN,SAAA,GAAY,cAAA,QAAsB,KAAA;AAAA,cAExC,IAAA;EAAA;;;;KAAsD,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/pill.js

@@ -0,0 +1,91 @@
+import { Button } from "./button.js";
+import { Badge } from "./badge.js";
+import { i as AvatarFallback, t as AvatarImage } from "../avatar-image-BQ_NEKH4.js";
+import { Avatar } from "./avatar.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "tailwind-variants";
+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
+//#region src/ui/pill/pill.tsx
+const Pill = ({ variant = "default", className, ...props }) => /* @__PURE__ */ jsx(Badge, {
+	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
+});
+Pill.Avatar = PillAvatar;
+Pill.AvatarGroup = PillAvatarGroup;
+Pill.Button = PillButton;
+Pill.Delta = PillDelta;
+Pill.Icon = PillIcon;
+Pill.Indicator = PillIndicator;
+Pill.Status = PillStatus;
+
+//#endregion
+export { Pill, PillAvatar, PillAvatarGroup, PillButton, PillDelta, PillIcon, PillIndicator, PillStatus };
+//# sourceMappingURL=pill.js.map

package/dist/ui/pill.js.map

@@ -0,0 +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"}

package/dist/ui/popover.d.ts

@@ -0,0 +1,194 @@
+import { t as UISize } from "../size-system-wzOLSuax.js";
+import "../size-context-DXfCAlWF.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { Popover as Popover$1 } 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$1.Popup.Props & Pick<Popover$1.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$1.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$1.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$1.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$1.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$1.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$1.Portal.Props;
+declare const PopoverPortal: ({
+  ...props
+}: PopoverPortalProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/popover/popover-positioner.d.ts
+type PopoverPositionerProps = Popover$1.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$1.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$1.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$1.Viewport.Props;
+declare const PopoverViewport: ({
+  ...props
+}: PopoverViewportProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/popover/popover.d.ts
+type PopoverProps = Popover$1.Root.Props & {
+  size?: PopoverSize;
+};
+declare const Popover: {
+  ({
+    size: providedSize,
+    ...props
+  }: PopoverProps): react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    align,
+    alignOffset,
+    side,
+    sideOffset,
+    size,
+    children,
+    ...props
+  }: PopoverContentProps) => react_jsx_runtime0.JSX.Element;
+  Description: ({
+    className,
+    ...props
+  }: PopoverDescriptionProps) => react_jsx_runtime0.JSX.Element;
+  Header: ({
+    className,
+    ...props
+  }: 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
+  }: PopoverTitleProps) => react_jsx_runtime0.JSX.Element;
+  Trigger: ({
+    className,
+    ...props
+  }: PopoverTriggerProps) => react_jsx_runtime0.JSX.Element;
+  Viewport: ({
+    ...props
+  }: PopoverViewportProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+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/ui/popover.d.ts.map

@@ -0,0 +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"}

package/dist/ui/popover.js

@@ -0,0 +1,160 @@
+"use client";
+
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { t as createSizeContext } from "../size-context-BjRwqlSg.js";
+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),
+	"data-slot": "popover-arrow",
+	...props
+});
+
+//#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),
+	"data-slot": "popover-backdrop",
+	...props
+});
+
+//#endregion
+//#region src/ui/popover/popover-close.tsx
+const PopoverClose = ({ ...props }) => /* @__PURE__ */ jsx(Popover$1.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$1.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$1.Portal, {
+	"data-slot": "popover-portal",
+	...props
+});
+
+//#endregion
+//#region src/ui/popover/popover-positioner.tsx
+const PopoverPositioner = ({ className, ...props }) => /* @__PURE__ */ jsx(Popover$1.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$1.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$1.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$1.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$1.Trigger, {
+	className: cn("cursor-pointer", className),
+	"data-slot": "popover-trigger",
+	...props
+});
+
+//#endregion
+//#region src/ui/popover/popover.tsx
+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, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger, PopoverViewport };
+//# sourceMappingURL=popover.js.map