@lobehub/ui 3.4.2 → 3.4.4

package/es/Skeleton/SkeletonTitle.d.mts

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

package/es/Skeleton/SkeletonTitle.mjs

@@ -0,0 +1,31 @@
+'use client';
+
+import { useStyles } from "./style.mjs";
+import SkeletonBlock_default from "./SkeletonBlock.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/Skeleton/SkeletonTitle.tsx
+const DEFAULT_FONT_SIZE = 18;
+const SkeletonTitle = ({ active, fontSize, lineHeight, height, width = "60%", style, className, ...rest }) => {
+	const { theme } = useStyles();
+	const baseFontSize = fontSize ?? theme.fontSize ?? DEFAULT_FONT_SIZE;
+	const resolvedLineHeight = lineHeight ?? 1.6;
+	const marginBlock = (height ? height : Math.round(baseFontSize * resolvedLineHeight)) - baseFontSize;
+	return /* @__PURE__ */ jsx(SkeletonBlock_default, {
+		active,
+		className,
+		height: Math.round(baseFontSize + marginBlock * .5),
+		style: {
+			marginBlock: Math.round(marginBlock * .5 / 2),
+			...style
+		},
+		width,
+		...rest
+	});
+};
+SkeletonTitle.displayName = "SkeletonTitle";
+var SkeletonTitle_default = SkeletonTitle;
+
+//#endregion
+export { SkeletonTitle_default as default };
+//# sourceMappingURL=SkeletonTitle.mjs.map

package/es/Skeleton/SkeletonTitle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonTitle.mjs","names":["SkeletonTitle: FC<SkeletonTitleProps>","SkeletonBlock"],"sources":["../../src/Skeleton/SkeletonTitle.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\n\nimport SkeletonBlock from './SkeletonBlock';\nimport { useStyles } from './style';\nimport type { SkeletonTitleProps } from './type';\n\nconst DEFAULT_FONT_SIZE = 18;\n\nconst SkeletonTitle: FC<SkeletonTitleProps> = ({\n  active,\n  fontSize,\n  lineHeight,\n  height,\n  width = '60%',\n  style,\n  className,\n  ...rest\n}) => {\n  const { theme } = useStyles();\n  const baseFontSize = fontSize ?? theme.fontSize ?? DEFAULT_FONT_SIZE;\n  const resolvedLineHeight = lineHeight ?? 1.6;\n  const computedHeight = height ? height : Math.round(baseFontSize * resolvedLineHeight);\n  const marginBlock = computedHeight - baseFontSize;\n\n  return (\n    <SkeletonBlock\n      active={active}\n      className={className}\n      height={Math.round(baseFontSize + marginBlock * 0.5)}\n      style={{\n        marginBlock: Math.round((marginBlock * 0.5) / 2),\n        ...style,\n      }}\n      width={width}\n      {...rest}\n    />\n  );\n};\n\nSkeletonTitle.displayName = 'SkeletonTitle';\n\nexport default SkeletonTitle;\n"],"mappings":";;;;;;;AAQA,MAAM,oBAAoB;AAE1B,MAAMA,iBAAyC,EAC7C,QACA,UACA,YACA,QACA,QAAQ,OACR,OACA,WACA,GAAG,WACC;CACJ,MAAM,EAAE,UAAU,WAAW;CAC7B,MAAM,eAAe,YAAY,MAAM,YAAY;CACnD,MAAM,qBAAqB,cAAc;CAEzC,MAAM,eADiB,SAAS,SAAS,KAAK,MAAM,eAAe,mBAAmB,IACjD;AAErC,QACE,oBAACC;EACS;EACG;EACX,QAAQ,KAAK,MAAM,eAAe,cAAc,GAAI;EACpD,OAAO;GACL,aAAa,KAAK,MAAO,cAAc,KAAO,EAAE;GAChD,GAAG;GACJ;EACM;EACP,GAAI;GACJ;;AAIN,cAAc,cAAc;AAE5B,4BAAe"}

package/es/Skeleton/index.d.mts

