@code0-tech/pictor 0.12.0 → 0.13.1

package/LICENSE

@@ -1,7 +1,27 @@
 Copyright 2023-2026 Code0 UG (haftungsbeschränkt)
 
+This license applies to all files in this repository EXCEPT the contents of the
+directory "src/components/icon/codezero" (and any build artifacts derived from
+it), which are governed by the "Excluded Assets" section at the bottom of this
+file.
+
 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.
+
+---
+
+Excluded Assets
+
+The contents of the directory "src/components/icon/codezero" (and any build
+artifacts derived from it, such as the corresponding files in the published
+package) are NOT covered by the MIT license above. These files include brand
+logos and trademarks that are the property of their respective owners and are
+used by Code0 UG (haftungsbeschränkt) under permission.
+
+No license or right to use, copy, modify, distribute, sublicense, or otherwise
+exploit these excluded assets is granted to any third party. All rights are
+reserved by their respective owners. Any use of these assets requires the prior
+written permission of the respective rights holder.

package/dist/assets/components/avatar/Avatar.style.css

@@ -1 +1 @@
-.avatar{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;background:transparent;box-shadow:none}.avatar--image{padding:0}.avatar--identicon>div>div{--color: inherit;background:transparent;width:calc(var(--size) * 1px);height:calc(var(--size) * 1px)}.avatar--identicon>div>div>span>svg{width:calc(var(--size) * 1px);height:calc(var(--size) * 1px)}.avatar--identicon>div>div>span,.avatar--identicon>div>div>p{color:var(--color);font-size:calc(var(--size) * 1px)}
+.avatar{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;background:transparent;box-shadow:none}.avatar--image{padding:0}.avatar--identicon>div>div{--color: inherit;background:transparent;width:calc(var(--size) * 1px);height:calc(var(--size) * 1px)}.avatar--identicon>div>div>span>svg{width:calc(var(--size) * 1px);height:calc(var(--size) * 1px)}.avatar--identicon>div>div>span,.avatar--identicon>div>div>p{color:var(--color);font-size:calc(var(--size) * .75px)}

package/dist/assets/components/icon/Icon.style.css

@@ -0,0 +1 @@
+.icon{display:inline-block;flex-shrink:0;vertical-align:middle}

package/dist/components/icon/Icon.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+import { Component } from '../../utils';
+/**
+ * The common shape every resolved icon component is rendered with. All three
+ * sources (Tabler, Simple Icons, CodeZero) accept `size`/`color`; `stroke` is
+ * only honoured by Tabler icons and ignored by the others.
+ */
+export type IconComponent = React.FC<{
+    size?: number | string;
+    color?: string;
+    stroke?: number | string;
+    className?: string;
+    style?: React.CSSProperties;
+} & Record<string, unknown>>;
+/**
+ * A string reference to an icon, optionally prefixed with its source:
+ *  - `tabler:<name>` (default when no prefix is given) e.g. `tabler:arrow-left`
+ *  - `simple:<name>` e.g. `simple:github`
+ *  - `codezero:<name>` e.g. `codezero:code0`
+ *
+ * Names are normalized, so `tabler:arrow-left`, `arrow-left`, `ArrowLeft` and
+ * `IconArrowLeft` all resolve to the same icon.
+ */
+export type IconString = `tabler:${string}` | `simple:${string}` | `codezero:${string}` | (string & {});
+/**
+ * Resolves an {@link IconString} to its matching icon component from one of the
+ * registered sources. Falls back to Tabler's `IconNote` when no icon matches.
+ */
+export declare const resolveIcon: (icon?: IconString) => IconComponent;
+export interface IconProps extends Omit<Component<SVGSVGElement>, "size"> {
+    icon: IconString;
+    size?: number | string;
+    color?: string;
+    stroke?: number | string;
+}
+export declare const Icon: React.FC<IconProps>;

package/dist/components/icon/Icon.js

