@hubstr/kit 0.1.5 → 0.1.6

package/ui/es/FileTypeIcon/components/FolderIcon.mjs

@@ -0,0 +1,33 @@
+import { styles } from "../style.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cssVar, cx } from "antd-style";
+//#region src/FileTypeIcon/components/FolderIcon.tsx
+const FolderIcon = ({ size, isMono, hasIcon, iconColor, filetype, className, fontSize, style, ...rest }) => {
+	return /* @__PURE__ */ jsxs("svg", {
+		className: cx(styles.icon, !hasIcon && className),
+		height: size,
+		style: hasIcon ? void 0 : style,
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		...rest,
+		children: [/* @__PURE__ */ jsx("path", {
+			d: "M10.46 5.076l-.92-.752A1.446 1.446 0 008.626 4H3.429c-.38 0-.743.147-1.01.41A1.386 1.386 0 002 5.4v13.2c0 .371.15.727.418.99.268.262.632.41 1.01.41h17.143c.38 0 .743-.148 1.01-.41.268-.263.419-.619.419-.99V6.8c0-.371-.15-.727-.418-.99a1.444 1.444 0 00-1.01-.41h-9.198c-.334 0-.657-.115-.914-.324z",
+			fill: iconColor,
+			stroke: cssVar.colorFillSecondary,
+			strokeWidth: .5
+		}), !hasIcon && filetype && /* @__PURE__ */ jsx("text", {
+			fill: isMono ? cssVar.colorTextSecondary : "#fff",
+			fontSize,
+			fontWeight: "bold",
+			textAnchor: "middle",
+			x: "50%",
+			y: "70%",
+			children: filetype.toUpperCase()
+		})]
+	});
+};
+//#endregion
+export { FolderIcon as default };
+
+//# sourceMappingURL=FolderIcon.mjs.map

package/ui/es/FileTypeIcon/components/FolderIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderIcon.mjs","names":[],"sources":["../../../src/FileTypeIcon/components/FolderIcon.tsx"],"sourcesContent":["import { cssVar, cx } from 'antd-style';\r\nimport { type FC } from 'react';\r\n\r\nimport type { SvgProps } from '../../types';\r\n\r\nimport { styles } from '../style';\r\n\r\ninterface FolderIconProps extends SvgProps {\r\n  filetype?: string;\r\n  fontSize?: number;\r\n  hasIcon?: boolean;\r\n  iconColor?: string;\r\n  isMono?: boolean;\r\n  size?: number;\r\n}\r\n\r\nconst FolderIcon: FC<FolderIconProps> = ({\r\n  size,\r\n  isMono,\r\n  hasIcon,\r\n  iconColor,\r\n  filetype,\r\n  className,\r\n  fontSize,\r\n  style,\r\n  ...rest\r\n}) => {\r\n  return (\r\n    <svg\r\n      className={cx(styles.icon, !hasIcon && className)}\r\n      height={size}\r\n      style={hasIcon ? undefined : style}\r\n      viewBox=\"0 0 24 24\"\r\n      width={size}\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      {...rest}\r\n    >\r\n      <path\r\n        d=\"M10.46 5.076l-.92-.752A1.446 1.446 0 008.626 4H3.429c-.38 0-.743.147-1.01.41A1.386 1.386 0 002 5.4v13.2c0 .371.15.727.418.99.268.262.632.41 1.01.41h17.143c.38 0 .743-.148 1.01-.41.268-.263.419-.619.419-.99V6.8c0-.371-.15-.727-.418-.99a1.444 1.444 0 00-1.01-.41h-9.198c-.334 0-.657-.115-.914-.324z\"\r\n        fill={iconColor}\r\n        stroke={cssVar.colorFillSecondary}\r\n        strokeWidth={0.5}\r\n      />\r\n      {!hasIcon && filetype && (\r\n        <text\r\n          fill={isMono ? cssVar.colorTextSecondary : '#fff'}\r\n          fontSize={fontSize}\r\n          fontWeight=\"bold\"\r\n          textAnchor=\"middle\"\r\n          x=\"50%\"\r\n          y=\"70%\"\r\n        >\r\n          {filetype.toUpperCase()}\r\n        </text>\r\n      )}\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport default FolderIcon;\r\n"],"mappings":";;;;AAgBA,MAAM,cAAmC,EACvC,MACA,QACA,SACA,WACA,UACA,WACA,UACA,OACA,GAAG,WACC;AACJ,QACE,qBAAC,OAAD;EACE,WAAW,GAAG,OAAO,MAAM,CAAC,WAAW,UAAU;EACjD,QAAQ;EACR,OAAO,UAAU,KAAA,IAAY;EAC7B,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;YAPN,CASE,oBAAC,QAAD;GACE,GAAE;GACF,MAAM;GACN,QAAQ,OAAO;GACf,aAAa;GACb,CAAA,EACD,CAAC,WAAW,YACX,oBAAC,QAAD;GACE,MAAM,SAAS,OAAO,qBAAqB;GACjC;GACV,YAAW;GACX,YAAW;GACX,GAAE;GACF,GAAE;aAED,SAAS,aAAa;GAClB,CAAA,CAEL"}

package/ui/es/FileTypeIcon/index.d.mts

@@ -0,0 +1,3 @@
+import { FileTypeIconProps } from "./type.mjs";
+import { FileTypeIcon } from "./FileTypeIcon.mjs";
+export { FileTypeIconProps, FileTypeIcon as default };

package/ui/es/FileTypeIcon/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/ui/es/FileTypeIcon/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/ui/es/FileTypeIcon/index.mjs

@@ -0,0 +1,2 @@
+import FileTypeIcon from "./FileTypeIcon.mjs";
+export { FileTypeIcon as default };

