@hubstr/kit 0.1.5 → 0.1.6

package/ui/es/Text/styles.mjs

@@ -0,0 +1,120 @@
+import { createStaticStyles } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/Text/styles.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	code: css`
+    font-family: ${cssVar.fontFamilyCode};
+  `,
+	danger: css`
+    color: ${cssVar.colorError};
+  `,
+	delete: css`
+    text-decoration: line-through;
+  `,
+	disabled: css`
+    cursor: not-allowed;
+    color: ${cssVar.colorTextDisabled};
+  `,
+	ellipsis: css`
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+	ellipsisMulti: css`
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    text-overflow: ellipsis;
+  `,
+	h1: css`
+    font-size: calc(${cssVar.fontSize} * 2.5);
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	h2: css`
+    font-size: calc(${cssVar.fontSize} * 2);
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	h3: css`
+    font-size: calc(${cssVar.fontSize} * 1.5);
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	h4: css`
+    font-size: calc(${cssVar.fontSize} * 1.25);
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	h5: css`
+    font-size: ${cssVar.fontSize};
+    font-weight: bold;
+    line-height: 1.25;
+  `,
+	info: css`
+    color: ${cssVar.colorInfo};
+  `,
+	italic: css`
+    font-style: italic;
+  `,
+	mark: css`
+    color: #000;
+    background-color: ${cssVar.yellow};
+  `,
+	p: css`
+    margin-block: 0;
+  `,
+	secondary: css`
+    color: ${cssVar.colorTextDescription};
+  `,
+	strong: css`
+    font-weight: bold;
+  `,
+	success: css`
+    color: ${cssVar.colorSuccess};
+  `,
+	text: css`
+    color: ${cssVar.colorText};
+  `,
+	underline: css`
+    text-decoration: underline;
+  `,
+	warning: css`
+    color: ${cssVar.colorWarning};
+  `
+}));
+const variants = cva(styles.text, {
+	defaultVariants: {},
+	variants: {
+		as: {
+			h1: styles.h1,
+			h2: styles.h2,
+			h3: styles.h3,
+			h4: styles.h4,
+			h5: styles.h5,
+			p: styles.p
+		},
+		code: { true: styles.code },
+		delete: { true: styles.delete },
+		disabled: { true: styles.disabled },
+		ellipsis: {
+			multi: styles.ellipsisMulti,
+			true: styles.ellipsis
+		},
+		italic: { true: styles.italic },
+		mark: { true: styles.mark },
+		strong: { true: styles.strong },
+		type: {
+			danger: styles.danger,
+			info: styles.info,
+			secondary: styles.secondary,
+			success: styles.success,
+			warning: styles.warning
+		},
+		underline: { true: styles.underline }
+	}
+});
+//#endregion
+export { variants };
+
+//# sourceMappingURL=styles.mjs.map

package/ui/es/Text/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.mjs","names":[],"sources":["../../src/Text/styles.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\nimport { cva } from 'class-variance-authority';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  code: css`\r\n    font-family: ${cssVar.fontFamilyCode};\r\n  `,\r\n  danger: css`\r\n    color: ${cssVar.colorError};\r\n  `,\r\n  delete: css`\r\n    text-decoration: line-through;\r\n  `,\r\n  disabled: css`\r\n    cursor: not-allowed;\r\n    color: ${cssVar.colorTextDisabled};\r\n  `,\r\n  ellipsis: css`\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  `,\r\n  ellipsisMulti: css`\r\n    overflow: hidden;\r\n    display: -webkit-box;\r\n    -webkit-box-orient: vertical;\r\n    text-overflow: ellipsis;\r\n  `,\r\n  // Heading styles\r\n  h1: css`\r\n    font-size: calc(${cssVar.fontSize} * 2.5);\r\n    font-weight: bold;\r\n    line-height: 1.25;\r\n  `,\r\n\r\n  h2: css`\r\n    font-size: calc(${cssVar.fontSize} * 2);\r\n    font-weight: bold;\r\n    line-height: 1.25;\r\n  `,\r\n\r\n  h3: css`\r\n    font-size: calc(${cssVar.fontSize} * 1.5);\r\n    font-weight: bold;\r\n    line-height: 1.25;\r\n  `,\r\n\r\n  h4: css`\r\n    font-size: calc(${cssVar.fontSize} * 1.25);\r\n    font-weight: bold;\r\n    line-height: 1.25;\r\n  `,\r\n\r\n  h5: css`\r\n    font-size: ${cssVar.fontSize};\r\n    font-weight: bold;\r\n    line-height: 1.25;\r\n  `,\r\n  info: css`\r\n    color: ${cssVar.colorInfo};\r\n  `,\r\n\r\n  italic: css`\r\n    font-style: italic;\r\n  `,\r\n\r\n  mark: css`\r\n    color: #000;\r\n    background-color: ${cssVar.yellow};\r\n  `,\r\n\r\n  p: css`\r\n    margin-block: 0;\r\n  `,\r\n\r\n  secondary: css`\r\n    color: ${cssVar.colorTextDescription};\r\n  `,\r\n\r\n  strong: css`\r\n    font-weight: bold;\r\n  `,\r\n  success: css`\r\n    color: ${cssVar.colorSuccess};\r\n  `,\r\n  text: css`\r\n    color: ${cssVar.colorText};\r\n  `,\r\n  underline: css`\r\n    text-decoration: underline;\r\n  `,\r\n  warning: css`\r\n    color: ${cssVar.colorWarning};\r\n  `,\r\n}));\r\n\r\nexport const variants = cva(styles.text, {\r\n  defaultVariants: {},\r\n  variants: {\r\n    as: {\r\n      h1: styles.h1,\r\n      h2: styles.h2,\r\n      h3: styles.h3,\r\n      h4: styles.h4,\r\n      h5: styles.h5,\r\n      p: styles.p,\r\n    },\r\n    code: {\r\n      true: styles.code,\r\n    },\r\n    delete: {\r\n      true: styles.delete,\r\n    },\r\n    disabled: {\r\n      true: styles.disabled,\r\n    },\r\n    ellipsis: {\r\n      multi: styles.ellipsisMulti,\r\n      true: styles.ellipsis,\r\n    },\r\n    italic: {\r\n      true: styles.italic,\r\n    },\r\n    mark: {\r\n      true: styles.mark,\r\n    },\r\n    strong: {\r\n      true: styles.strong,\r\n    },\r\n    type: {\r\n      danger: styles.danger,\r\n      info: styles.info,\r\n      secondary: styles.secondary,\r\n      success: styles.success,\r\n      warning: styles.warning,\r\n    },\r\n    underline: {\r\n      true: styles.underline,\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;AAGA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;mBACQ,OAAO,eAAe;;CAEvC,QAAQ,GAAG;aACA,OAAO,WAAW;;CAE7B,QAAQ,GAAG;;;CAGX,UAAU,GAAG;;aAEF,OAAO,kBAAkB;;CAEpC,UAAU,GAAG;;;;;CAKb,eAAe,GAAG;;;;;;CAOlB,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;sBACa,OAAO,SAAS;;;;CAKpC,IAAI,GAAG;iBACQ,OAAO,SAAS;;;;CAI/B,MAAM,GAAG;aACE,OAAO,UAAU;;CAG5B,QAAQ,GAAG;;;CAIX,MAAM,GAAG;;wBAEa,OAAO,OAAO;;CAGpC,GAAG,GAAG;;;CAIN,WAAW,GAAG;aACH,OAAO,qBAAqB;;CAGvC,QAAQ,GAAG;;;CAGX,SAAS,GAAG;aACD,OAAO,aAAa;;CAE/B,MAAM,GAAG;aACE,OAAO,UAAU;;CAE5B,WAAW,GAAG;;;CAGd,SAAS,GAAG;aACD,OAAO,aAAa;;CAEhC,EAAE;AAEH,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EAAE;CACnB,UAAU;EACR,IAAI;GACF,IAAI,OAAO;GACX,IAAI,OAAO;GACX,IAAI,OAAO;GACX,IAAI,OAAO;GACX,IAAI,OAAO;GACX,GAAG,OAAO;GACX;EACD,MAAM,EACJ,MAAM,OAAO,MACd;EACD,QAAQ,EACN,MAAM,OAAO,QACd;EACD,UAAU,EACR,MAAM,OAAO,UACd;EACD,UAAU;GACR,OAAO,OAAO;GACd,MAAM,OAAO;GACd;EACD,QAAQ,EACN,MAAM,OAAO,QACd;EACD,MAAM,EACJ,MAAM,OAAO,MACd;EACD,QAAQ,EACN,MAAM,OAAO,QACd;EACD,MAAM;GACJ,QAAQ,OAAO;GACf,MAAM,OAAO;GACb,WAAW,OAAO;GAClB,SAAS,OAAO;GAChB,SAAS,OAAO;GACjB;EACD,WAAW,EACT,MAAM,OAAO,WACd;EACF;CACF,CAAC"}

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

