@hubstr/kit 0.1.2 → 0.1.4

package/icons/es/index.d.ts

@@ -1,4 +1,4 @@
-export * from './features';
+export * from './features/index';
 export { useFillId, useFillIds } from './hooks/useFillId';
 export * from './icons';
 export * from './toc';

package/icons/es/index.js

@@ -1,4 +1,4 @@
-export * from "./features";
-export { useFillId, useFillIds } from "./hooks/useFillId";
-export * from "./icons";
-export * from "./toc";
+export * from "./features/index.js";
+export { useFillId, useFillIds } from "./hooks/useFillId.js";
+export * from "./icons.js";
+export * from "./toc.js";

package/icons/es/toc.js

@@ -1,3 +1,3 @@
-import data from "./toc.json";
+import data from "./toc.json" with { type: "json" };
 var toc = data;
 export { toc };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubstr/kit",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Hubstr UI, icons, editor, charts, TTS, analytics, and CLI tooling.",
   "license": "MIT",
   "author": "Hubstr",
@@ -65,6 +65,7 @@
     "./editor/renderer": "./editor/src/renderer/index.ts",
     "./editor/headless": "./editor/src/headless/index.ts",
     "./editor/codemirror": "./editor/src/codemirror/index.ts",
+    "./editor/litexml-commands": "./editor/src/plugins/litexml/command/symbols.ts",
     "./tts": "./tts/src/index.ts",
     "./tts/react": "./tts/src/react/index.ts",
     "./tts/server": "./tts/src/server/index.ts",

package/ui/src/Flex/FlexBasic.tsx

@@ -1,11 +1,11 @@
 'use client';
 
-import { type CSSProperties, type ElementType, type FC, memo } from 'react';
+import { type CSSProperties, createElement, type ElementType, memo } from 'react';
 
 import type { FlexBasicProps } from './type';
 import { getCssValue, getFlexDirection, isHorizontal, isSpaceDistribution } from './utils';
 
-const FlexBasic: FC<FlexBasicProps> = ({
+const FlexBasic = ({
   visible,
   flex,
   gap,
@@ -28,7 +28,7 @@ const FlexBasic: FC<FlexBasicProps> = ({
   wrap,
   ref,
   ...props
-}) => {
+}: FlexBasicProps) => {
   const justifyContent = justify || distribution;
 
   const calcWidth = () => {
@@ -75,10 +75,10 @@ const FlexBasic: FC<FlexBasicProps> = ({
     .filter(Boolean)
     .join(' ');
 
-  return (
-    <Container ref={ref} {...props} className={mergedClassName} style={mergedStyle}>
-      {children}
-    </Container>
+  return createElement(
+    Container,
+    { ref, ...props, className: mergedClassName, style: mergedStyle },
+    children,
   );
 };
 

package/ui/src/Flex/type.ts

@@ -146,7 +146,7 @@ export interface IFlexbox {
   wrap?: CSSProperties['flexWrap'];
 }
 
-export interface FlexBasicProps extends IFlexbox, DivProps {}
+export interface FlexBasicProps extends Omit<DivProps, keyof IFlexbox>, IFlexbox {}
 
 export type FlexboxProps = FlexBasicProps;
 

package/ui/src/Markdown/SyntaxMarkdown/CachedMarkdown.tsx

@@ -112,7 +112,7 @@ function post(tree: Nodes, options: Options) {
 
   return toJsxRuntime(tree, {
     Fragment,
-    components,
+    components: components as Parameters<typeof toJsxRuntime>[1]['components'],
     ignoreInvalidStyle: true,
     jsx,
     jsxs,

package/ui/src/Markdown/plugins/rehypeStreamAnimated.ts

@@ -57,7 +57,7 @@ const BLOCK_TAGS = new Set(['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li']);
 const SKIP_TAGS = new Set(['pre', 'code', 'table', 'svg']);
 
 function hasClass(node: Element, cls: string): boolean {
-  const cn = node.properties?.className;
+  const cn: unknown = node.properties?.className;
   if (Array.isArray(cn)) return cn.some((c) => String(c).includes(cls));
   if (typeof cn === 'string') return cn.includes(cls);
   return false;

package/ui/src/Text/Text.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { cx } from 'antd-style';
-import { type FC, useRef } from 'react';
+import { createElement, useRef } from 'react';
 
 import { useTextOverflow } from '../hooks/useTextOverflow';
 import Tooltip from '../Tooltip';
@@ -9,7 +9,7 @@ import Tooltip from '../Tooltip';
 import { variants } from './styles';
 import { type TextProps } from './type';
 
-const Text: FC<TextProps> = ({
+const Text = ({
   as: Container = 'div',
   align,
   className,
@@ -35,7 +35,7 @@ const Text: FC<TextProps> = ({
   whiteSpace,
   wordBreak,
   ...rest
-}) => {
+}: TextProps) => {
   const textRef = useRef<HTMLElement>(null);
   const isOverflow = useTextOverflow(textRef, ellipsis, children);
 
@@ -68,11 +68,12 @@ const Text: FC<TextProps> = ({
     ...style,
   };
 
-  const content = (
-    <Container
-      ref={textRef}
-      style={textStyle}
-      className={cx(
+  const content = createElement(
+    Container,
+    {
+      ref: textRef,
+      style: textStyle,
+      className: cx(
         variants({
           as: ['h1', 'h2', 'h3', 'h4', 'h5', 'p'].includes(Container as string)
             ? (Container as any)
@@ -92,11 +93,10 @@ const Text: FC<TextProps> = ({
           underline,
         }),
         className,
-      )}
-      {...rest}
-    >
-      {children}
-    </Container>
+      ),
+      ...rest,
+    },
+    children,
   );
 
   // 处理带有 tooltip 的省略

package/ui/src/awesome/Hero/Hero.tsx

@@ -17,7 +17,7 @@ import { type HeroProps } from './type';
 const Hero = memo<HeroProps>(({ title, description, actions, Link }) => {
   const { mobile } = useResponsive();
 
-  const LinkRender = Link || A;
+  const LinkRender = (Link || A) as NonNullable<HeroProps['Link']>;
 
   const ButtonGroups = useCallback(
     () =>

package/ui/src/awesome/Hero/type.ts

@@ -1,4 +1,4 @@
-import type { ElementType } from 'react';
+import type { ComponentType, ReactNode } from 'react';
 
 export interface HeroAction {
   github?: boolean;
@@ -11,6 +11,6 @@ export interface HeroAction {
 export interface HeroProps {
   actions?: HeroAction[];
   description?: string;
-  Link?: ElementType;
+  Link?: ComponentType<{ children?: ReactNode; to?: string }>;
   title?: string;
 }