@alneas/appkit-react 0.2.0 → 0.3.1

package/dist/ui/components/ui/pagination.d.ts

@@ -1,4 +1,5 @@
-import { ComponentPropsWithoutRef } from 'react';
+import { PropsWithoutRef, RefAttributes, ComponentPropsWithoutRef, ComponentRef } from 'react';
+import { Button } from './button.js';
 /**
  * Renders the navigation landmark containing host-managed page controls.
  * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
@@ -14,7 +15,10 @@ import { ComponentPropsWithoutRef } from 'react';
  * }
  * ```
  */
-declare const Pagination: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare function Pagination({ ref, className, ...props }: PropsWithoutRef<ComponentPropsWithoutRef<'nav'>> & RefAttributes<ComponentRef<'nav'>>): import('react').JSX.Element;
+declare namespace Pagination {
+    var displayName: string;
+}
 /**
  * Lays out pagination items in a horizontal unordered list.
  * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
@@ -30,7 +34,10 @@ declare const Pagination: import('react').ForwardRefExoticComponent<Omit<import(
  * }
  * ```
  */
-declare const PaginationContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import('react').RefAttributes<HTMLUListElement>>;
+declare function PaginationContent({ ref, className, ...props }: PropsWithoutRef<ComponentPropsWithoutRef<'ul'>> & RefAttributes<ComponentRef<'ul'>>): import('react').JSX.Element;
+declare namespace PaginationContent {
+    var displayName: string;
+}
 /**
  * Renders one pagination list item.
  * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
@@ -46,7 +53,10 @@ declare const PaginationContent: import('react').ForwardRefExoticComponent<Omit<
  * }
  * ```
  */
-declare const PaginationItem: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
+declare function PaginationItem({ ref, className, ...props }: PropsWithoutRef<ComponentPropsWithoutRef<'li'>> & RefAttributes<ComponentRef<'li'>>): import('react').JSX.Element;
+declare namespace PaginationItem {
+    var displayName: string;
+}
 /**
  * Native anchor attributes and current-page styling for PaginationLink.
  * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.
@@ -92,7 +102,10 @@ declare const PaginationLink: {
  * }
  * ```
  */
-declare const PaginationPrevious: import('react').ForwardRefExoticComponent<Omit<Omit<import('./button-components.js').ButtonProps, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare function PaginationPrevious({ ref, className, ...props }: PropsWithoutRef<ComponentPropsWithoutRef<typeof Button>> & RefAttributes<ComponentRef<typeof Button>>): import('react').JSX.Element;
+declare namespace PaginationPrevious {
+    var displayName: string;
+}
 /**
  * Renders a next-page Button with a chevron and fixed English text.
  * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
@@ -108,7 +121,10 @@ declare const PaginationPrevious: import('react').ForwardRefExoticComponent<Omit
  * }
  * ```
  */