@@ -0,0 +1,23 @@
+import { SkeletonAvatarProps, SkeletonBlockProps, SkeletonButtonProps, SkeletonParagraphProps, SkeletonProps, SkeletonTagsProps, SkeletonTitleProps } from "./type.mjs";
+import { SkeletonAvatar } from "./SkeletonAvatar.mjs";
+import { SkeletonBlock } from "./SkeletonBlock.mjs";
+import { SkeletonButton } from "./SkeletonButton.mjs";
+import { SkeletonParagraph } from "./SkeletonParagraph.mjs";
+import { SkeletonTags } from "./SkeletonTags.mjs";
+import { SkeletonTitle } from "./SkeletonTitle.mjs";
+import { ReactNode } from "react";
+
+//#region src/Skeleton/index.d.ts
+interface ISkeleton {
+  (props: SkeletonProps): ReactNode;
+  Avatar: typeof SkeletonAvatar;
+  Block: typeof SkeletonBlock;
+  Button: typeof SkeletonButton;
+  Paragraph: typeof SkeletonParagraph;
+  Tags: typeof SkeletonTags;
+  Title: typeof SkeletonTitle;
+}
+declare const Skeleton: ISkeleton;
+//#endregion
+export { SkeletonAvatar, SkeletonAvatarProps, SkeletonBlock, SkeletonBlockProps, SkeletonButton, SkeletonButtonProps, SkeletonParagraph, SkeletonParagraphProps, SkeletonProps, SkeletonTags, SkeletonTagsProps, SkeletonTitle, SkeletonTitleProps, Skeleton as default };
+//# sourceMappingURL=index.d.mts.map

package/es/Skeleton/index.d.ts

@@ -1,26 +1 @@
-import type { ReactNode } from 'react';
-import type { SkeletonProps } from "./type";
-import SkeletonAvatar from './SkeletonAvatar';
-import SkeletonBlock from './SkeletonBlock';
-import SkeletonButton from './SkeletonButton';
-import SkeletonParagraph from './SkeletonParagraph';
-import SkeletonTags from './SkeletonTags';
-import SkeletonTitle from './SkeletonTitle';
-interface ISkeleton {
-    (props: SkeletonProps): ReactNode;
-    Avatar: typeof SkeletonAvatar;
-    Block: typeof SkeletonBlock;
-    Button: typeof SkeletonButton;
-    Paragraph: typeof SkeletonParagraph;
-    Tags: typeof SkeletonTags;
-    Title: typeof SkeletonTitle;
-}
-declare const Skeleton: ISkeleton;
-export default Skeleton;
-export { default as SkeletonAvatar } from './SkeletonAvatar';
-export { default as SkeletonBlock } from './SkeletonBlock';
-export { default as SkeletonButton } from './SkeletonButton';
-export { default as SkeletonParagraph } from './SkeletonParagraph';
-export { default as SkeletonTags } from './SkeletonTags';
-export { default as SkeletonTitle } from './SkeletonTitle';
-export type * from './type';
+export * from './index.d.mts';

package/es/Skeleton/index.js

@@ -1,21 +1 @@
-import SkeletonParent from "./Skeleton";
-import SkeletonAvatar from "./SkeletonAvatar";
-import SkeletonBlock from "./SkeletonBlock";
-import SkeletonButton from "./SkeletonButton";
-import SkeletonParagraph from "./SkeletonParagraph";
-import SkeletonTags from "./SkeletonTags";
-import SkeletonTitle from "./SkeletonTitle";
-var Skeleton = SkeletonParent;
-Skeleton.Block = SkeletonBlock;
-Skeleton.Avatar = SkeletonAvatar;
-Skeleton.Title = SkeletonTitle;
-Skeleton.Paragraph = SkeletonParagraph;
-Skeleton.Button = SkeletonButton;
-Skeleton.Tags = SkeletonTags;
-export default Skeleton;
-export { default as SkeletonAvatar } from "./SkeletonAvatar";
-export { default as SkeletonBlock } from "./SkeletonBlock";
-export { default as SkeletonButton } from "./SkeletonButton";
-export { default as SkeletonParagraph } from "./SkeletonParagraph";
-export { default as SkeletonTags } from "./SkeletonTags";
-export { default as SkeletonTitle } from "./SkeletonTitle";
+export * from './index.mjs';

package/es/Skeleton/index.mjs

@@ -0,0 +1,21 @@
+import SkeletonBlock_default from "./SkeletonBlock.mjs";
+import SkeletonAvatar_default from "./SkeletonAvatar.mjs";
+import SkeletonParagraph_default from "./SkeletonParagraph.mjs";
+import SkeletonTitle_default from "./SkeletonTitle.mjs";
+import Skeleton_default$1 from "./Skeleton.mjs";
+import SkeletonButton_default from "./SkeletonButton.mjs";
+import SkeletonTags_default from "./SkeletonTags.mjs";
+
+//#region src/Skeleton/index.ts
+const Skeleton = Skeleton_default$1;
+Skeleton.Block = SkeletonBlock_default;
+Skeleton.Avatar = SkeletonAvatar_default;
+Skeleton.Title = SkeletonTitle_default;
+Skeleton.Paragraph = SkeletonParagraph_default;
+Skeleton.Button = SkeletonButton_default;
+Skeleton.Tags = SkeletonTags_default;
+var Skeleton_default = Skeleton;
+
+//#endregion
+export { SkeletonAvatar_default as SkeletonAvatar, SkeletonBlock_default as SkeletonBlock, SkeletonButton_default as SkeletonButton, SkeletonParagraph_default as SkeletonParagraph, SkeletonTags_default as SkeletonTags, SkeletonTitle_default as SkeletonTitle, Skeleton_default as default };
+//# sourceMappingURL=index.mjs.map

