@omnifyjp/shell 0.1.1

package/dist/components/Header.js

@@ -0,0 +1,6 @@
+export { Header } from '../chunk-Q3QWQG6P.js';
+import '../chunk-ACCHC3AM.js';
+import '../chunk-WCRLQ5M5.js';
+import '../chunk-SHHZRZMM.js';
+//# sourceMappingURL=Header.js.map
+//# sourceMappingURL=Header.js.map

package/dist/components/Header.js.map

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

package/dist/components/OrganizationSelector.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface OrganizationSelectorProps {
+    variant?: 'header' | 'sidebar';
+}
+declare function OrganizationSelector({ variant }: OrganizationSelectorProps): react_jsx_runtime.JSX.Element;
+
+export { OrganizationSelector };

package/dist/components/OrganizationSelector.js

@@ -0,0 +1,4 @@
+export { OrganizationSelector } from '../chunk-WCRLQ5M5.js';
+import '../chunk-SHHZRZMM.js';
+//# sourceMappingURL=OrganizationSelector.js.map
+//# sourceMappingURL=OrganizationSelector.js.map

package/dist/components/OrganizationSelector.js.map

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

package/dist/components/OrganizationSetupModal.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function OrganizationSetupModal(): react_jsx_runtime.JSX.Element;
+
+export { OrganizationSetupModal };

package/dist/components/OrganizationSetupModal.js

@@ -0,0 +1,4 @@
+export { OrganizationSetupModal } from '../chunk-QNCYBLHC.js';
+import '../chunk-SHHZRZMM.js';
+//# sourceMappingURL=OrganizationSetupModal.js.map
+//# sourceMappingURL=OrganizationSetupModal.js.map

package/dist/components/OrganizationSetupModal.js.map

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

package/dist/components/PageContainer.d.ts

@@ -0,0 +1,105 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface PageContainerProps {
+    /**
+     * Page title
+     */
+    title?: string;
+    /**
+     * Subtitle or description below title
+     */
+    subtitle?: string;
+    /**
+     * Extra content (buttons, actions) displayed on the right side of header
+     */
+    extra?: ReactNode;
+    /**
+     * Main page content
+     */
+    children: ReactNode;
+    /**
+     * Footer content displayed at the bottom
+     */
+    footer?: ReactNode;
+    /**
+     * Sidebar content displayed on left or right
+     */
+    sidebar?: ReactNode;
+    /**
+     * Sidebar position
+     * @default 'right'
+     */
+    sidebarPosition?: 'left' | 'right';
+    /**
+     * Sidebar width
+     * @default 'w-80'
+     */
+    sidebarWidth?: string;
+    /**
+     * Layout variant
+     * - 'standard': Default padded layout with header
+     * - 'full': Full width, no padding (for boards, gantt)
+     * - 'split': Layout with sidebar inside page
+     * @default 'standard'
+     */
+    variant?: 'standard' | 'full' | 'split';
+    /**
+     * Custom container className
+     */
+    className?: string;
+    /**
+     * Custom content className
+     */
+    contentClassName?: string;
+    /**
+     * Show separator below header
+     * @default true for standard variant
+     */
+    showHeaderSeparator?: boolean;
+}
+/**
+ * PageContainer - Flexible page layout component
+ *
+ * @example
+ * // Standard layout with title and actions
+ * <PageContainer
+ *   title="Dashboard"
+ *   subtitle="Overview of all projects"
+ *   extra={<Button>Create</Button>}
+ * >
+ *   <div>Content here</div>
+ * </PageContainer>
+ *
+ * @example
+ * // Split layout with right sidebar
+ * <PageContainer
+ *   title="Task Detail"
+ *   variant="split"
+ *   sidebar={<CommentSection />}
+ *   sidebarPosition="right"
+ * >
+ *   <div>Main content</div>
+ * </PageContainer>
+ *
+ * @example
+ * // Full width layout (no padding)
+ * <PageContainer variant="full">
+ *   <KanbanBoard />
+ * </PageContainer>
+ */
+declare function PageContainer({ title, subtitle, extra, children, footer, sidebar, sidebarPosition, sidebarWidth, variant, className, contentClassName, showHeaderSeparator, }: PageContainerProps): react_jsx_runtime.JSX.Element;
+/**
+ * Convenience wrapper for standard layout
+ */
+declare function StandardPageContainer(props: Omit<PageContainerProps, 'variant'>): react_jsx_runtime.JSX.Element;
+/**
+ * Convenience wrapper for split layout with sidebar
+ */
+declare function SplitPageContainer(props: Omit<PageContainerProps, 'variant'>): react_jsx_runtime.JSX.Element;
+/**
+ * Convenience wrapper for full width layout
+ */
+declare function FullWidthPageContainer(props: Omit<PageContainerProps, 'variant' | 'title' | 'subtitle' | 'extra'>): react_jsx_runtime.JSX.Element;
+
+export { FullWidthPageContainer, PageContainer, type PageContainerProps, SplitPageContainer, StandardPageContainer };

