@kalink-ui/seedly 0.1.1 → 0.2.0

package/.turbo/turbo-tsc.log

@@ -0,0 +1,227 @@
+
+
+> @kalink/ui@0.0.0 tsc /Users/louis/dev/kalink-ui/packages/ui
+> tsc --noEmit
+
+src/components/center/center.stories.tsx:1:37 - error TS2307: Cannot find module '@storybook/react' or its corresponding type declarations.
+
+1 import type { Meta, StoryObj } from "@storybook/react";
+                                      ~~~~~~~~~~~~~~~~~~
+
+src/components/center/center.stories.tsx:3:36 - error TS2307: Cannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
+
+3 import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
+                                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/components/center/center.stories.tsx:4:40 - error TS2307: Cannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
+
+4 import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
+                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/components/cluster/cluster.stories.tsx:1:37 - error TS2307: Cannot find module '@storybook/react' or its corresponding type declarations.
+
+1 import type { Meta, StoryObj } from "@storybook/react";
+                                      ~~~~~~~~~~~~~~~~~~
+
+src/components/cluster/cluster.stories.tsx:3:36 - error TS2307: Cannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
+
+3 import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
+                                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/components/cluster/cluster.stories.tsx:4:40 - error TS2307: Cannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
+
+4 import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
+                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/components/cover/cover.stories.tsx:1:37 - error TS2307: Cannot find module '@storybook/react' or its corresponding type declarations.
+
+1 import type { Meta, StoryObj } from "@storybook/react";
+                                      ~~~~~~~~~~~~~~~~~~
+
+src/components/cover/cover.stories.tsx:3:36 - error TS2307: Cannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
+
+3 import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
+                                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/components/cover/cover.stories.tsx:4:40 - error TS2307: Cannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
+
+4 import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
+                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/components/frame/frame.stories.tsx:1:37 - error TS2307: Cannot find module '@storybook/react' or its corresponding type declarations.
+
+1 import type { Meta, StoryObj } from "@storybook/react";
+                                      ~~~~~~~~~~~~~~~~~~
+
+src/components/frame/frame.stories.tsx:3:36 - error TS2307: Cannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
+
+3 import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
+                                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/components/frame/frame.stories.tsx:4:40 - error TS2307: Cannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
+
+4 import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
+                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/components/grid/grid.stories.tsx:1:37 - error TS2307: Cannot find module '@storybook/react' or its corresponding type declarations.
+
+1 import type { Meta, StoryObj } from "@storybook/react";
+                                      ~~~~~~~~~~~~~~~~~~
+
+src/components/grid/grid.stories.tsx:3:36 - error TS2307: Cannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
+
+3 import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
+                                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/components/grid/grid.stories.tsx:4:40 - error TS2307: Cannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
+
+4 import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
+                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/components/sidebar/sidebar.stories.tsx:1:37 - error TS2307: Cannot find module '@storybook/react' or its corresponding type declarations.
+
+1 import type { Meta, StoryObj } from "@storybook/react";
+                                      ~~~~~~~~~~~~~~~~~~
+
+src/components/sidebar/sidebar.stories.tsx:3:36 - error TS2307: Cannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
+
+3 import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
+                                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/components/sidebar/sidebar.stories.tsx:4:40 - error TS2307: Cannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
+
+4 import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
+                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/components/sidebar/sidebar.stories.tsx:45:14 - error TS7031: Binding element 'sideWidth' implicitly has an 'any' type.
+
+45   render: ({ sideWidth, contentMinWidth, ...args }) => (
+                ~~~~~~~~~
+
+src/components/sidebar/sidebar.stories.tsx:45:25 - error TS7031: Binding element 'contentMinWidth' implicitly has an 'any' type.
+
+45   render: ({ sideWidth, contentMinWidth, ...args }) => (
+                           ~~~~~~~~~~~~~~~
+
+src/components/stack/stack.stories.tsx:1:37 - error TS2307: Cannot find module '@storybook/react' or its corresponding type declarations.
+
+1 import type { Meta, StoryObj } from "@storybook/react";
+                                      ~~~~~~~~~~~~~~~~~~
+
+src/components/stack/stack.stories.tsx:3:36 - error TS2307: Cannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
+
+3 import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
+                                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/components/stack/stack.stories.tsx:4:40 - error TS2307: Cannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
+
+4 import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
+                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/components/switcher/switcher.stories.tsx:1:37 - error TS2307: Cannot find module '@storybook/react' or its corresponding type declarations.
+
+1 import type { Meta, StoryObj } from "@storybook/react";
+                                      ~~~~~~~~~~~~~~~~~~
+
+src/components/switcher/switcher.stories.tsx:4:36 - error TS2307: Cannot find module '@/storybook/arg-types/arg-types-from-recipe' or its corresponding type declarations.
+
+4 import { argTypesFromRecipe } from "@/storybook/arg-types/arg-types-from-recipe";
+                                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/components/switcher/switcher.stories.tsx:5:40 - error TS2307: Cannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
+
+5 import { CommonArgs, commonArgs } from "@/storybook/arg-types/common-args";
+                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/components/switcher/switcher.stories.tsx:52:14 - error TS7031: Binding element 'childCount' implicitly has an 'any' type.
+
+52   render: ({ childCount, ...args }) => {
+                ~~~~~~~~~~
+
+src/styles/seed/seed.stories.tsx:2:39 - error TS2307: Cannot find module '@/storybook/arg-types/arg-types-from-sprinkles' or its corresponding type declarations.
+
+2 import { argTypesFromSprinkles } from '@/storybook/arg-types/arg-types-from-sprinkles';
+                                        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/styles/seed/seed.stories.tsx:3:40 - error TS2307: Cannot find module '@/storybook/arg-types/common-args' or its corresponding type declarations.
+
+3 import { CommonArgs, commonArgs } from '@/storybook/arg-types/common-args';
+                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/styles/seed/seed.stories.tsx:7:8 - error TS2307: Cannot find module '@/storybook/styles/sprinkles-mock.css' or its corresponding type declarations.
+
+7 } from '@/storybook/styles/sprinkles-mock.css';
+         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/styles/seed/seed.stories.tsx:11:37 - error TS2307: Cannot find module '@storybook/react' or its corresponding type declarations.
+
+11 import type { Meta, StoryObj } from '@storybook/react';
+                                       ~~~~~~~~~~~~~~~~~~
+
+src/utils/__tests__/extract-sprinkles-props.test.ts:1:32 - error TS2307: Cannot find module '@std/testing/bdd' or its corresponding type declarations.
+
+1 import { describe, test } from "@std/testing/bdd";
+                                 ~~~~~~~~~~~~~~~~~~
+
+src/utils/__tests__/extract-sprinkles-props.test.ts:2:21 - error TS2307: Cannot find module '@std/testing/mock' or its corresponding type declarations.
+
+2 import { spy } from "@std/testing/mock";
+                      ~~~~~~~~~~~~~~~~~~~
+
+src/utils/__tests__/extract-sprinkles-props.test.ts:3:24 - error TS2307: Cannot find module '@std/expect' or its corresponding type declarations.
+
+3 import { expect } from "@std/expect";
+                         ~~~~~~~~~~~~~
+
+src/utils/__tests__/extract-sprinkles-props.test.ts:8:8 - error TS5097: An import path can only end with a '.ts' extension when 'allowImportingTsExtensions' is enabled.
+
+8 } from "@/utils/extract-sprinkles-props.ts";
+         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/utils/__tests__/is-object.test.ts:1:26 - error TS5097: An import path can only end with a '.ts' extension when 'allowImportingTsExtensions' is enabled.
+
+1 import { isObject } from "@/utils/is-object.ts";
+                           ~~~~~~~~~~~~~~~~~~~~~~
+
+src/utils/__tests__/is-object.test.ts:2:30 - error TS2307: Cannot find module '@std/testing/bdd' or its corresponding type declarations.
+
+2 import { describe, it } from "@std/testing/bdd";
+                               ~~~~~~~~~~~~~~~~~~
+
+src/utils/__tests__/is-object.test.ts:3:24 - error TS2307: Cannot find module '@std/expect' or its corresponding type declarations.
+
+3 import { expect } from "@std/expect";
+                         ~~~~~~~~~~~~~
+
+src/utils/__tests__/map-contract-vars.test.ts:1:33 - error TS5097: An import path can only end with a '.ts' extension when 'allowImportingTsExtensions' is enabled.
+
+1 import { mapContractVars } from "@/utils/map-contract-vars.ts";
+                                  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+src/utils/__tests__/map-contract-vars.test.ts:2:32 - error TS2307: Cannot find module '@std/testing/bdd' or its corresponding type declarations.
+
+2 import { describe, test } from "@std/testing/bdd";
+                                 ~~~~~~~~~~~~~~~~~~
+
+src/utils/__tests__/map-contract-vars.test.ts:3:24 - error TS2307: Cannot find module '@std/expect' or its corresponding type declarations.
+
+3 import { expect } from "@std/expect";
+                         ~~~~~~~~~~~~~
+
+
+Found 41 errors in 12 files.
+
+Errors  Files
+     3  src/components/center/center.stories.tsx:1
+     3  src/components/cluster/cluster.stories.tsx:1
+     3  src/components/cover/cover.stories.tsx:1
+     3  src/components/frame/frame.stories.tsx:1
+     3  src/components/grid/grid.stories.tsx:1
+     5  src/components/sidebar/sidebar.stories.tsx:1
+     3  src/components/stack/stack.stories.tsx:1
+     4  src/components/switcher/switcher.stories.tsx:1
+     4  src/styles/seed/seed.stories.tsx:2
+     4  src/utils/__tests__/extract-sprinkles-props.test.ts:1
+     3  src/utils/__tests__/is-object.test.ts:1
+     3  src/utils/__tests__/map-contract-vars.test.ts:1
+ ELIFECYCLE  Command failed with exit code 1.

package/CHANGELOG.md

@@ -0,0 +1,25 @@
+# @kalink-ui/seedly
+
+## 0.2.0
+
+### Minor Changes
+
+- Update dependencies and correctly include files in package bundle
+
+## 0.1.2
+
+### Patch Changes
+
+- Correctly place the npmignore file so it override the package.json config
+
+## 0.1.1
+
+### Patch Changes
+
+- Filter out unwanted files from the package bundle
+
+## 0.1.0
+
+### Minor Changes
+
+- Initial publish of @kalink-ui packages

package/dist/utils.types.d.mts

@@ -0,0 +1,9 @@
+import { ElementType, ComponentPropsWithRef } from 'react';
+
+type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends any ? Omit<T, TOmitted> : never;
+type UnwrapArray<R> = R extends unknown[] ? UnwrapArray<R[number]> : R;
+type PolymorphicComponentProps<TUse extends ElementType> = {
+    use?: TUse;
+} & DistributiveOmit<ComponentPropsWithRef<ElementType extends TUse ? 'div' : TUse>, 'use'>;
+
+export type { DistributiveOmit, PolymorphicComponentProps, UnwrapArray };

package/dist/utils.types.d.ts

@@ -0,0 +1,9 @@
+import { ElementType, ComponentPropsWithRef } from 'react';
+
+type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends any ? Omit<T, TOmitted> : never;
+type UnwrapArray<R> = R extends unknown[] ? UnwrapArray<R[number]> : R;
+type PolymorphicComponentProps<TUse extends ElementType> = {
+    use?: TUse;
+} & DistributiveOmit<ComponentPropsWithRef<ElementType extends TUse ? 'div' : TUse>, 'use'>;
+
+export type { DistributiveOmit, PolymorphicComponentProps, UnwrapArray };

package/dist/utils.types.js

@@ -0,0 +1,19 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/types/utils.types.ts
+var utils_types_exports = {};
+module.exports = __toCommonJS(utils_types_exports);
+//# sourceMappingURL=utils.types.js.map

package/dist/utils.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types/utils.types.ts"],"sourcesContent":["import type { ComponentPropsWithRef, ElementType } from 'react';\n\n/* eslint-disable-next-line @typescript-eslint/no-explicit-any */\nexport type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends any\n  ? Omit<T, TOmitted>\n  : never;\n\nexport type UnwrapArray<R> = R extends unknown[] ? UnwrapArray<R[number]> : R;\n\nexport type PolymorphicComponentProps<TUse extends ElementType> = {\n  use?: TUse;\n} & DistributiveOmit<\n  ComponentPropsWithRef<ElementType extends TUse ? 'div' : TUse>,\n  'use'\n>;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/utils.types.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=utils.types.mjs.map

package/dist/utils.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/eslint.config.mts

@@ -0,0 +1,3 @@
+import { reactEslintConfig } from '@kalink-ui/eslint-config/react-eslint-config';
+
+export default reactEslintConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kalink-ui/seedly",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "sideEffects": false,
   "license": "MIT",
   "exports": {
@@ -19,7 +19,7 @@
     "./utils": "./src/utils/index.ts"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.4",
+    "@chromatic-com/storybook": "^3.2.5",
     "@storybook/addon-docs": "^8.6.4",
     "@storybook/addon-essentials": "^8.6.4",
     "@storybook/addon-interactions": "^8.6.4",
@@ -28,28 +28,28 @@
     "@storybook/react": "^8.6.4",
     "@storybook/react-vite": "^8.6.4",
     "@storybook/test": "^8.6.4",
-    "@turbo/gen": "^2.3.4",
-    "@types/node": "^22.10.10",
-    "@types/react": "19.0.8",
-    "@types/react-dom": "19.0.3",
+    "@turbo/gen": "^2.4.4",
+    "@types/node": "^22.13.9",
+    "@types/react": "19.0.10",
+    "@types/react-dom": "19.0.4",
     "@vanilla-extract/css": "^1.17.1",
     "@vanilla-extract/css-utils": "^0.1.4",
     "@vanilla-extract/dynamic": "^2.1.2",
     "@vanilla-extract/recipes": "^0.5.5",
     "@vanilla-extract/sprinkles": "^1.6.3",
-    "@vanilla-extract/vite-plugin": "^5.0.0",
+    "@vanilla-extract/vite-plugin": "^5.0.1",
     "@vitejs/plugin-react": "^4.3.4",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "storybook": "^8.6.4",
-    "tsup": "^8.3.6",
-    "type-fest": "^4.33.0",
-    "typescript": "5.7.3",
-    "vite": "^6.0.11",
+    "tsup": "^8.4.0",
+    "type-fest": "^4.37.0",
+    "typescript": "5.8.2",
+    "vite": "^6.2.1",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.0.4",
-    "@kalink-ui/eslint-config": "0.1.0",
-    "@kalink-ui/typescript-config": "0.0.0"
+    "vitest": "^3.0.8",
+    "@kalink-ui/eslint-config": "0.2.0",
+    "@kalink-ui/typescript-config": "0.1.0"
   },
   "peerDependencies": {
     "@vanilla-extract/css": "^1.17.1",
@@ -63,9 +63,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "files": [
-    "./src/**/*"
-  ],
   "dependencies": {
     "clsx": "^2.1.1"
   },

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "@kalink-ui/typescript-config/react-library.json",
+  "include": ["**/*.ts", "**/*.tsx", "eslint.config.mts", "tsup.config.ts"],
+  "exclude": ["node_modules"],
+  "compilerOptions": {
+    "paths": {
+      "@/storybook/*": ["./.storybook/*"],
+      "@/utils/*": ["./src/utils/*"],
+      "@/types/*": ["./src/types/*"],
+      "@/components/*": ["./src/components/*"],
+      "@/styles/*": ["./src/styles/*"],
+    }
+  }
+}

package/tsup.config.ts

@@ -0,0 +1,18 @@
+import { defineConfig } from 'tsup';
+
+export default defineConfig((options) => ({
+  // entry: ['src/**/!(*.(style|css|test|spec|stories)).(ts|tsx)'],
+  entry: ['src/types/utils.types.ts'],
+  format: ['esm', 'cjs'],
+  dts: true,
+  sourcemap: true,
+  external: [
+    'react',
+    '@vanilla-extract/css',
+    '@vanilla-extract/recipes',
+    '@vanilla-extract/sprinkles',
+    '@vanilla-extract/css-utils',
+  ],
+  clean: true,
+  ...options,
+}));

package/turbo/generators/config.ts

@@ -0,0 +1,35 @@
+import type { PlopTypes } from '@turbo/gen';
+
+// Learn more about Turborepo Generators at https://turbo.build/repo/docs/core-concepts/monorepos/code-generation
+
+export default function generator(plop: PlopTypes.NodePlopAPI): void {
+  // A simple generator to add a new React component to the internal UI library
+  plop.setGenerator('ui-component', {
+    description: 'Adds a new react component',
+    prompts: [
+      {
+        type: 'input',
+        name: 'name',
+        message: 'What is the name of the component?',
+      },
+    ],
+    actions: [
+      {
+        type: 'add',
+        path: 'src/components/{{kebabCase name}}/{{kebabCase name}}.tsx',
+        templateFile: 'templates/component.hbs',
+      },
+      {
+        type: 'add',
+        path: 'src/components/{{kebabCase name}}/{{kebabCase name}}.css.ts',
+        templateFile: 'templates/style.hbs',
+      },
+      {
+        type: 'append',
+        path: 'package.json',
+        pattern: /"exports": {(?<insertion>)/g,
+        templateFile: 'templates/export.hbs',
+      },
+    ],
+  });
+}

package/turbo/generators/templates/component.hbs

@@ -0,0 +1,21 @@
+import { clsx } from 'clsx';
+import { ReactNode } from 'react';
+
+import { {{ camelCase name }} } from './{{ kebabCase name }}.css';
+
+type {{ pascalCase name }}Props = {
+  children: ReactNode;
+  className?: string;
+}
+
+export function {{ pascalCase name }}({ 
+  children,
+  className,
+}: {{ pascalCase name }}Props) {
+  return (
+    <div className={clsx({{ camelCase name }}, className)}>
+      <h1>{{ pascalCase name }} Component</h1>
+      {children}
+    </div>
+  );
+};

package/turbo/generators/templates/export.hbs

@@ -0,0 +1,5 @@
+    "./{{kebabCase name}}": {
+      "types": "./src/components/{{kebabCase name}}.tsx",
+      "import": "./dist/components/{{kebabCase name}}.mjs",
+      "require": "./dist/components/{{kebabCase name}}.js"
+    },

package/turbo/generators/templates/style.hbs

@@ -0,0 +1,3 @@
+import { style } from '@vanilla-extract/css';
+
+export const {{ camelCase name }} = style({});

package/vite.config.mts

@@ -0,0 +1,9 @@
+import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
+import react from '@vitejs/plugin-react';
+import tsconfigPaths from 'vite-tsconfig-paths';
+
+import type { UserConfig } from 'vite';
+
+export default {
+  plugins: [tsconfigPaths(), react(), vanillaExtractPlugin()],
+} satisfies UserConfig;

package/src/components/box/box.stories.tsx

@@ -1,29 +0,0 @@
-import { Box, boxRecipe } from '@/components/box';
-import { argTypesFromRecipe, CommonArgs, commonArgs } from '@/utils/arg-types';
-
-import type { Meta, StoryObj } from '@storybook/react';
-
-const meta = {
-  title: 'Layout/Box',
-  component: Box,
-  tags: ['autodocs'],
-  args: {
-    children: 'Box content',
-  },
-  argTypes: {
-    ...argTypesFromRecipe(boxRecipe),
-
-    ...commonArgs([
-      CommonArgs.COMPOSABLE,
-      CommonArgs.POLYMORPHIC,
-      CommonArgs.STYLABLE,
-      CommonArgs.REFERABLE,
-    ]),
-  },
-} satisfies Meta<typeof Box>;
-
-export default meta;
-
-type Story = StoryObj<typeof Box>;
-
-export const Default: Story = {};

package/src/components/button/button.stories.tsx

@@ -1,31 +0,0 @@
-import { CommonArgs, commonArgs, argTypesFromRecipe } from '@/utils/arg-types';
-
-import { Button } from './button';
-import { buttonRecipe } from './button.css';
-
-import type { Meta, StoryObj } from '@storybook/react';
-
-const meta = {
-  title: 'Component/Button',
-  component: Button,
-  tags: ['autodocs'],
-  args: {
-    children: 'Button label',
-  },
-  argTypes: {
-    ...argTypesFromRecipe(buttonRecipe),
-
-    ...commonArgs([
-      CommonArgs.COMPOSABLE,
-      CommonArgs.POLYMORPHIC,
-      CommonArgs.STYLABLE,
-      CommonArgs.REFERABLE,
-    ]),
-  },
-} satisfies Meta<typeof Button>;
-
-export default meta;
-
-type Story = StoryObj<typeof Button>;
-
-export const Default: Story = {};

package/src/components/center/center.stories.tsx

@@ -1,31 +0,0 @@
-import { argTypesFromRecipe, CommonArgs, commonArgs } from '@/utils/arg-types';
-
-import { Center } from './center';
-import { centerRecipe } from './center.css';
-
-import type { Meta, StoryObj } from '@storybook/react';
-
-const meta = {
-  title: 'Layout/Center',
-  component: Center,
-  tags: ['autodocs'],
-  args: {
-    children: 'Centered content',
-  },
-  argTypes: {
-    ...argTypesFromRecipe(centerRecipe),
-
-    ...commonArgs([
-      CommonArgs.COMPOSABLE,
-      CommonArgs.POLYMORPHIC,
-      CommonArgs.STYLABLE,
-      CommonArgs.REFERABLE,
-    ]),
-  },
-} satisfies Meta<typeof Center>;
-
-export default meta;
-
-type Story = StoryObj<typeof Center>;
-
-export const Default: Story = {};

package/src/components/cluster/cluster.stories.tsx

@@ -1,37 +0,0 @@
-import { argTypesFromRecipe, CommonArgs, commonArgs } from '@/utils/arg-types';
-
-import { Cluster } from './cluster';
-import { clusterRecipe } from './cluster.css';
-
-import type { Meta, StoryObj } from '@storybook/react';
-
-const meta = {
-  title: 'Layout/Cluster',
-  component: Cluster,
-  tags: ['autodocs'],
-  args: {
-    children: (
-      <>
-        <div>Cluster element one</div>
-        <div>Cluster element two</div>
-        <div>Cluster element three</div>
-      </>
-    ),
-  },
-  argTypes: {
-    ...argTypesFromRecipe(clusterRecipe),
-
-    ...commonArgs([
-      CommonArgs.COMPOSABLE,
-      CommonArgs.POLYMORPHIC,
-      CommonArgs.STYLABLE,
-      CommonArgs.REFERABLE,
-    ]),
-  },
-} satisfies Meta<typeof Cluster>;
-
-export default meta;
-
-type Story = StoryObj<typeof Cluster>;
-
-export const Default: Story = {};