package/es/Skeleton/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["SkeletonParent","SkeletonBlock","SkeletonAvatar","SkeletonTitle","SkeletonParagraph","SkeletonButton","SkeletonTags"],"sources":["../../src/Skeleton/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { SkeletonProps } from '@/Skeleton/type';\n\nimport SkeletonParent from './Skeleton';\nimport SkeletonAvatar from './SkeletonAvatar';\nimport SkeletonBlock from './SkeletonBlock';\nimport SkeletonButton from './SkeletonButton';\nimport SkeletonParagraph from './SkeletonParagraph';\nimport SkeletonTags from './SkeletonTags';\nimport SkeletonTitle from './SkeletonTitle';\n\ninterface ISkeleton {\n  (props: SkeletonProps): ReactNode;\n  Avatar: typeof SkeletonAvatar;\n  Block: typeof SkeletonBlock;\n  Button: typeof SkeletonButton;\n  Paragraph: typeof SkeletonParagraph;\n  Tags: typeof SkeletonTags;\n  Title: typeof SkeletonTitle;\n}\n\nconst Skeleton = SkeletonParent as unknown as ISkeleton;\nSkeleton.Block = SkeletonBlock;\nSkeleton.Avatar = SkeletonAvatar;\nSkeleton.Title = SkeletonTitle;\nSkeleton.Paragraph = SkeletonParagraph;\nSkeleton.Button = SkeletonButton;\nSkeleton.Tags = SkeletonTags;\n\nexport default Skeleton;\n\nexport { default as SkeletonAvatar } from './SkeletonAvatar';\nexport { default as SkeletonBlock } from './SkeletonBlock';\nexport { default as SkeletonButton } from './SkeletonButton';\nexport { default as SkeletonParagraph } from './SkeletonParagraph';\nexport { default as SkeletonTags } from './SkeletonTags';\nexport { default as SkeletonTitle } from './SkeletonTitle';\nexport type * from './type';\n"],"mappings":";;;;;;;;;AAsBA,MAAM,WAAWA;AACjB,SAAS,QAAQC;AACjB,SAAS,SAASC;AAClB,SAAS,QAAQC;AACjB,SAAS,YAAYC;AACrB,SAAS,SAASC;AAClB,SAAS,OAAOC;AAEhB,uBAAe"}

package/es/Skeleton/style.mjs

