@quen-ui/components 0.0.14

package/dist/assets/icon-arrow-bottom.svg.cjs.js

@@ -0,0 +1,21 @@
+"use strict";
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const SvgIconArrowBottom = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M6 9l6 6 6-6", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
+module.exports = SvgIconArrowBottom;

package/dist/assets/icon-arrow-bottom.svg.es.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+const SvgIconArrowBottom = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M6 9l6 6 6-6", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  SvgIconArrowBottom as default
+};

package/dist/assets/icon-close.svg.cjs.js

@@ -0,0 +1,21 @@
+"use strict";
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const SvgIconClose = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("line", { x1: 4.5, y1: 4.5, x2: 19.5, y2: 19.5, stroke: "currentColor", strokeWidth: 2 }), /* @__PURE__ */ React__namespace.createElement("line", { x1: 4.5, y1: 19.5, x2: 19.5, y2: 4.5, stroke: "currentColor", strokeWidth: 2 }));
+module.exports = SvgIconClose;

package/dist/assets/icon-close.svg.es.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+const SvgIconClose = (props) => /* @__PURE__ */ React.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("line", { x1: 4.5, y1: 4.5, x2: 19.5, y2: 19.5, stroke: "currentColor", strokeWidth: 2 }), /* @__PURE__ */ React.createElement("line", { x1: 4.5, y1: 19.5, x2: 19.5, y2: 4.5, stroke: "currentColor", strokeWidth: 2 }));
+export {
+  SvgIconClose as default
+};

package/dist/assets/icon-error.svg.cjs.js

@@ -0,0 +1,21 @@
+"use strict";
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const SvgIconError = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", stroke: "currentColor", strokeWidth: 1.5, viewBox: "0 0 16 16", ...props }, /* @__PURE__ */ React__namespace.createElement("circle", { cx: 8, cy: 8, r: 7 }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.5 5.5l5 5M10.5 5.5l-5 5", strokeLinecap: "round" }));
+module.exports = SvgIconError;

package/dist/assets/icon-error.svg.es.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+const SvgIconError = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", stroke: "currentColor", strokeWidth: 1.5, viewBox: "0 0 16 16", ...props }, /* @__PURE__ */ React.createElement("circle", { cx: 8, cy: 8, r: 7 }), /* @__PURE__ */ React.createElement("path", { d: "M5.5 5.5l5 5M10.5 5.5l-5 5", strokeLinecap: "round" }));
+export {
+  SvgIconError as default
+};

package/dist/assets/icon-info.svg.cjs.js

@@ -0,0 +1,21 @@
+"use strict";
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const SvgIconInfo = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", stroke: "currentColor", strokeWidth: 1.5, viewBox: "0 0 16 16", ...props }, /* @__PURE__ */ React__namespace.createElement("circle", { cx: 8, cy: 8, r: 7 }), /* @__PURE__ */ React__namespace.createElement("circle", { cx: 8, cy: 4.5, r: 0.75, fill: "blue" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8 7.5v3.5", strokeLinecap: "round" }));
+module.exports = SvgIconInfo;

package/dist/assets/icon-info.svg.es.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+const SvgIconInfo = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", stroke: "currentColor", strokeWidth: 1.5, viewBox: "0 0 16 16", ...props }, /* @__PURE__ */ React.createElement("circle", { cx: 8, cy: 8, r: 7 }), /* @__PURE__ */ React.createElement("circle", { cx: 8, cy: 4.5, r: 0.75, fill: "blue" }), /* @__PURE__ */ React.createElement("path", { d: "M8 7.5v3.5", strokeLinecap: "round" }));
+export {
+  SvgIconInfo as default
+};

package/dist/assets/icon-lines.svg.cjs.js

