@twentyfirstmedia/ui-core 0.3.1 → 0.4.0

package/ICONS-LICENSE

@@ -0,0 +1,53 @@
+Icon library (src/icon-library.ts, dist/icon-library.js)
+
+Line icons are derived from Lucide (https://lucide.dev), licensed as follows:
+
+ISC License
+
+Copyright (c) 2026 Lucide Icons and Contributors
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+
+---
+
+The following Lucide icons are derived from the Feather project:
+
+airplay, alert-circle, alert-octagon, alert-triangle, aperture, arrow-down-circle, arrow-down-left, arrow-down-right, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up-left, arrow-up-right, arrow-up, at-sign, calendar, cast, check, chevron-down, chevron-left, chevron-right, chevron-up, chevrons-down, chevrons-left, chevrons-right, chevrons-up, circle, clipboard, clock, code, columns, command, compass, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, crosshair, database, divide-circle, divide-square, dollar-sign, download, external-link, feather, frown, hash, headphones, help-circle, info, italic, key, layout, life-buoy, link-2, link, loader, lock, log-in, log-out, maximize, meh, minimize, minimize-2, minus-circle, minus-square, minus, monitor, moon, more-horizontal, more-vertical, move, music, navigation-2, navigation, octagon, pause-circle, percent, plus-circle, plus-square, plus, power, radio, rss, search, server, share, shopping-bag, sidebar, smartphone, smile, square, table-2, tablet, target, terminal, trash-2, trash, triangle, tv, type, upload, x-circle, x-octagon, x-square, x, zoom-in, zoom-out
+
+The MIT License (MIT) (for the icons listed above)
+
+Copyright (c) 2013-present Cole Bemis
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+---
+
+Brand logos (names starting with "brand") are from Simple Icons (https://simpleicons.org),
+released under CC0 1.0 Universal. The logos themselves are trademarks of their respective
+owners; use them according to each brand's guidelines.

package/dist/Icon.d.ts

@@ -9,9 +9,12 @@ export interface IconProps {
     className?: string;
     style?: CSSProperties;
 }
-/** A line icon from the kit's set, drawn in `currentColor`. */
+/**
+ * A line icon from the kit's set, drawn in `currentColor`. Icons from the library (or your own)
+ * show once registered with `registerIcons`; an unknown name draws a placeholder and warns once.
+ */
 export declare function Icon({ name, size, label, className, style }: IconProps): import("react").JSX.Element;
 export declare namespace Icon {
-    var names: ("code" | "link" | "map" | "menu" | "search" | "filter" | "image" | "thumbUp" | "thumbDown" | "arrowUp" | "heart" | "tag" | "cart" | "package" | "truck" | "plus" | "minus" | "check" | "x" | "more" | "bell" | "clock" | "eye" | "edit" | "trash" | "users" | "user" | "home" | "chart" | "mail" | "grid" | "share" | "play" | "calendar" | "file" | "card" | "swap" | "send" | "download" | "book" | "chevronDown" | "chevronLeft" | "chevronRight" | "arrowUpRight" | "sparkle" | "settings" | "lock" | "paperclip" | "star" | "flag" | "trend" | "globe" | "inbox" | "logout" | "moon" | "bot" | "branch" | "terminal" | "server" | "key" | "database" | "refresh" | "pause" | "archive" | "reply" | "shield" | "help" | "cpu" | "zap" | "folder" | "pin" | "upload" | "copy" | "bed" | "ruler" | "wallet" | "ban" | "list" | "layers" | "bold" | "italic" | "underline" | "olist" | "heading" | "quote" | "undo" | "redo" | "monitor" | "phone" | "expand" | "sun" | "cookie" | "webhook")[];
+    var names: ("code" | "link" | "map" | "menu" | "search" | "filter" | "image" | "plus" | "minus" | "check" | "x" | "more" | "edit" | "trash" | "copy" | "download" | "upload" | "share" | "reply" | "refresh" | "undo" | "redo" | "swap" | "expand" | "eye" | "logout" | "paperclip" | "arrowUp" | "arrowUpRight" | "chevronDown" | "chevronLeft" | "chevronRight" | "home" | "grid" | "list" | "layers" | "settings" | "help" | "flag" | "ban" | "star" | "user" | "users" | "lock" | "key" | "shield" | "cookie" | "mail" | "inbox" | "send" | "bell" | "phone" | "heart" | "thumbUp" | "thumbDown" | "file" | "folder" | "archive" | "book" | "bold" | "italic" | "underline" | "olist" | "heading" | "quote" | "play" | "pause" | "monitor" | "branch" | "terminal" | "server" | "cpu" | "webhook" | "bot" | "sparkle" | "zap" | "database" | "chart" | "trend" | "calendar" | "clock" | "cart" | "tag" | "package" | "truck" | "card" | "wallet" | "pin" | "globe" | "bed" | "ruler" | "sun" | "moon")[];
 }
 //# sourceMappingURL=Icon.d.ts.map

package/dist/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAA0B,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEnE,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,+DAA+D;AAC/D,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,+BAoB3E;yBApBe,IAAI"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAoC,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE7E,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAID;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,+BA+B3E;yBA/Be,IAAI"}

package/dist/Icon.js

@@ -1,9 +1,22 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cx } from "./cx.js";
-import { ICON_NAMES, ICON_PATHS } from "./icons.js";
-/** A line icon from the kit's set, drawn in `currentColor`. */
+import { ICON_NAMES, ICON_PATHS, iconData } from "./icons.js";
+const warned = new Set();
+/**
+ * A line icon from the kit's set, drawn in `currentColor`. Icons from the library (or your own)
+ * show once registered with `registerIcons`; an unknown name draws a placeholder and warns once.
+ */
 export function Icon({ name, size = 16, label, className, style }) {
-    return (_jsx("svg", { className: cx("tf-ico", className), width: size, height: size, viewBox: "0 0 24 24", fill: name === "play" ? "currentColor" : "none", stroke: "currentColor", strokeWidth: name === "more" ? 3.2 : 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": label ? undefined : true, role: label ? "img" : undefined, "aria-label": label, style: { width: size, height: size, ...style }, children: _jsx("path", { d: ICON_PATHS[name] ?? ICON_PATHS.sparkle }) }));
+    let data = iconData(name);
+    if (data === undefined) {
+        if (!warned.has(name)) {
+            warned.add(name);
+            console.warn(`Twentyfirst UI: no icon "${name}". Register it first: registerIcons({ ${name} }) with ${name} from "@twentyfirstmedia/halo/icons" (or /pro/icons).`);
+        }
+        data = ICON_PATHS.sparkle;
+    }
+    const filled = typeof data !== "string" || name === "play";
+    return (_jsx("svg", { className: cx("tf-ico", className), width: size, height: size, viewBox: "0 0 24 24", fill: filled ? "currentColor" : "none", stroke: typeof data === "string" ? "currentColor" : "none", strokeWidth: name === "more" ? 3.2 : 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": label ? undefined : true, role: label ? "img" : undefined, "aria-label": label, style: { width: size, height: size, ...style }, children: _jsx("path", { d: typeof data === "string" ? data : data.d }) }));
 }
 Icon.names = ICON_NAMES;
 //# sourceMappingURL=Icon.js.map

package/dist/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,UAAU,EAAiB,MAAM,YAAY,CAAC;AAYnE,+DAA+D;AAC/D,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAa;IAC1E,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,EAC/C,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EACtC,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACT,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACrC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,gBACnB,KAAK,EACjB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,YAE9C,eAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC,OAAO,GAAI,GAC/C,CACP,CAAC;AACJ,CAAC;AACD,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAY7E,MAAM,MAAM,GAAG,IAAI,GAAG,EAAU,CAAC;AAEjC;;;GAGG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAa;IAC1E,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC1B,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YACtB,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACjB,OAAO,CAAC,IAAI,CACV,4BAA4B,IAAI,yCAAyC,IAAI,YAAY,IAAI,uDAAuD,CACrJ,CAAC;QACJ,CAAC;QACD,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC;IAC5B,CAAC;IACD,MAAM,MAAM,GAAG,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,MAAM,CAAC;IAC3D,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,EACtC,MAAM,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,EAC1D,WAAW,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EACtC,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACT,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACrC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,gBACnB,KAAK,EACjB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,YAE9C,eAAM,CAAC,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAI,GACjD,CACP,CAAC;AACJ,CAAC;AACD,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC"}