jvetrau-ds 0.1.13 → 0.1.15

package/components/attach/attach.cjs

@@ -0,0 +1,88 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('./attach.css');
+var classnames = require('../helpers/classnames');
+
+function isImageAttach(item) {
+  return item.mimeType?.startsWith("image/") ?? false;
+}
+function formatFileSize(sizeBytes) {
+  if (sizeBytes === void 0) {
+    return "Size unknown";
+  }
+  if (sizeBytes < 1024) {
+    return `${sizeBytes} B`;
+  }
+  if (sizeBytes < 1024 * 1024) {
+    return `${Math.round(sizeBytes / 1024)} KB`;
+  }
+  return `${(sizeBytes / 1024 / 1024).toFixed(1)} MB`;
+}
+const Attach = ({
+  items,
+  onRemove,
+  removeLabel = "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
+  emptyLabel,
+  className = "",
+  ...props
+}) => {
+  if (items.length === 0) {
+    return null;
+  }
+  const classes = classnames.classnames("attach", className, {});
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: classes,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "attach__list", children: items.map((item) => {
+        const isImage = isImageAttach(item);
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "li",
+          {
+            className: "attach__item",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  className: "attach__link",
+                  href: item.url,
+                  target: "_blank",
+                  rel: "noreferrer",
+                  children: isImage ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      className: "attach__preview",
+                      src: item.url,
+                      alt: item.name
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "attach__file", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "attach__name", children: item.name }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "attach__size", children: formatFileSize(item.sizeBytes) })
+                  ] })
+                }
+              ),
+              onRemove && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  className: "attach__remove",
+                  type: "button",
+                  "aria-label": `${removeLabel} \u0444\u0430\u0439\u043B ${item.name}`,
+                  onClick: () => onRemove(item.id),
+                  children: removeLabel
+                }
+              )
+            ]
+          },
+          item.id
+        );
+      }) })
+    }
+  );
+};
+var attach_default = Attach;
+
+module.exports = attach_default;
+//# sourceMappingURL=attach.cjs.map
+//# sourceMappingURL=attach.cjs.map

package/components/attach/attach.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/attach/attach.tsx"],"names":["classnames","jsx","jsxs"],"mappings":"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","file":"attach.cjs","sourcesContent":["import React from 'react';\nimport './attach.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface AttachItem {\n  id: string;\n  name: string;\n  url: string;\n  mimeType?: string;\n  sizeBytes?: number;\n}\n\nexport interface AttachProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  items: AttachItem[];\n  onRemove?: (id: string) => void;\n  removeLabel?: string;\n  emptyLabel?: string;\n}\n\nfunction isImageAttach(item: AttachItem) {\n  return item.mimeType?.startsWith('image/') ?? false;\n}\n\nfunction formatFileSize(sizeBytes?: number) {\n  if (sizeBytes === undefined) {\n    return 'Size unknown';\n  }\n\n  if (sizeBytes < 1024) {\n    return `${sizeBytes} B`;\n  }\n\n  if (sizeBytes < 1024 * 1024) {\n    return `${Math.round(sizeBytes / 1024)} KB`;\n  }\n\n  return `${(sizeBytes / 1024 / 1024).toFixed(1)} MB`;\n}\n\nconst Attach: React.FC<AttachProps> = ({\n  items,\n  onRemove,\n  removeLabel = 'Удалить',\n  emptyLabel,\n  className = '',\n  ...props\n}) => {\n  if (items.length === 0) {\n    return null;\n  }\n\n  const classes = classnames('attach', className, {});\n\n  return (\n    <div\n      className={classes}\n      {...props}\n    >\n      <ul className=\"attach__list\">\n        {items.map((item) => {\n          const isImage = isImageAttach(item);\n\n          return (\n            <li\n              key={item.id}\n              className=\"attach__item\"\n            >\n              <a\n                className=\"attach__link\"\n                href={item.url}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n              >\n                {isImage ? (\n                  <img\n                    className=\"attach__preview\"\n                    src={item.url}\n                    alt={item.name}\n                  />\n                ) : (\n                  <span className=\"attach__file\">\n                    <span className=\"attach__name\">\n                      {item.name}\n                    </span>\n\n                    <span className=\"attach__size\">\n                      {formatFileSize(item.sizeBytes)}\n                    </span>\n                  </span>\n                )}\n              </a>\n\n              {onRemove && (\n                <button\n                  className=\"attach__remove\"\n                  type=\"button\"\n                  aria-label={`${removeLabel} файл ${item.name}`}\n                  onClick={() => onRemove(item.id)}\n                >\n                  {removeLabel}\n                </button>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n};\n\nexport default Attach;"]}

