@ciscode/ui-authentication-kit 1.0.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2025 Ciscode
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,44 @@
+# React TypeScript DeveloperKit (Template)
+
+Template repository for building reusable React TypeScript **npm libraries**
+(components + hooks + utilities).
+
+## What you get
+
+- ESM + CJS + Types build (tsup)
+- Vitest testing
+- ESLint + Prettier (flat config)
+- Changesets (manual release flow, no automation PR)
+- Husky (pre-commit + pre-push)
+- Enforced public API via `src/index.ts`
+- Dependency-free styling (Tailwind-compatible by convention only)
+- `react` and `react-dom` as peerDependencies
+
+## Package structure
+
+- `src/components` – reusable UI components
+- `src/hooks` – reusable React hooks
+- `src/utils` – framework-agnostic utilities
+- `src/index.ts` – **only public API** (no deep imports allowed)
+
+Anything not exported from `src/index.ts` is considered private.
+
+## Scripts
+
+- `npm run build` – build to `dist/` (tsup)
+- `npm test` – run tests (vitest)
+- `npm run typecheck` – TypeScript typecheck
+- `npm run lint` – ESLint
+- `npm run format` / `npm run format:write` – Prettier
+- `npx changeset` – create a changeset
+
+## Release flow (summary)
+
+- Work on a `feature` branch from `develop`
+- Merge to `develop`
+- Add a changeset for user-facing changes: `npx changeset`
+- Promote `develop` → `master`
+- Tag `vX.Y.Z` to publish (npm OIDC)
+
+This repository is a **template**. Teams should clone it and focus only on
+library logic, not tooling or release mechanics.

package/dist/components/InlineError.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface Props {
+    message: string | null;
+    dismissAfterMs?: number;
+}
+export declare const InlineError: React.FC<Props>;
+export {};
+//# sourceMappingURL=InlineError.d.ts.map

package/dist/components/InlineError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineError.d.ts","sourceRoot":"","sources":["../../src/components/InlineError.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuDvC,CAAC"}

package/dist/components/InlineError.js

@@ -0,0 +1,31 @@
+// src/components/actions/InlineError.tsx
+import React, { useEffect, useState } from "react";
+import { AlertTriangle, X } from "lucide-react";
+import { useT } from "@ciscode/ui-translate-core";
+export const InlineError = ({ message, dismissAfterMs = 4000, }) => {
+    const t = useT("authLib"); // or whichever namespace you use for common strings
+    const [show, setShow] = useState(false);
+    /* show on message change */
+    useEffect(() => {
+        setShow(Boolean(message));
+        if (message && dismissAfterMs > 0) {
+            const id = window.setTimeout(() => setShow(false), dismissAfterMs);
+            return () => window.clearTimeout(id);
+        }
+    }, [message, dismissAfterMs]);
+    if (!show || !message)
+        return null;
+    return (React.createElement("div", { role: "alert", "aria-live": "assertive", className: `
+        relative isolate flex w-full max-w-md items-start gap-2 overflow-hidden
+        rounded-lg border border-red-300 bg-red-50/80 p-4 pr-6 text-sm text-red-800
+        shadow-lg backdrop-blur
+        transition-all duration-300 ease-out
+        ${show ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"}
+      ` },
+        React.createElement("span", { className: "absolute ltr:left-0 rtl:right-0 top-0 h-full w-1 bg-gradient-to-b from-red-500 to-red-400" }),
+        React.createElement(AlertTriangle, { className: "mt-0.5 h-5 w-5 flex-none" }),
+        React.createElement("span", { className: "grow leading-5 ltr:text-left rtl:text-right" }, message),
+        React.createElement("button", { onClick: () => setShow(false), "aria-label": t("inlineError.dismiss"), className: "\n          absolute ltr:right-2 rtl:left-2 top-2 rounded p-1 text-red-600/70\n          hover:bg-red-100 hover:text-red-700 focus:outline-none\n          focus-visible:ring focus-visible:ring-red-500/50\n        " },
+            React.createElement(X, { className: "h-4 w-4" }))));
+};
+//# sourceMappingURL=InlineError.js.map

