@chayns-ui/core 0.2.1 → 0.3.0

package/dist/components/list/ListItem.js

@@ -1,67 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/list/ListItem.tsx
-function ListItemBody({ leading, subtitle, title, unread, unreadLabel }) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		unread ? /* @__PURE__ */ jsx("span", {
-			className: "chayns-list-item__unread",
-			"aria-hidden": unreadLabel ? void 0 : true,
-			children: unreadLabel ? /* @__PURE__ */ jsx("span", {
-				className: "chayns-visually-hidden",
-				children: unreadLabel
-			}) : null
-		}) : null,
-		leading ? /* @__PURE__ */ jsx("span", {
-			className: "chayns-list-item__leading",
-			children: leading
-		}) : null,
-		/* @__PURE__ */ jsxs("span", {
-			className: "chayns-list-item__body",
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "chayns-list-item__title",
-				children: title
-			}), subtitle ? /* @__PURE__ */ jsx("span", {
-				className: "chayns-list-item__subtitle",
-				children: subtitle
-			}) : null]
-		})
-	] });
-}
-function ListItem({ className, disabled = false, href, id, leading, onClick, subtitle, title, trailing, unread = false, unreadLabel }) {
-	const actionClassName = ["chayns-list-item__action", Boolean(href) || Boolean(onClick) ? "chayns-list-item__action--interactive" : null].filter(Boolean).join(" ");
-	const body = /* @__PURE__ */ jsx(ListItemBody, {
-		leading,
-		subtitle,
-		title,
-		unread,
-		unreadLabel
-	});
-	let action;
-	if (href) action = /* @__PURE__ */ jsx("a", {
-		className: actionClassName,
-		href,
-		children: body
-	});
-	else if (onClick) action = /* @__PURE__ */ jsx("button", {
-		className: actionClassName,
-		disabled,
-		onClick,
-		type: "button",
-		children: body
-	});
-	else action = /* @__PURE__ */ jsx("div", {
-		className: actionClassName,
-		children: body
-	});
-	return /* @__PURE__ */ jsxs("li", {
-		className: ["chayns-list-item", className].filter(Boolean).join(" "),
-		id,
-		children: [action, trailing ? /* @__PURE__ */ jsx("span", {
-			className: "chayns-list-item__trailing",
-			children: trailing
-		}) : null]
-	});
-}
-//#endregion
-export { ListItem as default };
-
-//# sourceMappingURL=ListItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ListItem.js","names":[],"sources":["../../../src/components/list/ListItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { ListItemProps } from './List.types.js';\n\nfunction ListItemBody({\n  leading,\n  subtitle,\n  title,\n  unread,\n  unreadLabel,\n}: {\n  leading?: ReactNode;\n  subtitle?: ReactNode;\n  title: ReactNode;\n  unread?: boolean;\n  unreadLabel?: string | undefined;\n}) {\n  return (\n    <>\n      {unread ? (\n        <span className=\"chayns-list-item__unread\" aria-hidden={unreadLabel ? undefined : true}>\n          {unreadLabel ? <span className=\"chayns-visually-hidden\">{unreadLabel}</span> : null}\n        </span>\n      ) : null}\n      {leading ? <span className=\"chayns-list-item__leading\">{leading}</span> : null}\n      <span className=\"chayns-list-item__body\">\n        <span className=\"chayns-list-item__title\">{title}</span>\n        {subtitle ? <span className=\"chayns-list-item__subtitle\">{subtitle}</span> : null}\n      </span>\n    </>\n  );\n}\n\nfunction ListItem({\n  className,\n  disabled = false,\n  href,\n  id,\n  leading,\n  onClick,\n  subtitle,\n  title,\n  trailing,\n  unread = false,\n  unreadLabel,\n}: ListItemProps) {\n  const interactive = Boolean(href) || Boolean(onClick);\n  const actionClassName = [\n    'chayns-list-item__action',\n    interactive ? 'chayns-list-item__action--interactive' : null,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const body = (\n    <ListItemBody\n      leading={leading}\n      subtitle={subtitle}\n      title={title}\n      unread={unread}\n      unreadLabel={unreadLabel}\n    />\n  );\n\n  let action: ReactNode;\n  if (href) {\n    action = (\n      <a className={actionClassName} href={href}>\n        {body}\n      </a>\n    );\n  } else if (onClick) {\n    action = (\n      <button className={actionClassName} disabled={disabled} onClick={onClick} type=\"button\">\n        {body}\n      </button>\n    );\n  } else {\n    action = <div className={actionClassName}>{body}</div>;\n  }\n\n  return (\n    <li className={['chayns-list-item', className].filter(Boolean).join(' ')} id={id}>\n      {action}\n      {trailing ? <span className=\"chayns-list-item__trailing\">{trailing}</span> : null}\n    </li>\n  );\n}\n\nexport default ListItem;\n"],"mappings":";;AAIA,SAAS,aAAa,EACpB,SACA,UACA,OACA,QACA,eAOC;CACD,OACE,qBAAA,UAAA,EAAA,UAAA;EACG,SACC,oBAAC,QAAD;GAAM,WAAU;GAA2B,eAAa,cAAc,KAAA,IAAY;GAC/E,UAAA,cAAc,oBAAC,QAAD;IAAM,WAAU;IAA0B,UAAA;GAAkB,CAAA,IAAI;EAC3E,CAAA,IACJ;EACH,UAAU,oBAAC,QAAD;GAAM,WAAU;GAA6B,UAAA;EAAc,CAAA,IAAI;EAC1E,qBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,oBAAC,QAAD;IAAM,WAAU;IAA2B,UAAA;GAAY,CAAA,GACtD,WAAW,oBAAC,QAAD;IAAM,WAAU;IAA8B,UAAA;GAAe,CAAA,IAAI,IACzE;;CACN,EAAA,CAAA;AAEN;AAEA,SAAS,SAAS,EAChB,WACA,WAAW,OACX,MACA,IACA,SACA,SACA,UACA,OACA,UACA,SAAS,OACT,eACgB;CAEhB,MAAM,kBAAkB,CACtB,4BAFkB,QAAQ,IAAI,KAAK,QAAQ,OAAO,IAGpC,0CAA0C,IAC1D,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,MAAM,OACJ,oBAAC,cAAD;EACW;EACC;EACH;EACC;EACK;CACd,CAAA;CAGH,IAAI;CACJ,IAAI,MACF,SACE,oBAAC,KAAD;EAAG,WAAW;EAAuB;EAClC,UAAA;CACA,CAAA;MAEA,IAAI,SACT,SACE,oBAAC,UAAD;EAAQ,WAAW;EAA2B;EAAmB;EAAS,MAAK;EAC5E,UAAA;CACK,CAAA;MAGV,SAAS,oBAAC,OAAD;EAAK,WAAW;EAAkB,UAAA;CAAU,CAAA;CAGvD,OACE,qBAAC,MAAD;EAAI,WAAW,CAAC,oBAAoB,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAAO;EAA9E,UAAA,CACG,QACA,WAAW,oBAAC,QAAD;GAAM,WAAU;GAA8B,UAAA;EAAe,CAAA,IAAI,IAC3E;;AAER"}

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

@@ -1,4 +0,0 @@
-export { default as List } from './List.js';
-export { default as ListItem } from './ListItem.js';
-export type { ListItemProps, ListProps } from './List.types.js';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/list/index.js

@@ -1,3 +0,0 @@
-import List from "./List.js";
-import ListItem from "./ListItem.js";
-export { List, ListItem };