@@ -0,0 +1,21 @@
+"use strict";
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const SvgIconLines = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("rect", { x: 3, y: 6, width: 18, height: 2, fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("rect", { x: 3, y: 11, width: 18, height: 2, fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("rect", { x: 3, y: 16, width: 18, height: 2, fill: "currentColor" }));
+module.exports = SvgIconLines;

package/dist/assets/icon-lines.svg.es.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+const SvgIconLines = (props) => /* @__PURE__ */ React.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("rect", { x: 3, y: 6, width: 18, height: 2, fill: "currentColor" }), /* @__PURE__ */ React.createElement("rect", { x: 3, y: 11, width: 18, height: 2, fill: "currentColor" }), /* @__PURE__ */ React.createElement("rect", { x: 3, y: 16, width: 18, height: 2, fill: "currentColor" }));
+export {
+  SvgIconLines as default
+};

package/dist/assets/icon-success.svg.cjs.js

@@ -0,0 +1,21 @@
+"use strict";
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const SvgIconSuccess = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", stroke: "currentColor", strokeWidth: 1.5, viewBox: "0 0 16 16", ...props }, /* @__PURE__ */ React__namespace.createElement("circle", { cx: 8, cy: 8, r: 7 }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5 8l2 2 4-4", strokeLinecap: "round", strokeLinejoin: "round" }));
+module.exports = SvgIconSuccess;

package/dist/assets/icon-success.svg.es.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+const SvgIconSuccess = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", stroke: "currentColor", strokeWidth: 1.5, viewBox: "0 0 16 16", ...props }, /* @__PURE__ */ React.createElement("circle", { cx: 8, cy: 8, r: 7 }), /* @__PURE__ */ React.createElement("path", { d: "M5 8l2 2 4-4", strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  SvgIconSuccess as default
+};

package/dist/assets/icon-warning.svg.cjs.js

@@ -0,0 +1,21 @@
+"use strict";
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const SvgIconWarning = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", stroke: "currentColor", strokeWidth: 1.5, viewBox: "0 0 16 16", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M8 2l6 11H2L8 2z", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8 5.5v3.5", strokeLinecap: "round" }), /* @__PURE__ */ React__namespace.createElement("circle", { cx: 8, cy: 11.5, r: 0.75, fill: "orange" }));
+module.exports = SvgIconWarning;

package/dist/assets/icon-warning.svg.es.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+const SvgIconWarning = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", stroke: "currentColor", strokeWidth: 1.5, viewBox: "0 0 16 16", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M8 2l6 11H2L8 2z", strokeLinejoin: "round" }), /* @__PURE__ */ React.createElement("path", { d: "M8 5.5v3.5", strokeLinecap: "round" }), /* @__PURE__ */ React.createElement("circle", { cx: 8, cy: 11.5, r: 0.75, fill: "orange" }));
+export {
+  SvgIconWarning as default
+};

package/dist/constants/index.d.ts

@@ -0,0 +1 @@
+export declare const QUEN_SIZE: readonly ["l", "m", "s", "xs"];

