@react5/ui 1.0.0

package/packages/lib/dist/types/components/Toolbar/Toolbar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAMtB,CAAC;AACV,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC"}

package/packages/lib/dist/types/components/Toolbar/Toolbar.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=Toolbar.test.d.ts.map

package/packages/lib/dist/types/components/Toolbar/Toolbar.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.test.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}

package/packages/lib/dist/types/components/Toolbar/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Toolbar";
+//# sourceMappingURL=index.d.ts.map

package/packages/lib/dist/types/components/Toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/packages/lib/dist/types/components/Typography/Typography.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+import './Typography.scss';
+export interface ITypographyProps {
+    onClick?: () => void;
+    children: ReactNode;
+    className?: string;
+    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'li' | 'div';
+    align?: "left" | "center" | "right";
+}
+export declare const Typography: ({ children, onClick, className, align, variant: Variant }: ITypographyProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Typography.d.ts.map

package/packages/lib/dist/types/components/Typography/Typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,mBAAmB,CAAA;AAI1B,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC;IACvE,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,UAAU,8DAA4E,gBAAgB,4CAMlH,CAAA"}

package/packages/lib/dist/types/components/Typography/Typography.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Typography } from './Typography';
+declare const meta: Meta<typeof Typography>;
+export default meta;
+type Story = StoryObj<typeof Typography>;
+export declare const HeadParagraph: Story;
+export declare const TextParagraph: Story;
+//# sourceMappingURL=Typography.stories.d.ts.map

package/packages/lib/dist/types/components/Typography/Typography.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAGzB,CAAC;AACV,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC"}

package/packages/lib/dist/types/components/Typography/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Typography';
+//# sourceMappingURL=index.d.ts.map

package/packages/lib/dist/types/components/Typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/packages/lib/dist/types/components/index.d.ts

@@ -0,0 +1,34 @@
+export * from "./Accordion";
+export * from "./Button";
+export * from "./ButtonsGroup";
+export * from "./CheckBox";
+export * from "./DialogPrompt";
+export * from "./Divider";
+export * from "./DropDown";
+export * from "./Form";
+export * from "./FormButtons";
+export * from "./IconButton";
+export * from "./MenuItem";
+export * from "./Modal";
+export * from "./Navbar";
+export * from "./NavbarLink";
+export * from "./NavbarMenu";
+export * from "./Panel";
+export * from "./Paper";
+export * from "./RangeSlider";
+export * from "./ResponsiveBar";
+export * from "./ScrollView";
+export * from "./Section";
+export * from "./SelectField";
+export * from "./Spacer";
+export * from "./StackPanel";
+export * from "./Submenu";
+export * from "./SuccessCongratulation";
+export * from "./TextArea";
+export * from "./TextField";
+export * from "./TitleEdit";
+export * from "./Toast";
+export * from "./ToggleButton";
+export * from "./Toolbar";
+export * from "./Typography";
+//# sourceMappingURL=index.d.ts.map

package/packages/lib/dist/types/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC;AACxC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}

package/packages/lib/dist/types/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from './use-click-outside';
+export * from './use-keys-enteresc';
+export * from './use-set-startup-focus';
+//# sourceMappingURL=index.d.ts.map

package/packages/lib/dist/types/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA"}

package/packages/lib/dist/types/hooks/use-click-outside.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from "react";
+export declare function useClickOutside(refs: RefObject<HTMLElement>[], onClickOutside: () => void): void;
+export default useClickOutside;
+//# sourceMappingURL=use-click-outside.d.ts.map

package/packages/lib/dist/types/hooks/use-click-outside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-click-outside.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-click-outside.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAE7C,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,CAAC,WAAW,CAAC,EAAE,EAAE,cAAc,EAAE,MAAM,IAAI,QAezF;AAED,eAAe,eAAe,CAAC"}

package/packages/lib/dist/types/hooks/use-keys-enteresc.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from "react";
+export declare function useKeysEneterEsc(inputRef: RefObject<HTMLInputElement>, onOk: () => void, onCancel?: () => void): void;
+//# sourceMappingURL=use-keys-enteresc.d.ts.map