@@ -0,0 +1,46 @@
+import { DivProps } from "../types/index.mjs";
+import { TooltipProps } from "../base-ui/Tooltip/type.mjs";
+import { CSSProperties, ElementType, Ref } from "react";
+
+//#region src/Text/type.d.ts
+interface TextProps extends DivProps {
+  align?: 'left' | 'center' | 'right';
+  as?: ElementType;
+  code?: boolean;
+  color?: string;
+  delete?: boolean;
+  disabled?: boolean;
+  ellipsis?: boolean | {
+    rows?: number;
+    tooltip?: boolean | string | TooltipProps;
+    tooltipWhenOverflow?: boolean;
+  };
+  fontSize?: number | string;
+  italic?: boolean;
+  /**
+   * Clamp lines with CSS line-clamp.
+   *
+   * Note: When `ellipsis` is provided, `ellipsis` takes precedence.
+   */
+  lineClamp?: number;
+  lineHeight?: CSSProperties['lineHeight'];
+  mark?: boolean;
+  /**
+   * Whether to disable wrapping (set `white-space: nowrap`).
+   *
+   * Note: When multi-line ellipsis is enabled, it will be ignored.
+   */
+  noWrap?: boolean;
+  ref?: Ref<HTMLDivElement>;
+  strong?: boolean;
+  textDecoration?: CSSProperties['textDecoration'];
+  textTransform?: CSSProperties['textTransform'];
+  type?: 'secondary' | 'success' | 'warning' | 'danger' | 'info';
+  underline?: boolean;
+  weight?: 'bold' | 'bolder' | number;
+  whiteSpace?: CSSProperties['whiteSpace'];
+  wordBreak?: CSSProperties['wordBreak'];
+}
+//#endregion
+export { TextProps };
+//# sourceMappingURL=type.d.mts.map

package/ui/es/ThemeProvider/AppElementContext.d.mts

@@ -0,0 +1,5 @@
+//#region src/ThemeProvider/AppElementContext.d.ts
+declare const useAppElement: () => HTMLDivElement | null;
+//#endregion
+export { useAppElement };
+//# sourceMappingURL=AppElementContext.d.mts.map

