@bbki.ng/ui 0.1.1

package/tokens/base/shadows.json

@@ -0,0 +1,34 @@
+{
+  "shadow": {
+    "none": { "value": "none", "type": "boxShadow" },
+    "sm": { "value": "0 1px 2px 0 rgb(0 0 0 / 0.05)", "type": "boxShadow" },
+    "md": {
+      "value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+      "type": "boxShadow"
+    },
+    "lg": {
+      "value": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+      "type": "boxShadow"
+    },
+    "xl": {
+      "value": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+      "type": "boxShadow"
+    },
+    "button": {
+      "value": "0px 15px 15px rgba(0, 0, 0, 0.1), 0px 5px 5px -2px rgba(0, 0, 0, 0.04)",
+      "type": "boxShadow"
+    },
+    "buttonHover": {
+      "value": "0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 5px 5px -2px rgba(0, 0, 0, 0.04)",
+      "type": "boxShadow"
+    },
+    "input": {
+      "value": "inset 0px 10px 25px -15px rgba(0, 0, 0, 0.25), inset 0px 5px 10px -5px rgba(17, 24, 39, 0.2)",
+      "type": "boxShadow"
+    },
+    "panel": {
+      "value": "0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04)",
+      "type": "boxShadow"
+    }
+  }
+}

package/tokens/base/spacing.json

@@ -0,0 +1,21 @@
+{
+  "spacing": {
+    "0": { "value": "0", "type": "spacing" },
+    "1": { "value": "0.125rem", "type": "spacing" },
+    "2": { "value": "0.25rem", "type": "spacing" },
+    "3": { "value": "0.375rem", "type": "spacing" },
+    "4": { "value": "0.5rem", "type": "spacing" },
+    "5": { "value": "0.625rem", "type": "spacing" },
+    "6": { "value": "0.75rem", "type": "spacing" },
+    "8": { "value": "1rem", "type": "spacing" },
+    "10": { "value": "1.25rem", "type": "spacing" },
+    "12": { "value": "1.5rem", "type": "spacing" },
+    "16": { "value": "2rem", "type": "spacing" },
+    "20": { "value": "2.5rem", "type": "spacing" },
+    "24": { "value": "3rem", "type": "spacing" },
+    "32": { "value": "4rem", "type": "spacing" },
+    "40": { "value": "5rem", "type": "spacing" },
+    "48": { "value": "6rem", "type": "spacing" },
+    "64": { "value": "8rem", "type": "spacing" }
+  }
+}

package/tokens/base/typography.json

@@ -0,0 +1,35 @@
+{
+  "font": {
+    "sans": {
+      "value": "'PT Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
+      "type": "fontFamilies"
+    },
+    "mono": {
+      "value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
+      "type": "fontFamilies"
+    }
+  },
+  "fontSize": {
+    "xs": { "value": "0.75rem", "type": "fontSizes" },
+    "sm": { "value": "0.875rem", "type": "fontSizes" },
+    "base": { "value": "1rem", "type": "fontSizes" },
+    "lg": { "value": "1.125rem", "type": "fontSizes" },
+    "xl": { "value": "1.25rem", "type": "fontSizes" },
+    "2xl": { "value": "1.5rem", "type": "fontSizes" },
+    "3xl": { "value": "1.875rem", "type": "fontSizes" },
+    "4xl": { "value": "2.25rem", "type": "fontSizes" }
+  },
+  "lineHeight": {
+    "none": { "value": "1", "type": "lineHeights" },
+    "tight": { "value": "1.25", "type": "lineHeights" },
+    "snug": { "value": "1.375", "type": "lineHeights" },
+    "normal": { "value": "1.5", "type": "lineHeights" },
+    "relaxed": { "value": "1.625", "type": "lineHeights" }
+  },
+  "fontWeight": {
+    "normal": { "value": "400", "type": "fontWeights" },
+    "medium": { "value": "500", "type": "fontWeights" },
+    "semibold": { "value": "600", "type": "fontWeights" },
+    "bold": { "value": "700", "type": "fontWeights" }
+  }
+}

package/tokens/semantic/dark.json

