@chayns-ui/core 0.9.4 → 0.10.0

package/dist/components/icon-button/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/IconButton.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,UAAU;;;;;;8DAkCd,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/IconButton.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,UAAU;;;;;;8DAkCd,CAAC;AAIH,eAAe,UAAU,CAAC"}

package/dist/components/icon-button/IconButton.js

@@ -19,6 +19,7 @@ var IconButton = forwardRef(function IconButton({ "aria-busy": ariaBusy, classNa
 		children: /* @__PURE__ */ jsx(ButtonIcon, { icon: loading ? "fa-spinner" : icon })
 	});
 });
+IconButton.displayName = "IconButton";
 //#endregion
 export { IconButton as default };
 

package/dist/components/icon-button/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","names":[],"sources":["../../../src/components/icon-button/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport type { IconButtonProps } from './IconButton.types.js';\nimport ButtonIcon from '../button/button-icon/ButtonIcon.js';\n\nconst IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n  {\n    'aria-busy': ariaBusy,\n    className,\n    disabled,\n    icon,\n    loading = false,\n    type = 'button',\n    variant,\n    ...buttonProps\n  },\n  ref,\n) {\n  const resolvedClassName = [\n    'chayns-icon-button',\n    `chayns-icon-button--${variant}`,\n    loading ? 'chayns-icon-button--loading' : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      {...buttonProps}\n      aria-busy={loading ? true : ariaBusy}\n      className={resolvedClassName}\n      disabled={loading || disabled}\n      ref={ref}\n      type={type}\n    >\n      <ButtonIcon icon={loading ? 'fa-spinner' : icon} />\n    </button>\n  );\n});\n\nexport default IconButton;\n"],"mappings":";;;;AAKA,IAAM,aAAa,WAA+C,SAAS,WACzE,EACE,aAAa,UACb,WACA,UACA,MACA,UAAU,OACV,OAAO,UACP,SACA,GAAG,eAEL,KACA;CACA,MAAM,oBAAoB;EACxB;EACA,uBAAuB;EACvB,UAAU,gCAAgC;EAC1C;CACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,oBAAC,UAAD;EACE,GAAI;EACJ,aAAW,UAAU,OAAO;EAC5B,WAAW;EACX,UAAU,WAAW;EAChB;EACC;EAEN,UAAA,oBAAC,YAAD,EAAY,MAAM,UAAU,eAAe,KAAO,CAAA;CAC5C,CAAA;AAEZ,CAAC"}
+{"version":3,"file":"IconButton.js","names":[],"sources":["../../../src/components/icon-button/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport type { IconButtonProps } from './IconButton.types.js';\nimport ButtonIcon from '../button/button-icon/ButtonIcon.js';\n\nconst IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n  {\n    'aria-busy': ariaBusy,\n    className,\n    disabled,\n    icon,\n    loading = false,\n    type = 'button',\n    variant,\n    ...buttonProps\n  },\n  ref,\n) {\n  const resolvedClassName = [\n    'chayns-icon-button',\n    `chayns-icon-button--${variant}`,\n    loading ? 'chayns-icon-button--loading' : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      {...buttonProps}\n      aria-busy={loading ? true : ariaBusy}\n      className={resolvedClassName}\n      disabled={loading || disabled}\n      ref={ref}\n      type={type}\n    >\n      <ButtonIcon icon={loading ? 'fa-spinner' : icon} />\n    </button>\n  );\n});\n\nIconButton.displayName = 'IconButton';\n\nexport default IconButton;\n"],"mappings":";;;;AAKA,IAAM,aAAa,WAA+C,SAAS,WACzE,EACE,aAAa,UACb,WACA,UACA,MACA,UAAU,OACV,OAAO,UACP,SACA,GAAG,eAEL,KACA;CACA,MAAM,oBAAoB;EACxB;EACA,uBAAuB;EACvB,UAAU,gCAAgC;EAC1C;CACF,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,oBAAC,UAAD;EACE,GAAI;EACJ,aAAW,UAAU,OAAO;EAC5B,WAAW;EACX,UAAU,WAAW;EAChB;EACC;EAEN,UAAA,oBAAC,YAAD,EAAY,MAAM,UAAU,eAAe,KAAO,CAAA;CAC5C,CAAA;AAEZ,CAAC;AAED,WAAW,cAAc"}

package/dist/components/list/List.d.ts

@@ -1,15 +1,20 @@
-import type { ListItemActionProps, ListItemPartProps, ListItemStatusProps } from './List.types.js';
-declare function Action(props: ListItemActionProps): import("react").JSX.Element;
-declare function Status({ label }: ListItemStatusProps): import("react").JSX.Element;
+import type { ListItemPartProps, ListItemStatusProps } from './List.types.js';
 declare const List: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>> & {
     Item: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>> & {
-        Action: typeof Action;
-        Body: ({ children, className: consumerClassName }: ListItemPartProps) => import("react").JSX.Element;
-        Description: ({ children, className: consumerClassName }: ListItemPartProps) => import("react").JSX.Element;
-        Leading: ({ children, className: consumerClassName }: ListItemPartProps) => import("react").JSX.Element;
-        Status: typeof Status;
-        Title: ({ children, className: consumerClassName }: ListItemPartProps) => import("react").JSX.Element;
-        Trailing: ({ children, className: consumerClassName }: ListItemPartProps) => import("react").JSX.Element;
+        Action: import("react").ForwardRefExoticComponent<(Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "children"> & {
+            children: import("react").ReactNode;
+            href: string;
+        }, "ref"> | Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "type"> & {
+            children: import("react").ReactNode;
+            href?: never;
+            type?: never;
+        }, "ref">) & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+        Body: import("react").ForwardRefExoticComponent<Omit<ListItemPartProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+        Description: import("react").ForwardRefExoticComponent<Omit<ListItemPartProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+        Leading: import("react").ForwardRefExoticComponent<Omit<ListItemPartProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+        Status: import("react").ForwardRefExoticComponent<Omit<ListItemStatusProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+        Title: import("react").ForwardRefExoticComponent<Omit<ListItemPartProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+        Trailing: import("react").ForwardRefExoticComponent<Omit<ListItemPartProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
     };
 };
 export default List;

package/dist/components/list/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/list/List.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EAEjB,mBAAmB,EAEpB,MAAM,iBAAiB,CAAC;AAkBzB,iBAAS,MAAM,CAAC,KAAK,EAAE,mBAAmB,+BAsBzC;AAaD,iBAAS,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,+BAS7C;AAiBD,QAAA,MAAM,IAAI;;;2DAlCiE,iBAAiB;kEAAjB,iBAAiB;8DAAjB,iBAAiB;;4DAAjB,iBAAiB;+DAAjB,iBAAiB;;CA4C1F,CAAC;AAEH,eAAe,IAAI,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/list/List.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,iBAAiB,EAEjB,mBAAmB,EAEpB,MAAM,iBAAiB,CAAC;AA4GzB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAUR,CAAC;AAOH,eAAe,IAAI,CAAC"}

package/dist/components/list/List.js

@@ -15,7 +15,7 @@ var Item = forwardRef(function Item({ children, className, ...itemProps }, ref)
 		})
 	});
 });
-function Action(props) {
+var Action = forwardRef(function Action(props, ref) {
 	useListItemContext("Action");
 	if (props.href !== void 0) {
 		const { children, className, href, ...anchorProps } = props;
@@ -24,6 +24,7 @@ function Action(props) {
 			...anchorProps,
 			className: resolvedClassName,
 			href,
+			ref,
 			children
 		});
 	}
@@ -32,25 +33,32 @@ function Action(props) {
 	return /* @__PURE__ */ jsx("button", {
 		...buttonProps,
 		className: resolvedClassName,
+		ref,
 		type: "button",
 		children
 	});
-}
+});
 function createPart(name) {
 	const className = `chayns-list-item__${name.toLowerCase()}`;
-	return function ListItemPart({ children, className: consumerClassName }) {
+	const ListItemPart = forwardRef(function ListItemPart({ children, className: consumerClassName, ...spanProps }, ref) {
 		useListItemContext(name);
 		const resolvedClassName = [className, consumerClassName].filter(Boolean).join(" ");
 		return /* @__PURE__ */ jsx("span", {
+			...spanProps,
 			className: resolvedClassName,
+			ref,
 			children
 		});
-	};
+	});
+	ListItemPart.displayName = `List.Item.${name}`;
+	return ListItemPart;
 }
