@billabex/ui-components 0.0.0 → 0.1.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@billabex/ui-components",
-  "version": "0.0.0",
-  "description": "React components for the Billabex design system — RSC compatible, built with Panda CSS",
+  "version": "0.1.1",
+  "description": "React components for the Billabex design system — RSC compatible with prebuilt CSS",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -13,28 +13,13 @@
         "default": "./dist/index.js"
       }
     },
-    "./preset": {
-      "import": {
-        "types": "./dist/preset.d.ts",
-        "default": "./dist/preset.js"
-      }
-    },
     "./styles.css": "./dist/styles.css"
   },
   "files": [
     "dist"
   ],
-  "scripts": {
-    "codegen": "panda codegen && panda cssgen --outfile styled-system/styles.css",
-    "build": "panda codegen && panda cssgen --outfile styled-system/styles.css && vite build",
-    "build:ship": "panda ship --outfile dist/panda.buildinfo.json",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "clean": "rm -rf dist styled-system",
-    "lint": "tsc --noEmit"
-  },
   "dependencies": {
-    "@billabex/ui-tokens": "workspace:*"
+    "@billabex/ui-tokens": "0.1.1"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -42,17 +27,19 @@
   },
   "devDependencies": {
     "@pandacss/dev": "^0.52.0",
-    "@testing-library/react": "^16.1.0",
     "@testing-library/jest-dom": "^6.6.0",
+    "@testing-library/react": "^16.1.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^4.3.0",
     "jsdom": "^25.0.0",
+    "lucide-react": "^0.577.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "vite": "^6.0.0",
     "vite-plugin-dts": "^4.3.0",
-    "vitest": "^3.0.0"
+    "vitest": "^3.0.0",
+    "@billabex/ui-preset": "0.1.1"
   },
   "publishConfig": {
     "access": "public"
@@ -65,5 +52,14 @@
   },
   "sideEffects": [
     "*.css"
-  ]
-}
+  ],
+  "scripts": {
+    "codegen": "pnpm --filter @billabex/ui-preset build && panda codegen && panda cssgen --outfile styled-system/styles.css",
+    "build": "pnpm --filter @billabex/ui-preset build && panda codegen && panda cssgen --outfile styled-system/styles.css && vite build",
+    "build:ship": "pnpm --filter @billabex/ui-preset build && panda ship --outfile dist/panda.buildinfo.json",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "clean": "rm -rf dist styled-system",
+    "lint": "tsc --noEmit"
+  }
+}

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

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=button.test.d.ts.map

package/dist/components/button/button.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.test.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.test.tsx"],"names":[],"mappings":""}

package/dist/preset.d.ts

@@ -1,2 +0,0 @@
-export declare const billabexPreset: import('@pandacss/dev').Preset;
-//# sourceMappingURL=preset.d.ts.map

package/dist/preset.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAwBA,eAAO,MAAM,cAAc,gCAoIzB,CAAC"}

package/dist/preset.js