package/ui/es/ThemeProvider/AppElementContext.mjs

@@ -0,0 +1,11 @@
+"use client";
+import { createContext, use } from "react";
+//#region src/ThemeProvider/AppElementContext.tsx
+const AppElementContext = createContext(null);
+const useAppElement = () => {
+	return use(AppElementContext);
+};
+//#endregion
+export { AppElementContext as default, useAppElement };
+
+//# sourceMappingURL=AppElementContext.mjs.map

package/ui/es/ThemeProvider/AppElementContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppElementContext.mjs","names":[],"sources":["../../src/ThemeProvider/AppElementContext.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { createContext, use } from 'react';\r\n\r\nconst AppElementContext = createContext<HTMLDivElement | null>(null);\r\n\r\nexport const useAppElement = (): HTMLDivElement | null => {\r\n  return use(AppElementContext);\r\n};\r\n\r\nexport default AppElementContext;\r\n"],"mappings":";;;AAIA,MAAM,oBAAoB,cAAqC,KAAK;AAEpE,MAAa,sBAA6C;AACxD,QAAO,IAAI,kBAAkB"}

package/ui/es/ThemeProvider/ConfigProvider.mjs

@@ -0,0 +1,38 @@
+"use client";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { ConfigProvider } from "antd";
+import { cssVar } from "antd-style";
+//#region src/ThemeProvider/ConfigProvider.tsx
+const ConfigProvider$1 = memo(({ children }) => {
+	return /* @__PURE__ */ jsx(ConfigProvider, {
+		theme: { components: {
+			Button: { contentFontSizeSM: 12 },
+			DatePicker: {
+				activeBorderColor: cssVar.colorBorder,
+				hoverBorderColor: cssVar.colorBorder
+			},
+			Input: {
+				activeBorderColor: cssVar.colorBorder,
+				hoverBorderColor: cssVar.colorBorder
+			},
+			InputNumber: {
+				activeBorderColor: cssVar.colorBorder,
+				hoverBorderColor: cssVar.colorBorder
+			},
+			Mentions: {
+				activeBorderColor: cssVar.colorBorder,
+				hoverBorderColor: cssVar.colorBorder
+			},
+			Select: {
+				activeBorderColor: cssVar.colorBorder,
+				hoverBorderColor: cssVar.colorBorder
+			}
+		} },
+		children
+	});
+});
+//#endregion
+export { ConfigProvider$1 as default };
+
+//# sourceMappingURL=ConfigProvider.mjs.map

package/ui/es/ThemeProvider/ConfigProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigProvider.mjs","names":["ConfigProvider","AntdConfigProvider"],"sources":["../../src/ThemeProvider/ConfigProvider.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ConfigProvider as AntdConfigProvider } from 'antd';\r\nimport { cssVar } from 'antd-style';\r\nimport { memo, type PropsWithChildren } from 'react';\r\n\r\nconst ConfigProvider = memo<PropsWithChildren>(({ children }) => {\r\n  return (\r\n    <AntdConfigProvider\r\n      theme={{\r\n        components: {\r\n          Button: {\r\n            contentFontSizeSM: 12,\r\n          },\r\n          DatePicker: {\r\n            activeBorderColor: cssVar.colorBorder,\r\n            hoverBorderColor: cssVar.colorBorder,\r\n          },\r\n          Input: {\r\n            activeBorderColor: cssVar.colorBorder,\r\n            hoverBorderColor: cssVar.colorBorder,\r\n          },\r\n          InputNumber: {\r\n            activeBorderColor: cssVar.colorBorder,\r\n            hoverBorderColor: cssVar.colorBorder,\r\n          },\r\n          Mentions: {\r\n            activeBorderColor: cssVar.colorBorder,\r\n            hoverBorderColor: cssVar.colorBorder,\r\n          },\r\n          Select: {\r\n            activeBorderColor: cssVar.colorBorder,\r\n            hoverBorderColor: cssVar.colorBorder,\r\n          },\r\n        },\r\n      }}\r\n    >\r\n      {children}\r\n    </AntdConfigProvider>\r\n  );\r\n});\r\n\r\nexport default ConfigProvider;\r\n"],"mappings":";;;;;;AAMA,MAAMA,mBAAiB,MAAyB,EAAE,eAAe;AAC/D,QACE,oBAACC,gBAAD;EACE,OAAO,EACL,YAAY;GACV,QAAQ,EACN,mBAAmB,IACpB;GACD,YAAY;IACV,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,OAAO;IACL,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,aAAa;IACX,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,UAAU;IACR,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,QAAQ;IACN,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACF,EACF;EAEA;EACkB,CAAA;EAEvB"}

package/ui/es/ThemeProvider/GlobalStyle/antdOverride.mjs