@@ -0,0 +1,50 @@
+{
+  "color": {
+    "background": { "value": "{color.gray.950}", "type": "color" },
+    "foreground": { "value": "{color.gray.50}", "type": "color" },
+    "muted": { "value": "{color.gray.800}", "type": "color" },
+    "mutedForeground": { "value": "{color.gray.400}", "type": "color" },
+    "border": { "value": "{color.gray.800}", "type": "color" },
+    "primary": { "value": "{color.blue.500}", "type": "color" },
+    "primaryForeground": { "value": "{color.white}", "type": "color" },
+    "secondary": { "value": "{color.gray.800}", "type": "color" },
+    "secondaryForeground": { "value": "{color.gray.50}", "type": "color" },
+    "accent": { "value": "{color.pink.150}", "type": "color" },
+    "accentForeground": { "value": "{color.gray.950}", "type": "color" },
+    "destructive": { "value": "{color.red.500}", "type": "color" },
+    "logo": { "value": "{color.gray.400}", "type": "color" },
+    "destructiveForeground": { "value": "{color.white}", "type": "color" },
+    "special": { "value": "{color.xwy.50}", "type": "color" },
+    "specialForeground": { "value": "{color.xwy.150}", "type": "color" },
+    "content": {
+      "primary": { "value": "{color.gray.50}", "type": "color", "description": "主要内容文字颜色" },
+      "secondary": {
+        "value": "{color.gray.400}",
+        "type": "color",
+        "description": "次要/辅助文字颜色"
+      },
+      "disabled": {
+        "value": "{color.gray.500}",
+        "type": "color",
+        "description": "禁用状态文字颜色"
+      },
+      "action": {
+        "value": "{color.black}",
+        "type": "color",
+        "description": "可操作/链接文字颜色"
+      },
+      "special": {
+        "value": "{color.xwy.150}",
+        "type": "color",
+        "description": "特殊内容文字颜色"
+      },
+      "danger": { "value": "{color.red.400}", "type": "color", "description": "危险/警告文字颜色" }
+    },
+    "status": {
+      "error": { "value": "{color.red.500}", "type": "color", "description": "错误状态指示颜色" },
+      "warning": { "value": "{color.red.400}", "type": "color", "description": "警告状态指示颜色" },
+      "success": { "value": "#4ade80", "type": "color", "description": "成功状态指示颜色" },
+      "info": { "value": "{color.blue.500}", "type": "color", "description": "信息提示指示颜色" }
+    }
+  }
+}

package/tokens/semantic/light.json

@@ -0,0 +1,54 @@
+{
+  "color": {
+    "background": { "value": "{color.white}", "type": "color" },
+    "foreground": { "value": "{color.gray.900}", "type": "color" },
+    "muted": { "value": "{color.gray.100}", "type": "color" },
+    "mutedForeground": { "value": "{color.gray.500}", "type": "color" },
+    "border": { "value": "{color.gray.200}", "type": "color" },
+    "primary": { "value": "{color.blue.600}", "type": "color" },
+    "primaryForeground": { "value": "{color.white}", "type": "color" },
+    "secondary": { "value": "{color.gray.100}", "type": "color" },
+    "secondaryForeground": { "value": "{color.gray.900}", "type": "color" },
+    "accent": { "value": "{color.pink.100}", "type": "color" },
+    "accentForeground": { "value": "{color.gray.900}", "type": "color" },
+    "destructive": { "value": "{color.red.600}", "type": "color" },
+    "destructiveForeground": { "value": "{color.white}", "type": "color" },
+    "special": { "value": "{color.xwy.50}", "type": "color" },
+    "logo": { "value": "{color.gray.150}", "type": "color" },
+    "specialForeground": { "value": "{color.gray.900}", "type": "color" },
+    "content": {
+      "primary": {
+        "value": "{color.gray.900}",
+        "type": "color",
+        "description": "主要内容文字颜色"
+      },
+      "special": {
+        "value": "{color.xwy.150}",
+        "type": "color",
+        "description": "特殊内容文字颜色（例如包含“小乌鸦”的内容）"
+      },
+      "secondary": {
+        "value": "{color.gray.600}",
+        "type": "color",
+        "description": "次要/辅助文字颜色"
+      },
+      "disabled": {
+        "value": "{color.gray.400}",
+        "type": "color",
+        "description": "禁用状态文字颜色"
+      },
+      "action": {
+        "value": "{color.black}",
+        "type": "color",
+        "description": "可操作/链接文字颜色"
+      },
+      "danger": { "value": "{color.red.500}", "type": "color", "description": "危险/警告文字颜色" }
+    },
+    "status": {
+      "error": { "value": "{color.red.600}", "type": "color", "description": "错误状态指示颜色" },
+      "warning": { "value": "{color.red.500}", "type": "color", "description": "警告状态指示颜色" },
+      "success": { "value": "#22c55e", "type": "color", "description": "成功状态指示颜色" },
+      "info": { "value": "{color.blue.600}", "type": "color", "description": "信息提示指示颜色" }
+    }
+  }
+}

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "baseUrl": "."
+  },
+  "include": ["src/**/*", "tokens/**/*", "scripts/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/vite.config.ts

@@ -0,0 +1,44 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import dts from 'vite-plugin-dts';
+import tailwindcss from '@tailwindcss/vite';
+import path from 'path';
+
+export default defineConfig({
+  plugins: [
+    react(),
+    tailwindcss() as any,
+    dts({
+      entryRoot: path.resolve(__dirname, 'src'),
+      outDir: path.resolve(__dirname, 'dist/types'),
+      exclude: ['**/*.test.tsx', '**/*.stories.tsx', '**/tokens/css/**'],
+      insertTypesEntry: true,
+    }),
+  ],
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.ts'),
+      name: 'BBUI',
+      formats: ['es'],
+      fileName: (format, entryName) => `${entryName}.mjs`,
+    },
+    rollupOptions: {
+      external: ['react', 'react-dom', 'react-router-dom', 'react/jsx-runtime'],
+      output: {
+        preserveModules: true,
+        preserveModulesRoot: 'src',
+        globals: {
+          react: 'React',
+          'react-dom': 'ReactDOM',
+        },
+      },
+    },
+    sourcemap: true,
+    cssCodeSplit: true,
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'src'),
+    },
+  },
+});