@syscore/ui-library 1.9.0 → 1.10.0

package/dist/index.d.ts

@@ -72,8 +72,10 @@ import { CommandItem } from '../client/components/ui/command';
 import { CommandList } from '../client/components/ui/command';
 import { CommandSeparator } from '../client/components/ui/command';
 import { CommandShortcut } from '../client/components/ui/command';
+import { CONCEPT_ICONS } from '../client/lib/concept-icons';
 import { ConceptColor } from '../client/components/icons/ConceptIcons';
 import { conceptColors } from '../client/lib/concept-colors';
+import { conceptOrder } from '../client/lib/concept-icons';
 import { ContextMenu } from '../client/components/ui/context-menu';
 import { ContextMenuCheckboxItem } from '../client/components/ui/context-menu';
 import { ContextMenuContent } from '../client/components/ui/context-menu';
@@ -323,6 +325,7 @@ import { UtilitySort } from '../client/components/icons/UtilitySort';
 import { UtilityTarget } from '../client/components/icons/UtilityTarget';
 import { UtilityTargetActive } from '../client/components/icons/UtilityTargetActive';
 import { UtilityText } from '../client/components/icons/UtilityText';
+import { UtilityTriangleInfo } from '../client/components/icons/UtilityTriangleInfo';
 import { WatermarkMemberOrg } from '../client/components/icons/WatermarkMemberOrg';
 import { WaterMarkWellProjects } from '../client/components/icons/WaterMarkWellProjects';
 import { WaterMarkWWWProducts } from '../client/components/icons/WaterMarkWWWProducts';
@@ -477,10 +480,14 @@ export { CommandSeparator }
 
 export { CommandShortcut }
 
+export { CONCEPT_ICONS }
+
 export { ConceptColor }
 
 export { conceptColors }
 
+export { conceptOrder }
+
 export { ContextMenu }
 
 export { ContextMenuCheckboxItem }
@@ -979,6 +986,8 @@ export { UtilityTargetActive }
 
 export { UtilityText }
 
+export { UtilityTriangleInfo }
+
 export { WatermarkMemberOrg }
 
 export { WaterMarkWellProjects }

package/dist/index.es.js

@@ -8,7 +8,7 @@ import { cva } from "class-variance-authority";
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { GripVertical, X as X$1, PanelLeft, Check, Circle, Dot, ChevronLeft, ChevronRight, XIcon, Search, MoreHorizontal, ChevronDown, ArrowLeft, ArrowRight } from "lucide-react";
+import { GripVertical, X as X$1, PanelLeft, Check, Circle, Dot, ChevronLeft, ChevronRight, Search, MoreHorizontal, ChevronDown, ArrowLeft, ArrowRight } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
 import { Slot } from "@radix-ui/react-slot";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
@@ -2276,6 +2276,50 @@ function Calendar({
   );
 }
 Calendar.displayName = "Calendar";
