jvetrau-ds 0.1.13 → 0.1.15

package/components/button-icon/button-icon.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('./button-icon.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 ButtonIcon = ({
+  state = "default",
+  icon,
+  label,
+  className = "",
+  disabled = false,
+  ...props
+}) => {
+  const isDisabled = disabled || state === "disabled";
+  const classes = classnames.classnames("button-icon", className, {
+    "button-icon--disabled": isDisabled
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      className: classes,
+      disabled: isDisabled,
+      "aria-label": label,
+      title: label,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        Icon__default.default,
+        {
+          name: icon,
+          className: "button-icon__icon",
+          "aria-hidden": true,
+          focusable: false
+        }
+      )
+    }
+  );
+};
+var button_icon_default = ButtonIcon;
+
+module.exports = button_icon_default;
+//# sourceMappingURL=button-icon.cjs.map
+//# sourceMappingURL=button-icon.cjs.map

package/components/button-icon/button-icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/button-icon/button-icon.tsx"],"names":["classnames","jsx","Icon"],"mappings":";;;;;;;;;;;AAaA,MAAM,aAAwC,CAAC;AAAA,EAC7C,KAAA,GAAQ,SAAA;AAAA,EACR,IAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,UAAA,GACJ,YACA,KAAA,KAAU,UAAA;AAEZ,EAAA,MAAM,OAAA,GAAUA,qBAAA,CAAW,aAAA,EAAe,SAAA,EAAW;AAAA,IACnD,uBAAA,EAAyB;AAAA,GAC1B,CAAA;AAED,EAAA,uBACEC,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,QAAA,EAAU,UAAA;AAAA,MACV,YAAA,EAAY,KAAA;AAAA,MACZ,KAAA,EAAO,KAAA;AAAA,MACN,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAAA,cAAA;AAAA,QAACC,qBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,IAAA;AAAA,UACN,SAAA,EAAU,mBAAA;AAAA,UACV,aAAA,EAAW,IAAA;AAAA,UACX,SAAA,EAAW;AAAA;AAAA;AACb;AAAA,GACF;AAEJ,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"button-icon.cjs","sourcesContent":["import React from 'react';\nimport './button-icon.css';\nimport { classnames } from '../helpers/classnames';\nimport Icon from '../../icons/icon';\nimport type { IconName } from '../../icons/types';\n\nexport interface ButtonIconProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  icon: IconName;\n  state?: 'default' | 'disabled';\n  label: string;\n}\n\nconst ButtonIcon: React.FC<ButtonIconProps> = ({\n  state = 'default',\n  icon,\n  label,\n  className = '',\n  disabled = false,\n  ...props\n}) => {\n  const isDisabled =\n    disabled ||\n    state === 'disabled';\n\n  const classes = classnames('button-icon', className, {\n    'button-icon--disabled': isDisabled,\n  });\n\n  return (\n    <button\n      className={classes}\n      disabled={isDisabled}\n      aria-label={label}\n      title={label}\n      {...props}\n    >\n      <Icon\n        name={icon}\n        className=\"button-icon__icon\"\n        aria-hidden\n        focusable={false}\n      />\n    </button>\n  );\n};\n\nexport default ButtonIcon;"]}

package/components/button-icon/button-icon.d.cts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { a as IconName } from '../../types-PU1522Kr.cjs';
+
+interface ButtonIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    icon: IconName;
+    state?: 'default' | 'disabled';
+    label: string;
+}
+declare const ButtonIcon: React.FC<ButtonIconProps>;
+
+export { type ButtonIconProps, ButtonIcon as default };

package/components/button-icon/button-icon.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { a as IconName } from '../../types-PU1522Kr.js';
+
+interface ButtonIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    icon: IconName;
+    state?: 'default' | 'disabled';
+    label: string;
+}
+declare const ButtonIcon: React.FC<ButtonIconProps>;
+
+export { type ButtonIconProps, ButtonIcon as default };

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