package/components/attach/attach.d.cts

@@ -0,0 +1,18 @@
+import React from 'react';
+
+interface AttachItem {
+    id: string;
+    name: string;
+    url: string;
+    mimeType?: string;
+    sizeBytes?: number;
+}
+interface AttachProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: AttachItem[];
+    onRemove?: (id: string) => void;
+    removeLabel?: string;
+    emptyLabel?: string;
+}
+declare const Attach: React.FC<AttachProps>;
+
+export { type AttachItem, type AttachProps, Attach as default };

package/components/attach/attach.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+
+interface AttachItem {
+    id: string;
+    name: string;
+    url: string;
+    mimeType?: string;
+    sizeBytes?: number;
+}
+interface AttachProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: AttachItem[];
+    onRemove?: (id: string) => void;
+    removeLabel?: string;
+    emptyLabel?: string;
+}
+declare const Attach: React.FC<AttachProps>;
+
+export { type AttachItem, type AttachProps, Attach as default };

package/components/attach/attach.js

@@ -0,0 +1,86 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import './attach.css';
+import { classnames } from '../helpers/classnames';
+
+function isImageAttach(item) {
+  return item.mimeType?.startsWith("image/") ?? false;
+}
+function formatFileSize(sizeBytes) {
+  if (sizeBytes === void 0) {
+    return "Size unknown";
+  }
+  if (sizeBytes < 1024) {
+    return `${sizeBytes} B`;
+  }
+  if (sizeBytes < 1024 * 1024) {
+    return `${Math.round(sizeBytes / 1024)} KB`;
+  }
+  return `${(sizeBytes / 1024 / 1024).toFixed(1)} MB`;
+}
+const Attach = ({
+  items,
+  onRemove,
+  removeLabel = "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
+  emptyLabel,
+  className = "",
+  ...props
+}) => {
+  if (items.length === 0) {
+    return null;
+  }
+  const classes = classnames("attach", className, {});
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classes,
+      ...props,
+      children: /* @__PURE__ */ jsx("ul", { className: "attach__list", children: items.map((item) => {
+        const isImage = isImageAttach(item);
+        return /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: "attach__item",
+            children: [
+              /* @__PURE__ */ jsx(
+                "a",
+                {
+                  className: "attach__link",
+                  href: item.url,
+                  target: "_blank",
+                  rel: "noreferrer",
+                  children: isImage ? /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      className: "attach__preview",
+                      src: item.url,
+                      alt: item.name
+                    }
+                  ) : /* @__PURE__ */ jsxs("span", { className: "attach__file", children: [
+                    /* @__PURE__ */ jsx("span", { className: "attach__name", children: item.name }),
+                    /* @__PURE__ */ jsx("span", { className: "attach__size", children: formatFileSize(item.sizeBytes) })
+                  ] })
+                }
+              ),
+              onRemove && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: "attach__remove",
+                  type: "button",
+                  "aria-label": `${removeLabel} \u0444\u0430\u0439\u043B ${item.name}`,
+                  onClick: () => onRemove(item.id),
+                  children: removeLabel
+                }
+              )
+            ]
+          },
+          item.id
+        );
+      }) })
+    }
+  );
+};
+var attach_default = Attach;
+
+export { attach_default as default };
+//# sourceMappingURL=attach.js.map
+//# sourceMappingURL=attach.js.map

