@powerhousedao/document-engineering 1.6.0 → 1.8.0

package/dist/src/ui/components/tooltip/tooltip.d.ts

@@ -1,6 +1,6 @@
-import { Provider, Root, type TooltipContentProps, type TooltipProps as TooltipPrimitiveProps, Trigger } from "@radix-ui/react-tooltip";
-import * as React from "react";
-interface TooltipProps extends TooltipPrimitiveProps, Omit<TooltipContentProps, "content"> {
+import { Provider, Root, type TooltipContentProps, type TooltipProps as TooltipPrimitiveProps, Trigger } from '@radix-ui/react-tooltip';
+import * as React from 'react';
+interface TooltipProps extends TooltipPrimitiveProps, Omit<TooltipContentProps, 'content'> {
     content: React.ReactNode;
     className?: string;
     triggerAsChild?: boolean;

package/dist/src/ui/components/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,QAAQ,EACR,IAAI,EACJ,KAAK,mBAAmB,EACxB,KAAK,YAAY,IAAI,qBAAqB,EAC1C,OAAO,EACR,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,YACR,SAAQ,qBAAqB,EAC3B,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,cAAc,4FA6BlB,CAAC;AAEH,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6BnC,CAAC;AAEF,OAAO,EACL,OAAO,EACP,cAAc,EACd,QAAQ,IAAI,eAAe,EAC3B,IAAI,IAAI,WAAW,EACnB,OAAO,IAAI,cAAc,EACzB,KAAK,YAAY,GAClB,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,QAAQ,EACR,IAAI,EACJ,KAAK,mBAAmB,EACxB,KAAK,YAAY,IAAI,qBAAqB,EAC1C,OAAO,EACR,MAAM,yBAAyB,CAAA;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,YAAa,SAAQ,qBAAqB,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC;IACxF,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,QAAA,MAAM,cAAc,4FA4BnB,CAAA;AAID,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwBnC,CAAA;AAED,OAAO,EACL,OAAO,EACP,cAAc,EACd,QAAQ,IAAI,eAAe,EAC3B,IAAI,IAAI,WAAW,EACnB,OAAO,IAAI,cAAc,EACzB,KAAK,YAAY,GAClB,CAAA"}

package/dist/src/ui/components/tooltip/tooltip.js

@@ -1,24 +1,25 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Content, Portal, Provider, Root, Trigger, } from "@radix-ui/react-tooltip";
-import * as React from "react";
-import { cn } from "../../../scalars/lib/utils.js";
+import { Content, Portal, Provider, Root, Trigger, } from '@radix-ui/react-tooltip';
+import * as React from 'react';
+import { cn } from '../../../scalars/lib/utils.js';
 const TooltipContent = React.forwardRef(({ children, className, ...props }, ref) => {
     return (_jsx(Content, { ref: ref, ...props, className: cn(
         // Base styles
-        "z-50 overflow-hidden rounded-md text-sm", 
+        'z-50 overflow-hidden rounded-md text-sm', 
         // Colors & Border
-        "border border-gray-200 bg-white text-gray-900 dark:border-gray-900 dark:bg-slate-900 dark:text-gray-200", 
+        'border border-gray-200 bg-white text-gray-900 dark:border-gray-900 dark:bg-slate-900 dark:text-gray-200', 
         // Padding & Shadow
-        "px-3 py-1.5 shadow-md", 
+        'px-3 py-1.5 shadow-md', 
         // Animations
-        "data-[state=open]:animate-fade-in data-[state=open]:animate-zoom-in", "data-[state=closed]:animate-fade-out data-[state=closed]:animate-zoom-out", 
+        'data-[state=open]:animate-fade-in data-[state=open]:animate-zoom-in', 'data-[state=closed]:animate-fade-out data-[state=closed]:animate-zoom-out', 
         // Slide animations based on position
-        "data-[side=bottom]:animate-slide-in-from-top", "data-[side=left]:animate-slide-in-from-right", "data-[side=right]:animate-slide-in-from-left", "data-[side=top]:animate-slide-in-from-bottom", className), children: children }));
+        'data-[side=bottom]:animate-slide-in-from-top', 'data-[side=left]:animate-slide-in-from-right', 'data-[side=right]:animate-slide-in-from-left', 'data-[side=top]:animate-slide-in-from-bottom', className), children: children }));
 });