package/ui/es/FileTypeIcon/style.mjs

@@ -0,0 +1,22 @@
+import { createStaticStyles } from "antd-style";
+//#region src/FileTypeIcon/style.ts
+const styles = createStaticStyles(({ css }) => {
+	return {
+		container: css`
+      position: relative;
+    `,
+		icon: css`
+      position: relative;
+      flex: none;
+      line-height: 1;
+    `,
+		inner: css`
+      position: absolute;
+      z-index: 1;
+    `
+	};
+});
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/ui/es/FileTypeIcon/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/FileTypeIcon/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nexport const styles = createStaticStyles(({ css }) => {\r\n  return {\r\n    container: css`\r\n      position: relative;\r\n    `,\r\n    icon: css`\r\n      position: relative;\r\n      flex: none;\r\n      line-height: 1;\r\n    `,\r\n    inner: css`\r\n      position: absolute;\r\n      z-index: 1;\r\n    `,\r\n  };\r\n});\r\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO;EACL,WAAW,GAAG;;;EAGd,MAAM,GAAG;;;;;EAKT,OAAO,GAAG;;;;EAIX;EACD"}

package/ui/es/FileTypeIcon/type.d.mts

@@ -0,0 +1,17 @@
+import { DivProps, SvgProps } from "../types/index.mjs";
+import { ReactNode, Ref } from "react";
+
+//#region src/FileTypeIcon/type.d.ts
+type IconProps = SvgProps & DivProps;
+interface FileTypeIconProps extends IconProps {
+  color?: string;
+  filetype?: string;
+  icon?: ReactNode;
+  ref?: Ref<HTMLDivElement>;
+  size?: number;
+  type?: 'file' | 'folder';
+  variant?: 'color' | 'mono';
+}
+//#endregion
+export { FileTypeIconProps };
+//# sourceMappingURL=type.d.mts.map

package/ui/es/Flex/Center.d.mts

@@ -0,0 +1,8 @@
+import { CenterProps } from "./type.mjs";
+import { FC } from "react";
+
+//#region src/Flex/Center.d.ts
+declare const Center: FC<CenterProps>;
+//#endregion
+export { Center };
+//# sourceMappingURL=Center.d.mts.map

package/ui/es/Flex/Center.mjs

@@ -0,0 +1,14 @@
+import FlexBasic_default from "./FlexBasic.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/Flex/Center.tsx
+const Center = ({ children, ref, ...props }) => /* @__PURE__ */ jsx(FlexBasic_default, {
+	...props,
+	align: "center",
+	justify: "center",
+	ref,
+	children
+});
+//#endregion
+export { Center as default };
+
+//# sourceMappingURL=Center.mjs.map

package/ui/es/Flex/Center.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Center.mjs","names":["FlexBasic"],"sources":["../../src/Flex/Center.tsx"],"sourcesContent":["import { type FC } from 'react';\r\n\r\nimport FlexBasic from './FlexBasic';\r\nimport type { CenterProps } from './type';\r\n\r\nconst Center: FC<CenterProps> = ({ children, ref, ...props }) => (\r\n  <FlexBasic {...props} align=\"center\" justify=\"center\" ref={ref}>\r\n    {children}\r\n  </FlexBasic>\r\n);\r\n\r\nexport default Center;\r\n"],"mappings":";;;AAKA,MAAM,UAA2B,EAAE,UAAU,KAAK,GAAG,YACnD,oBAACA,mBAAD;CAAW,GAAI;CAAO,OAAM;CAAS,SAAQ;CAAc;CACxD;CACS,CAAA"}

package/ui/es/Flex/FlexBasic.d.mts

@@ -0,0 +1,31 @@
+import { FlexBasicProps } from "./type.mjs";
+import * as _$react from "react";
+
+//#region src/Flex/FlexBasic.d.ts
+declare const _default: _$react.MemoExoticComponent<({
+  visible,
+  flex,
+  gap,
+  direction,
+  horizontal,
+  align,
+  justify,
+  distribution,
+  height,
+  width,
+  allowShrink,
+  padding,
+  paddingInline,
+  paddingBlock,
+  prefixCls,
+  as: Container,
+  className,
+  style,
+  children,
+  wrap,
+  ref,
+  ...props
+}: FlexBasicProps) => _$react.ReactElement<any, string | _$react.JSXElementConstructor<any>>>;
+//#endregion
+export { _default };
+//# sourceMappingURL=FlexBasic.d.mts.map

package/ui/es/Flex/FlexBasic.mjs

