jvetrau-ds 0.1.13 → 0.1.15

package/components/dropdown/dropdown.d.cts

@@ -0,0 +1,26 @@
+import React from 'react';
+
+interface DropdownOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+type DropdownTriggerProps = {
+    className?: string;
+    onClick?: (event: React.MouseEvent) => void;
+    'aria-haspopup'?: string;
+    'aria-expanded'?: boolean;
+};
+type DropdownTriggerElement = React.ReactElement<DropdownTriggerProps>;
+interface DropdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    options: DropdownOption[];
+    value?: string;
+    defaultValue?: string;
+    label?: string;
+    align?: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+    trigger: DropdownTriggerElement;
+    onChange?: (value: string) => void;
+}
+declare const Dropdown: React.FC<DropdownProps>;
+
+export { type DropdownOption, type DropdownProps, Dropdown as default };

package/components/dropdown/dropdown.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+
+interface DropdownOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+type DropdownTriggerProps = {
+    className?: string;
+    onClick?: (event: React.MouseEvent) => void;
+    'aria-haspopup'?: string;
+    'aria-expanded'?: boolean;
+};
+type DropdownTriggerElement = React.ReactElement<DropdownTriggerProps>;
+interface DropdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    options: DropdownOption[];
+    value?: string;
+    defaultValue?: string;
+    label?: string;
+    align?: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+    trigger: DropdownTriggerElement;
+    onChange?: (value: string) => void;
+}
+declare const Dropdown: React.FC<DropdownProps>;
+
+export { type DropdownOption, type DropdownProps, Dropdown as default };

package/components/dropdown/dropdown.js

