@zeturn/watercolor-react 1.1.46 → 1.2.0

package/index.d.ts

@@ -1,6 +1,49 @@
-import type { ComponentType } from 'react'
+import type { ComponentPropsWithoutRef, ComponentType, ElementType, ReactElement, ReactNode } from 'react'
+import type {
+  CompositionAlign,
+  CompositionGap,
+  InlineJustify,
+  PageGutter,
+  PageSize,
+  SplitCollapse,
+  SplitRatio,
+} from '@zeturn/watercolor-core'
 
 type WatercolorComponent = ComponentType<any>
+type PolymorphicProps<T extends ElementType, OwnProps> = OwnProps &
+  Omit<ComponentPropsWithoutRef<T>, keyof OwnProps | 'as'> & { as?: T }
+type CompositionBaseProps = { children?: ReactNode; className?: string }
+
+export type PageProps<T extends ElementType = 'div'> = PolymorphicProps<T, CompositionBaseProps & {
+  size?: PageSize
+  gutter?: PageGutter
+}>
+export type StackProps<T extends ElementType = 'div'> = PolymorphicProps<T, CompositionBaseProps & {
+  gap?: CompositionGap
+  align?: CompositionAlign
+}>
+export type InlineProps<T extends ElementType = 'div'> = PolymorphicProps<T, CompositionBaseProps & {
+  gap?: CompositionGap
+  align?: CompositionAlign
+  justify?: InlineJustify
+  wrap?: boolean
+}>
+export type SplitProps<T extends ElementType = 'div'> = PolymorphicProps<T, CompositionBaseProps & {
+  ratio?: SplitRatio
+  gap?: CompositionGap
+  align?: CompositionAlign
+  collapse?: SplitCollapse
+}>
+
+export type {
+  CompositionAlign,
+  CompositionGap,
+  InlineJustify,
+  PageGutter,
+  PageSize,
+  SplitCollapse,
+  SplitRatio,
+} from '@zeturn/watercolor-core'
 
 export const Accordion: WatercolorComponent
 export const Alert: WatercolorComponent
@@ -36,6 +79,7 @@ export const HoverCard: WatercolorComponent
 export const Icon: WatercolorComponent
 export const IconButton: WatercolorComponent
 export const ImageGallery: WatercolorComponent
+export const Inline: <T extends ElementType = 'div'>(props: InlineProps<T>) => ReactElement | null
 export const Input: WatercolorComponent
 export const List: WatercolorComponent
 export const ListItem: WatercolorComponent
@@ -45,6 +89,7 @@ export const Menu: WatercolorComponent
 export const Modal: WatercolorComponent
 export const NumberAnimation: WatercolorComponent
 export const Pagination: WatercolorComponent
+export const Page: <T extends ElementType = 'div'>(props: PageProps<T>) => ReactElement | null
 export const Paper: WatercolorComponent
 export const Popover: WatercolorComponent
 export const PricingTable: WatercolorComponent
@@ -56,6 +101,8 @@ export const Select: WatercolorComponent
 export const Skeleton: WatercolorComponent
 export const Slider: WatercolorComponent
 export const SlideOver: WatercolorComponent
+export const Split: <T extends ElementType = 'div'>(props: SplitProps<T>) => ReactElement | null
+export const Stack: <T extends ElementType = 'div'>(props: StackProps<T>) => ReactElement | null
 export const Snackbar: WatercolorComponent
 export const Status: WatercolorComponent
 export const Switch: WatercolorComponent
@@ -76,3 +123,4 @@ export const Watermark: WatercolorComponent
 
 export * from './dist/src/utils/theme'
 export { ThemeProvider, useTheme } from './dist/src/ThemeReact'
+export type { ThemeContextValue, ThemeProviderProps } from './dist/src/ThemeReact'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeturn/watercolor-react",
-  "version": "1.1.46",
+  "version": "1.2.0",
   "type": "module",
   "main": "dist/watercolor-react.umd.js",
   "module": "dist/watercolor-react.es.js",
@@ -12,7 +12,7 @@
       "import": "./dist/watercolor-react.es.js",
       "require": "./dist/watercolor-react.umd.js"
     },
-    "./style.css": "./style.css"
+    "./style.css": "./dist/watercolor-react.css"
   },
   "files": [
     "dist",
@@ -54,6 +54,11 @@
   },
   "dependencies": {
     "@zeturn/watercolor-core": "*",
+    "@zeturn/watercolor-icons-feather": "*",
+    "@zeturn/watercolor-icons-heroicons-react": "*",
+    "@zeturn/watercolor-icons-lucide-react": "*",
+    "@zeturn/watercolor-icons-phosphor-react": "*",
+    "@zeturn/watercolor-icons-tabler-react": "*",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {

package/dist/src/utils/themeManager.d.ts

@@ -1,23 +0,0 @@
-import { themes } from './theme';
-export type ColorTheme = keyof typeof themes;
-export interface ThemeManager {
-    /** 当前颜色主题名 */
-    color: ColorTheme;
-    /** 是否暗黑模式 */
-    dark: boolean;
-    /** 设置颜色主题 */
-    setColor: (c: ColorTheme) => void;
-    /** 切换暗黑模式 */
-    toggleDark: () => void;
-}
-/**
- * 创建一个跨框架可复用的主题管理器
- * ─ 负责：
- *   • 从 localStorage 读取初始色彩/明暗偏好
- *   • 同步调用 applyTheme / toggleDarkMode 修改 DOM
- *   • 把结果写回 localStorage
- * @param defaultColor  默认颜色主题
- * @param defaultDark   默认暗黑模式
- */
-export declare function createThemeManager(defaultColor?: ColorTheme, defaultDark?: boolean): ThemeManager;
-//# sourceMappingURL=themeManager.d.ts.map

package/dist/src/utils/themeManager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"themeManager.d.ts","sourceRoot":"","sources":["../../../src/utils/themeManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,MAAM,EAAE,MAAM,SAAS,CAAA;AAE1D,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,MAAM,CAAA;AAE5C,MAAM,WAAW,YAAY;IAC3B,cAAc;IACd,KAAK,EAAE,UAAU,CAAA;IACjB,aAAa;IACb,IAAI,EAAE,OAAO,CAAA;IACb,aAAa;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IACjC,aAAa;IACb,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB;AAMD;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAChC,YAAY,GAAE,UAAsB,EACpC,WAAW,GAAE,OAAe,GAC3B,YAAY,CAmEd"}