@flikk/ui 1.0.0-beta.22 → 1.0.0-beta.24

package/dist/utils/stateMachine.d.ts

@@ -3,13 +3,13 @@
  * Lightweight engine for declarative form transitions and branching.
  */
 export type StateIdentifier = string;
-export interface StateMachineConfig<TContext = any> {
+export interface StateMachineConfig<TContext = unknown> {
     /** The initial state name */
     initial: StateIdentifier;
     /** State definitions */
     states: Record<StateIdentifier, StateDefinition<TContext>>;
 }
-export interface StateDefinition<TContext = any> {
+export interface StateDefinition<TContext = unknown> {
     /** Map of events to transitions */
     on?: Record<string, Transition<TContext>>;
     /** Actions executed when entering this state */
@@ -17,8 +17,8 @@ export interface StateDefinition<TContext = any> {
     /** Actions executed when exiting this state */
     exit?: Array<(context: TContext) => void>;
 }
-export type Transition<TContext = any> = StateIdentifier | TransitionConfig<TContext>;
-export interface TransitionConfig<TContext = any> {
+export type Transition<TContext = unknown> = StateIdentifier | TransitionConfig<TContext>;
+export interface TransitionConfig<TContext = unknown> {
     /** Target state */
     target: StateIdentifier;
     /** Optional conditional guard */

package/package.json

@@ -1,14 +1,12 @@
 {
   "name": "@flikk/ui",
-  "version": "1.0.0-beta.22",
+  "version": "1.0.0-beta.24",
   "description": "A modern React component library built with TypeScript, Tailwind CSS v4, and Framer Motion. Follows the shadcn philosophy with complete className override support.",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": [
-    "*.css",
-    "*.scss",
     "./dist/styles.css",
     "./src/global.scss",
     "./src/theme-plugin.css"
@@ -38,6 +36,10 @@
       "types": "./dist/components/effects/index.d.ts",
       "import": "./dist/components/effects/index.js"
     },
+    "./layout": {
+      "types": "./dist/components/layout/index.d.ts",
+      "import": "./dist/components/layout/index.js"
+    },
     "./effects/3d": {
       "types": "./dist/components/effects/3d/index.d.ts",
       "import": "./dist/components/effects/3d/index.js"
@@ -55,29 +57,29 @@
       "default": "./dist/styles.css"
     },
     "./tailwind.preset.cjs": "./tailwind.preset.cjs",
-    "./shadcn-compat.css": "./src/shadcn-compat.css",
-    "./theme.css": "./src/theme-plugin.css",
+    "./shadcn-compat.css": "./dist/shadcn-compat.css",
+    "./theme.css": "./dist/theme.css",
     "./bg/*": "./dist/bg/*"
   },
   "files": [
     "dist",
     "LICENSE",
     "tailwind.preset.cjs",
-    "src/shadcn-compat.css",
-    "src/theme-plugin.css",
     "src/global.scss",
     "src/styles"
   ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "rollup -c && npm run build:css && npm run build:assets",
+    "build": "rollup -c && npm run build:css && npm run build:assets && npm run build:copy-css",
     "build:assets": "cp -r public/bg dist/bg",
+    "build:copy-css": "cp src/shadcn-compat.css dist/shadcn-compat.css && cp src/theme-plugin.css dist/theme.css",
     "build:css": "tailwindcss -m -i ./src/tailwind-config.css -o ./dist/styles.css",
     "analyze": "ANALYZE=true rollup -c && open stats.html",
     "watch": "rollup -c -w",
     "typecheck": "tsc --noEmit",
     "lint": "eslint src --ext .ts,.tsx",
     "clean": "rimraf dist",
+    "prepublishOnly": "npm run clean && npm run build",
     "dev": "concurrently \"npm run watch:css:dev\" \"storybook dev -p 6006\" \"npm --prefix apps/docs run dev\"",
     "storybook": "concurrently \"npm run watch:css:dev\" \"storybook dev -p 6006\"",
     "watch:css:dev": "tailwindcss --watch -i ./src/tailwind-config.css -o ./src/index.css",
@@ -111,7 +113,6 @@
     "@heroicons/react": ">=2.0.0",
     "@react-three/drei": ">=10.0.0",
     "@react-three/fiber": ">=9.0.0",
-    "gsap": ">=3.12.0",
     "motion": ">=12.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
@@ -140,7 +141,7 @@
     "@react-three/drei": {
       "optional": true
     },
-    "gsap": {
+    "tailwindcss": {
       "optional": true
     }
   },
@@ -177,6 +178,7 @@
     "react-markdown": "^10.1.0",
     "react-syntax-highlighter": "^16.1.0",
     "remark-gfm": "^4.0.1",
+    "rimraf": "^5.0.0",
     "rollup": "^4.57.1",
     "rollup-plugin-visualizer": "^7.0.1",
     "storybook": "^10.2.3",

package/tailwind.preset.cjs

@@ -80,7 +80,36 @@ module.exports = {
           quaternary: 'var(--color-background-quaternary)',
           quinary: 'var(--color-background-quinary)'
         },
-        border: 'var(--color-border)'
+        border: 'var(--color-border)',
+        secondary: {
+          50: 'var(--color-secondary-50)',
+          100: 'var(--color-secondary-100)',
+          200: 'var(--color-secondary-200)',
+          300: 'var(--color-secondary-300)',
+          400: 'var(--color-secondary-400)',
+          500: 'var(--color-secondary-500)',
+          600: 'var(--color-secondary-600)',
+          700: 'var(--color-secondary-700)',
+          800: 'var(--color-secondary-800)',
+          900: 'var(--color-secondary-900)',
+          950: 'var(--color-secondary-950)',
+          DEFAULT: 'var(--color-secondary-600)'
+        },
+        neutral: {
+          50: 'var(--color-neutral-50)',
+          100: 'var(--color-neutral-100)',
+          200: 'var(--color-neutral-200)',
+          300: 'var(--color-neutral-300)',
+          400: 'var(--color-neutral-400)',
+          500: 'var(--color-neutral-500)',
+          600: 'var(--color-neutral-600)',
+          700: 'var(--color-neutral-700)',
+          800: 'var(--color-neutral-800)',
+          900: 'var(--color-neutral-900)',
+          950: 'var(--color-neutral-950)',
+          DEFAULT: 'var(--color-neutral-500)'
+        },
+        dark: 'var(--color-neutral-950)'
       },
       fontFamily: {
         sans: ['var(--font-family-base)', 'sans-serif']
@@ -94,8 +123,8 @@ module.exports = {
         extrabold: 'var(--font-weight-extrabold)'
       },
       borderRadius: {
-        form: 'var(--form-rounded)',
-        button: 'var(--button-rounded)'
+        form: 'var(--form-radius)',
+        button: 'var(--button-radius)'
       }
     }
   }