@@ -1,130 +0,0 @@
-import { definePreset as i } from "@pandacss/dev";
-import { border as s, status as l, action as t, text as r, bg as n, typography as a, shadows as v, radii as x, padding as o, spacing as u, colors as e } from "@billabex/ui-tokens";
-const p = i({
-  name: "billabex",
-  theme: {
-    tokens: {
-      colors: {
-        // Solids
-        "solid.white": { value: e.solid.white.hex },
-        "solid.black": { value: e.solid.black.hex },
-        // Neutral palette
-        "neutral.50": { value: e.neutral[50].hex },
-        "neutral.100": { value: e.neutral[100].hex },
-        "neutral.200": { value: e.neutral[200].hex },
-        "neutral.300": { value: e.neutral[300].hex },
-        "neutral.400": { value: e.neutral[400].hex },
-        "neutral.500": { value: e.neutral[500].hex },
-        "neutral.600": { value: e.neutral[600].hex },
-        "neutral.700": { value: e.neutral[700].hex },
-        // Gold
-        "gold.100": { value: e.gold[100].hex },
-        "gold.300": { value: e.gold[300].hex },
-        "gold.500": { value: e.gold[500].hex },
-        // Terracotta
-        "terracotta.400": { value: e.terracotta[400].hex },
-        "terracotta.500": { value: e.terracotta[500].hex },
-        // Status raw colors
-        "green.50": { value: e.green[50].hex },
-        "green.600": { value: e.green[600].hex },
-        "orange.50": { value: e.orange[50].hex },
-        "orange.500": { value: e.orange[500].hex },
-        "red.50": { value: e.red[50].hex },
-        "red.600": { value: e.red[600].hex },
-        "blue.50": { value: e.blue[50].hex },
-        "blue.700": { value: e.blue[700].hex }
-      },
-      spacing: {
-        xs: { value: u.xs.px },
-        sm: { value: u.sm.px },
-        md: { value: u.md.px },
-        lg: { value: u.lg.px },
-        xl: { value: u.xl.px },
-        "2xl": { value: u["2xl"].px },
-        "3xl": { value: u["3xl"].px },
-        "4xl": { value: u["4xl"].px },
-        "padding.card": { value: o.card.px },
-        "padding.page": { value: o.page.px }
-      },
-      radii: {
-        none: { value: x.none.px },
-        xs: { value: x.xs.px },
-        sm: { value: x.sm.px },
-        md: { value: x.md.px },
-        lg: { value: x.lg.px },
-        full: { value: x.full.px }
-      },
-      shadows: {
-        sm: { value: v.sm.css },
-        md: { value: v.md.css },
-        lg: { value: v.lg.css }
-      },
-      fonts: {
-        body: { value: a.body.fontFamily }
-      },
-      fontSizes: {
-        display: { value: a.display.fontSize.px },
-        "headline.lg": { value: a.headlineLg.fontSize.px },
-        "headline.sm": { value: a.headlineSm.fontSize.px },
-        body: { value: a.body.fontSize.px },
-        "body.sm": { value: a.bodySm.fontSize.px },
-        caption: { value: a.caption.fontSize.px }
-      },
-      fontWeights: {
-        regular: { value: "400" },
-        medium: { value: "500" },
-        semibold: { value: "600" }
-      },
-      lineHeights: {
-        display: { value: a.display.lineHeight.px },
-        "headline.lg": { value: a.headlineLg.lineHeight.px },
-        "headline.sm": { value: a.headlineSm.lineHeight.px },
-        body: { value: a.body.lineHeight.px },
-        "body.sm": { value: a.bodySm.lineHeight.px },
-        caption: { value: a.caption.lineHeight.px }
-      }
-    },
-    semanticTokens: {
-      colors: {
-        // Background
-        "bg.default": { value: n.default.hex },
-        "bg.subtle": { value: n.subtle.hex },
-        "bg.muted": { value: n.muted.hex },
-        "bg.inverse": { value: n.inverse.hex },
-        "bg.brand": { value: n.brand.hex },
-        "bg.accent": { value: n.accent.hex },
-        // Text
-        "text.primary": { value: r.primary.hex },
-        "text.secondary": { value: r.secondary.hex },
-        "text.tertiary": { value: r.tertiary.hex },
-        "text.inverse": { value: r.inverse.hex },
-        "text.link": { value: r.link.hex },
-        "text.linkHover": { value: r.linkHover.hex },
-        // Action
-        "action.primary": { value: t.primary.hex },
-        "action.primaryHover": { value: t.primaryHover.hex },
-        "action.primaryPressed": { value: t.primaryPressed.hex },
-        "action.secondary": { value: t.secondary.hex },
-        "action.secondaryHover": { value: t.secondaryHover.hex },
-        "action.destructive": { value: t.destructive.hex },
-        // Status
-        "status.success": { value: l.success.hex },
-        "status.successSubtle": { value: l.successSubtle.hex },
-        "status.warning": { value: l.warning.hex },
-        "status.warningSubtle": { value: l.warningSubtle.hex },
-        "status.error": { value: l.error.hex },
-        "status.errorSubtle": { value: l.errorSubtle.hex },
-        "status.info": { value: l.info.hex },
-        "status.infoSubtle": { value: l.infoSubtle.hex },
-        // Border
-        "border.default": { value: s.default.hex },
-        "border.subtle": { value: s.subtle.hex },
-        "border.focus": { value: s.focus.hex },
-        "border.error": { value: s.error.hex }
-      }
-    }
-  }
-});
-export {
-  p as billabexPreset
-};