package/dist/components/InlineError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineError.js","sourceRoot":"","sources":["../../src/components/InlineError.tsx"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAOlD,MAAM,CAAC,MAAM,WAAW,GAAoB,CAAC,EAC3C,OAAO,EACP,cAAc,GAAG,IAAI,GACtB,EAAE,EAAE;IACH,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,oDAAoD;IAC/E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,4BAA4B;IAC5B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;QAC1B,IAAI,OAAO,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;YAClC,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,CAAC;YACnE,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;IAE9B,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAEnC,OAAO,CACL,6BACE,IAAI,EAAC,OAAO,eACF,WAAW,EACrB,SAAS,EAAE;;;;;UAKP,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,0BAA0B;OAClE;QAGD,8BAAM,SAAS,EAAC,2FAA2F,GAAG;QAG9G,oBAAC,aAAa,IAAC,SAAS,EAAC,0BAA0B,GAAG;QAGtD,8BAAM,SAAS,EAAC,6CAA6C,IAC1D,OAAO,CACH;QAGP,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,gBACjB,CAAC,CAAC,qBAAqB,CAAC,EACpC,SAAS,EAAC,uNAIT;YAED,oBAAC,CAAC,IAAC,SAAS,EAAC,SAAS,GAAG,CAClB,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/ProfilePage.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const ProfilePage: React.FC;
+//# sourceMappingURL=ProfilePage.d.ts.map

package/dist/components/ProfilePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePage.d.ts","sourceRoot":"","sources":["../../src/components/ProfilePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAiW/B,CAAC"}

package/dist/components/ProfilePage.js

