@ldkj/web-ui 1.0.0 → 1.1.0

package/README.md

@@ -1,31 +1,31 @@
-# @ldkj/web-ui
-
-由 shadcn-ui, Tailwind CSS 和 VitePress 构建的企业级 React 组件库.
-
-## 立即开始
-
-```bash
-pnpm add @ldkj/web-ui
-```
-
-## 使用示例
-
-```tsx
-import "@ldkj/web-ui/style.css";
-import { Button, Chip } from "@ldkj/web-ui";
-
-// 可选：如需启用设计系统基础重置（全局样式），再额外引入
-// import "@ldkj/web-ui/reset.css";
-
-export default function App() {
-  return (
-    <div className="p-4">
-      <Button variant="primary">Hello World</Button>
-      <Chip variant="success" size="sm">
-        Ready
-      </Chip>
-    </div>
-  );
-}
-```
-
+# @ldkj/web-ui
+
+由 shadcn-ui, Tailwind CSS 和 VitePress 构建的企业级 React 组件库.
+
+## 立即开始
+
+```bash
+pnpm add @ldkj/web-ui
+```
+
+## 使用示例
+
+```tsx
+import "@ldkj/web-ui/style.css";
+import { Button, Chip } from "@ldkj/web-ui";
+
+// 可选：如需启用设计系统基础重置（全局样式），再额外引入
+// import "@ldkj/web-ui/reset.css";
+
+export default function App() {
+  return (
+    <div className="p-4">
+      <Button variant="primary">Hello World</Button>
+      <Chip variant="success" size="sm">
+        Ready
+      </Chip>
+    </div>
+  );
+}
+```
+

package/components/layout/header/Header.d.ts

@@ -0,0 +1,43 @@
+import * as React from "react";
+import type { ElementType } from "react";
+import { type BoxProps } from "../box";
+export type HeaderVariant = "default" | "transparent" | "solid" | "subtle";
+export type HeaderSize = "sm" | "md" | "lg";
+export type HeaderGapPreset = "xs" | "sm" | "md" | "lg" | "xl";
+export type HeaderGap = HeaderGapPreset | number | string;
+export type HeaderMaxWidth = number | string;
+export type HeaderSlotProps = BoxProps<ElementType>;
+type HeaderSlotComponent = React.FC<HeaderSlotProps>;
+export type HeaderProps = BoxProps<ElementType> & {
+    variant?: HeaderVariant;
+    size?: HeaderSize;
+    maxWidth?: HeaderMaxWidth;
+    fluid?: boolean;
+    bordered?: boolean;
+    sticky?: boolean;
+    fixed?: boolean;
+    safeArea?: boolean;
+    gap?: HeaderGap;
+    brand?: React.ReactNode;
+    nav?: React.ReactNode;
+    actions?: React.ReactNode;
+    start?: React.ReactNode;
+    end?: React.ReactNode;
+    brandProps?: HeaderSlotProps;
+    navProps?: HeaderSlotProps;
+    actionsProps?: HeaderSlotProps;
+    startProps?: HeaderSlotProps;
+    endProps?: HeaderSlotProps;
+    contentProps?: HeaderSlotProps;
+};
+type HeaderCompound = {
+    Brand: HeaderSlotComponent;
+    Nav: HeaderSlotComponent;
+    Actions: HeaderSlotComponent;
+    Start: HeaderSlotComponent;
+    End: HeaderSlotComponent;
+    Content: HeaderSlotComponent;
+};
+type HeaderComponent = React.FC<HeaderProps> & HeaderCompound;
+export declare const Header: HeaderComponent;
+export {};

package/components/layout/header/index.d.ts

@@ -0,0 +1 @@
+export * from "./Header";