@@ -0,0 +1,120 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useState, cloneElement, useEffect } from 'react';
+import './dropdown.css';
+import { classnames } from '../helpers/classnames';
+
+const Dropdown = ({
+  options,
+  value,
+  defaultValue,
+  label = "Dropdown",
+  align = "bottom-start",
+  trigger,
+  onChange,
+  className = "",
+  ...props
+}) => {
+  const dropdownRef = useRef(null);
+  const [isOpen, setIsOpen] = useState(false);
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const selectedValue = value ?? internalValue;
+  const classes = 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(
+    "dropdown__trigger",
+    triggerElement.props.className
+  );
+  const resolvedTrigger = 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);
+  };
+  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__ */ jsxs(
+    "div",
+    {
+      ref: dropdownRef,
+      className: classes,
+      ...props,
+      children: [
+        resolvedTrigger,
+        isOpen && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "dropdown__menu",
+            role: "menu",
+            "aria-label": label,
+            children: options.map((option) => {
+              const isSelected = option.value === selectedValue;
+              const itemClasses = classnames("dropdown__item", {
+                "dropdown__item--selected": isSelected,
+                "dropdown__item--disabled": option.disabled
+              });
+              return /* @__PURE__ */ 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;
+
+export { dropdown_default as default };
+//# sourceMappingURL=dropdown.js.map
+//# sourceMappingURL=dropdown.js.map

package/components/dropdown/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":";;;;;AAoCA,MAAM,WAAoC,CAAC;AAAA,EACzC,OAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA,GAAQ,UAAA;AAAA,EACR,KAAA,GAAQ,cAAA;AAAA,EACR,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,WAAA,GAAc,OAAuB,IAAI,CAAA;AAE/C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,YAAY,CAAA;AAE/D,EAAA,MAAM,gBACJ,KAAA,IAAS,aAAA;AAEX,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,UAAA,EAAY,SAAA,EAAW;AAAA,IAChD,gBAAA,EAAkB,MAAA;AAAA,IAClB,uBAAuB,KAAA,KAAU,WAAA;AAAA,IACjC,qBAAqB,KAAA,KAAU,SAAA;AAAA,IAC/B,0BAA0B,KAAA,KAAU,cAAA;AAAA,IACpC,wBAAwB,KAAA,KAAU;AAAA,GACnC,CAAA;AAED,EAAA,MAAM,cAAA,GACJ,OAAA;AAEF,EAAA,MAAM,cAAA,GAAiB,UAAA;AAAA,IACrB,mBAAA;AAAA,IACA,eAAe,KAAA,CAAM;AAAA,GACvB;AAEA,EAAA,MAAM,eAAA,GAAkB,aAAa,cAAA,EAAgB;AAAA,IACnD,SAAA,EAAW,cAAA;AAAA,IACX,eAAA,EAAiB,MAAA;AAAA,IACjB,eAAA,EAAiB,MAAA;AAAA,IACjB,OAAA,EAAS,CAAC,KAAA,KAA4B;AACpC,MAAA,cAAA,CAAe,KAAA,CAAM,UAAU,KAAK,CAAA;AAEpC,MAAA,SAAA,CAAU,CAAC,YAAA,KAAiB,CAAC,YAAY,CAAA;AAAA,IAC3C;AAAA,GACD,CAAA;AAED,EAAA,MAAM,iBAAA,GAAoB,CAAC,MAAA,KAA2B;AACpD,IAAA,IAAI,OAAO,QAAA,EAAU;AACnB,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,UAAU,MAAA,EAAW;AACvB,MAAA,gBAAA,CAAiB,OAAO,KAAK,CAAA;AAAA,IAC/B;AAEA,IAAA,QAAA,GAAW,OAAO,KAAK,CAAA;AACvB,IAAA,SAAA,CAAU,KAAK,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,EAAQ;AACX,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAAsB;AACjD,MAAA,MAAM,WAAW,WAAA,CAAY,OAAA;AAE7B,MAAA,IAAI,CAAC,QAAA,IAAY,QAAA,CAAS,QAAA,CAAS,KAAA,CAAM,MAAc,CAAA,EAAG;AACxD,QAAA;AAAA,MACF;AAEA,MAAA,SAAA,CAAU,KAAK,CAAA;AAAA,IACjB,CAAA;AAEA,IAAA,MAAM,qBAAA,GAAwB,CAAC,KAAA,KAAyB;AACtD,MAAA,IAAI,KAAA,CAAM,QAAQ,QAAA,EAAU;AAC1B,QAAA,SAAA,CAAU,KAAK,CAAA;AAAA,MACjB;AAAA,IACF,CAAA;AAEA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,mBAAmB,CAAA;AAC1D,IAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,qBAAqB,CAAA;AAE1D,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,mBAAA,CAAoB,aAAa,mBAAmB,CAAA;AAC7D,MAAA,QAAA,CAAS,mBAAA,CAAoB,WAAW,qBAAqB,CAAA;AAAA,IAC/D,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,WAAA;AAAA,MACL,SAAA,EAAW,OAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,eAAA;AAAA,QAEA,MAAA,oBACC,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,gBAAA;AAAA,YACV,IAAA,EAAK,MAAA;AAAA,YACL,YAAA,EAAY,KAAA;AAAA,YAEX,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,KAAW;AACvB,cAAA,MAAM,UAAA,GACJ,OAAO,KAAA,KAAU,aAAA;AAEnB,cAAA,MAAM,WAAA,GAAc,WAAW,gBAAA,EAAkB;AAAA,gBAC/C,0BAAA,EAA4B,UAAA;AAAA,gBAC5B,4BAA4B,MAAA,CAAO;AAAA,eACpC,CAAA;AAED,cAAA,uBACE,GAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBAEC,SAAA,EAAW,WAAA;AAAA,kBACX,IAAA,EAAK,QAAA;AAAA,kBACL,IAAA,EAAK,eAAA;AAAA,kBACL,cAAA,EAAc,UAAA;AAAA,kBACd,iBAAe,MAAA,CAAO,QAAA;AAAA,kBACtB,UAAU,MAAA,CAAO,QAAA;AAAA,kBACjB,OAAA,EAAS,MAAM,iBAAA,CAAkB,MAAM,CAAA;AAAA,kBAEtC,QAAA,EAAA,MAAA,CAAO;AAAA,iBAAA;AAAA,gBATH,MAAA,CAAO;AAAA,eAUd;AAAA,YAEJ,CAAC;AAAA;AAAA;AACH;AAAA;AAAA,GAEJ;AAEJ,CAAA;AAEA,IAAO,gBAAA,GAAQ","file":"dropdown.js","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;"]}

package/components/dropdown.cjs

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

package/components/dropdown.cjs.map

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

package/components/dropdown.d.cts

@@ -0,0 +1,2 @@
+export { DropdownOption, DropdownProps, default } from './dropdown/dropdown.cjs';
+import 'react';

package/components/dropdown.d.ts

@@ -0,0 +1,2 @@
+export { DropdownOption, DropdownProps, default } from './dropdown/dropdown.js';
+import 'react';

package/components/dropdown.js

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

package/components/dropdown.js.map

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

package/components/field/field.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var classnames = require('../helpers/classnames');
+
+const Field = ({
+  label,
+  hint,
+  error,
+  required = false,
+  disabled = false,
+  htmlFor,
+  className = "",
+  children
+}) => {
+  const classes = classnames.classnames(
+    "field",
+    className,
+    {
+      "field--disabled": disabled,
+      "field--error": !!error
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        className: "field__label",
+        htmlFor,
+        children: [
+          label,
+          required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "field__required", children: " *" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "field__control", children }),
+    error ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "field__message field__message--error", children: error }) : hint ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "field__message", children: hint }) : null
+  ] });
+};
+var field_default = Field;
+
+module.exports = field_default;
+//# sourceMappingURL=field.cjs.map
+//# sourceMappingURL=field.cjs.map

