Expand README with architecture and setup details

2026-07-08 09:58:26 +03:00
parent 81be7e186c
commit c5120669d2
109 changed files with 22311 additions and 0 deletions
@@ -0,0 +1,54 @@
+import { MoreHorizontal } from 'lucide-react';
+import { IconButton } from './IconButton';
+
+export interface ActionMenuItem {
+  label: string;
+  onClick: () => void;
+  danger?: boolean;
+  disabled?: boolean;
+}
+
+export interface ActionMenuProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  label: string;
+  items: ActionMenuItem[];
+  disabled?: boolean;
+}
+
+export function ActionMenu({
+  open,
+  onOpenChange,
+  label,
+  items,
+  disabled,
+}: ActionMenuProps) {
+  return (
+    <div className="ui-action-menu">
+      <IconButton
+        label={label}
+        icon={<MoreHorizontal size={20} strokeWidth={2} />}
+        onClick={() => onOpenChange(!open)}
+        disabled={disabled}
+        aria-expanded={open}
+      />
+      {open ? (
+        <div className="ui-action-menu-popover" role="menu">
+          {items.map((item) => (
+            <button
+              type="button"
+              role="menuitem"
+              className={item.danger ? 'is-danger' : ''}
+              onClick={item.onClick}
+              disabled={item.disabled}
+              key={item.label}
+            >
+              {item.label}
+            </button>
+          ))}
+        </div>
+      ) : null}
+    </div>
+  );
+}
+