package/components/attach/attach.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/attach/attach.tsx"],"names":[],"mappings":";;;;AAoBA,SAAS,cAAc,IAAA,EAAkB;AACvC,EAAA,OAAO,IAAA,CAAK,QAAA,EAAU,UAAA,CAAW,QAAQ,CAAA,IAAK,KAAA;AAChD;AAEA,SAAS,eAAe,SAAA,EAAoB;AAC1C,EAAA,IAAI,cAAc,MAAA,EAAW;AAC3B,IAAA,OAAO,cAAA;AAAA,EACT;AAEA,EAAA,IAAI,YAAY,IAAA,EAAM;AACpB,IAAA,OAAO,GAAG,SAAS,CAAA,EAAA,CAAA;AAAA,EACrB;AAEA,EAAA,IAAI,SAAA,GAAY,OAAO,IAAA,EAAM;AAC3B,IAAA,OAAO,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,SAAA,GAAY,IAAI,CAAC,CAAA,GAAA,CAAA;AAAA,EACxC;AAEA,EAAA,OAAO,IAAI,SAAA,GAAY,IAAA,GAAO,IAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,GAAA,CAAA;AAChD;AAEA,MAAM,SAAgC,CAAC;AAAA,EACrC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,4CAAA;AAAA,EACd,UAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,QAAA,EAAU,SAAA,EAAW,EAAE,CAAA;AAElD,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEJ,8BAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gBACX,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AACnB,QAAA,MAAM,OAAA,GAAU,cAAc,IAAI,CAAA;AAElC,QAAA,uBACE,IAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YAEC,SAAA,EAAU,cAAA;AAAA,YAEV,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,cAAA;AAAA,kBACV,MAAM,IAAA,CAAK,GAAA;AAAA,kBACX,MAAA,EAAO,QAAA;AAAA,kBACP,GAAA,EAAI,YAAA;AAAA,kBAEH,QAAA,EAAA,OAAA,mBACC,GAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBACC,SAAA,EAAU,iBAAA;AAAA,sBACV,KAAK,IAAA,CAAK,GAAA;AAAA,sBACV,KAAK,IAAA,CAAK;AAAA;AAAA,mBACZ,mBAEA,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EACd,QAAA,EAAA;AAAA,oCAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EACb,QAAA,EAAA,IAAA,CAAK,IAAA,EACR,CAAA;AAAA,wCAEC,MAAA,EAAA,EAAK,SAAA,EAAU,gBACb,QAAA,EAAA,cAAA,CAAe,IAAA,CAAK,SAAS,CAAA,EAChC;AAAA,mBAAA,EACF;AAAA;AAAA,eAEJ;AAAA,cAEC,QAAA,oBACC,GAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,gBAAA;AAAA,kBACV,IAAA,EAAK,QAAA;AAAA,kBACL,YAAA,EAAY,CAAA,EAAG,WAAW,CAAA,0BAAA,EAAS,KAAK,IAAI,CAAA,CAAA;AAAA,kBAC5C,OAAA,EAAS,MAAM,QAAA,CAAS,IAAA,CAAK,EAAE,CAAA;AAAA,kBAE9B,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,WAAA;AAAA,UApCG,IAAA,CAAK;AAAA,SAsCZ;AAAA,MAEJ,CAAC,CAAA,EACH;AAAA;AAAA,GACF;AAEJ,CAAA;AAEA,IAAO,cAAA,GAAQ","file":"attach.js","sourcesContent":["import React from 'react';\nimport './attach.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface AttachItem {\n  id: string;\n  name: string;\n  url: string;\n  mimeType?: string;\n  sizeBytes?: number;\n}\n\nexport interface AttachProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  items: AttachItem[];\n  onRemove?: (id: string) => void;\n  removeLabel?: string;\n  emptyLabel?: string;\n}\n\nfunction isImageAttach(item: AttachItem) {\n  return item.mimeType?.startsWith('image/') ?? false;\n}\n\nfunction formatFileSize(sizeBytes?: number) {\n  if (sizeBytes === undefined) {\n    return 'Size unknown';\n  }\n\n  if (sizeBytes < 1024) {\n    return `${sizeBytes} B`;\n  }\n\n  if (sizeBytes < 1024 * 1024) {\n    return `${Math.round(sizeBytes / 1024)} KB`;\n  }\n\n  return `${(sizeBytes / 1024 / 1024).toFixed(1)} MB`;\n}\n\nconst Attach: React.FC<AttachProps> = ({\n  items,\n  onRemove,\n  removeLabel = 'Удалить',\n  emptyLabel,\n  className = '',\n  ...props\n}) => {\n  if (items.length === 0) {\n    return null;\n  }\n\n  const classes = classnames('attach', className, {});\n\n  return (\n    <div\n      className={classes}\n      {...props}\n    >\n      <ul className=\"attach__list\">\n        {items.map((item) => {\n          const isImage = isImageAttach(item);\n\n          return (\n            <li\n              key={item.id}\n              className=\"attach__item\"\n            >\n              <a\n                className=\"attach__link\"\n                href={item.url}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n              >\n                {isImage ? (\n                  <img\n                    className=\"attach__preview\"\n                    src={item.url}\n                    alt={item.name}\n                  />\n                ) : (\n                  <span className=\"attach__file\">\n                    <span className=\"attach__name\">\n                      {item.name}\n                    </span>\n\n                    <span className=\"attach__size\">\n                      {formatFileSize(item.sizeBytes)}\n                    </span>\n                  </span>\n                )}\n              </a>\n\n              {onRemove && (\n                <button\n                  className=\"attach__remove\"\n                  type=\"button\"\n                  aria-label={`${removeLabel} файл ${item.name}`}\n                  onClick={() => onRemove(item.id)}\n                >\n                  {removeLabel}\n                </button>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n};\n\nexport default Attach;"]}