@@ -0,0 +1,113 @@
+import { safeReadableColor } from "../../utils/safeReadableColor.mjs";
+import { css } from "antd-style";
+import { rgba } from "polished";
+//#region src/ThemeProvider/GlobalStyle/antdOverride.ts
+var antdOverride_default = (token) => {
+	const readColor = safeReadableColor(token.colorPrimary);
+	return css`
+    .${token.prefixCls}-checkbox-inner:after {
+      border-color: ${safeReadableColor(token.colorPrimary)} !important;
+    }
+
+    .${token.prefixCls}-btn {
+      box-shadow: none;
+    }
+
+    .${token.prefixCls}-btn-primary:not(:disabled) {
+      color: ${readColor} !important;
+
+      &:hover {
+        color: ${readColor} !important;
+      }
+
+      &:active {
+        color: ${readColor} !important;
+      }
+    }
+
+    .${token.prefixCls}-tooltip {
+      --antd-arrow-background-color: ${token.colorBgElevated};
+
+      max-width: 320px;
+    }
+
+    .${token.prefixCls}-tooltip-arrow::before {
+      background: ${token.colorBgElevated} !important;
+    }
+
+    .${token.prefixCls}-tooltip-arrow::after {
+      box-shadow: 0 0 0 1px ${token.colorBorderSecondary} !important;
+    }
+
+    .${token.prefixCls}-tooltip-container {
+      user-select: none;
+
+      display: flex;
+      gap: 6px;
+      align-items: center;
+
+      min-width: unset;
+      min-height: unset;
+      padding-block: 4px;
+      padding-inline: 8px;
+      border: 1px solid ${token.colorBorderSecondary} !important;
+      border-radius: ${token.borderRadiusSM}px !important;
+
+      font-size: ${token.fontSizeSM}px;
+      line-height: 1.2;
+      color: ${token.colorTextSecondary} !important;
+      word-break: break-word;
+      white-space: normal;
+
+      background: ${token.colorBgElevated} !important;
+      box-shadow:
+        0 1px 2px 0 rgba(0, 0, 0, 3%),
+        0 1px 6px -1px rgba(0, 0, 0, 2%),
+        0 2px 4px 0 rgba(0, 0, 0, 2%) !important;
+    }
+
+    .${token.prefixCls}-switch-handle::before {
+      background: ${token.colorBgContainer} !important;
+    }
+
+    .${token.prefixCls}-image-preview-close,
+      .${token.prefixCls}-image-preview-switch-right,
+      .${token.prefixCls}-image-preview-switch-left {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      width: 32px;
+      height: 32px;
+      padding: 0;
+
+      background: ${rgba(token.colorBgMask, .1)};
+
+      border-radius: ${token.borderRadiusLG}px;
+
+      ${token.stylish.blur};
+    }
+
+    .${token.prefixCls}-dropdown-menu, .${token.prefixCls}-select-dropdown {
+      border-radius: ${token.borderRadius}px !important;
+      box-shadow:
+        0 0 15px 0 #00000008,
+        0 2px 30px 0 #00000014,
+        0 0 0 1px ${token.isDarkMode ? token.colorFillTertiary : token.colorBorder} inset !important;
+    }
+
+    .${token.prefixCls}-modal-content {
+      border: 1px solid ${token.colorBorderSecondary} !important;
+    }
+
+    .${token.prefixCls}-radio-wrapper
+      .${token.prefixCls}-radio-checked
+      .${token.prefixCls}-radio-inner:after {
+      background: ${readColor};
+    }
+  `;
+};
+//#endregion
+export { antdOverride_default as default };
+
+//# sourceMappingURL=antdOverride.mjs.map

