@syscore/ui-library 1.10.0 → 1.11.0

package/dist/index.d.ts

@@ -312,6 +312,7 @@ import { UtilityCompare } from '../client/components/icons/UtilityCompare';
 import { UtilityDrag } from '../client/components/icons/UtilityDrag';
 import { UtilityEdit } from '../client/components/icons/UtilityEdit';
 import { UtilityHome } from '../client/components/icons/UtilityHome';
+import { UtilityMessage } from '../client/components/icons/UtilityMessage';
 import { UtilityOptions } from '../client/components/icons/UtilityOptions';
 import { UtilityPortfolio } from '../client/components/icons/UtilityPortfolio';
 import { UtilityReset } from '../client/components/icons/UtilityReset';
@@ -325,6 +326,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 { UtilityTrash } from '../client/components/icons/UtilityTrash';
 import { UtilityTriangleInfo } from '../client/components/icons/UtilityTriangleInfo';
 import { WatermarkMemberOrg } from '../client/components/icons/WatermarkMemberOrg';
 import { WaterMarkWellProjects } from '../client/components/icons/WaterMarkWellProjects';
@@ -960,6 +962,8 @@ export { UtilityEdit }
 
 export { UtilityHome }
 
+export { UtilityMessage }
+
 export { UtilityOptions }
 
 export { UtilityPortfolio }
@@ -986,6 +990,8 @@ export { UtilityTargetActive }
 
 export { UtilityText }
 
+export { UtilityTrash }
+
 export { UtilityTriangleInfo }
 
 export { WatermarkMemberOrg }

package/dist/index.es.js

@@ -315,20 +315,40 @@ const AccordionHeaderRow = React.forwardRef(({ title, className }, ref) => {
 });
 AccordionHeaderRow.displayName = "AccordionHeaderRow";
 const AccordionItem = React.forwardRef(
-  ({ value, children, className, ...props }, ref) => {
+  ({ value, children, className, noBorderOnOpen, ...props }, ref) => {
     const { isExpanded: isExpandedFn } = useAccordion();
     const isExpanded = isExpandedFn(value);
     const itemContextValue = React.useMemo(
-      () => ({ value, isExpanded }),
-      [value, isExpanded]
+      () => ({ value, isExpanded, noBorderOnOpen }),
+      [value, isExpanded, noBorderOnOpen]
     );
-    return /* @__PURE__ */ jsx(AccordionItemContext.Provider, { value: itemContextValue, children: /* @__PURE__ */ jsx("div", { ref, className: cn(className), ...props, children }) });
+    return /* @__PURE__ */ jsx(AccordionItemContext.Provider, { value: itemContextValue, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(className),
+        style: noBorderOnOpen && isExpanded ? { borderBottom: "none" } : void 0,
+        ...props,
+        children
+      }
+    ) });
   }
 );
 AccordionItem.displayName = "AccordionItem";
 const AccordionHeader = React.forwardRef(
-  ({ children, className, onClick, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("div", { ref, onClick, className: cn(className), ...props, children });
+  ({ children, className, onClick, transparentOnOpen, ...props }, ref) => {
+    const { isExpanded } = useAccordionItem();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        onClick,
+        className: cn(className),
+        style: transparentOnOpen && isExpanded ? { backgroundColor: "transparent" } : void 0,
+        ...props,
+        children
+      }
+    );
   }
 );
 AccordionHeader.displayName = "AccordionHeader";