package/components/attach.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var attach = require('./attach');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var attach__default = /*#__PURE__*/_interopDefault(attach);
+
+
+
+module.exports = attach__default.default;
+//# sourceMappingURL=attach.cjs.map
+//# sourceMappingURL=attach.cjs.map

package/components/attach.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"attach.cjs","sourcesContent":[]}

package/components/attach.d.cts

@@ -0,0 +1,2 @@
+export { AttachItem, AttachProps, default } from './attach/attach.cjs';
+import 'react';

package/components/attach.d.ts

@@ -0,0 +1,2 @@
+export { AttachItem, AttachProps, default } from './attach/attach.js';
+import 'react';

package/components/attach.js

@@ -0,0 +1,3 @@
+export { default } from './attach';
+//# sourceMappingURL=attach.js.map
+//# sourceMappingURL=attach.js.map

package/components/attach.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"attach.js","sourcesContent":[]}

package/components/avatar/avatar.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('./avatar.css');
+var classnames = require('../helpers/classnames');
+
+const Avatar = ({
+  src,
+  alt = "",
+  initials,
+  className = "",
+  onClick,
+  ...props
+}) => {
+  const isInteractive = !!onClick;
+  const classes = classnames.classnames("avatar", className, {
+    "avatar--button": isInteractive
+  });
+  const content = src ? /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      className: "avatar__image",
+      src,
+      alt
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "avatar__initials", children: initials });
+  if (isInteractive) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        className: classes,
+        type: "button",
+        "aria-label": props["aria-label"] ?? alt,
+        onClick,
+        ...props,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: classes,
+      "aria-label": alt,
+      ...props,
+      children: content
+    }
+  );
+};
+var avatar_default = Avatar;
+
+module.exports = avatar_default;
+//# sourceMappingURL=avatar.cjs.map
+//# sourceMappingURL=avatar.cjs.map

package/components/avatar/avatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/avatar/avatar.tsx"],"names":["classnames","jsx"],"mappings":";;;;;;AA2BA,MAAM,SAAgC,CAAC;AAAA,EACrC,GAAA;AAAA,EACA,GAAA,GAAM,EAAA;AAAA,EACN,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,OAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,aAAA,GAAgB,CAAC,CAAC,OAAA;AAExB,EAAA,MAAM,OAAA,GAAUA,qBAAA,CAAW,QAAA,EAAU,SAAA,EAAW;AAAA,IAC9C,gBAAA,EAAkB;AAAA,GACnB,CAAA;AAED,EAAA,MAAM,UAAU,GAAA,mBACdC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,eAAA;AAAA,MACV,GAAA;AAAA,MACA;AAAA;AAAA,GACF,mBAEAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oBACb,QAAA,EAAA,QAAA,EACH,CAAA;AAGF,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,uBACEA,cAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,OAAA;AAAA,QACX,IAAA,EAAK,QAAA;AAAA,QACL,YAAA,EAAY,KAAA,CAAM,YAAY,CAAA,IAAK,GAAA;AAAA,QACnC,OAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAY,GAAA;AAAA,MACX,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,IAAO,cAAA,GAAQ","file":"avatar.cjs","sourcesContent":["import React from 'react';\nimport './avatar.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface AvatarBaseProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  src?: string;\n  alt?: string;\n  initials?: string;\n}\n\ntype AvatarStaticProps =\n  AvatarBaseProps &\n  React.HTMLAttributes<HTMLDivElement> & {\n    onClick?: undefined;\n  };\n\ntype AvatarButtonProps =\n  AvatarBaseProps &\n  React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    onClick: React.MouseEventHandler<HTMLButtonElement>;\n  };\n\nexport type AvatarProps =\n  | AvatarStaticProps\n  | AvatarButtonProps;\n\nconst Avatar: React.FC<AvatarProps> = ({\n  src,\n  alt = '',\n  initials,\n  className = '',\n  onClick,\n  ...props\n}) => {\n  const isInteractive = !!onClick;\n\n  const classes = classnames('avatar', className, {\n    'avatar--button': isInteractive,\n  });\n\n  const content = src ? (\n    <img\n      className=\"avatar__image\"\n      src={src}\n      alt={alt}\n    />\n  ) : (\n    <span className=\"avatar__initials\">\n      {initials}\n    </span>\n  );\n\n  if (isInteractive) {\n    return (\n      <button\n        className={classes}\n        type=\"button\"\n        aria-label={props['aria-label'] ?? alt}\n        onClick={onClick}\n        {...props as React.ButtonHTMLAttributes<HTMLButtonElement>}\n      >\n        {content}\n      </button>\n    );\n  }\n\n  return (\n    <div\n      className={classes}\n      aria-label={alt}\n      {...props as React.HTMLAttributes<HTMLDivElement>}\n    >\n      {content}\n    </div>\n  );\n};\n\nexport default Avatar;"]}