@@ -0,0 +1,151 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React, { useEffect, useMemo, useState } from 'react';
+import { useAuthState } from '../context/AuthStateContext';
+export const ProfilePage = () => {
+    var _a, _b;
+    const { user, api, setUser } = useAuthState();
+    const [name, setName] = useState((_a = user === null || user === void 0 ? void 0 : user.name) !== null && _a !== void 0 ? _a : '');
+    const [email, setEmail] = useState((_b = user === null || user === void 0 ? void 0 : user.email) !== null && _b !== void 0 ? _b : '');
+    const [isEditing, setIsEditing] = useState(false);
+    const [saving, setSaving] = useState(false);
+    const [toast, setToast] = useState({
+        open: false,
+        type: 'success',
+        title: '',
+        message: '',
+    });
+    const phone = '+971 50 827 8229';
+    // Auto-hide toast after 3s
+    useEffect(() => {
+        if (!toast.open)
+            return;
+        const id = window.setTimeout(() => setToast((t) => (Object.assign(Object.assign({}, t), { open: false }))), 3000);
+        return () => window.clearTimeout(id);
+    }, [toast.open]);
+    // Load profile
+    useEffect(() => {
+        let cancelled = false;
+        function loadProfile() {
+            return __awaiter(this, void 0, void 0, function* () {
+                var _a, _b;
+                try {
+                    const { data } = yield api.get('/auth/client/me');
+                    if (cancelled)
+                        return;
+                    setUser(data);
+                    setName((_a = data === null || data === void 0 ? void 0 : data.name) !== null && _a !== void 0 ? _a : '');
+                    setEmail((_b = data === null || data === void 0 ? void 0 : data.email) !== null && _b !== void 0 ? _b : '');
+                }
+                catch (err) {
+                    console.error('Failed to load profile details:', err);
+                }
+            });
+        }
+        loadProfile();
+        return () => {
+            cancelled = true;
+        };
+    }, [api, setUser]);
+    const displayName = useMemo(() => {
+        return (name || (user === null || user === void 0 ? void 0 : user.name) || (user === null || user === void 0 ? void 0 : user.email) || '').trim();
+    }, [name, user === null || user === void 0 ? void 0 : user.name, user === null || user === void 0 ? void 0 : user.email]);
+    const avatarInitial = useMemo(() => {
+        return displayName.charAt(0).toUpperCase() || '?';
+    }, [displayName]);
+    function handleSave() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!user)
+                return;
+            setSaving(true);
+            try {
+                yield api.patch('/auth/client/me', { name });
+                setUser(Object.assign(Object.assign({}, user), { name }));
+                setIsEditing(false);
+                setToast({
+                    open: true,
+                    type: 'success',
+                    title: 'Changes saved',
+                    message: 'Your profile was updated successfully.',
+                });
+            }
+            catch (err) {
+                console.error('Failed to update profile:', err);
+                setToast({
+                    open: true,
+                    type: 'error',
+                    title: 'Save failed',
+                    message: 'Failed to save changes. Please try again.',
+                });
+            }
+            finally {
+                setSaving(false);
+            }
+        });
+    }
+    if (!user) {
+        return React.createElement("p", { className: "text-sm text-gray-500" }, "No user data available.");
+    }
+    const isSuccess = toast.type === 'success';
+    return (React.createElement("div", { className: "max-w-3xl mx-auto" },
+        toast.open && (React.createElement("div", { className: "fixed top-6 right-6 z-[999999] flex items-center gap-3 rounded-xl border bg-white px-4 py-3 shadow-lg", role: "status", "aria-live": "polite", style: {
+                borderColor: isSuccess ? '#BBF7D0' : '#FECACA',
+            } },
+            React.createElement("div", { className: "flex h-9 w-9 items-center justify-center rounded-full", style: {
+                    backgroundColor: isSuccess ? '#ECFDF5' : '#FEF2F2',
+                } }, isSuccess ? (React.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-green-600" },
+                React.createElement("path", { d: "M20 6L9 17L4 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }))) : (React.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-red-600" },
+                React.createElement("path", { d: "M12 9V13", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+                React.createElement("path", { d: "M12 17H12.01", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+                React.createElement("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round" })))),
+            React.createElement("div", { className: "flex flex-col" },
+                React.createElement("span", { className: "text-sm font-semibold", style: { color: isSuccess ? '#15803D' : '#B91C1C' } }, toast.title),
+                toast.message && (React.createElement("span", { className: "text-xs text-gray-500" }, toast.message))),
+            React.createElement("button", { type: "button", onClick: () => setToast((t) => (Object.assign(Object.assign({}, t), { open: false }))), className: "ml-2 rounded-md px-2 py-1 text-gray-500 hover:bg-gray-100", "aria-label": "Close", title: "Close" },
+                React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement("path", { d: "M18 6L6 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+                    React.createElement("path", { d: "M6 6L18 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }))))),
+        React.createElement("div", { className: "rounded-2xl border border-gray-200 bg-white shadow-sm" },
+            React.createElement("div", { className: "px-6 pt-6 pb-4" },
+                React.createElement("div", { className: "flex items-center justify-between" },
+                    React.createElement("div", { className: "flex items-center gap-4" },
+                        React.createElement("div", { className: "relative" },
+                            React.createElement("div", { className: "h-16 w-16 rounded-full bg-blue-600 flex items-center justify-center text-white text-2xl font-semibold" }, avatarInitial),
+                            React.createElement("button", { type: "button", className: "absolute -bottom-1 -right-1 h-8 w-8 rounded-full border border-gray-200 bg-white shadow-sm flex items-center justify-center hover:bg-gray-50", title: "Change avatar" },
+                                React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                                    React.createElement("path", { d: "M12 20H21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+                                    React.createElement("path", { d: "M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5Z", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round" })))),
+                        React.createElement("div", null,
+                            React.createElement("h1", { className: "text-2xl font-semibold" }, "My Profile"),
+                            React.createElement("p", { className: "text-sm text-gray-500" }, "Personal details"))),
+                    !isEditing ? (React.createElement("button", { type: "button", onClick: () => setIsEditing(true), title: "Edit profile", className: "h-9 w-9 rounded-full border border-gray-200 bg-white shadow-sm flex items-center justify-center hover:bg-gray-50" },
+                        React.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                            React.createElement("path", { d: "M12 20H21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+                            React.createElement("path", { d: "M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5Z", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round" })))) : (React.createElement("button", { type: "button", onClick: handleSave, disabled: saving, className: "rounded-full border border-blue-200 bg-blue-50 px-4 py-2 text-sm font-medium text-blue-700 hover:bg-blue-100 disabled:opacity-60" }, saving ? 'Saving…' : 'Save changes')))),
+            React.createElement("div", { className: "px-6 pb-6 border-t border-gray-100 pt-6" },
+                React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5" },
+                    React.createElement("div", null,
+                        React.createElement("label", { className: "block text-xs font-medium text-gray-500 mb-2" }, "Username"),
+                        React.createElement("input", { type: "text", value: name, disabled: !isEditing || saving, onChange: (e) => setName(e.target.value), className: `w-full rounded-lg border px-3 py-2 text-sm outline-none ${isEditing
+                                ? 'border-gray-300 bg-white focus:border-blue-500 focus:ring-2 focus:ring-blue-100'
+                                : 'border-gray-200 bg-gray-50 text-gray-700'}` })),
+                    React.createElement("div", null,
+                        React.createElement("label", { className: "block text-xs font-medium text-gray-500 mb-2" }, "Email ID"),
+                        React.createElement("input", { type: "email", value: email, disabled: true, className: "w-full rounded-lg border border-gray-200 bg-gray-50 px-3 py-2 text-sm text-gray-700 cursor-not-allowed" })),
+                    React.createElement("div", null,
+                        React.createElement("label", { className: "block text-xs font-medium text-gray-500 mb-2" }, "Mobile number"),
+                        React.createElement("input", { type: "text", value: phone, disabled: true, className: "w-full rounded-lg border border-gray-200 bg-gray-50 px-3 py-2 text-sm text-gray-700 cursor-not-allowed" }))),
+                isEditing && (React.createElement("button", { type: "button", disabled: saving, onClick: () => {
+                        var _a;
+                        setIsEditing(false);
+                        setName((_a = user === null || user === void 0 ? void 0 : user.name) !== null && _a !== void 0 ? _a : '');
+                    }, className: "mt-6 text-sm font-medium text-gray-600 hover:text-gray-900" }, "Cancel"))))));
+};
+//# sourceMappingURL=ProfilePage.js.map

