@lobehub/ui 5.64.2 → 6.0.0-beta.10

package/es/base-ui/Progress/style.mjs

@@ -1,196 +0,0 @@
-import { createStaticStyles, keyframes } from "antd-style";
-import { cva } from "class-variance-authority";
-//#region src/base-ui/Progress/style.ts
-const shimmer = keyframes`
-  from {
-    background-position: -80px 0;
-  }
-  to {
-    background-position: 200px 0;
-  }
-`;
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	bar: css`
-    height: 100%;
-    border-radius: 999px;
-    transition: width 0.3s;
-  `,
-	barActive: css`
-    background-image: linear-gradient(
-      90deg,
-      transparent,
-      color-mix(in srgb, ${cssVar.colorWhite} 35%, transparent),
-      transparent
-    );
-    background-size: 80px 100%;
-    animation: ${shimmer} 1.2s linear infinite;
-
-    @media (prefers-reduced-motion: reduce) {
-      animation: none;
-    }
-  `,
-	blockLg: css`
-    height: 12px;
-  `,
-	blockMd: css`
-    height: 8px;
-  `,
-	blockSm: css`
-    height: 4px;
-  `,
-	circleInfo: css`
-    position: absolute;
-
-    font-variant-numeric: tabular-nums;
-    line-height: 1;
-    color: ${cssVar.colorText};
-    white-space: nowrap;
-  `,
-	circleRoot: css`
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-  `,
-	circleSvg: css`
-    rotate: -90deg;
-  `,
-	circleTrack: css`
-    fill: none;
-    stroke: ${cssVar.colorFillTertiary};
-  `,
-	lineLg: css`
-    height: 6px;
-  `,
-	lineMd: css`
-    height: 4px;
-  `,
-	lineMeta: css`
-    display: flex;
-    gap: 12px;
-    align-items: baseline;
-    justify-content: space-between;
-
-    font-size: ${cssVar.fontSizeSM};
-    color: ${cssVar.colorTextSecondary};
-  `,
-	lineRoot: css`
-    display: flex;
-    flex-direction: column;
-    gap: 6px;
-    width: 100%;
-  `,
-	lineSm: css`
-    height: 2px;
-  `,
-	lineTrack: css`
-    overflow: hidden;
-    border-radius: 999px;
-    background: ${cssVar.colorFillTertiary};
-  `,
-	lineValue: css`
-    font-family: ${cssVar.fontFamilyCode};
-    font-variant-numeric: tabular-nums;
-    color: ${cssVar.colorText};
-  `,
-	rowInfo: css`
-    min-width: 3.5ch;
-
-    font-family: ${cssVar.fontFamilyCode};
-    font-size: ${cssVar.fontSizeSM};
-    font-variant-numeric: tabular-nums;
-    color: ${cssVar.colorTextSecondary};
-    text-align: end;
-  `,
-	rowRoot: css`
-    display: flex;
-    flex: 1;
-    gap: 10px;
-    align-items: center;
-
-    width: 100%;
-  `,
-	segment: css`
-    flex: 1;
-    border-radius: 1px;
-    background: ${cssVar.colorFillTertiary};
-  `,
-	segmentOn: css`
-    background: ${cssVar.colorPrimary};
-  `,
-	segments: css`
-    display: flex;
-    flex: 1;
-    gap: 2px;
-    min-width: 0;
-  `,
-	split: css`
-    display: flex;
-    flex: 1;
-    gap: 3px;
-    min-width: 0;
-  `,
-	splitFill: css`
-    flex: none;
-    border-radius: 999px;
-    transition: width 0.3s;
-  `,
-	splitRest: css`
-    flex: 1;
-    border-radius: 999px;
-    background: ${cssVar.colorFillSecondary};
-  `
-}));
-const trackHeight = cva(void 0, {
-	compoundVariants: [
-		{
-			className: styles.lineSm,
-			family: "line",
-			size: "small"
-		},
-		{
-			className: styles.lineMd,
-			family: "line",
-			size: "middle"
-		},
-		{
-			className: styles.lineLg,
-			family: "line",
-			size: "large"
-		},
-		{
-			className: styles.blockSm,
-			family: "block",
-			size: "small"
-		},
-		{
-			className: styles.blockMd,
-			family: "block",
-			size: "middle"
-		},
-		{
-			className: styles.blockLg,
-			family: "block",
-			size: "large"
-		}
-	],
-	defaultVariants: {
-		family: "line",
-		size: "middle"
-	},
-	variants: {
-		family: {
-			block: null,
-			line: null
-		},
-		size: {
-			large: null,
-			middle: null,
-			small: null
-		}
-	}
-});
-//#endregion
-export { styles, trackHeight };
-
-//# sourceMappingURL=style.mjs.map

