@nice2dev/icons 1.0.0 → 1.0.2

package/dist/cjs/NtdIconBadge.js

@@ -0,0 +1,375 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var types = require('./types.js');
+
+/* ────────────────────────────────────────────────────────────────────────────
+   CONSTANTS
+───────────────────────────────────────────────────────────────────────────── */
+const STATUS_COLORS = {
+    online: '#22c55e', // green-500
+    offline: '#6b7280', // gray-500
+    busy: '#ef4444', // red-500
+    away: '#f59e0b', // amber-500
+    dnd: '#ef4444', // red-500
+    invisible: '#9ca3af', // gray-400
+};
+const POSITION_STYLES = {
+    'top-right': { top: 0, right: 0, transform: 'translate(40%, -40%)' },
+    'top-left': { top: 0, left: 0, transform: 'translate(-40%, -40%)' },
+    'bottom-right': { bottom: 0, right: 0, transform: 'translate(40%, 40%)' },
+    'bottom-left': { bottom: 0, left: 0, transform: 'translate(-40%, 40%)' },
+    'top-center': { top: 0, left: '50%', transform: 'translate(-50%, -50%)' },
+    'bottom-center': { bottom: 0, left: '50%', transform: 'translate(-50%, 50%)' },
+    'center-right': { top: '50%', right: 0, transform: 'translate(50%, -50%)' },
+    'center-left': { top: '50%', left: 0, transform: 'translate(-50%, -50%)' },
+};
+const DOT_SIZES = {
+    sm: 6,
+    md: 8,
+    lg: 10,
+};
+/* ────────────────────────────────────────────────────────────────────────────
+   STYLES
+───────────────────────────────────────────────────────────────────────────── */
+const badgeStyles = `
+.ntd-badge-container {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.ntd-badge {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 10px;
+  font-weight: 600;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  line-height: 1;
+  white-space: nowrap;
+  border-radius: 9999px;
+  z-index: 1;
+}
+
+.ntd-badge--standard {
+  min-width: 18px;
+  height: 18px;
+  padding: 0 5px;
+}
+
+.ntd-badge--dot {
+  width: 8px;
+  height: 8px;
+  padding: 0;
+}
+
+.ntd-badge--pill {
+  min-width: 20px;
+  height: 16px;
+  padding: 0 6px;
+  font-size: 9px;
+}
+
+.ntd-badge--animated {
+  transition: transform 0.2s ease, opacity 0.2s ease;
+}
+
+.ntd-badge--enter {
+  animation: ntd-badge-pop 0.3s ease-out;
+}
+
+@keyframes ntd-badge-pop {
+  0% { transform: scale(0); opacity: 0; }
+  50% { transform: scale(1.2); }
+  100% { transform: scale(1); opacity: 1; }
+}
+
+@keyframes ntd-badge-pulse {
+  0%, 100% { transform: scale(1); opacity: 1; }
+  50% { transform: scale(1.1); opacity: 0.8; }
+}
+
+.ntd-badge--pulse {
+  animation: ntd-badge-pulse 1.5s ease-in-out infinite;
+}
+
+.ntd-status-dot {
+  position: absolute;
+  border-radius: 50%;
+  border: 2px solid white;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
+  z-index: 1;
+}
+
+.ntd-status-dot--animated {
+  transition: background-color 0.3s ease, transform 0.3s ease;
+}
+
+@keyframes ntd-status-pulse {
+  0%, 100% { 
+    box-shadow: 0 0 0 0 currentColor;
+  }
+  50% { 
+    box-shadow: 0 0 0 4px transparent;
+  }
+}
+
+.ntd-status-dot--pulse {
+  animation: ntd-status-pulse 2s ease-in-out infinite;
+}
+
+.ntd-icon-overlay {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1;
+}
+
+.ntd-icon-overlay--circular {
+  border-radius: 50%;
+  padding: 2px;
+}
+
+@keyframes ntd-count-change {
+  0% { transform: scale(1); }
+  25% { transform: scale(1.3); }
+  50% { transform: scale(0.9); }
+  100% { transform: scale(1); }
+}
+
+.ntd-badge--count-change {
+  animation: ntd-count-change 0.3s ease-out;
+}
+`;
+// Inject styles
+let stylesInjected = false;
+function injectStyles() {
+    if (stylesInjected || typeof document === 'undefined')
+        return;
+    const styleId = 'ntd-badge-styles';
+    if (!document.getElementById(styleId)) {
+        const styleEl = document.createElement('style');
+        styleEl.id = styleId;
+        styleEl.textContent = badgeStyles;
+        document.head.appendChild(styleEl);
+    }
+    stylesInjected = true;
+}
+/* ────────────────────────────────────────────────────────────────────────────
+   NtdBadge COMPONENT
+───────────────────────────────────────────────────────────────────────────── */
+/**
+ * Badge overlay component for icons with notification counts.
+ *
+ * @example
+ * ```tsx
+ * // Basic notification badge
+ * <NtdBadge icon={NtdBell} count={3} />
+ *
+ * // Large count with max
+ * <NtdBadge icon={NtdInbox} count={150} maxCount={99} />
+ *
+ * // Pulsing badge
+ * <NtdBadge icon={NtdMessage} count={1} pulse />
+ *
+ * // Custom colors
+ * <NtdBadge
+ *   icon={NtdHeart}
+ *   count={5}
+ *   badgeColor="#e91e63"
+ *   textColor="white"
+ * />
+ * ```
+ */
+const NtdBadge = React.forwardRef(({ icon: Icon, count = 0, maxCount = 99, showZero = false, position = 'top-right', variant = 'standard', badgeColor = '#ef4444', textColor = '#ffffff', animated = true, pulse = false, iconProps = {}, className, style, 'aria-label': ariaLabel, }, ref) => {
+    var _a, _b;
+    const [isEntering, setIsEntering] = React.useState(false);
+    const [countChanging, setCountChanging] = React.useState(false);
+    const prevCountRef = React.useRef(count);
+    React.useEffect(() => {
+        injectStyles();
+    }, []);
+    // Handle count change animation
+    React.useEffect(() => {
+        if (animated && prevCountRef.current !== count && count > 0) {
+            setCountChanging(true);
+            const timer = setTimeout(() => setCountChanging(false), 300);
+            prevCountRef.current = count;
+            return () => clearTimeout(timer);
+        }
+        prevCountRef.current = count;
+    }, [count, animated]);
+    // Handle enter animation
+    React.useEffect(() => {
+        if (animated && count > 0) {
+            setIsEntering(true);
+            const timer = setTimeout(() => setIsEntering(false), 300);
+            return () => clearTimeout(timer);
+        }
+    }, []);
+    const shouldShowBadge = count > 0 || showZero;
+    const displayCount = count > maxCount ? `${maxCount}+` : count.toString();
+    const resolvedSize = typeof iconProps.size === 'number'
+        ? iconProps.size
+        : (_b = types.SIZE_MAP[(_a = iconProps.size) !== null && _a !== void 0 ? _a : 'md']) !== null && _b !== void 0 ? _b : 24;
+    const badgeClasses = [
+        'ntd-badge',
+        `ntd-badge--${variant}`,
+        animated && 'ntd-badge--animated',
+        isEntering && 'ntd-badge--enter',
+        countChanging && 'ntd-badge--count-change',
+        pulse && 'ntd-badge--pulse',
+    ].filter(Boolean).join(' ');
+    return (jsxRuntime.jsxs("div", { ref: ref, className: `ntd-badge-container ${className !== null && className !== void 0 ? className : ''}`, style: {
+            width: resolvedSize,
+            height: resolvedSize,
+            ...style,
+        }, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : (shouldShowBadge ? `${count} notifications` : undefined), children: [jsxRuntime.jsx(Icon, { ...iconProps }), shouldShowBadge && (jsxRuntime.jsx("span", { className: badgeClasses, style: {
+                    ...POSITION_STYLES[position],
+                    backgroundColor: badgeColor,
+                    color: textColor,
+                }, "aria-hidden": "true", children: variant !== 'dot' && displayCount }))] }));
+});
+NtdBadge.displayName = 'NtdBadge';
+/* ────────────────────────────────────────────────────────────────────────────
+   NtdStatusDot COMPONENT
+───────────────────────────────────────────────────────────────────────────── */
+/**
+ * Status indicator dot overlay for icons.
+ *
+ * @example
+ * ```tsx
+ * // Online status
+ * <NtdStatusDot icon={NtdUser} status="online" />
+ *
+ * // Busy with pulse
+ * <NtdStatusDot icon={NtdUser} status="busy" pulse />
+ *
+ * // Custom position
+ * <NtdStatusDot icon={NtdUser} status="away" position="bottom-right" />
+ * ```
+ */
+const NtdStatusDot = React.forwardRef(({ icon: Icon, status, statusColor, position = 'bottom-right', dotSize = 'md', animated = true, pulse = false, iconProps = {}, className, style, }, ref) => {
+    var _a, _b;
+    React.useEffect(() => {
+        injectStyles();
+    }, []);
+    const resolvedColor = statusColor !== null && statusColor !== void 0 ? statusColor : STATUS_COLORS[status];
+    const resolvedDotSize = DOT_SIZES[dotSize];
+    const resolvedIconSize = typeof iconProps.size === 'number'
+        ? iconProps.size
+        : (_b = types.SIZE_MAP[(_a = iconProps.size) !== null && _a !== void 0 ? _a : 'md']) !== null && _b !== void 0 ? _b : 24;
+    const dotClasses = [
+        'ntd-status-dot',
+        animated && 'ntd-status-dot--animated',
+        pulse && status === 'online' && 'ntd-status-dot--pulse',
+    ].filter(Boolean).join(' ');
+    return (jsxRuntime.jsxs("div", { ref: ref, className: `ntd-badge-container ${className !== null && className !== void 0 ? className : ''}`, style: {
+            width: resolvedIconSize,
+            height: resolvedIconSize,
+            ...style,
+        }, role: "status", "aria-label": `Status: ${status}`, children: [jsxRuntime.jsx(Icon, { ...iconProps }), jsxRuntime.jsx("span", { className: dotClasses, style: {
+                    ...POSITION_STYLES[position],
+                    width: resolvedDotSize,
+                    height: resolvedDotSize,
+                    backgroundColor: resolvedColor,
+                    color: resolvedColor,
+                }, "aria-hidden": "true" })] }));
+});
+NtdStatusDot.displayName = 'NtdStatusDot';
+/* ────────────────────────────────────────────────────────────────────────────
+   NtdIconOverlay COMPONENT
+───────────────────────────────────────────────────────────────────────────── */
+/**
+ * Generic overlay component for composing icons.
+ *
+ * @example
+ * ```tsx
+ * // Folder with plus
+ * <NtdIconOverlay
+ *   icon={NtdFolder}
+ *   overlay={<NtdPlus size="xs" />}
+ *   position="bottom-right"
+ * />
+ *
+ * // With circular background
+ * <NtdIconOverlay
+ *   icon={NtdUser}
+ *   overlay={<NtdCheck size="xs" primaryColor="white" />}
+ *   circularBg
+ *   overlayBg="#22c55e"
+ * />
+ * ```
+ */
+const NtdIconOverlay = React.forwardRef(({ icon: Icon, overlay, position = 'bottom-right', overlayScale = 0.5, overlayBg, circularBg = false, iconProps = {}, className, style, }, ref) => {
+    var _a, _b;
+    React.useEffect(() => {
+        injectStyles();
+    }, []);
+    const resolvedIconSize = typeof iconProps.size === 'number'
+        ? iconProps.size
+        : (_b = types.SIZE_MAP[(_a = iconProps.size) !== null && _a !== void 0 ? _a : 'md']) !== null && _b !== void 0 ? _b : 24;
+    const overlaySize = resolvedIconSize * overlayScale;
+    const overlayClasses = [
+        'ntd-icon-overlay',
+        circularBg && 'ntd-icon-overlay--circular',
+    ].filter(Boolean).join(' ');
+    return (jsxRuntime.jsxs("div", { ref: ref, className: `ntd-badge-container ${className !== null && className !== void 0 ? className : ''}`, style: {
+            width: resolvedIconSize,
+            height: resolvedIconSize,
+            ...style,
+        }, children: [jsxRuntime.jsx(Icon, { ...iconProps }), jsxRuntime.jsx("div", { className: overlayClasses, style: {
+                    ...POSITION_STYLES[position],
+                    width: overlaySize,
+                    height: overlaySize,
+                    backgroundColor: overlayBg,
+                }, children: overlay })] }));
+});
+NtdIconOverlay.displayName = 'NtdIconOverlay';
+/**
+ * Stack two icons for composite imagery.
+ *
+ * @example
+ * ```tsx
+ * // Folder with star
+ * <NtdIconStack
+ *   base={NtdFolder}
+ *   overlay={NtdStar}
+ *   overlayProps={{ primaryColor: '#fbbf24' }}
+ * />
+ *
+ * // Ban overlay (slash through)
+ * <NtdIconStack
+ *   base={NtdCamera}
+ *   overlay={NtdSlash}
+ *   overlayProps={{ primaryColor: '#ef4444' }}
+ *   position="center"
+ * />
+ * ```
+ */
+const NtdIconStack = React.forwardRef(({ base: BaseIcon, overlay: OverlayIcon, baseProps = {}, overlayProps = {}, position = 'bottom-right', overlayScale = 0.6, size, className, style, }, ref) => {
+    var _a, _b, _c;
+    const resolvedSize = size
+        ? (typeof size === 'number' ? size : (_a = types.SIZE_MAP[size]) !== null && _a !== void 0 ? _a : 24)
+        : (typeof baseProps.size === 'number' ? baseProps.size : (_c = types.SIZE_MAP[(_b = baseProps.size) !== null && _b !== void 0 ? _b : 'md']) !== null && _c !== void 0 ? _c : 24);
+    const overlaySize = Math.round(resolvedSize * overlayScale);
+    return (jsxRuntime.jsxs("div", { ref: ref, className: `ntd-badge-container ${className !== null && className !== void 0 ? className : ''}`, style: {
+            width: resolvedSize,
+            height: resolvedSize,
+            ...style,
+        }, children: [jsxRuntime.jsx(BaseIcon, { ...baseProps, size: resolvedSize }), jsxRuntime.jsx("div", { className: "ntd-icon-overlay", style: {
+                    ...POSITION_STYLES[position],
+                }, children: jsxRuntime.jsx(OverlayIcon, { ...overlayProps, size: overlaySize }) })] }));
+});
+NtdIconStack.displayName = 'NtdIconStack';
+
+exports.NtdBadge = NtdBadge;
+exports.NtdIconOverlay = NtdIconOverlay;
+exports.NtdIconStack = NtdIconStack;
+exports.NtdStatusDot = NtdStatusDot;
+//# sourceMappingURL=NtdIconBadge.js.map

package/dist/cjs/NtdIconBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NtdIconBadge.js","sources":["../../src/NtdIconBadge.tsx"],"sourcesContent":[null],"names":["forwardRef","useState","useRef","useEffect","SIZE_MAP","_jsxs","_jsx"],"mappings":"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"}