package/dist/components/ProfilePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePage.js","sourceRoot":"","sources":["../../src/components/ProfilePage.tsx"],"names":[],"mappings":"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"}

package/dist/components/RequirePermissions.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface Props {
+    /** list of permissions; *every* one must be present  */
+    fallbackpermessions?: string[];
+    /** at least one of these must be present (optional)  */
+    anyPermessions?: string[];
+    /** role(s) that always bypass the check (optional)   */
+    fallbackRoles: string[];
+    /** where to redirect  ("/dashboard" by default)      */
+    redirectTo?: string;
+    children: React.ReactNode;
+}
+export declare const RequirePermissions: React.FC<Props>;
+export {};
+//# sourceMappingURL=RequirePermissions.d.ts.map

package/dist/components/RequirePermissions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequirePermissions.d.ts","sourceRoot":"","sources":["../../src/components/RequirePermissions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,KAAK;IACX,wDAAwD;IACxD,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,wDAAwD;IACxD,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,wDAAwD;IACxD,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwB9C,CAAC"}

package/dist/components/RequirePermissions.js

@@ -0,0 +1,20 @@
+// src/components/auth/RequirePermissions.tsx
+import React from 'react';
+import { Navigate } from 'react-router'; // or useNavigate()
+import { useCan, useHasRole } from '../hooks/useAbility'; // your hooks
+export const RequirePermissions = ({ children, fallbackpermessions = [], anyPermessions = [], fallbackRoles = ['super-admin'], redirectTo = '/dashboard', }) => {
+    /* 1. super‑admin bypass */
+    const hasBypass = fallbackRoles.some(r => useHasRole(r));
+    if (hasBypass)
+        return React.createElement(React.Fragment, null, children);
+    /* 2. must have *all*  */
+    const hasAll = fallbackpermessions.length === 0 || fallbackpermessions.every(p => useCan(p));
+    /* 3. must have *any*  */
+    const hasSome = anyPermessions.length === 0 || anyPermessions.some(p => useCan(p));
+    if (hasAll && hasSome) {
+        return React.createElement(React.Fragment, null, children);
+    }
+    /* 4. no access => either redirect or render a 403 page  */
+    return React.createElement(Navigate, { to: redirectTo, replace: true });
+};
+//# sourceMappingURL=RequirePermissions.js.map