package/es/base-ui/Progress/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Progress/style.ts"],"sourcesContent":["import { createStaticStyles, keyframes } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nconst shimmer = keyframes`\n  from {\n    background-position: -80px 0;\n  }\n  to {\n    background-position: 200px 0;\n  }\n`;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  bar: css`\n    height: 100%;\n    border-radius: 999px;\n    transition: width 0.3s;\n  `,\n  barActive: css`\n    background-image: linear-gradient(\n      90deg,\n      transparent,\n      color-mix(in srgb, ${cssVar.colorWhite} 35%, transparent),\n      transparent\n    );\n    background-size: 80px 100%;\n    animation: ${shimmer} 1.2s linear infinite;\n\n    @media (prefers-reduced-motion: reduce) {\n      animation: none;\n    }\n  `,\n  blockLg: css`\n    height: 12px;\n  `,\n  blockMd: css`\n    height: 8px;\n  `,\n  blockSm: css`\n    height: 4px;\n  `,\n  circleInfo: css`\n    position: absolute;\n\n    font-variant-numeric: tabular-nums;\n    line-height: 1;\n    color: ${cssVar.colorText};\n    white-space: nowrap;\n  `,\n  circleRoot: css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  `,\n  circleSvg: css`\n    rotate: -90deg;\n  `,\n  circleTrack: css`\n    fill: none;\n    stroke: ${cssVar.colorFillTertiary};\n  `,\n  lineLg: css`\n    height: 6px;\n  `,\n  lineMd: css`\n    height: 4px;\n  `,\n  lineMeta: css`\n    display: flex;\n    gap: 12px;\n    align-items: baseline;\n    justify-content: space-between;\n\n    font-size: ${cssVar.fontSizeSM};\n    color: ${cssVar.colorTextSecondary};\n  `,\n  lineRoot: css`\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    width: 100%;\n  `,\n  lineSm: css`\n    height: 2px;\n  `,\n  lineTrack: css`\n    overflow: hidden;\n    border-radius: 999px;\n    background: ${cssVar.colorFillTertiary};\n  `,\n  lineValue: css`\n    font-family: ${cssVar.fontFamilyCode};\n    font-variant-numeric: tabular-nums;\n    color: ${cssVar.colorText};\n  `,\n  rowInfo: css`\n    min-width: 3.5ch;\n\n    font-family: ${cssVar.fontFamilyCode};\n    font-size: ${cssVar.fontSizeSM};\n    font-variant-numeric: tabular-nums;\n    color: ${cssVar.colorTextSecondary};\n    text-align: end;\n  `,\n  rowRoot: css`\n    display: flex;\n    flex: 1;\n    gap: 10px;\n    align-items: center;\n\n    width: 100%;\n  `,\n  segment: css`\n    flex: 1;\n    border-radius: 1px;\n    background: ${cssVar.colorFillTertiary};\n  `,\n  segmentOn: css`\n    background: ${cssVar.colorPrimary};\n  `,\n  segments: css`\n    display: flex;\n    flex: 1;\n    gap: 2px;\n    min-width: 0;\n  `,\n  split: css`\n    display: flex;\n    flex: 1;\n    gap: 3px;\n    min-width: 0;\n  `,\n  splitFill: css`\n    flex: none;\n    border-radius: 999px;\n    transition: width 0.3s;\n  `,\n  splitRest: css`\n    flex: 1;\n    border-radius: 999px;\n    background: ${cssVar.colorFillSecondary};\n  `,\n}));\n\nexport const trackHeight = cva(undefined, {\n  compoundVariants: [\n    { className: styles.lineSm, family: 'line', size: 'small' },\n    { className: styles.lineMd, family: 'line', size: 'middle' },\n    { className: styles.lineLg, family: 'line', size: 'large' },\n    { className: styles.blockSm, family: 'block', size: 'small' },\n    { className: styles.blockMd, family: 'block', size: 'middle' },\n    { className: styles.blockLg, family: 'block', size: 'large' },\n  ],\n  defaultVariants: {\n    family: 'line',\n    size: 'middle',\n  },\n  variants: {\n    family: {\n      block: null,\n      line: null,\n    },\n    size: {\n      large: null,\n      middle: null,\n      small: null,\n    },\n  },\n});\n"],"mappings":";;;AAGA,MAAM,UAAU,SAAS;;;;;;;;AASzB,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,KAAK,GAAG;;;;;CAKR,WAAW,GAAG;;;;2BAIW,OAAO,WAAW;;;;iBAI5B,QAAQ;;;;;;CAMvB,SAAS,GAAG;;;CAGZ,SAAS,GAAG;;;CAGZ,SAAS,GAAG;;;CAGZ,YAAY,GAAG;;;;;aAKJ,OAAO,UAAU;;;CAG5B,YAAY,GAAG;;;;;;CAMf,WAAW,GAAG;;;CAGd,aAAa,GAAG;;cAEJ,OAAO,kBAAkB;;CAErC,QAAQ,GAAG;;;CAGX,QAAQ,GAAG;;;CAGX,UAAU,GAAG;;;;;;iBAME,OAAO,WAAW;aACtB,OAAO,mBAAmB;;CAErC,UAAU,GAAG;;;;;;CAMb,QAAQ,GAAG;;;CAGX,WAAW,GAAG;;;kBAGE,OAAO,kBAAkB;;CAEzC,WAAW,GAAG;mBACG,OAAO,eAAe;;aAE5B,OAAO,UAAU;;CAE5B,SAAS,GAAG;;;mBAGK,OAAO,eAAe;iBACxB,OAAO,WAAW;;aAEtB,OAAO,mBAAmB;;;CAGrC,SAAS,GAAG;;;;;;;;CAQZ,SAAS,GAAG;;;kBAGI,OAAO,kBAAkB;;CAEzC,WAAW,GAAG;kBACE,OAAO,aAAa;;CAEpC,UAAU,GAAG;;;;;;CAMb,OAAO,GAAG;;;;;;CAMV,WAAW,GAAG;;;;;CAKd,WAAW,GAAG;;;kBAGE,OAAO,mBAAmB;;AAE5C,EAAE;AAEF,MAAa,cAAc,IAAI,KAAA,GAAW;CACxC,kBAAkB;EAChB;GAAE,WAAW,OAAO;GAAQ,QAAQ;GAAQ,MAAM;EAAQ;EAC1D;GAAE,WAAW,OAAO;GAAQ,QAAQ;GAAQ,MAAM;EAAS;EAC3D;GAAE,WAAW,OAAO;GAAQ,QAAQ;GAAQ,MAAM;EAAQ;EAC1D;GAAE,WAAW,OAAO;GAAS,QAAQ;GAAS,MAAM;EAAQ;EAC5D;GAAE,WAAW,OAAO;GAAS,QAAQ;GAAS,MAAM;EAAS;EAC7D;GAAE,WAAW,OAAO;GAAS,QAAQ;GAAS,MAAM;EAAQ;CAC9D;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;CACR;CACA,UAAU;EACR,QAAQ;GACN,OAAO;GACP,MAAM;EACR;EACA,MAAM;GACJ,OAAO;GACP,QAAQ;GACR,OAAO;EACT;CACF;AACF,CAAC"}

package/es/base-ui/Progress/type.d.mts

@@ -1,24 +0,0 @@
-import { CSSProperties, ComponentProps, ReactNode, Ref } from "react";
-//#region src/base-ui/Progress/type.d.ts
-type ProgressType = 'line' | 'circle';
-type ProgressVariant = 'line' | 'segments' | 'inset';
-type ProgressStatus = 'normal' | 'active' | 'success' | 'exception';
-type ProgressSize = 'small' | 'middle' | 'large' | number;
-interface ProgressProps extends Omit<ComponentProps<'div'>, 'children'> {
-  className?: string;
-  format?: (percent: number) => ReactNode;
-  label?: ReactNode;
-  percent: number;
-  ref?: Ref<HTMLDivElement>;
-  segments?: number;
-  showInfo?: boolean;
-  size?: ProgressSize;
-  status?: ProgressStatus;
-  strokeColor?: string;
-  style?: CSSProperties;
-  type?: ProgressType;
-  variant?: ProgressVariant;
-}
-//#endregion
-export { ProgressProps, ProgressSize, ProgressStatus, ProgressType, ProgressVariant };
-//# sourceMappingURL=type.d.mts.map

package/es/base-ui/QRCode/QRCode.d.mts

@@ -1,6 +0,0 @@
-import { QRCodeProps } from "./type.mjs";
-//#region src/base-ui/QRCode/QRCode.d.ts
-declare const QRCode: import("react").NamedExoticComponent<QRCodeProps>;
-//#endregion
-export { QRCode as default };
-//# sourceMappingURL=QRCode.d.mts.map

package/es/base-ui/QRCode/QRCode.mjs

@@ -1,105 +0,0 @@
-"use client";
-import Icon from "../../Icon/Icon.mjs";
-import { useTranslation } from "../../i18n/useTranslation.mjs";
-import Spin from "../Spin/Spin.mjs";
-import { panelStyles } from "../panelStyles.mjs";
-import qrCode_default from "../../i18n/resources/en/qrCode.mjs";
-import { buildQrPath } from "./qrPath.mjs";
-import { styles } from "./style.mjs";
-import { memo, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { RotateCw } from "lucide-react";
-import { encode } from "uqr";
-//#region src/base-ui/QRCode/QRCode.tsx
-const ICON_RATIO = .22;
-const QRCode = memo(({ bgColor = "#fff", bordered = true, className, color = "#000", errorLevel = "M", icon, onRefresh, ref, size = 160, status = "active", style, value, ...rest }) => {
-	const { t } = useTranslation(qrCode_default);
-	const { count, path } = useMemo(() => {
-		try {
-			const { data } = encode(value, {
-				border: 0,
-				ecc: icon ? "H" : errorLevel
-			});
-			const hole = icon ? Math.ceil(data.length * ICON_RATIO) | 1 : 0;
-			return {
-				count: data.length,
-				path: buildQrPath(data, hole)
-			};
-		} catch {
-			return {
-				count: 0,
-				path: ""
-			};
-		}
-	}, [
-		value,
-		icon,
-		errorLevel
-	]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: cx(styles.root, bordered && styles.bordered, className),
-		ref,
-		style: {
-			background: bgColor,
-			...style
-		},
-		...rest,
-		children: [
-			/* @__PURE__ */ jsxs("svg", {
-				"aria-label": value,
-				height: size,
-				role: "img",
-				shapeRendering: "crispEdges",
-				viewBox: `0 0 ${count} ${count}`,
-				width: size,
-				children: [/* @__PURE__ */ jsx("rect", {
-					fill: bgColor,
-					height: count,
-					width: count
-				}), /* @__PURE__ */ jsx("path", {
-					d: path,
-					fill: color
-				})]
-			}),
-			icon && /* @__PURE__ */ jsx("span", {
-				className: styles.icon,
-				style: {
-					height: size * ICON_RATIO,
-					width: size * ICON_RATIO
-				},
-				children: icon
-			}),
-			status === "loading" && /* @__PURE__ */ jsx("span", {
-				"aria-label": t("qrCode.loading"),
-				className: styles.overlay,
-				role: "status",
-				children: /* @__PURE__ */ jsx(Spin, { style: { color: "#666" } })
-			}),
-			status === "expired" && /* @__PURE__ */ jsxs("span", {
-				className: styles.overlay,
-				children: [/* @__PURE__ */ jsx("span", {
-					className: styles.overlayTitle,
-					children: t("qrCode.expired")
-				}), onRefresh && /* @__PURE__ */ jsxs("button", {
-					className: panelStyles.pill,
-					style: {
-						background: "#080808",
-						color: "#fff"
-					},
-					type: "button",
-					onClick: onRefresh,
-					children: [/* @__PURE__ */ jsx(Icon, {
-						icon: RotateCw,
-						size: 14
-					}), t("qrCode.refresh")]
-				})]
-			})
-		]
-	});
-});
-QRCode.displayName = "QRCode";
-//#endregion
-export { QRCode as default };
-
-//# sourceMappingURL=QRCode.mjs.map

package/es/base-ui/QRCode/QRCode.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"QRCode.mjs","names":["qrCodeMessages"],"sources":["../../../src/base-ui/QRCode/QRCode.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { RotateCw } from 'lucide-react';\nimport { memo, useMemo } from 'react';\nimport { encode } from 'uqr';\n\nimport { panelStyles } from '@/base-ui/panelStyles';\nimport Spin from '@/base-ui/Spin';\nimport qrCodeMessages from '@/i18n/resources/en/qrCode';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Icon from '@/Icon';\n\nimport { buildQrPath } from './qrPath';\nimport { styles } from './style';\nimport type { QRCodeProps } from './type';\n\nconst ICON_RATIO = 0.22;\n\nconst QRCode = memo<QRCodeProps>(\n  ({\n    bgColor = '#fff',\n    bordered = true,\n    className,\n    color = '#000',\n    errorLevel = 'M',\n    icon,\n    onRefresh,\n    ref,\n    size = 160,\n    status = 'active',\n    style,\n    value,\n    ...rest\n  }) => {\n    const { t } = useTranslation(qrCodeMessages);\n    const { count, path } = useMemo(() => {\n      try {\n        const { data } = encode(value, { border: 0, ecc: icon ? 'H' : errorLevel });\n        const hole = icon ? Math.ceil(data.length * ICON_RATIO) | 1 : 0;\n        return { count: data.length, path: buildQrPath(data, hole) };\n      } catch {\n        return { count: 0, path: '' };\n      }\n    }, [value, icon, errorLevel]);\n\n    return (\n      <div\n        className={cx(styles.root, bordered && styles.bordered, className)}\n        ref={ref}\n        style={{ background: bgColor, ...style }}\n        {...rest}\n      >\n        <svg\n          aria-label={value}\n          height={size}\n          role=\"img\"\n          shapeRendering=\"crispEdges\"\n          viewBox={`0 0 ${count} ${count}`}\n          width={size}\n        >\n          <rect fill={bgColor} height={count} width={count} />\n          <path d={path} fill={color} />\n        </svg>\n        {icon && (\n          <span\n            className={styles.icon}\n            style={{ height: size * ICON_RATIO, width: size * ICON_RATIO }}\n          >\n            {icon}\n          </span>\n        )}\n        {status === 'loading' && (\n          <span aria-label={t('qrCode.loading')} className={styles.overlay} role=\"status\">\n            <Spin style={{ color: '#666' }} />\n          </span>\n        )}\n        {status === 'expired' && (\n          <span className={styles.overlay}>\n            <span className={styles.overlayTitle}>{t('qrCode.expired')}</span>\n            {onRefresh && (\n              <button\n                className={panelStyles.pill}\n                style={{ background: '#080808', color: '#fff' }}\n                type=\"button\"\n                onClick={onRefresh}\n              >\n                <Icon icon={RotateCw} size={14} />\n                {t('qrCode.refresh')}\n              </button>\n            )}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nQRCode.displayName = 'QRCode';\n\nexport default QRCode;\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,aAAa;AAEnB,MAAM,SAAS,MACZ,EACC,UAAU,QACV,WAAW,MACX,WACA,QAAQ,QACR,aAAa,KACb,MACA,WACA,KACA,OAAO,KACP,SAAS,UACT,OACA,OACA,GAAG,WACC;CACJ,MAAM,EAAE,MAAM,eAAeA,cAAc;CAC3C,MAAM,EAAE,OAAO,SAAS,cAAc;EACpC,IAAI;GACF,MAAM,EAAE,SAAS,OAAO,OAAO;IAAE,QAAQ;IAAG,KAAK,OAAO,MAAM;GAAW,CAAC;GAC1E,MAAM,OAAO,OAAO,KAAK,KAAK,KAAK,SAAS,UAAU,IAAI,IAAI;GAC9D,OAAO;IAAE,OAAO,KAAK;IAAQ,MAAM,YAAY,MAAM,IAAI;GAAE;EAC7D,QAAQ;GACN,OAAO;IAAE,OAAO;IAAG,MAAM;GAAG;EAC9B;CACF,GAAG;EAAC;EAAO;EAAM;CAAU,CAAC;CAE5B,OACE,qBAAC,OAAD;EACE,WAAW,GAAG,OAAO,MAAM,YAAY,OAAO,UAAU,SAAS;EAC5D;EACL,OAAO;GAAE,YAAY;GAAS,GAAG;EAAM;EACvC,GAAI;EAJN,UAAA;GAME,qBAAC,OAAD;IACE,cAAY;IACZ,QAAQ;IACR,MAAK;IACL,gBAAe;IACf,SAAS,OAAO,MAAM,GAAG;IACzB,OAAO;IANT,UAAA,CAQE,oBAAC,QAAD;KAAM,MAAM;KAAS,QAAQ;KAAO,OAAO;IAAQ,CAAA,GACnD,oBAAC,QAAD;KAAM,GAAG;KAAM,MAAM;IAAQ,CAAA,CAC1B;;GACJ,QACC,oBAAC,QAAD;IACE,WAAW,OAAO;IAClB,OAAO;KAAE,QAAQ,OAAO;KAAY,OAAO,OAAO;IAAW;IAE5D,UAAA;GACG,CAAA;GAEP,WAAW,aACV,oBAAC,QAAD;IAAM,cAAY,EAAE,gBAAgB;IAAG,WAAW,OAAO;IAAS,MAAK;IACrE,UAAA,oBAAC,MAAD,EAAM,OAAO,EAAE,OAAO,OAAO,EAAI,CAAA;GAC7B,CAAA;GAEP,WAAW,aACV,qBAAC,QAAD;IAAM,WAAW,OAAO;IAAxB,UAAA,CACE,oBAAC,QAAD;KAAM,WAAW,OAAO;KAAe,UAAA,EAAE,gBAAgB;IAAQ,CAAA,GAChE,aACC,qBAAC,UAAD;KACE,WAAW,YAAY;KACvB,OAAO;MAAE,YAAY;MAAW,OAAO;KAAO;KAC9C,MAAK;KACL,SAAS;KAJX,UAAA,CAME,oBAAC,MAAD;MAAM,MAAM;MAAU,MAAM;KAAK,CAAA,GAChC,EAAE,gBAAgB,CACb;IAEN,CAAA,CAAA;;EAEL;;AAET,CACF;AAEA,OAAO,cAAc"}

package/es/base-ui/QRCode/qrPath.mjs

@@ -1,16 +0,0 @@
-//#region src/base-ui/QRCode/qrPath.ts
-const buildQrPath = (matrix, hole) => {
-	const count = matrix.length;
-	const from = Math.floor((count - hole) / 2);
-	const to = from + hole;
-	let path = "";
-	for (let y = 0; y < count; y++) for (let x = 0; x < count; x++) {
-		if (hole > 0 && x >= from && x < to && y >= from && y < to) continue;
-		if (matrix[y][x]) path += `M${x} ${y}h1v1h-1z`;
-	}
-	return path;
-};
-//#endregion
-export { buildQrPath };
-
-//# sourceMappingURL=qrPath.mjs.map

package/es/base-ui/QRCode/qrPath.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"qrPath.mjs","names":[],"sources":["../../../src/base-ui/QRCode/qrPath.ts"],"sourcesContent":["export const buildQrPath = (matrix: boolean[][], hole: number): string => {\n  const count = matrix.length;\n  const from = Math.floor((count - hole) / 2);\n  const to = from + hole;\n  let path = '';\n  for (let y = 0; y < count; y++) {\n    for (let x = 0; x < count; x++) {\n      if (hole > 0 && x >= from && x < to && y >= from && y < to) continue;\n      if (matrix[y][x]) path += `M${x} ${y}h1v1h-1z`;\n    }\n  }\n  return path;\n};\n"],"mappings":";AAAA,MAAa,eAAe,QAAqB,SAAyB;CACxE,MAAM,QAAQ,OAAO;CACrB,MAAM,OAAO,KAAK,OAAO,QAAQ,QAAQ,CAAC;CAC1C,MAAM,KAAK,OAAO;CAClB,IAAI,OAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,KACzB,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,KAAK;EAC9B,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,KAAK,QAAQ,IAAI,IAAI;EAC5D,IAAI,OAAO,EAAE,CAAC,IAAI,QAAQ,IAAI,EAAE,GAAG,EAAE;CACvC;CAEF,OAAO;AACT"}

package/es/base-ui/QRCode/style.mjs

@@ -1,52 +0,0 @@
-import { createStaticStyles } from "antd-style";
-//#region src/base-ui/QRCode/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	bordered: css`
-    box-shadow: inset 0 0 0 1px ${cssVar.colorBorderSecondary};
-  `,
-	icon: css`
-    position: absolute;
-    inset-block-start: 50%;
-    inset-inline-start: 50%;
-    transform: translate(-50%, -50%);
-
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    border-radius: 50%;
-
-    box-shadow: 0 0 0 4px #fff;
-  `,
-	overlay: css`
-    position: absolute;
-    inset: 0;
-
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-    align-items: center;
-    justify-content: center;
-
-    border-radius: 16px;
-
-    color: #080808;
-
-    background: rgb(255 255 255 / 95%);
-  `,
-	overlayTitle: css`
-    font-size: 17px;
-    font-weight: 600;
-  `,
-	root: css`
-    position: relative;
-    display: inline-flex;
-    padding: 16px;
-    border-radius: 16px;
-  `
-}));
-//#endregion
-export { styles };
-
-//# sourceMappingURL=style.mjs.map

package/es/base-ui/QRCode/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/QRCode/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  bordered: css`\n    box-shadow: inset 0 0 0 1px ${cssVar.colorBorderSecondary};\n  `,\n  icon: css`\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    transform: translate(-50%, -50%);\n\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 50%;\n\n    box-shadow: 0 0 0 4px #fff;\n  `,\n  overlay: css`\n    position: absolute;\n    inset: 0;\n\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 16px;\n\n    color: #080808;\n\n    background: rgb(255 255 255 / 95%);\n  `,\n  overlayTitle: css`\n    font-size: 17px;\n    font-weight: 600;\n  `,\n  root: css`\n    position: relative;\n    display: inline-flex;\n    padding: 16px;\n    border-radius: 16px;\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,UAAU,GAAG;kCACmB,OAAO,qBAAqB;;CAE5D,MAAM,GAAG;;;;;;;;;;;;;;;CAeT,SAAS,GAAG;;;;;;;;;;;;;;;;CAgBZ,cAAc,GAAG;;;;CAIjB,MAAM,GAAG;;;;;;AAMX,EAAE"}