package/components/avatar/avatar.d.cts

@@ -0,0 +1,17 @@
+import React from 'react';
+
+interface AvatarBaseProps extends React.HTMLAttributes<HTMLDivElement> {
+    src?: string;
+    alt?: string;
+    initials?: string;
+}
+type AvatarStaticProps = AvatarBaseProps & React.HTMLAttributes<HTMLDivElement> & {
+    onClick?: undefined;
+};
+type AvatarButtonProps = AvatarBaseProps & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+};
+type AvatarProps = AvatarStaticProps | AvatarButtonProps;
+declare const Avatar: React.FC<AvatarProps>;
+
+export { type AvatarBaseProps, type AvatarProps, Avatar as default };

package/components/avatar/avatar.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+
+interface AvatarBaseProps extends React.HTMLAttributes<HTMLDivElement> {
+    src?: string;
+    alt?: string;
+    initials?: string;
+}
+type AvatarStaticProps = AvatarBaseProps & React.HTMLAttributes<HTMLDivElement> & {
+    onClick?: undefined;
+};
+type AvatarButtonProps = AvatarBaseProps & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+};
+type AvatarProps = AvatarStaticProps | AvatarButtonProps;
+declare const Avatar: React.FC<AvatarProps>;
+
+export { type AvatarBaseProps, type AvatarProps, Avatar as default };

package/components/avatar/avatar.js

@@ -0,0 +1,52 @@
+import { jsx } from 'react/jsx-runtime';
+import './avatar.css';
+import { classnames } from '../helpers/classnames';
+
+const Avatar = ({
+  src,
+  alt = "",
+  initials,
+  className = "",
+  onClick,
+  ...props
+}) => {
+  const isInteractive = !!onClick;
+  const classes = classnames("avatar", className, {
+    "avatar--button": isInteractive
+  });
+  const content = src ? /* @__PURE__ */ jsx(
+    "img",
+    {
+      className: "avatar__image",
+      src,
+      alt
+    }
+  ) : /* @__PURE__ */ jsx("span", { className: "avatar__initials", children: initials });
+  if (isInteractive) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: classes,
+        type: "button",
+        "aria-label": props["aria-label"] ?? alt,
+        onClick,
+        ...props,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classes,
+      "aria-label": alt,
+      ...props,
+      children: content
+    }
+  );
+};
+var avatar_default = Avatar;
+
+export { avatar_default as default };
+//# sourceMappingURL=avatar.js.map
+//# sourceMappingURL=avatar.js.map