@@ -0,0 +1,42 @@
+import { jsx } from 'react/jsx-runtime';
+import './button-icon.css';
+import { classnames } from '../helpers/classnames';
+import Icon from '../../icons/icon';
+
+const ButtonIcon = ({
+  state = "default",
+  icon,
+  label,
+  className = "",
+  disabled = false,
+  ...props
+}) => {
+  const isDisabled = disabled || state === "disabled";
+  const classes = classnames("button-icon", className, {
+    "button-icon--disabled": isDisabled
+  });
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: classes,
+      disabled: isDisabled,
+      "aria-label": label,
+      title: label,
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        Icon,
+        {
+          name: icon,
+          className: "button-icon__icon",
+          "aria-hidden": true,
+          focusable: false
+        }
+      )
+    }
+  );
+};
+var button_icon_default = ButtonIcon;
+
+export { button_icon_default as default };
+//# sourceMappingURL=button-icon.js.map
+//# sourceMappingURL=button-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/button-icon/button-icon.tsx"],"names":[],"mappings":";;;;;AAaA,MAAM,aAAwC,CAAC;AAAA,EAC7C,KAAA,GAAQ,SAAA;AAAA,EACR,IAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,UAAA,GACJ,YACA,KAAA,KAAU,UAAA;AAEZ,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,aAAA,EAAe,SAAA,EAAW;AAAA,IACnD,uBAAA,EAAyB;AAAA,GAC1B,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,QAAA,EAAU,UAAA;AAAA,MACV,YAAA,EAAY,KAAA;AAAA,MACZ,KAAA,EAAO,KAAA;AAAA,MACN,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,IAAA;AAAA,UACN,SAAA,EAAU,mBAAA;AAAA,UACV,aAAA,EAAW,IAAA;AAAA,UACX,SAAA,EAAW;AAAA;AAAA;AACb;AAAA,GACF;AAEJ,CAAA;AAEA,IAAO,mBAAA,GAAQ","file":"button-icon.js","sourcesContent":["import React from 'react';\nimport './button-icon.css';\nimport { classnames } from '../helpers/classnames';\nimport Icon from '../../icons/icon';\nimport type { IconName } from '../../icons/types';\n\nexport interface ButtonIconProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  icon: IconName;\n  state?: 'default' | 'disabled';\n  label: string;\n}\n\nconst ButtonIcon: React.FC<ButtonIconProps> = ({\n  state = 'default',\n  icon,\n  label,\n  className = '',\n  disabled = false,\n  ...props\n}) => {\n  const isDisabled =\n    disabled ||\n    state === 'disabled';\n\n  const classes = classnames('button-icon', className, {\n    'button-icon--disabled': isDisabled,\n  });\n\n  return (\n    <button\n      className={classes}\n      disabled={isDisabled}\n      aria-label={label}\n      title={label}\n      {...props}\n    >\n      <Icon\n        name={icon}\n        className=\"button-icon__icon\"\n        aria-hidden\n        focusable={false}\n      />\n    </button>\n  );\n};\n\nexport default ButtonIcon;"]}

package/components/button-icon.cjs

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

package/components/button-icon.cjs.map

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

package/components/button-icon.d.cts

@@ -0,0 +1,3 @@
+export { ButtonIconProps, default } from './button-icon/button-icon.cjs';
+import 'react';
+import '../types-PU1522Kr.cjs';

package/components/button-icon.d.ts

@@ -0,0 +1,3 @@
+export { ButtonIconProps, default } from './button-icon/button-icon.js';
+import 'react';
+import '../types-PU1522Kr.js';

package/components/button-icon.js

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

package/components/button-icon.js.map

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

package/components/button.cjs

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

package/components/button.cjs.map

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

package/components/button.d.cts

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

package/components/button.d.ts

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

package/components/button.js

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

package/components/button.js.map

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

package/components/card/card.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('./card.css');
+var classnames = require('../helpers/classnames');
+
+const Card = ({
+  state = "default",
+  heading,
+  description,
+  actions,
+  className = "",
+  children,
+  ...props
+}) => {
+  const classes = classnames.classnames("card", className, {});
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      className: classes,
+      ...props,
+      children: [
+        (heading || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "card__header", children: [
+          heading && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "card__heading", children: heading }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "card__description", children: description })
+        ] }),
+        children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "card__content", children }),
+        actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "card__actions", children: actions })
+      ]
+    }
+  );
+};
+var card_default = Card;
+
+module.exports = card_default;
+//# sourceMappingURL=card.cjs.map
+//# sourceMappingURL=card.cjs.map