package/es/base-ui/QRCode/type.d.mts

@@ -1,19 +0,0 @@
-import { ComponentProps, ReactNode, Ref } from "react";
-//#region src/base-ui/QRCode/type.d.ts
-type QRCodeErrorLevel = 'L' | 'M' | 'Q' | 'H';
-type QRCodeStatus = 'active' | 'loading' | 'expired';
-interface QRCodeProps extends Omit<ComponentProps<'div'>, 'children'> {
-  bgColor?: string;
-  bordered?: boolean;
-  color?: string;
-  errorLevel?: QRCodeErrorLevel;
-  icon?: ReactNode;
-  onRefresh?: () => void;
-  ref?: Ref<HTMLDivElement>;
-  size?: number;
-  status?: QRCodeStatus;
-  value: string;
-}
-//#endregion
-export { QRCodeErrorLevel, QRCodeProps, QRCodeStatus };
-//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Radio/Radio.d.mts

@@ -1,6 +0,0 @@
-import { RadioProps } from "./type.mjs";
-//#region src/base-ui/Radio/Radio.d.ts
-declare const Radio: import("react").NamedExoticComponent<RadioProps>;
-//#endregion
-export { Radio as default };
-//# sourceMappingURL=Radio.d.mts.map

package/es/base-ui/Radio/Radio.mjs