-declare const PaginationNext: import('react').ForwardRefExoticComponent<Omit<Omit<import('./button-components.js').ButtonProps, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare function PaginationNext({ ref, className, ...props }: PropsWithoutRef<ComponentPropsWithoutRef<typeof Button>> & RefAttributes<ComponentRef<typeof Button>>): import('react').JSX.Element;
+declare namespace PaginationNext {
+    var displayName: string;
+}
 /**
  * Renders a decorative omitted-pages marker.
  * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.

package/dist/ui/components/ui/pagination.js

@@ -2,66 +2,75 @@
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "./button-components.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { ChevronLeft as a, ChevronRight as o, MoreHorizontal as s } from "lucide-react";
+import { ChevronLeft as i, ChevronRight as a, MoreHorizontal as o } from "lucide-react";
 //#region src/ui/components/ui/pagination.tsx
-var c = i(({ className: t, ...r }, i) => /* @__PURE__ */ n("nav", {
-	ref: i,
-	role: "navigation",
-	"aria-label": "pagination",
-	className: e("mx-auto flex w-full justify-center", t),
-	...r
-}));
-c.displayName = "Pagination";
-var l = i(({ className: t, ...r }, i) => /* @__PURE__ */ n("ul", {
-	ref: i,
-	className: e("flex flex-row items-center gap-1", t),
-	...r
-}));
-l.displayName = "PaginationContent";
-var u = i(({ className: t, ...r }, i) => /* @__PURE__ */ n("li", {
-	ref: i,
-	className: e("", t),
-	...r
-}));
-u.displayName = "PaginationItem";
-var d = ({ className: t, isActive: r, ...i }) => /* @__PURE__ */ n("a", {
+function s({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n("nav", {
+		ref: t,
+		role: "navigation",
+		"aria-label": "pagination",
+		className: e("mx-auto flex w-full justify-center", r),
+		...i
+	});
+}
+s.displayName = "Pagination";
+function c({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n("ul", {
+		ref: t,
+		className: e("flex flex-row items-center gap-1", r),
+		...i
+	});
+}
+c.displayName = "PaginationContent";
+function l({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n("li", {
+		ref: t,
+		className: e("", r),
+		...i
+	});
+}
+l.displayName = "PaginationItem";
+var u = ({ className: t, isActive: r, ...i }) => /* @__PURE__ */ n("a", {
 	"aria-current": r ? "page" : void 0,
 	className: e("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", r || "hover:bg-accent hover:text-accent-foreground", r && "bg-accent text-accent-foreground", t),
 	...i
 });
-d.displayName = "PaginationLink";
-var f = i(({ className: i, ...o }, s) => /* @__PURE__ */ r(t, {
-	ref: s,
-	"aria-label": "Go to previous page",
-	size: "default",
-	variant: "ghost",
-	className: e("gap-1 pl-2.5", i),
-	...o,
-	children: [/* @__PURE__ */ n(a, { className: "h-4 w-4" }), /* @__PURE__ */ n("span", { children: "Previous" })]
-}));
-f.displayName = "PaginationPrevious";
-var p = i(({ className: i, ...a }, s) => /* @__PURE__ */ r(t, {
-	ref: s,
-	"aria-label": "Go to next page",
-	size: "default",
-	variant: "ghost",
-	className: e("gap-1 pr-2.5", i),
-	...a,
-	children: [/* @__PURE__ */ n("span", { children: "Next" }), /* @__PURE__ */ n(o, { className: "h-4 w-4" })]
-}));
-p.displayName = "PaginationNext";
-var m = ({ className: t, ...i }) => /* @__PURE__ */ r("span", {
+u.displayName = "PaginationLink";
+function d({ ref: a, className: o, ...s }) {
+	return /* @__PURE__ */ r(t, {
+		ref: a,
+		"aria-label": "Go to previous page",
+		size: "default",
+		variant: "ghost",
+		className: e("gap-1 pl-2.5", o),
+		...s,
+		children: [/* @__PURE__ */ n(i, { className: "h-4 w-4" }), /* @__PURE__ */ n("span", { children: "Previous" })]
+	});
+}
+d.displayName = "PaginationPrevious";
+function f({ ref: i, className: o, ...s }) {
+	return /* @__PURE__ */ r(t, {
+		ref: i,
+		"aria-label": "Go to next page",
+		size: "default",
+		variant: "ghost",
+		className: e("gap-1 pr-2.5", o),
+		...s,
+		children: [/* @__PURE__ */ n("span", { children: "Next" }), /* @__PURE__ */ n(a, { className: "h-4 w-4" })]
+	});
+}
+f.displayName = "PaginationNext";
+var p = ({ className: t, ...i }) => /* @__PURE__ */ r("span", {
 	"aria-hidden": !0,
 	className: e("flex h-9 w-9 items-center justify-center", t),
 	...i,
-	children: [/* @__PURE__ */ n(s, { className: "h-4 w-4" }), /* @__PURE__ */ n("span", {
+	children: [/* @__PURE__ */ n(o, { className: "h-4 w-4" }), /* @__PURE__ */ n("span", {
 		className: "sr-only",
 		children: "More pages"
 	})]
 });
-m.displayName = "PaginationEllipsis";
+p.displayName = "PaginationEllipsis";
 //#endregion
-export { c as Pagination, l as PaginationContent, m as PaginationEllipsis, u as PaginationItem, d as PaginationLink, p as PaginationNext, f as PaginationPrevious };
+export { s as Pagination, c as PaginationContent, p as PaginationEllipsis, l as PaginationItem, u as PaginationLink, f as PaginationNext, d as PaginationPrevious };
 
 //# sourceMappingURL=pagination.js.map

package/dist/ui/components/ui/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":["Pagination","forwardRef","props","cn","className","PaginationContent","PaginationItem","PaginationLink","isActive","PaginationPrevious","Button","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"sources":["../../../../src/ui/components/ui/pagination.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ComponentRef } from 'react';\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from './button';\n\n/**\n * Renders the navigation landmark containing host-managed page controls.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered Pagination composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst Pagination = forwardRef<ComponentRef<'nav'>, ComponentPropsWithoutRef<'nav'>>(\n  ({ className, ...props }, ref) => (\n    <nav\n      ref={ref}\n      role='navigation'\n      aria-label='pagination'\n      className={cn('mx-auto flex w-full justify-center', className)}\n      {...props}\n    />\n  ),\n);\nPagination.displayName = 'Pagination';\n\n/**\n * Lays out pagination items in a horizontal unordered list.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationContent = forwardRef<ComponentRef<'ul'>, ComponentPropsWithoutRef<'ul'>>(\n  ({ className, ...props }, ref) => (\n    <ul ref={ref} className={cn('flex flex-row items-center gap-1', className)} {...props} />\n  ),\n);\nPaginationContent.displayName = 'PaginationContent';\n\n/**\n * Renders one pagination list item.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationItem = forwardRef<ComponentRef<'li'>, ComponentPropsWithoutRef<'li'>>(\n  ({ className, ...props }, ref) => <li ref={ref} className={cn('', className)} {...props} />,\n);\nPaginationItem.displayName = 'PaginationItem';\n\n/**\n * Native anchor attributes and current-page styling for PaginationLink.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see PaginationLink\n */\ntype PaginationLinkProps = ComponentPropsWithoutRef<'a'> & {\n  /**\n   * Adds current-page styling and aria-current=page when true; absent means inactive.\n   */\n  isActive?: boolean;\n};\n\n/**\n * Renders a page anchor with optional current-page styling and aria-current.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationLink composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationLink = ({ className, isActive, ...props }: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? 'page' : undefined}\n    className={cn(\n      'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n      isActive || 'hover:bg-accent hover:text-accent-foreground',\n      isActive && 'bg-accent text-accent-foreground',\n      className,\n    )}\n    {...props}\n  />\n);\nPaginationLink.displayName = 'PaginationLink';\n\n/**\n * Renders a previous-page Button with a chevron and fixed English text.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationPrevious composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the fixed icon and English Previous/Next label.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationPrevious = forwardRef<\n  ComponentRef<typeof Button>,\n  ComponentPropsWithoutRef<typeof Button>\n>(({ className, ...props }, ref) => (\n  <Button\n    ref={ref}\n    aria-label='Go to previous page'\n    size='default'\n    variant='ghost'\n    className={cn('gap-1 pl-2.5', className)}\n    {...props}\n  >\n    <ChevronLeft className='h-4 w-4' />\n    <span>Previous</span>\n  </Button>\n));\nPaginationPrevious.displayName = 'PaginationPrevious';\n\n/**\n * Renders a next-page Button with a chevron and fixed English text.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationNext composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the fixed icon and English Previous/Next label.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationNext = forwardRef<\n  ComponentRef<typeof Button>,\n  ComponentPropsWithoutRef<typeof Button>\n>(({ className, ...props }, ref) => (\n  <Button\n    ref={ref}\n    aria-label='Go to next page'\n    size='default'\n    variant='ghost'\n    className={cn('gap-1 pr-2.5', className)}\n    {...props}\n  >\n    <span>Next</span>\n    <ChevronRight className='h-4 w-4' />\n  </Button>\n));\nPaginationNext.displayName = 'PaginationNext';\n\n/**\n * Renders a decorative omitted-pages marker.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationEllipsis composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationEllipsis = ({ className, ...props }: ComponentPropsWithoutRef<'span'>) => (\n  <span\n    aria-hidden\n    className={cn('flex h-9 w-9 items-center justify-center', className)}\n    {...props}\n  >\n    <MoreHorizontal className='h-4 w-4' />\n    <span className='sr-only'>More pages</span>\n  </span>\n);\nPaginationEllipsis.displayName = 'PaginationEllipsis';\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n"],"mappings":";;;;;;;AAqBA,IAAMA,IAAaC,GAChB,EAAE,cAAW,GAAGC,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,MAAK;CACL,cAAW;CACX,WAAWC,EAAG,sCAAsCC,CAAS;CAC7D,GAAIF;AACL,CAAA,CAEL;AACA,EAAW,cAAc;AAiBzB,IAAMG,IAAoBJ,GACvB,EAAE,cAAW,GAAGC,KAAS,MACxB,kBAAC,MAAD;CAAS;CAAK,WAAWC,EAAG,oCAAoCC,CAAS;CAAG,GAAIF;AAAQ,CAAA,CAE5F;AACA,EAAkB,cAAc;AAiBhC,IAAMI,IAAiBL,GACpB,EAAE,cAAW,GAAGC,KAAS,MAAQ,kBAAC,MAAD;CAAS;CAAK,WAAWC,EAAG,IAAIC,CAAS;CAAG,GAAIF;AAAQ,CAAA,CAC5F;AACA,EAAe,cAAc;AA6B7B,IAAMK,KAAkB,EAAE,cAAW,aAAU,GAAGL,QAChD,kBAAC,KAAD;CACE,gBAAcM,IAAW,SAAS,KAAA;CAClC,WAAWL,EACT,0RACAK,KAAY,gDACZA,KAAY,oCACZJ,CACF;CACA,GAAIF;AACL,CAAA;AAEH,EAAe,cAAc;AAiB7B,IAAMO,IAAqBR,GAGxB,EAAE,cAAW,GAAGC,KAAS,MAC1B,kBAACQ,GAAD;CACO;CACL,cAAW;CACX,MAAK;CACL,SAAQ;CACR,WAAWP,EAAG,gBAAgBC,CAAS;CACvC,GAAIF;CANN,UAAA,CAQE,kBAACS,GAAD,EAAa,WAAU,UAAW,CAAA,GAClC,kBAAC,QAAD,EAAA,UAAM,WAAc,CAAA,CACd;AACT,CAAA,CAAA;AACD,EAAmB,cAAc;AAiBjC,IAAMC,IAAiBX,GAGpB,EAAE,cAAW,GAAGC,KAAS,MAC1B,kBAACQ,GAAD;CACO;CACL,cAAW;CACX,MAAK;CACL,SAAQ;CACR,WAAWP,EAAG,gBAAgBC,CAAS;CACvC,GAAIF;CANN,UAAA,CAQE,kBAAC,QAAD,EAAA,UAAM,OAAU,CAAA,GAChB,kBAACW,GAAD,EAAc,WAAU,UAAW,CAAA,CAC7B;AACT,CAAA,CAAA;AACD,EAAe,cAAc;AAiB7B,IAAMC,KAAsB,EAAE,cAAW,GAAGZ,QAC1C,kBAAC,QAAD;CACE,eAAA;CACA,WAAWC,EAAG,4CAA4CC,CAAS;CACnE,GAAIF;CAHN,UAAA,CAKE,kBAACa,GAAD,EAAgB,WAAU,UAAW,CAAA,GACrC,kBAAC,QAAD;EAAM,WAAU;EAAU,UAAA;CAAgB,CAAA,CACtC;;AAER,EAAmB,cAAc"}
+{"version":3,"file":"pagination.js","names":["Pagination","props","cn","className","PaginationContent","PaginationItem","PaginationLink","isActive","PaginationPrevious","Button","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"sources":["../../../../src/ui/components/ui/pagination.tsx"],"sourcesContent":["import { type PropsWithoutRef, type RefAttributes, type ComponentPropsWithoutRef, type ComponentRef } from 'react';\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from './button';\n\n/**\n * Renders the navigation landmark containing host-managed page controls.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered Pagination composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nfunction Pagination({\n  ref,\n  className,\n  ...props\n}: PropsWithoutRef<ComponentPropsWithoutRef<'nav'>> & RefAttributes<ComponentRef<'nav'>>) {\n  return (\n    <nav\n      ref={ref}\n      role='navigation'\n      aria-label='pagination'\n      className={cn('mx-auto flex w-full justify-center', className)}\n      {...props}\n    />\n  );\n}\nPagination.displayName = 'Pagination';\n\n/**\n * Lays out pagination items in a horizontal unordered list.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nfunction PaginationContent({\n  ref,\n  className,\n  ...props\n}: PropsWithoutRef<ComponentPropsWithoutRef<'ul'>> & RefAttributes<ComponentRef<'ul'>>) {\n  return <ul ref={ref} className={cn('flex flex-row items-center gap-1', className)} {...props} />;\n}\nPaginationContent.displayName = 'PaginationContent';\n\n/**\n * Renders one pagination list item.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nfunction PaginationItem({\n  ref,\n  className,\n  ...props\n}: PropsWithoutRef<ComponentPropsWithoutRef<'li'>> & RefAttributes<ComponentRef<'li'>>) {\n  return <li ref={ref} className={cn('', className)} {...props} />;\n}\nPaginationItem.displayName = 'PaginationItem';\n\n/**\n * Native anchor attributes and current-page styling for PaginationLink.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see PaginationLink\n */\ntype PaginationLinkProps = ComponentPropsWithoutRef<'a'> & {\n  /**\n   * Adds current-page styling and aria-current=page when true; absent means inactive.\n   */\n  isActive?: boolean;\n};\n\n/**\n * Renders a page anchor with optional current-page styling and aria-current.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationLink composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationLink = ({ className, isActive, ...props }: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? 'page' : undefined}\n    className={cn(\n      'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n      isActive || 'hover:bg-accent hover:text-accent-foreground',\n      isActive && 'bg-accent text-accent-foreground',\n      className,\n    )}\n    {...props}\n  />\n);\nPaginationLink.displayName = 'PaginationLink';\n\n/**\n * Renders a previous-page Button with a chevron and fixed English text.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationPrevious composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the fixed icon and English Previous/Next label.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nfunction PaginationPrevious({\n  ref,\n  className,\n  ...props\n}: PropsWithoutRef<ComponentPropsWithoutRef<typeof Button>> &\n  RefAttributes<ComponentRef<typeof Button>>) {\n  return (\n    <Button\n      ref={ref}\n      aria-label='Go to previous page'\n      size='default'\n      variant='ghost'\n      className={cn('gap-1 pl-2.5', className)}\n      {...props}\n    >\n      <ChevronLeft className='h-4 w-4' />\n      <span>Previous</span>\n    </Button>\n  );\n}\nPaginationPrevious.displayName = 'PaginationPrevious';\n\n/**\n * Renders a next-page Button with a chevron and fixed English text.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationNext composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the fixed icon and English Previous/Next label.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nfunction PaginationNext({\n  ref,\n  className,\n  ...props\n}: PropsWithoutRef<ComponentPropsWithoutRef<typeof Button>> &\n  RefAttributes<ComponentRef<typeof Button>>) {\n  return (\n    <Button\n      ref={ref}\n      aria-label='Go to next page'\n      size='default'\n      variant='ghost'\n      className={cn('gap-1 pr-2.5', className)}\n      {...props}\n    >\n      <span>Next</span>\n      <ChevronRight className='h-4 w-4' />\n    </Button>\n  );\n}\nPaginationNext.displayName = 'PaginationNext';\n\n/**\n * Renders a decorative omitted-pages marker.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationEllipsis composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationEllipsis = ({ className, ...props }: ComponentPropsWithoutRef<'span'>) => (\n  <span\n    aria-hidden\n    className={cn('flex h-9 w-9 items-center justify-center', className)}\n    {...props}\n  >\n    <MoreHorizontal className='h-4 w-4' />\n    <span className='sr-only'>More pages</span>\n  </span>\n);\nPaginationEllipsis.displayName = 'PaginationEllipsis';\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n"],"mappings":";;;;;;AAqBA,SAASA,EAAW,EAClB,QACA,cACA,GAAGC,KACqF;CACxF,OACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAW;EACX,WAAWC,EAAG,sCAAsCC,CAAS;EAC7D,GAAIF;CACL,CAAA;AAEL;AACA,EAAW,cAAc;AAiBzB,SAASG,EAAkB,EACzB,QACA,cACA,GAAGH,KACmF;CACtF,OAAO,kBAAC,MAAD;EAAS;EAAK,WAAWC,EAAG,oCAAoCC,CAAS;EAAG,GAAIF;CAAQ,CAAA;AACjG;AACA,EAAkB,cAAc;AAiBhC,SAASI,EAAe,EACtB,QACA,cACA,GAAGJ,KACmF;CACtF,OAAO,kBAAC,MAAD;EAAS;EAAK,WAAWC,EAAG,IAAIC,CAAS;EAAG,GAAIF;CAAQ,CAAA;AACjE;AACA,EAAe,cAAc;AA6B7B,IAAMK,KAAkB,EAAE,cAAW,aAAU,GAAGL,QAChD,kBAAC,KAAD;CACE,gBAAcM,IAAW,SAAS,KAAA;CAClC,WAAWL,EACT,0RACAK,KAAY,gDACZA,KAAY,oCACZJ,CACF;CACA,GAAIF;AACL,CAAA;AAEH,EAAe,cAAc;AAiB7B,SAASO,EAAmB,EAC1B,QACA,cACA,GAAGP,KAEyC;CAC5C,OACE,kBAACQ,GAAD;EACO;EACL,cAAW;EACX,MAAK;EACL,SAAQ;EACR,WAAWP,EAAG,gBAAgBC,CAAS;EACvC,GAAIF;EANN,UAAA,CAQE,kBAACS,GAAD,EAAa,WAAU,UAAW,CAAA,GAClC,kBAAC,QAAD,EAAA,UAAM,WAAc,CAAA,CACd;;AAEZ;AACA,EAAmB,cAAc;AAiBjC,SAASC,EAAe,EACtB,QACA,cACA,GAAGV,KAEyC;CAC5C,OACE,kBAACQ,GAAD;EACO;EACL,cAAW;EACX,MAAK;EACL,SAAQ;EACR,WAAWP,EAAG,gBAAgBC,CAAS;EACvC,GAAIF;EANN,UAAA,CAQE,kBAAC,QAAD,EAAA,UAAM,OAAU,CAAA,GAChB,kBAACW,GAAD,EAAc,WAAU,UAAW,CAAA,CAC7B;;AAEZ;AACA,EAAe,cAAc;AAiB7B,IAAMC,KAAsB,EAAE,cAAW,GAAGZ,QAC1C,kBAAC,QAAD;CACE,eAAA;CACA,WAAWC,EAAG,4CAA4CC,CAAS;CACnE,GAAIF;CAHN,UAAA,CAKE,kBAACa,GAAD,EAAgB,WAAU,UAAW,CAAA,GACrC,kBAAC,QAAD;EAAM,WAAU;EAAU,UAAA;CAAgB,CAAA,CACtC;;AAER,EAAmB,cAAc"}

package/dist/ui/components/ui/password-input.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./input.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("lucide-react");var o=i.forwardRef(({className:e,...o},s)=>{let[c,l]=i.useState(!1);return(0,r.jsxs)(`div`,{className:`relative`,children:[(0,r.jsx)(n.Input,{type:c?`text`:`password`,className:t.cn(`pr-10`,e),ref:s,...o}),(0,r.jsxs)(`button`,{type:`button`,onClick:()=>l(e=>!e),className:`absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent`,"aria-pressed":c,disabled:o.disabled,children:[c?(0,r.jsx)(a.EyeOff,{className:`h-4 w-4 text-muted-foreground`,"aria-hidden":`true`}):(0,r.jsx)(a.Eye,{className:`h-4 w-4 text-muted-foreground`,"aria-hidden":`true`}),(0,r.jsx)(`span`,{className:`sr-only`,children:c?`Hide password`:`Show password`})]})]})});o.displayName=`PasswordInput`,exports.PasswordInput=o;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./input.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("lucide-react");function o({ref:e,className:o,...s}){let[c,l]=i.useState(!1);return(0,r.jsxs)(`div`,{className:`relative`,children:[(0,r.jsx)(n.Input,{type:c?`text`:`password`,className:t.cn(`pr-10`,o),ref:e,...s}),(0,r.jsxs)(`button`,{type:`button`,onClick:()=>l(e=>!e),className:`absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent`,"aria-pressed":c,disabled:s.disabled,children:[c?(0,r.jsx)(a.EyeOff,{className:`h-4 w-4 text-muted-foreground`,"aria-hidden":`true`}):(0,r.jsx)(a.Eye,{className:`h-4 w-4 text-muted-foreground`,"aria-hidden":`true`}),(0,r.jsx)(`span`,{className:`sr-only`,children:c?`Hide password`:`Show password`})]})]})}o.displayName=`PasswordInput`,exports.PasswordInput=o;
 //# sourceMappingURL=password-input.cjs.map

package/dist/ui/components/ui/password-input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.cjs","names":["React","Input","cn","EyeOff","Eye","require_runtime","require_ui_lib_utils","require_ui_components_ui_input","react_jsx_runtime","react","lucide_react","PasswordInput","props","showPassword","setShowPassword","className","prev"],"sources":["../../../../src/ui/components/ui/password-input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Input, type InputProps } from './input';\n\n/**\n * Wraps Input with a local visibility toggle that switches password/text presentation.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PasswordInput composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The ref targets the input, className styles the input, and the toggle starts hidden (type=password). Caller props spread after the computed type can override it. disabled also disables the toggle; readOnly does not. Visibility state is local and does not validate, authenticate or store credentials. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { PasswordInput, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<><Label htmlFor=\"password\">Password</Label><PasswordInput id=\"password\" autoComplete=\"current-password\" /></>);\n * }\n * ```\n */\nconst PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, ...props }, ref) => {\n    const [showPassword, setShowPassword] = React.useState(false);\n\n    return (\n      <div className='relative'>\n        <Input\n          type={showPassword ? 'text' : 'password'}\n          className={cn('pr-10', className)}\n          ref={ref}\n          {...props}\n        />\n        <button\n          type='button'\n          onClick={() => setShowPassword((prev) => !prev)}\n          className='absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent'\n          aria-pressed={showPassword}\n          disabled={props.disabled}\n        >\n          {showPassword ? (\n            <EyeOff className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n          ) : (\n            <Eye className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n          )}\n          <span className='sr-only'>{showPassword ? 'Hide password' : 'Show password'}</span>\n        </button>\n      </div>\n    );\n  },\n);\nPasswordInput.displayName = 'PasswordInput';\n\nexport { PasswordInput };\n"],"mappings":"A,0SAqBA,IAAMW,EAAgBX,EAAM,YACzB,CAAE,YAAW,GAAGY,GAAS,IAAQ,CAChC,GAAM,CAACC,EAAcC,GAAmBd,EAAM,SAAS,EAAK,EAE5D,OACE,EAAAQ,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,WAAf,SAAA,EACE,EAAAA,EAAA,IAAA,CAACP,EAAAA,MAAD,CACE,KAAMY,EAAe,OAAS,WAC9B,UAAWX,EAAAA,GAAG,QAASa,CAAS,EAC3B,MACL,GAAIH,CACL,CAAA,GACD,EAAAJ,EAAA,KAAA,CAAC,SAAD,CACE,KAAK,SACL,YAAeM,EAAiB,GAAS,CAACE,CAAI,EAC9C,UAAU,+DACV,eAAcH,EACd,SAAUD,EAAM,SALlB,SAAA,CAOGC,GACC,EAAAL,EAAA,IAAA,CAACL,EAAAA,OAAD,CAAQ,UAAU,gCAAgC,cAAY,MAAQ,CAAA,GAEtE,EAAAK,EAAA,IAAA,CAACJ,EAAAA,IAAD,CAAK,UAAU,gCAAgC,cAAY,MAAQ,CAAA,GAErE,EAAAI,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,UAAW,SAAAK,EAAe,gBAAkB,eAAsB,CAAA,CAC5E,CACL,CAAA,CAAA,C,EAET,CACF,EACA,EAAc,YAAc,gB"}
+{"version":3,"file":"password-input.cjs","names":["React","Input","cn","EyeOff","Eye","require_runtime","require_ui_lib_utils","require_ui_components_ui_input","react_jsx_runtime","react","lucide_react","PasswordInput","props","showPassword","setShowPassword","className","prev"],"sources":["../../../../src/ui/components/ui/password-input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Input, type InputProps } from './input';\n\n/**\n * Wraps Input with a local visibility toggle that switches password/text presentation.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PasswordInput composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The ref targets the input, className styles the input, and the toggle starts hidden (type=password). Caller props spread after the computed type can override it. disabled also disables the toggle; readOnly does not. Visibility state is local and does not validate, authenticate or store credentials. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { PasswordInput, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<><Label htmlFor=\"password\">Password</Label><PasswordInput id=\"password\" autoComplete=\"current-password\" /></>);\n * }\n * ```\n */\nfunction PasswordInput({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<InputProps> & React.RefAttributes<HTMLInputElement>) {\n  const [showPassword, setShowPassword] = React.useState(false);\n\n  return (\n    <div className='relative'>\n      <Input\n        type={showPassword ? 'text' : 'password'}\n        className={cn('pr-10', className)}\n        ref={ref}\n        {...props}\n      />\n      <button\n        type='button'\n        onClick={() => setShowPassword((prev) => !prev)}\n        className='absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent'\n        aria-pressed={showPassword}\n        disabled={props.disabled}\n      >\n        {showPassword ? (\n          <EyeOff className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n        ) : (\n          <Eye className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n        )}\n        <span className='sr-only'>{showPassword ? 'Hide password' : 'Show password'}</span>\n      </button>\n    </div>\n  );\n}\nPasswordInput.displayName = 'PasswordInput';\n\nexport { PasswordInput };\n"],"mappings":"A,0SAqBA,SAASW,EAAc,CACrB,MACA,YACA,GAAGC,GACyE,CAC5E,GAAM,CAACC,EAAcC,GAAmBd,EAAM,SAAS,EAAK,EAE5D,OACE,EAAAQ,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,WAAf,SAAA,EACE,EAAAA,EAAA,IAAA,CAACP,EAAAA,MAAD,CACE,KAAMY,EAAe,OAAS,WAC9B,UAAWX,EAAAA,GAAG,QAASa,CAAS,EAC3B,MACL,GAAIH,CACL,CAAA,GACD,EAAAJ,EAAA,KAAA,CAAC,SAAD,CACE,KAAK,SACL,YAAeM,EAAiB,GAAS,CAACE,CAAI,EAC9C,UAAU,+DACV,eAAcH,EACd,SAAUD,EAAM,SALlB,SAAA,CAOGC,GACC,EAAAL,EAAA,IAAA,CAACL,EAAAA,OAAD,CAAQ,UAAU,gCAAgC,cAAY,MAAQ,CAAA,GAEtE,EAAAK,EAAA,IAAA,CAACJ,EAAAA,IAAD,CAAK,UAAU,gCAAgC,cAAY,MAAQ,CAAA,GAErE,EAAAI,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,UAAW,SAAAK,EAAe,gBAAkB,eAAsB,CAAA,CAC5E,CACL,CAAA,CAAA,C,EAET,CACA,EAAc,YAAc,gB"}

package/dist/ui/components/ui/password-input.d.cts

@@ -15,5 +15,8 @@ import * as React from 'react';
  * }
  * ```
  */
-declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare function PasswordInput({ ref, className, ...props }: React.PropsWithoutRef<InputProps> & React.RefAttributes<HTMLInputElement>): React.JSX.Element;
+declare namespace PasswordInput {
+    var displayName: string;
+}
 export { PasswordInput };

package/dist/ui/components/ui/password-input.d.ts

@@ -15,5 +15,8 @@ import * as React from 'react';
  * }
  * ```
  */
-declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare function PasswordInput({ ref, className, ...props }: React.PropsWithoutRef<InputProps> & React.RefAttributes<HTMLInputElement>): React.JSX.Element;
+declare namespace PasswordInput {
+    var displayName: string;
+}
 export { PasswordInput };

package/dist/ui/components/ui/password-input.js

@@ -5,21 +5,21 @@ import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import * as i from "react";
 import { Eye as a, EyeOff as o } from "lucide-react";
 //#region src/ui/components/ui/password-input.tsx
-var s = i.forwardRef(({ className: s, ...c }, l) => {
+function s({ ref: s, className: c, ...l }) {
 	let [u, d] = i.useState(!1);
 	return /* @__PURE__ */ r("div", {
 		className: "relative",
 		children: [/* @__PURE__ */ n(t, {
 			type: u ? "text" : "password",
-			className: e("pr-10", s),
-			ref: l,
-			...c
+			className: e("pr-10", c),
+			ref: s,
+			...l
 		}), /* @__PURE__ */ r("button", {
 			type: "button",
 			onClick: () => d((e) => !e),
 			className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
 			"aria-pressed": u,
-			disabled: c.disabled,
+			disabled: l.disabled,
 			children: [n(u ? o : a, {
 				className: "h-4 w-4 text-muted-foreground",
 				"aria-hidden": "true"
@@ -29,7 +29,7 @@ var s = i.forwardRef(({ className: s, ...c }, l) => {
 			})]
 		})]
 	});
-});
+}
 s.displayName = "PasswordInput";
 //#endregion
 export { s as PasswordInput };

package/dist/ui/components/ui/password-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.js","names":["React","React$1","PasswordInput","props","showPassword","setShowPassword","Input","cn","className","prev","jsx","EyeOff","Eye"],"sources":["../../../../src/ui/components/ui/password-input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Input, type InputProps } from './input';\n\n/**\n * Wraps Input with a local visibility toggle that switches password/text presentation.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PasswordInput composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The ref targets the input, className styles the input, and the toggle starts hidden (type=password). Caller props spread after the computed type can override it. disabled also disables the toggle; readOnly does not. Visibility state is local and does not validate, authenticate or store credentials. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { PasswordInput, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<><Label htmlFor=\"password\">Password</Label><PasswordInput id=\"password\" autoComplete=\"current-password\" /></>);\n * }\n * ```\n */\nconst PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, ...props }, ref) => {\n    const [showPassword, setShowPassword] = React.useState(false);\n\n    return (\n      <div className='relative'>\n        <Input\n          type={showPassword ? 'text' : 'password'}\n          className={cn('pr-10', className)}\n          ref={ref}\n          {...props}\n        />\n        <button\n          type='button'\n          onClick={() => setShowPassword((prev) => !prev)}\n          className='absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent'\n          aria-pressed={showPassword}\n          disabled={props.disabled}\n        >\n          {showPassword ? (\n            <EyeOff className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n          ) : (\n            <Eye className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n          )}\n          <span className='sr-only'>{showPassword ? 'Hide password' : 'Show password'}</span>\n        </button>\n      </div>\n    );\n  },\n);\nPasswordInput.displayName = 'PasswordInput';\n\nexport { PasswordInput };\n"],"mappings":";;;;;;;AAqBA,IAAME,IAAgBF,EAAM,YACzB,EAAE,cAAW,GAAGG,KAAS,MAAQ;CAChC,IAAM,CAACC,GAAcC,KAAmBL,EAAM,SAAS,EAAK;CAE5D,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAACM,GAAD;GACE,MAAMF,IAAe,SAAS;GAC9B,WAAWG,EAAG,SAASC,CAAS;GAC3B;GACL,GAAIL;EACL,CAAA,GACD,kBAAC,UAAD;GACE,MAAK;GACL,eAAeE,GAAiB,MAAS,CAACI,CAAI;GAC9C,WAAU;GACV,gBAAcL;GACd,UAAUD,EAAM;GALlB,UAAA,CAQIO,EADDN,IACEO,IAEAC,GAFD;IAAQ,WAAU;IAAgC,eAAY;GAAQ,CAEH,GAErE,kBAAC,QAAD;IAAM,WAAU;IAAW,UAAAR,IAAe,kBAAkB;GAAsB,CAAA,CAC5E;EACL,CAAA,CAAA;;AAET,CACF;AACA,EAAc,cAAc"}
+{"version":3,"file":"password-input.js","names":["React","React$1","PasswordInput","props","showPassword","setShowPassword","Input","cn","className","prev","jsx","EyeOff","Eye"],"sources":["../../../../src/ui/components/ui/password-input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Input, type InputProps } from './input';\n\n/**\n * Wraps Input with a local visibility toggle that switches password/text presentation.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PasswordInput composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The ref targets the input, className styles the input, and the toggle starts hidden (type=password). Caller props spread after the computed type can override it. disabled also disables the toggle; readOnly does not. Visibility state is local and does not validate, authenticate or store credentials. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { PasswordInput, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<><Label htmlFor=\"password\">Password</Label><PasswordInput id=\"password\" autoComplete=\"current-password\" /></>);\n * }\n * ```\n */\nfunction PasswordInput({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<InputProps> & React.RefAttributes<HTMLInputElement>) {\n  const [showPassword, setShowPassword] = React.useState(false);\n\n  return (\n    <div className='relative'>\n      <Input\n        type={showPassword ? 'text' : 'password'}\n        className={cn('pr-10', className)}\n        ref={ref}\n        {...props}\n      />\n      <button\n        type='button'\n        onClick={() => setShowPassword((prev) => !prev)}\n        className='absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent'\n        aria-pressed={showPassword}\n        disabled={props.disabled}\n      >\n        {showPassword ? (\n          <EyeOff className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n        ) : (\n          <Eye className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n        )}\n        <span className='sr-only'>{showPassword ? 'Hide password' : 'Show password'}</span>\n      </button>\n    </div>\n  );\n}\nPasswordInput.displayName = 'PasswordInput';\n\nexport { PasswordInput };\n"],"mappings":";;;;;;;AAqBA,SAASE,EAAc,EACrB,QACA,cACA,GAAGC,KACyE;CAC5E,IAAM,CAACC,GAAcC,KAAmBL,EAAM,SAAS,EAAK;CAE5D,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAACM,GAAD;GACE,MAAMF,IAAe,SAAS;GAC9B,WAAWG,EAAG,SAASC,CAAS;GAC3B;GACL,GAAIL;EACL,CAAA,GACD,kBAAC,UAAD;GACE,MAAK;GACL,eAAeE,GAAiB,MAAS,CAACI,CAAI;GAC9C,WAAU;GACV,gBAAcL;GACd,UAAUD,EAAM;GALlB,UAAA,CAQIO,EADDN,IACEO,IAEAC,GAFD;IAAQ,WAAU;IAAgC,eAAY;GAAQ,CAEH,GAErE,kBAAC,QAAD;IAAM,WAAU;IAAW,UAAAR,IAAe,kBAAkB;GAAsB,CAAA,CAC5E;EACL,CAAA,CAAA;;AAET;AACA,EAAc,cAAc"}

package/dist/ui/components/ui/popover.cjs

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("@base-ui/react/popover");function a({...e}){return(0,n.jsx)(i.Popover.Root,{"data-slot":`popover`,...e})}function o({children:e,...t}){return(0,n.jsx)(i.Popover.Trigger,{"data-slot":`popover-trigger`,...t,children:e})}var s=r.forwardRef(({className:e,align:r=`center`,alignOffset:a=0,side:o=`bottom`,sideOffset:s=4,...c},l)=>(0,n.jsx)(i.Popover.Portal,{children:(0,n.jsx)(i.Popover.Positioner,{align:r,alignOffset:a,side:o,sideOffset:s,className:`isolate z-50`,children:(0,n.jsx)(i.Popover.Popup,{ref:l,"data-slot":`popover-content`,className:t.cn(`bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 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 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden`,e),...c})})}));s.displayName=i.Popover.Popup.displayName;var c=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`div`,{ref:i,"data-slot":`popover-header`,className:t.cn(`flex flex-col gap-0.5 text-sm`,e),...r}));c.displayName=`PopoverHeader`;var l=r.forwardRef(({className:e,...r},a)=>(0,n.jsx)(i.Popover.Title,{ref:a,"data-slot":`popover-title`,className:t.cn(`font-medium`,e),...r}));l.displayName=i.Popover.Title.displayName;var u=r.forwardRef(({className:e,...r},a)=>(0,n.jsx)(i.Popover.Description,{ref:a,"data-slot":`popover-description`,className:t.cn(`text-muted-foreground`,e),...r}));u.displayName=i.Popover.Description.displayName,exports.Popover=a,exports.PopoverContent=s,exports.PopoverDescription=u,exports.PopoverHeader=c,exports.PopoverTitle=l,exports.PopoverTrigger=o;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("@base-ui/react/popover");function a({...e}){return(0,n.jsx)(i.Popover.Root,{"data-slot":`popover`,...e})}function o({children:e,...t}){return(0,n.jsx)(i.Popover.Trigger,{"data-slot":`popover-trigger`,...t,children:e})}function s({ref:e,className:r,align:a=`center`,alignOffset:o=0,side:s=`bottom`,sideOffset:c=4,...l}){return(0,n.jsx)(i.Popover.Portal,{children:(0,n.jsx)(i.Popover.Positioner,{align:a,alignOffset:o,side:s,sideOffset:c,className:`isolate z-50`,children:(0,n.jsx)(i.Popover.Popup,{ref:e,"data-slot":`popover-content`,className:t.cn(`bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 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 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden`,r),...l})})})}s.displayName=i.Popover.Popup.displayName;function c({ref:e,className:r,...i}){return(0,n.jsx)(`div`,{ref:e,"data-slot":`popover-header`,className:t.cn(`flex flex-col gap-0.5 text-sm`,r),...i})}c.displayName=`PopoverHeader`;function l({ref:e,className:r,...a}){return(0,n.jsx)(i.Popover.Title,{ref:e,"data-slot":`popover-title`,className:t.cn(`font-medium`,r),...a})}l.displayName=i.Popover.Title.displayName;function u({ref:e,className:r,...a}){return(0,n.jsx)(i.Popover.Description,{ref:e,"data-slot":`popover-description`,className:t.cn(`text-muted-foreground`,r),...a})}u.displayName=i.Popover.Description.displayName,exports.Popover=a,exports.PopoverContent=s,exports.PopoverDescription=u,exports.PopoverHeader=c,exports.PopoverTitle=l,exports.PopoverTrigger=o;
 //# sourceMappingURL=popover.cjs.map

package/dist/ui/components/ui/popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"popover.cjs","names":["PopoverPrimitive","React","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_popover","Popover","props","PopoverTrigger","PopoverContent","className","PopoverHeader","PopoverTitle","PopoverDescription"],"sources":["../../../../src/ui/components/ui/popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover as PopoverPrimitive } from '@base-ui/react/popover';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates open state and interaction context for the popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Popover composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n  return <PopoverPrimitive.Root data-slot='popover' {...props} />;\n}\n\n/**\n * Renders the control that requests opening its popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverTrigger({\n  children,\n  ...props\n}: PopoverPrimitive.Trigger.Props) {\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot='popover-trigger'\n      {...props}\n    >\n      {children}\n    </PopoverPrimitive.Trigger>\n  );\n}\n\n/**\n * Portals the popup and its positioning/backdrop composition.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='center', alignOffset=0, side='bottom', sideOffset=4.\n * @returns The rendered PopoverContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nconst PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  PopoverPrimitive.Popup.Props &\n    Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n>(\n  (\n    { className, align = 'center', alignOffset = 0, side = 'bottom', sideOffset = 4, ...props },\n    ref,\n  ) => (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className='isolate z-50'\n      >\n        <PopoverPrimitive.Popup\n          ref={ref}\n          data-slot='popover-content'\n          className={cn(\n            'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 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 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden',\n            className,\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  ),\n);\nPopoverContent.displayName = PopoverPrimitive.Popup.displayName;\n\n/**\n * Groups popup heading and explanatory content.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nconst PopoverHeader = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='popover-header'\n      className={cn('flex flex-col gap-0.5 text-sm', className)}\n      {...props}\n    />\n  ),\n);\nPopoverHeader.displayName = 'PopoverHeader';\n\n/**\n * Provides the accessible title of the associated popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nconst PopoverTitle = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <PopoverPrimitive.Title\n    ref={ref}\n    data-slot='popover-title'\n    className={cn('font-medium', className)}\n    {...props}\n  />\n));\nPopoverTitle.displayName = PopoverPrimitive.Title.displayName;\n\n/**\n * Provides the accessible explanatory text of the associated popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nconst PopoverDescription = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <PopoverPrimitive.Description\n    ref={ref}\n    data-slot='popover-description'\n    className={cn('text-muted-foreground', className)}\n    {...props}\n  />\n));\nPopoverDescription.displayName = PopoverPrimitive.Description.displayName;\n\nexport { Popover, PopoverContent, PopoverTrigger, PopoverHeader, PopoverTitle, PopoverDescription };\n"],"mappings":"A,wSAsBA,SAASQ,EAAQ,CAAE,GAAGC,GAAsC,CAC1D,OAAO,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAIS,CAAQ,CAAA,CAChE,CAiBA,SAASC,EAAe,CACtB,WACA,GAAGD,GAC8B,CACjC,OACE,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,QAAlB,CACE,YAAU,kBACV,GAAIS,EAEH,UACuB,CAAA,CAE9B,CAiBA,IAAME,EAAiBV,EAAM,YAMzB,CAAE,YAAW,QAAQ,SAAU,cAAc,EAAG,OAAO,SAAU,aAAa,EAAG,GAAGQ,GACpF,KAEA,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,OAAlB,CAAA,UACE,EAAAK,EAAA,IAAA,CAACL,EAAAA,QAAiB,WAAlB,CACS,QACM,cACP,OACM,aACZ,UAAU,eAEV,UAAA,EAAAK,EAAA,IAAA,CAACL,EAAAA,QAAiB,MAAlB,CACO,MACL,YAAU,kBACV,UAAWE,EAAAA,GACT,2dACAU,CACF,EACA,GAAIH,CACL,CAAA,CAC0B,CAAA,CACN,CAAA,CAE7B,EACA,EAAe,YAAcT,EAAAA,QAAiB,MAAM,YAiBpD,IAAMa,EAAgBZ,EAAM,YACzB,CAAE,YAAW,GAAGQ,GAAS,KACxB,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,iBACV,UAAWH,EAAAA,GAAG,gCAAiCU,CAAS,EACxD,GAAIH,CACL,CAAA,CAEL,EACA,EAAc,YAAc,gBAiB5B,IAAMK,EAAeb,EAAM,YAGxB,CAAE,YAAW,GAAGQ,GAAS,KAC1B,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,MAAlB,CACO,MACL,YAAU,gBACV,UAAWE,EAAAA,GAAG,cAAeU,CAAS,EACtC,GAAIH,CACL,CAAA,CACF,EACD,EAAa,YAAcT,EAAAA,QAAiB,MAAM,YAiBlD,IAAMe,EAAqBd,EAAM,YAG9B,CAAE,YAAW,GAAGQ,GAAS,KAC1B,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,YAAlB,CACO,MACL,YAAU,sBACV,UAAWE,EAAAA,GAAG,wBAAyBU,CAAS,EAChD,GAAIH,CACL,CAAA,CACF,EACD,EAAmB,YAAcT,EAAAA,QAAiB,YAAY,Y"}
+{"version":3,"file":"popover.cjs","names":["PopoverPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_popover","Popover","props","PopoverTrigger","PopoverContent","className","PopoverHeader","PopoverTitle","PopoverDescription"],"sources":["../../../../src/ui/components/ui/popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover as PopoverPrimitive } from '@base-ui/react/popover';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates open state and interaction context for the popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Popover composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n  return <PopoverPrimitive.Root data-slot='popover' {...props} />;\n}\n\n/**\n * Renders the control that requests opening its popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverTrigger({\n  children,\n  ...props\n}: PopoverPrimitive.Trigger.Props) {\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot='popover-trigger'\n      {...props}\n    >\n      {children}\n    </PopoverPrimitive.Trigger>\n  );\n}\n\n/**\n * Portals the popup and its positioning/backdrop composition.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='center', alignOffset=0, side='bottom', sideOffset=4.\n * @returns The rendered PopoverContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverContent({\n  ref,\n  className,\n  align = 'center',\n  alignOffset = 0,\n  side = 'bottom',\n  sideOffset = 4,\n  ...props\n}: React.PropsWithoutRef<\n  PopoverPrimitive.Popup.Props &\n    Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className='isolate z-50'\n      >\n        <PopoverPrimitive.Popup\n          ref={ref}\n          data-slot='popover-content'\n          className={cn(\n            'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 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 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden',\n            className,\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  );\n}\nPopoverContent.displayName = PopoverPrimitive.Popup.displayName;\n\n/**\n * Groups popup heading and explanatory content.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverHeader({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'>> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <div\n      ref={ref}\n      data-slot='popover-header'\n      className={cn('flex flex-col gap-0.5 text-sm', className)}\n      {...props}\n    />\n  );\n}\nPopoverHeader.displayName = 'PopoverHeader';\n\n/**\n * Provides the accessible title of the associated popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverTitle({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Title>> &\n  React.RefAttributes<React.ComponentRef<typeof PopoverPrimitive.Title>>) {\n  return (\n    <PopoverPrimitive.Title\n      ref={ref}\n      data-slot='popover-title'\n      className={cn('font-medium', className)}\n      {...props}\n    />\n  );\n}\nPopoverTitle.displayName = PopoverPrimitive.Title.displayName;\n\n/**\n * Provides the accessible explanatory text of the associated popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverDescription({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Description>> &\n  React.RefAttributes<React.ComponentRef<typeof PopoverPrimitive.Description>>) {\n  return (\n    <PopoverPrimitive.Description\n      ref={ref}\n      data-slot='popover-description'\n      className={cn('text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\nPopoverDescription.displayName = PopoverPrimitive.Description.displayName;\n\nexport { Popover, PopoverContent, PopoverTrigger, PopoverHeader, PopoverTitle, PopoverDescription };\n"],"mappings":"A,wSAsBA,SAASO,EAAQ,CAAE,GAAGC,GAAsC,CAC1D,OAAO,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,QAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAIQ,CAAQ,CAAA,CAChE,CAiBA,SAASC,EAAe,CACtB,WACA,GAAGD,GAC8B,CACjC,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,QAAiB,QAAlB,CACE,YAAU,kBACV,GAAIQ,EAEH,UACuB,CAAA,CAE9B,CAiBA,SAASE,EAAe,CACtB,MACA,YACA,QAAQ,SACR,cAAc,EACd,OAAO,SACP,aAAa,EACb,GAAGF,GAKkC,CACrC,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,QAAiB,OAAlB,CAAA,UACE,EAAAI,EAAA,IAAA,CAACJ,EAAAA,QAAiB,WAAlB,CACS,QACM,cACP,OACM,aACZ,UAAU,eAEV,UAAA,EAAAI,EAAA,IAAA,CAACJ,EAAAA,QAAiB,MAAlB,CACO,MACL,YAAU,kBACV,UAAWC,EAAAA,GACT,2dACAU,CACF,EACA,GAAIH,CACL,CAAA,CAC0B,CAAA,CACN,CAAA,CAE7B,CACA,EAAe,YAAcR,EAAAA,QAAiB,MAAM,YAiBpD,SAASY,EAAc,CACrB,MACA,YACA,GAAGJ,GAEkC,CACrC,OACE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,iBACV,UAAWH,EAAAA,GAAG,gCAAiCU,CAAS,EACxD,GAAIH,CACL,CAAA,CAEL,CACA,EAAc,YAAc,gBAiB5B,SAASK,EAAa,CACpB,MACA,YACA,GAAGL,GAEqE,CACxE,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,QAAiB,MAAlB,CACO,MACL,YAAU,gBACV,UAAWC,EAAAA,GAAG,cAAeU,CAAS,EACtC,GAAIH,CACL,CAAA,CAEL,CACA,EAAa,YAAcR,EAAAA,QAAiB,MAAM,YAiBlD,SAASc,EAAmB,CAC1B,MACA,YACA,GAAGN,GAE2E,CAC9E,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,QAAiB,YAAlB,CACO,MACL,YAAU,sBACV,UAAWC,EAAAA,GAAG,wBAAyBU,CAAS,EAChD,GAAIH,CACL,CAAA,CAEL,CACA,EAAmB,YAAcR,EAAAA,QAAiB,YAAY,Y"}

package/dist/ui/components/ui/popover.d.cts

@@ -47,7 +47,10 @@ declare function PopoverTrigger({ children, ...props }: PopoverPrimitive.Trigger
  * }
  * ```
  */
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverPopupProps & Pick<import('@base-ui/react').PopoverPositionerProps, "side" | "align" | "sideOffset" | "alignOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function PopoverContent({ ref, className, align, alignOffset, side, sideOffset, ...props }: React.PropsWithoutRef<PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace PopoverContent {
+    var displayName: string | undefined;
+}
 /**
  * Groups popup heading and explanatory content.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -63,7 +66,10 @@ declare const PopoverContent: React.ForwardRefExoticComponent<Omit<import('@base
  * }
  * ```
  */
-declare const PopoverHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function PopoverHeader({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace PopoverHeader {
+    var displayName: string;
+}
 /**
  * Provides the accessible title of the associated popup.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -79,7 +85,10 @@ declare const PopoverHeader: React.ForwardRefExoticComponent<Omit<React.Detailed
  * }
  * ```
  */
-declare const PopoverTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PopoverTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare function PopoverTitle({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Title>> & React.RefAttributes<React.ComponentRef<typeof PopoverPrimitive.Title>>): React.JSX.Element;
+declare namespace PopoverTitle {
+    var displayName: string | undefined;
+}
 /**
  * Provides the accessible explanatory text of the associated popup.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -95,5 +104,8 @@ declare const PopoverTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@b
  * }
  * ```
  */
-declare const PopoverDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PopoverDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare function PopoverDescription({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Description>> & React.RefAttributes<React.ComponentRef<typeof PopoverPrimitive.Description>>): React.JSX.Element;
+declare namespace PopoverDescription {
+    var displayName: string | undefined;
+}
 export { Popover, PopoverContent, PopoverTrigger, PopoverHeader, PopoverTitle, PopoverDescription };

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

@@ -47,7 +47,10 @@ declare function PopoverTrigger({ children, ...props }: PopoverPrimitive.Trigger
  * }
  * ```
  */
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverPopupProps & Pick<import('@base-ui/react').PopoverPositionerProps, "side" | "align" | "sideOffset" | "alignOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function PopoverContent({ ref, className, align, alignOffset, side, sideOffset, ...props }: React.PropsWithoutRef<PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace PopoverContent {
+    var displayName: string | undefined;
+}
 /**
  * Groups popup heading and explanatory content.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -63,7 +66,10 @@ declare const PopoverContent: React.ForwardRefExoticComponent<Omit<import('@base
  * }
  * ```
  */
-declare const PopoverHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function PopoverHeader({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace PopoverHeader {
+    var displayName: string;
+}
 /**
  * Provides the accessible title of the associated popup.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -79,7 +85,10 @@ declare const PopoverHeader: React.ForwardRefExoticComponent<Omit<React.Detailed
  * }
  * ```
  */
-declare const PopoverTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PopoverTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare function PopoverTitle({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Title>> & React.RefAttributes<React.ComponentRef<typeof PopoverPrimitive.Title>>): React.JSX.Element;
+declare namespace PopoverTitle {
+    var displayName: string | undefined;
+}
 /**
  * Provides the accessible explanatory text of the associated popup.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -95,5 +104,8 @@ declare const PopoverTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@b
  * }
  * ```
  */
-declare const PopoverDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PopoverDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare function PopoverDescription({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Description>> & React.RefAttributes<React.ComponentRef<typeof PopoverPrimitive.Description>>): React.JSX.Element;
+declare namespace PopoverDescription {
+    var displayName: string | undefined;
+}
 export { Popover, PopoverContent, PopoverTrigger, PopoverHeader, PopoverTitle, PopoverDescription };