akku-kit 1.0.0-alpha.0

package/dist/storybook/Button.d.ts

@@ -0,0 +1,15 @@
+import './button.css';
+export interface ButtonProps {
+    /** Is this the principal call to action on the page? */
+    primary?: boolean;
+    /** What background color to use */
+    backgroundColor?: string;
+    /** How large should the button be? */
+    size?: 'small' | 'medium' | 'large';
+    /** Button contents */
+    label: string;
+    /** Optional click handler */
+    onClick?: () => void;
+}
+/** Primary UI component for user interaction */
+export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/storybook/Button.stories.d.ts

@@ -0,0 +1,23 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        backgroundColor: {
+            control: "color";
+        };
+    };
+    args: {
+        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Large: Story;
+export declare const Small: Story;

package/dist/storybook/Header.d.ts

@@ -0,0 +1,12 @@
+import './header.css';
+type User = {
+    name: string;
+};
+export interface HeaderProps {
+    user?: User;
+    onLogin?: () => void;
+    onLogout?: () => void;
+    onCreateAccount?: () => void;
+}
+export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/storybook/Header.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ user, onLogin, onLogout, onCreateAccount }: import("./Header").HeaderProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        onLogin: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onLogout: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onCreateAccount: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LoggedIn: Story;
+export declare const LoggedOut: Story;

package/dist/storybook/Page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import './page.css';
+export declare const Page: React.FC;

package/dist/storybook/Page.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<{}>;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LoggedOut: Story;
+export declare const LoggedIn: Story;

package/dist/styles.css

@@ -0,0 +1 @@
+.button{border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.button--primary{background-color:#007bff;color:#fff}.button--primary:hover{background-color:#0069d9}.button--secondary{background-color:#6c757d;color:#fff}.button--secondary:hover{background-color:#5a6268}.button--success{background-color:#28a745;color:#fff}.button--success:hover{background-color:#218838}.button--danger{background-color:#dc3545;color:#fff}.button--danger:hover{background-color:#c82333}.button--warning{background-color:#ffc107;color:#212529}.button--warning:hover{background-color:#e0a800}.button--info{background-color:#17a2b8;color:#fff}.button--info:hover{background-color:#138496}.button--light{background-color:#f8f9fa;color:#212529}.button--light:hover{background-color:#e2e6ea}.button--dark{background-color:#343a40;color:#fff}.button--dark:hover{background-color:#23272b}.button--link{background-color:transparent;color:#007bff;text-decoration:underline}.button--link:hover{color:#0056b3}.button--outline-primary{background-color:transparent;border:1px solid #007bff;color:#007bff}.button--outline-primary:hover{background-color:#007bff;color:#fff}.button--outline-secondary{background-color:transparent;border:1px solid #6c757d;color:#6c757d}.button--outline-secondary:hover{background-color:#6c757d;color:#fff}.button--outline-success{background-color:transparent;border:1px solid #28a745;color:#28a745}.button--outline-success:hover{background-color:#28a745;color:#fff}.button--outline-danger{background-color:transparent;border:1px solid #dc3545;color:#dc3545}.button--outline-danger:hover{background-color:#dc3545;color:#fff}.button--outline-warning{background-color:transparent;border:1px solid #ffc107;color:#ffc107}.button--outline-warning:hover{background-color:#ffc107;color:#212529}.button--outline-info{background-color:transparent;border:1px solid #17a2b8;color:#17a2b8}.button--outline-info:hover{background-color:#17a2b8;color:#fff}.button--outline-light{background-color:transparent;border:1px solid #f8f9fa;color:#f8f9fa}.button--outline-light:hover{background-color:#f8f9fa;color:#212529}.button--outline-dark{background-color:transparent;border:1px solid #343a40;color:#343a40}.button--outline-dark:hover{background-color:#343a40;color:#fff}

package/dist/utils/ui/cn.d.ts

@@ -0,0 +1 @@
+export declare function cn(...args: any[]): string;

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "akku-kit",
+  "version": "1.0.0-alpha.0",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "rollup -c",
+    "prepare": "npm run build",
+    "start": "storybook dev -p 4002",
+    "build-storybook": "storybook build"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.27.1",
+    "@rollup/plugin-commonjs": "^28.0.3",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@rollup/plugin-url": "^8.0.2",
+    "@storybook/addon-essentials": "^8.6.12",
+    "@storybook/addon-interactions": "^8.6.12",
+    "@storybook/addon-onboarding": "^8.6.12",
+    "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
+    "@storybook/blocks": "^8.6.12",
+    "@storybook/manager-api": "^8.6.12",
+    "@storybook/react": "^8.6.12",
+    "@storybook/react-webpack5": "^8.6.12",
+    "@storybook/test": "^8.6.12",
+    "@types/node": "^22.14.1",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "autoprefixer": "^10.4.21",
+    "babel-loader": "^10.0.0",
+    "clsx": "^2.1.1",
+    "css-loader": "^7.1.2",
+    "postcss": "^8.5.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup": "^2.79.2",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-scss": "^4.0.1",
+    "rollup-plugin-terser": "^7.0.2",
+    "sass": "^1.89.0",
+    "sass-loader": "^16.0.5",
+    "storybook": "^8.6.12",
+    "style-loader": "^4.0.0",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^4.9.5"
+  },
+  "dependencies": {
+    "@storybook/addon-a11y": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
+    "@storybook/preset-create-react-app": "^8.6.14",
+    "@tanstack/react-table": "^8.21.3",
+    "lucide-react": "^0.511.0",
+    "material-icons": "^1.13.14",
+    "tslib": "^2.8.1"
+  }
+}