@@ -0,0 +1,44 @@
+import { jsx as b } from "react/jsx-runtime";
+import { c as h } from "../../_virtual/compiler-runtime.js";
+import * as a from "@tabler/icons-react";
+import * as I from "@icons-pack/react-simple-icons";
+import * as f from "./codezero/index.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeComponentProps as k } from "../../utils/component.js";
+import "js-md5";
+import '../../assets/components/icon/Icon.style.css';/* empty css                */
+const x = (r) => {
+  const o = a.IconNote;
+  if (r?.startsWith("codezero:")) {
+    const e = r.replace("codezero:", "").trim().toLowerCase(), t = Object.keys(f).find((i) => i.toLowerCase() === e);
+    return t ? f[t] : o;
+  }
+  if (r?.startsWith("simple:")) {
+    const e = r.replace("simple:", "").trim(), t = `Si${e.charAt(0).toUpperCase() + e.slice(1)}`;
+    return t in I ? I[t] : o;
+  }
+  const n = `Icon${(r?.replace("tabler:", "") ?? "Note").trim().replace(/^icon/i, "").split(/[\s_-]+/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")}`;
+  return n in a ? a[n] : o;
+}, S = (r) => {
+  const o = h.c(14);
+  let n, c, e, t, s;
+  if (o[0] !== r) {
+    const {
+      icon: m,
+      size: p,
+      color: d,
+      stroke: v,
+      ...z
+    } = r, C = p === void 0 ? 24 : p, u = d === void 0 ? "currentColor" : d;
+    let l;
+    o[6] !== m ? (l = x(m), o[6] = m, o[7] = l) : l = o[7], n = l, c = C, e = u, t = v, s = k("icon", z), o[0] = r, o[1] = n, o[2] = c, o[3] = e, o[4] = t, o[5] = s;
+  } else
+    n = o[1], c = o[2], e = o[3], t = o[4], s = o[5];
+  let i;
+  return o[8] !== n || o[9] !== c || o[10] !== e || o[11] !== t || o[12] !== s ? (i = /* @__PURE__ */ b(n, { size: c, color: e, stroke: t, ...s }), o[8] = n, o[9] = c, o[10] = e, o[11] = t, o[12] = s, o[13] = i) : i = o[13], i;
+};
+export {
+  S as Icon,
+  x as resolveIcon
+};

package/dist/components/icon/codezero/codezero.svg.js

@@ -0,0 +1,5 @@
+import * as c from "react";
+const e = (v) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", id: "c", viewBox: "8.01 8.97 23.83 23.83", ...v }, /* @__PURE__ */ c.createElement("path", { d: "M25.498,8.966h-11.132c-3.508,0-6.351,2.843-6.351,6.351v11.132c0,3.507,2.843,6.351,6.351,6.351h11.132c3.508,0,6.351-2.843,6.351-6.351v-11.132c0-3.507-2.843-6.351-6.351-6.351ZM24.829,15.569h-.379c-.454,0-.759.101-.915.303-.157.202-.234.514-.234.938v2.011c0,.525-.071.968-.212,1.331s-.423.676-.847.938c.424.262.706.575.847.938s.212.807.212,1.331v2.012c0,.423.078.736.234.937.156.202.461.303.915.303h.379v1.8h-.303c-.635,0-1.167-.061-1.596-.182-.429-.121-.771-.298-1.029-.53s-.441-.516-.552-.855c-.111-.337-.167-.724-.167-1.157v-2.285c0-.423-.101-.766-.303-1.028-.198-.258-.522-.387-.965-.391-.443.004-.766.132-.966.391-.201.262-.302.605-.302,1.028v2.285c0,.433-.056.819-.167,1.157-.111.338-.295.623-.552.855s-.6.408-1.029.53c-.428.12-.96.182-1.596.182h-.303v-1.8h.379c.454,0,.758-.101.915-.303.156-.201.234-.514.234-.937v-2.012c0-.524.07-.968.212-1.331.141-.363.423-.676.847-.938-.423-.262-.705-.575-.847-.938-.142-.363-.212-.806-.212-1.331v-2.011c0-.424-.078-.736-.234-.938-.157-.201-.461-.303-.915-.303h-.379v-1.799h.303c.635,0,1.167.06,1.596.182.429.12.771.297,1.029.529.257.233.441.517.552.855.111.338.167.724.167,1.158v2.284c0,.423.101.766.302,1.029.199.258.522.386.966.39.443-.004.766-.131.965-.39.202-.262.303-.606.303-1.029v-2.284c0-.434.055-.819.167-1.158.111-.337.295-.622.552-.855.257-.232.6-.408,1.029-.529.428-.121.96-.182,1.596-.182h.303v1.799Z" }));
+export {
+  e as default
+};