@@ -1,52 +0,0 @@
-"use client";
-import Text from "../../Text/Text.mjs";
-import { styles } from "./style.mjs";
-import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { Radio } from "@base-ui/react/radio";
-//#region src/base-ui/Radio/Radio.tsx
-const Radio$1 = memo(({ size = 16, backgroundColor, children, className, classNames, styles: customStyles, style, textProps, disabled, ...rest }) => {
-	const dotStyle = {
-		height: size,
-		width: size,
-		...backgroundColor ? { "--lobe-radio-bg": backgroundColor } : {},
-		...children ? {} : style,
-		...customStyles?.radio
-	};
-	const dot = /* @__PURE__ */ jsx(Radio.Root, {
-		className: cx(styles.root, children ? classNames?.radio : className, classNames?.radio),
-		disabled,
-		style: dotStyle,
-		...rest,
-		children: /* @__PURE__ */ jsx(Radio.Indicator, {
-			className: styles.indicator,
-			style: {
-				height: Math.round(size * .375),
-				width: Math.round(size * .375)
-			}
-		})
-	});
-	if (!children) return dot;
-	return /* @__PURE__ */ jsxs("label", {
-		className: cx(styles.label, className, classNames?.wrapper),
-		style: {
-			gap: Math.floor(size / 2),
-			...style,
-			...customStyles?.wrapper
-		},
-		children: [dot, /* @__PURE__ */ jsx(Text, {
-			as: "span",
-			className: classNames?.text,
-			style: customStyles?.text,
-			...textProps,
-			type: disabled ? "secondary" : textProps?.type,
-			children
-		})]
-	});
-});
-Radio$1.displayName = "Radio";
-//#endregion
-export { Radio$1 as default };
-
-//# sourceMappingURL=Radio.mjs.map

