brd-ui-kit 0.1.54 → 0.1.57

package/prettier.config.mjs

@@ -0,0 +1,28 @@
+/** @type {import('prettier').Config} */
+const config = {
+  printWidth: 90,
+  tabWidth: 2,
+  useTabs: false,
+  semi: true,
+  singleQuote: false,
+  jsxSingleQuote: false,
+  trailingComma: "all",
+  quoteProps: "as-needed",
+  bracketSpacing: true,
+  objectWrap: "preserve",
+  bracketSameLine: false,
+  arrowParens: "always",
+  singleAttributePerLine: true,
+  endOfLine: "lf",
+  proseWrap: "preserve",
+  plugins: [
+    "prettier-plugin-tailwindcss",
+    "prettier-plugin-classnames",
+    "prettier-plugin-merge",
+  ],
+  customFunctions: ["clsx", "cva", "cn", "tw"],
+  endingPosition: "absolute",
+  tailwindFunctions: ["clsx", "cva", "cn", "tw"],
+};
+
+export default config;

package/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/scripts/generate-exports.js

@@ -0,0 +1,76 @@
+// scripts/generate-package-exports.js
+import fs from "fs";
+import { dirname, resolve } from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const distDir = resolve(__dirname, "../dist");
+
+function generateExports() {
+  const exportsMap = {
+    ".": {
+      types: "./dist/index.d.ts",
+      import: "./dist/index.js",
+      require: "./dist/index.cjs",
+      default: "./dist/index.js",
+    },
+    "./styles.css": {
+      import: "./dist/brd-ui-kit.css",
+      require: "./dist/brd-ui-kit.css",
+    },
+    "./style.css": {
+      import: "./dist/brd-ui-kit.css",
+      require: "./dist/brd-ui-kit.css",
+    },
+  };
+
+  // Получаем все JS файлы из dist (не из папок chunks)
+  const files = fs.readdirSync(distDir);
+
+  for (const file of files) {
+    if (file.endsWith(".js") || file.endsWith(".cjs")) {
+      const baseName = file.replace(/\.(js|cjs)$/, "");
+      if (baseName === "index") continue;
+
+      // Восстанавливаем оригинальный путь из имени файла
+      const originalPath = baseName.replace(/-/g, "/");
+
+      const exportPath = `./${originalPath}`;
+      const typesPath = resolve(distDir, `${baseName}.d.ts`);
+      const hasTypes = fs.existsSync(typesPath);
+
+      exportsMap[exportPath] = {
+        types: hasTypes ? `./dist/${baseName}.d.ts` : undefined,
+        import: `./dist/${baseName}.js`,
+        require: `./dist/${baseName}.cjs`,
+        default: `./dist/${baseName}.js`,
+      };
+
+      if (!hasTypes) delete exportsMap[exportPath].types;
+    }
+  }
+
+  // Удаляем временные артефакты
+  delete exportsMap["./_virtual"];
+  delete exportsMap["./node_modules"];
+
+  return exportsMap;
+}
+
+// Обновляем package.json
+const pkgPath = resolve(__dirname, "../package.json");
+const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
+
+pkg.exports = generateExports();
+pkg.sideEffects = ["**/*.css", "./dist/brd-ui-kit.css"];
+pkg.module = "./dist/index.js";
+pkg.main = "./dist/index.cjs";
+pkg.types = "./dist/index.d.ts";
+
+// Удаляем нежелательные поля
+delete pkg.files; // Убедимся что files не ограничивает
+
+fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2), "utf-8");
+
+console.log("✅ Package.json exports updated");
+console.log("📦 Exported entries:", Object.keys(pkg.exports).length);

package/scripts/get-entry-points.ts