package/dist/components/RequirePermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequirePermissions.js","sourceRoot":"","sources":["../../src/components/RequirePermissions.tsx"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC,CAAY,mBAAmB;AACvE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC,CAAC,aAAa;AAcvE,MAAM,CAAC,MAAM,kBAAkB,GAAoB,CAAC,EAChD,QAAQ,EACR,mBAAmB,GAAG,EAAE,EACxB,cAAc,GAAG,EAAE,EACnB,aAAa,GAAG,CAAC,aAAa,CAAC,EAC/B,UAAU,GAAG,YAAY,GAC5B,EAAE,EAAE;IAED,2BAA2B;IAC3B,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,IAAI,SAAS;QAAE,OAAO,0CAAG,QAAQ,CAAI,CAAC;IAEtC,yBAAyB;IACzB,MAAM,MAAM,GAAG,mBAAmB,CAAC,MAAM,KAAK,CAAC,IAAI,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7F,yBAAyB;IACzB,MAAM,OAAO,GAAG,cAAc,CAAC,MAAM,KAAK,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnF,IAAI,MAAM,IAAI,OAAO,EAAE,CAAC;QACpB,OAAO,0CAAG,QAAQ,CAAI,CAAC;IAC3B,CAAC;IAED,2DAA2D;IAC3D,OAAO,oBAAC,QAAQ,IAAC,EAAE,EAAE,UAAU,EAAE,OAAO,SAAG,CAAC;AAChD,CAAC,CAAC"}

package/dist/components/SessionExpiredModal.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Props {
+    onConfirm: () => void;
+}
+export declare const SessionExpiredModal: React.FC<Props>;
+export {};
+//# sourceMappingURL=SessionExpiredModal.d.ts.map

package/dist/components/SessionExpiredModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionExpiredModal.d.ts","sourceRoot":"","sources":["../../src/components/SessionExpiredModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,UAAU,KAAK;IACX,SAAS,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6C/C,CAAC"}

package/dist/components/SessionExpiredModal.js

@@ -0,0 +1,26 @@
+// src/components/auth/SessionExpiredModal.tsx
+import React, { useEffect } from 'react';
+import ReactDOM from 'react-dom';
+import { useT } from '@ciscode/ui-translate-core';
+export const SessionExpiredModal = ({ onConfirm }) => {
+    const t = useT('authLib'); // assuming translations under "auth" namespace
+    /* disable scroll & clicks behind the modal */
+    useEffect(() => {
+        const { body } = document;
+        const prevOverflow = body.style.overflow;
+        const prevPointer = body.style.pointerEvents;
+        body.style.overflow = 'hidden';
+        body.style.pointerEvents = 'none';
+        return () => {
+            body.style.overflow = prevOverflow;
+            body.style.pointerEvents = prevPointer;
+        };
+    }, []);
+    return ReactDOM.createPortal(React.createElement("div", { className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/40 backdrop-blur-sm" },
+        React.createElement("div", { className: "pointer-events-auto w-full max-w-sm rounded-xl bg-white p-6 shadow-xl" },
+            React.createElement("h2", { className: "mb-4 text-xl font-semibold text-gray-800 ltr:text-left rtl:text-center" }, t('sessionExpired.title')),
+            React.createElement("p", { className: "mb-8 text-sm text-gray-600 ltr:text-left rtl:text-center" }, t('sessionExpired.message')),
+            React.createElement("div", { className: "flex justify-end" },
+                React.createElement("button", { onClick: onConfirm, className: "\n              rounded-lg bg-red-600 px-4 py-2 text-sm font-medium text-white\n              hover:bg-red-700 focus-visible:outline focus-visible:outline-2\n              focus-visible:outline-offset-2 focus-visible:outline-red-600\n            " }, t('sessionExpired.button'))))), document.body);
+};
+//# sourceMappingURL=SessionExpiredModal.js.map

package/dist/components/SessionExpiredModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionExpiredModal.js","sourceRoot":"","sources":["../../src/components/SessionExpiredModal.tsx"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAMlD,MAAM,CAAC,MAAM,mBAAmB,GAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAClE,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,+CAA+C;IAE1E,8CAA8C;IAC9C,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;QAC1B,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QACzC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;QAE7C,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC/B,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;QAElC,OAAO,GAAG,EAAE;YACR,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,YAAY,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,WAAW,CAAC;QAC3C,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,QAAQ,CAAC,YAAY,CACxB,6BAAK,SAAS,EAAC,sFAAsF;QACjG,6BAAK,SAAS,EAAC,uEAAuE;YAClF,4BAAI,SAAS,EAAC,wEAAwE,IACjF,CAAC,CAAC,sBAAsB,CAAC,CACzB;YAEL,2BAAG,SAAS,EAAC,0DAA0D,IAClE,CAAC,CAAC,wBAAwB,CAAC,CAC5B;YAEJ,6BAAK,SAAS,EAAC,kBAAkB;gBAC7B,gCACI,OAAO,EAAE,SAAS,EAClB,SAAS,EAAC,wPAIrB,IAEY,CAAC,CAAC,uBAAuB,CAAC,CACtB,CACP,CACJ,CACJ,EACN,QAAQ,CAAC,IAAI,CAChB,CAAC;AACN,CAAC,CAAC"}

