pure-react-ui 1.4.6 → 1.5.0

package/lib/components/Icon/icons.js

@@ -0,0 +1,155 @@
+import React from 'react';
+// Helper function to create SVG icon with stroke
+const createIcon = (path, viewBox = '0 0 24 24', strokeWidth = 2) => {
+    return ({ size = 24, color = 'currentColor', className = '' }) => (React.createElement("svg", { width: size, height: size, viewBox: viewBox, fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" },
+        React.createElement("path", { d: path })));
+};
+// Helper for filled icons
+const createFilledIcon = (paths, viewBox = '0 0 24 24') => {
+    return ({ size = 24, color = 'currentColor', className = '' }) => (React.createElement("svg", { width: size, height: size, viewBox: viewBox, fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, paths.map((path, index) => (React.createElement("path", { key: index, d: path, fill: color, fillRule: "evenodd", clipRule: "evenodd" })))));
+};
+// Arrow Icons
+export const ArrowLeft = createIcon('M19 12H5M12 19l-7-7 7-7');
+export const ArrowRight = createIcon('M5 12h14M12 5l7 7-7 7');
+export const ArrowUp = createIcon('M5 19l7-7 7 7M12 19V5');
+export const ArrowDown = createIcon('M19 5l-7 7-7-7M12 5v14');
+export const ArrowUpRight = createIcon('M7 17L17 7M17 7H7M17 7v10');
+export const ArrowDownRight = createIcon('M7 7l10 10M17 17V7M17 17H7');
+export const ChevronLeft = createIcon('M15 18l-6-6 6-6');
+export const ChevronRight = createIcon('M9 18l6-6-6-6');
+export const ChevronUp = createIcon('M18 15l-6-6-6 6');
+export const ChevronDown = createIcon('M6 9l6 6 6-6');
+export const DoubleChevronLeft = createIcon('M11 18l-6-6 6-6M18 18l-6-6 6-6');
+export const DoubleChevronRight = createIcon('M13 18l6-6-6-6M6 18l6-6-6-6');
+// Navigation Icons
+export const Home = createIcon('M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6');
+export const Menu = createIcon('M4 6h16M4 12h16M4 18h16');
+export const Close = createIcon('M6 18L18 6M6 6l12 12');
+export const Search = createIcon('M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z');
+export const Filter = createIcon('M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z');
+// Action Icons
+export const Plus = createIcon('M12 5v14m7-7H5');
+export const Minus = createIcon('M5 12h14');
+export const Check = createIcon('M5 13l4 4L19 7');
+export const X = createIcon('M6 18L18 6M6 6l12 12');
+export const Edit = createIcon('M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z');
+export const Trash = createIcon('M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16');
+export const Save = createIcon('M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4');
+export const Download = createIcon('M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4');
+export const Upload = createIcon('M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12');
+export const Copy = createIcon('M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z');
+export const Share = createIcon('M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z');
+// Media Icons
+export const Play = createFilledIcon(['M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z']);
+export const Pause = createFilledIcon(['M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z']);
+export const Stop = createFilledIcon(['M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4 14H8V8h8v8z']);
+export const VolumeUp = createIcon('M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 14.142M6.343 6.343l4.243 4.243H4v4h6.586l-4.243 4.243 8.485-8.485-8.485-8.485z');
+export const VolumeDown = createIcon('M15.536 8.464a5 5 0 010 7.072M6.343 6.343l4.243 4.243H4v4h6.586l-4.243 4.243 8.485-8.485-8.485-8.485z');
+export const VolumeOff = createIcon('M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z M17 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2');
+export const Image = createIcon('M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z');
+export const Video = createIcon('M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z');
+export const Camera = createIcon('M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z M15 13a3 3 0 11-6 0 3 3 0 016 0z');
+// Communication Icons
+export const Mail = createIcon('M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z');
+export const Message = createIcon('M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z');
+export const Phone = createIcon('M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z');
+export const Bell = createIcon('M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9');
+export const Notification = createIcon('M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9');
+// File Icons
+export const File = createIcon('M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z');
+export const Folder = createIcon('M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z');
+export const FolderOpen = createIcon('M5 19a2 2 0 01-2-2V7a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1M5 19h14a2 2 0 002-2v-5a2 2 0 00-2-2H9a2 2 0 00-2 2v5a2 2 0 01-2 2z');
+export const FileText = createIcon('M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z');
+export const FilePdf = createIcon('M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z M9 9h6m-6 4h6m-2 4h2a2 2 0 002-2v-2a2 2 0 00-2-2h-2v4z');
+// User Icons
+export const User = createIcon('M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z');
+export const Users = createIcon('M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z');
+export const UserPlus = createIcon('M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z');
+export const UserMinus = createIcon('M13 7a4 4 0 11-8 0 4 4 0 018 0zM9 14a6 6 0 00-6 6v1h12v-1a6 6 0 00-6-6zM21 12h-6');
+export const Settings = createIcon('M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z M15 12a3 3 0 11-6 0 3 3 0 016 0z');
+export const Logout = createIcon('M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1');
+// Status Icons
+export const CheckCircle = createIcon('M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z');
+export const XCircle = createIcon('M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z');
+export const AlertCircle = createIcon('M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z');
+export const Info = createIcon('M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z');
+export const Warning = createIcon('M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z');
+export const Star = createFilledIcon(['M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z']);
+export const Heart = createFilledIcon(['M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z']);
+export const Bookmark = createFilledIcon(['M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z']);
+// Social Icons - Simplified versions
+export const Facebook = createFilledIcon(['M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z']);
+export const Twitter = createIcon('M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z');
+export const Instagram = createFilledIcon(['M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z']);
+export const Linkedin = createFilledIcon(['M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z']);
+export const Github = createFilledIcon(['M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z']);
+export const Youtube = createFilledIcon(['M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z']);
+// Technology Icons
+export const Wifi = createIcon('M8.111 16.404a5.5 5.5 0 017.778 0M12 20h.01m-7.08-7.071c3.904-3.905 10.236-3.905 14.141 0M1.394 9.393c5.857-5.857 15.355-5.857 21.213 0');
+export const Bluetooth = createIcon('M6 12l4-4m0 0l4 4m-4-4v8');
+export const Battery = createIcon('M19 10a2 2 0 012 2v2a2 2 0 01-2 2H5a2 2 0 01-2-2v-2a2 2 0 012-2h14z M7 10V8a2 2 0 012-2h4a2 2 0 012 2v2');
+export const Zap = createIcon('M13 10V3L4 14h7v7l9-11h-7z');
+export const Lock = createIcon('M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z');
+export const Unlock = createIcon('M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z');
+export const Shield = createIcon('M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z');
+// Shopping Icons
+export const ShoppingCart = createIcon('M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z');
+export const ShoppingBag = createIcon('M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z');
+export const CreditCard = createIcon('M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z');
+export const Gift = createIcon('M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7');
+// Time Icons
+export const Clock = createIcon('M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z');
+export const Calendar = createIcon('M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z');
+export const Timer = createIcon('M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z');
+// Location Icons
+export const MapPin = createIcon('M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z M15 11a3 3 0 11-6 0 3 3 0 016 0z');
+export const Globe = createIcon('M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 002 2h2.945M11 3.055V5a2 2 0 002 2h1a2 2 0 012 2v2.945M21 12.945V11a2 2 0 00-2-2h-1a2 2 0 00-2-2V5.055M12.945 21H11a2 2 0 01-2-2v-1a2 2 0 00-2-2H5.055M12.945 3H11a2 2 0 00-2 2v1a2 2 0 01-2 2H5.055');
+export const Navigation = createIcon('M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6');
+// Weather Icons
+export const Sun = createIcon('M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z');
+export const Moon = createIcon('M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z');
+export const Cloud = createIcon('M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4 4 0 003 15z');
+// More Utility Icons
+export const Eye = createIcon('M15 12a3 3 0 11-6 0 3 3 0 016 0z M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z');
+export const EyeOff = createIcon('M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l18 18');
+export const Refresh = createIcon('M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15');
+export const MoreVertical = createIcon('M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z');
+export const MoreHorizontal = createIcon('M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z');
+export const Grid = createIcon('M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z');
+export const List = createIcon('M4 6h16M4 12h16M4 18h16');
+// Export all icons
+export const iconMap = {
+    // Arrows
+    ArrowLeft, ArrowRight, ArrowUp, ArrowDown, ArrowUpRight, ArrowDownRight,
+    ChevronLeft, ChevronRight, ChevronUp, ChevronDown,
+    DoubleChevronLeft, DoubleChevronRight,
+    // Navigation
+    Home, Menu, Close, Search, Filter,
+    // Actions
+    Plus, Minus, Check, X, Edit, Trash, Save, Download, Upload, Copy, Share,
+    // Media
+    Play, Pause, Stop, VolumeUp, VolumeDown, VolumeOff, Image, Video, Camera,
+    // Communication
+    Mail, Message, Phone, Bell, Notification,
+    // Files
+    File, Folder, FolderOpen, FileText, FilePdf,
+    // User
+    User, Users, UserPlus, UserMinus, Settings, Logout,
+    // Status
+    CheckCircle, XCircle, AlertCircle, Info, Warning, Star, Heart, Bookmark,
+    // Social
+    Facebook, Twitter, Instagram, Linkedin, Github, Youtube,
+    // Technology
+    Wifi, Bluetooth, Battery, Zap, Lock, Unlock, Shield,
+    // Shopping
+    ShoppingCart, ShoppingBag, CreditCard, Gift,
+    // Time
+    Clock, Calendar, Timer,
+    // Location
+    MapPin, Globe, Navigation,
+    // Weather
+    Sun, Moon, Cloud,
+    // Utility
+    Eye, EyeOff, Refresh, MoreVertical, MoreHorizontal, Grid, List,
+};
+//# sourceMappingURL=icons.js.map

package/lib/components/Icon/icons.js.map

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

package/lib/components/Modal/Modal.css

@@ -0,0 +1,197 @@
+/* Pure Modal Component Styles */
+.pure-modal__overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+  padding: 1rem;
+  animation: pure-modal-overlay-fade-in 0.2s ease-out;
+  overflow-y: auto;
+}
+
+@keyframes pure-modal-overlay-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.pure-modal {
+  background-color: #ffffff;
+  border-radius: 0.5rem;
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  display: flex;
+  flex-direction: column;
+  max-height: 90vh;
+  width: 100%;
+  animation: pure-modal-slide-in 0.3s ease-out;
+  position: relative;
+  overflow: hidden;
+}
+
+@keyframes pure-modal-slide-in {
+  from {
+    opacity: 0;
+    transform: translateY(-20px) scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+/* Size Variants */
+.pure-modal--small {
+  max-width: 400px;
+}
+
+.pure-modal--medium {
+  max-width: 600px;
+}
+
+.pure-modal--large {
+  max-width: 900px;
+}
+
+.pure-modal--fullscreen {
+  max-width: 100%;
+  max-height: 100vh;
+  height: 100vh;
+  border-radius: 0;
+  margin: 0;
+}
+
+/* Header */
+.pure-modal__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1.5rem;
+  border-bottom: 1px solid #e0e0e0;
+  flex-shrink: 0;
+}
+
+.pure-modal__title {
+  margin: 0;
+  font-size: 1.5rem;
+  font-weight: 600;
+  line-height: 1.4;
+  color: #212529;
+  flex: 1;
+}
+
+.pure-modal__close-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  padding: 0;
+  margin-left: 1rem;
+  background: transparent;
+  border: none;
+  border-radius: 0.25rem;
+  cursor: pointer;
+  color: #6c757d;
+  transition: all 0.2s ease-in-out;
+  flex-shrink: 0;
+}
+
+.pure-modal__close-button:hover {
+  background-color: #f0f0f0;
+  color: #212529;
+}
+
+.pure-modal__close-button:active {
+  background-color: #e0e0e0;
+}
+
+.pure-modal__close-button:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
+}
+
+.pure-modal__close-icon {
+  font-size: 1.5rem;
+  line-height: 1;
+  font-weight: 300;
+}
+
+/* Body */
+.pure-modal__body {
+  padding: 1.5rem;
+  overflow-y: auto;
+  flex: 1;
+  color: #495057;
+  line-height: 1.6;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .pure-modal__overlay {
+    padding: 0;
+    align-items: flex-end;
+  }
+
+  .pure-modal {
+    max-height: 95vh;
+    border-radius: 0.5rem 0.5rem 0 0;
+    animation: pure-modal-slide-up 0.3s ease-out;
+  }
+
+  @keyframes pure-modal-slide-up {
+    from {
+      opacity: 0;
+      transform: translateY(100%);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  .pure-modal--small,
+  .pure-modal--medium,
+  .pure-modal--large {
+    max-width: 100%;
+  }
+
+  .pure-modal__header {
+    padding: 1rem 1.25rem;
+  }
+
+  .pure-modal__title {
+    font-size: 1.25rem;
+  }
+
+  .pure-modal__body {
+    padding: 1.25rem;
+  }
+}
+
+/* Scrollbar Styling */
+.pure-modal__body::-webkit-scrollbar {
+  width: 8px;
+}
+
+.pure-modal__body::-webkit-scrollbar-track {
+  background: #f1f1f1;
+}
+
+.pure-modal__body::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 4px;
+}
+
+.pure-modal__body::-webkit-scrollbar-thumb:hover {
+  background: #a8a8a8;
+}
+

package/lib/components/Modal/Modal.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import './Modal.css';
+export interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    size?: 'small' | 'medium' | 'large' | 'fullscreen';
+    closeOnOverlayClick?: boolean;
+    closeOnEscape?: boolean;
+    showCloseButton?: boolean;
+    className?: string;
+    overlayClassName?: string;
+    children: React.ReactNode;
+}
+export declare const Modal: React.FC<ModalProps>;
+//# sourceMappingURL=Modal.d.ts.map

