@mks2508/mks-ui 0.9.0 → 0.11.0

package/dist/react-ui/ui/MiddleTruncatePath/index.d.ts

@@ -1,6 +1,9 @@
 /**
  * MiddleTruncatePath — CSS-only middle truncation for file paths.
  *
+ * @deprecated Use `<MiddleTruncate strategy="segments" separator="/">` instead.
+ * Path-specific wrapper kept for backward compatibility. Will be removed in v0.11.
+ *
  * Splits a path into a truncatable start and a fixed end
  * (`parent/filename` by default). When space is limited, the start
  * truncates with ellipsis while the end (the most identifiable part)
@@ -16,6 +19,9 @@ import type { IMiddleTruncatePathProps } from './MiddleTruncatePath.types';
 /**
  * Middle-truncates a file path, keeping the end segments visible.
  *
+ * @deprecated Use `<MiddleTruncate strategy="segments" separator="/">` instead.
+ *   This component is a thin path-specific wrapper and will be removed in v0.11.
+ *
  * @param slots - Override Tailwind classes per visual slot
  *
  * @example
@@ -27,7 +33,7 @@ import type { IMiddleTruncatePathProps } from './MiddleTruncatePath.types';
  * ```
  */
 export declare const MiddleTruncatePath: import("react").MemoExoticComponent<({ path, keepEnd, className, startClassName, endClassName, slots, }: IMiddleTruncatePathProps) => import("react/jsx-runtime").JSX.Element>;
-export { MiddleTruncatePathStyles, middleTruncatePathVariants, } from './MiddleTruncatePath.styles';
+export { MiddleTruncatePathStyles, MiddleTruncatePathShortRootStyles, } from './MiddleTruncatePath.styles';
 export type { MiddleTruncatePathSlot } from './MiddleTruncatePath.styles';
 export type { IMiddleTruncatePathProps } from './MiddleTruncatePath.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/react-ui/ui/MiddleTruncatePath/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/MiddleTruncatePath/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAWH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAE3E;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,kBAAkB,2GAO5B,wBAAwB,6CAqCzB,CAAC;AAEH,OAAO,EACL,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,6BAA6B,CAAC;AACrC,YAAY,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,YAAY,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/MiddleTruncatePath/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAQH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAE3E;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,kBAAkB,2GAO5B,wBAAwB,6CA6BzB,CAAC;AAEH,OAAO,EACL,wBAAwB,EACxB,iCAAiC,GAClC,MAAM,6BAA6B,CAAC;AACrC,YAAY,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,YAAY,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/react-ui/ui/MiddleTruncatePath/index.js

@@ -1,14 +1,18 @@
 'use client';
 
 import { cn } from "../../lib/utils.js";
-import { MiddleTruncatePathShortRootStyles, MiddleTruncatePathStyles, middleTruncatePathVariants } from "./MiddleTruncatePath.styles.js";
+import { MiddleTruncate } from "../MiddleTruncate/index.js";
+import { MiddleTruncatePathShortRootStyles, MiddleTruncatePathStyles } from "./MiddleTruncatePath.styles.js";
 import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/react-ui/ui/MiddleTruncatePath/index.tsx
 /**
 * MiddleTruncatePath — CSS-only middle truncation for file paths.
 *
+* @deprecated Use `<MiddleTruncate strategy="segments" separator="/">` instead.
+* Path-specific wrapper kept for backward compatibility. Will be removed in v0.11.
+*
 * Splits a path into a truncatable start and a fixed end
 * (`parent/filename` by default). When space is limited, the start
 * truncates with ellipsis while the end (the most identifiable part)
@@ -23,6 +27,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /**
 * Middle-truncates a file path, keeping the end segments visible.
 *
+* @deprecated Use `<MiddleTruncate strategy="segments" separator="/">` instead.
+*   This component is a thin path-specific wrapper and will be removed in v0.11.
+*
 * @param slots - Override Tailwind classes per visual slot
 *
 * @example
@@ -34,25 +41,22 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * ```
 */
 const MiddleTruncatePath = memo(function MiddleTruncatePath({ path, keepEnd = 2, className, startClassName, endClassName, slots }) {
-	const segments = path.split("/");
-	if (segments.length <= keepEnd) return /* @__PURE__ */ jsx("span", {
+	if (path.split("/").length <= keepEnd) return /* @__PURE__ */ jsx("span", {
 		className: cn(MiddleTruncatePathShortRootStyles, slots?.root, className),
 		title: path,
 		children: path
 	});
-	const endSegments = segments.slice(-keepEnd);
-	const start = segments.slice(0, -keepEnd).join("/") + "/";
-	const end = endSegments.join("/");
-	return /* @__PURE__ */ jsxs("span", {
-		className: cn(middleTruncatePathVariants(), slots?.root, className),
-		title: path,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: cn(MiddleTruncatePathStyles.start, slots?.start, startClassName),
-			children: start
-		}), /* @__PURE__ */ jsx("span", {
-			className: cn(MiddleTruncatePathStyles.end, slots?.end, endClassName),
-			children: end
-		})]
+	return /* @__PURE__ */ jsx(MiddleTruncate, {
+		strategy: "segments",
+		separator: "/",
+		text: path,
+		keepEnd,
+		className,
+		slots: {
+			...slots,
+			start: cn(slots?.start, startClassName),
+			end: cn(slots?.end, endClassName)
+		}
 	});
 });
 

package/dist/react-ui/ui/index.d.ts

@@ -30,6 +30,7 @@ export * from './FileTree';
 export * from './Input';
 export * from './InputGroup';
 export * from './Label';
+export * from './MiddleTruncate';
 export * from './MiddleTruncatePath';
 export * from './OperationCard';
 export * from './Select';

package/dist/react-ui/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react-ui/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react-ui/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,iBAAiB,CAAC"}

package/dist/react-ui/ui/index.js

@@ -38,7 +38,9 @@ import { fieldVariants } from "./Field/Field.styles.js";
 import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./Field/index.js";
 import { FileIconStyles, FolderIconStyles, fileIconVariants, folderIconVariants } from "./FileIcon/FileIcon.styles.js";
 import { FileIcon, FolderIcon } from "./FileIcon/index.js";
-import { MiddleTruncatePathStyles, middleTruncatePathVariants } from "./MiddleTruncatePath/MiddleTruncatePath.styles.js";
+import { MiddleTruncateStyles, middleTruncateVariants } from "./MiddleTruncate/MiddleTruncate.styles.js";
+import { MiddleTruncate } from "./MiddleTruncate/index.js";
+import { MiddleTruncatePathShortRootStyles, MiddleTruncatePathStyles } from "./MiddleTruncatePath/MiddleTruncatePath.styles.js";
 import { MiddleTruncatePath } from "./MiddleTruncatePath/index.js";
 import { FileItemGitStatusClasses, FileItemStyles, fileItemVariants } from "./FileItem/FileItem.styles.js";
 import { FileItem } from "./FileItem/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mks2508/mks-ui",
-  "version": "0.9.0",
+  "version": "0.11.0",
   "description": "UI component library - Shadcn/Animate UI based with DevEnv components",
   "type": "module",
   "main": "./dist/index.js",