package/components/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":";;;;AA2BA,MAAM,SAAgC,CAAC;AAAA,EACrC,GAAA;AAAA,EACA,GAAA,GAAM,EAAA;AAAA,EACN,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,OAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,aAAA,GAAgB,CAAC,CAAC,OAAA;AAExB,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,QAAA,EAAU,SAAA,EAAW;AAAA,IAC9C,gBAAA,EAAkB;AAAA,GACnB,CAAA;AAED,EAAA,MAAM,UAAU,GAAA,mBACd,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,eAAA;AAAA,MACV,GAAA;AAAA,MACA;AAAA;AAAA,GACF,mBAEA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oBACb,QAAA,EAAA,QAAA,EACH,CAAA;AAGF,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,OAAA;AAAA,QACX,IAAA,EAAK,QAAA;AAAA,QACL,YAAA,EAAY,KAAA,CAAM,YAAY,CAAA,IAAK,GAAA;AAAA,QACnC,OAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAY,GAAA;AAAA,MACX,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,IAAO,cAAA,GAAQ","file":"avatar.js","sourcesContent":["import React from 'react';\nimport './avatar.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface AvatarBaseProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  src?: string;\n  alt?: string;\n  initials?: string;\n}\n\ntype AvatarStaticProps =\n  AvatarBaseProps &\n  React.HTMLAttributes<HTMLDivElement> & {\n    onClick?: undefined;\n  };\n\ntype AvatarButtonProps =\n  AvatarBaseProps &\n  React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    onClick: React.MouseEventHandler<HTMLButtonElement>;\n  };\n\nexport type AvatarProps =\n  | AvatarStaticProps\n  | AvatarButtonProps;\n\nconst Avatar: React.FC<AvatarProps> = ({\n  src,\n  alt = '',\n  initials,\n  className = '',\n  onClick,\n  ...props\n}) => {\n  const isInteractive = !!onClick;\n\n  const classes = classnames('avatar', className, {\n    'avatar--button': isInteractive,\n  });\n\n  const content = src ? (\n    <img\n      className=\"avatar__image\"\n      src={src}\n      alt={alt}\n    />\n  ) : (\n    <span className=\"avatar__initials\">\n      {initials}\n    </span>\n  );\n\n  if (isInteractive) {\n    return (\n      <button\n        className={classes}\n        type=\"button\"\n        aria-label={props['aria-label'] ?? alt}\n        onClick={onClick}\n        {...props as React.ButtonHTMLAttributes<HTMLButtonElement>}\n      >\n        {content}\n      </button>\n    );\n  }\n\n  return (\n    <div\n      className={classes}\n      aria-label={alt}\n      {...props as React.HTMLAttributes<HTMLDivElement>}\n    >\n      {content}\n    </div>\n  );\n};\n\nexport default Avatar;"]}

package/components/avatar.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var avatar = require('./avatar');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var avatar__default = /*#__PURE__*/_interopDefault(avatar);
+
+
+
+module.exports = avatar__default.default;
+//# sourceMappingURL=avatar.cjs.map
+//# sourceMappingURL=avatar.cjs.map

package/components/avatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"avatar.cjs","sourcesContent":[]}

package/components/avatar.d.cts

@@ -0,0 +1,2 @@
+export { AvatarProps, default } from './avatar/avatar.cjs';
+import 'react';

package/components/avatar.d.ts

@@ -0,0 +1,2 @@
+export { AvatarProps, default } from './avatar/avatar.js';
+import 'react';

package/components/avatar.js

@@ -0,0 +1,3 @@
+export { default } from './avatar';
+//# sourceMappingURL=avatar.js.map
+//# sourceMappingURL=avatar.js.map

package/components/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"avatar.js","sourcesContent":[]}

