@devfellowship/components 0.1.0

package/dist/utils-Cbsgs0XP.d.cts

@@ -0,0 +1,5 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn as c };

package/dist/utils-Cbsgs0XP.d.ts

@@ -0,0 +1,5 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn as c };

package/dist/utils.cjs

@@ -0,0 +1,108 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  cn: () => cn,
+  formatCurrency: () => formatCurrency,
+  formatDate: () => formatDate,
+  formatDateShort: () => formatDateShort,
+  formatDuration: () => formatDuration,
+  formatMonthYear: () => formatMonthYear,
+  formatRelativeTime: () => formatRelativeTime,
+  shortenId: () => shortenId
+});
+module.exports = __toCommonJS(utils_exports);
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/utils/formatters.ts
+function formatCurrency(value) {
+  return new Intl.NumberFormat("pt-BR", {
+    style: "currency",
+    currency: "BRL"
+  }).format(value);
+}
+function formatDate(date) {
+  return new Date(date).toLocaleDateString("pt-BR", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function formatDateShort(date) {
+  return new Date(date).toLocaleDateString("pt-BR", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric"
+  });
+}
+function formatMonthYear(date) {
+  return new Date(date).toLocaleDateString("pt-BR", {
+    month: "short",
+    year: "numeric"
+  });
+}
+function formatRelativeTime(dateString) {
+  const diff = Date.now() - new Date(dateString).getTime();
+  const seconds = Math.floor(diff / 1e3);
+  const minutes = Math.floor(seconds / 60);
+  const hours = Math.floor(minutes / 60);
+  const days = Math.floor(hours / 24);
+  const months = Math.floor(days / 30);
+  const years = Math.floor(days / 365);
+  if (years > 0) return `${years} ${years === 1 ? "year" : "years"} ago`;
+  if (months > 0) return `${months} ${months === 1 ? "month" : "months"} ago`;
+  if (days > 0) return `${days} ${days === 1 ? "day" : "days"} ago`;
+  if (hours > 0) return `${hours} ${hours === 1 ? "hour" : "hours"} ago`;
+  if (minutes > 0) return `${minutes} ${minutes === 1 ? "minute" : "minutes"} ago`;
+  return `${seconds} ${seconds === 1 ? "second" : "seconds"} ago`;
+}
+function shortenId(id) {
+  return `${id.slice(0, 8)}...${id.slice(-8)}`;
+}
+function formatDuration(seconds) {
+  if (!seconds) return "00:00";
+  const h = Math.floor(seconds / 3600);
+  const m = Math.floor(seconds % 3600 / 60);
+  const s = Math.floor(seconds % 60);
+  if (h > 0) {
+    return `${h}:${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+  }
+  return `${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  cn,
+  formatCurrency,
+  formatDate,
+  formatDateShort,
+  formatDuration,
+  formatMonthYear,
+  formatRelativeTime,
+  shortenId
+});

package/dist/utils.d.cts

@@ -0,0 +1,26 @@
+export { c as cn } from './utils-Cbsgs0XP.cjs';
+import 'clsx';
+
+/**
+ * Shared formatters — ported from dfl-learn/formatters.ts
+ * Identical patterns found across dfl-financing, dfl-payments, dfl-learn, dfl-documents.
+ */
+/** Format a number as BRL currency: R$ 1.234,56 */
+declare function formatCurrency(value: number): string;
+/** Format an ISO date string as DD/MM/YYYY HH:MM */
+declare function formatDate(date: string): string;
+/** Format an ISO date string as DD/MM/YYYY (date only) */
+declare function formatDateShort(date: string): string;
+/** Format an ISO date string as "abr. 2026" */
+declare function formatMonthYear(date: string): string;
+/**
+ * Format a date as relative time: "3 minutes ago", "2 days ago", etc.
+ * Language: English (suitable for international UIs).
+ */
+declare function formatRelativeTime(dateString: string): string;
+/** Shorten a UUID-style id to "xxxxxxxx...xxxxxxxx" */
+declare function shortenId(id: string): string;
+/** Format seconds to mm:ss or hh:mm:ss */
+declare function formatDuration(seconds: number): string;
+
+export { formatCurrency, formatDate, formatDateShort, formatDuration, formatMonthYear, formatRelativeTime, shortenId };

package/dist/utils.d.ts

@@ -0,0 +1,26 @@
+export { c as cn } from './utils-Cbsgs0XP.js';
+import 'clsx';
+
+/**
+ * Shared formatters — ported from dfl-learn/formatters.ts
+ * Identical patterns found across dfl-financing, dfl-payments, dfl-learn, dfl-documents.
+ */
+/** Format a number as BRL currency: R$ 1.234,56 */
+declare function formatCurrency(value: number): string;
+/** Format an ISO date string as DD/MM/YYYY HH:MM */
+declare function formatDate(date: string): string;
+/** Format an ISO date string as DD/MM/YYYY (date only) */
+declare function formatDateShort(date: string): string;
+/** Format an ISO date string as "abr. 2026" */
+declare function formatMonthYear(date: string): string;
+/**
+ * Format a date as relative time: "3 minutes ago", "2 days ago", etc.
+ * Language: English (suitable for international UIs).
+ */
+declare function formatRelativeTime(dateString: string): string;
+/** Shorten a UUID-style id to "xxxxxxxx...xxxxxxxx" */
+declare function shortenId(id: string): string;
+/** Format seconds to mm:ss or hh:mm:ss */
+declare function formatDuration(seconds: number): string;
+
+export { formatCurrency, formatDate, formatDateShort, formatDuration, formatMonthYear, formatRelativeTime, shortenId };

package/dist/utils.js

@@ -0,0 +1,74 @@
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/utils/formatters.ts
+function formatCurrency(value) {
+  return new Intl.NumberFormat("pt-BR", {
+    style: "currency",
+    currency: "BRL"
+  }).format(value);
+}
+function formatDate(date) {
+  return new Date(date).toLocaleDateString("pt-BR", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function formatDateShort(date) {
+  return new Date(date).toLocaleDateString("pt-BR", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric"
+  });
+}
+function formatMonthYear(date) {
+  return new Date(date).toLocaleDateString("pt-BR", {
+    month: "short",
+    year: "numeric"
+  });
+}
+function formatRelativeTime(dateString) {
+  const diff = Date.now() - new Date(dateString).getTime();
+  const seconds = Math.floor(diff / 1e3);
+  const minutes = Math.floor(seconds / 60);
+  const hours = Math.floor(minutes / 60);
+  const days = Math.floor(hours / 24);
+  const months = Math.floor(days / 30);
+  const years = Math.floor(days / 365);
+  if (years > 0) return `${years} ${years === 1 ? "year" : "years"} ago`;
+  if (months > 0) return `${months} ${months === 1 ? "month" : "months"} ago`;
+  if (days > 0) return `${days} ${days === 1 ? "day" : "days"} ago`;
+  if (hours > 0) return `${hours} ${hours === 1 ? "hour" : "hours"} ago`;
+  if (minutes > 0) return `${minutes} ${minutes === 1 ? "minute" : "minutes"} ago`;
+  return `${seconds} ${seconds === 1 ? "second" : "seconds"} ago`;
+}
+function shortenId(id) {
+  return `${id.slice(0, 8)}...${id.slice(-8)}`;
+}
+function formatDuration(seconds) {
+  if (!seconds) return "00:00";
+  const h = Math.floor(seconds / 3600);
+  const m = Math.floor(seconds % 3600 / 60);
+  const s = Math.floor(seconds % 60);
+  if (h > 0) {
+    return `${h}:${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+  }
+  return `${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+}
+export {
+  cn,
+  formatCurrency,
+  formatDate,
+  formatDateShort,
+  formatDuration,
+  formatMonthYear,
+  formatRelativeTime,
+  shortenId
+};

package/package.json

@@ -0,0 +1,113 @@
+{
+  "name": "@devfellowship/components",
+  "version": "0.1.0",
+  "description": "DFL Design System — UI components, hooks, utils and providers",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "import": "./dist/hooks.js",
+      "require": "./dist/hooks.cjs"
+    },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "import": "./dist/utils.js",
+      "require": "./dist/utils.cjs"
+    },
+    "./providers": {
+      "types": "./dist/providers.d.ts",
+      "import": "./dist/providers.js",
+      "require": "./dist/providers.cjs"
+    },
+    "./styles": "./dist/styles/theme.css",
+    "./tailwind": "./dist/styles/tailwind.css"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "build:watch": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "prepublishOnly": "npm run build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "peerDependencies": {
+    "@supabase/supabase-js": ">=2.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "tailwindcss": ">=4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "tailwindcss": {
+      "optional": true
+    },
+    "@supabase/supabase-js": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@storybook/addon-a11y": "^8.6.18",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-themes": "^8.6.18",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/react": "^8.6.18",
+    "@storybook/react-vite": "^8.6.18",
+    "@supabase/supabase-js": "^2.49.4",
+    "@tailwindcss/vite": "^4.2.2",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@types/react": "^18.3.28",
+    "@types/react-dom": "^18.3.7",
+    "@vitejs/plugin-react": "^4.7.0",
+    "jsdom": "^26.1.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "storybook": "^8.6.18",
+    "tailwindcss": "^4.2.2",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3",
+    "vite": "^5.4.21",
+    "vitest": "^3.1.1"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-alert-dialog": "^1.1.1",
+    "@radix-ui/react-avatar": "^1.1.0",
+    "@radix-ui/react-checkbox": "^1.1.1",
+    "@radix-ui/react-collapsible": "^1.1.0",
+    "@radix-ui/react-dialog": "^1.1.2",
+    "@radix-ui/react-dropdown-menu": "^2.1.1",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-popover": "^1.1.1",
+    "@radix-ui/react-progress": "^1.1.0",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.1.0",
+    "@radix-ui/react-select": "^2.1.1",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-switch": "^1.1.0",
+    "@radix-ui/react-tabs": "^1.1.0",
+    "@radix-ui/react-toast": "^1.2.1",
+    "@radix-ui/react-tooltip": "^1.1.4",
+    "@testing-library/dom": "^10.4.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.462.0",
+    "react-hook-form": "^7.72.1",
+    "tailwind-merge": "^2.5.2"
+  }
+}