@blaze-dev/ui 0.3.0 → 0.5.0

package/dist/tabs.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+export interface TabItem {
+    id: string;
+    label: ReactNode;
+    content: ReactNode;
+}
+export interface TabsProps {
+    tabs: TabItem[];
+    defaultTab?: string;
+    variant?: 'bordered' | 'lifted' | 'boxed';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function Tabs({ tabs, defaultTab, variant, size, className }: TabsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,SAAS,CAAA;IAChB,OAAO,EAAE,SAAS,CAAA;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,OAAO,EAAE,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAA;IACzC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,OAAoB,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,SAAS,2CAuB1F"}

package/dist/tabs.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+export function Tabs({ tabs, defaultTab, variant = 'bordered', size, className }) {
+    const [activeTab, setActiveTab] = useState(defaultTab ?? tabs[0]?.id ?? '');
+    const sizeClass = size ? `tabs-${size}` : '';
+    return (_jsxs("div", { className: className, children: [_jsx("div", { role: 'tablist', className: `tabs tabs-${variant} ${sizeClass}`, children: tabs.map((tab) => (_jsx("button", { type: 'button', role: 'tab', className: `tab ${activeTab === tab.id ? 'tab-active' : ''}`, onClick: () => setActiveTab(tab.id), children: tab.label }, tab.id))) }), tabs.find((t) => t.id === activeTab)?.content] }));
+}
+//# sourceMappingURL=tabs.js.map

package/dist/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../src/tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAgBhD,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,GAAG,UAAU,EAAE,IAAI,EAAE,SAAS,EAAa;IACzF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,CAAA;IAE3E,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAE5C,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,cAAK,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,aAAa,OAAO,IAAI,SAAS,EAAE,YAC/D,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,iBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,OAAO,SAAS,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAC5D,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,YAElC,GAAG,CAAC,KAAK,IANL,GAAG,CAAC,EAAE,CAOJ,CACV,CAAC,GACE,EACL,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,OAAO,IAC1C,CACP,CAAA;AACH,CAAC"}

package/dist/utils/date-utils.d.ts

@@ -0,0 +1,31 @@
+/** "Jan 5, 2025" */
+export declare function formatDateShort(date: string | Date): string;
+/** "January 5, 2025" */
+export declare function formatDateLong(date: string | Date): string;
+/** "Jan 5, 2025, 14:30" */
+export declare function formatDateTime(date: string | Date): string;
+/** "14:30" */
+export declare function formatTime(date: string | Date): string;
+/** "2 hours ago" */
+export declare function formatRelativeTime(date: string | Date): string;
+/** "2 hours" */
+export declare function formatTimeBetween(dateLeft: string | Date, dateRight: string | Date): string;
+/** "2025-01-05" */
+export declare function formatDateForInput(date: string | Date): string;
+/** "2025-01-05T14:30" */
+export declare function formatDateTimeForInput(date: string | Date): string;
+/** "Jan 5, 2025, 14:30:45" */
+export declare function formatFullTimestamp(date: string | Date): string;
+/** "01/05/25 14:30" */
+export declare function formatCompactTimestamp(date: string | Date): string;
+/** "Jan 5" */
+export declare function formatMonthDay(date: string | Date): string;
+/** "Jan 5 - Jan 12, 2025" (collapses year when same) */
+export declare function formatDateRange(start: string | Date, end: string | Date): string;
+/** "Friday, January 3, 2025" */
+export declare function formatWeekdayLong(date: string | Date): string;
+/** "14:30:05" */
+export declare function formatTimeWithSeconds(date: string | Date): string;
+/** 1.5 -> "1h 30m", 0.5 -> "30m", 6 -> "6h" */
+export declare function formatDuration(hours: number): string;
+//# sourceMappingURL=date-utils.d.ts.map

package/dist/utils/date-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-utils.d.ts","sourceRoot":"","sources":["../../src/utils/date-utils.ts"],"names":[],"mappings":"AAMA,oBAAoB;AACpB,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAE3D;AAED,wBAAwB;AACxB,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAE1D;AAED,2BAA2B;AAC3B,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAE1D;AAED,cAAc;AACd,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAEtD;AAED,oBAAoB;AACpB,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAE9D;AAED,gBAAgB;AAChB,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAE3F;AAED,mBAAmB;AACnB,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAE9D;AAED,yBAAyB;AACzB,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAElE;AAED,8BAA8B;AAC9B,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAE/D;AAED,uBAAuB;AACvB,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAElE;AAED,cAAc;AACd,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAE1D;AAED,wDAAwD;AACxD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAMhF;AAED,gCAAgC;AAChC,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAE7D;AAED,iBAAiB;AACjB,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAEjE;AAED,+CAA+C;AAC/C,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOpD"}

package/dist/utils/date-utils.js

@@ -0,0 +1,78 @@
+import { format, formatDistance, formatDistanceToNow, parseISO } from 'date-fns';
+function toDate(date) {
+    return typeof date === 'string' ? parseISO(date) : date;
+}
+/** "Jan 5, 2025" */
+export function formatDateShort(date) {
+    return format(toDate(date), 'MMM d, yyyy');
+}
+/** "January 5, 2025" */
+export function formatDateLong(date) {
+    return format(toDate(date), 'MMMM d, yyyy');
+}
+/** "Jan 5, 2025, 14:30" */
+export function formatDateTime(date) {
+    return format(toDate(date), 'MMM d, yyyy, HH:mm');
+}
+/** "14:30" */
+export function formatTime(date) {
+    return format(toDate(date), 'HH:mm');
+}
+/** "2 hours ago" */
+export function formatRelativeTime(date) {
+    return formatDistanceToNow(toDate(date), { addSuffix: true });
+}
+/** "2 hours" */
+export function formatTimeBetween(dateLeft, dateRight) {
+    return formatDistance(toDate(dateLeft), toDate(dateRight));
+}
+/** "2025-01-05" */
+export function formatDateForInput(date) {
+    return format(toDate(date), 'yyyy-MM-dd');
+}
+/** "2025-01-05T14:30" */
+export function formatDateTimeForInput(date) {
+    return format(toDate(date), "yyyy-MM-dd'T'HH:mm");
+}
+/** "Jan 5, 2025, 14:30:45" */
+export function formatFullTimestamp(date) {
+    return format(toDate(date), 'MMM d, yyyy, HH:mm:ss');
+}
+/** "01/05/25 14:30" */
+export function formatCompactTimestamp(date) {
+    return format(toDate(date), 'MM/dd/yy HH:mm');
+}
+/** "Jan 5" */
+export function formatMonthDay(date) {
+    return format(toDate(date), 'MMM d');
+}
+/** "Jan 5 - Jan 12, 2025" (collapses year when same) */
+export function formatDateRange(start, end) {
+    const s = toDate(start);
+    const e = toDate(end);
+    if (s.getTime() === e.getTime())
+        return format(e, 'MMM d, yyyy');
+    if (s.getFullYear() === e.getFullYear())
+        return `${format(s, 'MMM d')} - ${format(e, 'MMM d, yyyy')}`;
+    return `${format(s, 'MMM d, yyyy')} - ${format(e, 'MMM d, yyyy')}`;
+}
+/** "Friday, January 3, 2025" */
+export function formatWeekdayLong(date) {
+    return format(toDate(date), 'EEEE, MMMM d, yyyy');
+}
+/** "14:30:05" */
+export function formatTimeWithSeconds(date) {
+    return format(toDate(date), 'HH:mm:ss');
+}
+/** 1.5 -> "1h 30m", 0.5 -> "30m", 6 -> "6h" */
+export function formatDuration(hours) {
+    const totalMinutes = Math.round(hours * 60);
+    const h = Math.floor(totalMinutes / 60);
+    const m = totalMinutes % 60;
+    if (h === 0)
+        return `${m}m`;
+    if (m === 0)
+        return `${h}h`;
+    return `${h}h ${m}m`;
+}
+//# sourceMappingURL=date-utils.js.map

package/dist/utils/date-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-utils.js","sourceRoot":"","sources":["../../src/utils/date-utils.ts"],"names":[],"mappings":"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"}

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { formatDateShort, formatDateLong, formatDateTime, formatTime, formatRelativeTime, formatTimeBetween, formatDateForInput, formatDateTimeForInput, formatFullTimestamp, formatCompactTimestamp, formatMonthDay, formatDateRange, formatWeekdayLong, formatTimeWithSeconds, formatDuration, } from './date-utils.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,cAAc,EACd,cAAc,EACd,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACtB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,qBAAqB,EACrB,cAAc,GACf,MAAM,iBAAiB,CAAA"}

package/dist/utils/index.js

@@ -0,0 +1,2 @@
+export { formatDateShort, formatDateLong, formatDateTime, formatTime, formatRelativeTime, formatTimeBetween, formatDateForInput, formatDateTimeForInput, formatFullTimestamp, formatCompactTimestamp, formatMonthDay, formatDateRange, formatWeekdayLong, formatTimeWithSeconds, formatDuration, } from './date-utils.js';
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,cAAc,EACd,cAAc,EACd,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACtB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,qBAAqB,EACrB,cAAc,GACf,MAAM,iBAAiB,CAAA"}

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/blaze-it/ui"
   },
-  "version": "0.3.0",
+  "version": "0.5.0",
   "private": false,
   "description": "Shared React + DaisyUI component library for Blaze projects",
   "type": "module",
@@ -24,6 +24,14 @@
     "./data": {
       "types": "./dist/data/index.d.ts",
       "default": "./dist/data/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "default": "./dist/hooks/index.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "default": "./dist/utils/index.js"
     }
   },
   "types": "./dist/index.d.ts",
@@ -34,11 +42,24 @@
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "@tanstack/react-table": ">=8.0.0",
-    "react-hook-form": ">=7.0.0"
+    "react-hook-form": ">=7.0.0",
+    "date-fns": ">=3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@tanstack/react-table": {
+      "optional": true
+    },
+    "react-hook-form": {
+      "optional": true
+    },
+    "date-fns": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@tanstack/react-table": "^8.21.0",
     "@types/react": "^19.0.0",
+    "date-fns": "^4.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.54.0",