package/components/field/field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/field/field.tsx"],"names":["classnames","jsxs","jsx"],"mappings":";;;;;AAeA,MAAM,QAA8B,CAAC;AAAA,EACnC,KAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,OAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAUA,qBAAA;AAAA,IACd,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,iBAAA,EAAmB,QAAA;AAAA,MACnB,cAAA,EAAgB,CAAC,CAAC;AAAA;AACpB,GACF;AAEA,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,EACb,QAAA,EAAA;AAAA,IAAA,KAAA,oBACCA,eAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,cAAA;AAAA,QACV,OAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,KAAA;AAAA,UACA,QAAA,oBAAYC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAkB,QAAA,EAAA,IAAA,EAAE;AAAA;AAAA;AAAA,KACnD;AAAA,oBAGFA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACZ,QAAA,EACH,CAAA;AAAA,IAEC,KAAA,mBACCA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EACZ,QAAA,EAAA,KAAA,EACH,CAAA,GACE,IAAA,mBACFA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACZ,gBACH,CAAA,GACE;AAAA,GAAA,EACN,CAAA;AAEJ,CAAA;AAEA,IAAO,aAAA,GAAQ","file":"field.cjs","sourcesContent":["import React from 'react';\n//import './field.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface FieldProps {\n  label?: React.ReactNode;\n  hint?: React.ReactNode;\n  error?: React.ReactNode;\n  required?: boolean;\n  disabled?: boolean;\n  htmlFor?: string;\n  className?: string;\n  children: React.ReactNode;\n}\n\nconst Field: React.FC<FieldProps> = ({\n  label,\n  hint,\n  error,\n  required = false,\n  disabled = false,\n  htmlFor,\n  className = '',\n  children,\n}) => {\n  const classes = classnames(\n    'field',\n    className,\n    {\n      'field--disabled': disabled,\n      'field--error': !!error,\n    }\n  );\n\n  return (\n    <div className={classes}>\n      {label && (\n        <label\n          className=\"field__label\"\n          htmlFor={htmlFor}\n        >\n          {label}\n          {required && <span className=\"field__required\"> *</span>}\n        </label>\n      )}\n\n      <div className=\"field__control\">\n        {children}\n      </div>\n\n      {error ? (\n        <div className=\"field__message field__message--error\">\n          {error}\n        </div>\n      ) : hint ? (\n        <div className=\"field__message\">\n          {hint}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default Field;"]}

package/components/field/field.d.cts

@@ -0,0 +1,15 @@
+import React from 'react';
+
+interface FieldProps {
+    label?: React.ReactNode;
+    hint?: React.ReactNode;
+    error?: React.ReactNode;
+    required?: boolean;
+    disabled?: boolean;
+    htmlFor?: string;
+    className?: string;
+    children: React.ReactNode;
+}
+declare const Field: React.FC<FieldProps>;
+
+export { type FieldProps, Field as default };

package/components/field/field.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+
+interface FieldProps {
+    label?: React.ReactNode;
+    hint?: React.ReactNode;
+    error?: React.ReactNode;
+    required?: boolean;
+    disabled?: boolean;
+    htmlFor?: string;
+    className?: string;
+    children: React.ReactNode;
+}
+declare const Field: React.FC<FieldProps>;
+
+export { type FieldProps, Field as default };

package/components/field/field.js