package/dist/components/icon/codezero/gls.svg.js

@@ -0,0 +1,5 @@
+import * as c from "react";
+const e = (a) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...a }, /* @__PURE__ */ c.createElement("title", null, "GLS"), /* @__PURE__ */ c.createElement("path", { d: "M 5.089 8.207 c 0.398 0.02 0.787 0.074 1.179 0.148 c 0.21 0.04 0.42 0.085 0.625 0.153 c 0.031 0.011 0.062 0.026 0.094 0.034 c 0.028 0.009 0.037 0.023 0.037 0.054 v 2.025 l -0.352 -0.102 a 8 8 0 0 0 -1.136 -0.241 a 4 4 0 0 0 -1.062 -0.014 a 2.1 2.1 0 0 0 -0.863 0.287 a 1.6 1.6 0 0 0 -0.67 0.872 c -0.08 0.239 -0.116 0.486 -0.125 0.738 q -0.015 0.337 0.034 0.673 c 0.043 0.264 0.119 0.517 0.27 0.741 c 0.199 0.293 0.48 0.46 0.818 0.537 c 0.185 0.043 0.372 0.065 0.559 0.045 c 0.352 -0.034 0.662 -0.165 0.895 -0.446 a 0.2 0.2 0 0 0 0.028 -0.04 q 0.004 -0.005 0.003 -0.009 c -0.011 -0.006 -0.026 -0.003 -0.037 -0.003 H 4.037 c -0.031 0 -0.043 -0.006 -0.043 -0.04 v -1.65 c 0 -0.031 0.009 -0.04 0.04 -0.04 h 3.771 c 0.031 0 0.04 0.009 0.04 0.04 v 4.075 c 0 0.028 -0.006 0.037 -0.037 0.037 H 6.28 c -0.034 0 -0.04 -0.011 -0.04 -0.043 l 0.009 -1.073 q 0.002 -0.018 -0.006 -0.04 l -0.031 0.06 a 2 2 0 0 1 -0.665 0.707 a 3.05 3.05 0 0 1 -1.213 0.471 a 4 4 0 0 1 -0.383 0.04 c -0.014 0.006 -0.028 0 -0.043 0.003 h -0.293 c -0.346 0 -0.684 -0.057 -1.017 -0.153 q -0.281 -0.081 -0.545 -0.213 a 3 3 0 0 1 -0.662 -0.449 a 3.4 3.4 0 0 1 -0.579 -0.662 a 3.5 3.5 0 0 1 -0.426 -0.917 a 4 4 0 0 1 -0.136 -0.619 a 3 3 0 0 1 -0.043 -0.463 l -0.003 -0.136 v -0.415 a 4.05 4.05 0 0 1 0.429 -1.795 q 0.201 -0.397 0.497 -0.736 a 4 4 0 0 1 0.787 -0.693 c 0.281 -0.19 0.585 -0.338 0.903 -0.454 A 5 5 0 0 1 3.916 8.24 q 0.282 -0.041 0.565 -0.043 h 0.091 c 0.02 -0.003 0.043 0.003 0.062 -0.003 h 0.307 c 0.02 0.009 0.043 0.003 0.062 0.003 h 0.04 c 0.017 0.009 0.031 0.003 0.045 0.009 M 16.9 16.21 a 13 13 0 0 1 -0.645 -0.034 a 10 10 0 0 1 -0.863 -0.105 a 6 6 0 0 1 -0.738 -0.168 c -0.028 -0.009 -0.037 -0.02 -0.037 -0.051 V 13.816 c 0 -0.043 0 -0.043 0.04 -0.031 c 0.327 0.102 0.662 0.179 1 0.244 q 0.388 0.077 0.781 0.128 q 0.311 0.04 0.628 0.048 c 0.187 0.006 0.375 -0.003 0.559 -0.037 a 0.8 0.8 0 0 0 0.298 -0.111 c 0.125 -0.08 0.179 -0.199 0.153 -0.335 a 0.21 0.21 0 0 0 -0.105 -0.145 a 0.9 0.9 0 0 0 -0.284 -0.111 q -0.464 -0.107 -0.929 -0.21 a 4.5 4.5 0 0 1 -0.991 -0.321 c -0.341 -0.162 -0.642 -0.378 -0.866 -0.684 a 2 2 0 0 1 -0.352 -0.843 a 3 3 0 0 1 -0.043 -0.506 c 0 -0.46 0.082 -0.9 0.307 -1.306 a 2.4 2.4 0 0 1 1.014 -0.983 a 3.4 3.4 0 0 1 1.008 -0.335 c 0.204 -0.037 0.412 -0.057 0.619 -0.068 c 0.014 -0.006 0.028 0 0.04 -0.003 h 0.045 c 0.02 -0.003 0.037 0.003 0.057 -0.003 h 0.287 c 0.02 0.009 0.043 0.003 0.062 0.003 h 0.085 c 0.182 0 0.364 0.014 0.542 0.034 q 0.47 0.045 0.934 0.125 c 0.196 0.034 0.392 0.071 0.588 0.119 c 0.057 0.014 0.057 0.017 0.057 0.074 v 1.928 c 0 0.048 -0.006 0.051 -0.054 0.04 a 11 11 0 0 0 -0.684 -0.151 a 15 15 0 0 0 -0.775 -0.128 a 11 11 0 0 0 -0.54 -0.057 a 5 5 0 0 0 -0.474 -0.006 a 1.05 1.05 0 0 0 -0.474 0.111 c -0.094 0.051 -0.168 0.122 -0.19 0.23 c -0.026 0.116 0.02 0.213 0.125 0.281 a 0.8 0.8 0 0 0 0.25 0.105 c 0.256 0.065 0.511 0.122 0.77 0.185 c 0.236 0.057 0.474 0.108 0.704 0.185 c 0.329 0.111 0.645 0.253 0.923 0.469 c 0.298 0.23 0.523 0.52 0.653 0.875 q 0.114 0.316 0.142 0.653 q 0.022 0.255 0.006 0.511 a 2.37 2.37 0 0 1 -0.44 1.252 a 2.5 2.5 0 0 1 -0.594 0.576 a 3.2 3.2 0 0 1 -1.034 0.46 a 4.5 4.5 0 0 1 -1.076 0.137 h -0.409 c -0.028 -0.006 -0.054 0 -0.08 -0.006 m 6.896 -1.24 c -0.017 0.045 -0.017 0.097 -0.026 0.145 c -0.051 0.25 -0.159 0.466 -0.335 0.65 c -0.21 0.224 -0.469 0.361 -0.772 0.4 a 1.28 1.28 0 0 1 -1.099 -0.355 a 1.26 1.26 0 0 1 -0.386 -0.733 A 1.29 1.29 0 0 1 21.479 14 a 1.23 1.23 0 0 1 0.775 -0.437 c 0.506 -0.077 0.929 0.082 1.255 0.477 c 0.17 0.207 0.261 0.449 0.284 0.716 c 0.006 0.02 0 0.04 0.003 0.062 v 0.08 c 0.003 0.017 -0.003 0.034 0.003 0.051 q -0.004 0.01 -0.003 0.02 M 8.63 12.206 V 8.369 c 0 -0.034 0.009 -0.04 0.04 -0.04 h 2.406 c 0.031 0 0.037 0.009 0.037 0.04 v 5.649 c 0 0.045 0 0.045 0.045 0.045 h 2.627 c 0.034 0 0.04 0.009 0.04 0.04 v 1.942 c 0 0.034 -0.011 0.04 -0.043 0.04 H 8.67 c -0.037 0 -0.043 -0.009 -0.043 -0.045 q 0.004 -1.917 0.003 -3.834" }));
+export {
+  e as default
+};

