@chayns-ui/core 0.2.0 → 0.3.0

package/dist/components/button/ButtonIcon.d.ts

@@ -1,7 +0,0 @@
-import type { ButtonIcon as ButtonIconName } from './Button.types.js';
-interface ButtonIconProps {
-    icon: ButtonIconName;
-}
-declare function ButtonIcon({ icon }: ButtonIconProps): import("react").JSX.Element;
-export default ButtonIcon;
-//# sourceMappingURL=ButtonIcon.d.ts.map

package/dist/components/button/ButtonIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../src/components/button/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEtE,UAAU,eAAe;IACvB,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,iBAAS,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE,eAAe,+BAW5C;AAED,eAAe,UAAU,CAAC"}

package/dist/components/button/ButtonIcon.js

@@ -1,19 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/button/ButtonIcon.tsx
-function ButtonIcon({ icon }) {
-	return /* @__PURE__ */ jsxs("span", {
-		"aria-hidden": "true",
-		className: "chayns-button-icon",
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "chayns-button-icon__weight",
-			children: /* @__PURE__ */ jsx("i", { className: `far ${icon}` })
-		}), /* @__PURE__ */ jsx("span", {
-			className: "chayns-button-icon__weight chayns-button-icon__weight--active",
-			children: /* @__PURE__ */ jsx("i", { className: `fas ${icon}` })
-		})]
-	});
-}
-//#endregion
-export { ButtonIcon as default };
-
-//# sourceMappingURL=ButtonIcon.js.map