package/dist/components/actions/InputField.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { InputFieldProps } from "../../models/Type";
+/**
+ * InputField:
+ * - Renders a label + input combination
+ * - Uses translation keys for both `label` and `placeholder`
+ * - Automatically flips text alignment in RTL
+ */
+export declare const InputField: React.FC<InputFieldProps>;
+//# sourceMappingURL=InputField.d.ts.map

package/dist/components/actions/InputField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../../src/components/actions/InputField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkChD,CAAC"}

package/dist/components/actions/InputField.js

@@ -0,0 +1,22 @@
+// src/components/actions/InputField.tsx
+import * as React from "react";
+import { useT } from "@ciscode/ui-translate-core";
+/**
+ * InputField:
+ * - Renders a label + input combination
+ * - Uses translation keys for both `label` and `placeholder`
+ * - Automatically flips text alignment in RTL
+ */
+export const InputField = ({ label, // translation key for the label
+type = "text", placeholder, // translation key for the placeholder
+color = "", value, onChange, }) => {
+    const t = useT("authLib"); // assumes your translations live under the "auth" namespace
+    return (React.createElement("div", { className: "mt-8 flex flex-col" },
+        label && (React.createElement("label", { htmlFor: `input-${label}`, className: "self-start text-base text-black dark:text-white block ltr:text-left rtl:text-right" }, t(label))),
+        React.createElement("input", { id: `input-${label}`, type: type, placeholder: placeholder ? t(placeholder) : undefined, value: value, onChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value), className: `
+          px-4 py-4 mt-3.5 text-sm font-light rounded-lg border border-solid w-full
+          ltr:text-left rtl:text-right
+          ${color}
+        ` })));
+};
+//# sourceMappingURL=InputField.js.map

package/dist/components/actions/InputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../src/components/actions/InputField.tsx"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAGlD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,KAAK,EAAW,gCAAgC;AAChD,IAAI,GAAG,MAAM,EACb,WAAW,EAAK,sCAAsC;AACtD,KAAK,GAAG,EAAE,EACV,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAE,4DAA4D;IAExF,OAAO,CACL,6BAAK,SAAS,EAAC,oBAAoB;QAChC,KAAK,IAAI,CACR,+BACE,OAAO,EAAE,SAAS,KAAK,EAAE,EACzB,SAAS,EAAC,oFAAoF,IAE7F,CAAC,CAAC,KAAK,CAAC,CACH,CACT;QACD,+BACE,EAAE,EAAE,SAAS,KAAK,EAAE,EACpB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,EACrD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3C,SAAS,EAAE;;;YAGP,KAAK;SACR,GACD,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/actions/SocialButton.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { SocialButtonProps } from "../../models/Type";
+export declare const SocialButton: React.FC<SocialButtonProps>;
+//# sourceMappingURL=SocialButton.d.ts.map

package/dist/components/actions/SocialButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialButton.d.ts","sourceRoot":"","sources":["../../../src/components/actions/SocialButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkBpD,CAAC"}

package/dist/components/actions/SocialButton.js

@@ -0,0 +1,10 @@
+// src/components/actions/SocialButton.tsx
+import * as React from "react";
+import { useT } from "@ciscode/ui-translate-core";
+export const SocialButton = ({ icon, label }) => {
+    const t = useT("authLib"); // assuming "auth" namespace for these labels
+    return (React.createElement("div", { className: "flex gap-5 px-8 py-3 items-center bg-indigo-50 rounded-lg max-md:px-5" },
+        React.createElement("img", { loading: "lazy", src: icon, alt: label ? t(label) : "", className: "object-contain shrink-0 aspect-square w-[26px]" }),
+        label && (React.createElement("div", { className: "basis-auto text-sm hidden md:block ltr:text-left rtl:text-right" }, t(label)))));
+};
+//# sourceMappingURL=SocialButton.js.map

