nntc-ui 0.0.1

package/README.md

@@ -0,0 +1,52 @@
+# NNTC UI Kit
+
+React компонентная библиотека для создания пользовательских интерфейсов.
+
+## Установка
+
+```bash
+npm install nntc-ui-kit
+```
+
+## Использование
+
+```tsx
+import 'nntc-ui-kit/index.css';
+import 'nntc-ui-kit/themes/dark.css'; или import 'nntc-ui-kit/themes/light.css';
+import 'nntc-ui-kit/styles/global.css';
+import { InfoIcon } from 'nntc-ui-kit/icons';
+import { Button } from 'nntc-ui-kit';
+
+function App() {
+  return (
+    <Button variant="primary" icon={<InfoIcon />} onClick={() => console.log('clicked')}>
+      Нажми меня
+    </Button>
+  );
+}
+```
+
+## Разработка
+
+1. Клонируйте репозиторий
+2. Установите зависимости:
+
+```bash
+npm install
+```
+
+3. Запустите сервер разработки:
+
+```bash
+npm run dev
+```
+
+## Сборка
+
+```bash
+npm run build
+```
+
+## Лицензия
+
+MIT

package/chunk-RKPZOIBV.js

@@ -0,0 +1,172 @@
+// src/icons/Icon.tsx
+import { jsx } from "react/jsx-runtime";
+var Icon = ({
+  size = 24,
+  color = "currentColor",
+  className,
+  children
+}) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: color,
+      className,
+      xmlns: "http://www.w3.org/2000/svg",
+      children
+    }
+  );
+};
+
+// src/icons/AddIcon.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var AddIcon = (props) => /* @__PURE__ */ jsx2(Icon, { ...props, children: /* @__PURE__ */ jsx2("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" }) });
+
+// src/icons/ArrowDropDownIcon.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ArrowDropDownIcon = (props) => /* @__PURE__ */ jsx3(Icon, { ...props, children: /* @__PURE__ */ jsx3("path", { d: "M7 10l5 5 5-5z" }) });
+
+// src/icons/ArrowDropUpIcon.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var ArrowDropUpIcon = (props) => /* @__PURE__ */ jsx4(Icon, { ...props, children: /* @__PURE__ */ jsx4("path", { d: "M7 14l5-5 5 5z" }) });
+
+// src/icons/AttachIcon.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var AttachIcon = (props) => /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z" }) });
+
+// src/icons/BarChartIcon.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var BarChartIcon = (props) => /* @__PURE__ */ jsx6(Icon, { ...props, children: /* @__PURE__ */ jsx6("path", { d: "M5 9.2h3V19H5zM10.6 5h2.8v14h-2.8zm5.6 8H19v6h-2.8z" }) });
+
+// src/icons/CheckboxIcon.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+var CheckboxIcon = (props) => /* @__PURE__ */ jsx7(Icon, { ...props, children: /* @__PURE__ */ jsx7("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) });
+
+// src/icons/CheckboxDeselectedIcon.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+var CheckboxDeselectedIcon = (props) => /* @__PURE__ */ jsx8(Icon, { ...props, children: /* @__PURE__ */ jsx8("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14z" }) });
+
+// src/icons/CheckboxSeveralIcon.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+var CheckboxSeveralIcon = (props) => /* @__PURE__ */ jsx9(Icon, { ...props, children: /* @__PURE__ */ jsx9("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2zm0-4H7V7h10v2z" }) });
+
+// src/icons/ChevronLeftIcon.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+var ChevronLeftIcon = (props) => /* @__PURE__ */ jsx10(Icon, { ...props, children: /* @__PURE__ */ jsx10("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) });
+
+// src/icons/ChevronRightIcon.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+var ChevronRightIcon = (props) => /* @__PURE__ */ jsx11(Icon, { ...props, children: /* @__PURE__ */ jsx11("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) });
+
+// src/icons/CircleFilledIcon.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+var CircleFilledIcon = (props) => /* @__PURE__ */ jsx12(Icon, { ...props, children: /* @__PURE__ */ jsx12("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2z" }) });
+
+// src/icons/CloseIcon.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+var CloseIcon = (props) => /* @__PURE__ */ jsx13(Icon, { ...props, children: /* @__PURE__ */ jsx13("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) });
+
+// src/icons/DateRangeIcon.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+var DateRangeIcon = (props) => /* @__PURE__ */ jsx14(Icon, { ...props, children: /* @__PURE__ */ jsx14("path", { d: "M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 002 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zM9 14H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm-8 4H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2z" }) });
+
+// src/icons/DeleteIcon.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+var DeleteIcon = (props) => /* @__PURE__ */ jsx15(Icon, { ...props, children: /* @__PURE__ */ jsx15("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" }) });
+
+// src/icons/DoneIcon.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+var DoneIcon = (props) => /* @__PURE__ */ jsx16(Icon, { ...props, children: /* @__PURE__ */ jsx16("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) });
+
+// src/icons/FileUploadIcon.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+var FileUploadIcon = (props) => /* @__PURE__ */ jsx17(Icon, { ...props, children: /* @__PURE__ */ jsx17("path", { d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" }) });
+
+// src/icons/FilterIcon.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+var FilterIcon = (props) => /* @__PURE__ */ jsx18(Icon, { ...props, children: /* @__PURE__ */ jsx18("path", { d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z" }) });
+
+// src/icons/FilterClearIcon.tsx
+import { jsx as jsx19, jsxs } from "react/jsx-runtime";
+var FilterClearIcon = (props) => /* @__PURE__ */ jsxs(Icon, { ...props, children: [
+  /* @__PURE__ */ jsx19("path", { d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z" }),
+  /* @__PURE__ */ jsx19("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })
+] });
+
+// src/icons/InfoIcon.tsx
+import { jsx as jsx20 } from "react/jsx-runtime";
+var InfoIcon = (props) => /* @__PURE__ */ jsx20(Icon, { ...props, children: /* @__PURE__ */ jsx20("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" }) });
+
+// src/icons/KeyboardArrowDownIcon.tsx
+import { jsx as jsx21 } from "react/jsx-runtime";
+var KeyboardArrowDownIcon = (props) => /* @__PURE__ */ jsx21(Icon, { ...props, children: /* @__PURE__ */ jsx21("path", { d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" }) });
+
+// src/icons/ListIcon.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
+var ListIcon = (props) => /* @__PURE__ */ jsx22(Icon, { ...props, children: /* @__PURE__ */ jsx22("path", { d: "M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z" }) });
+
+// src/icons/MoreVerticalIcon.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+var MoreVerticalIcon = (props) => /* @__PURE__ */ jsx23(Icon, { ...props, children: /* @__PURE__ */ jsx23("path", { d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }) });
+
+// src/icons/SearchIcon.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+var SearchIcon = (props) => /* @__PURE__ */ jsx24(Icon, { ...props, children: /* @__PURE__ */ jsx24("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }) });
+
+// src/icons/SettingsIcon.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+var SettingsIcon = (props) => /* @__PURE__ */ jsx25(Icon, { ...props, children: /* @__PURE__ */ jsx25("path", { d: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.07.62-.07.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" }) });
+
+// src/icons/SortDownIcon.tsx
+import { jsx as jsx26 } from "react/jsx-runtime";
+var SortDownIcon = (props) => /* @__PURE__ */ jsx26(Icon, { ...props, children: /* @__PURE__ */ jsx26("path", { d: "M7 10l5 5 5-5z" }) });
+
+// src/icons/SortUpIcon.tsx
+import { jsx as jsx27 } from "react/jsx-runtime";
+var SortUpIcon = (props) => /* @__PURE__ */ jsx27(Icon, { ...props, children: /* @__PURE__ */ jsx27("path", { d: "M7 14l5-5 5 5z" }) });
+
+// src/icons/TableChartIcon.tsx
+import { jsx as jsx28 } from "react/jsx-runtime";
+var TableChartIcon = (props) => /* @__PURE__ */ jsx28(Icon, { ...props, children: /* @__PURE__ */ jsx28("path", { d: "M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z" }) });
+
+// src/icons/UploadIcon.tsx
+import { jsx as jsx29 } from "react/jsx-runtime";
+var UploadIcon = (props) => /* @__PURE__ */ jsx29(Icon, { ...props, children: /* @__PURE__ */ jsx29("path", { d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" }) });
+
+// src/icons/WellIcon.tsx
+import { jsx as jsx30 } from "react/jsx-runtime";
+var WellIcon = (props) => /* @__PURE__ */ jsx30(Icon, { ...props, children: /* @__PURE__ */ jsx30("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z" }) });
+
+export {
+  CheckboxDeselectedIcon,
+  CheckboxIcon,
+  CheckboxSeveralIcon,
+  AddIcon,
+  ArrowDropDownIcon,
+  ArrowDropUpIcon,
+  AttachIcon,
+  BarChartIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  CircleFilledIcon,
+  CloseIcon,
+  DateRangeIcon,
+  DeleteIcon,
+  DoneIcon,
+  FileUploadIcon,
+  FilterIcon,
+  FilterClearIcon,
+  InfoIcon,
+  KeyboardArrowDownIcon,
+  ListIcon,
+  MoreVerticalIcon,
+  SearchIcon,
+  SettingsIcon,
+  SortDownIcon,
+  SortUpIcon,
+  TableChartIcon,
+  UploadIcon,
+  WellIcon
+};

package/icons/index.d.ts

@@ -0,0 +1,67 @@
+import React__default from 'react';
+
+interface IconProps {
+    size?: number;
+    color?: string;
+    className?: string;
+}
+
+declare const AddIcon: React__default.FC<IconProps>;
+
+declare const ArrowDropDownIcon: React__default.FC<IconProps>;
+
+declare const ArrowDropUpIcon: React__default.FC<IconProps>;
+
+declare const AttachIcon: React__default.FC<IconProps>;
+
+declare const BarChartIcon: React__default.FC<IconProps>;
+
+declare const CheckboxIcon: React__default.FC<IconProps>;
+
+declare const CheckboxDeselectedIcon: React__default.FC<IconProps>;
+
+declare const CheckboxSeveralIcon: React__default.FC<IconProps>;
+
+declare const ChevronLeftIcon: React__default.FC<IconProps>;
+
+declare const ChevronRightIcon: React__default.FC<IconProps>;
+
+declare const CircleFilledIcon: React__default.FC<IconProps>;
+
+declare const CloseIcon: React__default.FC<IconProps>;
+
+declare const DateRangeIcon: React__default.FC<IconProps>;
+
+declare const DeleteIcon: React__default.FC<IconProps>;
+
+declare const DoneIcon: React__default.FC<IconProps>;
+
+declare const FileUploadIcon: React__default.FC<IconProps>;
+
+declare const FilterIcon: React__default.FC<IconProps>;
+
+declare const FilterClearIcon: React__default.FC<IconProps>;
+
+declare const InfoIcon: React__default.FC<IconProps>;
+
+declare const KeyboardArrowDownIcon: React__default.FC<IconProps>;
+
+declare const ListIcon: React__default.FC<IconProps>;
+
+declare const MoreVerticalIcon: React__default.FC<IconProps>;
+
+declare const SearchIcon: React__default.FC<IconProps>;
+
+declare const SettingsIcon: React__default.FC<IconProps>;
+
+declare const SortDownIcon: React__default.FC<IconProps>;
+
+declare const SortUpIcon: React__default.FC<IconProps>;
+
+declare const TableChartIcon: React__default.FC<IconProps>;
+
+declare const UploadIcon: React__default.FC<IconProps>;
+
+declare const WellIcon: React__default.FC<IconProps>;
+
+export { AddIcon, ArrowDropDownIcon, ArrowDropUpIcon, AttachIcon, BarChartIcon, CheckboxDeselectedIcon, CheckboxIcon, CheckboxSeveralIcon, ChevronLeftIcon, ChevronRightIcon, CircleFilledIcon, CloseIcon, DateRangeIcon, DeleteIcon, DoneIcon, FileUploadIcon, FilterClearIcon, FilterIcon, InfoIcon, KeyboardArrowDownIcon, ListIcon, MoreVerticalIcon, SearchIcon, SettingsIcon, SortDownIcon, SortUpIcon, TableChartIcon, UploadIcon, WellIcon };

package/icons/index.js

@@ -0,0 +1,62 @@
+import {
+  AddIcon,
+  ArrowDropDownIcon,
+  ArrowDropUpIcon,
+  AttachIcon,
+  BarChartIcon,
+  CheckboxDeselectedIcon,
+  CheckboxIcon,
+  CheckboxSeveralIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  CircleFilledIcon,
+  CloseIcon,
+  DateRangeIcon,
+  DeleteIcon,
+  DoneIcon,
+  FileUploadIcon,
+  FilterClearIcon,
+  FilterIcon,
+  InfoIcon,
+  KeyboardArrowDownIcon,
+  ListIcon,
+  MoreVerticalIcon,
+  SearchIcon,
+  SettingsIcon,
+  SortDownIcon,
+  SortUpIcon,
+  TableChartIcon,
+  UploadIcon,
+  WellIcon
+} from "../chunk-RKPZOIBV.js";
+export {
+  AddIcon,
+  ArrowDropDownIcon,
+  ArrowDropUpIcon,
+  AttachIcon,
+  BarChartIcon,
+  CheckboxDeselectedIcon,
+  CheckboxIcon,
+  CheckboxSeveralIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  CircleFilledIcon,
+  CloseIcon,
+  DateRangeIcon,
+  DeleteIcon,
+  DoneIcon,
+  FileUploadIcon,
+  FilterClearIcon,
+  FilterIcon,
+  InfoIcon,
+  KeyboardArrowDownIcon,
+  ListIcon,
+  MoreVerticalIcon,
+  SearchIcon,
+  SettingsIcon,
+  SortDownIcon,
+  SortUpIcon,
+  TableChartIcon,
+  UploadIcon,
+  WellIcon
+};