package/es/base-ui/Radio/Radio.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.mjs","names":["Radio","BaseRadio"],"sources":["../../../src/base-ui/Radio/Radio.tsx"],"sourcesContent":["'use client';\n\nimport { Radio as BaseRadio } from '@base-ui/react/radio';\nimport { cx } from 'antd-style';\nimport { type CSSProperties, memo } from 'react';\n\nimport Text from '@/Text';\n\nimport { styles } from './style';\nimport type { RadioProps } from './type';\n\nconst Radio = memo<RadioProps>(\n  ({\n    size = 16,\n    backgroundColor,\n    children,\n    className,\n    classNames,\n    styles: customStyles,\n    style,\n    textProps,\n    disabled,\n    ...rest\n  }) => {\n    const dotStyle: CSSProperties = {\n      height: size,\n      width: size,\n      ...(backgroundColor ? { '--lobe-radio-bg': backgroundColor } : {}),\n      ...(children ? {} : style),\n      ...customStyles?.radio,\n    };\n\n    const dot = (\n      <BaseRadio.Root\n        className={cx(styles.root, children ? classNames?.radio : className, classNames?.radio)}\n        disabled={disabled}\n        style={dotStyle}\n        {...rest}\n      >\n        <BaseRadio.Indicator\n          className={styles.indicator}\n          style={{ height: Math.round(size * 0.375), width: Math.round(size * 0.375) }}\n        />\n      </BaseRadio.Root>\n    );\n\n    if (!children) return dot;\n\n    return (\n      <label\n        className={cx(styles.label, className, classNames?.wrapper)}\n        style={{ gap: Math.floor(size / 2), ...style, ...customStyles?.wrapper }}\n      >\n        {dot}\n        <Text\n          as={'span'}\n          className={classNames?.text}\n          style={customStyles?.text}\n          {...textProps}\n          type={disabled ? 'secondary' : textProps?.type}\n        >\n          {children}\n        </Text>\n      </label>\n    );\n  },\n);\n\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"mappings":";;;;;;;;AAWA,MAAMA,UAAQ,MACX,EACC,OAAO,IACP,iBACA,UACA,WACA,YACA,QAAQ,cACR,OACA,WACA,UACA,GAAG,WACC;CACJ,MAAM,WAA0B;EAC9B,QAAQ;EACR,OAAO;EACP,GAAI,kBAAkB,EAAE,mBAAmB,gBAAgB,IAAI,CAAC;EAChE,GAAI,WAAW,CAAC,IAAI;EACpB,GAAG,cAAc;CACnB;CAEA,MAAM,MACJ,oBAACC,MAAU,MAAX;EACE,WAAW,GAAG,OAAO,MAAM,WAAW,YAAY,QAAQ,WAAW,YAAY,KAAK;EAC5E;EACV,OAAO;EACP,GAAI;EAEJ,UAAA,oBAACA,MAAU,WAAX;GACE,WAAW,OAAO;GAClB,OAAO;IAAE,QAAQ,KAAK,MAAM,OAAO,IAAK;IAAG,OAAO,KAAK,MAAM,OAAO,IAAK;GAAE;EAC5E,CAAA;CACa,CAAA;CAGlB,IAAI,CAAC,UAAU,OAAO;CAEtB,OACE,qBAAC,SAAD;EACE,WAAW,GAAG,OAAO,OAAO,WAAW,YAAY,OAAO;EAC1D,OAAO;GAAE,KAAK,KAAK,MAAM,OAAO,CAAC;GAAG,GAAG;GAAO,GAAG,cAAc;EAAQ;EAFzE,UAAA,CAIG,KACD,oBAAC,MAAD;GACE,IAAI;GACJ,WAAW,YAAY;GACvB,OAAO,cAAc;GACrB,GAAI;GACJ,MAAM,WAAW,cAAc,WAAW;GAEzC;EACG,CAAA,CACD;;AAEX,CACF;AAEA,QAAM,cAAc"}