package/dist/components/PageContainer.js

@@ -0,0 +1,3 @@
+export { FullWidthPageContainer, PageContainer, SplitPageContainer, StandardPageContainer } from '../chunk-OHORC3F5.js';
+//# sourceMappingURL=PageContainer.js.map
+//# sourceMappingURL=PageContainer.js.map

package/dist/components/PageContainer.js.map

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

package/dist/components/ServiceMenu.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ServiceCategory } from '../types.js';
+import 'react';
+import 'lucide-react';
+
+interface ServiceMenuProps {
+    categories: ServiceCategory[];
+}
+declare function ServiceMenu({ categories }: ServiceMenuProps): react_jsx_runtime.JSX.Element;
+
+export { ServiceMenu };

package/dist/components/ServiceMenu.js

@@ -0,0 +1,3 @@
+export { ServiceMenu } from '../chunk-ACCHC3AM.js';
+//# sourceMappingURL=ServiceMenu.js.map
+//# sourceMappingURL=ServiceMenu.js.map

package/dist/components/ServiceMenu.js.map

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

package/dist/components/Sidebar.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ShellConfig } from '../types.js';
+import 'react';
+import 'lucide-react';
+
+interface SidebarProps {
+    config: ShellConfig;
+}
+declare function Sidebar({ config }: SidebarProps): react_jsx_runtime.JSX.Element;
+
+export { Sidebar };

package/dist/components/Sidebar.js

@@ -0,0 +1,5 @@
+export { Sidebar } from '../chunk-YVUVYTVZ.js';
+import '../chunk-WCRLQ5M5.js';
+import '../chunk-SHHZRZMM.js';
+//# sourceMappingURL=Sidebar.js.map
+//# sourceMappingURL=Sidebar.js.map

package/dist/components/Sidebar.js.map

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

package/dist/contexts/OrganizationContext.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { Organization, Branch } from '../types.js';
+import 'lucide-react';
+
+interface OrganizationContextType {
+    organizations: Organization[];
+    branches: Branch[];
+    selectedOrganization: Organization | null;
+    selectedBranch: Branch | null;
+    setSelectedOrganization: (org: Organization | null) => void;
+    setSelectedBranch: (branch: Branch | null) => void;
+    getBranchesByOrg: (orgId: string) => Branch[];
+    isSetupComplete: boolean;
+}
+interface OrganizationProviderProps {
+    children: ReactNode;
+    organizations?: Organization[];
+    branches?: Branch[];
+    onOrganizationChange?: (org: Organization) => void;
+    onBranchChange?: (branch: Branch) => void;
+}
+declare function OrganizationProvider({ children, organizations, branches, onOrganizationChange, onBranchChange, }: OrganizationProviderProps): react_jsx_runtime.JSX.Element;
+declare function useOrganization(): OrganizationContextType;
+
+export { OrganizationProvider, useOrganization };

package/dist/contexts/OrganizationContext.js

@@ -0,0 +1,3 @@
+export { OrganizationProvider, useOrganization } from '../chunk-SHHZRZMM.js';
+//# sourceMappingURL=OrganizationContext.js.map
+//# sourceMappingURL=OrganizationContext.js.map

package/dist/contexts/OrganizationContext.js.map

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