package/dist/index.cjs.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Title = require("./typography/Title/Title.cjs.js");
+const Text = require("./typography/Text/Text.cjs.js");
+const Button = require("./Button/Button.cjs.js");
+const Card = require("./Card/Card.cjs.js");
+const Flex = require("./Flex/Flex.cjs.js");
+const index = require("./Layout/index.cjs.js");
+const index$1 = require("./Tabs/index.cjs.js");
+const Alert = require("./Alert/Alert.cjs.js");
+const Avatar = require("./Avatar/Avatar.cjs.js");
+const Badge = require("./Badge/Badge.cjs.js");
+const types = require("./Badge/types.cjs.js");
+const Breadcrumbs = require("./Breadcrumbs/Breadcrumbs.cjs.js");
+const index$2 = require("./Checkbox/index.cjs.js");
+const Divider = require("./Divider/Divider.cjs.js");
+const Drawer = require("./Drawer/Drawer.cjs.js");
+const Dropdown = require("./Dropdown/Dropdown.cjs.js");
+const TextField = require("./TextField/TextField.cjs.js");
+const Image = require("./Image/Image.cjs.js");
+const Loader = require("./Loader/Loader.cjs.js");
+const InputNumber = require("./InputNumber/InputNumber.cjs.js");
+const Select = require("./Select/Select.cjs.js");
+const Modal = require("./Modal/Modal.cjs.js");
+const NotificationInstance = require("./Notification/NotificationInstance.cjs.js");
+const types$1 = require("./Notification/types.cjs.js");
+const Progress = require("./Progress/Progress.cjs.js");
+const index$3 = require("./RadioButton/index.cjs.js");
+const Switch = require("./Switch/Switch.cjs.js");
+const Tag = require("./Tag/Tag.cjs.js");
+const Textarea = require("./Textarea/Textarea.cjs.js");
+const Tooltip = require("./Tooltip/Tooltip.cjs.js");
+exports.Title = Title;
+exports.Text = Text;
+exports.Button = Button;
+exports.Card = Card;
+exports.Flex = Flex;
+exports.Layout = index.Layout;
+exports.Tabs = index$1;
+exports.Alert = Alert;
+exports.Avatar = Avatar;
+exports.Badge = Badge;
+exports.BADGE_COLOR = types.BADGE_COLOR;
+exports.Breadcrumbs = Breadcrumbs;
+exports.Checkbox = index$2.Checkbox;
+exports.Divider = Divider;
+exports.Drawer = Drawer;
+exports.Dropdown = Dropdown;
+exports.TextField = TextField;
+exports.Image = Image;
+exports.Loader = Loader;
+exports.InputNumber = InputNumber;
+exports.Select = Select;
+exports.Modal = Modal;
+exports.NotificationInstance = NotificationInstance.NotificationInstance;
+exports.notifications = NotificationInstance.notifications;
+exports.NOTIFICATION_STATUSES = types$1.NOTIFICATION_STATUSES;
+exports.Progress = Progress;
+exports.RadioButton = index$3.RadioButton;
+exports.Switch = Switch;
+exports.Tag = Tag;
+exports.Textarea = Textarea;
+exports.Tooltip = Tooltip;

package/dist/index.d.ts