package/ui/es/ThemeProvider/GlobalStyle/antdOverride.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"antdOverride.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/antdOverride.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\r\nimport { rgba } from 'polished';\r\n\r\nimport { safeReadableColor } from '../../utils/safeReadableColor';\r\n\r\nexport default (token: Theme) => {\r\n  const readColor = safeReadableColor(token.colorPrimary);\r\n  return css`\r\n    .${token.prefixCls}-checkbox-inner:after {\r\n      border-color: ${safeReadableColor(token.colorPrimary)} !important;\r\n    }\r\n\r\n    .${token.prefixCls}-btn {\r\n      box-shadow: none;\r\n    }\r\n\r\n    .${token.prefixCls}-btn-primary:not(:disabled) {\r\n      color: ${readColor} !important;\r\n\r\n      &:hover {\r\n        color: ${readColor} !important;\r\n      }\r\n\r\n      &:active {\r\n        color: ${readColor} !important;\r\n      }\r\n    }\r\n\r\n    .${token.prefixCls}-tooltip {\r\n      --antd-arrow-background-color: ${token.colorBgElevated};\r\n\r\n      max-width: 320px;\r\n    }\r\n\r\n    .${token.prefixCls}-tooltip-arrow::before {\r\n      background: ${token.colorBgElevated} !important;\r\n    }\r\n\r\n    .${token.prefixCls}-tooltip-arrow::after {\r\n      box-shadow: 0 0 0 1px ${token.colorBorderSecondary} !important;\r\n    }\r\n\r\n    .${token.prefixCls}-tooltip-container {\r\n      user-select: none;\r\n\r\n      display: flex;\r\n      gap: 6px;\r\n      align-items: center;\r\n\r\n      min-width: unset;\r\n      min-height: unset;\r\n      padding-block: 4px;\r\n      padding-inline: 8px;\r\n      border: 1px solid ${token.colorBorderSecondary} !important;\r\n      border-radius: ${token.borderRadiusSM}px !important;\r\n\r\n      font-size: ${token.fontSizeSM}px;\r\n      line-height: 1.2;\r\n      color: ${token.colorTextSecondary} !important;\r\n      word-break: break-word;\r\n      white-space: normal;\r\n\r\n      background: ${token.colorBgElevated} !important;\r\n      box-shadow:\r\n        0 1px 2px 0 rgba(0, 0, 0, 3%),\r\n        0 1px 6px -1px rgba(0, 0, 0, 2%),\r\n        0 2px 4px 0 rgba(0, 0, 0, 2%) !important;\r\n    }\r\n\r\n    .${token.prefixCls}-switch-handle::before {\r\n      background: ${token.colorBgContainer} !important;\r\n    }\r\n\r\n    .${token.prefixCls}-image-preview-close,\r\n      .${token.prefixCls}-image-preview-switch-right,\r\n      .${token.prefixCls}-image-preview-switch-left {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      width: 32px;\r\n      height: 32px;\r\n      padding: 0;\r\n\r\n      background: ${rgba(token.colorBgMask, 0.1)};\r\n\r\n      border-radius: ${token.borderRadiusLG}px;\r\n\r\n      ${token.stylish.blur};\r\n    }\r\n\r\n    .${token.prefixCls}-dropdown-menu, .${token.prefixCls}-select-dropdown {\r\n      border-radius: ${token.borderRadius}px !important;\r\n      box-shadow:\r\n        0 0 15px 0 #00000008,\r\n        0 2px 30px 0 #00000014,\r\n        0 0 0 1px ${token.isDarkMode ? token.colorFillTertiary : token.colorBorder} inset !important;\r\n    }\r\n\r\n    .${token.prefixCls}-modal-content {\r\n      border: 1px solid ${token.colorBorderSecondary} !important;\r\n    }\r\n\r\n    .${token.prefixCls}-radio-wrapper\r\n      .${token.prefixCls}-radio-checked\r\n      .${token.prefixCls}-radio-inner:after {\r\n      background: ${readColor};\r\n    }\r\n  `;\r\n};\r\n"],"mappings":";;;;AAKA,IAAA,wBAAgB,UAAiB;CAC/B,MAAM,YAAY,kBAAkB,MAAM,aAAa;AACvD,QAAO,GAAG;OACL,MAAM,UAAU;sBACD,kBAAkB,MAAM,aAAa,CAAC;;;OAGrD,MAAM,UAAU;;;;OAIhB,MAAM,UAAU;eACR,UAAU;;;iBAGR,UAAU;;;;iBAIV,UAAU;;;;OAIpB,MAAM,UAAU;uCACgB,MAAM,gBAAgB;;;;;OAKtD,MAAM,UAAU;oBACH,MAAM,gBAAgB;;;OAGnC,MAAM,UAAU;8BACO,MAAM,qBAAqB;;;OAGlD,MAAM,UAAU;;;;;;;;;;;0BAWG,MAAM,qBAAqB;uBAC9B,MAAM,eAAe;;mBAEzB,MAAM,WAAW;;eAErB,MAAM,mBAAmB;;;;oBAIpB,MAAM,gBAAgB;;;;;;;OAOnC,MAAM,UAAU;oBACH,MAAM,iBAAiB;;;OAGpC,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;;;;;;;;;oBASL,KAAK,MAAM,aAAa,GAAI,CAAC;;uBAE1B,MAAM,eAAe;;QAEpC,MAAM,QAAQ,KAAK;;;OAGpB,MAAM,UAAU,mBAAmB,MAAM,UAAU;uBACnC,MAAM,aAAa;;;;oBAItB,MAAM,aAAa,MAAM,oBAAoB,MAAM,YAAY;;;OAG5E,MAAM,UAAU;0BACG,MAAM,qBAAqB;;;OAG9C,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;oBACL,UAAU"}

package/ui/es/ThemeProvider/GlobalStyle/global.mjs

@@ -0,0 +1,162 @@
+import { CLASSNAMES } from "../../styles/classNames.mjs";
+import { css } from "antd-style";
+//#region src/ThemeProvider/GlobalStyle/global.ts
+var global_default = (token) => css`
+  :root {
+    --font-settings: 'cv01', 'tnum', 'kern';
+    --font-variations: 'opsz' auto, tabular-nums;
+
+    font-synthesis: none;
+    text-autospace: normal;
+  }
+
+  html {
+    overscroll-behavior: none;
+    color-scheme: ${token.isDarkMode ? "dark" : "light"};
+  }
+
+  body {
+    overflow: hidden auto;
+
+    min-height: 100vh;
+    margin: 0;
+    padding: 0;
+
+    font-family: ${token.fontFamily};
+    font-size: ${token.fontSize}px;
+    font-feature-settings: var(--font-settings);
+    font-variation-settings: var(--font-variations);
+    font-optical-sizing: auto;
+    font-kerning: normal;
+    font-variant-ligatures: common-ligatures contextual;
+    font-variant-numeric: tabular-nums;
+    font-size-adjust: from-font;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    line-height: 1;
+    color: ${token.colorTextBase};
+    text-wrap: pretty;
+    text-size-adjust: 100%;
+    text-size-adjust: 100%;
+    text-rendering: optimizelegibility;
+    overflow-wrap: anywhere;
+    vertical-align: baseline;
+
+    background-color: ${token.colorBgLayout};
+
+    font-synthesis: none;
+
+    -webkit-overflow-scrolling: touch;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  code,
+  kbd,
+  samp,
+  pre {
+    font-family: ${token.fontFamilyCode} !important;
+    font-feature-settings:
+      'liga' 0,
+      'calt' 0;
+    font-variant-ligatures: none;
+
+    span {
+      font-family: ${token.fontFamilyCode} !important;
+    }
+  }
+
+  ::selection {
+    color: #000;
+    background: ${token.yellow9};
+
+    -webkit-text-fill-color: unset !important;
+  }
+
+  * {
+    scrollbar-color: ${token.colorFill} transparent;
+    scrollbar-width: thin;
+    box-sizing: border-box;
+    vertical-align: baseline;
+  }
+
+  @layer hubstr-popup {
+    .${CLASSNAMES.ContextTrigger}[data-popup-open],
+      .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {
+      background: ${token.colorFillTertiary};
+    }
+  }
+
+  @layer hubstr-base {
+    :where(.hubstr-flex) {
+      /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */
+      --hubstr-flex: 0 1 auto;
+      --hubstr-flex-direction: column;
+      --hubstr-flex-wrap: nowrap;
+      --hubstr-flex-justify: flex-start;
+      --hubstr-flex-align: stretch;
+      --hubstr-flex-width: auto;
+      --hubstr-flex-height: auto;
+      --hubstr-flex-padding: 0;
+
+      /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */
+      --hubstr-flex-padding-inline: var(--hubstr-flex-padding);
+      --hubstr-flex-padding-block: var(--hubstr-flex-padding);
+      --hubstr-flex-gap: 0;
+
+      display: flex;
+      flex: var(--hubstr-flex);
+      flex-flow: var(--hubstr-flex-direction) var(--hubstr-flex-wrap);
+      gap: var(--hubstr-flex-gap);
+      align-items: var(--hubstr-flex-align);
+      justify-content: var(--hubstr-flex-justify);
+
+      width: var(--hubstr-flex-width);
+      height: var(--hubstr-flex-height);
+      padding: var(--hubstr-flex-padding);
+      padding-block: var(--hubstr-flex-padding-block);
+      padding-inline: var(--hubstr-flex-padding-inline);
+    }
+
+    .hubstr-flex-hidden {
+      display: none;
+    }
+  }
+
+  /* Brand Loading */
+  @keyframes draw {
+    0% {
+      stroke-dashoffset: 1000;
+    }
+
+    100% {
+      stroke-dashoffset: 0;
+    }
+  }
+
+  @keyframes fill {
+    30% {
+      fill-opacity: 0.05;
+    }
+
+    100% {
+      fill-opacity: 1;
+    }
+  }
+
+  .hubstr-brand-loading path {
+    fill: currentcolor;
+    fill-opacity: 0;
+    stroke: currentcolor;
+    stroke-dasharray: 1000;
+    stroke-dashoffset: 1000;
+    stroke-width: 0.25em;
+
+    animation:
+      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,
+      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+  }
+`;
+//#endregion
+export { global_default as default };
+
+//# sourceMappingURL=global.mjs.map