package/components/button/button.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+require('./button.css');
+var classnames = require('../helpers/classnames');
+var Icon = require('../../icons/icon');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Icon__default = /*#__PURE__*/_interopDefault(Icon);
+
+const Button = ({
+  state = "default",
+  icon,
+  className = "",
+  disabled = false,
+  children,
+  ...props
+}) => {
+  const isIconOnly = !!icon && !children;
+  const classes = classnames.classnames("button", className, {
+    "button--primary": state === "primary",
+    "button--disabled": disabled,
+    "button--icon-only": isIconOnly
+  });
+  let resolvedIcon = icon;
+  if (react.isValidElement(icon) && icon.type === Icon__default.default) {
+    const iconElement = icon;
+    resolvedIcon = react.cloneElement(iconElement, {
+      size: iconElement.props.size ?? "s",
+      className: classnames.classnames("button__icon", iconElement.props.className),
+      "aria-hidden": iconElement.props["aria-hidden"] ?? true,
+      focusable: iconElement.props.focusable ?? false
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      className: classes,
+      disabled,
+      ...props,
+      children: [
+        resolvedIcon,
+        children
+      ]
+    }
+  );
+};
+var button_default = Button;
+
+module.exports = button_default;
+//# sourceMappingURL=button.cjs.map
+//# sourceMappingURL=button.cjs.map

package/components/button/button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/button/button.tsx"],"names":["classnames","isValidElement","Icon","cloneElement","jsxs"],"mappings":";;;;;;;;;;;;AAeA,MAAM,SAAgC,CAAC;AAAA,EACrC,KAAA,GAAQ,SAAA;AAAA,EACR,IAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,UAAA,GAAa,CAAC,CAAC,IAAA,IAAQ,CAAC,QAAA;AAE9B,EAAA,MAAM,OAAA,GAAUA,qBAAA,CAAW,QAAA,EAAU,SAAA,EAAW;AAAA,IAC9C,mBAAmB,KAAA,KAAU,SAAA;AAAA,IAC7B,kBAAA,EAAoB,QAAA;AAAA,IACpB,mBAAA,EAAqB;AAAA,GACtB,CAAA;AAED,EAAA,IAAI,YAAA,GAAe,IAAA;AAEnB,EAAA,IAAIC,oBAAA,CAAe,IAAI,CAAA,IAAK,IAAA,CAAK,SAASC,qBAAA,EAAM;AAC9C,IAAA,MAAM,WAAA,GAAc,IAAA;AAEpB,IAAA,YAAA,GAAeC,mBAAa,WAAA,EAAa;AAAA,MACvC,IAAA,EAAM,WAAA,CAAY,KAAA,CAAM,IAAA,IAAQ,GAAA;AAAA,MAChC,SAAA,EAAWH,qBAAA,CAAW,cAAA,EAAgB,WAAA,CAAY,MAAM,SAAS,CAAA;AAAA,MACjE,aAAA,EAAe,WAAA,CAAY,KAAA,CAAM,aAAa,CAAA,IAAK,IAAA;AAAA,MACnD,SAAA,EAAW,WAAA,CAAY,KAAA,CAAM,SAAA,IAAa;AAAA,KAC3C,CAAA;AAAA,EACH;AAEA,EAAA,uBACEI,eAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,QAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,YAAA;AAAA,QACA;AAAA;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,IAAO,cAAA,GAAQ","file":"button.cjs","sourcesContent":["import React, {\n  cloneElement,\n  isValidElement,\n  type ReactElement,\n} from 'react';\nimport './button.css';\nimport { classnames } from '../helpers/classnames';\nimport Icon, { type IconProps } from '../../icons/icon';\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  state?: 'default' | 'primary';\n  icon?: React.ReactNode;\n}\n\nconst Button: React.FC<ButtonProps> = ({\n  state = 'default',\n  icon,\n  className = '',\n  disabled = false,\n  children,\n  ...props\n}) => {\n  const isIconOnly = !!icon && !children;\n\n  const classes = classnames('button', className, {\n    'button--primary': state === 'primary',\n    'button--disabled': disabled,\n    'button--icon-only': isIconOnly,\n  });\n\n  let resolvedIcon = icon;\n\n  if (isValidElement(icon) && icon.type === Icon) {\n    const iconElement = icon as ReactElement<IconProps>;\n\n    resolvedIcon = cloneElement(iconElement, {\n      size: iconElement.props.size ?? 's',\n      className: classnames('button__icon', iconElement.props.className),\n      'aria-hidden': iconElement.props['aria-hidden'] ?? true,\n      focusable: iconElement.props.focusable ?? false,\n    });\n  }\n\n  return (\n    <button\n      className={classes}\n      disabled={disabled}\n      {...props}\n    >\n      {resolvedIcon}\n      {children}\n    </button>\n  );\n};\n\nexport default Button;"]}

package/components/button/button.d.cts

@@ -0,0 +1,9 @@
+import React from 'react';
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    state?: 'default' | 'primary';
+    icon?: React.ReactNode;
+}
+declare const Button: React.FC<ButtonProps>;
+
+export { type ButtonProps, Button as default };

package/components/button/button.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    state?: 'default' | 'primary';
+    icon?: React.ReactNode;
+}
+declare const Button: React.FC<ButtonProps>;
+
+export { type ButtonProps, Button as default };

package/components/button/button.js