package/components/card/card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/card/card.tsx"],"names":["classnames","jsxs","jsx"],"mappings":";;;;;;AAYA,MAAM,OAA4B,CAAC;AAAA,EACjC,KAAA,GAAQ,SAAA;AAAA,EACR,OAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAUA,qBAAA,CAAW,MAAA,EAAQ,SAAA,EAAW,EAAE,CAAA;AAEhD,EAAA,uBACEC,eAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEF,QAAA,EAAA;AAAA,QAAA,CAAA,OAAA,IAAW,WAAA,qBACXA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EACZ,QAAA,EAAA;AAAA,UAAA,OAAA,oBACCC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,eAAA,EACX,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,UAGD,WAAA,oBACCA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,qBACV,QAAA,EAAA,WAAA,EACH;AAAA,SAAA,EAEJ,CAAA;AAAA,QAGD,QAAA,oBACCA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBACZ,QAAA,EACH,CAAA;AAAA,QAGD,OAAA,oBACCA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBACZ,QAAA,EAAA,OAAA,EACH;AAAA;AAAA;AAAA,GAEJ;AAEJ,CAAA;AAEA,IAAO,YAAA,GAAQ","file":"card.cjs","sourcesContent":["import React from 'react';\nimport './card.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLElement> {\n  state?: 'default';\n  heading?: React.ReactNode;\n  description?: React.ReactNode;\n  actions?: React.ReactNode;\n}\n\nconst Card: React.FC<CardProps> = ({\n  state = 'default',\n  heading,\n  description,\n  actions,\n  className = '',\n  children,\n  ...props\n}) => {\n  const classes = classnames('card', className, {});\n\n  return (\n    <section\n      className={classes}\n      {...props}\n    >\n      {(heading || description) && (\n        <div className=\"card__header\">\n          {heading && (\n            <h2 className=\"card__heading\">\n              {heading}\n            </h2>\n          )}\n\n          {description && (\n            <p className=\"card__description\">\n              {description}\n            </p>\n          )}\n        </div>\n      )}\n\n      {children && (\n        <div className=\"card__content\">\n          {children}\n        </div>\n      )}\n\n      {actions && (\n        <div className=\"card__actions\">\n          {actions}\n        </div>\n      )}\n    </section>\n  );\n};\n\nexport default Card;"]}

package/components/card/card.d.cts

@@ -0,0 +1,11 @@
+import React from 'react';
+
+interface CardProps extends React.HTMLAttributes<HTMLElement> {
+    state?: 'default';
+    heading?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+}
+declare const Card: React.FC<CardProps>;
+
+export { type CardProps, Card as default };

package/components/card/card.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+
+interface CardProps extends React.HTMLAttributes<HTMLElement> {
+    state?: 'default';
+    heading?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+}
+declare const Card: React.FC<CardProps>;
+
+export { type CardProps, Card as default };

package/components/card/card.js

@@ -0,0 +1,35 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import './card.css';
+import { classnames } from '../helpers/classnames';
+
+const Card = ({
+  state = "default",
+  heading,
+  description,
+  actions,
+  className = "",
+  children,
+  ...props
+}) => {
+  const classes = classnames("card", className, {});
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: classes,
+      ...props,
+      children: [
+        (heading || description) && /* @__PURE__ */ jsxs("div", { className: "card__header", children: [
+          heading && /* @__PURE__ */ jsx("h2", { className: "card__heading", children: heading }),
+          description && /* @__PURE__ */ jsx("p", { className: "card__description", children: description })
+        ] }),
+        children && /* @__PURE__ */ jsx("div", { className: "card__content", children }),
+        actions && /* @__PURE__ */ jsx("div", { className: "card__actions", children: actions })
+      ]
+    }
+  );
+};
+var card_default = Card;
+
+export { card_default as default };
+//# sourceMappingURL=card.js.map
+//# sourceMappingURL=card.js.map

