@x-plat/design-system 0.4.4 → 0.4.6

package/dist/components/Alert/index.cjs

@@ -43,11 +43,11 @@ var clsx_default = clsx;
 // src/components/Alert/Alert.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var Alert = (props) => {
-  const { type = "info", children, onClose, className } = props;
+  const { type = "info", children, onClose } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
-      className: clsx_default("lib-xplat-alert", type, className),
+      className: clsx_default("lib-xplat-alert", type),
       role: "alert",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "content", children }),

package/dist/components/Alert/index.d.cts

@@ -5,7 +5,6 @@ interface AlertProps {
     type?: AlertType;
     children: React.ReactNode;
     onClose?: () => void;
-    className?: string;
 }
 declare const Alert: React.FC<AlertProps>;
 

package/dist/components/Alert/index.d.ts

@@ -5,7 +5,6 @@ interface AlertProps {
     type?: AlertType;
     children: React.ReactNode;
     onClose?: () => void;
-    className?: string;
 }
 declare const Alert: React.FC<AlertProps>;
 

package/dist/components/Alert/index.js

@@ -17,11 +17,11 @@ var clsx_default = clsx;
 // src/components/Alert/Alert.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var Alert = (props) => {
-  const { type = "info", children, onClose, className } = props;
+  const { type = "info", children, onClose } = props;
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: clsx_default("lib-xplat-alert", type, className),
+      className: clsx_default("lib-xplat-alert", type),
       role: "alert",
       children: [
         /* @__PURE__ */ jsx("div", { className: "content", children }),

package/dist/components/Avatar/index.cjs

@@ -48,12 +48,11 @@ var Avatar = (props) => {
     alt,
     name,
     size = "md",
-    color = "xplat-blue-500",
-    className
+    color = "xplat-blue-500"
   } = props;
   const colorClass = color;
   const initials = name ? name.split(" ").map((s) => s[0]).join("").slice(0, 2).toUpperCase() : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: clsx_default("lib-xplat-avatar", size, className), children: src ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src, alt: alt || name || "avatar" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: clsx_default("fallback", colorClass), children: initials || /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: clsx_default("lib-xplat-avatar", size), children: src ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src, alt: alt || name || "avatar" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: clsx_default("fallback", colorClass), children: initials || /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }) }) }) });
 };
 Avatar.displayName = "Avatar";
 var Avatar_default = Avatar;

package/dist/components/Avatar/index.d.cts

@@ -7,7 +7,6 @@ interface AvatarProps extends ColorProps {
     alt?: string;
     name?: string;
     size?: AvatarSize;
-    className?: string;
 }
 declare const Avatar: {
     (props: AvatarProps): react_jsx_runtime.JSX.Element;

package/dist/components/Avatar/index.d.ts

@@ -7,7 +7,6 @@ interface AvatarProps extends ColorProps {
     alt?: string;
     name?: string;
     size?: AvatarSize;
-    className?: string;
 }
 declare const Avatar: {
     (props: AvatarProps): react_jsx_runtime.JSX.Element;

package/dist/components/Avatar/index.js

@@ -22,12 +22,11 @@ var Avatar = (props) => {
     alt,
     name,
     size = "md",
-    color = "xplat-blue-500",
-    className
+    color = "xplat-blue-500"
   } = props;
   const colorClass = color;
   const initials = name ? name.split(" ").map((s) => s[0]).join("").slice(0, 2).toUpperCase() : "";
-  return /* @__PURE__ */ jsx("div", { className: clsx_default("lib-xplat-avatar", size, className), children: src ? /* @__PURE__ */ jsx("img", { src, alt: alt || name || "avatar" }) : /* @__PURE__ */ jsx("div", { className: clsx_default("fallback", colorClass), children: initials || /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }) }) }) });
+  return /* @__PURE__ */ jsx("div", { className: clsx_default("lib-xplat-avatar", size), children: src ? /* @__PURE__ */ jsx("img", { src, alt: alt || name || "avatar" }) : /* @__PURE__ */ jsx("div", { className: clsx_default("fallback", colorClass), children: initials || /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }) }) }) });
 };
 Avatar.displayName = "Avatar";
 var Avatar_default = Avatar;

