Add api keys

Signed-off-by: Sacha Al Himdani <sacha@getprobo.com>

packages/ui/src/Atoms/Icons/IconKey.tsx

@@ -0,0 +1,22 @@
+import type { IconProps } from "./type.ts";
+
+// https://lucide.dev/icons/key-round
+export function IconKey({ size = 24, className }: IconProps) {
+    return (
+        <svg
+            width={size}
+            height={size}
+            viewBox="0 0 24 24"
+            className={className}
+            fill="none"
+            stroke="currentColor"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path d="M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z" />
+            <circle cx="16.5" cy="7.5" r=".5" fill="currentColor" />
+        </svg>
+    );
+}

packages/ui/src/Atoms/Icons/index.tsx

@@ -15,6 +15,7 @@ export { IconCrossLargeX } from "./IconCrossLargeX.tsx";
 export { IconUpload } from "./IconUpload.tsx";
 export { IconListStack } from "./IconListStack.tsx";
 export { IconLock } from "./IconLock.tsx";
+export { IconKey } from "./IconKey.tsx";
 export { IconCircleCheck1 } from "./IconCircleCheck1.tsx";
 export { IconClock } from "./IconClock.tsx";
 export { IconImport2 } from "./IconImport2.tsx";

packages/ui/src/index.ts

@@ -54,7 +54,7 @@ export {
     useDialogRef,
     type DialogRef,
 } from "./Molecules/Dialog/Dialog";
-export { useConfirm } from "./Molecules/Dialog/ConfirmDialog";
+export { useConfirm, ConfirmDialog } from "./Molecules/Dialog/ConfirmDialog";
 export { RiskBadge } from "./Molecules/Badge/RiskBadge";
 export { SeverityBadge } from "./Molecules/Badge/SeverityBadge.tsx";
 export { DocumentVersionBadge } from "./Molecules/Badge/DocumentVersionBadge.tsx";