+TooltipContent.displayName = 'TooltipContent';
 const Tooltip = ({ content, children, triggerAsChild = false, delayDuration = 0, ...props }) => {
     const { open, defaultOpen, onOpenChange, ...rest } = props;
-    return (_jsxs(Root, { defaultOpen: defaultOpen, delayDuration: delayDuration, onOpenChange: onOpenChange, open: open, children: [_jsx(Trigger, { asChild: triggerAsChild, type: triggerAsChild ? undefined : "button", children: children }), _jsx(Portal, { children: _jsx(TooltipContent, { sideOffset: 3, ...rest, children: content }) })] }));
+    return (_jsxs(Root, { defaultOpen: defaultOpen, delayDuration: delayDuration, onOpenChange: onOpenChange, open: open, children: [_jsx(Trigger, { asChild: triggerAsChild, type: triggerAsChild ? undefined : 'button', children: children }), _jsx(Portal, { children: _jsx(TooltipContent, { sideOffset: 3, ...rest, children: content }) })] }));
 };
 export { Tooltip, TooltipContent, Provider as TooltipProvider, Root as TooltipRoot, Trigger as TooltipTrigger, };
 //# sourceMappingURL=tooltip.js.map

package/dist/src/ui/components/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,IAAI,EAGJ,OAAO,GACR,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,+BAA+B,CAAC;AAUnD,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3C,OAAO,CACL,KAAC,OAAO,IACN,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,EAAE;QACX,cAAc;QACd,yCAAyC;QACzC,kBAAkB;QAClB,yGAAyG;QACzG,mBAAmB;QACnB,uBAAuB;QACvB,aAAa;QACb,qEAAqE,EACrE,2EAA2E;QAC3E,qCAAqC;QACrC,8CAA8C,EAC9C,8CAA8C,EAC9C,8CAA8C,EAC9C,8CAA8C,EAC9C,SAAS,CACV,YAEA,QAAQ,GACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,OAAO,GAA2B,CAAC,EACvC,OAAO,EACP,QAAQ,EACR,cAAc,GAAG,KAAK,EACtB,aAAa,GAAG,CAAC,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,CACL,MAAC,IAAI,IACH,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,aAEV,KAAC,OAAO,IACN,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,YAE1C,QAAQ,GACD,EACV,KAAC,MAAM,cACL,KAAC,cAAc,IAAC,UAAU,EAAE,CAAC,KAAM,IAAI,YACpC,OAAO,GACO,GACV,IACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,OAAO,EACP,cAAc,EACd,QAAQ,IAAI,eAAe,EAC3B,IAAI,IAAI,WAAW,EACnB,OAAO,IAAI,cAAc,GAE1B,CAAC"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,IAAI,EAGJ,OAAO,GACR,MAAM,yBAAyB,CAAA;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,+BAA+B,CAAA;AAQlD,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,OAAO,CACL,KAAC,OAAO,IACN,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,EAAE;QACX,cAAc;QACd,yCAAyC;QACzC,kBAAkB;QAClB,yGAAyG;QACzG,mBAAmB;QACnB,uBAAuB;QACvB,aAAa;QACb,qEAAqE,EACrE,2EAA2E;QAC3E,qCAAqC;QACrC,8CAA8C,EAC9C,8CAA8C,EAC9C,8CAA8C,EAC9C,8CAA8C,EAC9C,SAAS,CACV,YAEA,QAAQ,GACD,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,MAAM,OAAO,GAA2B,CAAC,EACvC,OAAO,EACP,QAAQ,EACR,cAAc,GAAG,KAAK,EACtB,aAAa,GAAG,CAAC,EACjB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAE1D,OAAO,CACL,MAAC,IAAI,IAAC,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,aAClG,KAAC,OAAO,IACN,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,YAE1C,QAAQ,GACD,EACV,KAAC,MAAM,cACL,KAAC,cAAc,IAAC,UAAU,EAAE,CAAC,KAAM,IAAI,YACpC,OAAO,GACO,GACV,IACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EACL,OAAO,EACP,cAAc,EACd,QAAQ,IAAI,eAAe,EAC3B,IAAI,IAAI,WAAW,EACnB,OAAO,IAAI,cAAc,GAE1B,CAAA"}