package/components/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":";;;;AAYA,MAAM,OAA4B,CAAC;AAAA,EACjC,KAAA,GAAQ,SAAA;AAAA,EACR,OAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,MAAA,EAAQ,SAAA,EAAW,EAAE,CAAA;AAEhD,EAAA,uBACE,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEF,QAAA,EAAA;AAAA,QAAA,CAAA,OAAA,IAAW,WAAA,qBACX,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EACZ,QAAA,EAAA;AAAA,UAAA,OAAA,oBACC,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,eAAA,EACX,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,UAGD,WAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,qBACV,QAAA,EAAA,WAAA,EACH;AAAA,SAAA,EAEJ,CAAA;AAAA,QAGD,QAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBACZ,QAAA,EACH,CAAA;AAAA,QAGD,OAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBACZ,QAAA,EAAA,OAAA,EACH;AAAA;AAAA;AAAA,GAEJ;AAEJ,CAAA;AAEA,IAAO,YAAA,GAAQ","file":"card.js","sourcesContent":["import React from 'react';\nimport './card.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLElement> {\n  state?: 'default';\n  heading?: React.ReactNode;\n  description?: React.ReactNode;\n  actions?: React.ReactNode;\n}\n\nconst Card: React.FC<CardProps> = ({\n  state = 'default',\n  heading,\n  description,\n  actions,\n  className = '',\n  children,\n  ...props\n}) => {\n  const classes = classnames('card', className, {});\n\n  return (\n    <section\n      className={classes}\n      {...props}\n    >\n      {(heading || description) && (\n        <div className=\"card__header\">\n          {heading && (\n            <h2 className=\"card__heading\">\n              {heading}\n            </h2>\n          )}\n\n          {description && (\n            <p className=\"card__description\">\n              {description}\n            </p>\n          )}\n        </div>\n      )}\n\n      {children && (\n        <div className=\"card__content\">\n          {children}\n        </div>\n      )}\n\n      {actions && (\n        <div className=\"card__actions\">\n          {actions}\n        </div>\n      )}\n    </section>\n  );\n};\n\nexport default Card;"]}

package/components/card.cjs

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

package/components/card.cjs.map

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

package/components/card.d.cts

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

package/components/card.d.ts

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

package/components/card.js

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

package/components/card.js.map

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

package/components/checkbox/checkbox.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var classnames = require('../helpers/classnames');
+
+const Checkbox = ({
+  label,
+  className = "",
+  disabled = false,
+  ...props
+}) => {
+  const classes = classnames.classnames(
+    "checkbox",
+    className,
+    {
+      "checkbox--disabled": disabled
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: classes, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        className: "checkbox__input",
+        type: "checkbox",
+        disabled,
+        ...props
+      }
+    ),
+    label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "checkbox__label", children: label })
+  ] });
+};
+var checkbox_default = Checkbox;
+
+module.exports = checkbox_default;
+//# sourceMappingURL=checkbox.cjs.map
+//# sourceMappingURL=checkbox.cjs.map

package/components/checkbox/checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/checkbox/checkbox.tsx"],"names":["classnames","jsxs","jsx"],"mappings":";;;;;AASA,MAAM,WAAoC,CAAC;AAAA,EACzC,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAUA,qBAAA;AAAA,IACd,UAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,oBAAA,EAAsB;AAAA;AACxB,GACF;AAEA,EAAA,uBACEC,eAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAW,OAAA,EAChB,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,iBAAA;AAAA,QACV,IAAA,EAAK,UAAA;AAAA,QACL,QAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,IACC,KAAA,oBAASA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAmB,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACrD,CAAA;AAEJ,CAAA;AAEA,IAAO,gBAAA,GAAQ","file":"checkbox.cjs","sourcesContent":["import React from 'react';\n//import './checkbox.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface CheckboxProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  label?: React.ReactNode;\n}\n\nconst Checkbox: React.FC<CheckboxProps> = ({\n  label,\n  className = '',\n  disabled = false,\n  ...props\n}) => {\n  const classes = classnames(\n    'checkbox',\n    className,\n    {\n      'checkbox--disabled': disabled,\n    }\n  );\n\n  return (\n    <label className={classes}>\n      <input\n        className=\"checkbox__input\"\n        type=\"checkbox\"\n        disabled={disabled}\n        {...props}\n      />\n      {label && <span className=\"checkbox__label\">{label}</span>}\n    </label>\n  );\n};\n\nexport default Checkbox;"]}

package/components/checkbox/checkbox.d.cts

@@ -0,0 +1,8 @@
+import React from 'react';
+
+interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: React.ReactNode;
+}
+declare const Checkbox: React.FC<CheckboxProps>;
+
+export { type CheckboxProps, Checkbox as default };

package/components/checkbox/checkbox.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+
+interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: React.ReactNode;
+}
+declare const Checkbox: React.FC<CheckboxProps>;
+
+export { type CheckboxProps, Checkbox as default };

package/components/checkbox/checkbox.js

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { classnames } from '../helpers/classnames';
+
+const Checkbox = ({
+  label,
+  className = "",
+  disabled = false,
+  ...props
+}) => {
+  const classes = classnames(
+    "checkbox",
+    className,
+    {
+      "checkbox--disabled": disabled
+    }
+  );
+  return /* @__PURE__ */ jsxs("label", { className: classes, children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        className: "checkbox__input",
+        type: "checkbox",
+        disabled,
+        ...props
+      }
+    ),
+    label && /* @__PURE__ */ jsx("span", { className: "checkbox__label", children: label })
+  ] });
+};
+var checkbox_default = Checkbox;
+
+export { checkbox_default as default };
+//# sourceMappingURL=checkbox.js.map
+//# sourceMappingURL=checkbox.js.map