@@ -0,0 +1,45 @@
+"use client";
+import { getCssValue, getFlexDirection, isHorizontal, isSpaceDistribution } from "./utils.mjs";
+import { createElement, memo } from "react";
+//#region src/Flex/FlexBasic.tsx
+const FlexBasic = ({ visible, flex, gap, direction, horizontal, align, justify, distribution, height, width, allowShrink, padding, paddingInline, paddingBlock, prefixCls, as: Container = "div", className, style, children, wrap, ref, ...props }) => {
+	const justifyContent = justify || distribution;
+	const calcWidth = () => {
+		if (isHorizontal(direction, horizontal) && !width && isSpaceDistribution(justifyContent)) return "100%";
+		return getCssValue(width);
+	};
+	const finalWidth = calcWidth();
+	const mergedStyle = {
+		...flex !== void 0 ? { "--hubstr-flex": String(flex) } : {},
+		...direction || horizontal ? { "--hubstr-flex-direction": getFlexDirection(direction, horizontal) } : {},
+		...wrap !== void 0 ? { "--hubstr-flex-wrap": wrap } : {},
+		...justifyContent !== void 0 ? { "--hubstr-flex-justify": justifyContent } : {},
+		...align !== void 0 ? { "--hubstr-flex-align": align } : {},
+		...finalWidth !== void 0 ? { "--hubstr-flex-width": finalWidth } : {},
+		...height !== void 0 ? { "--hubstr-flex-height": getCssValue(height) } : {},
+		...padding !== void 0 ? { "--hubstr-flex-padding": getCssValue(padding) } : {},
+		...paddingInline !== void 0 ? { "--hubstr-flex-padding-inline": getCssValue(paddingInline) } : {},
+		...paddingBlock !== void 0 ? { "--hubstr-flex-padding-block": getCssValue(paddingBlock) } : {},
+		...gap !== void 0 ? { "--hubstr-flex-gap": getCssValue(gap) } : {},
+		...allowShrink ? { minWidth: 0 } : {},
+		...style
+	};
+	const baseClassName = "hubstr-flex";
+	const mergedClassName = [
+		baseClassName,
+		visible === false ? `${baseClassName}--hidden` : void 0,
+		prefixCls ? `${prefixCls}-flex` : void 0,
+		className
+	].filter(Boolean).join(" ");
+	return createElement(Container, {
+		ref,
+		...props,
+		className: mergedClassName,
+		style: mergedStyle
+	}, children);
+};
+var FlexBasic_default = memo(FlexBasic);
+//#endregion
+export { FlexBasic_default as default };
+
+//# sourceMappingURL=FlexBasic.mjs.map