package/lib/components/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IACnD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA4EtC,CAAC"}

package/lib/components/Modal/Modal.js

@@ -0,0 +1,45 @@
+import React, { useEffect, useRef } from 'react';
+import './Modal.css';
+export const Modal = ({ isOpen, onClose, title, size = 'medium', closeOnOverlayClick = true, closeOnEscape = true, showCloseButton = true, className = '', overlayClassName = '', children }) => {
+    const modalRef = useRef(null);
+    const overlayRef = useRef(null);
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const handleEscape = (e) => {
+            if (closeOnEscape && e.key === 'Escape') {
+                onClose();
+            }
+        };
+        const handleClickOutside = (e) => {
+            if (closeOnOverlayClick &&
+                overlayRef.current &&
+                modalRef.current &&
+                e.target === overlayRef.current) {
+                onClose();
+            }
+        };
+        document.addEventListener('keydown', handleEscape);
+        document.addEventListener('mousedown', handleClickOutside);
+        document.body.style.overflow = 'hidden';
+        return () => {
+            document.removeEventListener('keydown', handleEscape);
+            document.removeEventListener('mousedown', handleClickOutside);
+            document.body.style.overflow = '';
+        };
+    }, [isOpen, closeOnEscape, closeOnOverlayClick, onClose]);
+    if (!isOpen)
+        return null;
+    const baseClass = 'pure-modal';
+    const sizeClass = `pure-modal--${size}`;
+    const combinedClassName = [baseClass, sizeClass, className].filter(Boolean).join(' ');
+    const combinedOverlayClassName = ['pure-modal__overlay', overlayClassName].filter(Boolean).join(' ');
+    return (React.createElement("div", { className: combinedOverlayClassName, ref: overlayRef },
+        React.createElement("div", { className: combinedClassName, ref: modalRef },
+            (title || showCloseButton) && (React.createElement("div", { className: "pure-modal__header" },
+                title && React.createElement("h2", { className: "pure-modal__title" }, title),
+                showCloseButton && (React.createElement("button", { className: "pure-modal__close-button", onClick: onClose, "aria-label": "Close modal" },
+                    React.createElement("span", { className: "pure-modal__close-icon" }, "\u00D7"))))),
+            React.createElement("div", { className: "pure-modal__body" }, children))));
+};
+//# sourceMappingURL=Modal.js.map