package/components/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":";;;AASA,MAAM,WAAoC,CAAC;AAAA,EACzC,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,UAAA;AAAA,IACd,UAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,oBAAA,EAAsB;AAAA;AACxB,GACF;AAEA,EAAA,uBACE,IAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAW,OAAA,EAChB,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,iBAAA;AAAA,QACV,IAAA,EAAK,UAAA;AAAA,QACL,QAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,IACC,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAmB,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACrD,CAAA;AAEJ,CAAA;AAEA,IAAO,gBAAA,GAAQ","file":"checkbox.js","sourcesContent":["import React from 'react';\n//import './checkbox.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface CheckboxProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  label?: React.ReactNode;\n}\n\nconst Checkbox: React.FC<CheckboxProps> = ({\n  label,\n  className = '',\n  disabled = false,\n  ...props\n}) => {\n  const classes = classnames(\n    'checkbox',\n    className,\n    {\n      'checkbox--disabled': disabled,\n    }\n  );\n\n  return (\n    <label className={classes}>\n      <input\n        className=\"checkbox__input\"\n        type=\"checkbox\"\n        disabled={disabled}\n        {...props}\n      />\n      {label && <span className=\"checkbox__label\">{label}</span>}\n    </label>\n  );\n};\n\nexport default Checkbox;"]}

package/components/checkbox.cjs

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

package/components/checkbox.cjs.map

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

package/components/checkbox.d.cts

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

package/components/checkbox.d.ts

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

package/components/checkbox.js

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

package/components/checkbox.js.map

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

package/components/dropdown/dropdown.cjs

@@ -0,0 +1,122 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+require('./dropdown.css');
+var classnames = require('../helpers/classnames');
+
+const Dropdown = ({
+  options,
+  value,
+  defaultValue,
+  label = "Dropdown",
+  align = "bottom-start",
+  trigger,
+  onChange,
+  className = "",
+  ...props
+}) => {
+  const dropdownRef = react.useRef(null);
+  const [isOpen, setIsOpen] = react.useState(false);
+  const [internalValue, setInternalValue] = react.useState(defaultValue);
+  const selectedValue = value ?? internalValue;
+  const classes = classnames.classnames("dropdown", className, {
+    "dropdown--open": isOpen,
+    "dropdown--top-start": align === "top-start",
+    "dropdown--top-end": align === "top-end",
+    "dropdown--bottom-start": align === "bottom-start",
+    "dropdown--bottom-end": align === "bottom-end"
+  });
+  const triggerElement = trigger;
+  const triggerClasses = classnames.classnames(
+    "dropdown__trigger",
+    triggerElement.props.className
+  );
+  const resolvedTrigger = react.cloneElement(triggerElement, {
+    className: triggerClasses,
+    "aria-haspopup": "menu",
+    "aria-expanded": isOpen,
+    onClick: (event) => {
+      triggerElement.props.onClick?.(event);
+      setIsOpen((currentValue) => !currentValue);
+    }
+  });
+  const handleOptionClick = (option) => {
+    if (option.disabled) {
+      return;
+    }
+    if (value === void 0) {
+      setInternalValue(option.value);
+    }
+    onChange?.(option.value);
+    setIsOpen(false);
+  };
+  react.useEffect(() => {
+    if (!isOpen) {
+      return;
+    }
+    const handleDocumentClick = (event) => {
+      const dropdown = dropdownRef.current;
+      if (!dropdown || dropdown.contains(event.target)) {
+        return;
+      }
+      setIsOpen(false);
+    };
+    const handleDocumentKeyDown = (event) => {
+      if (event.key === "Escape") {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleDocumentClick);
+    document.addEventListener("keydown", handleDocumentKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", handleDocumentClick);
+      document.removeEventListener("keydown", handleDocumentKeyDown);
+    };
+  }, [isOpen]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: dropdownRef,
+      className: classes,
+      ...props,
+      children: [
+        resolvedTrigger,
+        isOpen && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "dropdown__menu",
+            role: "menu",
+            "aria-label": label,
+            children: options.map((option) => {
+              const isSelected = option.value === selectedValue;
+              const itemClasses = classnames.classnames("dropdown__item", {
+                "dropdown__item--selected": isSelected,
+                "dropdown__item--disabled": option.disabled
+              });
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  className: itemClasses,
+                  type: "button",
+                  role: "menuitemradio",
+                  "aria-checked": isSelected,
+                  "aria-disabled": option.disabled,
+                  disabled: option.disabled,
+                  onClick: () => handleOptionClick(option),
+                  children: option.label
+                },
+                option.value
+              );
+            })
+          }
+        )
+      ]
+    }
+  );
+};
+var dropdown_default = Dropdown;
+
+module.exports = dropdown_default;
+//# sourceMappingURL=dropdown.cjs.map
+//# sourceMappingURL=dropdown.cjs.map