@@ -0,0 +1,102 @@
+import fs from "fs";
+import { dirname, resolve } from "path";
+import { fileURLToPath } from "url";
+
+// Для ES модулей нужно получить __dirname аналог
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+export const getEntryPoints = () => {
+  // Явно указываем корневую директорию проекта
+  const rootDir = resolve(__dirname, ".."); // Поднимаемся на уровень выше из scripts/
+  const srcDir = resolve(rootDir, "src");
+
+  const entryPoints = {
+    index: resolve(srcDir, "index.ts"),
+  };
+
+  // Проверяем, существует ли index.ts, если нет - ищем index.tsx
+  if (!fs.existsSync(entryPoints.index)) {
+    const indexTsx = resolve(srcDir, "index.tsx");
+    if (fs.existsSync(indexTsx)) {
+      entryPoints.index = indexTsx;
+    } else {
+      console.warn(`⚠️ Main entry file not found at: ${entryPoints.index}`);
+    }
+  }
+
+  const folders = ["components/ui", "components", "hooks", "lib", "utils", "types"];
+
+  const shouldExclude = (filePath) => {
+    const excludePatterns = [
+      /\.stories\./,
+      /\.test\./,
+      /\.spec\./,
+      /__tests__/,
+      /__stories__/,
+      /\.storybook/,
+    ];
+    return excludePatterns.some((pattern) => pattern.test(filePath));
+  };
+
+  for (const folder of folders) {
+    const dir = resolve(srcDir, folder);
+    if (!fs.existsSync(dir)) continue;
+
+    const scanDir = (currentDir, basePath = "") => {
+      const items = fs.readdirSync(currentDir);
+
+      for (const item of items) {
+        const fullPath = resolve(currentDir, item);
+        const stat = fs.statSync(fullPath);
+
+        if (shouldExclude(fullPath)) continue;
+
+        if (stat.isDirectory()) {
+          const indexPath = resolve(fullPath, "index.ts");
+          const indexTsxPath = resolve(fullPath, "index.tsx");
+
+          let existingIndexPath = null;
+          if (fs.existsSync(indexPath) && !shouldExclude(indexPath)) {
+            existingIndexPath = indexPath;
+          } else if (fs.existsSync(indexTsxPath) && !shouldExclude(indexTsxPath)) {
+            existingIndexPath = indexTsxPath;
+          }
+
+          if (existingIndexPath) {
+            const entryKey = basePath ? `${basePath}/${item}` : `${folder}/${item}`;
+            entryPoints[entryKey] = existingIndexPath;
+          }
+
+          const newBasePath = basePath ? `${basePath}/${item}` : `${folder}/${item}`;
+          scanDir(fullPath, newBasePath);
+        } else if (
+          stat.isFile() &&
+          (item.endsWith(".ts") || item.endsWith(".tsx")) &&
+          item !== "index.ts" &&
+          item !== "index.tsx" &&
+          !shouldExclude(fullPath)
+        ) {
+          const name = item.replace(/\.(ts|tsx)$/, "");
+          const entryKey = basePath ? `${basePath}/${name}` : `${folder}/${name}`;
+          entryPoints[entryKey] = fullPath;
+        }
+      }
+    };
+
+    scanDir(dir);
+  }
+
+  // Для отладки - выведем найденные entry points
+  console.log(`✅ Found ${Object.keys(entryPoints).length} entry points:`);
+  Object.keys(entryPoints)
+    .slice(0, 5)
+    .forEach((key) => {
+      console.log(`   - ${key} -> ${entryPoints[key]}`);
+    });
+  if (Object.keys(entryPoints).length > 5) {
+    console.log(`   ... and ${Object.keys(entryPoints).length - 5} more`);
+  }
+
+  return entryPoints;
+};

package/tsconfig.app.json

@@ -0,0 +1,40 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+      "@/app/*": ["./src/app/*"],
+      "@/assets/*": ["./src/assets/*"],
+      "@/components/*": ["./src/components/*"],
+      "@/types/*": ["./src/types/*"],
+      "@/constants/*": ["./src/constants/*"],
+      "@/styles/*": ["./src/styles/*"],
+      "@/hooks/*": ["./src/hooks/*"],
+      "@/lib/*": ["./src/lib/*"]
+    }
+  },
+  "include": ["src"]
+}

package/tsconfig.node.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/tsconfig.storybook.json

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.app.json",
+  "compilerOptions": {
+    "types": ["vite/client", "node"]
+  },
+  "include": ["src/**/*.stories.tsx", ".storybook/*.ts"]
+}

package/dist/components/app-pagination/app-pagination.stories.d.ts