package/lib/components/Modal/Modal.js.map

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

package/lib/components/Space/Space.css

@@ -0,0 +1,73 @@
+/* Pure Space Component Styles */
+.pure-space {
+  display: inline-flex;
+  flex-wrap: nowrap;
+  gap: 0.75rem;
+}
+
+/* Direction Variants */
+.pure-space--horizontal {
+  flex-direction: row;
+}
+
+.pure-space--vertical {
+  flex-direction: column;
+}
+
+/* Size Variants */
+.pure-space--small {
+  gap: 0.5rem;
+}
+
+.pure-space--medium {
+  gap: 0.75rem;
+}
+
+.pure-space--large {
+  gap: 1.5rem;
+}
+
+/* Alignment */
+.pure-space--align-start {
+  align-items: flex-start;
+}
+
+.pure-space--align-end {
+  align-items: flex-end;
+}
+
+.pure-space--align-center {
+  align-items: center;
+}
+
+.pure-space--align-baseline {
+  align-items: baseline;
+}
+
+.pure-space--align-stretch {
+  align-items: stretch;
+}
+
+/* Wrap */
+.pure-space--wrap {
+  flex-wrap: wrap;
+}
+
+/* Space Item */
+.pure-space__item {
+  display: flex;
+  align-items: center;
+}
+
+/* Vertical Space Item */
+.pure-space--vertical .pure-space__item {
+  width: 100%;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .pure-space--wrap {
+    flex-wrap: wrap;
+  }
+}
+