package/dist/src/ui/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./components/index.js";
+export * from './components/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/src/ui/index.js

@@ -1,2 +1,2 @@
-export * from "./components/index.js";
+export * from './components/index.js';
 //# sourceMappingURL=index.js.map

package/dist/src/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/style.css

@@ -8,6 +8,7 @@
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
     --color-red-400: hsl(5 82% 83%);
+    --color-red-500: hsl(5 80% 78%);
     --color-red-600: hsl(4 81% 74%);
     --color-red-700: hsl(4 81% 69%);
     --color-red-800: hsl(5 81% 61%);
@@ -16,13 +17,20 @@
     --color-yellow-100: hsl(46 100% 94%);
     --color-yellow-300: hsl(47 100% 79%);
     --color-yellow-400: hsl(47 100% 69%);
+    --color-yellow-500: hsl(47 100% 60%);
+    --color-yellow-700: hsl(47 100% 51%);
     --color-yellow-900: hsl(47 100% 49%);
+    --color-green-100: hsl(134 51% 89%);
+    --color-green-500: hsl(136 53% 66%);
     --color-green-600: hsl(136 53% 60%);
+    --color-green-700: hsl(136 52% 55%);
     --color-green-900: hsl(136 53% 43%);
     --color-blue-50: oklch(97% 0.014 254.604);
     --color-blue-100: hsl(209 100% 90%);
     --color-blue-500: hsl(209 100% 70%);
     --color-blue-600: hsl(209 100% 65%);
+    --color-blue-700: hsl(209 100% 60%);
+    --color-blue-800: hsl(209 100% 55%);
     --color-blue-900: hsl(209 100% 50%);
     --color-slate-50: hsl(210 20% 96%);
     --color-slate-100: hsl(210 9% 74%);
@@ -509,6 +517,9 @@
     width: 100%;
     height: 100%;
   }
+  .h-2 {
+    height: calc(var(--spacing) * 2);
+  }
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
@@ -566,6 +577,9 @@
   .w-\(--radix-popover-trigger-width\) {
     width: var(--radix-popover-trigger-width);
   }
+  .w-2 {
+    width: calc(var(--spacing) * 2);
+  }
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
@@ -578,6 +592,9 @@
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
+  .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
@@ -775,6 +792,9 @@
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
+  .gap-6 {
+    gap: calc(var(--spacing) * 6);
+  }
   .gap-32 {
     gap: calc(var(--spacing) * 32);
   }
@@ -936,6 +956,9 @@
   .border-gray-400 {
     border-color: var(--color-gray-400);
   }
+  .border-gray-500 {
+    border-color: var(--color-gray-500);
+  }
   .border-gray-600 {
     border-color: var(--color-gray-600);
   }
@@ -1011,14 +1034,20 @@
   .bg-gray-900 {
     background-color: var(--color-gray-900);
   }
+  .bg-green-100 {
+    background-color: var(--color-green-100);
+  }
+  .bg-green-500 {
+    background-color: var(--color-green-500);
+  }
   .bg-green-600\/30 {
     background-color: color-mix(in srgb, hsl(136 53% 60%) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-green-600) 30%, transparent);
     }
   }
-  .bg-green-900 {
-    background-color: var(--color-green-900);
+  .bg-red-500 {
+    background-color: var(--color-red-500);
   }
   .bg-red-600\/30 {
     background-color: color-mix(in srgb, hsl(4 81% 74%) 30%, transparent);
@@ -1026,9 +1055,6 @@
       background-color: color-mix(in oklab, var(--color-red-600) 30%, transparent);
     }
   }