package/ui/es/Flex/FlexBasic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexBasic.mjs","names":[],"sources":["../../src/Flex/FlexBasic.tsx"],"sourcesContent":["'use client';\n\nimport { type CSSProperties, createElement, type ElementType, memo } from 'react';\n\nimport type { FlexBasicProps } from './type';\nimport { getCssValue, getFlexDirection, isHorizontal, isSpaceDistribution } from './utils';\n\nconst FlexBasic = ({\n  visible,\n  flex,\n  gap,\n  direction,\n  horizontal,\n  align,\n  justify,\n  distribution,\n  height,\n  width,\n  allowShrink,\n  padding,\n  paddingInline,\n  paddingBlock,\n  prefixCls,\n  as: Container = 'div' as ElementType,\n  className,\n  style,\n  children,\n  wrap,\n  ref,\n  ...props\n}: FlexBasicProps) => {\n  const justifyContent = justify || distribution;\n\n  const calcWidth = () => {\n    if (isHorizontal(direction, horizontal) && !width && isSpaceDistribution(justifyContent))\n      return '100%';\n\n    return getCssValue(width);\n  };\n  const finalWidth = calcWidth();\n\n  const cssVars: Record<string, string | number> = {\n    ...(flex !== undefined ? { '--hubstr-flex': String(flex) } : {}),\n    ...(direction || horizontal\n      ? { '--hubstr-flex-direction': getFlexDirection(direction, horizontal) }\n      : {}),\n    ...(wrap !== undefined ? { '--hubstr-flex-wrap': wrap } : {}),\n    ...(justifyContent !== undefined ? { '--hubstr-flex-justify': justifyContent } : {}),\n    ...(align !== undefined ? { '--hubstr-flex-align': align } : {}),\n    ...(finalWidth !== undefined ? { '--hubstr-flex-width': finalWidth } : {}),\n    ...(height !== undefined ? { '--hubstr-flex-height': getCssValue(height) } : {}),\n    ...(padding !== undefined ? { '--hubstr-flex-padding': getCssValue(padding) } : {}),\n    ...(paddingInline !== undefined\n      ? { '--hubstr-flex-padding-inline': getCssValue(paddingInline) }\n      : {}),\n    ...(paddingBlock !== undefined\n      ? { '--hubstr-flex-padding-block': getCssValue(paddingBlock) }\n      : {}),\n    ...(gap !== undefined ? { '--hubstr-flex-gap': getCssValue(gap) } : {}),\n  };\n\n  const mergedStyle: CSSProperties = {\n    ...(cssVars as CSSProperties),\n    ...(allowShrink ? { minWidth: 0 } : {}),\n    ...style,\n  };\n\n  const baseClassName = 'hubstr-flex';\n  const mergedClassName = [\n    baseClassName,\n    visible === false ? `${baseClassName}--hidden` : undefined,\n    prefixCls ? `${prefixCls}-flex` : undefined,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return createElement(\n    Container,\n    { ref, ...props, className: mergedClassName, style: mergedStyle },\n    children,\n  );\n};\n\nexport default memo(FlexBasic);\n"],"mappings":";;;;AAOA,MAAM,aAAa,EACjB,SACA,MACA,KACA,WACA,YACA,OACA,SACA,cACA,QACA,OACA,aACA,SACA,eACA,cACA,WACA,IAAI,YAAY,OAChB,WACA,OACA,UACA,MACA,KACA,GAAG,YACiB;CACpB,MAAM,iBAAiB,WAAW;CAElC,MAAM,kBAAkB;AACtB,MAAI,aAAa,WAAW,WAAW,IAAI,CAAC,SAAS,oBAAoB,eAAe,CACtF,QAAO;AAET,SAAO,YAAY,MAAM;;CAE3B,MAAM,aAAa,WAAW;CAsB9B,MAAM,cAA6B;EAnBjC,GAAI,SAAS,KAAA,IAAY,EAAE,iBAAiB,OAAO,KAAK,EAAE,GAAG,EAAE;EAC/D,GAAI,aAAa,aACb,EAAE,2BAA2B,iBAAiB,WAAW,WAAW,EAAE,GACtE,EAAE;EACN,GAAI,SAAS,KAAA,IAAY,EAAE,sBAAsB,MAAM,GAAG,EAAE;EAC5D,GAAI,mBAAmB,KAAA,IAAY,EAAE,yBAAyB,gBAAgB,GAAG,EAAE;EACnF,GAAI,UAAU,KAAA,IAAY,EAAE,uBAAuB,OAAO,GAAG,EAAE;EAC/D,GAAI,eAAe,KAAA,IAAY,EAAE,uBAAuB,YAAY,GAAG,EAAE;EACzE,GAAI,WAAW,KAAA,IAAY,EAAE,wBAAwB,YAAY,OAAO,EAAE,GAAG,EAAE;EAC/E,GAAI,YAAY,KAAA,IAAY,EAAE,yBAAyB,YAAY,QAAQ,EAAE,GAAG,EAAE;EAClF,GAAI,kBAAkB,KAAA,IAClB,EAAE,gCAAgC,YAAY,cAAc,EAAE,GAC9D,EAAE;EACN,GAAI,iBAAiB,KAAA,IACjB,EAAE,+BAA+B,YAAY,aAAa,EAAE,GAC5D,EAAE;EACN,GAAI,QAAQ,KAAA,IAAY,EAAE,qBAAqB,YAAY,IAAI,EAAE,GAAG,EAAE;EAKtE,GAAI,cAAc,EAAE,UAAU,GAAG,GAAG,EAAE;EACtC,GAAG;EACJ;CAED,MAAM,gBAAgB;CACtB,MAAM,kBAAkB;EACtB;EACA,YAAY,QAAQ,GAAG,cAAc,YAAY,KAAA;EACjD,YAAY,GAAG,UAAU,SAAS,KAAA;EAClC;EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;AAEZ,QAAO,cACL,WACA;EAAE;EAAK,GAAG;EAAO,WAAW;EAAiB,OAAO;EAAa,EACjE,SACD;;AAGH,IAAA,oBAAe,KAAK,UAAU"}

package/ui/es/Flex/Flexbox.d.mts

@@ -0,0 +1 @@
+import { _default } from "./FlexBasic.mjs";

package/ui/es/Flex/index.d.mts

@@ -0,0 +1,4 @@
+import { CenterProps, ContentPosition, FlexBasicProps, FlexDirection, FlexboxProps } from "./type.mjs";
+import { Center } from "./Center.mjs";
+import { _default } from "./FlexBasic.mjs";
+export { Center, type CenterProps, type ContentPosition, _default as FlexBasic, type FlexBasicProps, type FlexDirection, _default as Flexbox, type FlexboxProps };

package/ui/es/Flex/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/ui/es/Flex/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/ui/es/Flex/index.mjs

@@ -0,0 +1,3 @@
+import FlexBasic_default from "./FlexBasic.mjs";
+import Center from "./Center.mjs";
+export { Center, FlexBasic_default as FlexBasic, FlexBasic_default as Flexbox };

package/ui/es/Flex/type.d.mts

@@ -0,0 +1,116 @@
+import { CSSProperties, DOMAttributes, ElementType, HTMLAttributes, ReactNode, Ref } from "react";
+
+//#region src/Flex/type.d.ts
+type ContentPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'start' | 'stretch' | 'baseline';
+type FlexDirection = 'vertical' | 'vertical-reverse' | 'horizontal' | 'horizontal-reverse';
+type DivProps = DOMAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>;
+type CommonSpaceNumber = 2 | 4 | 8 | 12 | 16 | 24;
+/**
+ * Flexbox 布局组件的接口
+ */
+interface IFlexbox {
+  /**
+   * 交叉轴对齐方式
+   * @default "stretch"
+   */
+  align?: ContentPosition;
+  /**
+   * 允许在 flex 布局中正常收缩（通过将根节点的 min-width 设为 0 实现）
+   *
+   * 在 Flex 容器（或作为 flex item）中，启用该选项可避免内容导致的溢出，
+   * 让元素可以正常 shrink（常见于文本省略、滚动容器等场景）。
+   * @default false
+   */
+  allowShrink?: boolean;
+  /**
+   * 渲染的 HTML 元素类型
+   * @default "div"
+   */
+  as?: ElementType;
+  /**
+   * 子元素
+   */
+  children?: ReactNode;
+  /**
+   * 自定义类名
+   */
+  className?: string;
+  /**
+   * 主轴方向
+   * @default "horizontal"
+   */
+  direction?: FlexDirection;
+  /**
+   * 内容分布
+   */
+  distribution?: CSSProperties['justifyContent'];
+  /**
+   * flex 值
+   * @default "0 1 auto"
+   */
+  flex?: number | string;
+  /**
+   * 主轴方向上的间距
+   * @default 0
+   */
+  gap?: CommonSpaceNumber | number | string;
+  /**
+   * 高度
+   * @default "auto"
+   */
+  height?: number | string;
+  /**
+   * 是否横向
+   * @default false
+   */
+  horizontal?: boolean;
+  /**
+   * 主轴对齐方式
+   */
+  justify?: CSSProperties['justifyContent'];
+  /**
+   * 内边距
+   * @default 0
+   */
+  padding?: string | number | CommonSpaceNumber;
+  /**
+   * 块内边距
+   */
+  paddingBlock?: string | number;
+  /**
+   * 内联内边距
+   */
+  paddingInline?: string | number;
+  /**
+   * 类名前缀
+   */
+  prefixCls?: string;
+  /**
+   * ref 引用
+   */
+  ref?: Ref<HTMLElement>;
+  /**
+   * 自定义样式
+   */
+  style?: CSSProperties;
+  /**
+   * 是否显示
+   * @default true
+   */
+  visible?: boolean;
+  /**
+   * 宽度
+   * @default "auto"
+   */
+  width?: number | string;
+  /**
+   * 换行方式
+   */
+  wrap?: CSSProperties['flexWrap'];
+}
+interface FlexBasicProps extends Omit<DivProps, keyof IFlexbox>, IFlexbox {}
+type FlexboxProps = FlexBasicProps;
+type CenterProps = Omit<FlexBasicProps, 'distribution' | 'direction' | 'align'>;
+//#endregion
+export { CenterProps, ContentPosition, FlexBasicProps, FlexDirection, FlexboxProps };
+//# sourceMappingURL=type.d.mts.map

package/ui/es/Flex/utils.mjs

@@ -0,0 +1,25 @@
+//#region src/Flex/utils.ts
+const getFlexDirection = (direction, isHorizontal) => {
+	if (isHorizontal) return "row";
+	switch (direction) {
+		case "horizontal": return "row";
+		case "horizontal-reverse": return "row-reverse";
+		case "vertical":
+		default: return "column";
+		case "vertical-reverse": return "column-reverse";
+	}
+};
+const isSpaceDistribution = (distribution) => {
+	if (!distribution) return;
+	return [
+		"space-between",
+		"space-around",
+		"space-evenly"
+	].includes(distribution);
+};
+const isHorizontal = (direction, isHorizontal) => getFlexDirection(direction, isHorizontal) === "row";
+const getCssValue = (value) => typeof value === "number" ? `${value}px` : value;
+//#endregion
+export { getCssValue, getFlexDirection, isHorizontal, isSpaceDistribution };
+
+//# sourceMappingURL=utils.mjs.map

package/ui/es/Flex/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Flex/utils.ts"],"sourcesContent":["import type { FlexDirection } from './type';\r\n\r\nexport const getPrefix = (prefixCls?: string) => {\r\n  if (prefixCls) return prefixCls;\r\n  return 'hubstr';\r\n};\r\n\r\nexport const getFlexDirection = (direction?: FlexDirection, isHorizontal?: boolean) => {\r\n  if (isHorizontal) return 'row';\r\n\r\n  switch (direction) {\r\n    case 'horizontal': {\r\n      return 'row';\r\n    }\r\n    case 'horizontal-reverse': {\r\n      return 'row-reverse';\r\n    }\r\n    case 'vertical':\r\n    default: {\r\n      return 'column';\r\n    }\r\n    case 'vertical-reverse': {\r\n      return 'column-reverse';\r\n    }\r\n  }\r\n};\r\n\r\nexport const isSpaceDistribution = (distribution?: string) => {\r\n  if (!distribution) return;\r\n  return ['space-between', 'space-around', 'space-evenly'].includes(distribution);\r\n};\r\n\r\nexport const isHorizontal = (direction?: FlexDirection, isHorizontal?: boolean) =>\r\n  getFlexDirection(direction, isHorizontal) === 'row';\r\n\r\nexport const isVertical = (direction?: FlexDirection, isHorizontal?: boolean) =>\r\n  getFlexDirection(direction, isHorizontal) === 'column';\r\n\r\nexport const getCssValue = (value: string | number | undefined) =>\r\n  typeof value === 'number' ? `${value}px` : value;\r\n"],"mappings":";AAOA,MAAa,oBAAoB,WAA2B,iBAA2B;AACrF,KAAI,aAAc,QAAO;AAEzB,SAAQ,WAAR;EACE,KAAK,aACH,QAAO;EAET,KAAK,qBACH,QAAO;EAET,KAAK;EACL,QACE,QAAO;EAET,KAAK,mBACH,QAAO;;;AAKb,MAAa,uBAAuB,iBAA0B;AAC5D,KAAI,CAAC,aAAc;AACnB,QAAO;EAAC;EAAiB;EAAgB;EAAe,CAAC,SAAS,aAAa;;AAGjF,MAAa,gBAAgB,WAA2B,iBACtD,iBAAiB,WAAW,aAAa,KAAK;AAKhD,MAAa,eAAe,UAC1B,OAAO,UAAU,WAAW,GAAG,MAAM,MAAM"}

package/ui/es/FluentEmoji/FluentEmoji.d.mts

@@ -0,0 +1,8 @@
+import { FluentEmojiProps } from "./type.mjs";
+import { FC } from "react";
+
+//#region src/FluentEmoji/FluentEmoji.d.ts
+declare const FluentEmoji: FC<FluentEmojiProps>;
+//#endregion
+export { FluentEmoji };
+//# sourceMappingURL=FluentEmoji.d.mts.map

package/ui/es/FluentEmoji/FluentEmoji.mjs

@@ -0,0 +1,50 @@
+"use client";
+import { useCdnFn } from "../ConfigProvider/index.mjs";
+import Center from "../Flex/Center.mjs";
+import Img from "../Img/index.mjs";
+import { styles } from "./style.mjs";
+import { genEmojiUrl } from "./utils.mjs";
+import { useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/FluentEmoji/FluentEmoji.tsx
+const FluentEmoji = ({ emoji, className, style, type = "3d", size = 40, unoptimized, ref, ...rest }) => {
+	const [loadingFail, setLoadingFail] = useState(false);
+	const genCdnUrl = useCdnFn();
+	const emojiUrl = useMemo(() => genEmojiUrl(emoji, type), [type, emoji]);
+	if (type === "raw" || !emojiUrl || loadingFail) return /* @__PURE__ */ jsx(Center, {
+		className: cx(styles.container, className),
+		flex: "none",
+		height: size,
+		ref,
+		role: "img",
+		style: {
+			fontSize: size * .9,
+			...style
+		},
+		width: size,
+		...rest,
+		children: emoji
+	});
+	return /* @__PURE__ */ jsx(Img, {
+		alt: emoji,
+		className,
+		height: size,
+		loading: "lazy",
+		ref,
+		src: genCdnUrl(emojiUrl),
+		style: {
+			flex: "none",
+			...style
+		},
+		unoptimized,
+		width: size,
+		onError: () => setLoadingFail(true),
+		...rest
+	});
+};
+FluentEmoji.displayName = "FluentEmoji";
+//#endregion
+export { FluentEmoji as default };
+
+//# sourceMappingURL=FluentEmoji.mjs.map

package/ui/es/FluentEmoji/FluentEmoji.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluentEmoji.mjs","names":[],"sources":["../../src/FluentEmoji/FluentEmoji.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { type FC, useMemo, useState } from 'react';\r\n\r\nimport { useCdnFn } from '../ConfigProvider';\r\nimport { Center } from '../Flex';\r\nimport Img from '../Img';\r\n\r\nimport { styles } from './style';\r\nimport type { FluentEmojiProps } from './type';\r\nimport { genEmojiUrl } from './utils';\r\n\r\nconst FluentEmoji: FC<FluentEmojiProps> = ({\r\n  emoji,\r\n  className,\r\n  style,\r\n  type = '3d',\r\n  size = 40,\r\n  unoptimized,\r\n  ref,\r\n  ...rest\r\n}) => {\r\n  const [loadingFail, setLoadingFail] = useState(false);\r\n  const genCdnUrl = useCdnFn();\r\n\r\n  const emojiUrl = useMemo(() => genEmojiUrl(emoji, type), [type, emoji]);\r\n\r\n  if (type === 'raw' || !emojiUrl || loadingFail)\r\n    return (\r\n      <Center\r\n        className={cx(styles.container, className)}\r\n        flex={'none'}\r\n        height={size}\r\n        ref={ref}\r\n        role={'img'}\r\n        style={{ fontSize: size * 0.9, ...style }}\r\n        width={size}\r\n        {...rest}\r\n      >\r\n        {emoji}\r\n      </Center>\r\n    );\r\n\r\n  return (\r\n    <Img\r\n      alt={emoji}\r\n      className={className}\r\n      height={size}\r\n      loading={'lazy'}\r\n      ref={ref}\r\n      src={genCdnUrl(emojiUrl)}\r\n      style={{ flex: 'none', ...style }}\r\n      unoptimized={unoptimized}\r\n      width={size}\r\n      onError={() => setLoadingFail(true)}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nFluentEmoji.displayName = 'FluentEmoji';\r\n\r\nexport default FluentEmoji;\r\n"],"mappings":";;;;;;;;;;AAaA,MAAM,eAAqC,EACzC,OACA,WACA,OACA,OAAO,MACP,OAAO,IACP,aACA,KACA,GAAG,WACC;CACJ,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CACrD,MAAM,YAAY,UAAU;CAE5B,MAAM,WAAW,cAAc,YAAY,OAAO,KAAK,EAAE,CAAC,MAAM,MAAM,CAAC;AAEvE,KAAI,SAAS,SAAS,CAAC,YAAY,YACjC,QACE,oBAAC,QAAD;EACE,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,MAAM;EACN,QAAQ;EACH;EACL,MAAM;EACN,OAAO;GAAE,UAAU,OAAO;GAAK,GAAG;GAAO;EACzC,OAAO;EACP,GAAI;YAEH;EACM,CAAA;AAGb,QACE,oBAAC,KAAD;EACE,KAAK;EACM;EACX,QAAQ;EACR,SAAS;EACJ;EACL,KAAK,UAAU,SAAS;EACxB,OAAO;GAAE,MAAM;GAAQ,GAAG;GAAO;EACpB;EACb,OAAO;EACP,eAAe,eAAe,KAAK;EACnC,GAAI;EACJ,CAAA;;AAIN,YAAY,cAAc"}

package/ui/es/FluentEmoji/index.d.mts

@@ -0,0 +1,3 @@
+import { FluentEmojiProps } from "./type.mjs";
+import { FluentEmoji } from "./FluentEmoji.mjs";
+export { FluentEmojiProps, FluentEmoji as default };

package/ui/es/FluentEmoji/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/ui/es/FluentEmoji/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/ui/es/FluentEmoji/index.mjs

@@ -0,0 +1,2 @@
+import FluentEmoji from "./FluentEmoji.mjs";
+export { FluentEmoji as default };

package/ui/es/FluentEmoji/style.mjs

@@ -0,0 +1,13 @@
+import { createStaticStyles } from "antd-style";
+//#region src/FluentEmoji/style.ts
+const styles = createStaticStyles(({ css }) => {
+	return { container: css`
+      position: relative;
+      line-height: 1;
+      text-align: center;
+    ` };
+});
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/ui/es/FluentEmoji/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/FluentEmoji/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nexport const styles = createStaticStyles(({ css }) => {\r\n  return {\r\n    container: css`\r\n      position: relative;\r\n      line-height: 1;\r\n      text-align: center;\r\n    `,\r\n  };\r\n});\r\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO,EACL,WAAW,GAAG;;;;OAKf;EACD"}

package/ui/es/FluentEmoji/type.d.mts

@@ -0,0 +1,15 @@
+import { DivProps } from "../types/index.mjs";
+import { EmojiType } from "./utils.mjs";
+import { Ref } from "react";
+
+//#region src/FluentEmoji/type.d.ts
+interface FluentEmojiProps extends DivProps {
+  emoji: string;
+  ref?: Ref<HTMLImageElement>;
+  size?: number;
+  type?: EmojiType;
+  unoptimized?: boolean;
+}
+//#endregion
+export { FluentEmojiProps };
+//# sourceMappingURL=type.d.mts.map

package/ui/es/FluentEmoji/utils.d.mts

@@ -0,0 +1,5 @@
+//#region src/FluentEmoji/utils.d.ts
+type EmojiType = 'anim' | 'flat' | 'modern' | 'mono' | 'raw' | '3d';
+//#endregion
+export { EmojiType };
+//# sourceMappingURL=utils.d.mts.map

package/ui/es/FluentEmoji/utils.mjs

@@ -0,0 +1,46 @@
+//#region src/FluentEmoji/utils.ts
+function emojiToUnicode(emoji) {
+	return [...emoji].map((char) => char?.codePointAt(0)?.toString(16)).join("-");
+}
+function emojiAnimPkg(emoji) {
+	const mainPart = emojiToUnicode(emoji).split("-")[0];
+	if (mainPart < "1f469") return "@hubstr/fluent-emoji-anim-1";
+	else if (mainPart >= "1f469" && mainPart < "1f620") return "@hubstr/fluent-emoji-anim-2";
+	else if (mainPart >= "1f620" && mainPart < "1f9a0") return "@hubstr/fluent-emoji-anim-3";
+	else return "@hubstr/fluent-emoji-anim-4";
+}
+const genEmojiUrl = (emoji, type) => {
+	const ext = ["anim", "3d"].includes(type) ? "webp" : "svg";
+	switch (type) {
+		case "raw": return null;
+		case "anim": return {
+			path: `assets/${emojiToUnicode(emoji)}.${ext}`,
+			pkg: emojiAnimPkg(emoji),
+			version: "latest"
+		};
+		case "3d": return {
+			path: `assets/${emojiToUnicode(emoji)}.${ext}`,
+			pkg: "@hubstr/fluent-emoji-3d",
+			version: "latest"
+		};
+		case "flat": return {
+			path: `assets/${emojiToUnicode(emoji)}.${ext}`,
+			pkg: "@hubstr/fluent-emoji-flat",
+			version: "latest"
+		};
+		case "modern": return {
+			path: `assets/${emojiToUnicode(emoji)}.${ext}`,
+			pkg: "@hubstr/fluent-emoji-modern",
+			version: "latest"
+		};
+		case "mono": return {
+			path: `assets/${emojiToUnicode(emoji)}.${ext}`,
+			pkg: "@hubstr/fluent-emoji-mono",
+			version: "latest"
+		};
+	}
+};
+//#endregion
+export { genEmojiUrl };
+
+//# sourceMappingURL=utils.mjs.map

package/ui/es/FluentEmoji/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/FluentEmoji/utils.ts"],"sourcesContent":["export type EmojiType = 'anim' | 'flat' | 'modern' | 'mono' | 'raw' | '3d';\r\n\r\nexport function isFlagEmoji(emoji: string) {\r\n  const flagRegex = /(?:\\uD83C[\\uDDE6-\\uDDFF]){2}/;\r\n  return flagRegex.test(emoji);\r\n}\r\n\r\nexport function emojiToUnicode(emoji: string) {\r\n  return [...emoji].map((char) => char?.codePointAt(0)?.toString(16)).join('-');\r\n}\r\n\r\nexport function emojiAnimPkg(emoji: string) {\r\n  const mainPart = emojiToUnicode(emoji).split('-')[0];\r\n  if (mainPart < '1f469') {\r\n    return '@hubstr/fluent-emoji-anim-1';\r\n  } else if (mainPart >= '1f469' && mainPart < '1f620') {\r\n    return '@hubstr/fluent-emoji-anim-2';\r\n  } else if (mainPart >= '1f620' && mainPart < '1f9a0') {\r\n    return '@hubstr/fluent-emoji-anim-3';\r\n  } else {\r\n    return '@hubstr/fluent-emoji-anim-4';\r\n  }\r\n}\r\n\r\nexport const genEmojiUrl = (emoji: string, type: EmojiType) => {\r\n  const ext = ['anim', '3d'].includes(type) ? 'webp' : 'svg';\r\n\r\n  switch (type) {\r\n    case 'raw': {\r\n      return null;\r\n    }\r\n    case 'anim': {\r\n      return {\r\n        path: `assets/${emojiToUnicode(emoji)}.${ext}`,\r\n        pkg: emojiAnimPkg(emoji),\r\n        version: 'latest',\r\n      };\r\n    }\r\n    case '3d': {\r\n      return {\r\n        path: `assets/${emojiToUnicode(emoji)}.${ext}`,\r\n        pkg: '@hubstr/fluent-emoji-3d',\r\n        version: 'latest',\r\n      };\r\n    }\r\n    case 'flat': {\r\n      return {\r\n        path: `assets/${emojiToUnicode(emoji)}.${ext}`,\r\n        pkg: '@hubstr/fluent-emoji-flat',\r\n        version: 'latest',\r\n      };\r\n    }\r\n    case 'modern': {\r\n      return {\r\n        path: `assets/${emojiToUnicode(emoji)}.${ext}`,\r\n        pkg: '@hubstr/fluent-emoji-modern',\r\n        version: 'latest',\r\n      };\r\n    }\r\n    case 'mono': {\r\n      return {\r\n        path: `assets/${emojiToUnicode(emoji)}.${ext}`,\r\n        pkg: '@hubstr/fluent-emoji-mono',\r\n        version: 'latest',\r\n      };\r\n    }\r\n  }\r\n};\r\n"],"mappings":";AAOA,SAAgB,eAAe,OAAe;AAC5C,QAAO,CAAC,GAAG,MAAM,CAAC,KAAK,SAAS,MAAM,YAAY,EAAE,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,IAAI;;AAG/E,SAAgB,aAAa,OAAe;CAC1C,MAAM,WAAW,eAAe,MAAM,CAAC,MAAM,IAAI,CAAC;AAClD,KAAI,WAAW,QACb,QAAO;UACE,YAAY,WAAW,WAAW,QAC3C,QAAO;UACE,YAAY,WAAW,WAAW,QAC3C,QAAO;KAEP,QAAO;;AAIX,MAAa,eAAe,OAAe,SAAoB;CAC7D,MAAM,MAAM,CAAC,QAAQ,KAAK,CAAC,SAAS,KAAK,GAAG,SAAS;AAErD,SAAQ,MAAR;EACE,KAAK,MACH,QAAO;EAET,KAAK,OACH,QAAO;GACL,MAAM,UAAU,eAAe,MAAM,CAAC,GAAG;GACzC,KAAK,aAAa,MAAM;GACxB,SAAS;GACV;EAEH,KAAK,KACH,QAAO;GACL,MAAM,UAAU,eAAe,MAAM,CAAC,GAAG;GACzC,KAAK;GACL,SAAS;GACV;EAEH,KAAK,OACH,QAAO;GACL,MAAM,UAAU,eAAe,MAAM,CAAC,GAAG;GACzC,KAAK;GACL,SAAS;GACV;EAEH,KAAK,SACH,QAAO;GACL,MAAM,UAAU,eAAe,MAAM,CAAC,GAAG;GACzC,KAAK;GACL,SAAS;GACV;EAEH,KAAK,OACH,QAAO;GACL,MAAM,UAAU,eAAe,MAAM,CAAC,GAAG;GACzC,KAAK;GACL,SAAS;GACV"}

package/ui/es/FontLoader/index.d.mts

@@ -0,0 +1,10 @@
+import * as _$react from "react";
+
+//#region src/FontLoader/index.d.ts
+interface FontLoaderProps {
+  url: string;
+}
+declare const FontLoader: _$react.NamedExoticComponent<FontLoaderProps>;
+//#endregion
+export { FontLoader, FontLoaderProps };
+//# sourceMappingURL=index.d.mts.map

package/ui/es/FontLoader/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/ui/es/FontLoader/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/ui/es/FontLoader/index.mjs

@@ -0,0 +1,30 @@
+"use client";
+import { memo, useEffect, useRef } from "react";
+//#region src/FontLoader/index.tsx
+const createElement$1 = (url) => {
+	const element = document.createElement("link");
+	element.rel = "stylesheet";
+	element.href = url;
+	return element;
+};
+const FontLoader = memo(({ url }) => {
+	const elementRef = useRef(null);
+	useEffect(() => {
+		const element = createElement$1(url);
+		document.head.append(element);
+		elementRef.current = element;
+		const handleError = () => console.error(`Failed to load font from ${url}`);
+		element.addEventListener("error", handleError);
+		return () => {
+			element.removeEventListener("error", handleError);
+			element.remove();
+			elementRef.current = null;
+		};
+	}, [url]);
+	return null;
+});
+FontLoader.displayName = "FontLoader";
+//#endregion
+export { FontLoader as default };
+
+//# sourceMappingURL=index.mjs.map

package/ui/es/FontLoader/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["createElement"],"sources":["../../src/FontLoader/index.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { memo, useEffect, useRef } from 'react';\r\n\r\nconst createElement = (url: string) => {\r\n  const element = document.createElement('link');\r\n  element.rel = 'stylesheet';\r\n  element.href = url;\r\n  return element;\r\n};\r\n\r\nexport interface FontLoaderProps {\r\n  url: string;\r\n}\r\n\r\nconst FontLoader = memo<FontLoaderProps>(({ url }) => {\r\n  const elementRef = useRef<HTMLLinkElement | null>(null);\r\n\r\n  useEffect(() => {\r\n    // Create and append element\r\n    const element = createElement(url);\r\n    document.head.append(element);\r\n    elementRef.current = element;\r\n\r\n    // Optional: Add error handling\r\n    const handleError = () => console.error(`Failed to load font from ${url}`);\r\n    element.addEventListener('error', handleError);\r\n\r\n    // Cleanup function to remove element when component unmounts\r\n    // or when url changes\r\n    return () => {\r\n      element.removeEventListener('error', handleError);\r\n      element.remove();\r\n      elementRef.current = null;\r\n    };\r\n  }, [url]);\r\n\r\n  return null;\r\n});\r\n\r\nFontLoader.displayName = 'FontLoader';\r\n\r\nexport default FontLoader;\r\n"],"mappings":";;;AAIA,MAAMA,mBAAiB,QAAgB;CACrC,MAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,SAAQ,MAAM;AACd,SAAQ,OAAO;AACf,QAAO;;AAOT,MAAM,aAAa,MAAuB,EAAE,UAAU;CACpD,MAAM,aAAa,OAA+B,KAAK;AAEvD,iBAAgB;EAEd,MAAM,UAAUA,gBAAc,IAAI;AAClC,WAAS,KAAK,OAAO,QAAQ;AAC7B,aAAW,UAAU;EAGrB,MAAM,oBAAoB,QAAQ,MAAM,4BAA4B,MAAM;AAC1E,UAAQ,iBAAiB,SAAS,YAAY;AAI9C,eAAa;AACX,WAAQ,oBAAoB,SAAS,YAAY;AACjD,WAAQ,QAAQ;AAChB,cAAW,UAAU;;IAEtB,CAAC,IAAI,CAAC;AAET,QAAO;EACP;AAEF,WAAW,cAAc"}

package/ui/es/Footer/Footer.d.mts

@@ -0,0 +1,8 @@
+import { FooterProps } from "./type.mjs";
+import * as _$react from "react";
+
+//#region src/Footer/Footer.d.ts
+declare const Footer: _$react.NamedExoticComponent<FooterProps>;
+//#endregion
+export { Footer };
+//# sourceMappingURL=Footer.d.mts.map