+const UtilityClose = ({ className }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "size-4 flex items-center justify-center text-gray-500",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "12",
+          height: "12",
+          viewBox: "0 0 12 12",
+          fill: "none",
+          className: cn("size-3 text-inherit"),
+          children: [
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M10.8002 1.19995L1.2002 10.8",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M1.2002 1.19995L10.8002 10.8",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
 function Dialog({
   ...props
 }) {
@@ -2298,6 +2342,7 @@ function DialogClose({
 }
 function DialogOverlay({
   className,
+  children,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
@@ -2305,7 +2350,8 @@ function DialogOverlay({
     {
       "data-slot": "dialog-overlay",
       className: cn("dialog-overlay", className),
-      ...props
+      ...props,
+      children
     }
   );
 }
@@ -2315,31 +2361,28 @@ function DialogContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs(
-      SheetPrimitive.Content,
-      {
-        "data-slot": "dialog-content",
-        className: cn("dialog-content", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "dialog-content-inner", children }),
-          showCloseButton && /* @__PURE__ */ jsxs(
-            SheetPrimitive.Close,
-            {
-              "data-slot": "dialog-close",
-              className: "dialog-close",
-              children: [
-                /* @__PURE__ */ jsx(XIcon, {}),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx(DialogPortal, { "data-slot": "dialog-portal", children: /* @__PURE__ */ jsx(DialogOverlay, { children: /* @__PURE__ */ jsxs(
+    SheetPrimitive.Content,
+    {
+      "data-slot": "dialog-content",
+      className: cn("dialog-content", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "dialog-content-inner", children }),
+        showCloseButton && /* @__PURE__ */ jsxs(
+          SheetPrimitive.Close,
+          {
+            "data-slot": "dialog-close",
+            className: "dialog-close",
+            children: [
+              /* @__PURE__ */ jsx(UtilityClose, {}),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+            ]
+          }
+        )
+      ]
+    }
+  ) }) });
 }
 function DialogHeader({ className, ...props }) {
   return /* @__PURE__ */ jsx(
@@ -2369,7 +2412,7 @@ function DialogTitle({
     SheetPrimitive.Title,
     {
       "data-slot": "dialog-title",
-      className: cn("dialog-title heading-xxsmall", className),
+      className: cn("dialog-title heading-xxsmall text-center", className),
       ...props
     }
   );
@@ -2560,10 +2603,17 @@ const Tag = React.forwardRef(
     status,
     colorScheme = "light",
     className,
+    minWidth,
+    minHeight,
     style,
     onClick,
     ...props
   }, ref) => {
+    const mergedStyle = {
+      minWidth,
+      minHeight,
+      ...style
+    };
     if (status) {
       const statusClass = getStatusClass(status, colorScheme);
       return /* @__PURE__ */ jsx(
@@ -2572,7 +2622,7 @@ const Tag = React.forwardRef(
           ref,
           onClick,
           className: cn("overline-medium", statusClass, className),
-          style,
+          style: mergedStyle,
           ...props,
           children
         }
@@ -2585,7 +2635,7 @@ const Tag = React.forwardRef(
           ref,
           onClick,
           className: cn("tag-code", className),
-          style,
+          style: mergedStyle,
           ...props,
           children: /* @__PURE__ */ jsx("span", { className: "number-small font-semibold", style: { color: "inherit" }, children })
         }
@@ -2601,7 +2651,7 @@ const Tag = React.forwardRef(
           active ? "tag-general--active" : "tag-general--inactive",
           className
         ),
-        style,
+        style: mergedStyle,
         ...props,
         children
       }
@@ -5478,6 +5528,33 @@ const IconConceptInnovation = ({
     }
   );
 };
+const CONCEPT_ICONS = {
+  air: IconConceptAir,
+  water: IconConceptWater,
+  nourishment: IconConceptNourishment,
+  light: IconConceptLight,
+  movement: IconConceptMovement,
+  thermal: IconConceptThermalComfort,
+  "thermal-comfort": IconConceptThermalComfort,
+  sound: IconConceptSound,
+  materials: IconConceptMaterials,
+  community: IconConceptCommunity,
+  mind: IconConceptMind,
+  innovation: IconConceptInnovation
+};
+const conceptOrder = [
+  "air",
+  "water",
+  "nourishment",
+  "light",
+  "movement",
+  "thermal-comfort",
+  "sound",
+  "materials",
+  "community",
+  "mind",
+  "innovation"
+];
 function UtilityAccordion({ className }) {
   return /* @__PURE__ */ jsx(
     "svg",
@@ -5549,50 +5626,6 @@ const UtilityClassification = ({
     }
   );
 };
-const UtilityClose = ({ className }) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "size-4 flex items-center justify-center text-gray-500",
-        className
-      ),
-      children: /* @__PURE__ */ jsxs(
-        "svg",
-        {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "12",
-          height: "12",
-          viewBox: "0 0 12 12",
-          fill: "none",
-          className: cn("size-3 text-inherit"),
-          children: [
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M10.8002 1.19995L1.2002 10.8",
-                stroke: "currentColor",
-                strokeWidth: "1.5",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M1.2002 1.19995L10.8002 10.8",
-                stroke: "currentColor",
-                strokeWidth: "1.5",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
 const UtilityCompare = ({
   className
 }) => {
@@ -6565,6 +6598,32 @@ function UtilityRevisionsHide({ className }) {
     }
   );
 }
+const UtilityTriangleInfo = ({
+  className
+}) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "14",
+      height: "13",
+      viewBox: "0 0 14 13",
+      fill: "none",
+      className: cn(className),
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M7.78821 1.348C7.6827 1.16611 7.53127 1.01514 7.34906 0.910189C7.16685 0.80524 6.96027 0.75 6.75 0.75C6.53973 0.75 6.33315 0.80524 6.15094 0.910189C5.96873 1.01514 5.8173 1.16611 5.71179 1.348L0.910803 9.74972C0.805511 9.93209 0.750054 10.139 0.75 10.3495C0.749946 10.5601 0.805297 10.767 0.910495 10.9494C1.01569 11.1319 1.16703 11.2834 1.34932 11.3888C1.53161 11.4943 1.73843 11.5499 1.94902 11.5501H11.551C11.7616 11.5499 11.9684 11.4943 12.1507 11.3888C12.333 11.2834 12.4843 11.1319 12.5895 10.9494C12.6947 10.767 12.7501 10.5601 12.75 10.3495C12.7499 10.139 12.6945 9.93209 12.5892 9.74972L7.78821 1.348Z",
+          fill: "#50E7CA",
+          stroke: "#1BC5A3",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+};
 const SealWell = ({ className }) => {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -9575,6 +9634,7 @@ export {
   BreadcrumbPage,
   BreadcrumbSeparator,
   Button,
+  CONCEPT_ICONS,
   Calendar,
   Card,
   CardContent,
@@ -9841,6 +9901,7 @@ export {
   UtilityTarget,
   UtilityTargetActive,
   UtilityText,
+  UtilityTriangleInfo,
   WaterMarkWWWProducts,
   WaterMarkWellProjects,
   WatermarkMemberOrg,
@@ -9851,6 +9912,7 @@ export {
   capitalize,
   cn,
   conceptColors,
+  conceptOrder,
   navigationMenuTriggerStyle,
   useAccordion,
   useAccordionItem,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syscore/ui-library",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "description": "A comprehensive React component library built with Radix UI, Tailwind CSS, and TypeScript",
   "private": false,
   "type": "module",