@@ -1,52 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ currentPage, totalPages, maxVisiblePages, className, showNavigation, prevLabel, nextLabel, size, ellipsisStep, onPageChange, }: {
-        currentPage: number;
-        totalPages: number;
-        maxVisiblePages?: number;
-        className?: string;
-        showNavigation?: boolean;
-        prevLabel?: string;
-        nextLabel?: string;
-        size?: import('./app-pagination.styles').AppPaginationSize;
-        ellipsisStep?: number;
-        onPageChange: (page: number) => void;
-    }) => import("react/jsx-runtime").JSX.Element | null;
-    args: {
-        currentPage: number;
-        totalPages: number;
-        maxVisiblePages: number;
-        showNavigation: true;
-        size: "default";
-        ellipsisStep: number;
-        prevLabel: undefined;
-        nextLabel: undefined;
-        onPageChange: () => void;
-    };
-    argTypes: {
-        size: {
-            control: "select";
-            options: string[];
-        };
-        onPageChange: {
-            action: string;
-        };
-    };
-    render: (args: {
-        currentPage: number;
-        totalPages: number;
-        maxVisiblePages?: number;
-        className?: string;
-        showNavigation?: boolean;
-        prevLabel?: string;
-        nextLabel?: string;
-        size?: import('./app-pagination.styles').AppPaginationSize;
-        ellipsisStep?: number;
-        onPageChange: (page: number) => void;
-    }) => import("react/jsx-runtime").JSX.Element;
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Overview: Story;
-export declare const Playground: Story;

package/dist/components/app-sidebar/app-sidebar.stories.d.ts

