@seij/common-ui-icons 0.1.0

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,198 @@
+# @seij/common-ui-icons
+
+This package provides a controlled, extensible, and bundle-friendly icon system
+for frontend applications.
+
+Its goal is **not** to expose an icon library, but to expose a **stable icon
+contract** that decouples:
+
+- applications from icon providers (FluentUI, SVGs, others),
+- frontend from backend serialization,
+- usage from implementation.
+
+## Problem Statement
+
+In many applications, icons are imported directly from UI libraries (e.g.
+FluentUI). This creates several structural issues:
+
+- Icon providers leak everywhere in the codebase.
+- It is impossible to track or govern icon usage.
+- Migrating away from a provider becomes costly.
+- Multiple icon sets cannot be mixed cleanly.
+- Backend-driven UIs cannot safely reference icons.
+- Central registries break tree-shaking and inflate bundles.
+
+This package addresses all of these problems explicitly.
+
+## Core Principles
+
+### 1. Icons are **intentions**, not assets
+
+Applications never choose _where an icon comes from_.  
+They choose _what the icon means_.
+
+Examples:
+
+- `"add"`
+- `"delete"`
+- `"user"`
+- `"search"`
+
+These names form a **closed, versioned contract**.
+
+### 2. The contract is frontend-owned and backend-consumed
+
+The backend serializes icon names as strings in DTOs.
+It does not know about FluentUI, SVGs, or components.
+
+The frontend validates and resolves these strings against its own contract.
+
+### 3. No global imports, no central switch
+
+Any implementation that imports all icons in one place:
+
+- breaks tree-shaking,
+- bundles unused icons,
+- couples everything together.
+
+Each icon must live in its **own ES module**.
+
+### 4. Resolution is explicit and controlled
+
+Icons are resolved:
+
+- only through this package,
+- only via known keys,
+- only through a single component.
+
+Applications are not allowed to import icon providers directly.
+
+## Architecture
+
+### Icon Contract
+
+```ts
+export const iconNames = ["add", "delete", "user", "search"] as const;
+export type IconName = (typeof iconNames)[number];
+```
+
+This is the public API.
+
+- Closed set
+- Traceable
+- Versionable
+- Serializable
+
+### Icon Implementations (isolated)
+
+Each icon is implemented in its own module.
+
+See [add.tsx](src/icons/add.tsx) for example.
+
+Icons may come from:
+
+- FluentUI
+- custom SVGs
+- other libraries
+
+This choice is invisible to consumers.
+
+### Loader Mapping (not components)
+
+A [Loader](src/iconLoaders.tsx) maps icons names to dynamic import.
+
+Why loaders:
+
+- preserves tree-shaking,
+- allows code-splitting,
+- avoids global imports,
+- keeps the contract closed.
+
+A [preload](src/iconPreload.tsx) function is available to prevent flickering.
+See comments on the function to know the use cases.
+
+### <Icon /> Component
+
+See [Icon.tsx](src/Icon.tsx)
+
+- imports nothing concrete,
+- only routes to a loader,
+- enforces the contract.
+- uses Suspense with a Placeholder to have deterministic positionning.
+
+## Backend integration
+
+This is an example.
+
+```ts
+type MenuItemDto = { label: string; icon?: string };
+```
+
+The backend sends a string key, nothing more.
+
+In the frontend, decode icon with `parseIconName` then display icon:
+
+```tsx
+function MenuItem({ dto }: { dto: MenuItemDto }) {
+  const iconName = parseIconName(dto.icon);
+
+  return (
+    <>
+      {iconName && <Icon name={iconName} />}
+      {dto.label}
+    </>
+  );
+}
+```
+
+Just after you get the DTOs it's a best practise to use [preload](src/iconPreload.tsx)
+
+## Application-Specific Icons
+
+Applications must not extend the global icon contract.
+
+Two cases:
+
+- Purely local icons: Stay inside the application as local components.
+- Reusable, product-level icons: Are explicitly promoted into this package by:
+  - adding a new contract key,
+  - choosing an implementation,
+  - documenting usage.
+
+This friction is intentional and healthy.
+
+## Governance and Tooling
+
+Recommended enforcement:
+
+- ESLint rule forbidding direct imports from icon providers.
+- No dynamic registration or plugin system.
+- No fallback magic.
+
+All icons must go through this package.
+
+## Explicit Trade-offs
+
+- Uses `React.lazy` and `Suspense`.
+- Slight runtime indirection.
+- Intentional friction when adding icons.
+
+What you gain:
+
+- clean bundling,
+- provider independence,
+- backend compatibility,
+- traceability,
+- long-term maintainability.
+
+## Summary
+
+This system treats icons as a domain language, not as UI assets.
+
+Once that shift is accepted:
+
+- FluentUI becomes an implementation detail, also SVG or others
+- multiple icon sets coexist safely,
+- backend-driven UIs work naturally,
+- bundles stay minimal,
+- migrations become mechanical.