-  .bg-red-900 {
-    background-color: var(--color-red-900);
-  }
   .bg-slate-50 {
     background-color: var(--color-slate-50);
   }
@@ -1314,6 +1340,12 @@
   .text-blue-600 {
     color: var(--color-blue-600);
   }
+  .text-blue-700 {
+    color: var(--color-blue-700);
+  }
+  .text-blue-800 {
+    color: var(--color-blue-800);
+  }
   .text-blue-900 {
     color: var(--color-blue-900);
   }
@@ -1347,12 +1379,27 @@
   .text-gray-900 {
     color: var(--color-gray-900);
   }
+  .text-green-500 {
+    color: var(--color-green-500);
+  }
+  .text-green-700 {
+    color: var(--color-green-700);
+  }
   .text-green-900 {
     color: var(--color-green-900);
   }
   .text-red-400 {
     color: var(--color-red-400);
   }
+  .text-red-500 {
+    color: var(--color-red-500);
+  }
+  .text-red-600 {
+    color: var(--color-red-600);
+  }
+  .text-red-700 {
+    color: var(--color-red-700);
+  }
   .text-red-800 {
     color: var(--color-red-800);
   }
@@ -1371,6 +1418,9 @@
   .text-yellow-400 {
     color: var(--color-yellow-400);
   }
+  .text-yellow-700 {
+    color: var(--color-yellow-700);
+  }
   .text-yellow-900 {
     color: var(--color-yellow-900);
   }
@@ -2010,12 +2060,6 @@
       z-index: 10;
     }
   }
-  .focus\:border-r-0 {
-    &:focus {
-      border-right-style: var(--tw-border-style);
-      border-right-width: 0px;
-    }
-  }
   .focus\:bg-gray-50 {
     &:focus {
       background-color: var(--color-gray-50);
@@ -3242,6 +3286,50 @@
       display: none;
     }
   }
+  .\[\&_\[data-state\=checked\]_span\]\:after\:\!bg-blue-500 {
+    & [data-state=checked] span {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-blue-500) !important;
+      }
+    }
+  }
+  .\[\&_\[data-state\=checked\]_span\]\:after\:\!bg-red-500 {
+    & [data-state=checked] span {
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-red-500) !important;
+      }
+    }
+  }
+  .\[\&_button\]\:border-blue-600 {
+    & button {
+      border-color: var(--color-blue-600);
+    }
+  }
+  .\[\&_button\]\:hover\:border-green-600 {
+    & button {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-green-600);
+        }
+      }
+    }
+  }
+  .\[\&_label\]\:text-blue-600 {
+    & label {
+      color: var(--color-blue-600);
+    }
+  }
+  .\[\&_label\]\:hover\:text-green-600 {
+    & label {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-green-600);
+        }
+      }
+    }
+  }
   .\[\&_svg\]\:pointer-events-none {
     & svg {
       pointer-events: none;
@@ -3301,6 +3389,31 @@
       }
     }
   }
+  .\[\&\>label\]\:text-blue-500 {
+    &>label {
+      color: var(--color-blue-500);
+    }
+  }
+  .\[\&\>label\]\:text-green-500 {
+    &>label {
+      color: var(--color-green-500);
+    }
+  }
+  .\[\&\>label\]\:text-red-500 {
+    &>label {
+      color: var(--color-red-500);
+    }
+  }
+  .\[\&\>label\]\:text-red-900 {
+    &>label {
+      color: var(--color-red-900);
+    }
+  }
+  .\[\&\>label\]\:text-yellow-500 {
+    &>label {
+      color: var(--color-yellow-500);
+    }
+  }
   .\[\&\>span\]\:truncate {
     &>span {
       overflow: hidden;
@@ -3339,6 +3452,11 @@
       flex-shrink: 0;
     }
   }
+  .\[\&\>svg\]\:text-green-900 {
+    &>svg {
+      color: var(--color-green-900);
+    }
+  }
 }
 :root {
   --toastify-toast-min-height: 48px;