package/dist/components/actions/SocialButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialButton.js","sourceRoot":"","sources":["../../../src/components/actions/SocialButton.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAGlD,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3E,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,6CAA6C;IAExE,OAAO,CACL,6BAAK,SAAS,EAAC,uEAAuE;QACpF,6BACE,OAAO,EAAC,MAAM,EACd,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAC1B,SAAS,EAAC,gDAAgD,GAC1D;QACD,KAAK,IAAI,CACR,6BAAK,SAAS,EAAC,iEAAiE,IAC7E,CAAC,CAAC,KAAK,CAAC,CACL,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/context/AuthConfigContext.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { AuthConfigProps } from "../models/AuthConfig";
+/**
+ * The shape of your config context. We'll store the entire AuthConfig
+ * so that anywhere in your library can read it.
+ */
+export declare const AuthConfigContext: React.Context<AuthConfigProps | null>;
+/**
+ * A small helper to let components easily consume the AuthConfigContext
+ */
+export declare function useAuthConfig(): AuthConfigProps;
+//# sourceMappingURL=AuthConfigContext.d.ts.map

package/dist/context/AuthConfigContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthConfigContext.d.ts","sourceRoot":"","sources":["../../src/context/AuthConfigContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,uCAAoD,CAAC;AAEnF;;GAEG;AACH,wBAAgB,aAAa,IAAI,eAAe,CAM/C"}

package/dist/context/AuthConfigContext.js

@@ -0,0 +1,18 @@
+//src/contexts/AuthConfigContext.ts
+import React from "react";
+/**
+ * The shape of your config context. We'll store the entire AuthConfig
+ * so that anywhere in your library can read it.
+ */
+export const AuthConfigContext = React.createContext(null);
+/**
+ * A small helper to let components easily consume the AuthConfigContext
+ */
+export function useAuthConfig() {
+    const config = React.useContext(AuthConfigContext);
+    if (!config) {
+        throw new Error("useAuthConfig must be used within an AuthConfigProvider");
+    }
+    return config;
+}
+//# sourceMappingURL=AuthConfigContext.js.map

package/dist/context/AuthConfigContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthConfigContext.js","sourceRoot":"","sources":["../../src/context/AuthConfigContext.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAyB,IAAI,CAAC,CAAC;AAEnF;;GAEG;AACH,MAAM,UAAU,aAAa;IAC3B,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACnD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;IAC7E,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/context/AuthStateContext.d.ts

@@ -0,0 +1,17 @@
+import { UserProfile } from '../models/User';
+import { AxiosInstance } from 'axios';
+export interface AuthCtx {
+    isAuthenticated: boolean;
+    user: UserProfile | null;
+    accessToken: string | null;
+    api: AxiosInstance;
+    login(credentials: {
+        email: string;
+        password: string;
+    }): Promise<void>;
+    logout(): void;
+    setUser(user: UserProfile | null): void;
+}
+export declare const AuthStateCtx: import("react").Context<AuthCtx | null>;
+export declare function useAuthState(): AuthCtx;
+//# sourceMappingURL=AuthStateContext.d.ts.map

package/dist/context/AuthStateContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthStateContext.d.ts","sourceRoot":"","sources":["../../src/context/AuthStateContext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,OAAO;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,GAAG,EAAE,aAAa,CAAC;IACnB,KAAK,CAAC,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvE,MAAM,IAAI,IAAI,CAAC;IACf,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,YAAY,yCAAsC,CAAC;AAEhE,wBAAgB,YAAY,IAAI,OAAO,CAItC"}

package/dist/context/AuthStateContext.js

@@ -0,0 +1,9 @@
+import { createContext, useContext } from 'react';
+export const AuthStateCtx = createContext(null);
+export function useAuthState() {
+    const ctx = useContext(AuthStateCtx);
+    if (!ctx)
+        throw new Error('useAuthState must be inside <AuthProvider>');
+    return ctx;
+}
+//# sourceMappingURL=AuthStateContext.js.map

