@meta-1/design 0.0.198 → 0.0.200

package/src/lib/utils.ts

@@ -1,5 +1,54 @@
 import { type ClassValue, clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
+import { extendTailwindMerge } from "tailwind-merge";
+
+const twMerge = extendTailwindMerge<string>({
+  extend: {
+    theme: {
+      radius: [
+        "sm",
+        "md",
+        "lg",
+        "xl",
+        "button",
+        "alert",
+        "dialog",
+        "badge",
+        "card",
+        "select",
+        "popover",
+        "command",
+        "calendar",
+        "input",
+        "tabs-title",
+      ],
+      spacing: [
+        "2xs",
+        "xs",
+        "sm",
+        "md",
+        "lg",
+        "xl",
+        "2xl",
+        "3xl",
+        "4xl",
+        "5xl",
+        "6xl",
+        "7xl",
+        "button",
+        "alert",
+        "dialog",
+        "badge",
+        "card",
+        "select",
+        "popover",
+        "command",
+        "calendar",
+        "input",
+        "tabs-title",
+      ],
+    },
+  },
+});
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));

package/src/components/uix/breadcrumbs/index.tsx

@@ -1,38 +0,0 @@
-import { Children, cloneElement, type FC, type PropsWithChildren, type ReactElement } from "react";
-
-import { cn } from "@meta-1/design/lib";
-
-export interface BreadcrumbsItemProps extends PropsWithChildren {
-  last?: boolean;
-}
-
-export const BreadcrumbsItem: FC<BreadcrumbsItemProps> = (props) => {
-  const { last = false } = props;
-  return (
-    <div className="text-muted-foreground">
-      {props.children}
-      {last ? null : <span className="mx-2">/</span>}
-    </div>
-  );
-};
-
-export interface BreadcrumbsProps extends PropsWithChildren {
-  className?: string;
-}
-
-export const Breadcrumbs: FC<BreadcrumbsProps> = (props) => {
-  const { children, className } = props;
-
-  const size = Children.count(children);
-
-  return (
-    <div className={cn("my-2 flex items-center justify-start", className)}>
-      {Children.map(children, (child, index) => {
-        const ele = child as ReactElement;
-        if (!ele) return null;
-        // biome-ignore lint/suspicious/noExplicitAny: <cloneElement>
-        return cloneElement<any>(ele, { ...(ele as any).props, last: index === size - 1 });
-      })}
-    </div>
-  );
-};

package/src/components/uix/space/index.tsx

@@ -1,24 +0,0 @@
-import type { FC, PropsWithChildren } from "react";
-
-import { cn } from "@meta-1/design/lib";
-
-export interface SpaceProps extends PropsWithChildren {
-  className?: string;
-  direction?: "horizontal" | "vertical";
-}
-
-export const Space: FC<SpaceProps> = (props) => {
-  const { direction = "horizontal", className } = props;
-  return (
-    <div
-      className={cn(
-        "flex items-start justify-start",
-        direction === "vertical" ? "flex-col space-y-2" : null,
-        direction === "horizontal" ? "flex-row items-start space-x-2" : null,
-        className,
-      )}
-    >
-      {props.children}
-    </div>
-  );
-};