package/dist/components/icon/codezero/index.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export type CustomIconProps = {
+    size?: number | string;
+    color?: string;
+} & Omit<React.SVGProps<SVGSVGElement>, "color">;
+export declare const CodeZero: React.FC<CustomIconProps>;
+export declare const Gls: React.FC<CustomIconProps>;

package/dist/components/icon/codezero/index.js

@@ -0,0 +1,14 @@
+import { jsx as m } from "react/jsx-runtime";
+import e from "./codezero.svg.js";
+import s from "./gls.svg.js";
+const r = (t) => function({
+  size: o = 24,
+  color: n = "currentColor",
+  ...c
+}) {
+  return /* @__PURE__ */ m(t, { width: o, height: o, fill: n, ...c });
+}, p = r(e), C = r(s);
+export {
+  p as CodeZero,
+  C as Gls
+};

package/dist/index.d.ts

@@ -20,6 +20,7 @@ export * from './components/form/index';
 export * from './components/json-view/JsonView';
 export * from './components/fullscreen/FullScreen';
 export * from './components/gantt/Gantt';
+export * from './components/icon/Icon';
 export * from './components/layout/Layout';
 export * from './components/menu/Menu';
 export * from './components/progress/Progress';

package/dist/index.js

@@ -1,5 +1,5 @@
 import { Alert as t } from "./components/alert/Alert.js";