package/dist/context/AuthStateContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthStateContext.js","sourceRoot":"","sources":["../../src/context/AuthStateContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAclD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAiB,IAAI,CAAC,CAAC;AAEhE,MAAM,UAAU,YAAY;IAC1B,MAAM,GAAG,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IACxE,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/context/RbacContext.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+/** A single rule */
+export interface RbacRule {
+    perms?: string[];
+    fallbackRoles?: string[];
+}
+/** Arbitrary nesting: feature‑key ➜ action ➜ rule */
+export type RbacTable = Record<string, Record<string, RbacRule>>;
+export declare const RbacContext: React.Context<RbacTable>;
+export declare const RbacProvider: React.Provider<RbacTable>;
+export declare function useGrant(feature: string, action: string): boolean;
+//# sourceMappingURL=RbacContext.d.ts.map

package/dist/context/RbacContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RbacContext.d.ts","sourceRoot":"","sources":["../../src/context/RbacContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,oBAAoB;AACpB,MAAM,WAAW,QAAQ;IACvB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,qDAAqD;AACrD,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;AAGjE,eAAO,MAAM,WAAW,0BAAqC,CAAC;AAG9D,eAAO,MAAM,YAAY,2BAAuB,CAAC;AAGjD,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,WAQvD"}

package/dist/context/RbacContext.js

@@ -0,0 +1,21 @@
+// src/context/RbacContext.ts
+import React from 'react';
+import { useCan, useHasRole } from '../hooks/useAbility';
+/* empty default so the library still renders in Storybook / tests */
+export const RbacContext = React.createContext({});
+/* provider re‑export – host app supplies the actual table */
+export const RbacProvider = RbacContext.Provider;
+/* helper hook that libraries call */
+export function useGrant(feature, action) {
+    var _a, _b, _c;
+    const table = React.useContext(RbacContext);
+    const rule = (_a = table[feature]) === null || _a === void 0 ? void 0 : _a[action];
+    if (!rule)
+        return false; // no rule = no access
+    if ((_b = rule.perms) === null || _b === void 0 ? void 0 : _b.some(p => useCan(p)))
+        return true;
+    if ((_c = rule.fallbackRoles) === null || _c === void 0 ? void 0 : _c.some(r => useHasRole(r)))
+        return true;
+    return false;
+}
+//# sourceMappingURL=RbacContext.js.map

package/dist/context/RbacContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RbacContext.js","sourceRoot":"","sources":["../../src/context/RbacContext.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAWzD,qEAAqE;AACrE,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAY,EAAE,CAAC,CAAC;AAE9D,6DAA6D;AAC7D,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,CAAC;AAEjD,qCAAqC;AACrC,MAAM,UAAU,QAAQ,CAAC,OAAe,EAAE,MAAc;;IACtD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAC5C,MAAM,IAAI,GAAI,MAAA,KAAK,CAAC,OAAO,CAAC,0CAAG,MAAM,CAAC,CAAC;IACvC,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC,CAAoB,sBAAsB;IAElE,IAAI,MAAA,IAAI,CAAC,KAAK,0CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAAY,OAAO,IAAI,CAAC;IAC5D,IAAI,MAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAAE,OAAO,IAAI,CAAC;IAC9D,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/hooks/useAbility.d.ts

@@ -0,0 +1,8 @@
+export declare function useHasRole(...roles: string[]): boolean;
+export declare function useHasModule(moduleName: string): boolean;
+/**
+ * Generic permission checker. Accepts one or many permissions.
+ * Returns true if *every* permission is present.
+ */
+export declare function useCan(...needed: string[]): boolean;
+//# sourceMappingURL=useAbility.d.ts.map

package/dist/hooks/useAbility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAbility.d.ts","sourceRoot":"","sources":["../../src/hooks/useAbility.ts"],"names":[],"mappings":"AAGA,wBAAgB,UAAU,CAAC,GAAG,KAAK,EAAE,MAAM,EAAE,WAI5C;AAED,wBAAgB,YAAY,CAAC,UAAU,EAAE,MAAM,WAG9C;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,WAIzC"}