package/dist/components/Badge/index.cjs

@@ -49,13 +49,12 @@ var Badge = (props) => {
     maxCount = 99,
     dot = false,
     size = "md",
-    color = "xplat-red-500",
-    className
+    color = "xplat-red-500"
   } = props;
   const colorClass = color;
   const showBadge = dot || count !== void 0 && count > 0;
   const displayCount = count !== void 0 && count > maxCount ? `${maxCount}+` : count;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: clsx_default("lib-xplat-badge", size, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: clsx_default("lib-xplat-badge", size), children: [
     children,
     showBadge && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: clsx_default("badge-indicator", colorClass, { dot }), children: !dot && displayCount })
   ] });

package/dist/components/Badge/index.d.cts

@@ -9,7 +9,6 @@ interface BadgeProps extends ColorProps {
     maxCount?: number;
     dot?: boolean;
     size?: BadgeSize;
-    className?: string;
 }
 declare const Badge: {
     (props: BadgeProps): react_jsx_runtime.JSX.Element;

package/dist/components/Badge/index.d.ts

@@ -9,7 +9,6 @@ interface BadgeProps extends ColorProps {
     maxCount?: number;
     dot?: boolean;
     size?: BadgeSize;
-    className?: string;
 }
 declare const Badge: {
     (props: BadgeProps): react_jsx_runtime.JSX.Element;

package/dist/components/Badge/index.js

@@ -23,13 +23,12 @@ var Badge = (props) => {
     maxCount = 99,
     dot = false,
     size = "md",
-    color = "xplat-red-500",
-    className
+    color = "xplat-red-500"
   } = props;
   const colorClass = color;
   const showBadge = dot || count !== void 0 && count > 0;
   const displayCount = count !== void 0 && count > maxCount ? `${maxCount}+` : count;
-  return /* @__PURE__ */ jsxs("div", { className: clsx_default("lib-xplat-badge", size, className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx_default("lib-xplat-badge", size), children: [
     children,
     showBadge && /* @__PURE__ */ jsx("span", { className: clsx_default("badge-indicator", colorClass, { dot }), children: !dot && displayCount })
   ] });

package/dist/components/Breadcrumb/index.cjs

@@ -24,27 +24,11 @@ __export(Breadcrumb_exports, {
 });
 module.exports = __toCommonJS(Breadcrumb_exports);
 
-// ../../node_modules/clsx/dist/clsx.mjs
-function r(e) {
-  var t, f, n = "";
-  if ("string" == typeof e || "number" == typeof e) n += e;
-  else if ("object" == typeof e) if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  } else for (f in e) e[f] && (n && (n += " "), n += f);
-  return n;
-}
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
-}
-var clsx_default = clsx;
-
 // src/components/Breadcrumb/Breadcrumb.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var Breadcrumb = (props) => {
-  const { items, separator = "/", className } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: clsx_default("lib-xplat-breadcrumb", className), "aria-label": "\uACBD\uB85C", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { children: items.map((item, index) => {
+  const { items, separator = "/" } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: "lib-xplat-breadcrumb", "aria-label": "\uACBD\uB85C", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { children: items.map((item, index) => {
     const isLast = index === items.length - 1;
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
       isLast ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "current", "aria-current": "page", children: item.label }) : item.href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: item.href, className: "link", children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "link", onClick: item.onClick, children: item.label }),

package/dist/components/Breadcrumb/index.d.cts

@@ -8,7 +8,6 @@ interface BreadcrumbItem {
 interface BreadcrumbProps {
     items: BreadcrumbItem[];
     separator?: React.ReactNode;
-    className?: string;
 }
 declare const Breadcrumb: React.FC<BreadcrumbProps>;
 

package/dist/components/Breadcrumb/index.d.ts

@@ -8,7 +8,6 @@ interface BreadcrumbItem {
 interface BreadcrumbProps {
     items: BreadcrumbItem[];
     separator?: React.ReactNode;
-    className?: string;
 }
 declare const Breadcrumb: React.FC<BreadcrumbProps>;
 

package/dist/components/Breadcrumb/index.js

@@ -1,24 +1,8 @@
-// ../../node_modules/clsx/dist/clsx.mjs
-function r(e) {
-  var t, f, n = "";
-  if ("string" == typeof e || "number" == typeof e) n += e;
-  else if ("object" == typeof e) if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  } else for (f in e) e[f] && (n && (n += " "), n += f);
-  return n;
-}
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
-}
-var clsx_default = clsx;
-
 // src/components/Breadcrumb/Breadcrumb.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var Breadcrumb = (props) => {
-  const { items, separator = "/", className } = props;
-  return /* @__PURE__ */ jsx("nav", { className: clsx_default("lib-xplat-breadcrumb", className), "aria-label": "\uACBD\uB85C", children: /* @__PURE__ */ jsx("ol", { children: items.map((item, index) => {
+  const { items, separator = "/" } = props;
+  return /* @__PURE__ */ jsx("nav", { className: "lib-xplat-breadcrumb", "aria-label": "\uACBD\uB85C", children: /* @__PURE__ */ jsx("ol", { children: items.map((item, index) => {
     const isLast = index === items.length - 1;
     return /* @__PURE__ */ jsxs("li", { children: [
       isLast ? /* @__PURE__ */ jsx("span", { className: "current", "aria-current": "page", children: item.label }) : item.href ? /* @__PURE__ */ jsx("a", { href: item.href, className: "link", children: item.label }) : /* @__PURE__ */ jsx("button", { className: "link", onClick: item.onClick, children: item.label }),

package/dist/components/Button/index.cjs

@@ -49,14 +49,13 @@ var Button = (props) => {
     size = "md",
     color = "xplat-black",
     disabled,
-    className,
     ...rest
   } = props;
   const colorClass = color;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "button",
     {
-      className: clsx_default("lib-xplat-button", type, size, colorClass, className),
+      className: clsx_default("lib-xplat-button", type, size, colorClass),
       disabled,
       ...rest,
       children

package/dist/components/Button/index.d.cts

@@ -5,7 +5,7 @@ import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
 
 type ButtonType = "primary" | "secondary";
 type ButtonSize = "sm" | "md" | "lg";
-interface ButtonProps extends ButtonAttributes, ColorProps {
+interface ButtonProps extends Omit<ButtonAttributes, "className">, ColorProps {
     children: React.ReactNode;
     type?: ButtonType;
     size?: ButtonSize;

package/dist/components/Button/index.d.ts

@@ -5,7 +5,7 @@ import { a as ColorProps } from '../../colors-CY4JXVHj.js';
 
 type ButtonType = "primary" | "secondary";
 type ButtonSize = "sm" | "md" | "lg";
-interface ButtonProps extends ButtonAttributes, ColorProps {
+interface ButtonProps extends Omit<ButtonAttributes, "className">, ColorProps {
     children: React.ReactNode;
     type?: ButtonType;
     size?: ButtonSize;

package/dist/components/Button/index.js

@@ -23,14 +23,13 @@ var Button = (props) => {
     size = "md",
     color = "xplat-black",
     disabled,
-    className,
     ...rest
   } = props;
   const colorClass = color;
   return /* @__PURE__ */ jsx(
     "button",
     {
-      className: clsx_default("lib-xplat-button", type, size, colorClass, className),
+      className: clsx_default("lib-xplat-button", type, size, colorClass),
       disabled,
       ...rest,
       children