@@ -367,7 +387,7 @@ const AccordionTrigger = React.forwardRef(({ className, onClick, ...props }, ref
 AccordionTrigger.displayName = "AccordionTrigger";
 const AccordionContent = React.forwardRef(
   ({ children, className, ...props }, ref) => {
-    const { isExpanded } = useAccordionItem();
+    const { isExpanded, noBorderOnOpen } = useAccordionItem();
     return /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: isExpanded && /* @__PURE__ */ jsx(
       motion.div,
       {
@@ -376,7 +396,10 @@ const AccordionContent = React.forwardRef(
         exit: { height: 0, opacity: 0 },
         transition: { duration: 0.3, ease: [0.25, 0.46, 0.45, 0.94] },
         className: cn(className),
-        style: { willChange: "opacity" },
+        style: {
+          willChange: "opacity",
+          ...noBorderOnOpen ? { borderTop: "none" } : {}
+        },
         children: /* @__PURE__ */ jsx("div", { ref, ...props, children })
       }
     ) });
@@ -5841,6 +5864,42 @@ const UtilityEdit = ({ className }) => {
     }
   );
 };
+const UtilityMessage = ({
+  className
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "size-4 flex items-center justify-center text-gray-500",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "22",
+          height: "21",
+          viewBox: "0 0 22 21",
+          fill: "none",
+          className: cn("size-[14px] text-inherit"),
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H5.828C5.29761 17.0001 4.78899 17.2109 4.414 17.586L2.212 19.788C2.1127 19.8873 1.9862 19.9549 1.84849 19.9823C1.71077 20.0097 1.56803 19.9956 1.43831 19.9419C1.30858 19.8881 1.1977 19.7971 1.11969 19.6804C1.04167 19.5637 1.00002 19.4264 1 19.286V3C1 2.46957 1.21071 1.96086 1.58579 1.58579C1.96086 1.21071 2.46957 1 3 1H19C19.5304 1 20.0391 1.21071 20.4142 1.58579C20.7893 1.96086 21 2.46957 21 3V15Z",
+              fill: "currentColor",
+              "fill-opacity": "0.2",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          )
+        }
+      )
+    }
+  );
+};
 function UtilityHome({ className }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -6598,6 +6657,67 @@ function UtilityRevisionsHide({ className }) {
     }
   );
 }
+const UtilityTrash = ({ className }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "size-4 flex items-center justify-center text-gray-500",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          width: "15",
+          height: "16",
+          viewBox: "0 0 15 16",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          className: cn("size-[14px] text-inherit"),
+          children: [
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M11.9504 3.5498V13.3498C11.9504 13.7211 11.8029 14.0772 11.5403 14.3398C11.2778 14.6023 10.9217 14.7498 10.5504 14.7498H3.55039C3.17909 14.7498 2.82299 14.6023 2.56044 14.3398C2.29789 14.0772 2.15039 13.7211 2.15039 13.3498V3.5498",
+                fill: "white"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M11.9504 3.5498V13.3498C11.9504 13.7211 11.8029 14.0772 11.5403 14.3398C11.2778 14.6023 10.9217 14.7498 10.5504 14.7498H3.55039C3.17909 14.7498 2.82299 14.6023 2.56044 14.3398C2.29789 14.0772 2.15039 13.7211 2.15039 13.3498V3.5498",
+                stroke: "currentColor",
+                "stroke-width": "1.5",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M0.75 3.5498H13.35",
+                stroke: "currentColor",
+                "stroke-width": "1.5",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M4.25 3.55V2.15C4.25 1.7787 4.3975 1.4226 4.66005 1.16005C4.9226 0.8975 5.2787 0.75 5.65 0.75H8.45C8.8213 0.75 9.1774 0.8975 9.43995 1.16005C9.7025 1.4226 9.85 1.7787 9.85 2.15V3.55",
+                stroke: "currentColor",
+                "stroke-width": "1.5",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
 const UtilityTriangleInfo = ({
   className
 }) => {
@@ -9888,6 +10008,7 @@ export {
   UtilityDrag,
   UtilityEdit,
   UtilityHome,
+  UtilityMessage,
   UtilityOptions,
   UtilityPortfolio,
   UtilityReset,
@@ -9901,6 +10022,7 @@ export {
   UtilityTarget,
   UtilityTargetActive,
   UtilityText,
+  UtilityTrash,
   UtilityTriangleInfo,
   WaterMarkWWWProducts,
   WaterMarkWellProjects,

package/package.json

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