@@ -0,0 +1,48 @@
+import { jsxs } from 'react/jsx-runtime';
+import { isValidElement, cloneElement } from 'react';
+import './button.css';
+import { classnames } from '../helpers/classnames';
+import Icon from '../../icons/icon';
+
+const Button = ({
+  state = "default",
+  icon,
+  className = "",
+  disabled = false,
+  children,
+  ...props
+}) => {
+  const isIconOnly = !!icon && !children;
+  const classes = classnames("button", className, {
+    "button--primary": state === "primary",
+    "button--disabled": disabled,
+    "button--icon-only": isIconOnly
+  });
+  let resolvedIcon = icon;
+  if (isValidElement(icon) && icon.type === Icon) {
+    const iconElement = icon;
+    resolvedIcon = cloneElement(iconElement, {
+      size: iconElement.props.size ?? "s",
+      className: classnames("button__icon", iconElement.props.className),
+      "aria-hidden": iconElement.props["aria-hidden"] ?? true,
+      focusable: iconElement.props.focusable ?? false
+    });
+  }
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: classes,
+      disabled,
+      ...props,
+      children: [
+        resolvedIcon,
+        children
+      ]
+    }
+  );
+};
+var button_default = Button;
+
+export { button_default as default };
+//# sourceMappingURL=button.js.map
+//# sourceMappingURL=button.js.map

package/components/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":";;;;;;AAeA,MAAM,SAAgC,CAAC;AAAA,EACrC,KAAA,GAAQ,SAAA;AAAA,EACR,IAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,UAAA,GAAa,CAAC,CAAC,IAAA,IAAQ,CAAC,QAAA;AAE9B,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,QAAA,EAAU,SAAA,EAAW;AAAA,IAC9C,mBAAmB,KAAA,KAAU,SAAA;AAAA,IAC7B,kBAAA,EAAoB,QAAA;AAAA,IACpB,mBAAA,EAAqB;AAAA,GACtB,CAAA;AAED,EAAA,IAAI,YAAA,GAAe,IAAA;AAEnB,EAAA,IAAI,cAAA,CAAe,IAAI,CAAA,IAAK,IAAA,CAAK,SAAS,IAAA,EAAM;AAC9C,IAAA,MAAM,WAAA,GAAc,IAAA;AAEpB,IAAA,YAAA,GAAe,aAAa,WAAA,EAAa;AAAA,MACvC,IAAA,EAAM,WAAA,CAAY,KAAA,CAAM,IAAA,IAAQ,GAAA;AAAA,MAChC,SAAA,EAAW,UAAA,CAAW,cAAA,EAAgB,WAAA,CAAY,MAAM,SAAS,CAAA;AAAA,MACjE,aAAA,EAAe,WAAA,CAAY,KAAA,CAAM,aAAa,CAAA,IAAK,IAAA;AAAA,MACnD,SAAA,EAAW,WAAA,CAAY,KAAA,CAAM,SAAA,IAAa;AAAA,KAC3C,CAAA;AAAA,EACH;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,QAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,YAAA;AAAA,QACA;AAAA;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,IAAO,cAAA,GAAQ","file":"button.js","sourcesContent":["import React, {\n  cloneElement,\n  isValidElement,\n  type ReactElement,\n} from 'react';\nimport './button.css';\nimport { classnames } from '../helpers/classnames';\nimport Icon, { type IconProps } from '../../icons/icon';\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  state?: 'default' | 'primary';\n  icon?: React.ReactNode;\n}\n\nconst Button: React.FC<ButtonProps> = ({\n  state = 'default',\n  icon,\n  className = '',\n  disabled = false,\n  children,\n  ...props\n}) => {\n  const isIconOnly = !!icon && !children;\n\n  const classes = classnames('button', className, {\n    'button--primary': state === 'primary',\n    'button--disabled': disabled,\n    'button--icon-only': isIconOnly,\n  });\n\n  let resolvedIcon = icon;\n\n  if (isValidElement(icon) && icon.type === Icon) {\n    const iconElement = icon as ReactElement<IconProps>;\n\n    resolvedIcon = cloneElement(iconElement, {\n      size: iconElement.props.size ?? 's',\n      className: classnames('button__icon', iconElement.props.className),\n      'aria-hidden': iconElement.props['aria-hidden'] ?? true,\n      focusable: iconElement.props.focusable ?? false,\n    });\n  }\n\n  return (\n    <button\n      className={classes}\n      disabled={disabled}\n      {...props}\n    >\n      {resolvedIcon}\n      {children}\n    </button>\n  );\n};\n\nexport default Button;"]}