@logickernel/frame 0.1.0

package/dist/types/index.d.ts

@@ -0,0 +1,85 @@
+import { LucideIcon } from 'lucide-react';
+import { ComponentType, ReactNode } from 'react';
+
+/**
+ * @logickernel/frame library types
+ * Shared types for navigation, user, and organization data
+ */
+
+/**
+ * Navigation item for facade components
+ * Supports both icon components (props) and icon names (API)
+ */
+interface NavigationItem {
+    title: string;
+    url?: string;
+    icon?: string | LucideIcon;
+    isActive?: boolean;
+    items?: {
+        title: string;
+        url: string;
+    }[];
+}
+/**
+ * Navigation configuration
+ */
+interface NavigationConfig {
+    items: NavigationItem[];
+    organizationId?: string;
+}
+/**
+ * Sidebar data payload for props mode
+ * Contains organizations and navigation items
+ */
+interface SidebarData {
+    organizations: Organization[];
+    navigationItems: NavigationItem[];
+}
+/**
+ * User data structure
+ */
+interface User {
+    name: string | null;
+    email: string;
+    image: string | null;
+}
+/**
+ * Organization data structure
+ */
+interface Organization {
+    id: string;
+    name: string;
+    logo?: LucideIcon | React.ComponentType<{
+        className?: string;
+    }>;
+    plan?: string;
+}
+/**
+ * Router interface for framework-agnostic navigation
+ */
+interface Router {
+    push: (path: string) => void;
+    refresh?: () => void;
+}
+/**
+ * Link component props
+ */
+interface LinkProps {
+    href: string;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Framework adapter interface
+ * Provides router functions and components for the library
+ */
+interface FrameworkAdapter {
+    usePathname: () => string;
+    useRouter: () => Router;
+    Link: ComponentType<LinkProps>;
+    signOut?: (options?: {
+        redirect?: boolean;
+    }) => Promise<void>;
+}
+
+export type { FrameworkAdapter, LinkProps, NavigationConfig, NavigationItem, Organization, Router, SidebarData, User };

package/dist/types/index.js

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/types/index.mjs

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/types/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/types/ui-components.d.js

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=ui-components.d.js.map
+//# sourceMappingURL=ui-components.d.js.map

package/dist/types/ui-components.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ui-components.d.js"}

package/dist/types/ui-components.d.mjs

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=ui-components.d.mjs.map
+//# sourceMappingURL=ui-components.d.mjs.map

package/dist/types/ui-components.d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ui-components.d.mjs"}

package/dist/utils/iconMapper.d.mts

@@ -0,0 +1,16 @@
+import { LucideIcon } from 'lucide-react';
+
+/**
+ * Icon mapper utility
+ * Maps icon name strings to Lucide React icon components
+ */
+
+/**
+ * Get icon component from icon name or component
+ *
+ * @param icon - Icon name (string) or icon component
+ * @returns Icon component or undefined
+ */
+declare function getIconComponent(icon?: string | LucideIcon): LucideIcon | undefined;
+
+export { getIconComponent };

package/dist/utils/iconMapper.d.ts

@@ -0,0 +1,16 @@
+import { LucideIcon } from 'lucide-react';
+
+/**
+ * Icon mapper utility
+ * Maps icon name strings to Lucide React icon components
+ */
+
+/**
+ * Get icon component from icon name or component
+ *
+ * @param icon - Icon name (string) or icon component
+ * @returns Icon component or undefined
+ */
+declare function getIconComponent(icon?: string | LucideIcon): LucideIcon | undefined;
+
+export { getIconComponent };

package/dist/utils/iconMapper.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var LucideIcons = require('lucide-react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var LucideIcons__namespace = /*#__PURE__*/_interopNamespace(LucideIcons);
+
+// src/utils/iconMapper.ts
+var ICON_MAP = {
+  Home: LucideIcons__namespace.Home,
+  Users: LucideIcons__namespace.Users,
+  GalleryVerticalEnd: LucideIcons__namespace.GalleryVerticalEnd,
+  Settings: LucideIcons__namespace.Settings,
+  CreditCard: LucideIcons__namespace.CreditCard,
+  Building2: LucideIcons__namespace.Building2,
+  Check: LucideIcons__namespace.Check,
+  ChevronsUpDown: LucideIcons__namespace.ChevronsUpDown,
+  ChevronRight: LucideIcons__namespace.ChevronRight,
+  BadgeCheck: LucideIcons__namespace.BadgeCheck,
+  LogOut: LucideIcons__namespace.LogOut
+  // Add more icons as needed
+};
+function getIconComponent(icon) {
+  if (!icon) {
+    return void 0;
+  }
+  if (typeof icon !== "string") {
+    return icon;
+  }
+  return ICON_MAP[icon];
+}
+
+exports.getIconComponent = getIconComponent;
+//# sourceMappingURL=iconMapper.js.map
+//# sourceMappingURL=iconMapper.js.map

package/dist/utils/iconMapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/iconMapper.ts"],"names":["LucideIcons"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAM,QAAA,GAAuC;AAAA,EAC3C,IAAA,EAAkBA,sBAAA,CAAA,IAAA;AAAA,EAClB,KAAA,EAAmBA,sBAAA,CAAA,KAAA;AAAA,EACnB,kBAAA,EAAgCA,sBAAA,CAAA,kBAAA;AAAA,EAChC,QAAA,EAAsBA,sBAAA,CAAA,QAAA;AAAA,EACtB,UAAA,EAAwBA,sBAAA,CAAA,UAAA;AAAA,EACxB,SAAA,EAAuBA,sBAAA,CAAA,SAAA;AAAA,EACvB,KAAA,EAAmBA,sBAAA,CAAA,KAAA;AAAA,EACnB,cAAA,EAA4BA,sBAAA,CAAA,cAAA;AAAA,EAC5B,YAAA,EAA0BA,sBAAA,CAAA,YAAA;AAAA,EAC1B,UAAA,EAAwBA,sBAAA,CAAA,UAAA;AAAA,EACxB,MAAA,EAAoBA,sBAAA,CAAA;AAAA;AAEtB,CAAA;AAQO,SAAS,iBACd,IAAA,EACwB;AACxB,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,MAAA;AAAA,EACT;AAGA,EAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC5B,IAAA,OAAO,IAAA;AAAA,EACT;AAGA,EAAA,OAAO,SAAS,IAAI,CAAA;AACtB","file":"iconMapper.js","sourcesContent":["/**\n * Icon mapper utility\n * Maps icon name strings to Lucide React icon components\n */\n\nimport * as LucideIcons from \"lucide-react\"\nimport type { LucideIcon } from \"lucide-react\"\n\n/**\n * Map of icon names to Lucide icon components\n * Used to convert icon name strings from API to icon components\n */\nconst ICON_MAP: Record<string, LucideIcon> = {\n  Home: LucideIcons.Home,\n  Users: LucideIcons.Users,\n  GalleryVerticalEnd: LucideIcons.GalleryVerticalEnd,\n  Settings: LucideIcons.Settings,\n  CreditCard: LucideIcons.CreditCard,\n  Building2: LucideIcons.Building2,\n  Check: LucideIcons.Check,\n  ChevronsUpDown: LucideIcons.ChevronsUpDown,\n  ChevronRight: LucideIcons.ChevronRight,\n  BadgeCheck: LucideIcons.BadgeCheck,\n  LogOut: LucideIcons.LogOut,\n  // Add more icons as needed\n}\n\n/**\n * Get icon component from icon name or component\n * \n * @param icon - Icon name (string) or icon component\n * @returns Icon component or undefined\n */\nexport function getIconComponent(\n  icon?: string | LucideIcon\n): LucideIcon | undefined {\n  if (!icon) {\n    return undefined\n  }\n\n  // If it's already a component, return it\n  if (typeof icon !== \"string\") {\n    return icon\n  }\n\n  // Look up icon by name\n  return ICON_MAP[icon]\n}\n\n"]}

package/dist/utils/iconMapper.mjs

@@ -0,0 +1,30 @@
+import * as LucideIcons from 'lucide-react';
+
+// src/utils/iconMapper.ts
+var ICON_MAP = {
+  Home: LucideIcons.Home,
+  Users: LucideIcons.Users,
+  GalleryVerticalEnd: LucideIcons.GalleryVerticalEnd,
+  Settings: LucideIcons.Settings,
+  CreditCard: LucideIcons.CreditCard,
+  Building2: LucideIcons.Building2,
+  Check: LucideIcons.Check,
+  ChevronsUpDown: LucideIcons.ChevronsUpDown,
+  ChevronRight: LucideIcons.ChevronRight,
+  BadgeCheck: LucideIcons.BadgeCheck,
+  LogOut: LucideIcons.LogOut
+  // Add more icons as needed
+};
+function getIconComponent(icon) {
+  if (!icon) {
+    return void 0;
+  }
+  if (typeof icon !== "string") {
+    return icon;
+  }
+  return ICON_MAP[icon];
+}
+
+export { getIconComponent };
+//# sourceMappingURL=iconMapper.mjs.map
+//# sourceMappingURL=iconMapper.mjs.map

package/dist/utils/iconMapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/iconMapper.ts"],"names":[],"mappings":";;;AAYA,IAAM,QAAA,GAAuC;AAAA,EAC3C,IAAA,EAAkB,WAAA,CAAA,IAAA;AAAA,EAClB,KAAA,EAAmB,WAAA,CAAA,KAAA;AAAA,EACnB,kBAAA,EAAgC,WAAA,CAAA,kBAAA;AAAA,EAChC,QAAA,EAAsB,WAAA,CAAA,QAAA;AAAA,EACtB,UAAA,EAAwB,WAAA,CAAA,UAAA;AAAA,EACxB,SAAA,EAAuB,WAAA,CAAA,SAAA;AAAA,EACvB,KAAA,EAAmB,WAAA,CAAA,KAAA;AAAA,EACnB,cAAA,EAA4B,WAAA,CAAA,cAAA;AAAA,EAC5B,YAAA,EAA0B,WAAA,CAAA,YAAA;AAAA,EAC1B,UAAA,EAAwB,WAAA,CAAA,UAAA;AAAA,EACxB,MAAA,EAAoB,WAAA,CAAA;AAAA;AAEtB,CAAA;AAQO,SAAS,iBACd,IAAA,EACwB;AACxB,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,MAAA;AAAA,EACT;AAGA,EAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC5B,IAAA,OAAO,IAAA;AAAA,EACT;AAGA,EAAA,OAAO,SAAS,IAAI,CAAA;AACtB","file":"iconMapper.mjs","sourcesContent":["/**\n * Icon mapper utility\n * Maps icon name strings to Lucide React icon components\n */\n\nimport * as LucideIcons from \"lucide-react\"\nimport type { LucideIcon } from \"lucide-react\"\n\n/**\n * Map of icon names to Lucide icon components\n * Used to convert icon name strings from API to icon components\n */\nconst ICON_MAP: Record<string, LucideIcon> = {\n  Home: LucideIcons.Home,\n  Users: LucideIcons.Users,\n  GalleryVerticalEnd: LucideIcons.GalleryVerticalEnd,\n  Settings: LucideIcons.Settings,\n  CreditCard: LucideIcons.CreditCard,\n  Building2: LucideIcons.Building2,\n  Check: LucideIcons.Check,\n  ChevronsUpDown: LucideIcons.ChevronsUpDown,\n  ChevronRight: LucideIcons.ChevronRight,\n  BadgeCheck: LucideIcons.BadgeCheck,\n  LogOut: LucideIcons.LogOut,\n  // Add more icons as needed\n}\n\n/**\n * Get icon component from icon name or component\n * \n * @param icon - Icon name (string) or icon component\n * @returns Icon component or undefined\n */\nexport function getIconComponent(\n  icon?: string | LucideIcon\n): LucideIcon | undefined {\n  if (!icon) {\n    return undefined\n  }\n\n  // If it's already a component, return it\n  if (typeof icon !== \"string\") {\n    return icon\n  }\n\n  // Look up icon by name\n  return ICON_MAP[icon]\n}\n\n"]}

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@logickernel/frame",
+  "version": "0.1.0",
+  "description": "Shared navigation and layout components for microfrontends",
+  "keywords": [
+    "navigation",
+    "sidebar",
+    "microfrontend",
+    "react",
+    "nextjs"
+  ],
+  "author": "",
+  "license": "MIT",
+  "private": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./components/*": {
+      "types": "./dist/components/*.d.ts",
+      "import": "./dist/components/*.mjs",
+      "require": "./dist/components/*.js"
+    },
+    "./hooks/*": {
+      "types": "./dist/hooks/*.d.ts",
+      "import": "./dist/hooks/*.mjs",
+      "require": "./dist/hooks/*.js"
+    },
+    "./types": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/types/index.mjs",
+      "require": "./dist/types/index.js"
+    },
+    "./utils/*": {
+      "types": "./dist/utils/*.d.ts",
+      "import": "./dist/utils/*.mjs",
+      "require": "./dist/utils/*.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "type-check": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "lucide-react": "^0.555.0"
+  },
+  "peerDependencies": {
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "@types/react": "^18.0.0 || ^19.0.0",
+    "@types/react-dom": "^18.0.0 || ^19.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  }
+}
+