package/es/base-ui/Radio/RadioGroup.d.mts

@@ -1,6 +0,0 @@
-import { RadioGroupProps } from "./type.mjs";
-//#region src/base-ui/Radio/RadioGroup.d.ts
-declare const RadioGroup: import("react").NamedExoticComponent<RadioGroupProps>;
-//#endregion
-export { RadioGroup as default };
-//# sourceMappingURL=RadioGroup.d.mts.map

package/es/base-ui/Radio/RadioGroup.mjs

@@ -1,35 +0,0 @@
-"use client";
-import Radio from "./Radio.mjs";
-import { memo, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { RadioGroup } from "@base-ui/react/radio-group";
-//#region src/base-ui/Radio/RadioGroup.tsx
-const RadioGroup$1 = memo(({ options, onChange, gap = 12, horizontal = true, size, textProps, style, ...rest }) => {
-	const items = useMemo(() => options.map((option) => typeof option === "string" ? {
-		label: option,
-		value: option
-	} : option), [options]);
-	return /* @__PURE__ */ jsx(RadioGroup, {
-		style: {
-			display: "flex",
-			flexDirection: horizontal ? "row" : "column",
-			flexWrap: "wrap",
-			gap,
-			...style
-		},
-		onValueChange: onChange,
-		...rest,
-		children: items.map((item) => /* @__PURE__ */ jsx(Radio, {
-			disabled: item.disabled,
-			size,
-			textProps,
-			value: item.value,
-			children: item.label
-		}, item.value))
-	});
-});
-RadioGroup$1.displayName = "RadioGroup";
-//#endregion
-export { RadioGroup$1 as default };
-
-//# sourceMappingURL=RadioGroup.mjs.map

package/es/base-ui/Radio/RadioGroup.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroup.mjs","names":["RadioGroup","BaseRadioGroup"],"sources":["../../../src/base-ui/Radio/RadioGroup.tsx"],"sourcesContent":["'use client';\n\nimport { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';\nimport { memo, useMemo } from 'react';\n\nimport Radio from './Radio';\nimport type { RadioGroupOption, RadioGroupProps } from './type';\n\nconst RadioGroup = memo<RadioGroupProps>(\n  ({ options, onChange, gap = 12, horizontal = true, size, textProps, style, ...rest }) => {\n    const items = useMemo<RadioGroupOption[]>(\n      () =>\n        options.map((option) =>\n          typeof option === 'string' ? { label: option, value: option } : option,\n        ),\n      [options],\n    );\n\n    return (\n      <BaseRadioGroup\n        style={{\n          display: 'flex',\n          flexDirection: horizontal ? 'row' : 'column',\n          flexWrap: 'wrap',\n          gap,\n          ...style,\n        }}\n        onValueChange={onChange}\n        {...rest}\n      >\n        {items.map((item) => (\n          <Radio\n            disabled={item.disabled}\n            key={item.value}\n            size={size}\n            textProps={textProps}\n            value={item.value}\n          >\n            {item.label}\n          </Radio>\n        ))}\n      </BaseRadioGroup>\n    );\n  },\n);\n\nRadioGroup.displayName = 'RadioGroup';\n\nexport default RadioGroup;\n"],"mappings":";;;;;;AAQA,MAAMA,eAAa,MAChB,EAAE,SAAS,UAAU,MAAM,IAAI,aAAa,MAAM,MAAM,WAAW,OAAO,GAAG,WAAW;CACvF,MAAM,QAAQ,cAEV,QAAQ,KAAK,WACX,OAAO,WAAW,WAAW;EAAE,OAAO;EAAQ,OAAO;CAAO,IAAI,MAClE,GACF,CAAC,OAAO,CACV;CAEA,OACE,oBAACC,YAAD;EACE,OAAO;GACL,SAAS;GACT,eAAe,aAAa,QAAQ;GACpC,UAAU;GACV;GACA,GAAG;EACL;EACA,eAAe;EACf,GAAI;EAEH,UAAA,MAAM,KAAK,SACV,oBAAC,OAAD;GACE,UAAU,KAAK;GAET;GACK;GACX,OAAO,KAAK;GAEX,UAAA,KAAK;EACD,GANA,KAAK,KAML,CACR;CACa,CAAA;AAEpB,CACF;AAEA,aAAW,cAAc"}

package/es/base-ui/Radio/index.d.mts

@@ -1,5 +0,0 @@
-import { RadioGroupOption, RadioGroupProps, RadioProps } from "./type.mjs";
-import Radio from "./Radio.mjs";
-import RadioGroup from "./RadioGroup.mjs";
-import { styles } from "./style.mjs";
-export { Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, styles as radioStyles };

package/es/base-ui/Radio/style.d.mts

@@ -1,9 +0,0 @@
-//#region src/base-ui/Radio/style.d.ts
-declare const styles: {
-  indicator: string;
-  label: string;
-  root: string;
-};
-//#endregion
-export { styles };
-//# sourceMappingURL=style.d.mts.map

package/es/base-ui/Radio/style.mjs

@@ -1,69 +0,0 @@
-import { focusRing } from "../focusRing.mjs";
-import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Radio/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	indicator: css`
-    display: block;
-    flex: none;
-    border-radius: 50%;
-    background: currentcolor;
-  `,
-	label: css`
-    cursor: pointer;
-    user-select: none;
-    display: inline-flex;
-    align-items: center;
-
-    &:has([data-disabled]) {
-      cursor: not-allowed;
-    }
-  `,
-	root: css`
-    cursor: pointer;
-
-    display: inline-flex;
-    flex: none;
-    align-items: center;
-    justify-content: center;
-
-    margin: 0;
-    padding: 0;
-    border: 1px solid ${cssVar.colorBorderSecondary};
-    border-radius: 50%;
-
-    color: ${cssVar.colorBgLayout};
-
-    background: ${cssVar.colorBgContainer};
-    outline: none;
-
-    transition:
-      background 150ms ${cssVar.motionEaseOut},
-      border-color 150ms ${cssVar.motionEaseOut};
-
-    &:hover:not([data-disabled], [data-checked]) {
-      border-color: ${cssVar.colorBorder};
-    }
-
-    ${focusRing};
-
-    &[data-checked] {
-      border-color: var(--lobe-radio-bg, ${cssVar.colorPrimary});
-      background: var(--lobe-radio-bg, ${cssVar.colorPrimary});
-    }
-
-    &[data-disabled] {
-      cursor: not-allowed;
-
-      border-color: ${cssVar.colorFill};
-
-      color: ${cssVar.colorText};
-
-      opacity: 0.25;
-      background: ${cssVar.colorFill};
-    }
-  `
-}));
-//#endregion
-export { styles };
-
-//# sourceMappingURL=style.mjs.map

