@dybo-ai/design 1.0.1

package/dist/index.js

@@ -0,0 +1,497 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+
+// src/components/Button.tsx
+var sizeClass = {
+  sm: "dybo-btn--sm",
+  md: "",
+  lg: "dybo-btn--lg"
+};
+var cx = (...c) => c.filter(Boolean).join(" ");
+function Button({
+  variant = "primary",
+  size = "md",
+  loading = false,
+  disabled,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: cx(
+        "dybo-btn",
+        `dybo-btn--${variant}`,
+        sizeClass[size],
+        className
+      ),
+      disabled: disabled || loading,
+      ...props,
+      children: loading ? "\u2026" : children
+    }
+  );
+}
+var cx2 = (...c) => c.filter(Boolean).join(" ");
+function Card({
+  padding = 24,
+  solid = false,
+  className,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cx2("dybo-glass", className),
+      style: {
+        padding,
+        background: solid ? "var(--dybo-surface-card-solid)" : void 0,
+        ...style
+      },
+      ...props
+    }
+  );
+}
+var cx3 = (...c) => c.filter(Boolean).join(" ");
+function Input({ label, error, className, id, ...props }) {
+  const inputId = id ?? label?.toLowerCase().replace(/\s+/g, "-");
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        htmlFor: inputId,
+        style: {
+          fontSize: "var(--dybo-font-size-sm)",
+          fontWeight: "var(--dybo-font-weight-medium)",
+          color: "var(--dybo-color-text-muted)"
+        },
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        id: inputId,
+        className: cx3(
+          "dybo-input",
+          error ? "dybo-input--error" : void 0,
+          className
+        ),
+        style: error ? {
+          borderColor: "var(--dybo-danger)",
+          boxShadow: "0 0 0 3px rgba(162,26,23,0.12)"
+        } : void 0,
+        ...props
+      }
+    ),
+    error && /* @__PURE__ */ jsx(
+      "span",
+      {
+        style: {
+          fontSize: "var(--dybo-font-size-xs)",
+          color: "var(--dybo-danger)",
+          fontWeight: "var(--dybo-font-weight-medium)"
+        },
+        children: error
+      }
+    )
+  ] });
+}
+var cx4 = (...c) => c.filter(Boolean).join(" ");
+function Badge({ status = "brand", className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cx4("dybo-badge", `dybo-badge--${status}`, className),
+      ...props
+    }
+  );
+}
+var cx5 = (...c) => c.filter(Boolean).join(" ");
+function AppShell({
+  sidebar,
+  topBar,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cx5("dybo-app-shell", className), children: [
+    sidebar,
+    /* @__PURE__ */ jsxs("div", { className: "dybo-main", children: [
+      topBar,
+      /* @__PURE__ */ jsx("div", { className: "dybo-content", children })
+    ] })
+  ] });
+}
+var cx6 = (...c) => c.filter(Boolean).join(" ");
+function Sidebar({
+  brand,
+  children,
+  footer,
+  user,
+  onLogout,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("aside", { className: cx6("dybo-sidebar", className), children: [
+    brand && /* @__PURE__ */ jsx("div", { className: "dybo-sidebar__brand", children: brand }),
+    /* @__PURE__ */ jsx("nav", { className: "dybo-sidebar__nav", children }),
+    /* @__PURE__ */ jsxs("div", { className: "dybo-sidebar__footer", children: [
+      user && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            lineHeight: 1.3
+          },
+          children: [
+            /* @__PURE__ */ jsx("b", { style: { color: "#fff", fontSize: "13px" }, children: user.name }),
+            user.email && /* @__PURE__ */ jsx("span", { style: { color: "#7f8592", fontSize: "11px" }, children: user.email })
+          ]
+        }
+      ),
+      footer,
+      onLogout && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onLogout,
+          style: {
+            background: "transparent",
+            border: "1px solid rgba(255,255,255,0.18)",
+            color: "var(--dybo-sidebar-text)",
+            padding: "6px 10px",
+            fontSize: "12px",
+            borderRadius: "8px",
+            cursor: "pointer",
+            fontFamily: "inherit",
+            transition: "background 0.15s, border-color 0.15s"
+          },
+          children: "Log out"
+        }
+      )
+    ] })
+  ] });
+}
+var cx7 = (...c) => c.filter(Boolean).join(" ");
+function TopBar({ title, children, className }) {
+  return /* @__PURE__ */ jsxs("header", { className: cx7("dybo-topbar", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "dybo-topbar__title", children: title }),
+    children
+  ] });
+}
+var cx8 = (...c) => c.filter(Boolean).join(" ");
+function NavItem({
+  label,
+  href,
+  active = false,
+  icon,
+  onClick,
+  className
+}) {
+  const baseClass = cx8(
+    "dybo-nav-item",
+    active ? "dybo-nav-item--active" : void 0,
+    className
+  );
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon ? /* @__PURE__ */ jsx("span", { style: { flexShrink: 0, display: "flex" }, children: icon }) : /* @__PURE__ */ jsx("span", { className: "dybo-nav-item__dot" }),
+    label
+  ] });
+  if (href) {
+    return /* @__PURE__ */ jsx("a", { href, className: baseClass, onClick, children: content });
+  }
+  return /* @__PURE__ */ jsx("button", { type: "button", className: baseClass, onClick, children: content });
+}
+function NavSection({ label }) {
+  return /* @__PURE__ */ jsx("div", { className: "dybo-sidebar__section", children: label });
+}
+var cx9 = (...c) => c.filter(Boolean).join(" ");
+function DataTable({
+  columns,
+  rows,
+  rowKey,
+  onRowClick,
+  emptyMessage = "Nenhum resultado.",
+  className
+}) {
+  function getRowKey(row, index) {
+    if (!rowKey) return index;
+    if (typeof rowKey === "function") return rowKey(row, index);
+    return row[rowKey];
+  }
+  return /* @__PURE__ */ jsx("div", { className: cx9("dybo-table-wrap", className), children: /* @__PURE__ */ jsxs("table", { className: "dybo-table", children: [
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsx(
+      "th",
+      {
+        className: cx9(
+          col.align === "left" ? "left" : void 0,
+          col.className
+        ),
+        children: col.label
+      },
+      col.key
+    )) }) }),
+    /* @__PURE__ */ jsx("tbody", { children: rows.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+      "td",
+      {
+        colSpan: columns.length,
+        style: {
+          textAlign: "center",
+          padding: "32px",
+          color: "var(--dybo-color-text-muted)"
+        },
+        children: emptyMessage
+      }
+    ) }) : rows.map((row, index) => /* @__PURE__ */ jsx(
+      "tr",
+      {
+        className: cx9(
+          onRowClick ? "dybo-table__row--clickable" : void 0
+        ),
+        onClick: onRowClick ? () => onRowClick(row) : void 0,
+        children: columns.map((col) => {
+          const value = row[col.key];
+          return /* @__PURE__ */ jsx(
+            "td",
+            {
+              className: cx9(
+                col.align === "left" ? "left" : void 0,
+                col.className
+              ),
+              children: col.format ? col.format(value, row) : String(value ?? "")
+            },
+            col.key
+          );
+        })
+      },
+      getRowKey(row, index)
+    )) })
+  ] }) });
+}
+var cx10 = (...c) => c.filter(Boolean).join(" ");
+function Tabs({ tabs, active, onChange, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cx10("dybo-tabs", className), role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      role: "tab",
+      "aria-selected": tab.key === active,
+      disabled: tab.disabled,
+      className: cx10(
+        "dybo-tab",
+        tab.key === active ? "dybo-tab--active" : void 0
+      ),
+      onClick: () => !tab.disabled && onChange(tab.key),
+      children: tab.label
+    },
+    tab.key
+  )) });
+}
+var cx11 = (...c) => c.filter(Boolean).join(" ");
+function OverviewField({
+  label,
+  value,
+  className,
+  style
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cx11("dybo-overview-field", className), style, children: [
+    /* @__PURE__ */ jsx("span", { className: "dybo-overview-field__label", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "dybo-overview-field__value", children: value })
+  ] });
+}
+function OverviewGrid({ fields, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cx11("dybo-overview-grid", className), children: fields.map((field, i) => /* @__PURE__ */ jsx(OverviewField, { ...field }, i)) });
+}
+var cx12 = (...c) => c.filter(Boolean).join(" ");
+function Select({
+  label,
+  error,
+  options,
+  placeholder,
+  className,
+  id,
+  ...props
+}) {
+  const selectId = id ?? label?.toLowerCase().replace(/\s+/g, "-");
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        htmlFor: selectId,
+        style: {
+          fontSize: "var(--dybo-font-size-sm)",
+          fontWeight: "var(--dybo-font-weight-medium)",
+          color: "var(--dybo-color-text-muted)"
+        },
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "select",
+      {
+        id: selectId,
+        className: cx12("dybo-select", className),
+        style: error ? {
+          borderColor: "var(--dybo-danger)",
+          boxShadow: "0 0 0 3px rgba(162,26,23,0.12)"
+        } : void 0,
+        ...props,
+        children: [
+          placeholder && /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: placeholder }),
+          options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, disabled: opt.disabled, children: opt.label }, opt.value))
+        ]
+      }
+    ),
+    error && /* @__PURE__ */ jsx(
+      "span",
+      {
+        style: {
+          fontSize: "var(--dybo-font-size-xs)",
+          color: "var(--dybo-danger)",
+          fontWeight: "var(--dybo-font-weight-medium)"
+        },
+        children: error
+      }
+    )
+  ] });
+}
+var icons = {
+  success: "\u2713",
+  warning: "\u26A0",
+  danger: "\u2715",
+  info: "\u2139"
+};
+var cx13 = (...c) => c.filter(Boolean).join(" ");
+function Alert({
+  variant = "info",
+  children,
+  onClose,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cx13("dybo-alert", `dybo-alert--${variant}`, className),
+      role: "alert",
+      children: [
+        /* @__PURE__ */ jsx("span", { style: { flexShrink: 0, fontWeight: 700 }, children: icons[variant] }),
+        /* @__PURE__ */ jsx("span", { style: { flexGrow: 1 }, children }),
+        onClose && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            "aria-label": "Fechar",
+            style: {
+              background: "transparent",
+              border: "none",
+              cursor: "pointer",
+              color: "inherit",
+              padding: "0 4px",
+              flexShrink: 0,
+              fontSize: "16px",
+              lineHeight: 1,
+              opacity: 0.7
+            },
+            children: "\xD7"
+          }
+        )
+      ]
+    }
+  );
+}
+function Modal({
+  open,
+  onClose,
+  title,
+  children,
+  footer,
+  maxWidth = 520,
+  closeOnBackdrop = true
+}) {
+  const dialogRef = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    function onKeyDown(e) {
+      if (e.key === "Escape") onClose();
+    }
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [open, onClose]);
+  if (!open) return null;
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "dybo-modal-backdrop",
+        onClick: closeOnBackdrop ? onClose : void 0,
+        "aria-modal": "true",
+        role: "dialog",
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: dialogRef,
+            className: "dybo-modal",
+            style: { maxWidth },
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "dybo-modal__header", children: [
+                title ? /* @__PURE__ */ jsx("h2", { className: "dybo-modal__title", children: title }) : /* @__PURE__ */ jsx("span", {}),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "dybo-modal__close",
+                    onClick: onClose,
+                    "aria-label": "Fechar",
+                    children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M2 2l12 12M14 2L2 14",
+                        stroke: "currentColor",
+                        strokeWidth: "2",
+                        strokeLinecap: "round"
+                      }
+                    ) })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "dybo-modal__body", children }),
+              footer && /* @__PURE__ */ jsx("div", { className: "dybo-modal__footer", children: footer })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+var cx14 = (...c) => c.filter(Boolean).join(" ");
+function LoginCard({
+  logo,
+  subtitle,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "dybo-login-wrap", children: /* @__PURE__ */ jsxs("div", { className: cx14("dybo-login-card", className), children: [
+    logo && /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "center",
+          marginBottom: 16
+        },
+        children: logo
+      }
+    ),
+    subtitle && /* @__PURE__ */ jsx("p", { className: "dybo-login-card__subtitle", children: subtitle }),
+    children
+  ] }) });
+}
+
+export { Alert, AppShell, Badge, Button, Card, DataTable, Input, LoginCard, Modal, NavItem, NavSection, OverviewField, OverviewGrid, Select, Sidebar, Tabs, TopBar };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button.tsx","../src/components/Card.tsx","../src/components/Input.tsx","../src/components/Badge.tsx","../src/components/AppShell.tsx","../src/components/Sidebar.tsx","../src/components/TopBar.tsx","../src/components/NavItem.tsx","../src/components/DataTable.tsx","../src/components/Tabs.tsx","../src/components/OverviewGrid.tsx","../src/components/Select.tsx","../src/components/Alert.tsx","../src/components/Modal.tsx","../src/components/LoginCard.tsx"],"names":["cx","jsx","jsxs"],"mappings":"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","file":"index.js","sourcesContent":["import { type ButtonHTMLAttributes } from \"react\";\n\nexport type ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"danger\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  loading?: boolean;\n}\n\nconst sizeClass: Record<ButtonSize, string> = {\n  sm: \"dybo-btn--sm\",\n  md: \"\",\n  lg: \"dybo-btn--lg\",\n};\n\nconst cx = (...c: (string | undefined | false)[]) =>\n  c.filter(Boolean).join(\" \");\n\nexport function Button({\n  variant = \"primary\",\n  size = \"md\",\n  loading = false,\n  disabled,\n  className,\n  children,\n  ...props\n}: IButtonProps) {\n  return (\n    <button\n      className={cx(\n        \"dybo-btn\",\n        `dybo-btn--${variant}`,\n        sizeClass[size],\n        className,\n      )}\n      disabled={disabled || loading}\n      {...props}\n    >\n      {loading ? \"…\" : children}\n    </button>\n  );\n}\n","import { type HTMLAttributes } from \"react\";\n\nexport interface ICardProps extends HTMLAttributes<HTMLDivElement> {\n  padding?: number | string;\n  solid?: boolean;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n  c.filter(Boolean).join(\" \");\n\nexport function Card({\n  padding = 24,\n  solid = false,\n  className,\n  style,\n  ...props\n}: ICardProps) {\n  return (\n    <div\n      className={cx(\"dybo-glass\", className)}\n      style={{\n        padding,\n        background: solid ? \"var(--dybo-surface-card-solid)\" : undefined,\n        ...style,\n      }}\n      {...props}\n    />\n  );\n}\n","import { type InputHTMLAttributes } from \"react\";\n\nexport interface IInputProps extends InputHTMLAttributes<HTMLInputElement> {\n  label?: string;\n  error?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n  c.filter(Boolean).join(\" \");\n\nexport function Input({ label, error, className, id, ...props }: IInputProps) {\n  const inputId = id ?? label?.toLowerCase().replace(/\\s+/g, \"-\");\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: 6 }}>\n      {label && (\n        <label\n          htmlFor={inputId}\n          style={{\n            fontSize: \"var(--dybo-font-size-sm)\",\n            fontWeight: \"var(--dybo-font-weight-medium)\",\n            color: \"var(--dybo-color-text-muted)\",\n          }}\n        >\n          {label}\n        </label>\n      )}\n      <input\n        id={inputId}\n        className={cx(\n          \"dybo-input\",\n          error ? \"dybo-input--error\" : undefined,\n          className,\n        )}\n        style={\n          error\n            ? {\n                borderColor: \"var(--dybo-danger)\",\n                boxShadow: \"0 0 0 3px rgba(162,26,23,0.12)\",\n              }\n            : undefined\n        }\n        {...props}\n      />\n      {error && (\n        <span\n          style={{\n            fontSize: \"var(--dybo-font-size-xs)\",\n            color: \"var(--dybo-danger)\",\n            fontWeight: \"var(--dybo-font-weight-medium)\",\n          }}\n        >\n          {error}\n        </span>\n      )}\n    </div>\n  );\n}\n","import { type HTMLAttributes } from \"react\";\n\nexport type BadgeStatus =\n  | \"brand\"\n  | \"resolved\"\n  | \"high\"\n  | \"medium\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\";\n\nexport interface IBadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  status?: BadgeStatus;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n  c.filter(Boolean).join(\" \");\n\nexport function Badge({ status = \"brand\", className, ...props }: IBadgeProps) {\n  return (\n    <span\n      className={cx(\"dybo-badge\", `dybo-badge--${status}`, className)}\n      {...props}\n    />\n  );\n}\n","import { type ReactNode } from \"react\";\n\nexport interface IAppShellProps {\n  sidebar: ReactNode;\n  topBar?: ReactNode;\n  children: ReactNode;\n  className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n  c.filter(Boolean).join(\" \");\n\nexport function AppShell({\n  sidebar,\n  topBar,\n  children,\n  className,\n}: IAppShellProps) {\n  return (\n    <div className={cx(\"dybo-app-shell\", className)}>\n      {sidebar}\n      <div className=\"dybo-main\">\n        {topBar}\n        <div className=\"dybo-content\">{children}</div>\n      </div>\n    </div>\n  );\n}\n","import { type ReactNode } from \"react\";\n\nexport interface ISidebarUser {\n  name: string;\n  email?: string;\n}\n\nexport interface ISidebarProps {\n  brand?: ReactNode;\n  children?: ReactNode;\n  footer?: ReactNode;\n  user?: ISidebarUser;\n  onLogout?: () => void;\n  className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n  c.filter(Boolean).join(\" \");\n\nexport function Sidebar({\n  brand,\n  children,\n  footer,\n  user,\n  onLogout,\n  className,\n}: ISidebarProps) {\n  return (\n    <aside className={cx(\"dybo-sidebar\", className)}>\n      {brand && <div className=\"dybo-sidebar__brand\">{brand}</div>}\n      <nav className=\"dybo-sidebar__nav\">{children}</nav>\n      <div className=\"dybo-sidebar__footer\">\n        {user && (\n          <div\n            style={{\n              display: \"flex\",\n              flexDirection: \"column\",\n              lineHeight: 1.3,\n            }}\n          >\n            <b style={{ color: \"#fff\", fontSize: \"13px\" }}>{user.name}</b>\n            {user.email && (\n              <span style={{ color: \"#7f8592\", fontSize: \"11px\" }}>\n                {user.email}\n              </span>\n            )}\n          </div>\n        )}\n        {footer}\n        {onLogout && (\n          <button\n            type=\"button\"\n            onClick={onLogout}\n            style={{\n              background: \"transparent\",\n              border: \"1px solid rgba(255,255,255,0.18)\",\n              color: \"var(--dybo-sidebar-text)\",\n              padding: \"6px 10px\",\n              fontSize: \"12px\",\n              borderRadius: \"8px\",\n              cursor: \"pointer\",\n              fontFamily: \"inherit\",\n              transition: \"background 0.15s, border-color 0.15s\",\n            }}\n          >\n            Log out\n          </button>\n        )}\n      </div>\n    </aside>\n  );\n}\n","import { type ReactNode } from \"react\";\n\nexport interface ITopBarProps {\n  title: string;\n  children?: ReactNode;\n  className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n  c.filter(Boolean).join(\" \");\n\nexport function TopBar({ title, children, className }: ITopBarProps) {\n  return (\n    <header className={cx(\"dybo-topbar\", className)}>\n      <span className=\"dybo-topbar__title\">{title}</span>\n      {children}\n    </header>\n  );\n}\n","import { type ReactNode } from \"react\";\n\nexport interface INavItemProps {\n  label: string;\n  href?: string;\n  active?: boolean;\n  icon?: ReactNode;\n  onClick?: () => void;\n  className?: string;\n}\n\nexport interface INavSectionProps {\n  label: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n  c.filter(Boolean).join(\" \");\n\nexport function NavItem({\n  label,\n  href,\n  active = false,\n  icon,\n  onClick,\n  className,\n}: INavItemProps) {\n  const baseClass = cx(\n    \"dybo-nav-item\",\n    active ? \"dybo-nav-item--active\" : undefined,\n    className,\n  );\n\n  const content = (\n    <>\n      {icon ? (\n        <span style={{ flexShrink: 0, display: \"flex\" }}>{icon}</span>\n      ) : (\n        <span className=\"dybo-nav-item__dot\" />\n      )}\n      {label}\n    </>\n  );\n\n  if (href) {\n    return (\n      <a href={href} className={baseClass} onClick={onClick}>\n        {content}\n      </a>\n    );\n  }\n\n  return (\n    <button type=\"button\" className={baseClass} onClick={onClick}>\n      {content}\n    </button>\n  );\n}\n\nexport function NavSection({ label }: INavSectionProps) {\n  return <div className=\"dybo-sidebar__section\">{label}</div>;\n}\n","import { type ReactNode } from \"react\";\n\nexport type ColumnAlign = \"left\" | \"right\" | \"center\";\n\nexport interface IColumn<TRow = Record<string, unknown>> {\n  key: string;\n  label: string;\n  align?: ColumnAlign;\n  format?: (value: unknown, row: TRow) => ReactNode;\n  className?: string;\n}\n\nexport interface IDataTableProps<\n  TRow extends Record<string, unknown> = Record<string, unknown>,\n> {\n  columns: IColumn<TRow>[];\n  rows: TRow[];\n  rowKey?: keyof TRow | ((row: TRow, index: number) => string | number);\n  onRowClick?: (row: TRow) => void;\n  emptyMessage?: string;\n  className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n  c.filter(Boolean).join(\" \");\n\nexport function DataTable<TRow extends Record<string, unknown>>({\n  columns,\n  rows,\n  rowKey,\n  onRowClick,\n  emptyMessage = \"Nenhum resultado.\",\n  className,\n}: IDataTableProps<TRow>) {\n  function getRowKey(row: TRow, index: number): string | number {\n    if (!rowKey) return index;\n    if (typeof rowKey === \"function\") return rowKey(row, index);\n    return row[rowKey] as string | number;\n  }\n\n  return (\n    <div className={cx(\"dybo-table-wrap\", className)}>\n      <table className=\"dybo-table\">\n        <thead>\n          <tr>\n            {columns.map((col) => (\n              <th\n                key={col.key}\n                className={cx(\n                  col.align === \"left\" ? \"left\" : undefined,\n                  col.className,\n                )}\n              >\n                {col.label}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.length === 0 ? (\n            <tr>\n              <td\n                colSpan={columns.length}\n                style={{\n                  textAlign: \"center\",\n                  padding: \"32px\",\n                  color: \"var(--dybo-color-text-muted)\",\n                }}\n              >\n                {emptyMessage}\n              </td>\n            </tr>\n          ) : (\n            rows.map((row, index) => (\n              <tr\n                key={getRowKey(row, index)}\n                className={cx(\n                  onRowClick ? \"dybo-table__row--clickable\" : undefined,\n                )}\n                onClick={onRowClick ? () => onRowClick(row) : undefined}\n              >\n                {columns.map((col) => {\n                  const value = row[col.key];\n                  return (\n                    <td\n                      key={col.key}\n                      className={cx(\n                        col.align === \"left\" ? \"left\" : undefined,\n                        col.className,\n                      )}\n                    >\n                      {col.format\n                        ? col.format(value, row)\n                        : String(value ?? \"\")}\n                    </td>\n                  );\n                })}\n              </tr>\n            ))\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n","export interface ITab {\n  key: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface ITabsProps {\n  tabs: ITab[];\n  active: string;\n  onChange: (key: string) => void;\n  className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n  c.filter(Boolean).join(\" \");\n\nexport function Tabs({ tabs, active, onChange, className }: ITabsProps) {\n  return (\n    <div className={cx(\"dybo-tabs\", className)} role=\"tablist\">\n      {tabs.map((tab) => (\n        <button\n          key={tab.key}\n          type=\"button\"\n          role=\"tab\"\n          aria-selected={tab.key === active}\n          disabled={tab.disabled}\n          className={cx(\n            \"dybo-tab\",\n            tab.key === active ? \"dybo-tab--active\" : undefined,\n          )}\n          onClick={() => !tab.disabled && onChange(tab.key)}\n        >\n          {tab.label}\n        </button>\n      ))}\n    </div>\n  );\n}\n","import { type ReactNode, type CSSProperties } from \"react\";\n\nexport interface IOverviewField {\n  label: string;\n  value: ReactNode;\n  className?: string;\n}\n\nexport interface IOverviewGridProps {\n  fields: IOverviewField[];\n  className?: string;\n}\n\nexport interface IOverviewFieldProps extends IOverviewField {\n  style?: CSSProperties;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n  c.filter(Boolean).join(\" \");\n\nexport function OverviewField({\n  label,\n  value,\n  className,\n  style,\n}: IOverviewFieldProps) {\n  return (\n    <div className={cx(\"dybo-overview-field\", className)} style={style}>\n      <span className=\"dybo-overview-field__label\">{label}</span>\n      <span className=\"dybo-overview-field__value\">{value}</span>\n    </div>\n  );\n}\n\nexport function OverviewGrid({ fields, className }: IOverviewGridProps) {\n  return (\n    <div className={cx(\"dybo-overview-grid\", className)}>\n      {fields.map((field, i) => (\n        <OverviewField key={i} {...field} />\n      ))}\n    </div>\n  );\n}\n","import { type SelectHTMLAttributes } from \"react\";\n\nexport interface ISelectOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface ISelectProps extends SelectHTMLAttributes<HTMLSelectElement> {\n  label?: string;\n  error?: string;\n  options: ISelectOption[];\n  placeholder?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n  c.filter(Boolean).join(\" \");\n\nexport function Select({\n  label,\n  error,\n  options,\n  placeholder,\n  className,\n  id,\n  ...props\n}: ISelectProps) {\n  const selectId = id ?? label?.toLowerCase().replace(/\\s+/g, \"-\");\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: 6 }}>\n      {label && (\n        <label\n          htmlFor={selectId}\n          style={{\n            fontSize: \"var(--dybo-font-size-sm)\",\n            fontWeight: \"var(--dybo-font-weight-medium)\",\n            color: \"var(--dybo-color-text-muted)\",\n          }}\n        >\n          {label}\n        </label>\n      )}\n      <select\n        id={selectId}\n        className={cx(\"dybo-select\", className)}\n        style={\n          error\n            ? {\n                borderColor: \"var(--dybo-danger)\",\n                boxShadow: \"0 0 0 3px rgba(162,26,23,0.12)\",\n              }\n            : undefined\n        }\n        {...props}\n      >\n        {placeholder && (\n          <option value=\"\" disabled>\n            {placeholder}\n          </option>\n        )}\n        {options.map((opt) => (\n          <option key={opt.value} value={opt.value} disabled={opt.disabled}>\n            {opt.label}\n          </option>\n        ))}\n      </select>\n      {error && (\n        <span\n          style={{\n            fontSize: \"var(--dybo-font-size-xs)\",\n            color: \"var(--dybo-danger)\",\n            fontWeight: \"var(--dybo-font-weight-medium)\",\n          }}\n        >\n          {error}\n        </span>\n      )}\n    </div>\n  );\n}\n","import { type ReactNode } from \"react\";\n\nexport type AlertVariant = \"success\" | \"warning\" | \"danger\" | \"info\";\n\nexport interface IAlertProps {\n  variant?: AlertVariant;\n  children: ReactNode;\n  onClose?: () => void;\n  className?: string;\n}\n\nconst icons: Record<AlertVariant, string> = {\n  success: \"✓\",\n  warning: \"⚠\",\n  danger: \"✕\",\n  info: \"ℹ\",\n};\n\nconst cx = (...c: (string | undefined | false)[]) =>\n  c.filter(Boolean).join(\" \");\n\nexport function Alert({\n  variant = \"info\",\n  children,\n  onClose,\n  className,\n}: IAlertProps) {\n  return (\n    <div\n      className={cx(\"dybo-alert\", `dybo-alert--${variant}`, className)}\n      role=\"alert\"\n    >\n      <span style={{ flexShrink: 0, fontWeight: 700 }}>{icons[variant]}</span>\n      <span style={{ flexGrow: 1 }}>{children}</span>\n      {onClose && (\n        <button\n          type=\"button\"\n          onClick={onClose}\n          aria-label=\"Fechar\"\n          style={{\n            background: \"transparent\",\n            border: \"none\",\n            cursor: \"pointer\",\n            color: \"inherit\",\n            padding: \"0 4px\",\n            flexShrink: 0,\n            fontSize: \"16px\",\n            lineHeight: 1,\n            opacity: 0.7,\n          }}\n        >\n          ×\n        </button>\n      )}\n    </div>\n  );\n}\n","import { type ReactNode, useEffect, useRef } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport interface IModalProps {\n  open: boolean;\n  onClose: () => void;\n  title?: string;\n  children: ReactNode;\n  footer?: ReactNode;\n  maxWidth?: number | string;\n  closeOnBackdrop?: boolean;\n}\n\nexport function Modal({\n  open,\n  onClose,\n  title,\n  children,\n  footer,\n  maxWidth = 520,\n  closeOnBackdrop = true,\n}: IModalProps) {\n  const dialogRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!open) return;\n\n    function onKeyDown(e: KeyboardEvent) {\n      if (e.key === \"Escape\") onClose();\n    }\n\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [open, onClose]);\n\n  if (!open) return null;\n\n  return createPortal(\n    <div\n      className=\"dybo-modal-backdrop\"\n      onClick={closeOnBackdrop ? onClose : undefined}\n      aria-modal=\"true\"\n      role=\"dialog\"\n    >\n      <div\n        ref={dialogRef}\n        className=\"dybo-modal\"\n        style={{ maxWidth }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <div className=\"dybo-modal__header\">\n          {title ? <h2 className=\"dybo-modal__title\">{title}</h2> : <span />}\n          <button\n            type=\"button\"\n            className=\"dybo-modal__close\"\n            onClick={onClose}\n            aria-label=\"Fechar\"\n          >\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n              <path\n                d=\"M2 2l12 12M14 2L2 14\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n              />\n            </svg>\n          </button>\n        </div>\n        <div className=\"dybo-modal__body\">{children}</div>\n        {footer && <div className=\"dybo-modal__footer\">{footer}</div>}\n      </div>\n    </div>,\n    document.body,\n  );\n}\n","import { type ReactNode } from \"react\";\n\nexport interface ILoginCardProps {\n  logo?: ReactNode;\n  subtitle?: string;\n  children: ReactNode;\n  className?: string;\n}\n\nconst cx = (...c: (string | undefined | false)[]) =>\n  c.filter(Boolean).join(\" \");\n\nexport function LoginCard({\n  logo,\n  subtitle,\n  children,\n  className,\n}: ILoginCardProps) {\n  return (\n    <div className=\"dybo-login-wrap\">\n      <div className={cx(\"dybo-login-card\", className)}>\n        {logo && (\n          <div\n            style={{\n              display: \"flex\",\n              justifyContent: \"center\",\n              marginBottom: 16,\n            }}\n          >\n            {logo}\n          </div>\n        )}\n        {subtitle && <p className=\"dybo-login-card__subtitle\">{subtitle}</p>}\n        {children}\n      </div>\n    </div>\n  );\n}\n"]}

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@dybo-ai/design",
+  "version": "1.0.1",
+  "description": "DYBO design system — tokens, Tailwind V4 theme, theme CSS, and React components.",
+  "license": "UNLICENSED",
+  "private": false,
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "exports": {
+    ".": {
+      "import": "./tokens.mjs",
+      "require": "./tokens.cjs"
+    },
+    "./tokens.json": "./tokens.json",
+    "./theme.css": "./theme.css",
+    "./react": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./assets/*": "./assets/*"
+  },
+  "main": "./tokens.cjs",
+  "module": "./tokens.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "tokens.json",
+    "tokens.mjs",
+    "tokens.cjs",
+    "theme.css",
+    "dist",
+    "assets",
+    "README.md",
+    "CLAUDE.md"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": false
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.23",
+    "@types/react-dom": "^18.3.7",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.3"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dybo-ai/dybo-design.git"
+  },
+  "keywords": [
+    "dybo",
+    "design-system",
+    "design-tokens",
+    "tailwind",
+    "tailwind-v4",
+    "glassmorphism",
+    "react-components"
+  ]
+}