@@ -0,0 +1,50 @@
+export { Title } from './typography/Title';
+export type { ITitleProps, TTitleType, TTitleSize } from './typography/Title';
+export { Text } from './typography/Text';
+export type { ITextProps, TTextType, TTextSize } from './typography/Text';
+export { Button } from './Button';
+export type { TButtonSize, IButtonProps, TButtonView } from './Button';
+export { Card } from './Card';
+export type { ICardProps } from './Card';
+export { Flex } from './Flex';
+export type { IFlexProps } from './Flex';
+export { Layout } from './Layout';
+export type { ILayoutProps, ILayoutSidebarProps, ILayoutHeaderProps, ILayoutMenuItem } from './Layout';
+export { default as Tabs } from './Tabs';
+export { Alert } from './Alert';
+export type { IAlertProps } from './Alert';
+export { Avatar } from './Avatar';
+export type { IAvatarProps } from './Avatar';
+export { Badge, BADGE_COLOR } from './Badge';
+export type { TBadgeColor, IBadgeProps } from './Badge';
+export { Breadcrumbs } from './Breadcrumbs';
+export type { IBreadcrumbItemProps, IBreadcrumbItemDefault, IBreadcrumbsProps, TBreadcrumbPropGetItemIcon, TBreadcrumbPropGetItemOnClick, TBreadcrumbsPropOnItemClick, TBreadcrumbPropGetItemHref, TBreadcrumbPropGetItemLabel, TBreadcrumbsPropGetItemClassname } from './Breadcrumbs';
+export { Checkbox } from './Checkbox';
+export type { ICheckboxGroupProps, ICheckboxProps, TCheckboxGroupPropGetItemKey, TCheckboxGroupPropGetItemValue, TCheckboxGroupPropGetItemLabel, ICheckboxGroupDefaultItem, TCheckboxGroupPropGetItemDisabled } from './Checkbox';
+export { Divider } from './Divider';
+export type { IDividerProps } from './Divider';
+export { Drawer } from './Drawer';
+export type { IDrawerProps } from './Drawer';
+export { Dropdown } from './Dropdown';
+export type { IDropdownMappersItem, IDropdownProps, TDropdownListProps, TDropdownGetItemKey, TDropdownGetItemDisabled, IDropdownDefaultItem, TDropdownDirection, TDropdownOnClick, TDropdownPortalProps, TDropdownSortGroup, TDropdownItemProps, TDropdownGetItemLeftContent, TDropdownGetItemGroupId, TDropdownGetItemLabel, TDropdownGetItemOnClick } from './Dropdown';
+export { TextField, type ITextFieldProps } from './TextField';
+export { Image } from './Image';
+export type { IImageProps } from './Image';
+export { Loader } from './Loader';
+export type { ILoaderProps } from './Loader';
+export { InputNumber } from './InputNumber';
+export type { IInputNumberProps } from './InputNumber';
+export { Select } from './Select';
+export type { ISelectDefaultItem, TSelectGetItemValue, TSelectSingleValue, TSelectGetItemLabel, TMultiSelectItemOnChange, TMultiSelectProps, TSelectGetItemDisabled, TSingleSelectProps, TSelectProps, TMultiSelectValueOnChange, TSingleSelectValueOnChange, TSingleSelectItemOnChange } from './Select';
+export { Modal } from './Modal';
+export type { IModalProps } from './Modal';
+export { NotificationInstance, notifications, NOTIFICATION_STATUSES, type INotificationParams, type INotificationsContext } from './Notification';
+export { Progress } from './Progress';
+export type { IProgressProps } from './Progress';
+export { RadioButton, type IRadioGroupDefaultItem, type TRadioGroupPropGetItemValue, type IRadioButtonProps, type TRadioGroupPropGetItemDisabled, type TRadioGroupPropGetItemLabel, type TRadioGroupPropGetItemKey, type IRadioGroupProps } from './RadioButton';
+export { Switch } from './Switch';
+export type { ISwitchProps } from './Switch';
+export { Tag, type ITagProps } from './Tag';
+export { Textarea, type ITextareaProps } from './Textarea';
+export type { TQuenSize } from './types/size';
+export { Tooltip, type ITooltipProps } from './Tooltip';

package/dist/index.es.js

@@ -0,0 +1,63 @@
+import { default as default2 } from "./typography/Title/Title.es.js";
+import { default as default3 } from "./typography/Text/Text.es.js";
+import { default as default4 } from "./Button/Button.es.js";
+import { default as default5 } from "./Card/Card.es.js";
+import { default as default6 } from "./Flex/Flex.es.js";
+import { Layout } from "./Layout/index.es.js";
+import { default as default7 } from "./Tabs/index.es.js";
+import { default as default8 } from "./Alert/Alert.es.js";
+import { default as default9 } from "./Avatar/Avatar.es.js";
+import { default as default10 } from "./Badge/Badge.es.js";
+import { BADGE_COLOR } from "./Badge/types.es.js";
+import { default as default11 } from "./Breadcrumbs/Breadcrumbs.es.js";
+import { Checkbox } from "./Checkbox/index.es.js";
+import { default as default12 } from "./Divider/Divider.es.js";
+import { default as default13 } from "./Drawer/Drawer.es.js";
+import { default as default14 } from "./Dropdown/Dropdown.es.js";
+import { default as default15 } from "./TextField/TextField.es.js";
+import { default as default16 } from "./Image/Image.es.js";
+import { default as default17 } from "./Loader/Loader.es.js";
+import { default as default18 } from "./InputNumber/InputNumber.es.js";
+import { default as default19 } from "./Select/Select.es.js";
+import { default as default20 } from "./Modal/Modal.es.js";
+import { NotificationInstance, notifications } from "./Notification/NotificationInstance.es.js";
+import { NOTIFICATION_STATUSES } from "./Notification/types.es.js";
+import { default as default21 } from "./Progress/Progress.es.js";
+import { RadioButton } from "./RadioButton/index.es.js";
+import { default as default22 } from "./Switch/Switch.es.js";
+import { default as default23 } from "./Tag/Tag.es.js";
+import { default as default24 } from "./Textarea/Textarea.es.js";
+import { default as default25 } from "./Tooltip/Tooltip.es.js";
+export {
+  default8 as Alert,
+  default9 as Avatar,
+  BADGE_COLOR,
+  default10 as Badge,
+  default11 as Breadcrumbs,
+  default4 as Button,
+  default5 as Card,
+  Checkbox,
+  default12 as Divider,
+  default13 as Drawer,
+  default14 as Dropdown,
+  default6 as Flex,
+  default16 as Image,
+  default18 as InputNumber,
+  Layout,
+  default17 as Loader,
+  default20 as Modal,
+  NOTIFICATION_STATUSES,
+  NotificationInstance,
+  default21 as Progress,
+  RadioButton,
+  default19 as Select,
+  default22 as Switch,
+  default7 as Tabs,
+  default23 as Tag,
+  default3 as Text,
+  default15 as TextField,
+  default24 as Textarea,
+  default2 as Title,
+  default25 as Tooltip,
+  notifications
+};