@@ -0,0 +1,42 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { classnames } from '../helpers/classnames';
+
+const Field = ({
+  label,
+  hint,
+  error,
+  required = false,
+  disabled = false,
+  htmlFor,
+  className = "",
+  children
+}) => {
+  const classes = classnames(
+    "field",
+    className,
+    {
+      "field--disabled": disabled,
+      "field--error": !!error
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: classes, children: [
+    label && /* @__PURE__ */ jsxs(
+      "label",
+      {
+        className: "field__label",
+        htmlFor,
+        children: [
+          label,
+          required && /* @__PURE__ */ jsx("span", { className: "field__required", children: " *" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "field__control", children }),
+    error ? /* @__PURE__ */ jsx("div", { className: "field__message field__message--error", children: error }) : hint ? /* @__PURE__ */ jsx("div", { className: "field__message", children: hint }) : null
+  ] });
+};
+var field_default = Field;
+
+export { field_default as default };
+//# sourceMappingURL=field.js.map
+//# sourceMappingURL=field.js.map

package/components/field/field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/field/field.tsx"],"names":[],"mappings":";;;AAeA,MAAM,QAA8B,CAAC;AAAA,EACnC,KAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,OAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,UAAA;AAAA,IACd,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,iBAAA,EAAmB,QAAA;AAAA,MACnB,cAAA,EAAgB,CAAC,CAAC;AAAA;AACpB,GACF;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,EACb,QAAA,EAAA;AAAA,IAAA,KAAA,oBACC,IAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,cAAA;AAAA,QACV,OAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,KAAA;AAAA,UACA,QAAA,oBAAY,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAkB,QAAA,EAAA,IAAA,EAAE;AAAA;AAAA;AAAA,KACnD;AAAA,oBAGF,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACZ,QAAA,EACH,CAAA;AAAA,IAEC,KAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EACZ,QAAA,EAAA,KAAA,EACH,CAAA,GACE,IAAA,mBACF,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACZ,gBACH,CAAA,GACE;AAAA,GAAA,EACN,CAAA;AAEJ,CAAA;AAEA,IAAO,aAAA,GAAQ","file":"field.js","sourcesContent":["import React from 'react';\n//import './field.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface FieldProps {\n  label?: React.ReactNode;\n  hint?: React.ReactNode;\n  error?: React.ReactNode;\n  required?: boolean;\n  disabled?: boolean;\n  htmlFor?: string;\n  className?: string;\n  children: React.ReactNode;\n}\n\nconst Field: React.FC<FieldProps> = ({\n  label,\n  hint,\n  error,\n  required = false,\n  disabled = false,\n  htmlFor,\n  className = '',\n  children,\n}) => {\n  const classes = classnames(\n    'field',\n    className,\n    {\n      'field--disabled': disabled,\n      'field--error': !!error,\n    }\n  );\n\n  return (\n    <div className={classes}>\n      {label && (\n        <label\n          className=\"field__label\"\n          htmlFor={htmlFor}\n        >\n          {label}\n          {required && <span className=\"field__required\"> *</span>}\n        </label>\n      )}\n\n      <div className=\"field__control\">\n        {children}\n      </div>\n\n      {error ? (\n        <div className=\"field__message field__message--error\">\n          {error}\n        </div>\n      ) : hint ? (\n        <div className=\"field__message\">\n          {hint}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default Field;"]}

package/components/field.cjs

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

package/components/field.cjs.map

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

package/components/field.d.cts

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

package/components/field.d.ts

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

package/components/field.js

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

package/components/field.js.map

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

package/components/helpers/classnames.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+function classnames(...args) {
+  const classes = [];
+  args.forEach((arg) => {
+    if (!arg) return;
+    if (typeof arg === "string") {
+      classes.push(arg);
+      return;
+    }
+    for (const key in arg) {
+      if (arg[key]) {
+        classes.push(key);
+      }
+    }
+  });
+  return classes.join(" ");
+}
+
+exports.classnames = classnames;
+//# sourceMappingURL=classnames.cjs.map
+//# sourceMappingURL=classnames.cjs.map

package/components/helpers/classnames.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/helpers/classnames.ts"],"names":[],"mappings":";;AAEO,SAAS,cACX,IAAA,EACH;AACA,EAAA,MAAM,UAAoB,EAAC;AAE3B,EAAA,IAAA,CAAK,QAAQ,CAAA,GAAA,KAAO;AAClB,IAAA,IAAI,CAAC,GAAA,EAAK;AAEV,IAAA,IAAI,OAAO,QAAQ,QAAA,EAAU;AAC3B,MAAA,OAAA,CAAQ,KAAK,GAAG,CAAA;AAChB,MAAA;AAAA,IACF;AAEA,IAAA,KAAA,MAAW,OAAO,GAAA,EAAK;AACrB,MAAA,IAAI,GAAA,CAAI,GAAG,CAAA,EAAG;AACZ,QAAA,OAAA,CAAQ,KAAK,GAAG,CAAA;AAAA,MAClB;AAAA,IACF;AAAA,EACF,CAAC,CAAA;AAED,EAAA,OAAO,OAAA,CAAQ,KAAK,GAAG,CAAA;AACzB","file":"classnames.cjs","sourcesContent":["type ClassValue = string | undefined | null | false;\n\nexport function classnames(\n  ...args: (ClassValue | Record<string, boolean | undefined | null>)[]\n) {\n  const classes: string[] = [];\n\n  args.forEach(arg => {\n    if (!arg) return;\n\n    if (typeof arg === 'string') {\n      classes.push(arg);\n      return;\n    }\n\n    for (const key in arg) {\n      if (arg[key]) {\n        classes.push(key);\n      }\n    }\n  });\n\n  return classes.join(' ');\n}"]}

package/components/helpers/classnames.d.cts

@@ -0,0 +1,4 @@
+type ClassValue = string | undefined | null | false;
+declare function classnames(...args: (ClassValue | Record<string, boolean | undefined | null>)[]): string;
+
+export { classnames };

package/components/helpers/classnames.d.ts

@@ -0,0 +1,4 @@
+type ClassValue = string | undefined | null | false;
+declare function classnames(...args: (ClassValue | Record<string, boolean | undefined | null>)[]): string;
+
+export { classnames };

package/components/helpers/classnames.js

@@ -0,0 +1,20 @@
+function classnames(...args) {
+  const classes = [];
+  args.forEach((arg) => {
+    if (!arg) return;
+    if (typeof arg === "string") {
+      classes.push(arg);
+      return;
+    }
+    for (const key in arg) {
+      if (arg[key]) {
+        classes.push(key);
+      }
+    }
+  });
+  return classes.join(" ");
+}
+
+export { classnames };
+//# sourceMappingURL=classnames.js.map
+//# sourceMappingURL=classnames.js.map

package/components/helpers/classnames.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/helpers/classnames.ts"],"names":[],"mappings":"AAEO,SAAS,cACX,IAAA,EACH;AACA,EAAA,MAAM,UAAoB,EAAC;AAE3B,EAAA,IAAA,CAAK,QAAQ,CAAA,GAAA,KAAO;AAClB,IAAA,IAAI,CAAC,GAAA,EAAK;AAEV,IAAA,IAAI,OAAO,QAAQ,QAAA,EAAU;AAC3B,MAAA,OAAA,CAAQ,KAAK,GAAG,CAAA;AAChB,MAAA;AAAA,IACF;AAEA,IAAA,KAAA,MAAW,OAAO,GAAA,EAAK;AACrB,MAAA,IAAI,GAAA,CAAI,GAAG,CAAA,EAAG;AACZ,QAAA,OAAA,CAAQ,KAAK,GAAG,CAAA;AAAA,MAClB;AAAA,IACF;AAAA,EACF,CAAC,CAAA;AAED,EAAA,OAAO,OAAA,CAAQ,KAAK,GAAG,CAAA;AACzB","file":"classnames.js","sourcesContent":["type ClassValue = string | undefined | null | false;\n\nexport function classnames(\n  ...args: (ClassValue | Record<string, boolean | undefined | null>)[]\n) {\n  const classes: string[] = [];\n\n  args.forEach(arg => {\n    if (!arg) return;\n\n    if (typeof arg === 'string') {\n      classes.push(arg);\n      return;\n    }\n\n    for (const key in arg) {\n      if (arg[key]) {\n        classes.push(key);\n      }\n    }\n  });\n\n  return classes.join(' ');\n}"]}

package/components/input/input.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var classnames = require('../helpers/classnames');
+
+const Input = ({
+  state = "default",
+  className = "",
+  disabled = false,
+  ...props
+}) => {
+  const classes = classnames.classnames("input", className, {
+    error: state === "error",
+    success: state === "success"
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      className: classes,
+      disabled,
+      ...props
+    }
+  );
+};
+var input_default = Input;
+
+module.exports = input_default;
+//# sourceMappingURL=input.cjs.map
+//# sourceMappingURL=input.cjs.map

package/components/input/input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/input/input.tsx"],"names":["classnames","jsx"],"mappings":";;;;;AASA,MAAM,QAA8B,CAAC;AAAA,EACnC,KAAA,GAAQ,SAAA;AAAA,EACR,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAUA,qBAAA,CAAW,OAAA,EAAS,SAAA,EAAW;AAAA,IAC7C,OAAO,KAAA,KAAU,OAAA;AAAA,IACjB,SAAS,KAAA,KAAU;AAAA,GACpB,CAAA;AAED,EAAA,uBACEC,cAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,QAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAA;AAEA,IAAO,aAAA,GAAQ","file":"input.cjs","sourcesContent":["import React from 'react';\n//import './input.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  state?: 'default' | 'error' | 'success';\n}\n\nconst Input: React.FC<InputProps> = ({\n  state = 'default',\n  className = '',\n  disabled = false,\n  ...props\n}) => {\n  const classes = classnames('input', className, {\n    error: state === 'error',\n    success: state === 'success',\n  });\n\n  return (\n    <input\n      className={classes}\n      disabled={disabled}\n      {...props}\n    />\n  );\n};\n\nexport default Input;"]}

package/components/input/input.d.cts

@@ -0,0 +1,8 @@
+import React from 'react';
+
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    state?: 'default' | 'error' | 'success';
+}
+declare const Input: React.FC<InputProps>;
+
+export { type InputProps, Input as default };

package/components/input/input.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    state?: 'default' | 'error' | 'success';
+}
+declare const Input: React.FC<InputProps>;
+
+export { type InputProps, Input as default };

package/components/input/input.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { classnames } from '../helpers/classnames';
+
+const Input = ({
+  state = "default",
+  className = "",
+  disabled = false,
+  ...props
+}) => {
+  const classes = classnames("input", className, {
+    error: state === "error",
+    success: state === "success"
+  });
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      className: classes,
+      disabled,
+      ...props
+    }
+  );
+};
+var input_default = Input;
+
+export { input_default as default };
+//# sourceMappingURL=input.js.map
+//# sourceMappingURL=input.js.map

