@xenide-io/the-old-ui-theme 0.9.15 → 0.9.16

package/dist/suite.d.mts

@@ -1165,9 +1165,9 @@ declare function SuiteClientsProjectsDirectory({ clients, projects, canEdit, loa
 /**
  * A client/project icon.
  *
- * Shows the stored image when there is one; otherwise a neutral placeholder —
- * a tinted rounded square with the entity's initial, or a small dot when no
- * label is available. No icon font is involved.
+ * Shows the stored image when there is one; otherwise a folder outline (tinted
+ * to the entity colour when set). A folder is the neutral default for clients,
+ * projects, and their sidebar entries across every app.
  */
 declare function SuiteEntityIcon({ imageUrl, label, color, className, roundedClass, style, tinted, }: {
     imageUrl?: string | null;

package/dist/suite.d.ts

@@ -1165,9 +1165,9 @@ declare function SuiteClientsProjectsDirectory({ clients, projects, canEdit, loa
 /**
  * A client/project icon.
  *
- * Shows the stored image when there is one; otherwise a neutral placeholder —
- * a tinted rounded square with the entity's initial, or a small dot when no
- * label is available. No icon font is involved.
+ * Shows the stored image when there is one; otherwise a folder outline (tinted
+ * to the entity colour when set). A folder is the neutral default for clients,
+ * projects, and their sidebar entries across every app.
  */
 declare function SuiteEntityIcon({ imageUrl, label, color, className, roundedClass, style, tinted, }: {
     imageUrl?: string | null;

package/dist/suite.js

@@ -7143,7 +7143,10 @@ function SuiteIntegrationRules({
 
 // src/suite/components/suite-clients-projects-directory.tsx
 var import_react29 = require("react");
-var import_iconoir_react15 = require("iconoir-react");
+var import_iconoir_react16 = require("iconoir-react");
+
+// src/suite/components/suite-entity-icon.tsx
+var import_iconoir_react14 = require("iconoir-react");
 
 // src/suite/lib/palette-api.ts
 var _a;
@@ -7228,12 +7231,11 @@ function SuiteEntityIcon({
       }
     );
   }
-  const initial = label == null ? void 0 : label.trim().charAt(0).toUpperCase();
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "span",
     {
       className: cn2(
-        "inline-flex shrink-0 items-center justify-center font-semibold leading-none",
+        "inline-flex shrink-0 items-center justify-center leading-none",
         roundedClass,
         className
       ),
@@ -7242,14 +7244,22 @@ function SuiteEntityIcon({
         backgroundColor: tint ? `${tint}18` : neutralBackground
       }, style),
       "aria-hidden": "true",
-      children: initial ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-[0.7em]", children: initial }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "block h-1.5 w-1.5 rounded-full bg-current opacity-40" })
+      title: label != null ? label : void 0,
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        import_iconoir_react14.Folder,
+        {
+          className: "h-[0.85em] w-[0.85em]",
+          strokeWidth: 1.8,
+          "aria-hidden": true
+        }
+      )
     }
   );
 }
 
 // src/suite/components/suite-palette-library.tsx
 var import_react28 = require("react");
-var import_iconoir_react14 = require("iconoir-react");
+var import_iconoir_react15 = require("iconoir-react");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var PAGE_SIZE = 60;
 var DISCOVER_LIMIT = 120;
@@ -7287,7 +7297,7 @@ function FilterSelect({
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-      import_iconoir_react14.NavArrowDown,
+      import_iconoir_react15.NavArrowDown,
       {
         className: "pointer-events-none absolute right-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-ph-mutedtext",
         "aria-hidden": true
@@ -7453,7 +7463,7 @@ function SuitePaletteLibrary({
       /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
         /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative flex-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-            import_iconoir_react14.Search,
+            import_iconoir_react15.Search,
             {
               className: "pointer-events-none absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-ph-mutedtext",
               "aria-hidden": true
@@ -7480,10 +7490,10 @@ function SuitePaletteLibrary({
             onClick: () => setLibraryOpen((open) => !open),
             className: "flex items-center gap-2 rounded-lg border border-ph-border bg-ph-surface px-2.5 py-2 text-sm text-ph-ink hover:border-ph-brand focus:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_iconoir_react14.FilterList, { className: "h-4 w-4 shrink-0 text-ph-mutedtext", "aria-hidden": true }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_iconoir_react15.FilterList, { className: "h-4 w-4 shrink-0 text-ph-mutedtext", "aria-hidden": true }),
               /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "max-w-[10rem] truncate", children: (_b = activeLibrary == null ? void 0 : activeLibrary.name) != null ? _b : "All libraries" }),
               /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-                import_iconoir_react14.NavArrowDown,
+                import_iconoir_react15.NavArrowDown,
                 {
                   className: cn2(
                     "h-3.5 w-3.5 shrink-0 text-ph-mutedtext transition-transform",
@@ -7498,7 +7508,7 @@ function SuitePaletteLibrary({
         /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           FilterSelect,
           {
-            icon: import_iconoir_react14.Filter,
+            icon: import_iconoir_react15.Filter,
             label: "Filter by icon type",
             value: typeFilter,
             onChange: setTypeFilter,
@@ -7509,7 +7519,7 @@ function SuitePaletteLibrary({
       libraryOpen ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "rounded-lg border border-ph-border bg-ph-surface p-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative mb-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-            import_iconoir_react14.Search,
+            import_iconoir_react15.Search,
             {
               className: "pointer-events-none absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-ph-mutedtext",
               "aria-hidden": true
@@ -7682,7 +7692,7 @@ function DirectoryIconPicker({
           className: "mt-2 inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-xs text-ph-mutedtext hover:bg-ph-surface hover:text-ph-ink",
           onClick: onClear,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.Trash, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react16.Trash, { className: "h-3.5 w-3.5", "aria-hidden": true }),
             " Remove image"
           ]
         }
@@ -7937,7 +7947,7 @@ function SuiteClientsProjectsDirectory({
             /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex h-14 items-center gap-2 border-b border-ph-border px-3", children: [
               /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "relative min-w-0 flex-1", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                  import_iconoir_react15.Search,
+                  import_iconoir_react16.Search,
                   {
                     className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-ph-mutedtext",
                     "aria-hidden": true
@@ -7960,7 +7970,7 @@ function SuiteClientsProjectsDirectory({
                 {
                   size: "sm",
                   variant: "primary",
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.Plus, { className: "h-4 w-4" }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react16.Plus, { className: "h-4 w-4" }),
                   onClick: () => openNew("client"),
                   children: "New client"
                 }
@@ -8032,7 +8042,7 @@ function SuiteClientsProjectsDirectory({
                     setMobileDetail(false);
                   },
                   "aria-label": "Back to clients",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.ArrowLeft, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react16.ArrowLeft, { className: "h-4 w-4" })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DirectoryIcon, { item: selectedClient }),
@@ -8050,7 +8060,7 @@ function SuiteClientsProjectsDirectory({
                   "aria-label": `Actions for ${selectedClient.name}`,
                   align: "end",
                   trigger: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-ph-mutedtext hover:bg-ph-muted hover:text-ph-ink", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.MoreHoriz, { className: "h-4 w-4", "aria-hidden": true }),
+                    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react16.MoreHoriz, { className: "h-4 w-4", "aria-hidden": true }),
                     /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "sr-only", children: "Client actions" })
                   ] }),
                   children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "p-1", children: [
@@ -8077,7 +8087,7 @@ function SuiteClientsProjectsDirectory({
               Button,
               {
                 variant: "primary",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.Plus, { className: "h-4 w-4" }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react16.Plus, { className: "h-4 w-4" }),
                 onClick: () => openNew("project"),
                 children: "Add project"
               }
@@ -8119,7 +8129,7 @@ function SuiteClientsProjectsDirectory({
                       align: "end",
                       trigger: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-ph-mutedtext hover:bg-ph-muted hover:text-ph-ink", children: [
                         /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-                          import_iconoir_react15.MoreHoriz,
+                          import_iconoir_react16.MoreHoriz,
                           {
                             className: "h-4 w-4",
                             "aria-hidden": true
@@ -8216,7 +8226,7 @@ function SuiteClientsProjectsDirectory({
                     "flex h-8 w-8 items-center justify-center rounded-full border border-ph-border bg-ph-surface text-ph-mutedtext ring-offset-2",
                     !draft.color && "ring-2 ring-ph-brand"
                   ),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.Prohibition, { className: "h-4 w-4", "aria-hidden": true })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react16.Prohibition, { className: "h-4 w-4", "aria-hidden": true })
                 }
               ),
               [
@@ -8270,7 +8280,7 @@ function SuiteClientsProjectsDirectory({
                       "#ef4444",
                       "#a855f7",
                       "#64748b"
-                    ].includes(draft.color) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react15.Plus, { className: "h-3 w-3 text-ph-ink", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                    ].includes(draft.color) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_iconoir_react16.Plus, { className: "h-3 w-3 text-ph-ink", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                       "span",
                       {
                         className: "h-2.5 w-2.5 rounded-full",

package/dist/suite.mjs

@@ -5320,6 +5320,9 @@ import {
   Trash
 } from "iconoir-react";
 
+// src/suite/components/suite-entity-icon.tsx
+import { Folder } from "iconoir-react";
+
 // src/suite/lib/palette-api.ts
 var _a;
 var PALETTE_URL = ((_a = process.env.NEXT_PUBLIC_PALETTE_URL) != null ? _a : "http://localhost:8010").replace(/\/$/, "");
@@ -5403,12 +5406,11 @@ function SuiteEntityIcon({
       }
     );
   }
-  const initial = label == null ? void 0 : label.trim().charAt(0).toUpperCase();
   return /* @__PURE__ */ jsx28(
     "span",
     {
       className: cn(
-        "inline-flex shrink-0 items-center justify-center font-semibold leading-none",
+        "inline-flex shrink-0 items-center justify-center leading-none",
         roundedClass,
         className
       ),
@@ -5417,7 +5419,15 @@ function SuiteEntityIcon({
         backgroundColor: tint ? `${tint}18` : neutralBackground
       }, style),
       "aria-hidden": "true",
-      children: initial ? /* @__PURE__ */ jsx28("span", { className: "text-[0.7em]", children: initial }) : /* @__PURE__ */ jsx28("span", { className: "block h-1.5 w-1.5 rounded-full bg-current opacity-40" })
+      title: label != null ? label : void 0,
+      children: /* @__PURE__ */ jsx28(
+        Folder,
+        {
+          className: "h-[0.85em] w-[0.85em]",
+          strokeWidth: 1.8,
+          "aria-hidden": true
+        }
+      )
     }
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenide-io/the-old-ui-theme",
-  "version": "0.9.15",
+  "version": "0.9.16",
   "description": "Props-driven React components and theme tokens inspired by classic interface design — optimized for Next.js apps and internal tools.",
   "author": "Xenide",
   "license": "MIT",

package/src/suite/components/suite-entity-icon.tsx

@@ -1,15 +1,16 @@
 'use client';
 
 import type { CSSProperties } from 'react';
+import { Folder } from 'iconoir-react';
 import { paletteIconSrc } from '@/suite/lib/palette-api';
 import { cn } from '@/lib/cn';
 
 /**
  * A client/project icon.
  *
- * Shows the stored image when there is one; otherwise a neutral placeholder —
- * a tinted rounded square with the entity's initial, or a small dot when no
- * label is available. No icon font is involved.
+ * Shows the stored image when there is one; otherwise a folder outline (tinted
+ * to the entity colour when set). A folder is the neutral default for clients,
+ * projects, and their sidebar entries across every app.
  */
 export function SuiteEntityIcon({
   imageUrl,
@@ -54,12 +55,10 @@ export function SuiteEntityIcon({
     );
   }
 
-  const initial = label?.trim().charAt(0).toUpperCase();
-
   return (
     <span
       className={cn(
-        'inline-flex shrink-0 items-center justify-center font-semibold leading-none',
+        'inline-flex shrink-0 items-center justify-center leading-none',
         roundedClass,
         className,
       )}
@@ -69,12 +68,13 @@ export function SuiteEntityIcon({
         ...style,
       }}
       aria-hidden="true"
+      title={label ?? undefined}
     >
-      {initial ? (
-        <span className="text-[0.7em]">{initial}</span>
-      ) : (
-        <span className="block h-1.5 w-1.5 rounded-full bg-current opacity-40" />
-      )}
+      <Folder
+        className="h-[0.85em] w-[0.85em]"
+        strokeWidth={1.8}
+        aria-hidden
+      />
     </span>
   );
 }