@candy.thieves/ui-kit-lumos 0.0.1

package/dist/src/storybook-utils/assets/iconMeta.d.ts

@@ -0,0 +1,51 @@
+export declare const iconMeta: {
+    argTypes: {
+        autoSize: {
+            control: {
+                type: "radio";
+            };
+            options: boolean[];
+            description: string;
+        };
+        backgroundColor: {
+            control: {
+                type: "color";
+            };
+            description: string;
+        };
+        color: {
+            control: {
+                type: "color";
+            };
+            description: string;
+        };
+        size: {
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+                step: number;
+            };
+            description: string;
+        };
+        svgProps: {
+            control: {
+                type: "object";
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        autoSize: boolean;
+        size: number;
+        color: string;
+    };
+};

package/dist/src/storybook-utils/assets/logoMeta.d.ts

@@ -0,0 +1,32 @@
+export declare const logoIconMeta: {
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+                options: readonly ["xs", "s", "m", "l", "xl"];
+            };
+            description: string;
+        };
+        theme: {
+            control: {
+                type: "select";
+                options: readonly ["day", "night"];
+            };
+            description: string;
+        };
+        svgProps: {
+            control: {
+                type: "object";
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};

package/dist/src/storybook-utils/index.d.ts

@@ -0,0 +1,3 @@
+export { iconMeta } from '@/storybook-utils/assets/iconMeta';
+export { coloredIconMeta } from '@/storybook-utils/assets/coloredIconMeta';
+export { logoIconMeta } from '@/storybook-utils/assets/logoMeta';

package/dist/src/utils/ColorIconBase.d.ts

@@ -0,0 +1,7 @@
+import { type ReactElement, type SVGProps } from 'react';
+import type { IconProps } from '@/utils';
+export type ColorIconProps = Omit<IconProps, 'backgroundColor' | 'color'>;
+declare const MemoizedIconBase: import("react").NamedExoticComponent<ColorIconProps & {
+    icon: ReactElement<SVGProps<SVGSVGElement>>;
+} & import("react").RefAttributes<SVGSVGElement>>;
+export { MemoizedIconBase as ColorIconBase };

package/dist/src/utils/ColorIconBaseSmall.d.ts

@@ -0,0 +1,7 @@
+import { type ReactElement, type SVGProps } from 'react';
+import type { IconProps } from '@/utils';
+export type ColorIconProps = Omit<IconProps, 'backgroundColor' | 'color'>;
+declare const MemoizedIconBase: import("react").NamedExoticComponent<ColorIconProps & {
+    icon: ReactElement<SVGProps<SVGSVGElement>>;
+} & import("react").RefAttributes<SVGSVGElement>>;
+export { MemoizedIconBase as ColorIconBaseSmall };

package/dist/src/utils/IconBase.d.ts

@@ -0,0 +1,12 @@
+import { type ReactElement, type SVGProps } from 'react';
+export type IconProps = {
+    autoSize?: boolean;
+    backgroundColor?: string;
+    color?: string;
+    size?: number;
+    svgProps?: SVGProps<SVGSVGElement>;
+};
+declare const MemoizedIconBase: import("react").NamedExoticComponent<IconProps & {
+    icon: ReactElement<SVGProps<SVGSVGElement>>;
+} & import("react").RefAttributes<SVGSVGElement>>;
+export { MemoizedIconBase as IconBase };

package/dist/src/utils/index.d.ts

@@ -0,0 +1,3 @@
+export { ColorIconBase, type ColorIconProps } from './ColorIconBase';
+export { IconBase, type IconProps } from './IconBase';
+export { ColorIconBaseSmall } from './ColorIconBaseSmall';

package/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "@candy.thieves/ui-kit-lumos",
+  "private": false,
+  "version": "0.0.1",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/src/index.d.ts",
+  "files": [
+    "dist",
+    "dist/index.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc -p tsconfig.app.json",
+    "type:check": "tsc -b --noEmit",
+    "stylelint:check": "npx stylelint \"**/*.{css,scss}\"",
+    "stylelint:fix": "stylelint --fix src/{,*/}*.{scss,css} --allow-empty-input",
+    "format": "prettier --write src",
+    "lint": "eslint src --ext .jsx,.js,.tsx,.ts  --no-error-on-unmatched-pattern --fix",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prepare": "husky"
+  },
+  "dependencies": {
+    "@fontsource-variable/inter": "^5.3.0",
+    "@fontsource-variable/roboto": "^5.3.0",
+    "@radix-ui/react-radio-group": "^1.4.5",
+    "@radix-ui/themes": "^3.3.0",
+    "clsx": "^2.1.1",
+    "eslint-plugin-perfectionist": "^5.10.0",
+    "radix-ui": "^1.6.2",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.29.7",
+    "@chromatic-com/storybook": "^5.2.1",
+    "@commitlint/cli": "^21.2.1",
+    "@commitlint/config-conventional": "^21.2.0",
+    "@eslint/js": "^10.0.1",
+    "@it-incubator/prettier-config": "^0.1.2",
+    "@it-incubator/stylelint-config": "^2.0.0",
+    "@rolldown/plugin-babel": "^0.2.3",
+    "@storybook/addon-a11y": "^10.5.2",
+    "@storybook/addon-docs": "^10.5.2",
+    "@storybook/addon-mcp": "^0.7.0",
+    "@storybook/addon-vitest": "^10.5.2",
+    "@storybook/react-vite": "^10.5.2",
+    "@types/babel__core": "^7.20.5",
+    "@types/node": "^24.13.2",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.3",
+    "@vitejs/plugin-react-swc": "^4.3.1",
+    "@vitest/browser-playwright": "^4.1.10",
+    "@vitest/coverage-v8": "^4.1.10",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "eslint": "^10.6.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-react-refresh": "^0.5.3",
+    "eslint-plugin-storybook": "^10.5.2",
+    "globals": "^17.7.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^17.1.0",
+    "playwright": "^1.61.1",
+    "prettier": "3.9.5",
+    "sass": "^1.101.0",
+    "storybook": "^10.5.2",
+    "stylelint": "^17.14.0",
+    "typescript": "~6.0.2",
+    "typescript-eslint": "^8.62.0",
+    "vite": "^8.1.1",
+    "vitest": "^4.1.10"
+  },
+  "lint-staged": {
+    "**/*.{jsx,js,tsx,ts}": [
+      "eslint --quiet --fix"
+    ],
+    "**/*.{css,scss}": [
+      "stylelint --fix --allow-empty-input"
+    ],
+    "**/*": [
+      "prettier --write --ignore-unknown"
+    ]
+  }
+}