package/dist/types/propsWithAttributes.d.ts

@@ -0,0 +1,2 @@
+import { JSX, PropsWithoutRef } from 'react';
+export type TPropsWithAttributes<Props, As extends keyof JSX.IntrinsicElements = "div"> = Props & PropsWithoutRef<Omit<JSX.IntrinsicElements[As], keyof Props | "children" | "size">>;

package/dist/types/size.d.ts

@@ -0,0 +1,2 @@
+import { QUEN_SIZE } from '../constants';
+export type TQuenSize = typeof QUEN_SIZE[number];

package/dist/typography/Text/Text.cjs.js

@@ -0,0 +1,31 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const styles = require("./styles.cjs.js");
+const Text = ({
+  children,
+  size = "m",
+  color,
+  onClick,
+  type,
+  as,
+  className,
+  styles: styles$1,
+  ...props
+}, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  styles.TextStyled,
+  {
+    ref,
+    size,
+    color,
+    onClick,
+    type,
+    as,
+    styles: styles$1,
+    className,
+    ...props,
+    children
+  }
+);
+const Text$1 = React.forwardRef(Text);
+module.exports = Text$1;

package/dist/typography/Text/Text.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ITextProps } from './types';
+declare const _default: FC<ITextProps>;
+export default _default;

package/dist/typography/Text/Text.es.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { TextStyled } from "./styles.es.js";
+const Text = ({
+  children,
+  size = "m",
+  color,
+  onClick,
+  type,
+  as,
+  className,
+  styles,
+  ...props
+}, ref) => /* @__PURE__ */ jsx(
+  TextStyled,
+  {
+    ref,
+    size,
+    color,
+    onClick,
+    type,
+    as,
+    styles,
+    className,
+    ...props,
+    children
+  }
+);
+const Text$1 = forwardRef(Text);
+export {
+  Text$1 as default
+};

package/dist/typography/Text/__stories__/Text.stories.d.ts

@@ -0,0 +1,9 @@
+import { StoryObj } from '@storybook/react';
+import { Text } from '../';
+declare const _default: StoryObj<typeof Text>;
+export default _default;
+export declare const Example: {
+    args: {
+        children: string;
+    };
+};

package/dist/typography/Text/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Text } from './Text';
+export type { ITextProps, TTextSize, TTextType } from './types';