package/dist/Icon.d.ts

@@ -0,0 +1,6 @@
+import { IconName } from './iconNames';
+import { IconProps } from './IconProps';
+export declare function Icon({ name, ...iconProps }: {
+    name: IconName;
+} & IconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAAG,SAAS,2CAQ1E"}

package/dist/Icon.js

@@ -0,0 +1,32 @@
+import { jsx as t } from "react/jsx-runtime";
+import { lazy as l, Suspense as a } from "react";
+import { iconLoaders as c } from "./iconLoaders.js";
+function p({ name: e, ...n }) {
+  const r = l(c[e]), { size: i = 20, ...o } = n;
+  return /* @__PURE__ */ t(a, { fallback: /* @__PURE__ */ t(h, { size: i, ...n }), children: /* @__PURE__ */ t(r, { size: i, ...o }) });
+}
+function s({ size: e, children: n }) {
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      style: {
+        display: "inline-flex",
+        width: e,
+        height: e,
+        alignItems: "center",
+        justifyContent: "center",
+        lineHeight: 0,
+        flex: "0 0 auto"
+      },
+      "aria-hidden": "true",
+      children: n
+    }
+  );
+}
+function h({ size: e }) {
+  return /* @__PURE__ */ t(s, { size: e, children: /* @__PURE__ */ t("span", { style: { width: "100%", height: "100%", opacity: 0 } }) });
+}
+export {
+  p as Icon
+};
+//# sourceMappingURL=Icon.js.map

package/dist/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../src/Icon.tsx"],"sourcesContent":["import { lazy, PropsWithChildren, Suspense } from \"react\";\nimport type { IconName } from \"./iconNames\";\nimport { iconLoaders } from \"./iconLoaders\";\nimport { IconProps } from \"./IconProps\";\n\nexport function Icon({ name, ...iconProps }: { name: IconName } & IconProps) {\n  const LazyIcon = lazy(iconLoaders[name]);\n  const { size = 20, ...restProps } = iconProps;\n  return (\n    <Suspense fallback={<Placeholder size={size} {...iconProps} />}>\n      <LazyIcon size={size} {...restProps} />\n    </Suspense>\n  );\n}\n\nfunction Box({ size, children }: { size: number } & PropsWithChildren) {\n  return (\n    <span\n      style={{\n        display: \"inline-flex\",\n        width: size,\n        height: size,\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        lineHeight: 0,\n        flex: \"0 0 auto\",\n      }}\n      aria-hidden=\"true\"\n    >\n      {children}\n    </span>\n  );\n}\n\nfunction Placeholder({ size }: { size: number }) {\n  return (\n    <Box size={size}>\n      <span style={{ width: \"100%\", height: \"100%\", opacity: 0 }} />\n    </Box>\n  );\n}\n"],"names":["Icon","name","iconProps","LazyIcon","lazy","iconLoaders","size","restProps","jsx","Suspense","Placeholder","Box","children"],"mappings":";;;AAKO,SAASA,EAAK,EAAE,MAAAC,GAAM,GAAGC,KAA6C;AAC3E,QAAMC,IAAWC,EAAKC,EAAYJ,CAAI,CAAC,GACjC,EAAE,MAAAK,IAAO,IAAI,GAAGC,MAAcL;AACpC,SACE,gBAAAM,EAACC,GAAA,EAAS,UAAU,gBAAAD,EAACE,KAAY,MAAAJ,GAAa,GAAGJ,EAAA,CAAW,GAC1D,UAAA,gBAAAM,EAACL,GAAA,EAAS,MAAAG,GAAa,GAAGC,GAAW,GACvC;AAEJ;AAEA,SAASI,EAAI,EAAE,MAAAL,GAAM,UAAAM,KAAkD;AACrE,SACE,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,OAAOF;AAAA,QACP,QAAQA;AAAA,QACR,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,MAAM;AAAA,MAAA;AAAA,MAER,eAAY;AAAA,MAEX,UAAAM;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASF,EAAY,EAAE,MAAAJ,KAA0B;AAC/C,SACE,gBAAAE,EAACG,GAAA,EAAI,MAAAL,GACH,UAAA,gBAAAE,EAAC,UAAK,OAAO,EAAE,OAAO,QAAQ,QAAQ,QAAQ,SAAS,EAAA,GAAK,GAC9D;AAEJ;"}

