@ramme-io/ui 1.2.2 → 1.3.0

package/dist/src/components/ui/Button.d.ts

@@ -1,35 +1,6 @@
 import { default as React } from 'react';
 import { IconName } from './Icon';
 
-/** @wizard
- * @name Button
- * @description The primary interactive element. Supports polymorphism (rendering as a link) via the 'asChild' prop.
- * @category Input
- * @props
- * - name: variant
- * type: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'link' | 'accent'
- * description: The visual style of the button.
- * default: 'primary'
- * - name: size
- * type: 'sm' | 'md' | 'lg' | 'icon'
- * description: The size of the button.
- * default: 'md'
- * - name: loading
- * type: boolean
- * description: If true, replaces content with a spinner.
- * default: false
- * - name: iconLeft
- * type: IconName
- * description: Optional icon to display before the text.
- * - name: asChild
- * type: boolean
- * description: If true, delegates rendering to the child element (e.g. for Links).
- * default: false
- * - name: onClick
- * type: () => void
- * description: Callback fired when the button is clicked.
- * @id button
- */
 declare const buttonVariants: (props?: ({
     variant?: "link" | "ghost" | "outline" | "primary" | "secondary" | "danger" | "accent" | null | undefined;
     size?: "sm" | "md" | "lg" | "icon" | null | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ramme-io/ui",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "description": "The structural component library for the Ramme Framework.",
   "private": false,
   "publishConfig": {
@@ -15,7 +15,7 @@
       "import": "./dist/index.es.js",
       "require": "./dist/index.umd.js"
     },
-    "./style.css": "./dist/style.css",
+    "./index.css": "./dist/index.css",
     "./tailwind.preset.js": "./tailwind.preset.js",
     "./package.json": "./package.json"
   },
@@ -24,17 +24,6 @@
     "tailwind.preset.js",
     "style.css"
   ],
-  "scripts": {
-    "dev": "vite",
-    "generate:manifest": "node scripts/generate-manifest.js",
-    "generate:registry": "node scripts/generate-registry.js",
-    "generate": "npm run generate:manifest && npm run generate:registry",
-    "build": "npm run generate && vite build",
-    "prepare": "npm run build",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "bundle:ai": "repomix --ignore '**/*.lock,**/dist/**,**/storybook-static/**' --output 'ramme-ui-context.txt'"
-  },
   "peerDependencies": {
     "react": ">=18.2.0",
     "react-dom": ">=18.2.0",
@@ -57,7 +46,8 @@
     "recharts": "^2.12.7",
     "tailwind-merge": "^3.3.1",
     "tippy.js": "^6.3.7",
-    "zod": "^4.1.13"
+    "zod": "^3.23.8",
+    "@ramme-io/kernel": "1.3.0"
   },
   "devDependencies": {
     "@storybook/addon-essentials": "8.2.2",
@@ -86,5 +76,15 @@
     "vite": "^5.3.1",
     "vite-plugin-dts": "^3.9.1",
     "glob": "^10.3.10"
+  },
+  "scripts": {
+    "dev": "vite",
+    "generate:manifest": "node scripts/generate-manifest.js",
+    "generate:registry": "node scripts/generate-registry.js",
+    "generate": "npm run generate:manifest && npm run generate:registry",
+    "build": "npm run generate && vite build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "bundle:ai": "repomix --ignore '**/*.lock,**/dist/**,**/storybook-static/**' --output 'ramme-ui-context.txt'"
   }
-}
+}

package/tailwind.preset.js

@@ -1,3 +1,4 @@
+// packages/ui/tailwind.preset.js
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   theme: {
@@ -32,7 +33,6 @@ module.exports = {
           DEFAULT: 'rgb(var(--app-card-bg-color) / <alpha-value>)',
           foreground: 'rgb(var(--app-text-color) / <alpha-value>)',
         },
-        // ADDED: Notification Colors
         info: {
           DEFAULT: 'rgb(var(--app-info-color) / <alpha-value>)',
           foreground: 'rgb(var(--app-info-foreground-color) / <alpha-value>)',
@@ -46,10 +46,9 @@ module.exports = {
           foreground: 'rgb(var(--app-warning-foreground-color) / <alpha-value>)',
         },
         error: {
-          DEFAULT: 'rgb(var(--app-danger-color) / <alpha-value>)', // Re-using danger for error
+          DEFAULT: 'rgb(var(--app-danger-color) / <alpha-value>)',
           foreground: 'rgb(var(--app-danger-foreground-color) / <alpha-value>)',
         },
-        // ADDED: Chart Colors
         chart: {
           1: 'rgb(var(--app-chart-1) / <alpha-value>)',
           2: 'rgb(var(--app-chart-2) / <alpha-value>)',
@@ -58,9 +57,6 @@ module.exports = {
           5: 'rgb(var(--app-chart-5) / <alpha-value>)',
         },
       },
-      borderColor: {
-        DEFAULT: 'rgb(var(--app-border-color) / <alpha-value>)',
-      },
       borderRadius: {
         lg: `var(--app-border-radius-lg)`,
         md: `var(--app-border-radius-md)`,
@@ -70,14 +66,7 @@ module.exports = {
         sans: ['var(--app-font-sans)'],
         serif: ['var(--app-font-serif)'],
       },
-      fontSize: {
-        xs: ['calc(var(--app-font-size-base) * 0.75)', { lineHeight: '1rem' }],
-        sm: ['calc(var(--app-font-size-base) * 0.875)', { lineHeight: '1.25rem' }],
-        base: ['var(--app-font-size-base)', { lineHeight: '1.5rem' }],
-        lg: ['calc(var(--app-font-size-base) * 1.125)', { lineHeight: '1.75rem' }],
-        xl: ['calc(var(--app-font-size-base) * 1.25)', { lineHeight: '1.75rem' }],
-      },
     },
   },
-  plugins: [],
+  plugins: [], // Add tailwindcss-animate here if needed later
 };