package/packages/lib/dist/types/hooks/use-keys-enteresc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-keys-enteresc.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-keys-enteresc.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,IAAI,QAuB9G"}

package/packages/lib/dist/types/hooks/use-set-startup-focus.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from "react";
+export declare function useSetStartupFocus(inputRef: RefObject<HTMLElement>, enabled?: boolean): void;
+//# sourceMappingURL=use-set-startup-focus.d.ts.map

package/packages/lib/dist/types/hooks/use-set-startup-focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-set-startup-focus.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-set-startup-focus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAE7C,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,SAAS,CAAC,WAAW,CAAC,EAAE,OAAO,GAAE,OAAc,QAM3F"}

package/packages/lib/dist/types/i18n/config.d.ts

@@ -0,0 +1,3 @@
+import { type i18n } from 'i18next';
+export declare function addTranslations(n: i18n): void;
+//# sourceMappingURL=config.d.ts.map

package/packages/lib/dist/types/i18n/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/i18n/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAKpC,wBAAgB,eAAe,CAAC,CAAC,EAAE,IAAI,QAGtC"}

package/packages/lib/dist/types/i18n/index.d.ts

@@ -0,0 +1,4 @@
+export * from './config';
+export declare function ta(t: Function, key: string, options?: any): string[] | null;
+export declare function to(t: Function, key: string, options?: any): unknown | null;
+//# sourceMappingURL=index.d.ts.map

package/packages/lib/dist/types/i18n/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAEzB,wBAAgB,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,MAAM,EAAE,GAAG,IAAI,CAG3E;AAED,wBAAgB,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,OAAO,GAAG,IAAI,CAG1E"}

package/packages/lib/dist/types/i18n/ns.d.ts

@@ -0,0 +1,2 @@
+export declare const translationNs = "ui-library";
+//# sourceMappingURL=ns.d.ts.map

package/packages/lib/dist/types/i18n/ns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ns.d.ts","sourceRoot":"","sources":["../../../src/i18n/ns.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,eAAe,CAAC"}

package/packages/lib/dist/types/index.d.ts

@@ -0,0 +1,8 @@
+import "./styles/1-color-vars.scss";
+import "./styles/2-font-variables.scss";
+import "./index.scss";
+export * from "./i18n";
+export * from "./components";
+export * from "./utils";
+export * from "./hooks";
+//# sourceMappingURL=index.d.ts.map

package/packages/lib/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,gCAAgC,CAAC;AACxC,OAAO,cAAc,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/packages/lib/dist/types/test/i18n.d.ts

@@ -0,0 +1,3 @@
+import i18n from 'i18next';
+export default i18n;
+//# sourceMappingURL=i18n.d.ts.map

package/packages/lib/dist/types/test/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/test/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,SAAS,CAAC;AAiB3B,eAAe,IAAI,CAAC"}

package/packages/lib/dist/types/test/setupTests.d.ts

@@ -0,0 +1,2 @@
+import "./i18n";
+//# sourceMappingURL=setupTests.d.ts.map

package/packages/lib/dist/types/test/setupTests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../../../src/test/setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,CAAA"}

package/packages/lib/dist/types/utils/bem.d.ts

@@ -0,0 +1,3 @@
+import { type Bem } from "@react5/bem";
+export declare function bem(block: string): Bem;
+//# sourceMappingURL=bem.d.ts.map

package/packages/lib/dist/types/utils/bem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bem.d.ts","sourceRoot":"","sources":["../../../src/utils/bem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAkB,MAAM,aAAa,CAAC;AAEvD,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAEtC"}

package/packages/lib/dist/types/utils/formatError.d.ts

@@ -0,0 +1,2 @@
+export declare const formatError: (error: string, label?: string) => string;
+//# sourceMappingURL=formatError.d.ts.map

package/packages/lib/dist/types/utils/formatError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatError.d.ts","sourceRoot":"","sources":["../../../src/utils/formatError.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,UAAW,MAAM,UAAU,MAAM,WAKxD,CAAA"}

package/packages/lib/dist/types/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./bem";
+export * from "./interfaces";
+export * from "./formatError";
+//# sourceMappingURL=index.d.ts.map