package/dist/contexts/ThemeContext.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type Theme = 'light' | 'dark' | 'system';
+interface ThemeContextType {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+}
+declare function ThemeProvider({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useTheme(): ThemeContextType;
+
+export { type Theme, ThemeProvider, useTheme };

package/dist/contexts/ThemeContext.js

@@ -0,0 +1,3 @@
+export { ThemeProvider, useTheme } from '../chunk-EJEVW4RO.js';
+//# sourceMappingURL=ThemeContext.js.map
+//# sourceMappingURL=ThemeContext.js.map

package/dist/contexts/ThemeContext.js.map

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

package/dist/hooks/useDateFormat.d.ts

@@ -0,0 +1,28 @@
+import { Locale } from 'date-fns';
+import { SupportedLanguage } from '../i18n.js';
+import 'i18next';
+
+type SupportedTimezone = 'Asia/Ho_Chi_Minh' | 'Asia/Tokyo' | 'America/New_York' | 'America/Los_Angeles' | 'Europe/London' | 'UTC';
+declare const timezoneLabels: Record<SupportedTimezone, string>;
+/**
+ * Hook that provides date formatting utilities.
+ * Reads the current language from i18next automatically.
+ */
+declare function useDateFormat(): {
+    language: SupportedLanguage;
+    timezone: SupportedTimezone;
+    setLanguage: (lang: SupportedLanguage) => void;
+    setTimezone: (tz: SupportedTimezone) => void;
+    formatDate: (date: Date | string) => string;
+    formatDateTime: (date: Date | string) => string;
+    formatRelativeTime: (date: Date | string) => string;
+    formatShortDate: (date: Date | string) => string;
+    formatMonthYear: (date: Date | string) => string;
+    formatDayOfWeek: (date: Date | string) => string;
+    formatDateLong: (date: Date | string) => string;
+    dateFnsLocale: Locale;
+    localeTag: string;
+    languageNames: Record<SupportedLanguage, string>;
+};
+
+export { type SupportedTimezone, timezoneLabels, useDateFormat };

package/dist/hooks/useDateFormat.js

@@ -0,0 +1,4 @@
+export { timezoneLabels, useDateFormat } from '../chunk-6JYWZJEY.js';
+import '../chunk-OMIE3Z5N.js';
+//# sourceMappingURL=useDateFormat.js.map
+//# sourceMappingURL=useDateFormat.js.map

package/dist/hooks/useDateFormat.js.map

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

package/dist/i18n.d.ts

@@ -0,0 +1,38 @@
+import * as i18next from 'i18next';
+import i18next__default from 'i18next';
+export { default, default as i18n } from 'i18next';
+
+type SupportedLanguage = 'vi' | 'en' | 'ja';
+declare const languageNames: Record<SupportedLanguage, string>;
+interface InitOmnifyI18nOptions {
+    /** Add service-specific namespace translations */
+    namespaces?: Record<string, Record<string, Record<string, unknown>>>;
+    /** Override shell translation keys */
+    overrides?: Record<string, Record<string, string>>;
+}
+/**
+ * Initialize Omnify i18n for a service.
+ * Call this once in your service's entry point.
+ *
+ * @example
+ * ```ts
+ * import { initOmnifyI18n } from '@omnifyjp/shell';
+ * import pmVi from './locales/vi.json';
+ * import pmEn from './locales/en.json';
+ *
+ * initOmnifyI18n({
+ *   namespaces: { pm: { vi: pmVi, en: pmEn } },
+ *   overrides: {
+ *     vi: { 'common.save': 'Lưu hồ sơ' },
+ *   }
+ * });
+ * ```
+ */
+declare function initOmnifyI18n(options?: InitOmnifyI18nOptions): void;
+/**
+ * Change the current language.
+ * Persists to localStorage and updates i18next.
+ */
+declare function changeLanguage(lang: SupportedLanguage): Promise<i18next.TFunction<"translation", undefined>>;
+
+export { type InitOmnifyI18nOptions, type SupportedLanguage, changeLanguage, initOmnifyI18n, languageNames };

package/dist/i18n.js

@@ -0,0 +1,3 @@
+export { changeLanguage, i18n_default as default, i18n, initOmnifyI18n, languageNames } from './chunk-OMIE3Z5N.js';
+//# sourceMappingURL=i18n.js.map
+//# sourceMappingURL=i18n.js.map

package/dist/i18n.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+export { AppShell } from './components/AppShell.js';
+export { Sidebar } from './components/Sidebar.js';
+export { Header } from './components/Header.js';
+export { ServiceMenu } from './components/ServiceMenu.js';
+export { OrganizationSelector } from './components/OrganizationSelector.js';
+export { OrganizationSetupModal } from './components/OrganizationSetupModal.js';
+export { FullWidthPageContainer, PageContainer, PageContainerProps, SplitPageContainer, StandardPageContainer } from './components/PageContainer.js';
+export { Theme, ThemeProvider, useTheme } from './contexts/ThemeContext.js';
+export { OrganizationProvider, useOrganization } from './contexts/OrganizationContext.js';
+export { InitOmnifyI18nOptions, SupportedLanguage, changeLanguage, initOmnifyI18n, languageNames } from './i18n.js';
+export { SupportedTimezone, timezoneLabels, useDateFormat } from './hooks/useDateFormat.js';
+export { Branch, Organization, ServiceCategory, ServiceItem, ShellConfig, SidebarMenuItem } from './types.js';
+export { default as i18n } from 'i18next';
+import 'react/jsx-runtime';
+import 'react';
+import 'date-fns';
+import 'lucide-react';

package/dist/index.js

@@ -0,0 +1,13 @@
+export { timezoneLabels, useDateFormat } from './chunk-6JYWZJEY.js';
+export { AppShell } from './chunk-OYE3TXTK.js';
+export { ThemeProvider, useTheme } from './chunk-EJEVW4RO.js';
+export { changeLanguage, i18n, initOmnifyI18n, languageNames } from './chunk-OMIE3Z5N.js';
+export { Sidebar } from './chunk-YVUVYTVZ.js';
+export { Header } from './chunk-Q3QWQG6P.js';
+export { ServiceMenu } from './chunk-ACCHC3AM.js';
+export { OrganizationSelector } from './chunk-WCRLQ5M5.js';
+export { OrganizationSetupModal } from './chunk-QNCYBLHC.js';
+export { OrganizationProvider, useOrganization } from './chunk-SHHZRZMM.js';
+export { FullWidthPageContainer, PageContainer, SplitPageContainer, StandardPageContainer } from './chunk-OHORC3F5.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/types.d.ts

@@ -0,0 +1,89 @@
+import { ReactNode } from 'react';
+import { LucideIcon } from 'lucide-react';
+
+interface Organization {
+    id: string;
+    name: string;
+    logo?: string;
+    description?: string;
+    color?: string;
+    shortName?: string;
+}
+interface Branch {
+    id: string;
+    name: string;
+    organizationId: string;
+    location?: string;
+}
+interface SidebarMenuItem {
+    icon: LucideIcon;
+    label: string;
+    path?: string;
+    badge?: number;
+    children?: SidebarMenuItem[];
+}
+interface ServiceItem {
+    icon: LucideIcon;
+    label: string;
+    url: string;
+    color: string;
+    active?: boolean;
+}
+interface ServiceCategory {
+    category: string;
+    items: ServiceItem[];
+}
+interface ShellConfig {
+    app: {
+        name: string;
+        key: string;
+        logo: {
+            icon: LucideIcon;
+            text: string;
+            color?: string;
+        };
+    };
+    sidebar: {
+        menuItems: SidebarMenuItem[];
+        contextMenu?: {
+            paramName: string;
+            getItems: (paramValue: string) => SidebarMenuItem[];
+            getHeader?: (paramValue: string) => ReactNode;
+            getFooterItems?: () => SidebarMenuItem[];
+        };
+        recentItems?: {
+            title: string;
+            items: Array<{
+                label: string;
+                path: string;
+                badge?: string;
+                color?: string;
+            }>;
+        };
+        footer?: ReactNode;
+    };
+    services?: ServiceCategory[];
+    header?: {
+        searchPlaceholder?: string;
+        actions?: ReactNode;
+        notifications?: {
+            count: number;
+            content: ReactNode;
+        };
+        user?: {
+            name: string;
+            email?: string;
+            avatar?: string;
+            onLogout?: () => void;
+        };
+        showSearch?: boolean;
+    };
+    organization?: {
+        organizations: Organization[];
+        branches: Branch[];
+        onOrganizationChange?: (org: Organization) => void;
+        onBranchChange?: (branch: Branch) => void;
+    };
+}
+
+export type { Branch, Organization, ServiceCategory, ServiceItem, ShellConfig, SidebarMenuItem };

package/dist/types.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

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

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@omnifyjp/shell",
+  "version": "0.1.1",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./components/*": {
+      "types": "./dist/components/*.d.ts",
+      "import": "./dist/components/*.js"
+    },
+    "./contexts/*": {
+      "types": "./dist/contexts/*.d.ts",
+      "import": "./dist/contexts/*.js"
+    },
+    "./hooks/*": {
+      "types": "./dist/hooks/*.d.ts",
+      "import": "./dist/hooks/*.js"
+    },
+    "./i18n": {
+      "types": "./dist/i18n.d.ts",
+      "import": "./dist/i18n.js"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/types.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint src/",
+    "type-check": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "react-router": ">=7"
+  },
+  "dependencies": {
+    "@omnifyjp/ui": "^0.1.1",
+    "i18next": "^24.0.0",
+    "react-i18next": "^15.0.0",
+    "date-fns": "3.6.0",
+    "lucide-react": "0.487.0",
+    "sonner": "2.0.3"
+  },
+  "devDependencies": {
+    "tsup": "^8.0.0",
+    "typescript": "^5.9.3",
+    "@types/react": "^19.2.13",
+    "@types/react-dom": "^19.2.3"
+  }
+}