package/dist/IconProps.d.ts

@@ -0,0 +1,5 @@
+export type IconProps = {
+    size?: number;
+    className?: string;
+};
+//# sourceMappingURL=IconProps.d.ts.map

package/dist/IconProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconProps.d.ts","sourceRoot":"","sources":["../src/IconProps.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/iconFluentAdapter.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from './IconProps';
+import { FluentIconsProps } from '@fluentui/react-icons';
+export declare function toFluentProps(props: IconProps): FluentIconsProps;
+//# sourceMappingURL=iconFluentAdapter.d.ts.map

package/dist/iconFluentAdapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconFluentAdapter.d.ts","sourceRoot":"","sources":["../src/iconFluentAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,GAAG,gBAAgB,CAGhE"}

package/dist/iconFluentAdapter.js

@@ -0,0 +1,8 @@
+function n(t) {
+  const { size: o, ...e } = t;
+  return { fontSize: o, ...e };
+}
+export {
+  n as toFluentProps
+};
+//# sourceMappingURL=iconFluentAdapter.js.map

package/dist/iconFluentAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconFluentAdapter.js","sources":["../src/iconFluentAdapter.tsx"],"sourcesContent":["import { IconProps } from \"./IconProps\";\nimport { FluentIconsProps } from \"@fluentui/react-icons\";\n\nexport function toFluentProps(props: IconProps): FluentIconsProps {\n  const { size, ...restProps } = props;\n  return { fontSize: size, ...restProps };\n}\n"],"names":["toFluentProps","props","size","restProps"],"mappings":"AAGO,SAASA,EAAcC,GAAoC;AAChE,QAAM,EAAE,MAAAC,GAAM,GAAGC,EAAA,IAAcF;AAC/B,SAAO,EAAE,UAAUC,GAAM,GAAGC,EAAA;AAC9B;"}

package/dist/iconLoaders.d.ts

@@ -0,0 +1,7 @@
+import { IconName } from './iconNames';
+export declare const iconLoaders: Record<IconName, () => Promise<{
+    default: React.ComponentType<{
+        size?: number;
+    }>;
+}>>;
+//# sourceMappingURL=iconLoaders.d.ts.map

package/dist/iconLoaders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconLoaders.d.ts","sourceRoot":"","sources":["../src/iconLoaders.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,OAAO,CAAC;IAAE,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAAE,CAAC,CAkB5G,CAAC"}

package/dist/iconLoaders.js

@@ -0,0 +1,23 @@
+const i = {
+  add: () => import("./icons/add.js"),
+  back: () => import("./icons/back.js"),
+  building_bank: () => import("./icons/building_bank.js"),
+  chevron_right_filled: () => import("./icons/chevron_right_filled.js"),
+  customers: () => import("./icons/customers.js"),
+  dashboard: () => import("./icons/dashboard.js"),
+  delete: () => import("./icons/delete.js"),
+  dismiss: () => import("./icons/dismiss.js"),
+  edit: () => import("./icons/edit.js"),
+  empty: () => import("./icons/empty.js"),
+  genericapp: () => import("./icons/genericapp.js"),
+  more_menu_vertical: () => import("./icons/more_menu_vertical.js"),
+  search: () => import("./icons/search.js"),
+  signin: () => import("./icons/signin.js"),
+  signout: () => import("./icons/signout.js"),
+  user: () => import("./icons/user.js"),
+  users: () => import("./icons/users.js")
+};
+export {
+  i as iconLoaders
+};
+//# sourceMappingURL=iconLoaders.js.map