package/lib/components/Space/Space.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './Space.css';
+export interface SpaceProps {
+    size?: 'small' | 'medium' | 'large' | number;
+    direction?: 'horizontal' | 'vertical';
+    align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+    wrap?: boolean;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const Space: React.FC<SpaceProps>;
+//# sourceMappingURL=Space.d.ts.map

package/lib/components/Space/Space.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Space.d.ts","sourceRoot":"","sources":["../../../src/components/Space/Space.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAkDtC,CAAC"}

package/lib/components/Space/Space.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import './Space.css';
+export const Space = ({ size = 'medium', direction = 'horizontal', align = 'center', wrap = false, className = '', children }) => {
+    const baseClass = 'pure-space';
+    const directionClass = `pure-space--${direction}`;
+    const alignClass = `pure-space--align-${align}`;
+    const wrapClass = wrap ? 'pure-space--wrap' : '';
+    const combinedClassName = [
+        baseClass,
+        directionClass,
+        alignClass,
+        wrapClass,
+        className
+    ].filter(Boolean).join(' ');
+    const sizeValue = typeof size === 'number' ? size : undefined;
+    const sizeClass = typeof size === 'string' ? `pure-space--${size}` : '';
+    const style = {};
+    if (sizeValue !== undefined) {
+        if (direction === 'horizontal') {
+            style.gap = `${sizeValue}px`;
+        }
+        else {
+            style.gap = `${sizeValue}px`;
+        }
+    }
+    return (React.createElement("div", { className: combinedClassName, style: style }, React.Children.map(children, (child, index) => {
+        if (child === null || child === undefined) {
+            return null;
+        }
+        return (React.createElement("div", { key: index, className: "pure-space__item" }, child));
+    })));
+};
+//# sourceMappingURL=Space.js.map

package/lib/components/Space/Space.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Space.js","sourceRoot":"","sources":["../../../src/components/Space/Space.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,CAAC;AAWrB,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,YAAY,EACxB,KAAK,GAAG,QAAQ,EAChB,IAAI,GAAG,KAAK,EACZ,SAAS,GAAG,EAAE,EACd,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,YAAY,CAAC;IAC/B,MAAM,cAAc,GAAG,eAAe,SAAS,EAAE,CAAC;IAClD,MAAM,UAAU,GAAG,qBAAqB,KAAK,EAAE,CAAC;IAChD,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IAEjD,MAAM,iBAAiB,GAAG;QACxB,SAAS;QACT,cAAc;QACd,UAAU;QACV,SAAS;QACT,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,SAAS,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9D,MAAM,SAAS,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAExE,MAAM,KAAK,GAAwB,EAAE,CAAC;IACtC,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QAC5B,IAAI,SAAS,KAAK,YAAY,EAAE,CAAC;YAC/B,KAAK,CAAC,GAAG,GAAG,GAAG,SAAS,IAAI,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,GAAG,GAAG,GAAG,SAAS,IAAI,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,OAAO,CACL,6BACE,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE,KAAK,IAEX,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC7C,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YAC1C,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,CACL,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,kBAAkB,IAC1C,KAAK,CACF,CACP,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}