-import { AuroraBackground as a } from "./components/aurora/Aurora.js";
+import { AuroraBackground as n } from "./components/aurora/Aurora.js";
 import { Avatar as p } from "./components/avatar/Avatar.js";
 import { Badge as l } from "./components/badge/Badge.js";
 import { Breadcrumb as u } from "./components/breadcrumb/Breadcrumb.js";
@@ -13,7 +13,7 @@ import { ContextMenu as G, ContextMenuArrow as L, ContextMenuContent as y, Conte
 import { DataTable as j } from "./components/data-table/DataTable.js";
 import { DataTableColumn as K } from "./components/data-table/DataTableColumn.js";
 import { DataTableHeader as W, DataTableHeaderColumn as X } from "./components/data-table/DataTableHeader.js";
-import { DataTableMaxPaginationValue as _, DataTablePagination as $, DataTablePaginationBackwardsTrigger as ee, DataTablePaginationContext as oe, DataTablePaginationForwardTrigger as te, DataTablePaginationValue as re, useDataTablePagination as ae } from "./components/data-table/DataTablePagination.js";
+import { DataTableMaxPaginationValue as _, DataTablePagination as $, DataTablePaginationBackwardsTrigger as ee, DataTablePaginationContext as oe, DataTablePaginationForwardTrigger as te, DataTablePaginationValue as re, useDataTablePagination as ne } from "./components/data-table/DataTablePagination.js";
 import { DataTableFilterInput as pe, createFilterQueryLanguage as ie } from "./components/data-table/DataTableFilterInput.js";
 import { DataTableFilterSuggestionMenu as me } from "./components/data-table/DataTableFilterSuggestionMenu.js";
 import { Dialog as xe, DialogClose as fe, DialogContent as ge, DialogDescription as Ie, DialogFooter as Ce, DialogHeader as Te, DialogOverlay as Se, DialogPortal as be, DialogTitle as de, DialogTrigger as se } from "./components/dialog/Dialog.js";
@@ -28,7 +28,7 @@ import { FileInput as Ne, FileInputContext as Oe, FileInputDropzone as Qe, FileI
 import { Input as $e } from "./components/form/Input.js";
 import { InputDescription as oo } from "./components/form/InputDescription.js";
 import { InputLabel as ro } from "./components/form/InputLabel.js";
-import { InputMessage as no } from "./components/form/InputMessage.js";
+import { InputMessage as ao } from "./components/form/InputMessage.js";
 import { InputSuggestionMenuContent as io, InputSuggestionMenuContentItems as lo } from "./components/form/InputSuggestion.js";
 import { NumberInput as uo } from "./components/form/NumberInput.js";
 import { PasswordInput as fo, passwordValidation as go } from "./components/form/PasswordInput.js";
@@ -44,28 +44,29 @@ import { buildDefaultSyntax as Oo } from "./components/form/Input.syntax.hook.js
 import { JsonView as Jo } from "./components/json-view/JsonView.js";
 import { FullScreen as jo } from "./components/fullscreen/FullScreen.js";
 import { Gantt as Ko, getRelativeValue as Uo } from "./components/gantt/Gantt.js";
-import { Layout as Xo } from "./components/layout/Layout.js";
-import { Menu as _o, MenuArrow as $o, MenuCheckboxItem as et, MenuContent as ot, MenuGroup as tt, MenuItem as rt, MenuItemIndicator as at, MenuLabel as nt, MenuPortal as pt, MenuSeparator as it, MenuSub as lt, MenuSubContent as mt, MenuSubTrigger as ut, MenuTrigger as xt } from "./components/menu/Menu.js";
-import { Progress as gt } from "./components/progress/Progress.js";
-import { Quote as Ct } from "./components/quote/Quote.js";
-import { ResizableHandle as St, ResizablePanel as bt, ResizablePanelGroup as dt } from "./components/resizable/Resizable.js";
-import { Row as ct } from "./components/row/Row.js";
-import { AutoScrollArea as Dt, ScrollArea as Ft, ScrollAreaCorner as Pt, ScrollAreaScrollbar as At, ScrollAreaThumb as wt, ScrollAreaViewport as vt } from "./components/scroll-area/ScrollArea.js";
-import { SegmentedControl as Rt, SegmentedControlItem as Vt } from "./components/segmented-control/SegmentedControl.js";
-import { Spacing as Lt } from "./components/spacing/Spacing.js";
-import { Tab as zt, TabContent as Bt, TabList as Ht, TabTrigger as kt } from "./components/tab/Tab.js";
-import { Text as Nt } from "./components/text/Text.js";
-import { Toast as Qt, toast as Jt } from "./components/toast/Toast.js";
-import { Tooltip as jt, TooltipArrow as qt, TooltipContent as Kt, TooltipPortal as Ut, TooltipTrigger as Wt } from "./components/tooltip/Tooltip.js";
-import { ContextStore as Yt, ContextStoreProvider as _t, useService as $t, useStore as er } from "./utils/contextStore.js";
-import { ReactiveArrayService as tr, useReactiveArrayService as rr } from "./utils/reactiveArrayService.js";
-import { mergeComponentProps as nr } from "./utils/component.js";
-import { Colors as ir, hashToColor as lr, withAlpha as mr } from "./utils/color.js";
-import { getDOMSizeFromCodeZeroSize as xr } from "./utils/size.js";
+import { Icon as Xo, resolveIcon as Yo } from "./components/icon/Icon.js";
+import { Layout as $o } from "./components/layout/Layout.js";
+import { Menu as ot, MenuArrow as tt, MenuCheckboxItem as rt, MenuContent as nt, MenuGroup as at, MenuItem as pt, MenuItemIndicator as it, MenuLabel as lt, MenuPortal as mt, MenuSeparator as ut, MenuSub as xt, MenuSubContent as ft, MenuSubTrigger as gt, MenuTrigger as It } from "./components/menu/Menu.js";
+import { Progress as Tt } from "./components/progress/Progress.js";
+import { Quote as bt } from "./components/quote/Quote.js";
+import { ResizableHandle as st, ResizablePanel as ct, ResizablePanelGroup as Mt } from "./components/resizable/Resizable.js";
+import { Row as Ft } from "./components/row/Row.js";
+import { AutoScrollArea as At, ScrollArea as wt, ScrollAreaCorner as vt, ScrollAreaScrollbar as ht, ScrollAreaThumb as Rt, ScrollAreaViewport as Vt } from "./components/scroll-area/ScrollArea.js";
+import { SegmentedControl as Lt, SegmentedControlItem as yt } from "./components/segmented-control/SegmentedControl.js";
+import { Spacing as Bt } from "./components/spacing/Spacing.js";
+import { Tab as kt, TabContent as Et, TabList as Nt, TabTrigger as Ot } from "./components/tab/Tab.js";
+import { Text as Jt } from "./components/text/Text.js";
+import { Toast as jt, toast as qt } from "./components/toast/Toast.js";
+import { Tooltip as Ut, TooltipArrow as Wt, TooltipContent as Xt, TooltipPortal as Yt, TooltipTrigger as _t } from "./components/tooltip/Tooltip.js";
+import { ContextStore as er, ContextStoreProvider as or, useService as tr, useStore as rr } from "./utils/contextStore.js";
+import { ReactiveArrayService as ar, useReactiveArrayService as pr } from "./utils/reactiveArrayService.js";
+import { mergeComponentProps as lr } from "./utils/component.js";
+import { Colors as ur, hashToColor as xr, withAlpha as fr } from "./utils/color.js";
+import { getDOMSizeFromCodeZeroSize as Ir } from "./utils/size.js";
 export {
   t as Alert,
-  a as AuroraBackground,
-  Dt as AutoScrollArea,
+  n as AuroraBackground,
+  At as AutoScrollArea,
   p as Avatar,
   l as Badge,
   u as Breadcrumb,
@@ -74,7 +75,7 @@ export {
   T as Card,
   Le as CheckboxInput,
   b as Col,
-  ir as Colors,
+  ur as Colors,
   s as Command,
   c as CommandDialog,
   M as CommandEmpty,
@@ -97,8 +98,8 @@ export {
   O as ContextMenuSubContent,
   Q as ContextMenuSubTrigger,
   J as ContextMenuTrigger,
-  Yt as ContextStore,
-  _t as ContextStoreProvider,
+  er as ContextStore,
+  or as ContextStoreProvider,
   j as DataTable,
   K as DataTableColumn,
   pe as DataTableFilterInput,
@@ -144,49 +145,50 @@ export {
   Ve as Flex,
   jo as FullScreen,
   Ko as Gantt,
+  Xo as Icon,
   $e as Input,
   oo as InputDescription,
   ro as InputLabel,
-  no as InputMessage,
+  ao as InputMessage,
   io as InputSuggestionMenuContent,
   lo as InputSuggestionMenuContentItems,
   Jo as JsonView,
-  Xo as Layout,
-  _o as Menu,
-  $o as MenuArrow,
-  et as MenuCheckboxItem,
-  ot as MenuContent,
-  tt as MenuGroup,
-  rt as MenuItem,
-  at as MenuItemIndicator,
-  nt as MenuLabel,
-  pt as MenuPortal,
-  it as MenuSeparator,
-  lt as MenuSub,
-  mt as MenuSubContent,
-  ut as MenuSubTrigger,
-  xt as MenuTrigger,
+  $o as Layout,
+  ot as Menu,
+  tt as MenuArrow,
+  rt as MenuCheckboxItem,
+  nt as MenuContent,
+  at as MenuGroup,
+  pt as MenuItem,
+  it as MenuItemIndicator,
+  lt as MenuLabel,
+  mt as MenuPortal,
+  ut as MenuSeparator,
+  xt as MenuSub,
+  ft as MenuSubContent,
+  gt as MenuSubTrigger,
+  It as MenuTrigger,
   uo as NumberInput,
   fo as PasswordInput,
   Co as PinInput,
   To as PinInputField,
   So as PinInputHiddenField,
-  gt as Progress,
-  Ct as Quote,
+  Tt as Progress,
+  bt as Quote,
   so as RadioGroup,
   Mo as RadioInput,
-  tr as ReactiveArrayService,
-  St as ResizableHandle,
-  bt as ResizablePanel,
-  dt as ResizablePanelGroup,
-  ct as Row,
-  Ft as ScrollArea,
-  Pt as ScrollAreaCorner,
-  At as ScrollAreaScrollbar,
-  wt as ScrollAreaThumb,
-  vt as ScrollAreaViewport,
-  Rt as SegmentedControl,
-  Vt as SegmentedControlItem,
+  ar as ReactiveArrayService,
+  st as ResizableHandle,
+  ct as ResizablePanel,
+  Mt as ResizablePanelGroup,
+  Ft as Row,
+  wt as ScrollArea,
+  vt as ScrollAreaCorner,
+  ht as ScrollAreaScrollbar,
+  Rt as ScrollAreaThumb,
+  Vt as ScrollAreaViewport,
+  Lt as SegmentedControl,
+  yt as SegmentedControlItem,
   Fo as SelectContent,
   Po as SelectInput,
   Ao as SelectItem,
@@ -195,34 +197,35 @@ export {
   ho as SelectTrigger,
   Ro as SelectValue,
   Vo as SelectViewport,
-  Lt as Spacing,
+  Bt as Spacing,
   Lo as SwitchInput,
-  zt as Tab,
-  Bt as TabContent,
-  Ht as TabList,
-  kt as TabTrigger,
-  Nt as Text,
+  kt as Tab,
+  Et as TabContent,
+  Nt as TabList,
+  Ot as TabTrigger,
+  Jt as Text,
   zo as TextAreaInput,
   Ho as TextInput,
-  Qt as Toast,
-  jt as Tooltip,
-  qt as TooltipArrow,
-  Kt as TooltipContent,
-  Ut as TooltipPortal,
-  Wt as TooltipTrigger,
+  jt as Toast,
+  Ut as Tooltip,
+  Wt as TooltipArrow,
+  Xt as TooltipContent,
+  Yt as TooltipPortal,
+  _t as TooltipTrigger,
   Oo as buildDefaultSyntax,
   ie as createFilterQueryLanguage,
   ke as emailValidation,
-  xr as getDOMSizeFromCodeZeroSize,
+  Ir as getDOMSizeFromCodeZeroSize,
   Uo as getRelativeValue,
-  lr as hashToColor,
-  nr as mergeComponentProps,
+  xr as hashToColor,
+  lr as mergeComponentProps,
   go as passwordValidation,
-  Jt as toast,
-  ae as useDataTablePagination,
+  Yo as resolveIcon,
+  qt as toast,
+  ne as useDataTablePagination,
   Eo as useForm,
-  rr as useReactiveArrayService,
-  $t as useService,
-  er as useStore,
-  mr as withAlpha
+  pr as useReactiveArrayService,
+  tr as useService,
+  rr as useStore,
+  fr as withAlpha
 };

package/dist/vite-env.d.js

@@ -0,0 +1 @@
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code0-tech/pictor",
-  "version": "0.12.0",
+  "version": "0.13.1",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "scripts": {
@@ -27,6 +27,7 @@
     "@codemirror/state": "^6.7.1",
     "@codemirror/view": "^6.43.5",
     "@dagrejs/dagre": "^3.0.0",
+    "@icons-pack/react-simple-icons": "^13.13.0",
     "@lezer/common": "^1.5.2",
     "@mdx-js/react": "^3.1.1",
     "@radix-ui/react-checkbox": "^1.3.3",
@@ -98,6 +99,7 @@
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
+    "vite-plugin-svgr": "^5.2.0",
     "vitest": "^4.1.2",
     "zustand": "^4.3.0"
   },
@@ -112,6 +114,7 @@
   "types": "dist/index.d.ts",
   "peerDependencies": {
     "@ark-ui/react": "^5.36.2",
+    "@icons-pack/react-simple-icons": "^13.13.0",
     "@codemirror/autocomplete": "^6.20.0",
     "@codemirror/lang-json": "^6.0.2",
     "@codemirror/language": "^6.12.1",