package/dist/iconLoaders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconLoaders.js","sources":["../src/iconLoaders.tsx"],"sourcesContent":["import { IconName } from \"./iconNames\";\n\nexport const iconLoaders: Record<IconName, () => Promise<{ default: React.ComponentType<{ size?: number }> }>> = {\n  add: () => import(\"./icons/add\"),\n  back: () => import(\"./icons/back\"),\n  building_bank: () => import(\"./icons/building_bank\"),\n  chevron_right_filled: () => import(\"./icons/chevron_right_filled\"),\n  customers: () => import(\"./icons/customers\"),\n  dashboard: () => import(\"./icons/dashboard\"),\n  delete: () => import(\"./icons/delete\"),\n  dismiss: () => import(\"./icons/dismiss\"),\n  edit: () => import(\"./icons/edit\"),\n  empty: () => import(\"./icons/empty\"),\n  genericapp: () => import(\"./icons/genericapp\"),\n  more_menu_vertical: () => import(\"./icons/more_menu_vertical\"),\n  search: () => import(\"./icons/search\"),\n  signin: () => import(\"./icons/signin\"),\n  signout: () => import(\"./icons/signout\"),\n  user: () => import(\"./icons/user\"),\n  users: () => import(\"./icons/users\"),\n};\n"],"names":["iconLoaders"],"mappings":"AAEO,MAAMA,IAAoG;AAAA,EAC/G,KAAK,MAAM,OAAO,gBAAa;AAAA,EAC/B,MAAM,MAAM,OAAO,iBAAc;AAAA,EACjC,eAAe,MAAM,OAAO,0BAAuB;AAAA,EACnD,sBAAsB,MAAM,OAAO,iCAA8B;AAAA,EACjE,WAAW,MAAM,OAAO,sBAAmB;AAAA,EAC3C,WAAW,MAAM,OAAO,sBAAmB;AAAA,EAC3C,QAAQ,MAAM,OAAO,mBAAgB;AAAA,EACrC,SAAS,MAAM,OAAO,oBAAiB;AAAA,EACvC,MAAM,MAAM,OAAO,iBAAc;AAAA,EACjC,OAAO,MAAM,OAAO,kBAAe;AAAA,EACnC,YAAY,MAAM,OAAO,uBAAoB;AAAA,EAC7C,oBAAoB,MAAM,OAAO,+BAA4B;AAAA,EAC7D,QAAQ,MAAM,OAAO,mBAAgB;AAAA,EACrC,QAAQ,MAAM,OAAO,mBAAgB;AAAA,EACrC,SAAS,MAAM,OAAO,oBAAiB;AAAA,EACvC,MAAM,MAAM,OAAO,iBAAc;AAAA,EACjC,OAAO,MAAM,OAAO,kBAAe;AACrC;"}

package/dist/iconNames.d.ts

@@ -0,0 +1,4 @@
+export declare const iconNames: readonly ["add", "back", "building_bank", "chevron_right_filled", "customers", "dashboard", "delete", "dismiss", "edit", "empty", "genericapp", "more_menu_vertical", "search", "signin", "signout", "user", "users"];
+export type IconName = (typeof iconNames)[number];
+export declare function parseIconName(value?: string): IconName | undefined;
+//# sourceMappingURL=iconNames.d.ts.map

package/dist/iconNames.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconNames.d.ts","sourceRoot":"","sources":["../src/iconNames.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,uNAkBZ,CAAC;AACX,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAClD,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAMlE"}

package/dist/iconNames.js

@@ -0,0 +1,28 @@
+const i = [
+  "add",
+  "back",
+  "building_bank",
+  "chevron_right_filled",
+  "customers",
+  "dashboard",
+  "delete",
+  "dismiss",
+  "edit",
+  "empty",
+  "genericapp",
+  "more_menu_vertical",
+  "search",
+  "signin",
+  "signout",
+  "user",
+  "users"
+];
+function r(e) {
+  if (e && i.includes(e))
+    return e;
+}
+export {
+  i as iconNames,
+  r as parseIconName
+};
+//# sourceMappingURL=iconNames.js.map

package/dist/iconNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconNames.js","sources":["../src/iconNames.ts"],"sourcesContent":["export const iconNames = [\n  \"add\",\n  \"back\",\n  \"building_bank\",\n  \"chevron_right_filled\",\n  \"customers\",\n  \"dashboard\",\n  \"delete\",\n  \"dismiss\",\n  \"edit\",\n  \"empty\",\n  \"genericapp\",\n  \"more_menu_vertical\",\n  \"search\",\n  \"signin\",\n  \"signout\",\n  \"user\",\n  \"users\",\n] as const;\nexport type IconName = (typeof iconNames)[number];\nexport function parseIconName(value?: string): IconName | undefined {\n  if (!value) return undefined;\n  if ((iconNames as readonly string[]).includes(value)) {\n    return value as IconName;\n  }\n  return undefined;\n}\n"],"names":["iconNames","parseIconName","value"],"mappings":"AAAO,MAAMA,IAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAASC,EAAcC,GAAsC;AAClE,MAAKA,KACAF,EAAgC,SAASE,CAAK;AACjD,WAAOA;AAGX;"}

package/dist/iconPreload.d.ts

@@ -0,0 +1,13 @@
+import { IconName } from './iconNames';
+/**
+ * Utility function to preload known icons (that your app will surely use) so that you avoid any flickering effect.
+ *
+ * A good usage is to use that in your main App (just at the start of your component).
+ *
+ * Also when you get icons from backend in DTOs (a menu for example), immediately after your get
+ * the data, start the preload, so that your menu items don't flick too much.
+ *
+ * @param names Names of icons to preload
+ */
+export declare function iconPreload(names: IconName[]): void;
+//# sourceMappingURL=iconPreload.d.ts.map