package/ui/es/ThemeProvider/GlobalStyle/global.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/global.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\r\n\r\nimport { CLASSNAMES } from '../../styles/classNames';\r\n\r\nexport default (token: Theme) => css`\r\n  :root {\r\n    --font-settings: 'cv01', 'tnum', 'kern';\r\n    --font-variations: 'opsz' auto, tabular-nums;\r\n\r\n    font-synthesis: none;\r\n    text-autospace: normal;\r\n  }\r\n\r\n  html {\r\n    overscroll-behavior: none;\r\n    color-scheme: ${token.isDarkMode ? 'dark' : 'light'};\r\n  }\r\n\r\n  body {\r\n    overflow: hidden auto;\r\n\r\n    min-height: 100vh;\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    font-family: ${token.fontFamily};\r\n    font-size: ${token.fontSize}px;\r\n    font-feature-settings: var(--font-settings);\r\n    font-variation-settings: var(--font-variations);\r\n    font-optical-sizing: auto;\r\n    font-kerning: normal;\r\n    font-variant-ligatures: common-ligatures contextual;\r\n    font-variant-numeric: tabular-nums;\r\n    font-size-adjust: from-font;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    line-height: 1;\r\n    color: ${token.colorTextBase};\r\n    text-wrap: pretty;\r\n    text-size-adjust: 100%;\r\n    text-size-adjust: 100%;\r\n    text-rendering: optimizelegibility;\r\n    overflow-wrap: anywhere;\r\n    vertical-align: baseline;\r\n\r\n    background-color: ${token.colorBgLayout};\r\n\r\n    font-synthesis: none;\r\n\r\n    -webkit-overflow-scrolling: touch;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  code,\r\n  kbd,\r\n  samp,\r\n  pre {\r\n    font-family: ${token.fontFamilyCode} !important;\r\n    font-feature-settings:\r\n      'liga' 0,\r\n      'calt' 0;\r\n    font-variant-ligatures: none;\r\n\r\n    span {\r\n      font-family: ${token.fontFamilyCode} !important;\r\n    }\r\n  }\r\n\r\n  ::selection {\r\n    color: #000;\r\n    background: ${token.yellow9};\r\n\r\n    -webkit-text-fill-color: unset !important;\r\n  }\r\n\r\n  * {\r\n    scrollbar-color: ${token.colorFill} transparent;\r\n    scrollbar-width: thin;\r\n    box-sizing: border-box;\r\n    vertical-align: baseline;\r\n  }\r\n\r\n  @layer hubstr-popup {\r\n    .${CLASSNAMES.ContextTrigger}[data-popup-open],\r\n      .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {\r\n      background: ${token.colorFillTertiary};\r\n    }\r\n  }\r\n\r\n  @layer hubstr-base {\r\n    :where(.hubstr-flex) {\r\n      /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */\r\n      --hubstr-flex: 0 1 auto;\r\n      --hubstr-flex-direction: column;\r\n      --hubstr-flex-wrap: nowrap;\r\n      --hubstr-flex-justify: flex-start;\r\n      --hubstr-flex-align: stretch;\r\n      --hubstr-flex-width: auto;\r\n      --hubstr-flex-height: auto;\r\n      --hubstr-flex-padding: 0;\r\n\r\n      /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */\r\n      --hubstr-flex-padding-inline: var(--hubstr-flex-padding);\r\n      --hubstr-flex-padding-block: var(--hubstr-flex-padding);\r\n      --hubstr-flex-gap: 0;\r\n\r\n      display: flex;\r\n      flex: var(--hubstr-flex);\r\n      flex-flow: var(--hubstr-flex-direction) var(--hubstr-flex-wrap);\r\n      gap: var(--hubstr-flex-gap);\r\n      align-items: var(--hubstr-flex-align);\r\n      justify-content: var(--hubstr-flex-justify);\r\n\r\n      width: var(--hubstr-flex-width);\r\n      height: var(--hubstr-flex-height);\r\n      padding: var(--hubstr-flex-padding);\r\n      padding-block: var(--hubstr-flex-padding-block);\r\n      padding-inline: var(--hubstr-flex-padding-inline);\r\n    }\r\n\r\n    .hubstr-flex-hidden {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  /* Brand Loading */\r\n  @keyframes draw {\r\n    0% {\r\n      stroke-dashoffset: 1000;\r\n    }\r\n\r\n    100% {\r\n      stroke-dashoffset: 0;\r\n    }\r\n  }\r\n\r\n  @keyframes fill {\r\n    30% {\r\n      fill-opacity: 0.05;\r\n    }\r\n\r\n    100% {\r\n      fill-opacity: 1;\r\n    }\r\n  }\r\n\r\n  .hubstr-brand-loading path {\r\n    fill: currentcolor;\r\n    fill-opacity: 0;\r\n    stroke: currentcolor;\r\n    stroke-dasharray: 1000;\r\n    stroke-dashoffset: 1000;\r\n    stroke-width: 0.25em;\r\n\r\n    animation:\r\n      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,\r\n      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\r\n  }\r\n`;\r\n"],"mappings":";;;AAIA,IAAA,kBAAgB,UAAiB,GAAG;;;;;;;;;;;oBAWhB,MAAM,aAAa,SAAS,QAAQ;;;;;;;;;;mBAUrC,MAAM,WAAW;iBACnB,MAAM,SAAS;;;;;;;;;;;aAWnB,MAAM,cAAc;;;;;;;;wBAQT,MAAM,cAAc;;;;;;;;;;;;mBAYzB,MAAM,eAAe;;;;;;;qBAOnB,MAAM,eAAe;;;;;;kBAMxB,MAAM,QAAQ;;;;;;uBAMT,MAAM,UAAU;;;;;;;OAOhC,WAAW,eAAe;SACxB,WAAW,oBAAoB;oBACpB,MAAM,kBAAkB"}