-function Status({ label }) {
+var Status = forwardRef(function Status({ label, className, ...spanProps }, ref) {
 	useListItemContext("Status");
 	return /* @__PURE__ */ jsxs("span", {
-		className: "chayns-list-item__status",
+		...spanProps,
+		className: ["chayns-list-item__status", className].filter(Boolean).join(" "),
+		ref,
 		children: [/* @__PURE__ */ jsx("span", {
 			"aria-hidden": "true",
 			className: "chayns-list-item__status-dot"
@@ -59,7 +67,7 @@ function Status({ label }) {
 			children: label
 		})]
 	});
-}
+});
 var ListRoot = forwardRef(function List({ children, className, ...listProps }, ref) {
 	const resolvedClassName = ["chayns-list", className].filter(Boolean).join(" ");
 	return /* @__PURE__ */ jsx(ListContext.Provider, {
@@ -81,6 +89,10 @@ var List = Object.assign(ListRoot, { Item: Object.assign(Item, {
 	Title: createPart("Title"),
 	Trailing: createPart("Trailing")
 }) });
+Item.displayName = "List.Item";
+Object.assign(Action, { displayName: "List.Item.Action" });
+Object.assign(Status, { displayName: "List.Item.Status" });
+ListRoot.displayName = "List";
 //#endregion
 export { List as default };
 

package/dist/components/list/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":[],"sources":["../../../src/components/list/List.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { ListContext, ListItemContext, useListContext, useListItemContext } from './ListContext.js';\nimport type {\n  ListItemActionProps,\n  ListItemPartProps,\n  ListItemProps,\n  ListItemStatusProps,\n  ListProps,\n} from './List.types.js';\n\nconst Item = forwardRef<HTMLLIElement, ListItemProps>(function Item(\n  { children, className, ...itemProps },\n  ref,\n) {\n  useListContext();\n  const resolvedClassName = ['chayns-list-item', className].filter(Boolean).join(' ');\n\n  return (\n    <ListItemContext.Provider value>\n      <li {...itemProps} className={resolvedClassName} ref={ref}>\n        {children}\n      </li>\n    </ListItemContext.Provider>\n  );\n});\n\nfunction Action(props: ListItemActionProps) {\n  useListItemContext('Action');\n\n  if (props.href !== undefined) {\n    const { children, className, href, ...anchorProps } = props;\n    const resolvedClassName = ['chayns-list-item__action', className].filter(Boolean).join(' ');\n\n    return (\n      <a {...anchorProps} className={resolvedClassName} href={href}>\n        {children}\n      </a>\n    );\n  }\n\n  const { children, className, ...buttonProps } = props;\n  const resolvedClassName = ['chayns-list-item__action', className].filter(Boolean).join(' ');\n\n  return (\n    <button {...buttonProps} className={resolvedClassName} type=\"button\">\n      {children}\n    </button>\n  );\n}\n\nfunction createPart(name: 'Leading' | 'Body' | 'Title' | 'Description' | 'Trailing') {\n  const className = `chayns-list-item__${name.toLowerCase()}`;\n\n  return function ListItemPart({ children, className: consumerClassName }: ListItemPartProps) {\n    useListItemContext(name);\n    const resolvedClassName = [className, consumerClassName].filter(Boolean).join(' ');\n\n    return <span className={resolvedClassName}>{children}</span>;\n  };\n}\n\nfunction Status({ label }: ListItemStatusProps) {\n  useListItemContext('Status');\n\n  return (\n    <span className=\"chayns-list-item__status\">\n      <span aria-hidden=\"true\" className=\"chayns-list-item__status-dot\" />\n      <span className=\"chayns-visually-hidden\">{label}</span>\n    </span>\n  );\n}\n\nconst ListRoot = forwardRef<HTMLUListElement, ListProps>(function List(\n  { children, className, ...listProps },\n  ref,\n) {\n  const resolvedClassName = ['chayns-list', className].filter(Boolean).join(' ');\n\n  return (\n    <ListContext.Provider value>\n      <ul {...listProps} className={resolvedClassName} ref={ref}>\n        {children}\n      </ul>\n    </ListContext.Provider>\n  );\n});\n\nconst List = Object.assign(ListRoot, {\n  Item: Object.assign(Item, {\n    Action,\n    Body: createPart('Body'),\n    Description: createPart('Description'),\n    Leading: createPart('Leading'),\n    Status,\n    Title: createPart('Title'),\n    Trailing: createPart('Trailing'),\n  }),\n});\n\nexport default List;\n"],"mappings":";;;;AAWA,IAAM,OAAO,WAAyC,SAAS,KAC7D,EAAE,UAAU,WAAW,GAAG,aAC1B,KACA;CACA,eAAe;CACf,MAAM,oBAAoB,CAAC,oBAAoB,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAElF,OACE,oBAAC,gBAAgB,UAAjB;EAA0B,OAAA;EACxB,UAAA,oBAAC,MAAD;GAAI,GAAI;GAAW,WAAW;GAAwB;GACnD;EACC,CAAA;CACoB,CAAA;AAE9B,CAAC;AAED,SAAS,OAAO,OAA4B;CAC1C,mBAAmB,QAAQ;CAE3B,IAAI,MAAM,SAAS,KAAA,GAAW;EAC5B,MAAM,EAAE,UAAU,WAAW,MAAM,GAAG,gBAAgB;EACtD,MAAM,oBAAoB,CAAC,4BAA4B,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAE1F,OACE,oBAAC,KAAD;GAAG,GAAI;GAAa,WAAW;GAAyB;GACrD;EACA,CAAA;CAEP;CAEA,MAAM,EAAE,UAAU,WAAW,GAAG,gBAAgB;CAChD,MAAM,oBAAoB,CAAC,4BAA4B,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAE1F,OACE,oBAAC,UAAD;EAAQ,GAAI;EAAa,WAAW;EAAmB,MAAK;EACzD;CACK,CAAA;AAEZ;AAEA,SAAS,WAAW,MAAiE;CACnF,MAAM,YAAY,qBAAqB,KAAK,YAAY;CAExD,OAAO,SAAS,aAAa,EAAE,UAAU,WAAW,qBAAwC;EAC1F,mBAAmB,IAAI;EACvB,MAAM,oBAAoB,CAAC,WAAW,iBAAiB,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAEjF,OAAO,oBAAC,QAAD;GAAM,WAAW;GAAoB;EAAe,CAAA;CAC7D;AACF;AAEA,SAAS,OAAO,EAAE,SAA8B;CAC9C,mBAAmB,QAAQ;CAE3B,OACE,qBAAC,QAAD;EAAM,WAAU;EAAhB,UAAA,CACE,oBAAC,QAAD;GAAM,eAAY;GAAO,WAAU;EAAgC,CAAA,GACnE,oBAAC,QAAD;GAAM,WAAU;GAA0B,UAAA;EAAY,CAAA,CAClD;;AAEV;AAEA,IAAM,WAAW,WAAwC,SAAS,KAChE,EAAE,UAAU,WAAW,GAAG,aAC1B,KACA;CACA,MAAM,oBAAoB,CAAC,eAAe,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAE7E,OACE,oBAAC,YAAY,UAAb;EAAsB,OAAA;EACpB,UAAA,oBAAC,MAAD;GAAI,GAAI;GAAW,WAAW;GAAwB;GACnD;EACC,CAAA;CACgB,CAAA;AAE1B,CAAC;AAED,IAAM,OAAO,OAAO,OAAO,UAAU,EACnC,MAAM,OAAO,OAAO,MAAM;CACxB;CACA,MAAM,WAAW,MAAM;CACvB,aAAa,WAAW,aAAa;CACrC,SAAS,WAAW,SAAS;CAC7B;CACA,OAAO,WAAW,OAAO;CACzB,UAAU,WAAW,UAAU;AACjC,CAAC,EACH,CAAC"}
+{"version":3,"file":"List.js","names":[],"sources":["../../../src/components/list/List.tsx"],"sourcesContent":["import { forwardRef, type Ref } from 'react';\n\nimport { ListContext, ListItemContext, useListContext, useListItemContext } from './ListContext.js';\nimport type {\n  ListItemActionProps,\n  ListItemPartProps,\n  ListItemProps,\n  ListItemStatusProps,\n  ListProps,\n} from './List.types.js';\n\nconst Item = forwardRef<HTMLLIElement, ListItemProps>(function Item(\n  { children, className, ...itemProps },\n  ref,\n) {\n  useListContext();\n  const resolvedClassName = ['chayns-list-item', className].filter(Boolean).join(' ');\n\n  return (\n    <ListItemContext.Provider value>\n      <li {...itemProps} className={resolvedClassName} ref={ref}>\n        {children}\n      </li>\n    </ListItemContext.Provider>\n  );\n});\n\nconst Action = forwardRef<HTMLAnchorElement | HTMLButtonElement, ListItemActionProps>(\n  function Action(props, ref) {\n    useListItemContext('Action');\n\n    if (props.href !== undefined) {\n      const { children, className, href, ...anchorProps } = props;\n      const resolvedClassName = ['chayns-list-item__action', className].filter(Boolean).join(' ');\n\n      return (\n        <a\n          {...anchorProps}\n          className={resolvedClassName}\n          href={href}\n          ref={ref as Ref<HTMLAnchorElement>}\n        >\n          {children}\n        </a>\n      );\n    }\n\n    const { children, className, ...buttonProps } = props;\n    const resolvedClassName = ['chayns-list-item__action', className].filter(Boolean).join(' ');\n\n    return (\n      <button\n        {...buttonProps}\n        className={resolvedClassName}\n        ref={ref as Ref<HTMLButtonElement>}\n        type=\"button\"\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nfunction createPart(name: 'Leading' | 'Body' | 'Title' | 'Description' | 'Trailing') {\n  const className = `chayns-list-item__${name.toLowerCase()}`;\n\n  const ListItemPart = forwardRef<HTMLSpanElement, ListItemPartProps>(function ListItemPart(\n    { children, className: consumerClassName, ...spanProps },\n    ref,\n  ) {\n    useListItemContext(name);\n    const resolvedClassName = [className, consumerClassName].filter(Boolean).join(' ');\n\n    return (\n      <span {...spanProps} className={resolvedClassName} ref={ref}>\n        {children}\n      </span>\n    );\n  });\n\n  ListItemPart.displayName = `List.Item.${name}`;\n  return ListItemPart;\n}\n\nconst Status = forwardRef<HTMLSpanElement, ListItemStatusProps>(function Status(\n  { label, className, ...spanProps },\n  ref,\n) {\n  useListItemContext('Status');\n\n  return (\n    <span\n      {...spanProps}\n      className={['chayns-list-item__status', className].filter(Boolean).join(' ')}\n      ref={ref}\n    >\n      <span aria-hidden=\"true\" className=\"chayns-list-item__status-dot\" />\n      <span className=\"chayns-visually-hidden\">{label}</span>\n    </span>\n  );\n});\n\nconst ListRoot = forwardRef<HTMLUListElement, ListProps>(function List(\n  { children, className, ...listProps },\n  ref,\n) {\n  const resolvedClassName = ['chayns-list', className].filter(Boolean).join(' ');\n\n  return (\n    <ListContext.Provider value>\n      <ul {...listProps} className={resolvedClassName} ref={ref}>\n        {children}\n      </ul>\n    </ListContext.Provider>\n  );\n});\n\nconst List = Object.assign(ListRoot, {\n  Item: Object.assign(Item, {\n    Action,\n    Body: createPart('Body'),\n    Description: createPart('Description'),\n    Leading: createPart('Leading'),\n    Status,\n    Title: createPart('Title'),\n    Trailing: createPart('Trailing'),\n  }),\n});\n\nItem.displayName = 'List.Item';\nObject.assign(Action, { displayName: 'List.Item.Action' });\nObject.assign(Status, { displayName: 'List.Item.Status' });\nListRoot.displayName = 'List';\n\nexport default List;\n"],"mappings":";;;;AAWA,IAAM,OAAO,WAAyC,SAAS,KAC7D,EAAE,UAAU,WAAW,GAAG,aAC1B,KACA;CACA,eAAe;CACf,MAAM,oBAAoB,CAAC,oBAAoB,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAElF,OACE,oBAAC,gBAAgB,UAAjB;EAA0B,OAAA;EACxB,UAAA,oBAAC,MAAD;GAAI,GAAI;GAAW,WAAW;GAAwB;GACnD;EACC,CAAA;CACoB,CAAA;AAE9B,CAAC;AAED,IAAM,SAAS,WACb,SAAS,OAAO,OAAO,KAAK;CAC1B,mBAAmB,QAAQ;CAE3B,IAAI,MAAM,SAAS,KAAA,GAAW;EAC5B,MAAM,EAAE,UAAU,WAAW,MAAM,GAAG,gBAAgB;EACtD,MAAM,oBAAoB,CAAC,4BAA4B,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAE1F,OACE,oBAAC,KAAD;GACE,GAAI;GACJ,WAAW;GACL;GACD;GAEJ;EACA,CAAA;CAEP;CAEA,MAAM,EAAE,UAAU,WAAW,GAAG,gBAAgB;CAChD,MAAM,oBAAoB,CAAC,4BAA4B,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAE1F,OACE,oBAAC,UAAD;EACE,GAAI;EACJ,WAAW;EACN;EACL,MAAK;EAEJ;CACK,CAAA;AAEZ,CACF;AAEA,SAAS,WAAW,MAAiE;CACnF,MAAM,YAAY,qBAAqB,KAAK,YAAY;CAExD,MAAM,eAAe,WAA+C,SAAS,aAC3E,EAAE,UAAU,WAAW,mBAAmB,GAAG,aAC7C,KACA;EACA,mBAAmB,IAAI;EACvB,MAAM,oBAAoB,CAAC,WAAW,iBAAiB,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAEjF,OACE,oBAAC,QAAD;GAAM,GAAI;GAAW,WAAW;GAAwB;GACrD;EACG,CAAA;CAEV,CAAC;CAED,aAAa,cAAc,aAAa;CACxC,OAAO;AACT;AAEA,IAAM,SAAS,WAAiD,SAAS,OACvE,EAAE,OAAO,WAAW,GAAG,aACvB,KACA;CACA,mBAAmB,QAAQ;CAE3B,OACE,qBAAC,QAAD;EACE,GAAI;EACJ,WAAW,CAAC,4BAA4B,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EACtE;EAHP,UAAA,CAKE,oBAAC,QAAD;GAAM,eAAY;GAAO,WAAU;EAAgC,CAAA,GACnE,oBAAC,QAAD;GAAM,WAAU;GAA0B,UAAA;EAAY,CAAA,CAClD;;AAEV,CAAC;AAED,IAAM,WAAW,WAAwC,SAAS,KAChE,EAAE,UAAU,WAAW,GAAG,aAC1B,KACA;CACA,MAAM,oBAAoB,CAAC,eAAe,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAE7E,OACE,oBAAC,YAAY,UAAb;EAAsB,OAAA;EACpB,UAAA,oBAAC,MAAD;GAAI,GAAI;GAAW,WAAW;GAAwB;GACnD;EACC,CAAA;CACgB,CAAA;AAE1B,CAAC;AAED,IAAM,OAAO,OAAO,OAAO,UAAU,EACnC,MAAM,OAAO,OAAO,MAAM;CACxB;CACA,MAAM,WAAW,MAAM;CACvB,aAAa,WAAW,aAAa;CACrC,SAAS,WAAW,SAAS;CAC7B;CACA,OAAO,WAAW,OAAO;CACzB,UAAU,WAAW,UAAU;AACjC,CAAC,EACH,CAAC;AAED,KAAK,cAAc;AACnB,OAAO,OAAO,QAAQ,EAAE,aAAa,mBAAmB,CAAC;AACzD,OAAO,OAAO,QAAQ,EAAE,aAAa,mBAAmB,CAAC;AACzD,SAAS,cAAc"}

package/dist/components/list/List.types.d.ts

@@ -9,11 +9,11 @@ export type ListItemActionProps = (Omit<ComponentPropsWithRef<'a'>, 'children'>
     href?: never;
     type?: never;
 });
-export interface ListItemPartProps {
+export interface ListItemPartProps extends ComponentPropsWithRef<'span'> {
     children: ReactNode;
     className?: string;
 }
-export interface ListItemStatusProps {
+export interface ListItemStatusProps extends Omit<ComponentPropsWithRef<'span'>, 'children'> {
     /** Localized description of the otherwise colour-only status dot. */
     label: Exclude<ReactNode, boolean | null | undefined>;
 }

package/dist/components/list/List.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.types.d.ts","sourceRoot":"","sources":["../../../src/components/list/List.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,SAAS,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;AACpD,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;AAExD,MAAM,MAAM,mBAAmB,GAC3B,CAAC,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,GACtF,CAAC,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,GAAG;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC,CAAC;AAEP,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,qEAAqE;IACrE,KAAK,EAAE,OAAO,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CACvD"}
+{"version":3,"file":"List.types.d.ts","sourceRoot":"","sources":["../../../src/components/list/List.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,SAAS,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;AACpD,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;AAExD,MAAM,MAAM,mBAAmB,GAC3B,CAAC,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,GACtF,CAAC,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,GAAG;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC,CAAC;AAEP,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB,CAAC,MAAM,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC1F,qEAAqE;IACrE,KAAK,EAAE,OAAO,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CACvD"}

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

@@ -0,0 +1,4 @@
+import type { PaginationProps } from './Pagination.types.js';
+declare const Pagination: import("react").ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export default Pagination;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/components/pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/Pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,QAAA,MAAM,UAAU,sHA0Ed,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/components/pagination/Pagination.js

@@ -0,0 +1,57 @@
+import ButtonIcon from "../button/button-icon/ButtonIcon.js";
+import { paginationPages } from "./pagination-pages.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/pagination/Pagination.tsx
+var Pagination = forwardRef(function Pagination({ className, labels, onClick, onPageChange, page, pageCount, ...navProps }, ref) {
+	if (!Number.isSafeInteger(pageCount) || pageCount < 1 || !Number.isSafeInteger(page) || page < 1 || page > pageCount) throw new Error("Pagination requires pageCount >= 1 and page within 1..pageCount.");
+	function handleClick(event) {
+		onClick?.(event);
+		if (event.defaultPrevented || !(event.target instanceof Element)) return;
+		const button = event.target.closest("button[data-page]");
+		if (!button || !event.currentTarget.contains(button) || button.disabled) return;
+		const next = Number(button.dataset.page);
+		if (next !== page) onPageChange(next);
+	}
+	return /* @__PURE__ */ jsxs("nav", {
+		...navProps,
+		className: ["chayns-pagination", className].filter(Boolean).join(" "),
+		onClick: handleClick,
+		ref,
+		children: [
+			/* @__PURE__ */ jsx("button", {
+				"aria-label": labels.previous,
+				className: "chayns-pagination__arrow",
+				"data-page": page - 1,
+				disabled: page === 1,
+				type: "button",
+				children: /* @__PURE__ */ jsx(ButtonIcon, { icon: "fa-chevron-left" })
+			}),
+			paginationPages(page, pageCount).map((item, index) => item === "ellipsis" ? /* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				className: "chayns-pagination__ellipsis",
+				children: "…"
+			}, `ellipsis-${index}`) : /* @__PURE__ */ jsx("button", {
+				"aria-current": item === page ? "page" : void 0,
+				"aria-label": labels.pageLabel(item),
+				className: "chayns-pagination__page",
+				"data-page": item,
+				type: "button",
+				children: item
+			}, item)),
+			/* @__PURE__ */ jsx("button", {
+				"aria-label": labels.next,
+				className: "chayns-pagination__arrow",
+				"data-page": page + 1,
+				disabled: page === pageCount,
+				type: "button",
+				children: /* @__PURE__ */ jsx(ButtonIcon, { icon: "fa-chevron-right" })
+			})
+		]
+	});
+});
+Pagination.displayName = "Pagination";
+//#endregion
+export { Pagination as default };
+
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import { forwardRef, type MouseEvent } from 'react';\nimport ButtonIcon from '../button/button-icon/ButtonIcon.js';\nimport { paginationPages } from './pagination-pages.js';\nimport type { PaginationProps } from './Pagination.types.js';\n\nconst Pagination = forwardRef<HTMLElement, PaginationProps>(function Pagination(\n  { className, labels, onClick, onPageChange, page, pageCount, ...navProps },\n  ref,\n) {\n  if (\n    !Number.isSafeInteger(pageCount) ||\n    pageCount < 1 ||\n    !Number.isSafeInteger(page) ||\n    page < 1 ||\n    page > pageCount\n  ) {\n    throw new Error('Pagination requires pageCount >= 1 and page within 1..pageCount.');\n  }\n\n  function handleClick(event: MouseEvent<HTMLElement>) {\n    onClick?.(event);\n    if (event.defaultPrevented || !(event.target instanceof Element)) return;\n    const button = event.target.closest<HTMLButtonElement>('button[data-page]');\n    if (!button || !event.currentTarget.contains(button) || button.disabled) return;\n    const next = Number(button.dataset.page);\n    if (next !== page) onPageChange(next);\n  }\n\n  return (\n    // Native child buttons emit clicks for pointer and keyboard; the nav delegates both.\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions\n    <nav\n      {...navProps}\n      className={['chayns-pagination', className].filter(Boolean).join(' ')}\n      onClick={handleClick}\n      ref={ref}\n    >\n      <button\n        aria-label={labels.previous}\n        className=\"chayns-pagination__arrow\"\n        data-page={page - 1}\n        disabled={page === 1}\n        type=\"button\"\n      >\n        <ButtonIcon icon=\"fa-chevron-left\" />\n      </button>\n      {paginationPages(page, pageCount).map((item, index) =>\n        item === 'ellipsis' ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"chayns-pagination__ellipsis\"\n            key={`ellipsis-${index}`}\n          >\n            …\n          </span>\n        ) : (\n          <button\n            aria-current={item === page ? 'page' : undefined}\n            aria-label={labels.pageLabel(item)}\n            className=\"chayns-pagination__page\"\n            data-page={item}\n            key={item}\n            type=\"button\"\n          >\n            {item}\n          </button>\n        ),\n      )}\n      <button\n        aria-label={labels.next}\n        className=\"chayns-pagination__arrow\"\n        data-page={page + 1}\n        disabled={page === pageCount}\n        type=\"button\"\n      >\n        <ButtonIcon icon=\"fa-chevron-right\" />\n      </button>\n    </nav>\n  );\n});\nPagination.displayName = 'Pagination';\nexport default Pagination;\n"],"mappings":";;;;;AAKA,IAAM,aAAa,WAAyC,SAAS,WACnE,EAAE,WAAW,QAAQ,SAAS,cAAc,MAAM,WAAW,GAAG,YAChE,KACA;CACA,IACE,CAAC,OAAO,cAAc,SAAS,KAC/B,YAAY,KACZ,CAAC,OAAO,cAAc,IAAI,KAC1B,OAAO,KACP,OAAO,WAEP,MAAM,IAAI,MAAM,kEAAkE;CAGpF,SAAS,YAAY,OAAgC;EACnD,UAAU,KAAK;EACf,IAAI,MAAM,oBAAoB,EAAE,MAAM,kBAAkB,UAAU;EAClE,MAAM,SAAS,MAAM,OAAO,QAA2B,mBAAmB;EAC1E,IAAI,CAAC,UAAU,CAAC,MAAM,cAAc,SAAS,MAAM,KAAK,OAAO,UAAU;EACzE,MAAM,OAAO,OAAO,OAAO,QAAQ,IAAI;EACvC,IAAI,SAAS,MAAM,aAAa,IAAI;CACtC;CAEA,OAGE,qBAAC,OAAD;EACE,GAAI;EACJ,WAAW,CAAC,qBAAqB,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EACpE,SAAS;EACJ;EAJP,UAAA;GAME,oBAAC,UAAD;IACE,cAAY,OAAO;IACnB,WAAU;IACV,aAAW,OAAO;IAClB,UAAU,SAAS;IACnB,MAAK;IAEL,UAAA,oBAAC,YAAD,EAAY,MAAK,kBAAmB,CAAA;GAC9B,CAAA;GACP,gBAAgB,MAAM,SAAS,CAAC,CAAC,KAAK,MAAM,UAC3C,SAAS,aACP,oBAAC,QAAD;IACE,eAAY;IACZ,WAAU;IAEX,UAAA;GAEK,GAHC,YAAY,OAGb,IAEN,oBAAC,UAAD;IACE,gBAAc,SAAS,OAAO,SAAS,KAAA;IACvC,cAAY,OAAO,UAAU,IAAI;IACjC,WAAU;IACV,aAAW;IAEX,MAAK;IAEJ,UAAA;GACK,GAJD,IAIC,CAEZ;GACA,oBAAC,UAAD;IACE,cAAY,OAAO;IACnB,WAAU;IACV,aAAW,OAAO;IAClB,UAAU,SAAS;IACnB,MAAK;IAEL,UAAA,oBAAC,YAAD,EAAY,MAAK,mBAAoB,CAAA;GAC/B,CAAA;EACL;;AAET,CAAC;AACD,WAAW,cAAc"}

package/dist/components/pagination/Pagination.types.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentPropsWithRef } from 'react';
+export interface PaginationLabels {
+    previous: string;
+    next: string;
+    /** Localized accessible name, for example "Seite 3". */
+    pageLabel: (page: number) => string;
+}
+/** Page-loaded collections; use explicit load-more for feeds and Breadcrumb for hierarchy. */
+export interface PaginationProps extends Omit<ComponentPropsWithRef<'nav'>, 'children'> {
+    page: number;
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    labels: PaginationLabels;
+}
+//# sourceMappingURL=Pagination.types.d.ts.map

package/dist/components/pagination/Pagination.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CACrC;AAED,8FAA8F;AAC9F,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACrF,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,MAAM,EAAE,gBAAgB,CAAC;CAC1B"}

package/dist/components/pagination/pagination-pages.d.ts

@@ -0,0 +1,2 @@
+export declare function paginationPages(page: number, pageCount: number): (number | 'ellipsis')[];
+//# sourceMappingURL=pagination-pages.d.ts.map

package/dist/components/pagination/pagination-pages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-pages.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination-pages.ts"],"names":[],"mappings":"AAAA,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC,MAAM,GAAG,UAAU,CAAC,EAAE,CAMxF"}

package/dist/components/pagination/pagination-pages.js

@@ -0,0 +1,35 @@
+//#region src/components/pagination/pagination-pages.ts
+function paginationPages(page, pageCount) {
+	if (pageCount <= 7) return Array.from({ length: pageCount }, (_, index) => index + 1);
+	if (page <= 4) return [
+		1,
+		2,
+		3,
+		4,
+		5,
+		"ellipsis",
+		pageCount
+	];
+	if (page >= pageCount - 3) return [
+		1,
+		"ellipsis",
+		pageCount - 4,
+		pageCount - 3,
+		pageCount - 2,
+		pageCount - 1,
+		pageCount
+	];
+	return [
+		1,
+		"ellipsis",
+		page - 1,
+		page,
+		page + 1,
+		"ellipsis",
+		pageCount
+	];
+}
+//#endregion
+export { paginationPages };
+
+//# sourceMappingURL=pagination-pages.js.map

package/dist/components/pagination/pagination-pages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-pages.js","names":[],"sources":["../../../src/components/pagination/pagination-pages.ts"],"sourcesContent":["export function paginationPages(page: number, pageCount: number): (number | 'ellipsis')[] {\n  if (pageCount <= 7) return Array.from({ length: pageCount }, (_, index) => index + 1);\n  if (page <= 4) return [1, 2, 3, 4, 5, 'ellipsis', pageCount];\n  if (page >= pageCount - 3)\n    return [1, 'ellipsis', pageCount - 4, pageCount - 3, pageCount - 2, pageCount - 1, pageCount];\n  return [1, 'ellipsis', page - 1, page, page + 1, 'ellipsis', pageCount];\n}\n"],"mappings":";AAAA,SAAgB,gBAAgB,MAAc,WAA4C;CACxF,IAAI,aAAa,GAAG,OAAO,MAAM,KAAK,EAAE,QAAQ,UAAU,IAAI,GAAG,UAAU,QAAQ,CAAC;CACpF,IAAI,QAAQ,GAAG,OAAO;EAAC;EAAG;EAAG;EAAG;EAAG;EAAG;EAAY;CAAS;CAC3D,IAAI,QAAQ,YAAY,GACtB,OAAO;EAAC;EAAG;EAAY,YAAY;EAAG,YAAY;EAAG,YAAY;EAAG,YAAY;EAAG;CAAS;CAC9F,OAAO;EAAC;EAAG;EAAY,OAAO;EAAG;EAAM,OAAO;EAAG;EAAY;CAAS;AACxE"}

package/dist/components/popup/Popup.d.ts

@@ -1,5 +1,8 @@
 import type { PopupProps, PopupTriggerProps } from './Popup.types.js';
-declare const _default: (({ children, closeOnEscape, closeOnOutsidePress, defaultOpen, onOpenChange, open, }: PopupProps) => import("react").JSX.Element) & {
+declare const _default: {
+    ({ children, closeOnEscape, closeOnOutsidePress, defaultOpen, onOpenChange, open, }: PopupProps): import("react").JSX.Element;
+    displayName: string;
+} & {
     Trigger: import("react").ForwardRefExoticComponent<Omit<PopupTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
     Content: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };

package/dist/components/popup/Popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/components/popup/Popup.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAqB,UAAU,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;8GAuFtF,UAAU;;;;AAkDb,wBAAyD"}
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/components/popup/Popup.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAqB,UAAU,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;;yFAsFtF,UAAU;;;;;;AA0Db,wBAAyD"}

package/dist/components/popup/Popup.js

@@ -1,4 +1,6 @@
-import { cloneElement, createContext, forwardRef, isValidElement, useCallback, useContext, useEffect, useId, useRef, useState } from "react";
+import { composeNativeRefs } from "../../utils/native-ref.js";
+import { useOverlayPosition } from "../../hooks/useOverlayPosition.js";
+import { cloneElement, createContext, forwardRef, isValidElement, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
 //#region src/components/popup/Popup.tsx
@@ -10,17 +12,22 @@ function usePopup(part) {
 }
 var Trigger = forwardRef(function Trigger({ asChild = false, children, onClick, ...props }, ref) {
 	const popup = usePopup("Trigger");
-	const setRef = (node) => {
-		popup.setTriggerElement(node);
-		if (typeof ref === "function") ref(node);
-		else if (ref) ref.current = node;
-	};
+	const child = asChild && isValidElement(children) ? children : void 0;
+	const descriptorRef = child ? Object.getOwnPropertyDescriptor(child, "ref")?.value : void 0;
+	const childRef = child?.props.ref ?? descriptorRef;
+	const setTriggerElement = popup.setTriggerElement;
+	const setRef = useMemo(() => composeNativeRefs(childRef, setTriggerElement, ref), [
+		childRef,
+		setTriggerElement,
+		ref
+	]);
 	const triggerProps = {
 		...props,
 		"aria-controls": popup.contentId,
 		"aria-expanded": popup.open,
 		onClick: (event) => {
-			onClick?.(event);
+			child?.props.onClick?.(event);
+			if (!event.defaultPrevented) onClick?.(event);
 			if (!event.defaultPrevented) popup.setOpen(!popup.open);
 		},
 		ref: setRef
@@ -36,14 +43,8 @@ var Trigger = forwardRef(function Trigger({ asChild = false, children, onClick,
 var Content = forwardRef(function Content({ children, ...props }, ref) {
 	const popup = usePopup("Content");
 	const contentRef = useRef(null);
-	useEffect(() => {
-		if (popup.open) contentRef.current?.querySelector("[role=\"menuitem\"]")?.focus();
-	}, [popup.open]);
-	function setRef(element) {
-		contentRef.current = element;
-		if (typeof ref === "function") ref(element);
-		else if (ref) ref.current = element;
-	}
+	useOverlayPosition(contentRef, popup.triggerElement, popup.open);
+	const setRef = useMemo(() => composeNativeRefs(contentRef, ref), [ref]);
 	if (!popup.open || typeof document === "undefined") return null;
 	return createPortal(/* @__PURE__ */ jsx("div", {
 		...props,
@@ -70,7 +71,7 @@ var Root = ({ children, closeOnEscape = true, closeOnOutsidePress = true, defaul
 	useEffect(() => {
 		if (!isOpen) return;
 		const key = (event) => {
-			if (event.key === "Escape" && closeOnEscape) {
+			if (event.key === "Escape" && closeOnEscape && !event.defaultPrevented) {
 				event.preventDefault();
 				setOpen(false);
 			}
@@ -81,7 +82,9 @@ var Root = ({ children, closeOnEscape = true, closeOnOutsidePress = true, defaul
 			if (closeOnOutsidePress && target instanceof Node && !triggerElement?.contains(target) && !document.getElementById(contentId)?.contains(target)) setOpen(false, false);
 		};
 		const menuAction = (event) => {
-			if (event.target.closest("[role=\"menuitem\"]")) setOpen(false);
+			if (event.defaultPrevented || !(event.target instanceof Element)) return;
+			const item = event.target.closest("[role=\"menuitem\"]");
+			if (item && document.getElementById(contentId)?.contains(item)) setOpen(false);
 		};
 		document.addEventListener("keydown", key);
 		document.addEventListener("pointerdown", outside);
@@ -104,11 +107,15 @@ var Root = ({ children, closeOnEscape = true, closeOnOutsidePress = true, defaul
 			contentId,
 			open: isOpen,
 			setOpen,
-			setTriggerElement
+			setTriggerElement,
+			triggerElement
 		},
 		children
 	});
 };
+Trigger.displayName = "Popup.Trigger";
+Content.displayName = "Popup.Content";
+Root.displayName = "Popup";
 var Popup_default = Object.assign(Root, {
 	Trigger,
 	Content

package/dist/components/popup/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","names":[],"sources":["../../../src/components/popup/Popup.tsx"],"sourcesContent":["import {\n  cloneElement,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport type { PopupContentProps, PopupProps, PopupTriggerProps } from './Popup.types.js';\n\ninterface PopupContextValue {\n  contentId: string;\n  open: boolean;\n  setOpen: (open: boolean, restore?: boolean) => void;\n  setTriggerElement: (element: HTMLButtonElement | null) => void;\n}\nconst PopupContext = createContext<PopupContextValue | null>(null);\nfunction usePopup(part: string) {\n  const context = useContext(PopupContext);\n  if (!context) throw new Error(`Popup.${part} must be rendered within Popup.`);\n  return context;\n}\n\nconst Trigger = forwardRef<HTMLButtonElement, PopupTriggerProps>(function Trigger(\n  { asChild = false, children, onClick, ...props },\n  ref,\n) {\n  const popup = usePopup('Trigger');\n  const setRef = (node: HTMLButtonElement | null) => {\n    popup.setTriggerElement(node);\n    if (typeof ref === 'function') ref(node);\n    else if (ref) ref.current = node;\n  };\n  const triggerProps = {\n    ...props,\n    'aria-controls': popup.contentId,\n    'aria-expanded': popup.open,\n    onClick: (event: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n      if (!event.defaultPrevented) popup.setOpen(!popup.open);\n    },\n    ref: setRef,\n  };\n\n  if (asChild && isValidElement(children)) {\n    // eslint-disable-next-line react-hooks/refs\n    return cloneElement(children, triggerProps);\n  }\n\n  return (\n    <button {...triggerProps} ref={setRef} type=\"button\">\n      {children}\n    </button>\n  );\n});\nconst Content = forwardRef<HTMLDivElement, PopupContentProps>(function Content(\n  { children, ...props },\n  ref,\n) {\n  const popup = usePopup('Content');\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (popup.open) {\n      contentRef.current?.querySelector<HTMLElement>('[role=\"menuitem\"]')?.focus();\n    }\n  }, [popup.open]);\n\n  function setRef(element: HTMLDivElement | null) {\n    contentRef.current = element;\n\n    if (typeof ref === 'function') ref(element);\n    else if (ref) ref.current = element;\n  }\n\n  if (!popup.open || typeof document === 'undefined') return null;\n  return createPortal(\n    <div\n      {...props}\n      className={['chayns-popup', props.className].filter(Boolean).join(' ')}\n      id={popup.contentId}\n      ref={setRef}\n    >\n      {children}\n    </div>,\n    document.body,\n  );\n});\nconst Root = ({\n  children,\n  closeOnEscape = true,\n  closeOnOutsidePress = true,\n  defaultOpen = false,\n  onOpenChange,\n  open,\n}: PopupProps) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const [triggerElement, setTriggerElement] = useState<HTMLButtonElement | null>(null);\n  const contentId = useId();\n  const isOpen = open ?? uncontrolledOpen;\n  const setOpen = useCallback(\n    (next: boolean, restore = true) => {\n      if (open === undefined) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n      if (!next && restore) queueMicrotask(() => triggerElement?.focus());\n    },\n    [onOpenChange, open, triggerElement],\n  );\n  useEffect(() => {\n    if (!isOpen) return;\n    const key = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && closeOnEscape) {\n        event.preventDefault();\n        setOpen(false);\n      }\n      if (event.key === 'Tab') setOpen(false, false);\n    };\n    const outside = (event: PointerEvent) => {\n      const target = event.target;\n      if (\n        closeOnOutsidePress &&\n        target instanceof Node &&\n        !triggerElement?.contains(target) &&\n        !document.getElementById(contentId)?.contains(target)\n      )\n        setOpen(false, false);\n    };\n    const menuAction = (event: MouseEvent) => {\n      if ((event.target as HTMLElement).closest('[role=\"menuitem\"]')) setOpen(false);\n    };\n    document.addEventListener('keydown', key);\n    document.addEventListener('pointerdown', outside);\n    document.addEventListener('click', menuAction);\n    return () => {\n      document.removeEventListener('keydown', key);\n      document.removeEventListener('pointerdown', outside);\n      document.removeEventListener('click', menuAction);\n    };\n  }, [isOpen, closeOnEscape, closeOnOutsidePress, contentId, setOpen, triggerElement]);\n  return (\n    <PopupContext.Provider value={{ contentId, open: isOpen, setOpen, setTriggerElement }}>\n      {children}\n    </PopupContext.Provider>\n  );\n};\nexport default Object.assign(Root, { Trigger, Content });\n"],"mappings":"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"}
+{"version":3,"file":"Popup.js","names":[],"sources":["../../../src/components/popup/Popup.tsx"],"sourcesContent":["import {\n  cloneElement,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { composeNativeRefs } from '../../utils/native-ref.js';\nimport { useOverlayPosition } from '../../hooks/useOverlayPosition.js';\nimport type { ComponentPropsWithRef, Ref } from 'react';\nimport type { PopupContentProps, PopupProps, PopupTriggerProps } from './Popup.types.js';\n\ninterface PopupContextValue {\n  contentId: string;\n  open: boolean;\n  setOpen: (open: boolean, restore?: boolean) => void;\n  setTriggerElement: (element: HTMLButtonElement | null) => void;\n  triggerElement: HTMLButtonElement | null;\n}\nconst PopupContext = createContext<PopupContextValue | null>(null);\nfunction usePopup(part: string) {\n  const context = useContext(PopupContext);\n  if (!context) throw new Error(`Popup.${part} must be rendered within Popup.`);\n  return context;\n}\n\nconst Trigger = forwardRef<HTMLButtonElement, PopupTriggerProps>(function Trigger(\n  { asChild = false, children, onClick, ...props },\n  ref,\n) {\n  const popup = usePopup('Trigger');\n  const child =\n    asChild && isValidElement<ComponentPropsWithRef<'button'>>(children) ? children : undefined;\n  const descriptorRef = child\n    ? (Object.getOwnPropertyDescriptor(child, 'ref')?.value as Ref<HTMLButtonElement> | undefined)\n    : undefined;\n  const childRef = child?.props.ref ?? descriptorRef;\n  const setTriggerElement = popup.setTriggerElement;\n  const setRef = useMemo(\n    () => composeNativeRefs(childRef, setTriggerElement, ref),\n    [childRef, setTriggerElement, ref],\n  );\n  const triggerProps = {\n    ...props,\n    'aria-controls': popup.contentId,\n    'aria-expanded': popup.open,\n    onClick: (event: React.MouseEvent<HTMLButtonElement>) => {\n      child?.props.onClick?.(event);\n      if (!event.defaultPrevented) onClick?.(event);\n      if (!event.defaultPrevented) popup.setOpen(!popup.open);\n    },\n    ref: setRef,\n  };\n\n  if (asChild && isValidElement(children)) {\n    // eslint-disable-next-line react-hooks/refs\n    return cloneElement(children, triggerProps);\n  }\n\n  return (\n    <button {...triggerProps} ref={setRef} type=\"button\">\n      {children}\n    </button>\n  );\n});\nconst Content = forwardRef<HTMLDivElement, PopupContentProps>(function Content(\n  { children, ...props },\n  ref,\n) {\n  const popup = usePopup('Content');\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  useOverlayPosition(contentRef, popup.triggerElement, popup.open);\n\n  const setRef = useMemo(() => composeNativeRefs(contentRef, ref), [ref]);\n\n  if (!popup.open || typeof document === 'undefined') return null;\n  return createPortal(\n    <div\n      {...props}\n      className={['chayns-popup', props.className].filter(Boolean).join(' ')}\n      id={popup.contentId}\n      ref={setRef}\n    >\n      {children}\n    </div>,\n    document.body,\n  );\n});\nconst Root = ({\n  children,\n  closeOnEscape = true,\n  closeOnOutsidePress = true,\n  defaultOpen = false,\n  onOpenChange,\n  open,\n}: PopupProps) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const [triggerElement, setTriggerElement] = useState<HTMLButtonElement | null>(null);\n  const contentId = useId();\n  const isOpen = open ?? uncontrolledOpen;\n  const setOpen = useCallback(\n    (next: boolean, restore = true) => {\n      if (open === undefined) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n      if (!next && restore) queueMicrotask(() => triggerElement?.focus());\n    },\n    [onOpenChange, open, triggerElement],\n  );\n  useEffect(() => {\n    if (!isOpen) return;\n    const key = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && closeOnEscape && !event.defaultPrevented) {\n        event.preventDefault();\n        setOpen(false);\n      }\n      if (event.key === 'Tab') setOpen(false, false);\n    };\n    const outside = (event: PointerEvent) => {\n      const target = event.target;\n      if (\n        closeOnOutsidePress &&\n        target instanceof Node &&\n        !triggerElement?.contains(target) &&\n        !document.getElementById(contentId)?.contains(target)\n      )\n        setOpen(false, false);\n    };\n    const menuAction = (event: MouseEvent) => {\n      if (event.defaultPrevented || !(event.target instanceof Element)) return;\n      const item = event.target.closest('[role=\"menuitem\"]');\n      if (item && document.getElementById(contentId)?.contains(item)) setOpen(false);\n    };\n    document.addEventListener('keydown', key);\n    document.addEventListener('pointerdown', outside);\n    document.addEventListener('click', menuAction);\n    return () => {\n      document.removeEventListener('keydown', key);\n      document.removeEventListener('pointerdown', outside);\n      document.removeEventListener('click', menuAction);\n    };\n  }, [isOpen, closeOnEscape, closeOnOutsidePress, contentId, setOpen, triggerElement]);\n  return (\n    <PopupContext.Provider\n      value={{ contentId, open: isOpen, setOpen, setTriggerElement, triggerElement }}\n    >\n      {children}\n    </PopupContext.Provider>\n  );\n};\nTrigger.displayName = 'Popup.Trigger';\nContent.displayName = 'Popup.Content';\nRoot.displayName = 'Popup';\n\nexport default Object.assign(Root, { Trigger, Content });\n"],"mappings":"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"}

package/dist/components/popup/PopupList.d.ts

@@ -1,4 +1,7 @@
 import type { PopupListProps } from './Popup.types.js';
-declare const PopupList: ({ className, items, trigger }: PopupListProps) => import("react").JSX.Element;
+declare const PopupList: {
+    ({ className, items, trigger }: PopupListProps): import("react").JSX.Element;
+    displayName: string;
+};
 export default PopupList;
 //# sourceMappingURL=PopupList.d.ts.map

package/dist/components/popup/PopupList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupList.d.ts","sourceRoot":"","sources":["../../../src/components/popup/PopupList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,SAAS,GAAI,+BAA+B,cAAc,gCA2C/D,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"PopupList.d.ts","sourceRoot":"","sources":["../../../src/components/popup/PopupList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,SAAS;oCAAmC,cAAc;;CAgD/D,CAAC;AAIF,eAAe,SAAS,CAAC"}

package/dist/components/popup/PopupList.js

@@ -1,10 +1,13 @@
 import ButtonIcon from "../button/button-icon/ButtonIcon.js";
 import Popup_default from "./Popup.js";
-import { useRef } from "react";
+import { useCallback, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/popup/PopupList.tsx
 var PopupList = ({ className, items, trigger }) => {
 	const itemRefs = useRef([]);
+	const handleMenuRef = useCallback((element) => {
+		element?.querySelector("[role=\"menuitem\"]")?.focus();
+	}, []);
 	const handleKeyDown = (event) => {
 		const index = itemRefs.current.indexOf(document.activeElement);
 		if (index < 0 || items.length === 0) return;
@@ -25,6 +28,7 @@ var PopupList = ({ className, items, trigger }) => {
 		className,
 		children: /* @__PURE__ */ jsx("div", {
 			onKeyDown: handleKeyDown,
+			ref: handleMenuRef,
 			role: "menu",
 			tabIndex: -1,
 			children: items.map((item, index) => /* @__PURE__ */ jsxs("button", {
@@ -34,12 +38,14 @@ var PopupList = ({ className, items, trigger }) => {
 					itemRefs.current[index] = element;
 				},
 				role: "menuitem",
+				tabIndex: -1,
 				type: "button",
 				children: [/* @__PURE__ */ jsx(ButtonIcon, { icon: item.icon }), /* @__PURE__ */ jsx("span", { children: item.text })]
 			}, `${item.text}-${index}`))
 		})
 	})] });
 };
+PopupList.displayName = "PopupList";
 //#endregion
 export { PopupList as default };
 

package/dist/components/popup/PopupList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopupList.js","names":[],"sources":["../../../src/components/popup/PopupList.tsx"],"sourcesContent":["import { useRef, type KeyboardEvent } from 'react';\n\nimport ButtonIcon from '../button/button-icon/ButtonIcon.js';\nimport Popup from './Popup.js';\nimport type { PopupListProps } from './Popup.types.js';\n\nconst PopupList = ({ className, items, trigger }: PopupListProps) => {\n  const itemRefs = useRef<(HTMLButtonElement | null)[]>([]);\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const index = itemRefs.current.indexOf(document.activeElement as HTMLButtonElement);\n    if (index < 0 || items.length === 0) return;\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      event.preventDefault();\n      const direction = event.key === 'ArrowDown' ? 1 : -1;\n      const nextIndex = (index + direction + items.length) % items.length;\n      itemRefs.current[nextIndex]?.focus();\n    }\n    if (event.key === 'Home' || event.key === 'End') {\n      event.preventDefault();\n      itemRefs.current[event.key === 'Home' ? 0 : items.length - 1]?.focus();\n    }\n  };\n\n  return (\n    <Popup>\n      <Popup.Trigger asChild>{trigger}</Popup.Trigger>\n      <Popup.Content className={className}>\n        <div onKeyDown={handleKeyDown} role=\"menu\" tabIndex={-1}>\n          {items.map((item, index) => (\n            <button\n              className=\"chayns-popup-list__item\"\n              key={`${item.text}-${index}`}\n              onClick={item.onClick}\n              ref={(element) => {\n                itemRefs.current[index] = element;\n              }}\n              role=\"menuitem\"\n              type=\"button\"\n            >\n              <ButtonIcon icon={item.icon} />\n              <span>{item.text}</span>\n            </button>\n          ))}\n        </div>\n      </Popup.Content>\n    </Popup>\n  );\n};\n\nexport default PopupList;\n"],"mappings":";;;;;AAMA,IAAM,aAAa,EAAE,WAAW,OAAO,cAA8B;CACnE,MAAM,WAAW,OAAqC,CAAC,CAAC;CAExD,MAAM,iBAAiB,UAAyC;EAC9D,MAAM,QAAQ,SAAS,QAAQ,QAAQ,SAAS,aAAkC;EAClF,IAAI,QAAQ,KAAK,MAAM,WAAW,GAAG;EAErC,IAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,WAAW;GACxD,MAAM,eAAe;GAErB,MAAM,aAAa,SADD,MAAM,QAAQ,cAAc,IAAI,MACX,MAAM,UAAU,MAAM;GAC7D,SAAS,QAAQ,UAAU,EAAE,MAAM;EACrC;EACA,IAAI,MAAM,QAAQ,UAAU,MAAM,QAAQ,OAAO;GAC/C,MAAM,eAAe;GACrB,SAAS,QAAQ,MAAM,QAAQ,SAAS,IAAI,MAAM,SAAS,EAAE,EAAE,MAAM;EACvE;CACF;CAEA,OACE,qBAAC,eAAD,EAAA,UAAA,CACE,oBAAC,cAAM,SAAP;EAAe,SAAA;EAAS,UAAA;CAAuB,CAAA,GAC/C,oBAAC,cAAM,SAAP;EAA0B;EACxB,UAAA,oBAAC,OAAD;GAAK,WAAW;GAAe,MAAK;GAAO,UAAU;GAClD,UAAA,MAAM,KAAK,MAAM,UAChB,qBAAC,UAAD;IACE,WAAU;IAEV,SAAS,KAAK;IACd,MAAM,YAAY;KAChB,SAAS,QAAQ,SAAS;IAC5B;IACA,MAAK;IACL,MAAK;IARP,UAAA,CAUE,oBAAC,YAAD,EAAY,MAAM,KAAK,KAAO,CAAA,GAC9B,oBAAC,QAAD,EAAA,UAAO,KAAK,KAAW,CAAA,CACjB;GAVD,GAAA,GAAG,KAAK,KAAK,GAAG,OAUf,CACT;EACE,CAAA;CACQ,CAAA,CACV,EAAA,CAAA;AAEX"}
+{"version":3,"file":"PopupList.js","names":[],"sources":["../../../src/components/popup/PopupList.tsx"],"sourcesContent":["import { useCallback, useRef, type KeyboardEvent } from 'react';\n\nimport ButtonIcon from '../button/button-icon/ButtonIcon.js';\nimport Popup from './Popup.js';\nimport type { PopupListProps } from './Popup.types.js';\n\nconst PopupList = ({ className, items, trigger }: PopupListProps) => {\n  const itemRefs = useRef<(HTMLButtonElement | null)[]>([]);\n\n  const handleMenuRef = useCallback((element: HTMLDivElement | null) => {\n    element?.querySelector<HTMLButtonElement>('[role=\"menuitem\"]')?.focus();\n  }, []);\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const index = itemRefs.current.indexOf(document.activeElement as HTMLButtonElement);\n    if (index < 0 || items.length === 0) return;\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      event.preventDefault();\n      const direction = event.key === 'ArrowDown' ? 1 : -1;\n      const nextIndex = (index + direction + items.length) % items.length;\n      itemRefs.current[nextIndex]?.focus();\n    }\n    if (event.key === 'Home' || event.key === 'End') {\n      event.preventDefault();\n      itemRefs.current[event.key === 'Home' ? 0 : items.length - 1]?.focus();\n    }\n  };\n\n  return (\n    <Popup>\n      <Popup.Trigger asChild>{trigger}</Popup.Trigger>\n      <Popup.Content className={className}>\n        <div onKeyDown={handleKeyDown} ref={handleMenuRef} role=\"menu\" tabIndex={-1}>\n          {items.map((item, index) => (\n            <button\n              className=\"chayns-popup-list__item\"\n              key={`${item.text}-${index}`}\n              onClick={item.onClick}\n              ref={(element) => {\n                itemRefs.current[index] = element;\n              }}\n              role=\"menuitem\"\n              tabIndex={-1}\n              type=\"button\"\n            >\n              <ButtonIcon icon={item.icon} />\n              <span>{item.text}</span>\n            </button>\n          ))}\n        </div>\n      </Popup.Content>\n    </Popup>\n  );\n};\n\nPopupList.displayName = 'PopupList';\n\nexport default PopupList;\n"],"mappings":";;;;;AAMA,IAAM,aAAa,EAAE,WAAW,OAAO,cAA8B;CACnE,MAAM,WAAW,OAAqC,CAAC,CAAC;CAExD,MAAM,gBAAgB,aAAa,YAAmC;EACpE,SAAS,cAAiC,qBAAmB,CAAC,EAAE,MAAM;CACxE,GAAG,CAAC,CAAC;CAEL,MAAM,iBAAiB,UAAyC;EAC9D,MAAM,QAAQ,SAAS,QAAQ,QAAQ,SAAS,aAAkC;EAClF,IAAI,QAAQ,KAAK,MAAM,WAAW,GAAG;EAErC,IAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,WAAW;GACxD,MAAM,eAAe;GAErB,MAAM,aAAa,SADD,MAAM,QAAQ,cAAc,IAAI,MACX,MAAM,UAAU,MAAM;GAC7D,SAAS,QAAQ,UAAU,EAAE,MAAM;EACrC;EACA,IAAI,MAAM,QAAQ,UAAU,MAAM,QAAQ,OAAO;GAC/C,MAAM,eAAe;GACrB,SAAS,QAAQ,MAAM,QAAQ,SAAS,IAAI,MAAM,SAAS,EAAE,EAAE,MAAM;EACvE;CACF;CAEA,OACE,qBAAC,eAAD,EAAA,UAAA,CACE,oBAAC,cAAM,SAAP;EAAe,SAAA;EAAS,UAAA;CAAuB,CAAA,GAC/C,oBAAC,cAAM,SAAP;EAA0B;EACxB,UAAA,oBAAC,OAAD;GAAK,WAAW;GAAe,KAAK;GAAe,MAAK;GAAO,UAAU;GACtE,UAAA,MAAM,KAAK,MAAM,UAChB,qBAAC,UAAD;IACE,WAAU;IAEV,SAAS,KAAK;IACd,MAAM,YAAY;KAChB,SAAS,QAAQ,SAAS;IAC5B;IACA,MAAK;IACL,UAAU;IACV,MAAK;IATP,UAAA,CAWE,oBAAC,YAAD,EAAY,MAAM,KAAK,KAAO,CAAA,GAC9B,oBAAC,QAAD,EAAA,UAAO,KAAK,KAAW,CAAA,CACjB;GAXD,GAAA,GAAG,KAAK,KAAK,GAAG,OAWf,CACT;EACE,CAAA;CACQ,CAAA,CACV,EAAA,CAAA;AAEX;AAEA,UAAU,cAAc"}

package/dist/components/progress/Progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/progress/Progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAkBzD,QAAA,MAAM,QAAQ,uHA+DZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/progress/Progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAkBzD,QAAA,MAAM,QAAQ,uHA+DZ,CAAC;AAIH,eAAe,QAAQ,CAAC"}

package/dist/components/progress/Progress.js

@@ -44,6 +44,7 @@ var Progress = forwardRef(function Progress({ "aria-label": _ariaLabel, "aria-la
 		})]
 	});
 });
+Progress.displayName = "Progress";
 //#endregion
 export { Progress as default };
 

package/dist/components/progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","names":[],"sources":["../../../src/components/progress/Progress.tsx"],"sourcesContent":["import { forwardRef, useId } from 'react';\n\nimport type { ProgressProps } from './Progress.types.js';\n\nfunction normalizeValue(value: number) {\n  if (Number.isNaN(value)) {\n    return 0;\n  }\n\n  if (value === Infinity) {\n    return 100;\n  }\n\n  if (value === -Infinity) {\n    return 0;\n  }\n\n  return Math.min(100, Math.max(0, Math.round(value)));\n}\n\nconst Progress = forwardRef<HTMLDivElement, ProgressProps>(function Progress(\n  {\n    'aria-label': _ariaLabel,\n    'aria-labelledby': _ariaLabelledBy,\n    'aria-valuemax': _ariaValueMax,\n    'aria-valuemin': _ariaValueMin,\n    'aria-valuenow': _ariaValueNow,\n    'aria-valuetext': _ariaValueText,\n    children: _children,\n    className,\n    label,\n    role: _role,\n    rootProps,\n    tabIndex: _tabIndex,\n    value,\n    ...progressbarProps\n  },\n  ref,\n) {\n  void _ariaLabel;\n  void _ariaLabelledBy;\n  void _ariaValueMax;\n  void _ariaValueMin;\n  void _ariaValueNow;\n  void _ariaValueText;\n  void _children;\n  void _role;\n  void _tabIndex;\n\n  const labelId = useId();\n  const normalizedValue = normalizeValue(value);\n  const valueText = `${normalizedValue} %`;\n  const { className: rootClassName, ...remainingRootProps } = rootProps ?? {};\n  const resolvedRootClassName = ['chayns-progress', rootClassName].filter(Boolean).join(' ');\n  const resolvedProgressbarClassName = ['chayns-progress__bar', className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div {...remainingRootProps} className={resolvedRootClassName}>\n      <div className=\"chayns-progress__label-row\">\n        <span id={labelId}>{label}</span>\n        <span aria-hidden=\"true\">{valueText}</span>\n      </div>\n      <div\n        {...progressbarProps}\n        aria-labelledby={labelId}\n        aria-valuemax={100}\n        aria-valuemin={0}\n        aria-valuenow={normalizedValue}\n        aria-valuetext={valueText}\n        className={resolvedProgressbarClassName}\n        ref={ref}\n        role=\"progressbar\"\n      >\n        <div\n          aria-hidden=\"true\"\n          className=\"chayns-progress__fill\"\n          style={{ width: `${normalizedValue}%` }}\n        />\n      </div>\n    </div>\n  );\n});\n\nexport default Progress;\n"],"mappings":";;;AAIA,SAAS,eAAe,OAAe;CACrC,IAAI,OAAO,MAAM,KAAK,GACpB,OAAO;CAGT,IAAI,UAAU,UACZ,OAAO;CAGT,IAAI,UAAU,WACZ,OAAO;CAGT,OAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,CAAC,CAAC;AACrD;AAEA,IAAM,WAAW,WAA0C,SAAS,SAClE,EACE,cAAc,YACd,mBAAmB,iBACnB,iBAAiB,eACjB,iBAAiB,eACjB,iBAAiB,eACjB,kBAAkB,gBAClB,UAAU,WACV,WACA,OACA,MAAM,OACN,WACA,UAAU,WACV,OACA,GAAG,oBAEL,KACA;CAWA,MAAM,UAAU,MAAM;CACtB,MAAM,kBAAkB,eAAe,KAAK;CAC5C,MAAM,YAAY,GAAG,gBAAgB;CACrC,MAAM,EAAE,WAAW,eAAe,GAAG,uBAAuB,aAAa,CAAC;CAC1E,MAAM,wBAAwB,CAAC,mBAAmB,aAAa,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CACzF,MAAM,+BAA+B,CAAC,wBAAwB,SAAS,CAAC,CACrE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,qBAAC,OAAD;EAAK,GAAI;EAAoB,WAAW;EAAxC,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,QAAD;IAAM,IAAI;IAAU,UAAA;GAAY,CAAA,GAChC,oBAAC,QAAD;IAAM,eAAY;IAAQ,UAAA;GAAgB,CAAA,CACvC;EACL,CAAA,GAAA,oBAAC,OAAD;GACE,GAAI;GACJ,mBAAiB;GACjB,iBAAe;GACf,iBAAe;GACf,iBAAe;GACf,kBAAgB;GAChB,WAAW;GACN;GACL,MAAK;GAEL,UAAA,oBAAC,OAAD;IACE,eAAY;IACZ,WAAU;IACV,OAAO,EAAE,OAAO,GAAG,gBAAgB,GAAG;GACvC,CAAA;EACE,CAAA,CACF;;AAET,CAAC"}
+{"version":3,"file":"Progress.js","names":[],"sources":["../../../src/components/progress/Progress.tsx"],"sourcesContent":["import { forwardRef, useId } from 'react';\n\nimport type { ProgressProps } from './Progress.types.js';\n\nfunction normalizeValue(value: number) {\n  if (Number.isNaN(value)) {\n    return 0;\n  }\n\n  if (value === Infinity) {\n    return 100;\n  }\n\n  if (value === -Infinity) {\n    return 0;\n  }\n\n  return Math.min(100, Math.max(0, Math.round(value)));\n}\n\nconst Progress = forwardRef<HTMLDivElement, ProgressProps>(function Progress(\n  {\n    'aria-label': _ariaLabel,\n    'aria-labelledby': _ariaLabelledBy,\n    'aria-valuemax': _ariaValueMax,\n    'aria-valuemin': _ariaValueMin,\n    'aria-valuenow': _ariaValueNow,\n    'aria-valuetext': _ariaValueText,\n    children: _children,\n    className,\n    label,\n    role: _role,\n    rootProps,\n    tabIndex: _tabIndex,\n    value,\n    ...progressbarProps\n  },\n  ref,\n) {\n  void _ariaLabel;\n  void _ariaLabelledBy;\n  void _ariaValueMax;\n  void _ariaValueMin;\n  void _ariaValueNow;\n  void _ariaValueText;\n  void _children;\n  void _role;\n  void _tabIndex;\n\n  const labelId = useId();\n  const normalizedValue = normalizeValue(value);\n  const valueText = `${normalizedValue} %`;\n  const { className: rootClassName, ...remainingRootProps } = rootProps ?? {};\n  const resolvedRootClassName = ['chayns-progress', rootClassName].filter(Boolean).join(' ');\n  const resolvedProgressbarClassName = ['chayns-progress__bar', className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div {...remainingRootProps} className={resolvedRootClassName}>\n      <div className=\"chayns-progress__label-row\">\n        <span id={labelId}>{label}</span>\n        <span aria-hidden=\"true\">{valueText}</span>\n      </div>\n      <div\n        {...progressbarProps}\n        aria-labelledby={labelId}\n        aria-valuemax={100}\n        aria-valuemin={0}\n        aria-valuenow={normalizedValue}\n        aria-valuetext={valueText}\n        className={resolvedProgressbarClassName}\n        ref={ref}\n        role=\"progressbar\"\n      >\n        <div\n          aria-hidden=\"true\"\n          className=\"chayns-progress__fill\"\n          style={{ width: `${normalizedValue}%` }}\n        />\n      </div>\n    </div>\n  );\n});\n\nProgress.displayName = 'Progress';\n\nexport default Progress;\n"],"mappings":";;;AAIA,SAAS,eAAe,OAAe;CACrC,IAAI,OAAO,MAAM,KAAK,GACpB,OAAO;CAGT,IAAI,UAAU,UACZ,OAAO;CAGT,IAAI,UAAU,WACZ,OAAO;CAGT,OAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,CAAC,CAAC;AACrD;AAEA,IAAM,WAAW,WAA0C,SAAS,SAClE,EACE,cAAc,YACd,mBAAmB,iBACnB,iBAAiB,eACjB,iBAAiB,eACjB,iBAAiB,eACjB,kBAAkB,gBAClB,UAAU,WACV,WACA,OACA,MAAM,OACN,WACA,UAAU,WACV,OACA,GAAG,oBAEL,KACA;CAWA,MAAM,UAAU,MAAM;CACtB,MAAM,kBAAkB,eAAe,KAAK;CAC5C,MAAM,YAAY,GAAG,gBAAgB;CACrC,MAAM,EAAE,WAAW,eAAe,GAAG,uBAAuB,aAAa,CAAC;CAC1E,MAAM,wBAAwB,CAAC,mBAAmB,aAAa,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CACzF,MAAM,+BAA+B,CAAC,wBAAwB,SAAS,CAAC,CACrE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,qBAAC,OAAD;EAAK,GAAI;EAAoB,WAAW;EAAxC,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,QAAD;IAAM,IAAI;IAAU,UAAA;GAAY,CAAA,GAChC,oBAAC,QAAD;IAAM,eAAY;IAAQ,UAAA;GAAgB,CAAA,CACvC;EACL,CAAA,GAAA,oBAAC,OAAD;GACE,GAAI;GACJ,mBAAiB;GACjB,iBAAe;GACf,iBAAe;GACf,iBAAe;GACf,kBAAgB;GAChB,WAAW;GACN;GACL,MAAK;GAEL,UAAA,oBAAC,OAAD;IACE,eAAY;IACZ,WAAU;IACV,OAAO,EAAE,OAAO,GAAG,gBAAgB,GAAG;GACvC,CAAA;EACE,CAAA,CACF;;AAET,CAAC;AAED,SAAS,cAAc"}

package/dist/components/progress/Progress.types.d.ts

@@ -2,7 +2,7 @@ import type { ComponentPropsWithRef } from 'react';
 type ProgressbarAriaProps = 'aria-label' | 'aria-labelledby' | 'aria-valuemax' | 'aria-valuemin' | 'aria-valuenow' | 'aria-valuetext';
 export interface ProgressProps extends Omit<ComponentPropsWithRef<'div'>, ProgressbarAriaProps | 'children' | 'role' | 'tabIndex'> {
     label: string;
-    rootProps?: Omit<ComponentPropsWithRef<'div'>, 'children'>;
+    rootProps?: Omit<ComponentPropsWithRef<'div'>, 'children'> & Record<`data-${string}`, unknown>;
     value: number;
     children?: never;
     role?: never;