@quen-ui/components 0.0.14 → 1.0.0

package/dist/packages/components/index.es.js

@@ -0,0 +1,93 @@
+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";
+import { default as default26 } from "../../Menu/Menu.es.js";
+import { default as default27 } from "../../EmptyState/EmptyState.es.js";
+import { default as default28 } from "../../Pagination/Pagination.es.js";
+import { Accordion } from "../../Accordion/index.es.js";
+import { message } from "../../message/index.es.js";
+import { Form } from "../../Form/index.es.js";
+import { default as default29 } from "../../Calendar/Calendar.es.js";
+import { default as default30 } from "../../InputDate/InputDate.es.js";
+import { default as default31 } from "../../Slider/Slider.es.js";
+import { Skeleton } from "../../Skeleton/index.es.js";
+import { default as default32 } from "../../Spoiler/Spoiler.es.js";
+import { default as default33 } from "../../Highlight/Highlight.es.js";
+import { default as default34 } from "../../LoadingOverlay/LoadingOverlay.es.js";
+import { ColorPicker } from "../../ColorPicker/index.es.js";
+import { default as default35 } from "../../RichTextEditor/RichTextEditor.es.js";
+export {
+  Accordion,
+  default8 as Alert,
+  default9 as Avatar,
+  BADGE_COLOR,
+  default10 as Badge,
+  default11 as Breadcrumbs,
+  default4 as Button,
+  default29 as Calendar,
+  default5 as Card,
+  Checkbox,
+  ColorPicker,
+  default12 as Divider,
+  default13 as Drawer,
+  default14 as Dropdown,
+  default27 as EmptyState,
+  default6 as Flex,
+  Form,
+  default33 as Highlight,
+  default16 as Image,
+  default30 as InputDate,
+  default18 as InputNumber,
+  Layout,
+  default17 as Loader,
+  default34 as LoadingOverlay,
+  default26 as Menu,
+  default20 as Modal,
+  NOTIFICATION_STATUSES,
+  NotificationInstance,
+  default28 as Pagination,
+  default21 as Progress,
+  RadioButton,
+  default35 as RichTextEditor,
+  default19 as Select,
+  Skeleton,
+  default31 as Slider,
+  default32 as Spoiler,
+  default22 as Switch,
+  default7 as Tabs,
+  default23 as Tag,
+  default3 as Text,
+  default15 as TextField,
+  default24 as Textarea,
+  default2 as Title,
+  default25 as Tooltip,
+  message,
+  notifications
+};

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { TextStyled } from "./styles.es.js";
-const Text = ({
+const Text$1 = ({
   children,
   size = "m",
   color,
@@ -26,7 +26,7 @@ const Text = ({
     children
   }
 );
-const Text$1 = forwardRef(Text);
+const Text = forwardRef(Text$1);
 export {
-  Text$1 as default
+  Text as default
 };

package/dist/typography/Title/Title.cjs.js

@@ -9,6 +9,7 @@ const Title = ({
   type,
   className,
   id,
+  align,
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   styles.TitleStyled,
@@ -19,6 +20,7 @@ const Title = ({
     onClick,
     type,
     className,
+    align,
     ...props,
     children
   }

package/dist/typography/Title/Title.d.ts

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from 'react';
 import { ITitleProps } from './types';
-declare const Title: ({ children, size, color, onClick, type, className, id, ...props }: PropsWithChildren<ITitleProps>) => import("react/jsx-runtime").JSX.Element;
+declare const Title: ({ children, size, color, onClick, type, className, id, align, ...props }: PropsWithChildren<ITitleProps>) => import("react/jsx-runtime").JSX.Element;
 export default Title;

package/dist/typography/Title/Title.es.js

@@ -8,6 +8,7 @@ const Title = ({
   type,
   className,
   id,
+  align,
   ...props
 }) => /* @__PURE__ */ jsx(
   TitleStyled,
@@ -18,6 +19,7 @@ const Title = ({
     onClick,
     type,
     className,
+    align,
     ...props,
     children
   }

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

@@ -67,9 +67,12 @@ const getColor = ({
 };
 const TitleStyled = styled.span.attrs({
   className: "quen-ui__title"
+}).withConfig({
+  shouldForwardProp: (prop) => !["align", "type"].includes(prop)
 })`
   margin: 0;
   ${({ theme, size }) => getFonts(size, theme)};
   color: ${({ color, type, theme }) => getColor({ color, theme, type })};
+  text-align: ${({ align = "start" }) => align};
 `;
 exports.TitleStyled = TitleStyled;

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

@@ -65,10 +65,13 @@ const getColor = ({
 };
 const TitleStyled = styled.span.attrs({
   className: "quen-ui__title"
+}).withConfig({
+  shouldForwardProp: (prop) => !["align", "type"].includes(prop)
 })`
   margin: 0;
   ${({ theme, size }) => getFonts(size, theme)};
   color: ${({ color, type, theme }) => getColor({ color, theme, type })};
+  text-align: ${({ align = "start" }) => align};
 `;
 export {
   TitleStyled

package/dist/typography/Title/types.d.ts

@@ -18,5 +18,6 @@ export interface ITitleProps {
     id?: string;
     /** Defines rendered HTML tag */
     as?: keyof JSX.IntrinsicElements | React.ElementType;
+    align?: "start" | "center" | "end";
     [key: string]: any;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quen-ui/components",
   "private": false,
-  "version": "0.0.14",
+  "version": "1.0.0",
   "type": "module",
   "homepage": "https://quen-ui.github.io/quen-ui/",
   "repository": {
@@ -25,37 +25,40 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build",
+    "build": "tsc -b tsconfig.build.json && vite build",
     "lint": "eslint .",
     "preview": "vite preview"
   },
   "dependencies": {
     "@quen-ui/helpers": "*",
     "@quen-ui/hooks": "*",
+    "chroma-js": "^3.2.0",
+    "dompurify": "^3.3.0",
     "polished": "^4.3.1",
     "rc-input-number": "^9.5.0",
     "rc-select": "^14.16.6",
     "react-textarea-autosize": "^8.5.9",
     "react-transition-group": "^4.4.5",
     "react-transition-state": "^2.3.1",
-    "styled-components": "^6.1.15"
+    "styled-components": "^6.1.19"
   },
   "devDependencies": {
-    "@types/react": "^19.1.12",
-    "@types/react-dom": "^19.1.9",
+    "@types/chroma-js": "^3.1.2",
+    "@types/react": "^19.2.6",
+    "@types/react-dom": "^19.2.3",
     "@types/react-transition-group": "^4.4.12",
-    "@vitejs/plugin-react-swc": "^3.8.0",
-    "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
+    "@vitejs/plugin-react-swc": "^4.2.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.26",
     "globals": "^15.15.0",
-    "typescript": "~5.7.2",
-    "typescript-eslint": "^8.24.1",
-    "vite": "^6.2.0"
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.50.0",
+    "vite": "^7.3.0"
   },
   "peerDependencies": {
+    "@quen-ui/theme": "*",
     "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
-    "@quen-ui/theme": "*"
+    "react-dom": ">=18.0.0"
   },
   "keywords": [
     "components",

package/dist/index.cjs.js

@@ -1,63 +0,0 @@
-"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.es.js

@@ -1,63 +0,0 @@
-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
-};