@@ -1,52 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { AppSidebarGroup, AppSidebarState } from '.';
-declare const menuPresetOptions: {
-    readonly crm: AppSidebarGroup[];
-    readonly settings: AppSidebarGroup[];
-};
-type MenuPreset = keyof typeof menuPresetOptions;
-type AppSidebarPreviewProps = {
-    state: AppSidebarState;
-    title: string;
-    showToggle: boolean;
-    activeItemId: string;
-    menuPreset: MenuPreset;
-};
-declare const meta: {
-    title: string;
-    component: ({ state, title, showToggle, activeItemId, menuPreset, }: AppSidebarPreviewProps) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        state: "expanded";
-        title: string;
-        showToggle: true;
-        activeItemId: string;
-        menuPreset: "crm";
-    };
-    argTypes: {
-        state: {
-            control: "inline-radio";
-            options: string[];
-        };
-        title: {
-            control: "text";
-        };
-        showToggle: {
-            control: "boolean";
-        };
-        activeItemId: {
-            control: "select";
-            options: string[];
-        };
-        menuPreset: {
-            control: "inline-radio";
-            options: string[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Playground: Story;
-export declare const Expanded: Story;
-export declare const Collapsed: Story;
-export declare const SettingsPreset: Story;
-export declare const InShell: Story;

package/dist/components/avatar-uploader/avatar-uploader.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { AvatarUpload } from '.';
-declare const meta: Meta<typeof AvatarUpload>;
-export default meta;
-export declare const WithoutImage: StoryObj<typeof AvatarUpload>;
-export declare const WithImage: StoryObj<typeof AvatarUpload>;
-export declare const Interactive: StoryObj<typeof AvatarUpload>;

package/dist/components/basic-avatar/basic-avatar.stories.d.ts

@@ -1,15 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ initials, avatar, fallback, image, icon, showDeleteOnHover, onClick, }: import('./basic-avatar').BasicAvatarProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const WithoutDeleteIcon: Story;
-export declare const WithDeleteIcon: Story;
-export declare const WithImage: Story;
-export declare const WithCustomIcon: Story;

package/dist/components/basic-chart/basic-chart.stories.d.ts

@@ -1,23 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ chartContainer, barChart, cartesianGrid, axis, hasTooltip, tooltip, bar, chartTooltipContent, fillContainer, minHeight, smoothResize, resizeDebounceMs, mobileBreakpoint, }: import('./basic-chart').ChartProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        cartesianGrid: {
-            control: "boolean";
-            description: string;
-        };
-        hasTooltip: {
-            control: "boolean";
-            description: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const BrowserStats: Story;
-export declare const OnlyBars: Story;

package/dist/components/basic-checkbox/basic-checkbox.stories.d.ts

@@ -1,37 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ name, orientation, label, disabled, classNames, isValid, ...rest }: import('./basic-checkbox').CheckboxProps) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        name: string;
-        label: string;
-        orientation: "horizontal";
-        disabled: false;
-        checked: false;
-    };
-    argTypes: {
-        label: {
-            control: "text";
-        };
-        name: {
-            control: "text";
-        };
-        orientation: {
-            control: "inline-radio";
-            options: string[];
-        };
-        disabled: {
-            control: "boolean";
-        };
-        checked: {
-            control: "boolean";
-        };
-        onCheckedChange: {
-            action: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Overview: Story;
-export declare const Playground: Story;

package/dist/components/basic-drawer/basic-drawer.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { BasicDrawer } from '.';
-declare const meta: Meta<typeof BasicDrawer>;
-export default meta;
-type Story = StoryObj<typeof BasicDrawer>;
-export declare const Default: Story;
-export declare const NoFooter: Story;

package/dist/components/basic-modal/basic-modal.stories.d.ts

@@ -1,57 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-type BasicModalPreviewProps = {
-    title: string;
-    description: string;
-    showCloseButton: boolean;
-    confirmLabel: string;
-    cancelLabel: string;
-    defaultOpen?: boolean;
-    useCustomFooter?: boolean;
-    onConfirm?: () => void;
-};
-declare function BasicModalPreview({ title, description, showCloseButton, confirmLabel, cancelLabel, defaultOpen, useCustomFooter, onConfirm, }: BasicModalPreviewProps): import("react/jsx-runtime").JSX.Element;
-declare const meta: {
-    title: string;
-    component: typeof BasicModalPreview;
-    args: {
-        title: string;
-        description: string;
-        showCloseButton: true;
-        confirmLabel: string;
-        cancelLabel: string;
-        defaultOpen: false;
-        useCustomFooter: false;
-    };
-    argTypes: {
-        title: {
-            control: "text";
-        };
-        description: {
-            control: "text";
-        };
-        showCloseButton: {
-            control: "boolean";
-        };
-        confirmLabel: {
-            control: "text";
-        };
-        cancelLabel: {
-            control: "text";
-        };
-        defaultOpen: {
-            control: "boolean";
-        };
-        useCustomFooter: {
-            control: "boolean";
-        };
-        onConfirm: {
-            action: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Overview: Story;
-export declare const Playground: Story;
-export declare const WithoutPassedFooter: Story;
-export declare const WithPassedFooter: Story;

package/dist/components/basic-select/basic-select.stories.d.ts

@@ -1,10 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { BasicSelect } from '.';
-declare const meta: Meta<typeof BasicSelect>;
-export default meta;
-type Story = StoryObj<typeof BasicSelect>;
-export declare const WithoutGroups: Story;
-export declare const WithGroups: Story;
-export declare const SmallSize: Story;
-export declare const Disabled: Story;
-export declare const WithState: Story;

package/dist/components/basic-table/basic-table.stories.d.ts

@@ -1,9 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-export declare function ClientsTableStory(): import("react/jsx-runtime").JSX.Element;
-declare const meta: {
-    title: string;
-    component: typeof ClientsTableStory;
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const ClientsWithSearch: Story;

package/dist/components/files-uploader/files-uploader.stories.d.ts

@@ -1,70 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { PropsFilesUploader } from './files-uploader';
-declare const meta: {
-    title: string;
-    component: ({ value, onChange, multiple, maxFiles, disabled, className, maxSize, variant, accepts, icon, title, text, }: PropsFilesUploader) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    args: {
-        multiple: true;
-        maxFiles: number;
-        maxSize: number;
-        variant: "grid";
-        accepts: "all"[];
-        title: string;
-        text: string;
-    };
-    argTypes: {
-        variant: {
-            control: "select";
-            options: string[];
-            description: string;
-        };
-        accepts: {
-            control: "check";
-            options: readonly ["all", "image", "pdf", "doc", "excel", "text"];
-            description: string;
-        };
-        multiple: {
-            control: "boolean";
-            description: string;
-        };
-        maxFiles: {
-            control: "number";
-            description: string;
-        };
-        maxSize: {
-            control: "number";
-            description: string;
-        };
-        disabled: {
-            control: "boolean";
-            description: string;
-        };
-        title: {
-            control: "text";
-            description: string;
-        };
-        text: {
-            control: "text";
-            description: string;
-        };
-        icon: {
-            control: "object";
-            description: string;
-        };
-        className: {
-            control: "object";
-            description: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const ImagesOnly: Story;
-export declare const DocumentsOnly: Story;
-export declare const AllSupportedTypes: Story;
-export declare const CustomRemoveIcon: Story;
-export declare const CustomStyles: Story;