@burdenoff/microfe-organization 2026.510.110

package/dist/organization-management/modules/workspaces/types/index.d.ts

@@ -0,0 +1,39 @@
+import { Workspace, WorkspaceStatus } from '../../../shared/types/graphql';
+
+export type { Workspace };
+export { WorkspaceStatus };
+export type { WorkspaceMember, WorkspaceMembersConnection, AddWorkspaceMemberInput, UpdateWorkspaceMemberInput, UserRole, } from './workspace-member';
+export { WorkspaceMemberRole } from './workspace-member';
+export interface WorkspacesConnection {
+    items: Workspace[];
+    total: number;
+    limit: number;
+    offset: number;
+    hasMore: boolean;
+}
+export interface WorkspaceFilterInput {
+    status?: WorkspaceStatus;
+    organizationId?: string;
+    tenantId?: string;
+    search?: string;
+}
+export interface WorkspaceStats {
+    totalMembers: number;
+    activeMembers: number;
+    storageUsed: number;
+    storageLimit: number;
+}
+export interface CreateWorkspaceInput {
+    name: string;
+    slug: string;
+    tenantId: string;
+    organizationId: string;
+    type?: string;
+    metadata?: Record<string, unknown>;
+}
+export interface UpdateWorkspaceInput {
+    name?: string;
+    type?: string;
+    metadata?: Record<string, unknown>;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/organization-management/modules/workspaces/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/modules/workspaces/types/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGhE,YAAY,EAAE,SAAS,EAAE,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,CAAC;AAG3B,YAAY,EACV,eAAe,EACf,0BAA0B,EAC1B,uBAAuB,EACvB,0BAA0B,EAC1B,QAAQ,GACT,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAGzD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB;AAGD,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAGD,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAGD,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAGD,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC"}

package/dist/organization-management/modules/workspaces/types/workspace-member.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Workspace Member Types
+ * Aligned with backend WorkspaceMember schema
+ */
+export type UserRole = 'SUPER_ADMIN' | 'TENANT_ADMIN' | 'ORG_ADMIN' | 'WORKSPACE_ADMIN' | 'MEMBER' | 'GUEST';
+export declare const WorkspaceMemberRole: {
+    SUPER_ADMIN: "SUPER_ADMIN";
+    TENANT_ADMIN: "TENANT_ADMIN";
+    ORG_ADMIN: "ORG_ADMIN";
+    WORKSPACE_ADMIN: "WORKSPACE_ADMIN";
+    MEMBER: "MEMBER";
+    GUEST: "GUEST";
+};
+/**
+ * Workspace Member type matching backend schema
+ */
+export interface WorkspaceMember {
+    id: string;
+    userId: string;
+    role: UserRole;
+    invitedBy?: string | null;
+    joinedAt: string;
+}
+/**
+ * Workspace Member List response (paginated)
+ */
+export interface WorkspaceMembersConnection {
+    items: WorkspaceMember[];
+    total: number;
+    limit: number;
+    offset: number;
+    hasMore: boolean;
+}
+/**
+ * Input for adding a workspace member
+ */
+export interface AddWorkspaceMemberInput {
+    workspaceId: string;
+    userId: string;
+    role?: UserRole;
+}
+/**
+ * Input for updating a workspace member's role
+ */
+export interface UpdateWorkspaceMemberInput {
+    role: UserRole;
+}
+//# sourceMappingURL=workspace-member.d.ts.map

package/dist/organization-management/modules/workspaces/types/workspace-member.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-member.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/modules/workspaces/types/workspace-member.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,MAAM,MAAM,QAAQ,GAChB,aAAa,GACb,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,QAAQ,GACR,OAAO,CAAC;AAEZ,eAAO,MAAM,mBAAmB;;;;;;;CAO/B,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,QAAQ,CAAC;CAChB"}

package/dist/organization-management/providers/OrgConsoleProvider.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { OrganizationRootProps } from '../types';
+
+type OrgConsoleContextValue = OrganizationRootProps;
+export interface OrgConsoleProviderProps extends OrganizationRootProps {
+    children: ReactNode;
+}
+/**
+ * OrgConsoleProvider
+ * Provides global console context to all child components
+ */
+export declare function OrgConsoleProvider({ children, ...props }: OrgConsoleProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to access global console context
+ * @throws Error if used outside OrgConsoleProvider
+ */
+export declare function useOrgConsole(): OrgConsoleContextValue;
+export {};
+//# sourceMappingURL=OrgConsoleProvider.d.ts.map

package/dist/organization-management/providers/OrgConsoleProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrgConsoleProvider.d.ts","sourceRoot":"","sources":["../../../src/organization-management/providers/OrgConsoleProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtD,KAAK,sBAAsB,GAAG,qBAAqB,CAAC;AAIpD,MAAM,WAAW,uBAAwB,SAAQ,qBAAqB;IACpE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,2CAQjF;AAED;;;GAGG;AACH,wBAAgB,aAAa,IAAI,sBAAsB,CAMtD"}

package/dist/organization-management/providers/OrgConsoleProvider.js

@@ -0,0 +1,24 @@
+import { createContext as e, useContext as t } from "react";
+import { PermissionProvider as n } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/organization-management/providers/OrgConsoleProvider.tsx
+var i = e(null);
+function a({ children: e, ...t }) {
+	return /* @__PURE__ */ r(i.Provider, {
+		value: t,
+		children: /* @__PURE__ */ r(n, {
+			scopeId: t.tenantId ?? null,
+			gateway: "global",
+			children: e
+		})
+	});
+}
+function o() {
+	let e = t(i);
+	if (!e) throw Error("useOrgConsole must be used within OrgConsoleProvider");
+	return e;
+}
+//#endregion
+export { a as OrgConsoleProvider, o as useOrgConsole };
+
+//# sourceMappingURL=OrgConsoleProvider.js.map

package/dist/organization-management/providers/OrgConsoleProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrgConsoleProvider.js","names":[],"sources":["../../../src/organization-management/providers/OrgConsoleProvider.tsx"],"sourcesContent":["import { createContext, useContext, type ReactNode } from 'react';\nimport { PermissionProvider } from '@burdenoff/fe-libs/shared/providers/shell';\nimport type { OrganizationRootProps } from '../types';\n\ntype OrgConsoleContextValue = OrganizationRootProps;\n\nconst OrgConsoleContext = createContext<OrgConsoleContextValue | null>(null);\n\nexport interface OrgConsoleProviderProps extends OrganizationRootProps {\n  children: ReactNode;\n}\n\n/**\n * OrgConsoleProvider\n * Provides global console context to all child components\n */\nexport function OrgConsoleProvider({ children, ...props }: OrgConsoleProviderProps) {\n  return (\n    <OrgConsoleContext.Provider value={props}>\n      <PermissionProvider scopeId={props.tenantId ?? null} gateway=\"global\">\n        {children}\n      </PermissionProvider>\n    </OrgConsoleContext.Provider>\n  );\n}\n\n/**\n * Hook to access global console context\n * @throws Error if used outside OrgConsoleProvider\n */\nexport function useOrgConsole(): OrgConsoleContextValue {\n  const context = useContext(OrgConsoleContext);\n  if (!context) {\n    throw new Error('useOrgConsole must be used within OrgConsoleProvider');\n  }\n  return context;\n}\n"],"mappings":";;;;AAMA,IAAM,IAAoB,EAA6C,KAAK;AAU5E,SAAgB,EAAmB,EAAE,aAAU,GAAG,KAAkC;AAClF,QACE,kBAAC,EAAkB,UAAnB;EAA4B,OAAO;YACjC,kBAAC,GAAD;GAAoB,SAAS,EAAM,YAAY;GAAM,SAAQ;GAC1D;GACkB,CAAA;EACM,CAAA;;AAQjC,SAAgB,IAAwC;CACtD,IAAM,IAAU,EAAW,EAAkB;AAC7C,KAAI,CAAC,EACH,OAAU,MAAM,uDAAuD;AAEzE,QAAO"}

package/dist/organization-management/shared/components/dialog/ConfirmDialog.d.ts

@@ -0,0 +1,28 @@
+type ConfirmDialogVariant = 'default' | 'warning' | 'danger';
+interface ConfirmDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    description: string;
+    confirmText?: string;
+    cancelText?: string;
+    variant?: ConfirmDialogVariant;
+    onConfirm: () => void;
+}
+interface ConfirmDialogState {
+    open: boolean;
+    title: string;
+    description: string;
+    confirmText?: string;
+    cancelText?: string;
+    variant?: ConfirmDialogVariant;
+}
+export declare function ConfirmDialog({ open, onOpenChange, title, description, confirmText, cancelText, variant, onConfirm, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function useConfirmDialog(): {
+    openConfirmDialog: (config: Omit<ConfirmDialogState, "open"> & {
+        onConfirm: () => void;
+    }) => void;
+    ConfirmDialog: import("react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=ConfirmDialog.d.ts.map

package/dist/organization-management/shared/components/dialog/ConfirmDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/shared/components/dialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAcA,KAAK,oBAAoB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE7D,UAAU,kBAAkB;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,UAAU,kBAAkB;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAkCD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,WAAW,EACX,UAAU,EACV,OAAmB,EACnB,SAAS,GACV,EAAE,kBAAkB,2CA8CpB;AAED,wBAAgB,gBAAgB;gCASnB,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,GAAG;QAAE,SAAS,EAAE,MAAM,IAAI,CAAA;KAAE;;EAkCxE"}

package/dist/organization-management/shared/components/dialog/ConfirmDialog.js

@@ -0,0 +1,105 @@
+import { useCallback as e, useMemo as t, useState as n } from "react";
+import { AlertCircle as r, AlertTriangle as i, Info as a } from "lucide-react";
+import { AlertDialog as o, AlertDialogAction as s, AlertDialogCancel as c, AlertDialogContent as l, AlertDialogDescription as u, AlertDialogFooter as d, AlertDialogHeader as f, AlertDialogTitle as p } from "@burdenoff/fe-libs/ui";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/organization-management/shared/components/dialog/ConfirmDialog.tsx
+var _ = {
+	default: {
+		icon: a,
+		iconContainerClassName: "bg-[var(--color-status-info-bgSubtle)]",
+		iconClassName: "text-[var(--color-status-info-text)]",
+		actionClassName: "bg-[var(--color-action-primary-bg)] text-[var(--color-action-primary-text)] hover:opacity-90"
+	},
+	warning: {
+		icon: i,
+		iconContainerClassName: "bg-[var(--color-status-warning-bgSubtle)]",
+		iconClassName: "text-[var(--color-status-warning-text)]",
+		actionClassName: "bg-[var(--color-status-warning-bg)] text-[var(--color-text-inverse)] hover:opacity-90"
+	},
+	danger: {
+		icon: r,
+		iconContainerClassName: "bg-[var(--color-status-error-bgSubtle)]",
+		iconClassName: "text-[var(--color-status-error-text)]",
+		actionClassName: "bg-[var(--color-status-error-bg)] text-[var(--color-text-inverse)] hover:opacity-90"
+	}
+};
+function v({ open: t, onOpenChange: n, title: r, description: i, confirmText: a, cancelText: v, variant: y = "default", onConfirm: b }) {
+	let { t: x } = g(), S = e((e, t) => {
+		let n = x(e);
+		return n === e ? t : n;
+	}, [x]), C = _[y], w = C.icon, T = a ?? S("common.confirm", "Confirm"), E = v ?? S("common.cancel", "Cancel");
+	return /* @__PURE__ */ m(o, {
+		open: t,
+		onOpenChange: n,
+		children: /* @__PURE__ */ h(l, {
+			className: "max-w-md border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)]",
+			children: [/* @__PURE__ */ m(f, { children: /* @__PURE__ */ h("div", {
+				className: "flex items-start gap-4",
+				children: [/* @__PURE__ */ m("div", {
+					className: `flex h-10 w-10 items-center justify-center rounded-full ${C.iconContainerClassName}`,
+					children: /* @__PURE__ */ m(w, { className: `h-5 w-5 ${C.iconClassName}` })
+				}), /* @__PURE__ */ h("div", {
+					className: "flex-1",
+					children: [/* @__PURE__ */ m(p, {
+						className: "text-lg text-[var(--color-text-primary)]",
+						children: r
+					}), /* @__PURE__ */ m(u, {
+						className: "mt-2 text-sm text-[var(--color-text-secondary)]",
+						children: i
+					})]
+				})]
+			}) }), /* @__PURE__ */ h(d, {
+				className: "mt-6",
+				children: [/* @__PURE__ */ m(c, {
+					className: "border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] hover:bg-[var(--color-bg-subtle)]",
+					children: E
+				}), /* @__PURE__ */ m(s, {
+					onClick: b,
+					className: C.actionClassName,
+					children: T
+				})]
+			})]
+		})
+	});
+}
+function y() {
+	let [r, i] = n({
+		open: !1,
+		title: "",
+		description: ""
+	}), [a, o] = n(null), s = e((e) => {
+		i({
+			...e,
+			open: !0
+		}), o(() => e.onConfirm);
+	}, []), c = e((e) => {
+		i((t) => ({
+			...t,
+			open: e
+		})), e || o(null);
+	}, []);
+	return {
+		openConfirmDialog: s,
+		ConfirmDialog: t(() => /* @__PURE__ */ m(v, {
+			open: r.open,
+			onOpenChange: c,
+			title: r.title,
+			description: r.description,
+			confirmText: r.confirmText,
+			cancelText: r.cancelText,
+			variant: r.variant,
+			onConfirm: () => {
+				a?.(), c(!1);
+			}
+		}), [
+			c,
+			a,
+			r
+		])
+	};
+}
+//#endregion
+export { y as useConfirmDialog };
+
+//# sourceMappingURL=ConfirmDialog.js.map

package/dist/organization-management/shared/components/dialog/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","names":[],"sources":["../../../../../src/organization-management/shared/components/dialog/ConfirmDialog.tsx"],"sourcesContent":["import { AlertCircle, AlertTriangle, Info } from 'lucide-react';\nimport { useCallback, useMemo, useState } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from '@burdenoff/fe-libs/ui';\n\ntype ConfirmDialogVariant = 'default' | 'warning' | 'danger';\n\ninterface ConfirmDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  title: string;\n  description: string;\n  confirmText?: string;\n  cancelText?: string;\n  variant?: ConfirmDialogVariant;\n  onConfirm: () => void;\n}\n\ninterface ConfirmDialogState {\n  open: boolean;\n  title: string;\n  description: string;\n  confirmText?: string;\n  cancelText?: string;\n  variant?: ConfirmDialogVariant;\n}\n\nconst VARIANT_STYLES: Record<\n  ConfirmDialogVariant,\n  {\n    icon: typeof Info;\n    iconContainerClassName: string;\n    iconClassName: string;\n    actionClassName: string;\n  }\n> = {\n  default: {\n    icon: Info,\n    iconContainerClassName: 'bg-[var(--color-status-info-bgSubtle)]',\n    iconClassName: 'text-[var(--color-status-info-text)]',\n    actionClassName:\n      'bg-[var(--color-action-primary-bg)] text-[var(--color-action-primary-text)] hover:opacity-90',\n  },\n  warning: {\n    icon: AlertTriangle,\n    iconContainerClassName: 'bg-[var(--color-status-warning-bgSubtle)]',\n    iconClassName: 'text-[var(--color-status-warning-text)]',\n    actionClassName:\n      'bg-[var(--color-status-warning-bg)] text-[var(--color-text-inverse)] hover:opacity-90',\n  },\n  danger: {\n    icon: AlertCircle,\n    iconContainerClassName: 'bg-[var(--color-status-error-bgSubtle)]',\n    iconClassName: 'text-[var(--color-status-error-text)]',\n    actionClassName:\n      'bg-[var(--color-status-error-bg)] text-[var(--color-text-inverse)] hover:opacity-90',\n  },\n};\n\nexport function ConfirmDialog({\n  open,\n  onOpenChange,\n  title,\n  description,\n  confirmText,\n  cancelText,\n  variant = 'default',\n  onConfirm,\n}: ConfirmDialogProps) {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string) => {\n      const translated = t(key);\n      return translated === key ? fallback : translated;\n    },\n    [t]\n  );\n  const styles = VARIANT_STYLES[variant];\n  const Icon = styles.icon;\n  const resolvedConfirmText = confirmText ?? tr('common.confirm', 'Confirm');\n  const resolvedCancelText = cancelText ?? tr('common.cancel', 'Cancel');\n\n  return (\n    <AlertDialog open={open} onOpenChange={onOpenChange}>\n      <AlertDialogContent className=\"max-w-md border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)]\">\n        <AlertDialogHeader>\n          <div className=\"flex items-start gap-4\">\n            <div\n              className={`flex h-10 w-10 items-center justify-center rounded-full ${styles.iconContainerClassName}`}\n            >\n              <Icon className={`h-5 w-5 ${styles.iconClassName}`} />\n            </div>\n            <div className=\"flex-1\">\n              <AlertDialogTitle className=\"text-lg text-[var(--color-text-primary)]\">\n                {title}\n              </AlertDialogTitle>\n              <AlertDialogDescription className=\"mt-2 text-sm text-[var(--color-text-secondary)]\">\n                {description}\n              </AlertDialogDescription>\n            </div>\n          </div>\n        </AlertDialogHeader>\n\n        <AlertDialogFooter className=\"mt-6\">\n          <AlertDialogCancel className=\"border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] hover:bg-[var(--color-bg-subtle)]\">\n            {resolvedCancelText}\n          </AlertDialogCancel>\n          <AlertDialogAction onClick={onConfirm} className={styles.actionClassName}>\n            {resolvedConfirmText}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n}\n\nexport function useConfirmDialog() {\n  const [state, setState] = useState<ConfirmDialogState>({\n    open: false,\n    title: '',\n    description: '',\n  });\n  const [onConfirm, setOnConfirm] = useState<(() => void) | null>(null);\n\n  const openConfirmDialog = useCallback(\n    (config: Omit<ConfirmDialogState, 'open'> & { onConfirm: () => void }) => {\n      setState({ ...config, open: true });\n      setOnConfirm(() => config.onConfirm);\n    },\n    []\n  );\n\n  const handleOpenChange = useCallback((open: boolean) => {\n    setState((previousState) => ({ ...previousState, open }));\n    if (!open) {\n      setOnConfirm(null);\n    }\n  }, []);\n\n  const dialog = useMemo(\n    () => (\n      <ConfirmDialog\n        open={state.open}\n        onOpenChange={handleOpenChange}\n        title={state.title}\n        description={state.description}\n        confirmText={state.confirmText}\n        cancelText={state.cancelText}\n        variant={state.variant}\n        onConfirm={() => {\n          onConfirm?.();\n          handleOpenChange(false);\n        }}\n      />\n    ),\n    [handleOpenChange, onConfirm, state]\n  );\n\n  return { openConfirmDialog, ConfirmDialog: dialog };\n}\n"],"mappings":";;;;;;AAoCA,IAAM,IAQF;CACF,SAAS;EACP,MAAM;EACN,wBAAwB;EACxB,eAAe;EACf,iBACE;EACH;CACD,SAAS;EACP,MAAM;EACN,wBAAwB;EACxB,eAAe;EACf,iBACE;EACH;CACD,QAAQ;EACN,MAAM;EACN,wBAAwB;EACxB,eAAe;EACf,iBACE;EACH;CACF;AAED,SAAgB,EAAc,EAC5B,SACA,iBACA,UACA,gBACA,gBACA,eACA,aAAU,WACV,gBACqB;CACrB,IAAM,EAAE,SAAM,GAAS,EACjB,IAAK,GACR,GAAa,MAAqB;EACjC,IAAM,IAAa,EAAE,EAAI;AACzB,SAAO,MAAe,IAAM,IAAW;IAEzC,CAAC,EAAE,CACJ,EACK,IAAS,EAAe,IACxB,IAAO,EAAO,MACd,IAAsB,KAAe,EAAG,kBAAkB,UAAU,EACpE,IAAqB,KAAc,EAAG,iBAAiB,SAAS;AAEtE,QACE,kBAAC,GAAD;EAAmB;EAAoB;YACrC,kBAAC,GAAD;GAAoB,WAAU;aAA9B,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KACE,WAAW,2DAA2D,EAAO;eAE7E,kBAAC,GAAD,EAAM,WAAW,WAAW,EAAO,iBAAmB,CAAA;KAClD,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAkB,WAAU;gBACzB;MACgB,CAAA,EACnB,kBAAC,GAAD;MAAwB,WAAU;gBAC/B;MACsB,CAAA,CACrB;OACF;OACY,CAAA,EAEpB,kBAAC,GAAD;IAAmB,WAAU;cAA7B,CACE,kBAAC,GAAD;KAAmB,WAAU;eAC1B;KACiB,CAAA,EACpB,kBAAC,GAAD;KAAmB,SAAS;KAAW,WAAW,EAAO;eACtD;KACiB,CAAA,CACF;MACD;;EACT,CAAA;;AAIlB,SAAgB,IAAmB;CACjC,IAAM,CAAC,GAAO,KAAY,EAA6B;EACrD,MAAM;EACN,OAAO;EACP,aAAa;EACd,CAAC,EACI,CAAC,GAAW,KAAgB,EAA8B,KAAK,EAE/D,IAAoB,GACvB,MAAyE;AAExE,EADA,EAAS;GAAE,GAAG;GAAQ,MAAM;GAAM,CAAC,EACnC,QAAmB,EAAO,UAAU;IAEtC,EAAE,CACH,EAEK,IAAmB,GAAa,MAAkB;AAEtD,EADA,GAAU,OAAmB;GAAE,GAAG;GAAe;GAAM,EAAE,EACpD,KACH,EAAa,KAAK;IAEnB,EAAE,CAAC;AAqBN,QAAO;EAAE;EAAmB,eAnBb,QAEX,kBAAC,GAAD;GACE,MAAM,EAAM;GACZ,cAAc;GACd,OAAO,EAAM;GACb,aAAa,EAAM;GACnB,aAAa,EAAM;GACnB,YAAY,EAAM;GAClB,SAAS,EAAM;GACf,iBAAiB;AAEf,IADA,KAAa,EACb,EAAiB,GAAM;;GAEzB,CAAA,EAEJ;GAAC;GAAkB;GAAW;GAAM,CACrC;EAEkD"}

package/dist/organization-management/shared/components/feedback/EmptyState.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+
+interface EmptyStateProps {
+    icon: ReactNode;
+    title: string;
+    description: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+export declare function EmptyState({ icon, title, description, action }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/organization-management/shared/components/feedback/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/shared/components/feedback/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,eAAe;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,eAAe,2CAyB/E"}

package/dist/organization-management/shared/components/feedback/EmptyState.js

@@ -0,0 +1,30 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/organization-management/shared/components/feedback/EmptyState.tsx
+function n({ icon: n, title: r, description: i, action: a }) {
+	return /* @__PURE__ */ t("div", {
+		className: "flex flex-col items-center justify-center py-12 text-center animate-in fade-in duration-300",
+		children: [
+			/* @__PURE__ */ e("div", {
+				className: "text-[var(--color-text-muted)] mb-4",
+				children: n
+			}),
+			/* @__PURE__ */ e("h3", {
+				className: "text-lg font-semibold text-[var(--color-text-primary)] mb-2",
+				children: r
+			}),
+			/* @__PURE__ */ e("p", {
+				className: "text-sm text-[var(--color-text-muted)] mb-6 max-w-md",
+				children: i
+			}),
+			a && /* @__PURE__ */ e("button", {
+				onClick: a.onClick,
+				className: "\n            inline-flex items-center gap-2 px-4 py-2\n            bg-[var(--color-action-primary-bg)]\n            text-[var(--color-action-primary-text)]\n            rounded-lg\n            hover:opacity-90 hover:scale-[1.02]\n            active:scale-[0.98]\n            transition-all duration-200\n            font-medium\n          ",
+				children: a.label
+			})
+		]
+	});
+}
+//#endregion
+export { n as EmptyState };
+
+//# sourceMappingURL=EmptyState.js.map

package/dist/organization-management/shared/components/feedback/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../../../src/organization-management/shared/components/feedback/EmptyState.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\ninterface EmptyStateProps {\n  icon: ReactNode;\n  title: string;\n  description: string;\n  action?: {\n    label: string;\n    onClick: () => void;\n  };\n}\n\nexport function EmptyState({ icon, title, description, action }: EmptyStateProps) {\n  return (\n    <div className=\"flex flex-col items-center justify-center py-12 text-center animate-in fade-in duration-300\">\n      <div className=\"text-[var(--color-text-muted)] mb-4\">{icon}</div>\n      <h3 className=\"text-lg font-semibold text-[var(--color-text-primary)] mb-2\">{title}</h3>\n      <p className=\"text-sm text-[var(--color-text-muted)] mb-6 max-w-md\">{description}</p>\n      {action && (\n        <button\n          onClick={action.onClick}\n          className=\"\n            inline-flex items-center gap-2 px-4 py-2\n            bg-[var(--color-action-primary-bg)]\n            text-[var(--color-action-primary-text)]\n            rounded-lg\n            hover:opacity-90 hover:scale-[1.02]\n            active:scale-[0.98]\n            transition-all duration-200\n            font-medium\n          \"\n        >\n          {action.label}\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;AAYA,SAAgB,EAAW,EAAE,SAAM,UAAO,gBAAa,aAA2B;AAChF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAuC;IAAW,CAAA;GACjE,kBAAC,MAAD;IAAI,WAAU;cAA+D;IAAW,CAAA;GACxF,kBAAC,KAAD;IAAG,WAAU;cAAwD;IAAgB,CAAA;GACpF,KACC,kBAAC,UAAD;IACE,SAAS,EAAO;IAChB,WAAU;cAWT,EAAO;IACD,CAAA;GAEP"}

package/dist/organization-management/shared/components/feedback/ErrorState.d.ts

@@ -0,0 +1,11 @@
+interface ErrorStateProps {
+    title?: string;
+    message: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+export declare function ErrorState({ title, message, action }: ErrorStateProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ErrorState.d.ts.map

package/dist/organization-management/shared/components/feedback/ErrorState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/shared/components/feedback/ErrorState.tsx"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,eAAe,2CAkCrE"}

package/dist/organization-management/shared/components/feedback/ErrorState.js

@@ -0,0 +1,37 @@
+import { useTr as e } from "../../hooks/useTr.js";
+import { AlertCircle as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/organization-management/shared/components/feedback/ErrorState.tsx
+function i({ title: i, message: a, action: o }) {
+	let s = e(), c = i ?? s("common.error.title", "Something went wrong");
+	return /* @__PURE__ */ r("div", {
+		className: "flex flex-col items-center justify-center py-12 text-center animate-in fade-in duration-300",
+		role: "alert",
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: "w-16 h-16 rounded-full bg-[var(--color-status-error-muted)] flex items-center justify-center mb-4",
+				children: /* @__PURE__ */ n(t, {
+					size: 32,
+					className: "text-[var(--color-status-error)]"
+				})
+			}),
+			/* @__PURE__ */ n("h3", {
+				className: "text-lg font-semibold text-[var(--color-text-primary)] mb-2",
+				children: c
+			}),
+			/* @__PURE__ */ n("p", {
+				className: "text-sm text-[var(--color-text-muted)] mb-6 max-w-md",
+				children: a
+			}),
+			o && /* @__PURE__ */ n("button", {
+				onClick: o.onClick,
+				className: "\n            inline-flex items-center gap-2 px-4 py-2\n            bg-[var(--color-action-primary-bg)]\n            text-[var(--color-action-primary-text)]\n            rounded-lg\n            hover:opacity-90 hover:scale-[1.02]\n            active:scale-[0.98]\n            transition-all duration-200\n            font-medium\n          ",
+				children: o.label
+			})
+		]
+	});
+}
+//#endregion
+export { i as ErrorState };
+
+//# sourceMappingURL=ErrorState.js.map

package/dist/organization-management/shared/components/feedback/ErrorState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.js","names":[],"sources":["../../../../../src/organization-management/shared/components/feedback/ErrorState.tsx"],"sourcesContent":["import { AlertCircle } from 'lucide-react';\nimport { useTr } from '../../hooks/useTr';\n\ninterface ErrorStateProps {\n  title?: string;\n  message: string;\n  action?: {\n    label: string;\n    onClick: () => void;\n  };\n}\n\nexport function ErrorState({ title, message, action }: ErrorStateProps) {\n  const tr = useTr();\n  const resolvedTitle = title ?? tr('common.error.title', 'Something went wrong');\n  return (\n    <div\n      className=\"flex flex-col items-center justify-center py-12 text-center animate-in fade-in duration-300\"\n      role=\"alert\"\n    >\n      <div className=\"w-16 h-16 rounded-full bg-[var(--color-status-error-muted)] flex items-center justify-center mb-4\">\n        <AlertCircle size={32} className=\"text-[var(--color-status-error)]\" />\n      </div>\n      <h3 className=\"text-lg font-semibold text-[var(--color-text-primary)] mb-2\">\n        {resolvedTitle}\n      </h3>\n      <p className=\"text-sm text-[var(--color-text-muted)] mb-6 max-w-md\">{message}</p>\n      {action && (\n        <button\n          onClick={action.onClick}\n          className=\"\n            inline-flex items-center gap-2 px-4 py-2\n            bg-[var(--color-action-primary-bg)]\n            text-[var(--color-action-primary-text)]\n            rounded-lg\n            hover:opacity-90 hover:scale-[1.02]\n            active:scale-[0.98]\n            transition-all duration-200\n            font-medium\n          \"\n        >\n          {action.label}\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;AAYA,SAAgB,EAAW,EAAE,UAAO,YAAS,aAA2B;CACtE,IAAM,IAAK,GAAO,EACZ,IAAgB,KAAS,EAAG,sBAAsB,uBAAuB;AAC/E,QACE,kBAAC,OAAD;EACE,WAAU;EACV,MAAK;YAFP;GAIE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAa,MAAM;KAAI,WAAU;KAAqC,CAAA;IAClE,CAAA;GACN,kBAAC,MAAD;IAAI,WAAU;cACX;IACE,CAAA;GACL,kBAAC,KAAD;IAAG,WAAU;cAAwD;IAAY,CAAA;GAChF,KACC,kBAAC,UAAD;IACE,SAAS,EAAO;IAChB,WAAU;cAWT,EAAO;IACD,CAAA;GAEP"}

package/dist/organization-management/shared/components/feedback/LoadingState.d.ts

@@ -0,0 +1,6 @@
+interface LoadingStateProps {
+    message?: string;
+}
+export declare function LoadingState({ message }: LoadingStateProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LoadingState.d.ts.map

package/dist/organization-management/shared/components/feedback/LoadingState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/shared/components/feedback/LoadingState.tsx"],"names":[],"mappings":"AAGA,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE,iBAAiB,2CAc1D"}

package/dist/organization-management/shared/components/feedback/LoadingState.js

@@ -0,0 +1,24 @@
+import { useTr as e } from "../../hooks/useTr.js";
+import { Loader2 as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/organization-management/shared/components/feedback/LoadingState.tsx
+function i({ message: i }) {
+	let a = e(), o = i ?? a("common.loading", "Loading...");
+	return /* @__PURE__ */ r("div", {
+		className: "flex flex-col items-center justify-center py-12 animate-in fade-in duration-300",
+		role: "status",
+		"aria-live": "polite",
+		"aria-busy": "true",
+		children: [/* @__PURE__ */ n(t, {
+			size: 48,
+			className: "text-[var(--color-status-info)] animate-spin mb-4"
+		}), /* @__PURE__ */ n("p", {
+			className: "text-sm text-[var(--color-text-muted)]",
+			children: o
+		})]
+	});
+}
+//#endregion
+export { i as LoadingState };
+
+//# sourceMappingURL=LoadingState.js.map

package/dist/organization-management/shared/components/feedback/LoadingState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.js","names":[],"sources":["../../../../../src/organization-management/shared/components/feedback/LoadingState.tsx"],"sourcesContent":["import { Loader2 } from 'lucide-react';\nimport { useTr } from '../../hooks/useTr';\n\ninterface LoadingStateProps {\n  message?: string;\n}\n\nexport function LoadingState({ message }: LoadingStateProps) {\n  const tr = useTr();\n  const resolvedMessage = message ?? tr('common.loading', 'Loading...');\n  return (\n    <div\n      className=\"flex flex-col items-center justify-center py-12 animate-in fade-in duration-300\"\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy=\"true\"\n    >\n      <Loader2 size={48} className=\"text-[var(--color-status-info)] animate-spin mb-4\" />\n      <p className=\"text-sm text-[var(--color-text-muted)]\">{resolvedMessage}</p>\n    </div>\n  );\n}\n"],"mappings":";;;;AAOA,SAAgB,EAAa,EAAE,cAA8B;CAC3D,IAAM,IAAK,GAAO,EACZ,IAAkB,KAAW,EAAG,kBAAkB,aAAa;AACrE,QACE,kBAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,aAAU;EACV,aAAU;YAJZ,CAME,kBAAC,GAAD;GAAS,MAAM;GAAI,WAAU;GAAsD,CAAA,EACnF,kBAAC,KAAD;GAAG,WAAU;aAA0C;GAAoB,CAAA,CACvE"}

package/dist/organization-management/shared/components/input/SearchInput.d.ts

@@ -0,0 +1,15 @@
+interface SearchInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+    label?: string;
+    inputId?: string;
+}
+/**
+ * SearchInput
+ * Reusable search input component with clear button
+ */
+export declare function SearchInput({ value, onChange, placeholder, className, label, inputId, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SearchInput.d.ts.map

package/dist/organization-management/shared/components/input/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/shared/components/input/SearchInput.tsx"],"names":[],"mappings":"AAGA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAc,EACd,KAAK,EACL,OAAO,GACR,EAAE,gBAAgB,2CAmDlB"}

package/dist/organization-management/shared/components/input/SearchInput.js

@@ -0,0 +1,40 @@
+import { useTr as e } from "../../hooks/useTr.js";
+import { Search as t, X as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/organization-management/shared/components/input/SearchInput.tsx
+function a({ value: a, onChange: o, placeholder: s, className: c = "", label: l, inputId: u }) {
+	let d = e(), f = s ?? d("common.search.placeholder", "Search...");
+	return /* @__PURE__ */ i("div", {
+		className: `relative ${c}`,
+		children: [
+			l ? /* @__PURE__ */ r("label", {
+				htmlFor: u,
+				className: "sr-only",
+				children: l
+			}) : null,
+			/* @__PURE__ */ r(t, {
+				size: 18,
+				className: "absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]"
+			}),
+			/* @__PURE__ */ r("input", {
+				id: u,
+				type: "text",
+				value: a,
+				onChange: (e) => o(e.target.value),
+				placeholder: f,
+				"aria-label": l ?? f,
+				className: "\n          w-full pl-[3.25rem] pr-10 py-2\n          bg-[var(--color-bg-surface)]\n          border border-[var(--color-border-default)]\n          rounded-lg\n          text-[var(--color-text-primary)]\n          placeholder:text-[var(--color-text-muted)]\n          focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]\n          transition-all duration-200\n        "
+			}),
+			a && /* @__PURE__ */ r("button", {
+				onClick: () => o(""),
+				className: "\n            absolute right-3 top-1/2 -translate-y-1/2\n            p-1 rounded-md\n            text-[var(--color-text-muted)]\n            hover:text-[var(--color-text-primary)]\n            hover:bg-[var(--color-bg-subtle)]\n            active:scale-95\n            transition-all duration-200\n          ",
+				"aria-label": "Clear search",
+				children: /* @__PURE__ */ r(n, { size: 16 })
+			})
+		]
+	});
+}
+//#endregion
+export { a as SearchInput };
+
+//# sourceMappingURL=SearchInput.js.map

package/dist/organization-management/shared/components/input/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","names":[],"sources":["../../../../../src/organization-management/shared/components/input/SearchInput.tsx"],"sourcesContent":["import { Search, X } from 'lucide-react';\nimport { useTr } from '../../hooks/useTr';\n\ninterface SearchInputProps {\n  value: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  className?: string;\n  label?: string;\n  inputId?: string;\n}\n\n/**\n * SearchInput\n * Reusable search input component with clear button\n */\nexport function SearchInput({\n  value,\n  onChange,\n  placeholder,\n  className = '',\n  label,\n  inputId,\n}: SearchInputProps) {\n  const tr = useTr();\n  const resolvedPlaceholder = placeholder ?? tr('common.search.placeholder', 'Search...');\n  return (\n    <div className={`relative ${className}`}>\n      {label ? (\n        <label htmlFor={inputId} className=\"sr-only\">\n          {label}\n        </label>\n      ) : null}\n      <Search\n        size={18}\n        className=\"absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]\"\n      />\n      <input\n        id={inputId}\n        type=\"text\"\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder={resolvedPlaceholder}\n        aria-label={label ?? resolvedPlaceholder}\n        className=\"\n          w-full pl-[3.25rem] pr-10 py-2\n          bg-[var(--color-bg-surface)]\n          border border-[var(--color-border-default)]\n          rounded-lg\n          text-[var(--color-text-primary)]\n          placeholder:text-[var(--color-text-muted)]\n          focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]\n          transition-all duration-200\n        \"\n      />\n      {value && (\n        <button\n          onClick={() => onChange('')}\n          className=\"\n            absolute right-3 top-1/2 -translate-y-1/2\n            p-1 rounded-md\n            text-[var(--color-text-muted)]\n            hover:text-[var(--color-text-primary)]\n            hover:bg-[var(--color-bg-subtle)]\n            active:scale-95\n            transition-all duration-200\n          \"\n          aria-label=\"Clear search\"\n        >\n          <X size={16} />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;AAgBA,SAAgB,EAAY,EAC1B,UACA,aACA,gBACA,eAAY,IACZ,UACA,cACmB;CACnB,IAAM,IAAK,GAAO,EACZ,IAAsB,KAAe,EAAG,6BAA6B,YAAY;AACvF,QACE,kBAAC,OAAD;EAAK,WAAW,YAAY;YAA5B;GACG,IACC,kBAAC,SAAD;IAAO,SAAS;IAAS,WAAU;cAChC;IACK,CAAA,GACN;GACJ,kBAAC,GAAD;IACE,MAAM;IACN,WAAU;IACV,CAAA;GACF,kBAAC,SAAD;IACE,IAAI;IACJ,MAAK;IACE;IACP,WAAW,MAAM,EAAS,EAAE,OAAO,MAAM;IACzC,aAAa;IACb,cAAY,KAAS;IACrB,WAAU;IAUV,CAAA;GACD,KACC,kBAAC,UAAD;IACE,eAAe,EAAS,GAAG;IAC3B,WAAU;IASV,cAAW;cAEX,kBAAC,GAAD,EAAG,MAAM,IAAM,CAAA;IACR,CAAA;GAEP"}

package/dist/organization-management/shared/components/input/SelectionCheckbox.d.ts

@@ -0,0 +1,10 @@
+interface SelectionCheckboxProps {
+    checked: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    onChange: (checked: boolean) => void;
+    ariaLabel: string;
+}
+export declare function SelectionCheckbox({ checked, indeterminate, disabled, onChange, ariaLabel, }: SelectionCheckboxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SelectionCheckbox.d.ts.map

package/dist/organization-management/shared/components/input/SelectionCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionCheckbox.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/shared/components/input/SelectionCheckbox.tsx"],"names":[],"mappings":"AAEA,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,aAAqB,EACrB,QAAgB,EAChB,QAAQ,EACR,SAAS,GACV,EAAE,sBAAsB,2CAoBxB"}

package/dist/organization-management/shared/components/input/SelectionCheckbox.js

@@ -0,0 +1,21 @@
+import { useEffect as e, useRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/organization-management/shared/components/input/SelectionCheckbox.tsx
+function r({ checked: r, indeterminate: i = !1, disabled: a = !1, onChange: o, ariaLabel: s }) {
+	let c = t(null);
+	return e(() => {
+		c.current && (c.current.indeterminate = i && !r);
+	}, [r, i]), /* @__PURE__ */ n("input", {
+		ref: c,
+		type: "checkbox",
+		checked: r,
+		disabled: a,
+		"aria-label": s,
+		onChange: (e) => o(e.target.checked),
+		className: "h-4 w-4 rounded border-[var(--color-border-default)] text-[var(--color-action-primary-bg)] focus:ring-2 focus:ring-[var(--color-border-focus)]"
+	});
+}
+//#endregion
+export { r as SelectionCheckbox };
+
+//# sourceMappingURL=SelectionCheckbox.js.map

package/dist/organization-management/shared/components/input/SelectionCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionCheckbox.js","names":[],"sources":["../../../../../src/organization-management/shared/components/input/SelectionCheckbox.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\ninterface SelectionCheckboxProps {\n  checked: boolean;\n  indeterminate?: boolean;\n  disabled?: boolean;\n  onChange: (checked: boolean) => void;\n  ariaLabel: string;\n}\n\nexport function SelectionCheckbox({\n  checked,\n  indeterminate = false,\n  disabled = false,\n  onChange,\n  ariaLabel,\n}: SelectionCheckboxProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = indeterminate && !checked;\n    }\n  }, [checked, indeterminate]);\n\n  return (\n    <input\n      ref={inputRef}\n      type=\"checkbox\"\n      checked={checked}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      onChange={(event) => onChange(event.target.checked)}\n      className=\"h-4 w-4 rounded border-[var(--color-border-default)] text-[var(--color-action-primary-bg)] focus:ring-2 focus:ring-[var(--color-border-focus)]\"\n    />\n  );\n}\n"],"mappings":";;;AAUA,SAAgB,EAAkB,EAChC,YACA,mBAAgB,IAChB,cAAW,IACX,aACA,gBACyB;CACzB,IAAM,IAAW,EAAyB,KAAK;AAQ/C,QANA,QAAgB;AACd,EAAI,EAAS,YACX,EAAS,QAAQ,gBAAgB,KAAiB,CAAC;IAEpD,CAAC,GAAS,EAAc,CAAC,EAG1B,kBAAC,SAAD;EACE,KAAK;EACL,MAAK;EACI;EACC;EACV,cAAY;EACZ,WAAW,MAAU,EAAS,EAAM,OAAO,QAAQ;EACnD,WAAU;EACV,CAAA"}

package/dist/organization-management/shared/hooks/useDebouncedValue.d.ts

@@ -0,0 +1,2 @@
+export declare function useDebouncedValue<T>(value: T, delay?: number): T;
+//# sourceMappingURL=useDebouncedValue.d.ts.map

package/dist/organization-management/shared/hooks/useDebouncedValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedValue.d.ts","sourceRoot":"","sources":["../../../../src/organization-management/shared/hooks/useDebouncedValue.ts"],"names":[],"mappings":"AAEA,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAc7D"}

package/dist/organization-management/shared/hooks/useDebouncedValue.js

@@ -0,0 +1,17 @@
+import { useEffect as e, useState as t } from "react";
+//#region src/organization-management/shared/hooks/useDebouncedValue.ts
+function n(n, r = 300) {
+	let [i, a] = t(n);
+	return e(() => {
+		let e = window.setTimeout(() => {
+			a(n);
+		}, r);
+		return () => {
+			window.clearTimeout(e);
+		};
+	}, [r, n]), i;
+}
+//#endregion
+export { n as useDebouncedValue };
+
+//# sourceMappingURL=useDebouncedValue.js.map

package/dist/organization-management/shared/hooks/useDebouncedValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedValue.js","names":[],"sources":["../../../../src/organization-management/shared/hooks/useDebouncedValue.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport function useDebouncedValue<T>(value: T, delay = 300): T {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n\n  useEffect(() => {\n    const timeoutId = window.setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      window.clearTimeout(timeoutId);\n    };\n  }, [delay, value]);\n\n  return debouncedValue;\n}\n"],"mappings":";;AAEA,SAAgB,EAAqB,GAAU,IAAQ,KAAQ;CAC7D,IAAM,CAAC,GAAgB,KAAqB,EAAS,EAAM;AAY3D,QAVA,QAAgB;EACd,IAAM,IAAY,OAAO,iBAAiB;AACxC,KAAkB,EAAM;KACvB,EAAM;AAET,eAAa;AACX,UAAO,aAAa,EAAU;;IAE/B,CAAC,GAAO,EAAM,CAAC,EAEX"}