package/components/dropdown/dropdown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/dropdown/dropdown.tsx"],"names":["useRef","useState","classnames","cloneElement","useEffect","jsxs","jsx"],"mappings":"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","file":"dropdown.cjs","sourcesContent":["import React, {\n  cloneElement,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport './dropdown.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface DropdownOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\ntype DropdownTriggerProps = {\n  className?: string;\n  onClick?: (event: React.MouseEvent) => void;\n  'aria-haspopup'?: string;\n  'aria-expanded'?: boolean;\n};\n\ntype DropdownTriggerElement =\n  React.ReactElement<DropdownTriggerProps>;\n\nexport interface DropdownProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  options: DropdownOption[];\n  value?: string;\n  defaultValue?: string;\n  label?: string;\n  align?: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';\n  trigger: DropdownTriggerElement;\n  onChange?: (value: string) => void;\n}\n\nconst Dropdown: React.FC<DropdownProps> = ({\n  options,\n  value,\n  defaultValue,\n  label = 'Dropdown',\n  align = 'bottom-start',\n  trigger,\n  onChange,\n  className = '',\n  ...props\n}) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [internalValue, setInternalValue] = useState(defaultValue);\n\n  const selectedValue =\n    value ?? internalValue;\n\n  const classes = classnames('dropdown', className, {\n    'dropdown--open': isOpen,\n    'dropdown--top-start': align === 'top-start',\n    'dropdown--top-end': align === 'top-end',\n    'dropdown--bottom-start': align === 'bottom-start',\n    'dropdown--bottom-end': align === 'bottom-end',\n  });\n\n  const triggerElement =\n    trigger as DropdownTriggerElement;\n\n  const triggerClasses = classnames(\n    'dropdown__trigger',\n    triggerElement.props.className,\n  );\n\n  const resolvedTrigger = cloneElement(triggerElement, {\n    className: triggerClasses,\n    'aria-haspopup': 'menu',\n    'aria-expanded': isOpen,\n    onClick: (event: React.MouseEvent) => {\n      triggerElement.props.onClick?.(event);\n\n      setIsOpen((currentValue) => !currentValue);\n    },\n  });\n\n  const handleOptionClick = (option: DropdownOption) => {\n    if (option.disabled) {\n      return;\n    }\n\n    if (value === undefined) {\n      setInternalValue(option.value);\n    }\n\n    onChange?.(option.value);\n    setIsOpen(false);\n  };\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handleDocumentClick = (event: MouseEvent) => {\n      const dropdown = dropdownRef.current;\n\n      if (!dropdown || dropdown.contains(event.target as Node)) {\n        return;\n      }\n\n      setIsOpen(false);\n    };\n\n    const handleDocumentKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setIsOpen(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleDocumentClick);\n    document.addEventListener('keydown', handleDocumentKeyDown);\n\n    return () => {\n      document.removeEventListener('mousedown', handleDocumentClick);\n      document.removeEventListener('keydown', handleDocumentKeyDown);\n    };\n  }, [isOpen]);\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={classes}\n      {...props}\n    >\n      {resolvedTrigger}\n\n      {isOpen && (\n        <div\n          className=\"dropdown__menu\"\n          role=\"menu\"\n          aria-label={label}\n        >\n          {options.map((option) => {\n            const isSelected =\n              option.value === selectedValue;\n\n            const itemClasses = classnames('dropdown__item', {\n              'dropdown__item--selected': isSelected,\n              'dropdown__item--disabled': option.disabled,\n            });\n\n            return (\n              <button\n                key={option.value}\n                className={itemClasses}\n                type=\"button\"\n                role=\"menuitemradio\"\n                aria-checked={isSelected}\n                aria-disabled={option.disabled}\n                disabled={option.disabled}\n                onClick={() => handleOptionClick(option)}\n              >\n                {option.label}\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Dropdown;"]}