package/ui/es/ThemeProvider/GlobalStyle/index.mjs

@@ -0,0 +1,10 @@
+"use client";
+import antdOverride_default from "./antdOverride.mjs";
+import global_default from "./global.mjs";
+import { createGlobalStyle } from "antd-style";
+//#region src/ThemeProvider/GlobalStyle/index.ts
+const GlobalStyle = createGlobalStyle(({ theme }) => [global_default(theme), antdOverride_default(theme)]);
+//#endregion
+export { GlobalStyle as default };
+
+//# sourceMappingURL=index.mjs.map

package/ui/es/ThemeProvider/GlobalStyle/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["global","antdOverride"],"sources":["../../../src/ThemeProvider/GlobalStyle/index.ts"],"sourcesContent":["'use client';\r\n\r\nimport { createGlobalStyle } from 'antd-style';\r\n\r\nimport antdOverride from './antdOverride';\r\nimport global from './global';\r\n\r\nconst GlobalStyle = createGlobalStyle(({ theme }) => [global(theme), antdOverride(theme)]);\r\n\r\nexport default GlobalStyle;\r\n"],"mappings":";;;;;AAOA,MAAM,cAAc,mBAAmB,EAAE,YAAY,CAACA,eAAO,MAAM,EAAEC,qBAAa,MAAM,CAAC,CAAC"}

package/ui/es/ThemeProvider/Meta.d.mts

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

package/ui/es/ThemeProvider/Meta.mjs

@@ -0,0 +1,86 @@
+"use client";
+import { useCdnFn } from "../ConfigProvider/index.mjs";
+import { useCallback } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/ThemeProvider/Meta.tsx
+const Meta = ({ title = "Hubstr", description = "Empowering your AI dreams with Hubstr", withManifest }) => {
+	const genCdnUrl = useCdnFn();
+	const genAssets = useCallback((path) => genCdnUrl({
+		path,
+		pkg: "@hubstr/kit/assets-favicons",
+		version: "latest"
+	}), []);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx("link", {
+			href: genAssets("assets/favicon.ico"),
+			rel: "shortcut icon"
+		}),
+		/* @__PURE__ */ jsx("link", {
+			href: genAssets("assets/apple-touch-icon.png"),
+			rel: "apple-touch-icon",
+			sizes: "180x180"
+		}),
+		/* @__PURE__ */ jsx("link", {
+			href: genAssets("assets/favicon-32x32.png"),
+			rel: "icon",
+			sizes: "32x32",
+			type: "image/png"
+		}),
+		/* @__PURE__ */ jsx("link", {
+			href: genAssets("assets/favicon-16x16.png"),
+			rel: "icon",
+			sizes: "16x16",
+			type: "image/png"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: "width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no",
+			name: "viewport"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: title,
+			name: "apple-mobile-web-app-title"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: title,
+			name: "application-name"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: description,
+			name: "description"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: "#000000",
+			name: "msapplication-TileColor"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: "#fff",
+			media: "(prefers-color-scheme: light)",
+			name: "theme-color"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: "#000",
+			media: "(prefers-color-scheme: dark)",
+			name: "theme-color"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: "yes",
+			name: "apple-mobile-web-app-capable"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: title,
+			name: "apple-mobile-web-app-title"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: "black-translucent",
+			name: "apple-mobile-web-app-status-bar-style"
+		}),
+		withManifest && /* @__PURE__ */ jsx("link", {
+			href: genAssets("assets/site.webmanifest"),
+			rel: "manifest"
+		})
+	] });
+};
+//#endregion
+export { Meta as default };
+
+//# sourceMappingURL=Meta.mjs.map