@@ -0,0 +1,49 @@
+import { createStyles, keyframes } from "antd-style";
+
+//#region src/Skeleton/style.ts
+const shimmer = keyframes`
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: .5;
+  }
+  100% {
+    opacity: 1;
+  }
+`;
+const useStyles = createStyles(({ css: css$1, token }) => {
+	const spacing = token.paddingXS ?? 8;
+	return {
+		active: css$1`
+      background: ${token.colorFillSecondary};
+      animation: ${shimmer} 2s linear infinite;
+    `,
+		avatar: css$1`
+      flex-shrink: 0;
+    `,
+		base: css$1`
+      user-select: none;
+
+      position: relative;
+
+      overflow: hidden;
+
+      border-radius: ${token.borderRadius}px;
+
+      background: ${token.colorFillTertiary};
+    `,
+		text: css$1`
+      display: flex;
+      flex: 1;
+      flex-direction: column;
+      gap: ${spacing}px;
+
+      width: 100%;
+    `
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/Skeleton/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Skeleton/style.ts"],"sourcesContent":["import { createStyles, keyframes } from 'antd-style';\n\nconst shimmer = keyframes`\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: .5;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nexport const useStyles = createStyles(({ css, token }) => {\n  const spacing = token.paddingXS ?? 8;\n  return {\n    active: css`\n      background: ${token.colorFillSecondary};\n      animation: ${shimmer} 2s linear infinite;\n    `,\n\n    avatar: css`\n      flex-shrink: 0;\n    `,\n\n    base: css`\n      user-select: none;\n\n      position: relative;\n\n      overflow: hidden;\n\n      border-radius: ${token.borderRadius}px;\n\n      background: ${token.colorFillTertiary};\n    `,\n\n    text: css`\n      display: flex;\n      flex: 1;\n      flex-direction: column;\n      gap: ${spacing}px;\n\n      width: 100%;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAM,UAAU,SAAS;;;;;;;;;;;AAYzB,MAAa,YAAY,cAAc,EAAE,YAAK,YAAY;CACxD,MAAM,UAAU,MAAM,aAAa;AACnC,QAAO;EACL,QAAQ,KAAG;oBACK,MAAM,mBAAmB;mBAC1B,QAAQ;;EAGvB,QAAQ,KAAG;;;EAIX,MAAM,KAAG;;;;;;;uBAOU,MAAM,aAAa;;oBAEtB,MAAM,kBAAkB;;EAGxC,MAAM,KAAG;;;;aAIA,QAAQ;;;;EAIlB;EACD"}

package/es/Skeleton/type.d.mts

@@ -0,0 +1,60 @@
+import { CSSProperties } from "react";
+
+//#region src/Skeleton/type.d.ts
+interface SkeletonBlockProps {
+  active?: boolean;
+  className?: string;
+  height?: number | string;
+  style?: CSSProperties;
+  width?: number | string;
+}
+interface SkeletonTitleProps extends Omit<SkeletonBlockProps, 'height'> {
+  fontSize?: number;
+  height?: number;
+  lineHeight?: number;
+  width?: number | string;
+}
+interface SkeletonParagraphProps extends Omit<SkeletonBlockProps, 'width' | 'height'> {
+  fontSize?: number;
+  gap?: number;
+  height?: number;
+  lineHeight?: number;
+  rows?: number;
+  width?: number | string | (number | string)[];
+}
+interface SkeletonTagsProps extends Omit<SkeletonBlockProps, 'width'> {
+  count?: number;
+  gap?: number;
+  size?: 'small' | 'middle' | 'large';
+  width?: number | string | (number | string)[];
+}
+interface SkeletonAvatarProps extends SkeletonBlockProps {
+  shape?: 'circle' | 'square';
+  size?: number | string;
+}
+interface SkeletonButtonProps extends SkeletonBlockProps {
+  block?: boolean;
+  shape?: 'circle' | 'round' | 'default';
+  size?: 'large' | 'small' | 'default';
+}
+interface SkeletonProps extends SkeletonBlockProps {
+  avatar?: SkeletonAvatarProps | boolean;
+  classNames?: {
+    avatar?: string;
+    paragraph?: string;
+    root?: string;
+    title?: string;
+  };
+  gap?: number;
+  paragraph?: SkeletonParagraphProps | boolean;
+  styles?: {
+    avatar?: CSSProperties;
+    paragraph?: CSSProperties;
+    root?: CSSProperties;
+    title?: CSSProperties;
+  };
+  title?: SkeletonTitleProps | boolean;
+}
+//#endregion
+export { SkeletonAvatarProps, SkeletonBlockProps, SkeletonButtonProps, SkeletonParagraphProps, SkeletonProps, SkeletonTagsProps, SkeletonTitleProps };
+//# sourceMappingURL=type.d.mts.map

package/es/SliderWithInput/SliderWithInput.d.mts

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

package/es/SliderWithInput/SliderWithInput.mjs

@@ -0,0 +1,67 @@
+'use client';
+
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import InputNumber_default from "../Input/InputNumber.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Slider } from "antd";
+import { isNull } from "lodash-es";
+
+//#region src/SliderWithInput/SliderWithInput.tsx
+const SliderWithInput = memo(({ step, value, onChange, max, min, defaultValue, size, controls, gap = 16, style, className, classNames, styles, disabled, unlimitedInput = false, changeOnWheel, ...rest }) => {
+	const handleOnchange = (value$1) => {
+		if (Number.isNaN(value$1) || isNull(value$1)) return;
+		onChange?.(value$1);
+	};
+	const { slider: sliderClassName, input: inputClassName, ...restClassNames } = classNames || {};
+	const { slider: sliderStyle, input: inputStyle, ...restStyles } = styles || {};
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		align: "center",
+		className,
+		direction: "horizontal",
+		gap,
+		style,
+		children: [/* @__PURE__ */ jsx(Slider, {
+			className: sliderClassName,
+			classNames: restClassNames,
+			defaultValue,
+			disabled,
+			max,
+			min,
+			onChange: handleOnchange,
+			step,
+			style: {
+				flex: 1,
+				margin: size === "small" ? 0 : void 0,
+				...sliderStyle
+			},
+			styles: restStyles,
+			tooltip: { open: false },
+			value: typeof value === "number" ? value : 0,
+			...rest
+		}), /* @__PURE__ */ jsx(InputNumber_default, {
+			changeOnWheel,
+			className: inputClassName,
+			controls: size !== "small" || controls,
+			defaultValue,
+			disabled,
+			max: unlimitedInput ? void 0 : max,
+			min,
+			onChange: (v) => handleOnchange(Number(v)),
+			size,
+			step: Number.isNaN(step) || isNull(step) ? void 0 : step,
+			style: {
+				flex: 1,
+				maxWidth: size === "small" ? 40 : 64,
+				...inputStyle
+			},
+			value: typeof value === "number" ? value : 0
+		})]
+	});
+});
+SliderWithInput.displayName = "SliderWithInput";
+var SliderWithInput_default = SliderWithInput;
+
+//#endregion
+export { SliderWithInput_default as default };
+//# sourceMappingURL=SliderWithInput.mjs.map

package/es/SliderWithInput/SliderWithInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderWithInput.mjs","names":["value","Flexbox","InputNumber"],"sources":["../../src/SliderWithInput/SliderWithInput.tsx"],"sourcesContent":["'use client';\n\nimport { Slider } from 'antd';\nimport { isNull } from 'lodash-es';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport InputNumber from '@/Input/InputNumber';\n\nimport type { SliderWithInputProps } from './type';\n\nconst SliderWithInput = memo<SliderWithInputProps>(\n  ({\n    step,\n    value,\n    onChange,\n    max,\n    min,\n    defaultValue,\n    size,\n    controls,\n    gap = 16,\n    style,\n    className,\n    classNames,\n    styles,\n    disabled,\n    unlimitedInput = false,\n    changeOnWheel,\n    ...rest\n  }) => {\n    const handleOnchange = (value: number | null) => {\n      if (Number.isNaN(value) || isNull(value)) return;\n      onChange?.(value);\n    };\n\n    const { slider: sliderClassName, input: inputClassName, ...restClassNames } = classNames || {};\n    const { slider: sliderStyle, input: inputStyle, ...restStyles } = styles || {};\n\n    return (\n      <Flexbox\n        align={'center'}\n        className={className}\n        direction={'horizontal'}\n        gap={gap}\n        style={style}\n      >\n        <Slider\n          className={sliderClassName}\n          classNames={restClassNames}\n          defaultValue={defaultValue}\n          disabled={disabled}\n          max={max}\n          min={min}\n          onChange={handleOnchange}\n          step={step}\n          style={{ flex: 1, margin: size === 'small' ? 0 : undefined, ...sliderStyle }}\n          styles={restStyles}\n          tooltip={{ open: false }}\n          value={typeof value === 'number' ? value : 0}\n          {...rest}\n        />\n        <InputNumber\n          changeOnWheel={changeOnWheel}\n          className={inputClassName}\n          controls={size !== 'small' || controls}\n          defaultValue={defaultValue}\n          disabled={disabled}\n          max={unlimitedInput ? undefined : max}\n          min={min}\n          onChange={(v) => handleOnchange(Number(v))}\n          size={size}\n          step={Number.isNaN(step) || isNull(step) ? undefined : step}\n          style={{ flex: 1, maxWidth: size === 'small' ? 40 : 64, ...inputStyle }}\n          value={typeof value === 'number' ? value : 0}\n        />\n      </Flexbox>\n    );\n  },\n);\n\nSliderWithInput.displayName = 'SliderWithInput';\n\nexport default SliderWithInput;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,kBAAkB,MACrB,EACC,MACA,OACA,UACA,KACA,KACA,cACA,MACA,UACA,MAAM,IACN,OACA,WACA,YACA,QACA,UACA,iBAAiB,OACjB,eACA,GAAG,WACC;CACJ,MAAM,kBAAkB,YAAyB;AAC/C,MAAI,OAAO,MAAMA,QAAM,IAAI,OAAOA,QAAM,CAAE;AAC1C,aAAWA,QAAM;;CAGnB,MAAM,EAAE,QAAQ,iBAAiB,OAAO,gBAAgB,GAAG,mBAAmB,cAAc,EAAE;CAC9F,MAAM,EAAE,QAAQ,aAAa,OAAO,YAAY,GAAG,eAAe,UAAU,EAAE;AAE9E,QACE,qBAACC;EACC,OAAO;EACI;EACX,WAAW;EACN;EACE;aAEP,oBAAC;GACC,WAAW;GACX,YAAY;GACE;GACJ;GACL;GACA;GACL,UAAU;GACJ;GACN,OAAO;IAAE,MAAM;IAAG,QAAQ,SAAS,UAAU,IAAI;IAAW,GAAG;IAAa;GAC5E,QAAQ;GACR,SAAS,EAAE,MAAM,OAAO;GACxB,OAAO,OAAO,UAAU,WAAW,QAAQ;GAC3C,GAAI;IACJ,EACF,oBAACC;GACgB;GACf,WAAW;GACX,UAAU,SAAS,WAAW;GAChB;GACJ;GACV,KAAK,iBAAiB,SAAY;GAC7B;GACL,WAAW,MAAM,eAAe,OAAO,EAAE,CAAC;GACpC;GACN,MAAM,OAAO,MAAM,KAAK,IAAI,OAAO,KAAK,GAAG,SAAY;GACvD,OAAO;IAAE,MAAM;IAAG,UAAU,SAAS,UAAU,KAAK;IAAI,GAAG;IAAY;GACvE,OAAO,OAAO,UAAU,WAAW,QAAQ;IAC3C;GACM;EAGf;AAED,gBAAgB,cAAc;AAE9B,8BAAe"}

package/es/SliderWithInput/index.d.mts

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

package/es/SliderWithInput/index.d.ts

@@ -1,2 +1 @@
-export { default } from './SliderWithInput';
-export type * from './type';
+export * from './index.d.mts';

package/es/SliderWithInput/index.js

@@ -1 +1 @@
-export { default } from "./SliderWithInput";
+export * from './index.mjs';

package/es/SliderWithInput/index.mjs

@@ -0,0 +1,3 @@
+import SliderWithInput_default from "./SliderWithInput.mjs";
+
+export { SliderWithInput_default as default };

package/es/SliderWithInput/type.d.mts

@@ -0,0 +1,27 @@
+import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
+import { InputNumberProps as InputNumberProps$1 } from "../Input/type.mjs";
+import "../Input/index.mjs";
+import { CSSProperties } from "react";
+import { SliderSingleProps } from "antd";
+
+//#region src/SliderWithInput/type.d.ts
+interface SliderWithInputProps extends Omit<SliderSingleProps, 'classNames' | 'styles'> {
+  changeOnWheel?: boolean;
+  classNames?: {
+    input?: string;
+    slider?: string;
+  } & SliderSingleProps['classNames'];
+  controls?: InputNumberProps$1['controls'];
+  gap?: FlexboxProps['gap'];
+  size?: InputNumberProps$1['size'];
+  styles?: {
+    input?: CSSProperties;
+    slider?: CSSProperties;
+  } & SliderSingleProps['styles'];
+  unlimitedInput?: boolean;
+  variant?: InputNumberProps$1['variant'];
+}
+//#endregion
+export { SliderWithInputProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Snippet/Snippet.d.mts

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

package/es/Snippet/Snippet.mjs

@@ -0,0 +1,63 @@
+'use client';
+
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import SyntaxHighlighter_default from "../Highlighter/SyntaxHighlighter/index.mjs";
+import CopyButton_default from "../CopyButton/CopyButton.mjs";
+import Spotlight_default from "../awesome/Spotlight/Spotlight.mjs";
+import { useStyles } from "./style.mjs";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/Snippet/Snippet.tsx
+const Snippet = ({ ref, prefix, language = "tsx", children, copyable = true, variant = "filled", spotlight, shadow, className, ...rest }) => {
+	const { styles, cx } = useStyles();
+	const variants = useMemo(() => cva(styles.root, {
+		defaultVariants: {
+			shadow: false,
+			variant: "filled"
+		},
+		variants: {
+			variant: {
+				filled: styles.filled,
+				outlined: styles.outlined,
+				borderless: styles.borderless
+			},
+			shadow: {
+				false: null,
+				true: styles.shadow
+			}
+		}
+	}), [styles]);
+	const tirmedChildren = children.trim();
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		align: "center",
+		className: cx(variants({
+			shadow,
+			variant
+		}), className),
+		"data-code-type": "highlighter",
+		gap: 8,
+		horizontal: true,
+		ref,
+		...rest,
+		children: [
+			spotlight && /* @__PURE__ */ jsx(Spotlight_default, {}),
+			/* @__PURE__ */ jsx(SyntaxHighlighter_default, {
+				className: styles.hightlight,
+				language,
+				children: [prefix, tirmedChildren].filter(Boolean).join(" ")
+			}),
+			copyable && /* @__PURE__ */ jsx(CopyButton_default, {
+				content: tirmedChildren,
+				size: "small"
+			})
+		]
+	});
+};
+Snippet.displayName = "Snippet";
+var Snippet_default = Snippet;
+
+//#endregion
+export { Snippet_default as default };
+//# sourceMappingURL=Snippet.mjs.map