package/es/base-ui/Radio/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Radio/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { focusRing } from '@/base-ui/focusRing';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  indicator: css`\n    display: block;\n    flex: none;\n    border-radius: 50%;\n    background: currentcolor;\n  `,\n  label: css`\n    cursor: pointer;\n    user-select: none;\n    display: inline-flex;\n    align-items: center;\n\n    &:has([data-disabled]) {\n      cursor: not-allowed;\n    }\n  `,\n  root: css`\n    cursor: pointer;\n\n    display: inline-flex;\n    flex: none;\n    align-items: center;\n    justify-content: center;\n\n    margin: 0;\n    padding: 0;\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    border-radius: 50%;\n\n    color: ${cssVar.colorBgLayout};\n\n    background: ${cssVar.colorBgContainer};\n    outline: none;\n\n    transition:\n      background 150ms ${cssVar.motionEaseOut},\n      border-color 150ms ${cssVar.motionEaseOut};\n\n    &:hover:not([data-disabled], [data-checked]) {\n      border-color: ${cssVar.colorBorder};\n    }\n\n    ${focusRing};\n\n    &[data-checked] {\n      border-color: var(--lobe-radio-bg, ${cssVar.colorPrimary});\n      background: var(--lobe-radio-bg, ${cssVar.colorPrimary});\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n\n      border-color: ${cssVar.colorFill};\n\n      color: ${cssVar.colorText};\n\n      opacity: 0.25;\n      background: ${cssVar.colorFill};\n    }\n  `,\n}));\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,WAAW,GAAG;;;;;;CAMd,OAAO,GAAG;;;;;;;;;;CAUV,MAAM,GAAG;;;;;;;;;;wBAUa,OAAO,qBAAqB;;;aAGvC,OAAO,cAAc;;kBAEhB,OAAO,iBAAiB;;;;yBAIjB,OAAO,cAAc;2BACnB,OAAO,cAAc;;;sBAG1B,OAAO,YAAY;;;MAGnC,UAAU;;;2CAG2B,OAAO,aAAa;yCACtB,OAAO,aAAa;;;;;;sBAMvC,OAAO,UAAU;;eAExB,OAAO,UAAU;;;oBAGZ,OAAO,UAAU;;;AAGrC,EAAE"}