package/ui/es/ThemeProvider/Meta.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Meta.mjs","names":[],"sources":["../../src/ThemeProvider/Meta.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useCallback } from 'react';\n\nimport { useCdnFn } from '../ConfigProvider';\n\nimport type { MetaProps } from './type';\n\nconst Meta: FC<MetaProps> = ({\n  title = 'Hubstr',\n  description = 'Empowering your AI dreams with Hubstr',\n  withManifest,\n}) => {\n  const genCdnUrl = useCdnFn();\n  const genAssets = useCallback(\n    (path: string) =>\n      genCdnUrl({\n        path,\n        pkg: '@hubstr/kit/assets-favicons',\n        version: 'latest',\n      }),\n    [],\n  );\n  return (\n    <>\n      <link href={genAssets('assets/favicon.ico')} rel=\"shortcut icon\" />\n      <link\n        href={genAssets('assets/apple-touch-icon.png')}\n        rel=\"apple-touch-icon\"\n        sizes=\"180x180\"\n      />\n      <link\n        href={genAssets('assets/favicon-32x32.png')}\n        rel=\"icon\"\n        sizes=\"32x32\"\n        type=\"image/png\"\n      />\n      <link\n        href={genAssets('assets/favicon-16x16.png')}\n        rel=\"icon\"\n        sizes=\"16x16\"\n        type=\"image/png\"\n      />\n      <meta\n        content=\"width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no\"\n        name=\"viewport\"\n      />\n      <meta content={title} name=\"apple-mobile-web-app-title\" />\n      <meta content={title} name=\"application-name\" />\n      <meta content={description} name=\"description\" />\n      <meta content=\"#000000\" name=\"msapplication-TileColor\" />\n      <meta content=\"#fff\" media=\"(prefers-color-scheme: light)\" name=\"theme-color\" />\n      <meta content=\"#000\" media=\"(prefers-color-scheme: dark)\" name=\"theme-color\" />\n      <meta content=\"yes\" name=\"apple-mobile-web-app-capable\" />\n      <meta content={title} name=\"apple-mobile-web-app-title\" />\n      <meta content=\"black-translucent\" name=\"apple-mobile-web-app-status-bar-style\" />\n      {withManifest && <link href={genAssets('assets/site.webmanifest')} rel=\"manifest\" />}\n    </>\n  );\n};\n\nexport default Meta;\n"],"mappings":";;;;;AAQA,MAAM,QAAuB,EAC3B,QAAQ,UACR,cAAc,yCACd,mBACI;CACJ,MAAM,YAAY,UAAU;CAC5B,MAAM,YAAY,aACf,SACC,UAAU;EACR;EACA,KAAK;EACL,SAAS;EACV,CAAC,EACJ,EAAE,CACH;AACD,QACE,qBAAA,YAAA,EAAA,UAAA;EACE,oBAAC,QAAD;GAAM,MAAM,UAAU,qBAAqB;GAAE,KAAI;GAAkB,CAAA;EACnE,oBAAC,QAAD;GACE,MAAM,UAAU,8BAA8B;GAC9C,KAAI;GACJ,OAAM;GACN,CAAA;EACF,oBAAC,QAAD;GACE,MAAM,UAAU,2BAA2B;GAC3C,KAAI;GACJ,OAAM;GACN,MAAK;GACL,CAAA;EACF,oBAAC,QAAD;GACE,MAAM,UAAU,2BAA2B;GAC3C,KAAI;GACJ,OAAM;GACN,MAAK;GACL,CAAA;EACF,oBAAC,QAAD;GACE,SAAQ;GACR,MAAK;GACL,CAAA;EACF,oBAAC,QAAD;GAAM,SAAS;GAAO,MAAK;GAA+B,CAAA;EAC1D,oBAAC,QAAD;GAAM,SAAS;GAAO,MAAK;GAAqB,CAAA;EAChD,oBAAC,QAAD;GAAM,SAAS;GAAa,MAAK;GAAgB,CAAA;EACjD,oBAAC,QAAD;GAAM,SAAQ;GAAU,MAAK;GAA4B,CAAA;EACzD,oBAAC,QAAD;GAAM,SAAQ;GAAO,OAAM;GAAgC,MAAK;GAAgB,CAAA;EAChF,oBAAC,QAAD;GAAM,SAAQ;GAAO,OAAM;GAA+B,MAAK;GAAgB,CAAA;EAC/E,oBAAC,QAAD;GAAM,SAAQ;GAAM,MAAK;GAAiC,CAAA;EAC1D,oBAAC,QAAD;GAAM,SAAS;GAAO,MAAK;GAA+B,CAAA;EAC1D,oBAAC,QAAD;GAAM,SAAQ;GAAoB,MAAK;GAA0C,CAAA;EAChF,gBAAgB,oBAAC,QAAD;GAAM,MAAM,UAAU,0BAA0B;GAAE,KAAI;GAAa,CAAA;EACnF,EAAA,CAAA"}

package/ui/es/ThemeProvider/ThemeProvider.d.mts

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