package/dist/iconPreload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconPreload.d.ts","sourceRoot":"","sources":["../src/iconPreload.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,QAI5C"}

package/dist/iconPreload.js

@@ -0,0 +1,10 @@
+import { iconLoaders as c } from "./iconLoaders.js";
+function n(o) {
+  o.forEach((r) => {
+    c[r]();
+  });
+}
+export {
+  n as iconPreload
+};
+//# sourceMappingURL=iconPreload.js.map

package/dist/iconPreload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconPreload.js","sources":["../src/iconPreload.tsx"],"sourcesContent":["import { iconLoaders } from \"./iconLoaders\";\nimport type { IconName } from \"./iconNames\";\n\n/**\n * Utility function to preload known icons (that your app will surely use) so that you avoid any flickering effect.\n *\n * A good usage is to use that in your main App (just at the start of your component).\n *\n * Also when you get icons from backend in DTOs (a menu for example), immediately after your get\n * the data, start the preload, so that your menu items don't flick too much.\n *\n * @param names Names of icons to preload\n */\nexport function iconPreload(names: IconName[]) {\n  names.forEach((name) => {\n    iconLoaders[name]();\n  });\n}\n"],"names":["iconPreload","names","name","iconLoaders"],"mappings":";AAaO,SAASA,EAAYC,GAAmB;AAC7C,EAAAA,EAAM,QAAQ,CAACC,MAAS;AACtB,IAAAC,EAAYD,CAAI,EAAA;AAAA,EAClB,CAAC;AACH;"}

package/dist/icons/add.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../IconProps';
+export default function AddIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=add.d.ts.map

package/dist/icons/add.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../src/icons/add.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,SAAS,2CAE/C"}

package/dist/icons/add.js

@@ -0,0 +1,10 @@
+import { jsx as r } from "react/jsx-runtime";
+import { AddRegular as t } from "@fluentui/react-icons";
+import { toFluentProps as m } from "../iconFluentAdapter.js";
+function n(o) {
+  return /* @__PURE__ */ r(t, { ...m(o) });
+}
+export {
+  n as default
+};
+//# sourceMappingURL=add.js.map

package/dist/icons/add.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add.js","sources":["../../src/icons/add.tsx"],"sourcesContent":["// icons/add.tsx\nimport { AddRegular } from \"@fluentui/react-icons\";\nimport { IconProps } from \"../IconProps\";\nimport { toFluentProps } from \"../iconFluentAdapter\";\n\nexport default function AddIcon(props: IconProps) {\n  return <AddRegular {...toFluentProps(props)} />;\n}\n"],"names":["AddIcon","props","jsx","AddRegular","toFluentProps"],"mappings":";;;AAKA,SAAwBA,EAAQC,GAAkB;AAChD,SAAO,gBAAAC,EAACC,GAAA,EAAY,GAAGC,EAAcH,CAAK,EAAA,CAAG;AAC/C;"}

package/dist/icons/back.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../IconProps';
+export default function BackIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=back.d.ts.map

package/dist/icons/back.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"back.d.ts","sourceRoot":"","sources":["../../src/icons/back.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,SAAS,2CAEhD"}

package/dist/icons/back.js

@@ -0,0 +1,10 @@
+import { jsx as r } from "react/jsx-runtime";
+import { ArrowLeftFilled as t } from "@fluentui/react-icons";
+import { toFluentProps as e } from "../iconFluentAdapter.js";
+function n(o) {
+  return /* @__PURE__ */ r(t, { ...e(o) });
+}
+export {
+  n as default
+};
+//# sourceMappingURL=back.js.map

package/dist/icons/back.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"back.js","sources":["../../src/icons/back.tsx"],"sourcesContent":["import { ArrowLeftFilled } from \"@fluentui/react-icons\";\nimport { IconProps } from \"../IconProps\";\nimport { toFluentProps } from \"../iconFluentAdapter\";\n\nexport default function BackIcon(props: IconProps) {\n  return <ArrowLeftFilled {...toFluentProps(props)} />;\n}\n"],"names":["BackIcon","props","jsx","ArrowLeftFilled","toFluentProps"],"mappings":";;;AAIA,SAAwBA,EAASC,GAAkB;AACjD,SAAO,gBAAAC,EAACC,GAAA,EAAiB,GAAGC,EAAcH,CAAK,EAAA,CAAG;AACpD;"}