package/es/Snippet/Snippet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snippet.mjs","names":["Snippet: FC<SnippetProps>","Flexbox","Spotlight","SyntaxHighlighter","CopyButton"],"sources":["../../src/Snippet/Snippet.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { type FC, useMemo } from 'react';\n\nimport CopyButton from '@/CopyButton';\nimport { Flexbox } from '@/Flex';\nimport SyntaxHighlighter from '@/Highlighter/SyntaxHighlighter';\nimport Spotlight from '@/awesome/Spotlight';\n\nimport { useStyles } from './style';\nimport type { SnippetProps } from './type';\n\nconst Snippet: FC<SnippetProps> = ({\n  ref,\n  prefix,\n  language = 'tsx',\n  children,\n  copyable = true,\n  variant = 'filled',\n  spotlight,\n  shadow,\n  className,\n  ...rest\n}) => {\n  const { styles, cx } = useStyles();\n\n  const variants = useMemo(\n    () =>\n      cva(styles.root, {\n        defaultVariants: {\n          shadow: false,\n          variant: 'filled',\n        },\n        /* eslint-disable sort-keys-fix/sort-keys-fix */\n        variants: {\n          variant: {\n            filled: styles.filled,\n            outlined: styles.outlined,\n            borderless: styles.borderless,\n          },\n          shadow: {\n            false: null,\n            true: styles.shadow,\n          },\n        },\n        /* eslint-enable sort-keys-fix/sort-keys-fix */\n      }),\n    [styles],\n  );\n\n  const tirmedChildren = children.trim();\n\n  return (\n    <Flexbox\n      align={'center'}\n      className={cx(variants({ shadow, variant }), className)}\n      data-code-type=\"highlighter\"\n      gap={8}\n      horizontal\n      ref={ref}\n      {...rest}\n    >\n      {spotlight && <Spotlight />}\n      <SyntaxHighlighter className={styles.hightlight} language={language}>\n        {[prefix, tirmedChildren].filter(Boolean).join(' ')}\n      </SyntaxHighlighter>\n      {copyable && <CopyButton content={tirmedChildren} size={'small'} />}\n    </Flexbox>\n  );\n};\n\nSnippet.displayName = 'Snippet';\n\nexport default Snippet;\n"],"mappings":";;;;;;;;;;;;AAaA,MAAMA,WAA6B,EACjC,KACA,QACA,WAAW,OACX,UACA,WAAW,MACX,UAAU,UACV,WACA,QACA,WACA,GAAG,WACC;CACJ,MAAM,EAAE,QAAQ,OAAO,WAAW;CAElC,MAAM,WAAW,cAEb,IAAI,OAAO,MAAM;EACf,iBAAiB;GACf,QAAQ;GACR,SAAS;GACV;EAED,UAAU;GACR,SAAS;IACP,QAAQ,OAAO;IACf,UAAU,OAAO;IACjB,YAAY,OAAO;IACpB;GACD,QAAQ;IACN,OAAO;IACP,MAAM,OAAO;IACd;GACF;EAEF,CAAC,EACJ,CAAC,OAAO,CACT;CAED,MAAM,iBAAiB,SAAS,MAAM;AAEtC,QACE,qBAACC;EACC,OAAO;EACP,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS,CAAC,EAAE,UAAU;EACvD,kBAAe;EACf,KAAK;EACL;EACK;EACL,GAAI;;GAEH,aAAa,oBAACC,sBAAY;GAC3B,oBAACC;IAAkB,WAAW,OAAO;IAAsB;cACxD,CAAC,QAAQ,eAAe,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;KACjC;GACnB,YAAY,oBAACC;IAAW,SAAS;IAAgB,MAAM;KAAW;;GAC3D;;AAId,QAAQ,cAAc;AAEtB,sBAAe"}

