@lazar-ui/kit 0.1.0

package/dist/utils.d.ts

@@ -0,0 +1,58 @@
+import { default as default_2 } from 'react';
+
+/**
+ * Фильтрует массив дочерних React-элементов, оставляя только допустимые компоненты
+ * @param children - Дочерние элементы React компонента
+ * @param acceptableComponents - Массив или объект с допустимыми подкомпонентами
+ * @returns Массив отфильтрованных дочерних элементов
+ */
+export declare const filterValidChildren: (children: default_2.ReactNode, acceptableComponents: string | string[]) => default_2.ReactNode[];
+
+/**
+ * Utility function to get component slots.
+ * @param children React children (array of ReactNodes).
+ * @param slots Array of slot names.
+ * @returns
+ */
+export declare const getComponentSlots: <T extends string>(children: default_2.ReactNode, slots: readonly T[]) => IDefaultSlotNode & { [key in T]: default_2.ReactElement; };
+
+/**
+ * Utility to get the display name of a react element.
+ * @param element react element to get the display name.
+ * @returns
+ */
+export declare const getReactElementDisplayName: (element: default_2.ReactElement) => string;
+
+/**
+ * Utility function to get type-safety variant class name selector from CSS module stylesheet.
+ * @param prefix prefix for class name (name of variant).
+ * @param variant value of variant.
+ * @param styles styles of CSS module stylesheet.
+ *
+ * @example
+ * // Check `styles` for existing variant and return value of `styles.sizeMd`.
+ * getVariantClassName('size', 'md', styles);
+ */
+export declare const getVariantClassName: <P extends string, T extends string>(prefix: P, variant: T, styles: TStyles<`${P}${Capitalize<T>}`>) => string;
+
+declare interface IDefaultSlotNode {
+    children: default_2.ReactNode[];
+    [key: string]: default_2.ReactNode;
+}
+
+/**
+ * TypeGuard for checking if a React node is valid.
+ * @param name - name of the component
+ * @param node - React node.
+ * @param logWarning - if true, warning will be logged, otherwise it will be ignored.
+ * @returns
+ */
+export declare const isValidReactNode: <TProps extends object>(name: string | string[], node: default_2.ReactNode, logWarning?: boolean) => node is default_2.ReactElement<TProps>;
+
+/**
+ * Record of CSS modules styles for all variants.
+ * Must contain styles for all variants.
+ */
+declare type TStyles<TProperty extends string = string> = Record<TProperty, string> & Record<string, string>;
+
+export { }

package/dist/utils.js

@@ -0,0 +1,18 @@
+import a from "react";
+import { i } from "./isValidReactNode-CmYwTWCE.mjs";
+import { g as f } from "./isValidReactNode-CmYwTWCE.mjs";
+import { g } from "./getComponentSlots-DwAYUFNk.mjs";
+import { g as C } from "./getVariantClassName-D7Nhpuec.mjs";
+const l = (t, o) => {
+  const e = [];
+  return a.Children.forEach(t, (r) => {
+    i(o, r) && e.push(r);
+  }), e;
+};
+export {
+  l as filterValidChildren,
+  g as getComponentSlots,
+  f as getReactElementDisplayName,
+  C as getVariantClassName,
+  i as isValidReactNode
+};

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@lazar-ui/kit",
+  "version": "0.1.0",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    "./css/*": "./dist/css/*",
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "import": "./dist/utils.js"
+    },
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "import": "./dist/*.js"
+    }
+  },
+  "scripts": {
+    "build": "vite build",
+    "check-types": "tsc --noEmit",
+    "clean": "rm -rf node_modules",
+    "dev": "npm run watch:tsm",
+    "lint": "eslint . --max-warnings 0",
+    "lint:styles": "stylelint \"src/components/**/*.scss\"",
+    "format": "prettier --write \"src/**/*.{ts,tsx}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx}\"",
+    "prebuild": "rm -rf ./dist",
+    "prepublishOnly": "npm run build",
+    "gen:component:ai": "node scripts/generate-component.mjs",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest",
+    "tsm": "typed-scss-modules src",
+    "watch:tsm": "typed-scss-modules src --watch"
+  },
+  "devDependencies": {
+    "@repo/eslint-config": "*",
+    "@repo/prettier-config": "*",
+    "@repo/typescript-config": "*",
+    "@repo/vitest-config": "*",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@turbo/gen": "2.6.1",
+    "@types/lodash": "4.17.20",
+    "@types/node": "^22.15.3",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.2",
+    "@vitejs/plugin-react": "5.0.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "eslint": "^9.39.1",
+    "jsdom": "^26.1.0",
+    "lodash.kebabcase": "4.1.1",
+    "sass": "1.83.4",
+    "typed-scss-modules": "^8.1.1",
+    "typescript": "5.9.2",
+    "vite": "7.1.9",
+    "vite-plugin-dts": "4.5.4",
+    "vite-plugin-lib-inject-css": "2.2.2",
+    "vitest": "^3.1.3"
+  },
+  "peerDependencies": {
+    "clsx": "2.1.1",
+    "lodash": "4.17.21",
+    "react": "^19.2.0",
+    "react-aria": "^3.44.0",
+    "react-dom": "^19.2.0",
+    "react-stately": "^3.42.0"
+  }
+}