@validationcloud/fractal-ui 0.0.1

package/README.md

@@ -0,0 +1,2 @@
+# fractal-ui
+Validation Cloud's component library

package/dist/components/Test/test.d.ts

@@ -0,0 +1,3 @@
+type TestProps = {} & React.ComponentPropsWithoutRef<'div'>;
+export declare function Test({ className }: TestProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Test/test.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Test } from './test';
+declare const meta: Meta<typeof Test>;
+export default meta;
+type Story = StoryObj<typeof Test>;
+export declare const Default: Story;
+export declare const One: Story;
+export declare const Two: Story;

package/dist/fractal-ui.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/fractal-ui.js

@@ -0,0 +1 @@
+

package/dist/tailwind.css

@@ -0,0 +1,42 @@
+@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Poppins:wght@400;500;600;700&display=swap');
+@import 'tailwindcss';
+@import './animation.css';
+@import './colors.css';
+@import './gap.css';
+@import './gradients.css';
+@import './scrollbar.css';
+@import './typography.css';
+
+/* We are safelisting the color values for the bg-protocols- and text-protocols- prefixes so we can generate the class names dynamically 
+*  An alternative would be to list all these dynamic classes in a .txt file and then reference that file with the @source directive.
+*  Example: https://www.sujalvanjare.com/blog/safelist-classes-tailwind-css-v4
+*/
+@source inline("{group-hover:}bg-protocols-{eth,eth_light,bnb,avax,aleo,apt,axelar,stellar,hbar,bera,cspr,dydx,eigenlayer,flow,obl,hash,saga,zeta,btc,wemix,arb,opbnb,babylon,sol,cfx,starknet,mnt,icp}");
+@source inline("{group-hover:}text-protocols-{eth,eth_light,bnb,avax,aleo,apt,axelar,stellar,hbar,bera,cspr,dydx,eigenlayer,flow,obl,hash,saga,zeta,btc,wemix,arb,opbnb,babylon,sol,cfx,starknet,mnt,icp}");
+
+@theme {
+  /* Fonts */
+  --font-poppins: 'Poppins', sans-serif;
+  --font-dm-sans: 'DM Sans', sans-serif;
+  --font-family-body: var(--font-poppins);
+  --font-family-display: var(--font-dm-sans);
+
+  /* Breakpoints */
+  --breakpoint-xs: 480px;
+
+  /* Spacing */
+  --spacing-15: 3.75rem;
+  --spacing-18: 4.5rem;
+
+  /* Box shadow */
+  --shadow-detail-card: 0 2px 24px 0 rgb(0 0 0 / 0.5);
+  --shadow-detail-card-xl: 0 6px 24px 0 rgb(0 0 0 / 0.8);
+  --shadow-drawer: 0px 0px 20px 20px rgba(0, 0, 0, 0.15), 0px 0px 8px 6px rgba(0, 0, 0, 0.15);
+  --shadow-modal: 0px 32px 48px -8px rgba(0, 0, 0, 0.1), 0px 0px 14px -4px rgba(0, 0, 0, 0.05);
+  --shadow-menu-item: 0px 1px 0px 0px rgba(255, 255, 255, 0.05) inset, 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
+  --shadow-sidebar-accessory: 0px 20px 24px 0px rgba(0, 0, 0, 0.5);
+
+  /* Miscellaneous */
+  --border-width-1\.5: 1.5px;
+  --ring-width-1\.5: 1.5px;
+}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@validationcloud/fractal-ui",
+  "private": false,
+  "version": "0.0.1",
+  "module": "./dist/fractal-ui.js",
+  "type": "module",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "license": "MIT",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/fractal-ui.js"
+    },
+    "./tailwind.css": "./dist/tailwind.css"
+  },
+  "dependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwind-merge": "^3.3.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.25.0",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-onboarding": "^8.6.14",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.6.14",
+    "@storybook/test": "^8.6.14",
+    "@tailwindcss/postcss": "^4.1.7",
+    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
+    "@types/node": "^22.15.18",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
+    "@vitejs/plugin-react": "^4.4.1",
+    "eslint": "^9.25.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-storybook": "^0.12.0",
+    "globals": "^16.0.0",
+    "postcss": "^8.5.3",
+    "prettier-plugin-tailwindcss": "^0.6.11",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-preserve-directives": "^1.1.3",
+    "storybook": "^8.6.14",
+    "tailwindcss": "^4.1.7",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.30.1",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.0.0"
+  }
+}