package/components/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":";;;AASA,MAAM,QAA8B,CAAC;AAAA,EACnC,KAAA,GAAQ,SAAA;AAAA,EACR,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,OAAA,EAAS,SAAA,EAAW;AAAA,IAC7C,OAAO,KAAA,KAAU,OAAA;AAAA,IACjB,SAAS,KAAA,KAAU;AAAA,GACpB,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,QAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAA;AAEA,IAAO,aAAA,GAAQ","file":"input.js","sourcesContent":["import React from 'react';\n//import './input.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  state?: 'default' | 'error' | 'success';\n}\n\nconst Input: React.FC<InputProps> = ({\n  state = 'default',\n  className = '',\n  disabled = false,\n  ...props\n}) => {\n  const classes = classnames('input', className, {\n    error: state === 'error',\n    success: state === 'success',\n  });\n\n  return (\n    <input\n      className={classes}\n      disabled={disabled}\n      {...props}\n    />\n  );\n};\n\nexport default Input;"]}

package/components/input.cjs

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

package/components/input.cjs.map

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

package/components/input.d.cts

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

package/components/input.d.ts

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

package/components/input.js

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

package/components/input.js.map

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

package/components/logo/logo.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('./logo.css');
+var classnames = require('../helpers/classnames');
+var logoSymbol = require('./assets/logo-symbol.svg');
+var logoWordmark = require('./assets/logo-wordmark.svg');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var logoSymbol__default = /*#__PURE__*/_interopDefault(logoSymbol);
+var logoWordmark__default = /*#__PURE__*/_interopDefault(logoWordmark);
+
+const Logo = ({
+  mode = "full",
+  label = "\u041F\u0430\u0442\u0442\u0435\u0440\u043D\u044B \u0434\u0438\u0437\u0430\u0439\u043D-\u043C\u0435\u043D\u0435\u0434\u0436\u043C\u0435\u043D\u0442\u0430",
+  className = "",
+  ...props
+}) => {
+  const classes = classnames.classnames("logo", className, {
+    "logo--symbol": mode === "symbol"
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: classes,
+      "aria-label": label,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            className: "logo__symbol",
+            src: logoSymbol__default.default,
+            alt: "",
+            "aria-hidden": "true"
+          }
+        ),
+        mode === "full" && /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            className: "logo__wordmark",
+            src: logoWordmark__default.default,
+            alt: "",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+var logo_default = Logo;
+
+module.exports = logo_default;
+//# sourceMappingURL=logo.cjs.map
+//# sourceMappingURL=logo.cjs.map