package/packages/lib/dist/types/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}

package/packages/lib/dist/types/utils/interfaces.d.ts

@@ -0,0 +1,7 @@
+export interface IRegion {
+    x?: number | null;
+    y?: number | null;
+    width?: number | null;
+    height?: number | null;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/packages/lib/dist/types/utils/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/utils/interfaces.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB"}

package/packages/lib/jest.config.js

@@ -0,0 +1,20 @@
+/** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
+export default {
+  preset: 'ts-jest',
+  passWithNoTests: true,
+  testEnvironment: 'jsdom',
+  transform: {
+    '^.+\\.(js|jsx|mjs|ts|tsx)$': 'babel-jest',
+  },
+  moduleNameMapper:{
+    "\\.(css|less|scss|sass|svg)$": "identity-obj-proxy"
+  },
+  // transformIgnorePatterns: [
+  //   'node_modules/(?!(bem)/)',
+  // ],
+  testPathIgnorePatterns: [
+    "/build/",
+    "/dist/"
+  ],
+  setupFilesAfterEnv: ['./src/test/setupTests.ts'],
+};

package/packages/lib/package.json

@@ -0,0 +1,110 @@
+{
+  "name": "@react5/lib",
+  "version": "0.1.1",
+  "description": "React library starter.",
+  "main": "dist/index.js",
+  "type": "module",
+  "module": "dist/esm/index.esm.js",
+  "types": "dist/types/index.d.ts",
+  "style": "dist/index.css",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/react5/ui.git"
+  },
+  "author": "React5.com",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "clsx": "^2.1.1",
+    "@react5/bem": "^0.4.3",
+    "i18next": ">=23",
+    "react-i18next": ">=15",
+    "react-icons": "^5.3.0",
+    "react-router": "^6.28.0",
+    "react-router-dom": "^6.28.0",
+    "@react5/time-span": "^0.3.25"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.26.9",
+    "@babel/eslint-parser": "^7.26.8",
+    "@babel/plugin-transform-runtime": "^7.26.9",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.26.0",
+    "@babel/runtime": "^7.26.9",
+    "@testing-library/react": "^16.2.0",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@typescript-eslint/eslint-plugin": "^8.24.1",
+    "@typescript-eslint/parser": "^8.24.1",
+    "eslint": "^9.21.0",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "jest": "^29.7.0",
+    "prettier": "^3.5.2",
+    "prettier-eslint": "^16.3.0",
+    "prettier-eslint-cli": "^8.0.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rimraf": "^6.0.1",
+    "babel-jest": "^29.7.0",
+    "ts-jest": "^29.2.5",
+    "typescript": "^5.7.3",
+    "clsx": "^2.1.1",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-terser": "^0.4.4",
+    "rollup-plugin-copy": "^3.5.0",
+    "@rollup/plugin-json": "^6.1.0",
+    "@svgr/rollup": "^8.1.0",
+    "@react5/bundle-sass": "^0.5.8",
+    "postcss": "^8.5.3",
+    "rollup": "^4.34.8",
+    "jest-environment-jsdom": "^29.7.0",
+    "npm-run-all": "^4.1.5",
+    "sass-embedded": "^1.85.1",
+    "i18next": "^24.2.2",
+    "react-i18next": "^15.4.1",
+    "react-icons": "^5.3.0",
+    "react-router": "^6.28.0",
+    "react-router-dom": "^6.28.0",
+    "@react5/time-span": "^0.3.25",
+    "@chromatic-com/storybook": "^3.2.5",
+    "@storybook/addon-essentials": "^8.6.3",
+    "@storybook/addon-interactions": "^8.6.3",
+    "@storybook/addon-links": "^8.6.3",
+    "@storybook/addon-mdx-gfm": "^8.6.3",
+    "@storybook/addon-onboarding": "^8.6.3",
+    "@storybook/blocks": "^8.6.3",
+    "@storybook/react": "^8.6.3",
+    "@storybook/react-vite": "^8.6.3",
+    "@storybook/test": "^8.6.3",
+    "@vitejs/plugin-react": "^4.3.4",
+    "eslint-plugin-storybook": "^0.11.3",
+    "storybook": "^8.6.3",
+    "vite": "^6.2.0",
+    "plop": "^4.0.1",
+    "@testing-library/dom": "^10.4.0",
+    "identity-obj-proxy": "^3.0.0",
+    "vite-plugin-svgr": "^4.3.0"
+  },
+  "scripts": {
+    "build": "npm-run-all tsc rollup",
+    "rollup": "rollup -c --filterLogs '!message:*__PURE__*'",
+    "clean": "rimraf build",
+    "watch": "rollup -c -w --filterLogs '!message:*__PURE__*'",
+    "dev": "npm-run-all --parallel tsc-watch watch",
+    "dev-watch": "npm-run-all --parallel tsc-watch watch",
+    "tsc": "tsc -b",
+    "tsc-watch": "tsc -b --watch",
+    "lint": "eslint \"src/**\" --ext .ts --ext .tsx",
+    "test": "jest",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "plop": "plop"
+  }
+}

package/packages/lib/plop/component/index.js

@@ -0,0 +1,44 @@
+export default function (plop) {
+	// component generator
+	plop.setGenerator('component', {
+		description: 'A design system component',
+		prompts: [{
+			type: 'input',
+			name: 'name',
+			message: 'name:'
+		}],
+		actions: [{
+			type: 'add',
+			path: 'src/components/{{pascalCase name}}/index.tsx',
+			templateFile: 'plop/templates/component/index.hbs'
+		},
+    {
+			type: 'add',
+			path: 'src/components/{{pascalCase name}}/{{pascalCase name}}.tsx',
+			templateFile: 'plop/templates/component/component.hbs'
+		},
+    {
+			type: 'add',
+			path: 'src/components/{{pascalCase name}}/{{pascalCase name}}.scss',
+			templateFile: 'plop/templates/component/style.hbs'
+		},
+    {
+			type: 'add',
+			path: 'src/components/{{pascalCase name}}/{{pascalCase name}}.test.tsx',
+			templateFile: 'plop/templates/component/test.hbs'
+		},
+    {
+			type: 'add',
+			path: 'src/components/{{pascalCase name}}/{{pascalCase name}}.stories.tsx',
+			templateFile: 'plop/templates/component/stories.hbs'
+		},
+    
+
+    {
+      type: 'append',
+      path: 'src/components/index.tsx',
+      template: "export * from './{{pascalCase name}}'"
+    },
+    ]
+  });
+};

package/packages/lib/plop/index.js

@@ -0,0 +1,4 @@
+import component from './component/index.js'
+export default function (plop) {
+	component(plop);
+};

package/packages/lib/plop/templates/component/component.hbs

@@ -0,0 +1,20 @@
+import { FormEvent, ReactNode } from 'react';
+import './{{pascalCase name}}.scss'
+import clsx from 'clsx';
+import { bem } from "../../utils";
+
+interface {{pascalCase name}}Props {
+  onClick?: (e?: FormEvent<HTMLButtonElement>) => void;
+  disabled?: boolean;
+  className?: string;
+  children: ReactNode;
+}
+const b = bem("{{dashCase name}}");
+export const {{pascalCase name}} = ({children, onClick, className}: {{pascalCase name}}Props) => {
+  return (
+    <div className={clsx(b(), className)} onClick={onClick}>
+      {children}
+    </div>
+  )
+}
+export default {{pascalCase name}}

package/packages/lib/plop/templates/component/index.hbs

@@ -0,0 +1 @@
+export * from "./{{pascalCase name}}";

package/packages/lib/plop/templates/component/stories.hbs

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { {{pascalCase name}} } from './{{pascalCase name}}';
+
+const meta: Meta<typeof {{pascalCase name}}> = {
+  title: 'Example/{{pascalCase name}}',
+  component: {{pascalCase name}},
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+} as Meta;
+export default meta;
+
+type Story = StoryObj<typeof {{pascalCase name}}>;
+
+export const Text{{pascalCase name}}: Story = {
+  render: () => <{{pascalCase name}}>Test</{{pascalCase name}}>,
+};

package/packages/lib/plop/templates/component/style.hbs

@@ -0,0 +1,2 @@
+.{{dashCase name}} {
+}

package/packages/lib/plop/templates/component/test.hbs

@@ -0,0 +1,12 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { {{pascalCase name}} } from './{{pascalCase name}}';
+
+describe('{{pascalCase name}} Component', () => {
+  test('renders the button with the correct label', () => {
+    render(<{{pascalCase name}} onClick={jest.fn()} >Test</{{pascalCase name}}>);
+    const div = screen.getByRole('{{pascalCase name}}', { name: /click me/i });
+    expect(div).toBeInTheDocument();
+  });
+});

package/packages/lib/plopfile.js

@@ -0,0 +1 @@
+export { default } from './plop/index.js';

package/packages/lib/rollup.config.mjs

@@ -0,0 +1,64 @@
+import pkg from "./package.json" with { type: "json" };
+
+import { babel } from "@rollup/plugin-babel";
+import terser from "@rollup/plugin-terser";
+import resolve from "@rollup/plugin-node-resolve";
+import commonjs from "@rollup/plugin-commonjs";
+import bundleSass from "@react5/bundle-sass";
+import json from '@rollup/plugin-json';
+import svgr from '@svgr/rollup';
+
+const production = !process.env.ROLLUP_WATCH;
+process.env.NODE_ENV = production ? 'production' : '';
+const extensions = [".js", ".jsx", ".ts", ".tsx", ".json", ".svg", ];
+const external = [
+  ...Object.keys(pkg.peerDependencies || {}),
+  ...Object.keys(pkg.dependencies || {}),
+  "@babel/runtime",
+  "react/jsx-runtime"
+];
+
+const pathsToWatch =[ 'src/**' ];
+
+export default [
+  {
+    input: "./src/index.tsx",
+    output: [
+      {
+        file: pkg.main,
+        format: "cjs",
+        exports: "named",
+        sourcemap: !production,
+        //inlineDynamicImports: true,
+      },
+      {
+        file: pkg.module,
+        format: "es",
+        exports: "named",
+        sourcemap: !production,
+        //inlineDynamicImports: true,
+      },
+    ],
+    external,
+    plugins: [
+      resolve({
+        extensions,
+      }),
+      json(),
+      svgr(),
+      commonjs(),
+      babel({
+        exclude: /^(.+\/)?node_modules\/.+$/,
+        extensions,
+        babelHelpers: "runtime",
+        sourcemap: !production,
+        skipPreflightCheck: true
+      }),
+      bundleSass({scssOnly: false}),
+      production && terser(),
+    ],
+    watch: {
+      paths: pathsToWatch
+    }
+  }
+];

package/packages/lib/src/assets/chevron-up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentcolor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"/></svg>

package/packages/lib/src/components/Accordion/Accordion.scss

@@ -0,0 +1,68 @@
+.r5ui-accordion {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  border: 0 solid $primary_border_color;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  margin: 0;
+  + .accordion {
+    border-top: none;
+  }
+
+  &__toggle-header {
+    color: $page_text_color;
+    background: $page_bg_color;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 1rem;
+    flex: 1;
+    text-align: left;
+    outline: none;
+    display: flex;
+    border: none;
+  }
+
+  &__title {
+    font-size: 1.3rem;
+    font-weight: 500;
+  }
+
+  &__indicator {
+    margin-left: 0.6em;
+    border: solid $secondary_border_color;
+    border-width: 0 2px 2px 0;
+    display: inline-block;
+    padding: 3px;
+    transform: rotate(45deg);
+    transition: transform 0.3s ease;
+    align-self: last;
+  }
+
+  &__indicator--open {
+    transform: rotate(-135deg);
+  }
+
+  &__content {
+    display: none;
+    padding: 0 0 1em 0;
+    overflow: hidden;
+    transition: max-height 0.3s ease, opacity 0.3s ease;
+    max-height: 0;
+    opacity: 0;
+
+    &--open {
+      display: block;
+      max-height: initial; // Adjust max height as needed
+      opacity: 1;
+    }
+  }
+
+  &--open {
+    .accordion__content {
+      display: block;
+    }
+  }
+}