package/es/Snippet/index.d.mts

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

package/es/Snippet/index.d.ts

@@ -1,2 +1 @@
-export { default } from './Snippet';
-export type * from './type';
+export * from './index.d.mts';

package/es/Snippet/index.js

@@ -1 +1 @@
-export { default } from "./Snippet";
+export * from './index.mjs';

package/es/Snippet/index.mjs

@@ -0,0 +1,3 @@
+import Snippet_default from "./Snippet.mjs";
+
+export { Snippet_default as default };

package/es/Snippet/style.mjs

@@ -0,0 +1,39 @@
+import { createStyles } from "antd-style";
+
+//#region src/Snippet/style.ts
+const useStyles = createStyles(({ css: css$1, token, stylish }) => {
+	return {
+		borderless: stylish.variantBorderlessWithoutHover,
+		filled: stylish.variantFilledWithoutHover,
+		hightlight: css$1`
+      overflow: auto hidden;
+      flex: 1;
+      height: 100%;
+      padding: 0;
+
+      pre {
+        display: flex;
+        align-items: center;
+        height: 100%;
+      }
+    `,
+		outlined: stylish.variantOutlinedWithoutHover,
+		root: css$1`
+      position: relative;
+
+      overflow: hidden;
+
+      max-width: 100%;
+      height: 38px;
+      padding-block: 0;
+      padding-inline: 12px 8px;
+
+      border-radius: ${token.borderRadius}px;
+    `,
+		shadow: stylish.shadow
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/Snippet/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Snippet/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css, token, stylish }) => {\n  return {\n    borderless: stylish.variantBorderlessWithoutHover,\n    filled: stylish.variantFilledWithoutHover,\n    hightlight: css`\n      overflow: auto hidden;\n      flex: 1;\n      height: 100%;\n      padding: 0;\n\n      pre {\n        display: flex;\n        align-items: center;\n        height: 100%;\n      }\n    `,\n    outlined: stylish.variantOutlinedWithoutHover,\n    root: css`\n      position: relative;\n\n      overflow: hidden;\n\n      max-width: 100%;\n      height: 38px;\n      padding-block: 0;\n      padding-inline: 12px 8px;\n\n      border-radius: ${token.borderRadius}px;\n    `,\n    shadow: stylish.shadow,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,YAAK,OAAO,cAAc;AACjE,QAAO;EACL,YAAY,QAAQ;EACpB,QAAQ,QAAQ;EAChB,YAAY,KAAG;;;;;;;;;;;;EAYf,UAAU,QAAQ;EAClB,MAAM,KAAG;;;;;;;;;;uBAUU,MAAM,aAAa;;EAEtC,QAAQ,QAAQ;EACjB;EACD"}

package/es/Snippet/type.d.mts

@@ -0,0 +1,18 @@
+import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
+import { Ref } from "react";
+
+//#region src/Snippet/type.d.ts
+interface SnippetProps extends FlexboxProps {
+  children: string;
+  copyable?: boolean;
+  language?: string;
+  prefix?: string;
+  ref?: Ref<HTMLDivElement>;
+  shadow?: boolean;
+  spotlight?: boolean;
+  variant?: 'filled' | 'outlined' | 'borderless';
+}
+//#endregion
+export { SnippetProps };
+//# sourceMappingURL=type.d.mts.map

package/es/SortableList/SortableList.d.mts

@@ -0,0 +1,15 @@
+import { DragHandle } from "./components/DragHandle.mjs";
+import { SortableItem } from "./components/SortableItem.mjs";
+import { SortableListProps } from "./type.mjs";
+import { ReactNode } from "react";
+
+//#region src/SortableList/SortableList.d.ts
+interface ISortableList {
+  (props: SortableListProps): ReactNode;
+  DragHandle: typeof DragHandle;
+  Item: typeof SortableItem;
+}
+declare const SortableList: ISortableList;
+//#endregion
+export { SortableList };
+//# sourceMappingURL=SortableList.d.mts.map

package/es/SortableList/SortableList.mjs

@@ -0,0 +1,55 @@
+'use client';
+
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import { useStyles } from "./style.mjs";
+import SortableItem_default from "./components/SortableItem.mjs";
+import DragHandle_default from "./components/DragHandle.mjs";
+import SortableOverlay_default from "./components/SortableOverlay.mjs";
+import { Fragment, memo, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
+import { restrictToVerticalAxis, restrictToWindowEdges } from "@dnd-kit/modifiers";
+import { SortableContext, arrayMove, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
+
+//#region src/SortableList/SortableList.tsx
+const SortableListParent = memo(({ ref, items, onChange, renderItem, gap = 8, ...rest }) => {
+	const [active, setActive] = useState(null);
+	const { styles } = useStyles();
+	const activeItem = useMemo(() => items.find((item) => item.id === active?.id), [active, items]);
+	const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
+	return /* @__PURE__ */ jsxs(DndContext, {
+		modifiers: [restrictToVerticalAxis, restrictToWindowEdges],
+		onDragCancel: () => {
+			setActive(null);
+		},
+		onDragEnd: ({ active: active$1, over }) => {
+			if (over && active$1.id !== over?.id) onChange(arrayMove(items, items.findIndex(({ id }) => id === active$1.id), items.findIndex(({ id }) => id === over.id)));
+			setActive(null);
+		},
+		onDragStart: ({ active: active$1 }) => {
+			setActive(active$1);
+		},
+		sensors,
+		children: [/* @__PURE__ */ jsx(SortableContext, {
+			items,
+			strategy: verticalListSortingStrategy,
+			children: /* @__PURE__ */ jsx(FlexBasic_default, {
+				as: "ul",
+				className: styles.container,
+				gap,
+				ref,
+				...rest,
+				children: items.map((item) => /* @__PURE__ */ jsx(Fragment, { children: renderItem(item) }, item.id))
+			})
+		}), /* @__PURE__ */ jsx(SortableOverlay_default, { children: activeItem ? renderItem(activeItem) : null })]
+	});
+});
+SortableListParent.displayName = "SortableList";
+const SortableList = SortableListParent;
+SortableList.Item = SortableItem_default;
+SortableList.DragHandle = DragHandle_default;
+var SortableList_default = SortableList;
+
+//#endregion
+export { SortableList_default as default };
+//# sourceMappingURL=SortableList.mjs.map