package/dist/typography/Text/styles.cjs.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const styled = require("styled-components");
+const getFonts = (size, theme) => {
+  switch (size) {
+    case "xl":
+      return styled.css`
+        font-size: ${theme.fonts.text.size["xl"]};
+        line-height: ${theme.fonts.text.lineHeight["xl"]};
+        font-weight: ${theme.fonts.text.weight};
+      `;
+    case "l":
+      return styled.css`
+        font-size: ${theme.fonts.text.size["l"]};
+        line-height: ${theme.fonts.text.lineHeight["l"]};
+        font-weight: ${theme.fonts.text.weight};
+      `;
+    case "m":
+      return styled.css`
+        font-size: ${theme.fonts.text.size["m"]};
+        line-height: ${theme.fonts.text.lineHeight["m"]};
+        font-weight: ${theme.fonts.text.weight};
+      `;
+    case "s":
+      return styled.css`
+        font-size: ${theme.fonts.text.size["s"]};
+        line-height: ${theme.fonts.text.lineHeight["s"]};
+        font-weight: ${theme.fonts.text.weight};
+      `;
+    case "xs":
+      return styled.css`
+        font-size: ${theme.fonts.text.size["xs"]};
+        line-height: ${theme.fonts.text.lineHeight["xs"]};
+        font-weight: ${theme.fonts.text.weight};
+      `;
+  }
+};
+const getColor = ({
+  type,
+  color,
+  theme
+}) => {
+  if (color) {
+    return color;
+  } else {
+    switch (type) {
+      case "secondary":
+        return theme.colors.gray["5"];
+      case "success":
+        return theme.colors.green["6"];
+      case "warning":
+        return theme.colors.orange["6"];
+      case "danger":
+        return theme.colors.red["6"];
+      case "disabled":
+        return theme.colors.gray["4"];
+      default:
+        return theme.textColor;
+    }
+  }
+};
+const TextStyled = styled.span.attrs({
+  className: "quen-ui__text"
+})`
+  margin: 0;
+  ${({ theme, size = "m" }) => getFonts(size, theme)};
+  color: ${({ color, type, theme }) => getColor({ color, theme, type })};
+`;
+exports.TextStyled = TextStyled;

package/dist/typography/Text/styles.d.ts

@@ -0,0 +1,2 @@
+import { ITextProps } from './types';
+export declare const TextStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>, never>, ITextProps>> & string;

package/dist/typography/Text/styles.es.js

@@ -0,0 +1,69 @@
+import styled, { css } from "styled-components";
+const getFonts = (size, theme) => {
+  switch (size) {
+    case "xl":
+      return css`
+        font-size: ${theme.fonts.text.size["xl"]};
+        line-height: ${theme.fonts.text.lineHeight["xl"]};
+        font-weight: ${theme.fonts.text.weight};
+      `;
+    case "l":
+      return css`
+        font-size: ${theme.fonts.text.size["l"]};
+        line-height: ${theme.fonts.text.lineHeight["l"]};
+        font-weight: ${theme.fonts.text.weight};
+      `;
+    case "m":
+      return css`
+        font-size: ${theme.fonts.text.size["m"]};
+        line-height: ${theme.fonts.text.lineHeight["m"]};
+        font-weight: ${theme.fonts.text.weight};
+      `;
+    case "s":
+      return css`
+        font-size: ${theme.fonts.text.size["s"]};
+        line-height: ${theme.fonts.text.lineHeight["s"]};
+        font-weight: ${theme.fonts.text.weight};
+      `;
+    case "xs":
+      return css`
+        font-size: ${theme.fonts.text.size["xs"]};
+        line-height: ${theme.fonts.text.lineHeight["xs"]};
+        font-weight: ${theme.fonts.text.weight};
+      `;
+  }
+};
+const getColor = ({
+  type,
+  color,
+  theme
+}) => {
+  if (color) {
+    return color;
+  } else {
+    switch (type) {
+      case "secondary":
+        return theme.colors.gray["5"];
+      case "success":
+        return theme.colors.green["6"];
+      case "warning":
+        return theme.colors.orange["6"];
+      case "danger":
+        return theme.colors.red["6"];
+      case "disabled":
+        return theme.colors.gray["4"];
+      default:
+        return theme.textColor;
+    }
+  }
+};
+const TextStyled = styled.span.attrs({
+  className: "quen-ui__text"
+})`
+  margin: 0;
+  ${({ theme, size = "m" }) => getFonts(size, theme)};
+  color: ${({ color, type, theme }) => getColor({ color, theme, type })};
+`;
+export {
+  TextStyled
+};