package/dist/components/button/ButtonIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.js","names":[],"sources":["../../../src/components/button/ButtonIcon.tsx"],"sourcesContent":["import type { ButtonIcon as ButtonIconName } from './Button.types.js';\n\ninterface ButtonIconProps {\n  icon: ButtonIconName;\n}\n\nfunction ButtonIcon({ icon }: ButtonIconProps) {\n  return (\n    <span aria-hidden=\"true\" className=\"chayns-button-icon\">\n      <span className=\"chayns-button-icon__weight\">\n        <i className={`far ${icon}`} />\n      </span>\n      <span className=\"chayns-button-icon__weight chayns-button-icon__weight--active\">\n        <i className={`fas ${icon}`} />\n      </span>\n    </span>\n  );\n}\n\nexport default ButtonIcon;\n"],"mappings":";;AAMA,SAAS,WAAW,EAAE,QAAyB;CAC7C,OACE,qBAAC,QAAD;EAAM,eAAY;EAAO,WAAU;EAAnC,UAAA,CACE,oBAAC,QAAD;GAAM,WAAU;GACd,UAAA,oBAAC,KAAD,EAAG,WAAW,OAAO,OAAS,CAAA;EAC1B,CAAA,GACN,oBAAC,QAAD;GAAM,WAAU;GACd,UAAA,oBAAC,KAAD,EAAG,WAAW,OAAO,OAAS,CAAA;EAC1B,CAAA,CACF;;AAEV"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,IAAI,EACJ,IAAe,EACf,OAAO,EACP,GAAG,WAAW,EACf,EAAE,eAAe,+BAQjB;AAED,eAAe,UAAU,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.js","names":[],"sources":["../../../src/components/button/IconButton.tsx"],"sourcesContent":["import type { IconButtonProps } from './Button.types.js';\nimport ButtonIcon from './ButtonIcon.js';\nimport { getButtonClassName } from './buttonClassName.js';\n\nfunction IconButton({\n  className,\n  icon,\n  type = 'button',\n  variant,\n  ...buttonProps\n}: IconButtonProps) {\n  const resolvedClassName = getButtonClassName('chayns-icon-button', variant, className);\n\n  return (\n    <button {...buttonProps} className={resolvedClassName} type={type}>\n      <ButtonIcon icon={icon} />\n    </button>\n  );\n}\n\nexport default IconButton;\n"],"mappings":";;;;AAIA,SAAS,WAAW,EAClB,WACA,MACA,OAAO,UACP,SACA,GAAG,eACe;CAClB,MAAM,oBAAoB,mBAAmB,sBAAsB,SAAS,SAAS;CAErF,OACE,oBAAC,UAAD;EAAQ,GAAI;EAAa,WAAW;EAAyB;EAC3D,UAAA,oBAAC,YAAD,EAAkB,KAAO,CAAA;CACnB,CAAA;AAEZ"}

package/dist/components/button/buttonClassName.d.ts

@@ -1,3 +0,0 @@
-import type { ButtonVariant } from './Button.types.js';
-export declare function getButtonClassName(componentClassName: 'chayns-button' | 'chayns-icon-button', variant: ButtonVariant, className?: string): string;
-//# sourceMappingURL=buttonClassName.d.ts.map

package/dist/components/button/buttonClassName.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttonClassName.d.ts","sourceRoot":"","sources":["../../../src/components/button/buttonClassName.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,wBAAgB,kBAAkB,CAChC,kBAAkB,EAAE,eAAe,GAAG,oBAAoB,EAC1D,OAAO,EAAE,aAAa,EACtB,SAAS,CAAC,EAAE,MAAM,GACjB,MAAM,CAMR"}

package/dist/components/button/buttonClassName.js

@@ -1,9 +0,0 @@
-//#region src/components/button/buttonClassName.ts
-function getButtonClassName(componentClassName, variant, className) {
-	const variantClassName = `${componentClassName}--${variant}`;
-	return className ? `${componentClassName} ${variantClassName} ${className}` : `${componentClassName} ${variantClassName}`;
-}
-//#endregion
-export { getButtonClassName };
-
-//# sourceMappingURL=buttonClassName.js.map

package/dist/components/button/buttonClassName.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttonClassName.js","names":[],"sources":["../../../src/components/button/buttonClassName.ts"],"sourcesContent":["import type { ButtonVariant } from './Button.types.js';\n\nexport function getButtonClassName(\n  componentClassName: 'chayns-button' | 'chayns-icon-button',\n  variant: ButtonVariant,\n  className?: string,\n): string {\n  const variantClassName = `${componentClassName}--${variant}`;\n\n  return className\n    ? `${componentClassName} ${variantClassName} ${className}`\n    : `${componentClassName} ${variantClassName}`;\n}\n"],"mappings":";AAEA,SAAgB,mBACd,oBACA,SACA,WACQ;CACR,MAAM,mBAAmB,GAAG,mBAAmB,IAAI;CAEnD,OAAO,YACH,GAAG,mBAAmB,GAAG,iBAAiB,GAAG,cAC7C,GAAG,mBAAmB,GAAG;AAC/B"}

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

@@ -1,4 +0,0 @@
-export { default as Button } from './Button.js';
-export { default as IconButton } from './IconButton.js';
-export type { ButtonContent, ButtonIcon, ButtonProps, ButtonVariant, IconButtonProps, } from './Button.types.js';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACxD,YAAY,EACV,aAAa,EACb,UAAU,EACV,WAAW,EACX,aAAa,EACb,eAAe,GAChB,MAAM,mBAAmB,CAAC"}

package/dist/components/button/index.js

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

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

@@ -1,3 +0,0 @@
-export { default as Card } from './Card.js';
-export type { CardProps } from './Card.types.js';
-//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/card/index.js

@@ -1,2 +0,0 @@
-import Card from "./Card.js";
-export { Card };

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

@@ -1,4 +0,0 @@
-import type { ListItemProps } from './List.types.js';
-declare function ListItem({ className, disabled, href, id, leading, onClick, subtitle, title, trailing, unread, unreadLabel, }: ListItemProps): import("react").JSX.Element;
-export default ListItem;
-//# sourceMappingURL=ListItem.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/components/list/ListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AA+BrD,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,QAAgB,EAChB,IAAI,EACJ,EAAE,EACF,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAc,EACd,WAAW,GACZ,EAAE,aAAa,+BA0Cf;AAED,eAAe,QAAQ,CAAC"}

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 };